/* Brosete — an editorial journey through tree, land and craft. */
:root{--paper:#f7f7f5;--green:#313131;--orange:#ff7900}body{overflow-x:clip}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:100}#leaves{position:fixed;inset:0;width:100%;height:100%;z-index:22;pointer-events:none}.topline{display:none}header{position:absolute;top:0;left:0;right:0;background:transparent;backdrop-filter:none;color:#f7f7f5;border-bottom:1px solid #ffffff30;padding:24px 4.5%}header .button{background:#f7f7f5;color:#313131}.brand{font-size:36px;letter-spacing:-.8px}nav{font-size:11px;letter-spacing:.2px}.hero{min-height:850px;height:100svh;max-height:1150px;display:block;position:relative;background:#272727;color:var(--paper);isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;min-height:0;z-index:-2}.hero-image>img{object-position:50% 60%;filter:brightness(.65) saturate(.65);transform:scale(1.07);will-change:transform}.hero-image:after{background:linear-gradient(90deg,#191919c9,transparent 85%),linear-gradient(0deg,#212121e6,transparent 60%)}.hero-copy{padding:190px 7% 45px;height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start}.hero .eyebrow{font-size:9px;letter-spacing:2.8px;margin-bottom:30px}h1{font-size:clamp(85px,10.5vw,160px);line-height:.84;letter-spacing:-.025em;margin-bottom:32px}.hero h1 em{color:#ff7900}.hero-copy>p{color:#d8d8d8;max-width:370px;font-size:13px}.hero .actions{margin:25px 0 25px}.hero .textlink{color:var(--paper)}.hero-note{margin-top:auto;width:100%;border-color:#ffffff35;padding-top:20px;gap:30px;color:#d8d8d8}.photo-top{left:auto;right:6%;top:145px;background:transparent;border-top:1px solid #ffffff55;color:white;padding:12px 0;font-size:8px}.photo-bottom{left:auto;right:6%;bottom:140px;max-width:260px}.photo-bottom strong{font-size:32px}.photo-bottom>a{display:none}.scroll-cue{position:absolute;bottom:125px;right:7%;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:1.5px}.scroll-cue b{font-size:24px;font-weight:400;animation:down 2s ease-in-out infinite}.photo-bottom{bottom:205px}.motion-toggle{position:fixed;bottom:15px;left:18px;z-index:40;background:#f7f7f5ed;border:1px solid #31313125;border-radius:30px;padding:7px 12px;font-size:9px;letter-spacing:.5px;color:#313131;box-shadow:0 2px 10px #0001}.section{padding-top:125px;padding-bottom:125px}.section-heading{align-items:center;margin-bottom:65px}h2{font-size:clamp(60px,6.5vw,96px);line-height:.92;letter-spacing:-.025em}.eyebrow{font-size:9px;letter-spacing:2.2px}.section-heading>p{max-width:260px;font-size:13px;position:relative;padding-top:24px}.section-heading>p:before{content:'';position:absolute;top:0;left:0;width:40px;height:1px;background:var(--orange)}.service-strip{padding:27px 3%;font-size:26px;background:var(--orange);color:var(--green);overflow:hidden}.service-strip b{color:var(--green)}.forest-story{height:260vh;background:#242424;color:var(--paper);position:relative}.story-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.story-top,.story-bottom{position:absolute;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:9px;letter-spacing:2px}.story-top{top:35px}.story-bottom{bottom:30px}.story-words{position:absolute;left:7%;top:23%;width:65%;z-index:2}.story-line{position:absolute;top:0;left:0;opacity:0;transform:translateY(35px);transition:opacity .65s,transform .8s;pointer-events:none}.story-line.active{opacity:1;transform:none}.story-line small{font-size:9px;letter-spacing:2px;display:block;margin-bottom:26px;color:#c2c2c2}.story-line h2{font-size:clamp(53px,6.8vw,102px);max-width:900px}.story-line p{font-size:13px;color:#c3c3c3;margin-top:24px;max-width:340px}.forest{position:absolute;inset:0;width:100%;height:100%;z-index:1}.story-track{width:22%;height:1px;background:#dbdbdb44}.story-track i{display:block;height:2px;background:var(--orange);width:100%;transform-origin:left;transform:scaleX(0)}#falling-tree{transform-origin:915px 640px;will-change:transform}#new-growth{transform-origin:912px 650px;transform:scale(0)}.services{border:0;gap:0}.services article{position:relative;border-top:1px solid #bababa;padding:35px 35px 30px 0;transition:background .5s}.services article+article{border-left:0;padding-left:35px}.services article:before{content:'';position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s}.services article:hover:before{transform:scaleX(1)}.services article:hover svg{transform:rotate(-8deg) translateY(-6px)}.services svg{transition:transform .5s;width:63px;height:63px;margin:44px 0 28px}.services h3{font-size:40px}.services article>a{padding:19px 0;border-top:1px solid #cacaca}.services article>a span{transition:transform .3s}.services article:hover>a span{transform:translate(5px,-5px)}.services ul{margin-bottom:8px}.services article:nth-child(2){margin-top:75px}.services article:nth-child(3){margin-top:150px}.work{background:#272727}.work-intro{border-top:1px solid #ffffff30;padding:22px 0 35px;display:flex;justify-content:space-between;align-items:center}.work-intro>span{font-family:var(--display);font-size:clamp(50px,9vw,140px);letter-spacing:-2px;color:#c5c5c5}.work-intro p{font-size:10px;color:#bbbbbb;max-width:200px}.work-grid{grid-template-columns:1.25fr 1fr;grid-template-rows:330px 330px;gap:28px}.gallery{border-radius:1px}.gallery:nth-child(2){margin-top:55px}.gallery:nth-child(3){margin-bottom:0}.gallery.big{margin-bottom:85px}.gallery img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(.75)}.gallery:hover img{transform:scale(1.07);filter:saturate(1)}.gallery>span{bottom:30px;left:30px}.gallery b{font-size:38px}.gallery i{width:42px;height:42px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:20px}.video-row{margin-top:60px;border-top:1px solid #ffffff30;padding-top:60px;grid-template-columns:1fr 1.45fr}.video-row h3{font-size:64px}.video-row video{max-height:510px;width:100%;border:1px solid #ffffff20}.about{gap:12%;position:relative}.about h2{font-size:clamp(56px,6vw,90px)}.portrait{height:650px;transform:rotate(-3deg);margin:25px 0;transition:transform .8s}.portrait:hover{transform:rotate(0)}.portrait img{filter:saturate(.7)}.portrait>div{left:20px;bottom:-20px;right:-25px;box-shadow:0 8px 20px #0001}.portrait-stamp{position:absolute;right:-35px;top:-35px;z-index:2;width:118px;height:118px;border-radius:50%;background:#333333;color:#f7f7f5;font-size:9px;letter-spacing:1.6px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:2.2;transform:rotate(15deg);border:1px solid #999999;outline:6px solid #333333}.about-copy .large{font-size:26px}.about-copy>p:not(.large){font-size:14px;line-height:1.9}.process{background:#f7f7f5}.process h2{font-size:clamp(52px,6vw,88px)}.steps{gap:45px;margin-top:65px}.steps span{font-size:95px;color:#333333;font-weight:600;line-height:1.2;border-color:#b3b3b3}.steps article{transition:transform .5s}.steps article:hover{transform:translateY(-10px)}.steps h3{font-size:32px}.steps article:nth-child(2){padding-top:55px}.steps article:nth-child(3){padding-top:110px}.area{overflow:hidden;gap:10%;padding-bottom:85px}.area-radar{grid-column:span 2;height:260px;position:relative;display:grid;place-items:center;margin-bottom:25px;overflow:hidden}.area-radar:before,.area-radar:after{content:'';position:absolute;background:#c2c2c2}.area-radar:before{width:1px;height:100%}.area-radar:after{width:100%;height:1px}.area-radar i{position:absolute;width:110px;height:110px;border:1px solid #b7b7b7;border-radius:50%;animation:ripple 6s linear infinite}.area-radar i:nth-child(2){animation-delay:-2s}.area-radar i:nth-child(3){animation-delay:-4s}.area-radar b{background:var(--orange);color:#333333;border-radius:50%;height:50px;width:50px;display:grid;place-items:center;font-family:var(--display);font-size:23px;z-index:1}.towns .area-radar span{position:absolute;bottom:10px;right:0;border:none;font-size:8px;letter-spacing:2px}.towns>span:nth-of-type(1){grid-column:span 2;font-size:40px;font-family:var(--display);display:flex;justify-content:space-between}.towns>span{transition:padding .3s,color .3s}.towns>span:hover{padding-left:10px;color:#ff7900}.faq{padding-top:60px}.faq h2{font-size:65px}details{padding:24px 0}details p{line-height:1.9}summary{font-size:14px}.contact{background:#323232;position:relative;overflow:hidden;gap:7%}.contact:before{content:'';position:absolute;width:800px;height:800px;border:1px solid #ffffff0d;border-radius:50%;left:-350px;top:5%;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff03,0 0 0 180px #ffffff03;pointer-events:none}.contact-copy,form{position:relative}.contact h2{font-size:clamp(85px,9vw,135px)}form{background:#f7f7f5;padding:40px;transform:rotate(1deg);transition:transform .6s}form:focus-within,form:hover{transform:rotate(0)}form h3{font-size:34px}.closing-word{background:var(--orange);color:#313131;font-family:var(--display);font-size:clamp(52px,12vw,190px);font-weight:700;line-height:1;letter-spacing:-.025em;padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.closing-word span{font-size:.8em}footer{background:#f7f7f5;padding-top:45px;padding-bottom:45px}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1)}.reveal.visible{opacity:1;transform:none}.hero h1{animation:hero-enter 1.3s cubic-bezier(.2,.8,.2,1) both}.hero .eyebrow,.hero .actions,.hero-copy>p{animation:hero-enter 1.4s .15s both}.button{position:relative;overflow:hidden}.button span{transition:transform .4s}.button:hover span{transform:translate(4px,-4px)}.button:hover{transform:translateY(-2px)}@keyframes hero-enter{from{opacity:0;transform:translateY(45px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes down{50%{transform:translateY(7px)}}@keyframes ripple{0%{transform:scale(.5);opacity:.9}100%{transform:scale(3.3);opacity:0}}
@media(max-width:1000px){.hero{min-height:800px}.hero-copy{padding-top:165px}h1{font-size:115px}.section{padding-top:90px;padding-bottom:90px}.portrait{height:550px}.services h3{font-size:33px}.services article:nth-child(3){margin-top:100px}.services article:nth-child(2){margin-top:50px}.contact h2{font-size:85px}form{padding:28px}.work-grid{grid-template-rows:280px 280px}.story-words{width:80%}.story-line h2{font-size:76px}}
@media(max-width:720px){header{padding:20px 6%;color:#f7f7f5}header .brand{font-size:28px}header #menu{color:var(--paper)}nav{background:#333333;color:#f7f7f5}.hero{height:100svh;min-height:780px;max-height:1000px}.hero-copy{padding:145px 7% 30px}.hero .eyebrow{font-size:7px;letter-spacing:1.6px;max-width:240px;line-height:1.6}h1{font-size:clamp(78px,19vw,130px);line-height:.87}.hero-copy>p{max-width:300px;font-size:12px;line-height:1.8}.hero-image>img{object-position:55% 50%;filter:brightness(.48) saturate(.6)}.hero-image:after{background:linear-gradient(0deg,#202020eb,transparent 80%)}.photo-top,.photo-bottom{display:none}.hero .actions{gap:25px;margin-top:27px}.hero .button{font-size:12px;padding:16px 19px}.hero .textlink{font-size:11px}.hero-note{font-size:7px;gap:18px}.scroll-cue{bottom:92px;left:7%;right:auto;font-size:7px;letter-spacing:1px}.forest-story{height:220vh}.story-stage{min-height:620px}.story-top{top:25px;font-size:7px;letter-spacing:1px;gap:20px}.story-words{left:7%;top:21%;width:86%}.story-line h2{font-size:clamp(48px,12.4vw,74px)}.story-line small{font-size:8px}.story-line p{font-size:12px;max-width:260px}.forest{width:160%;left:-60%;opacity:.65}.story-bottom{font-size:6px;letter-spacing:.8px}.story-track{width:15%}.service-strip{font-size:17px;padding:22px 12px;gap:12px}.section{padding:75px 7%}h2{font-size:58px}.section-heading{margin-bottom:40px}.section-heading>p{font-size:13px;max-width:310px}.services article,.services article+article{padding:30px 0 20px;margin-top:0!important}.services svg{margin:25px 0}.services h3{font-size:38px}.services p{font-size:13px}.services article>a{margin-top:10px}.work-intro{padding-bottom:22px;gap:20px}.work-intro>span{font-size:52px;letter-spacing:-1px}.work-intro p{font-size:8px;max-width:125px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:440px 270px;gap:15px}.gallery.big{margin-bottom:0}.gallery:nth-child(2){margin-top:0}.gallery:nth-child(3){margin-top:30px}.gallery>span{left:15px;bottom:20px}.gallery b{font-size:24px}.gallery small{font-size:7px}.gallery.big b{font-size:36px}.video-row{margin-top:35px;padding-top:35px;gap:25px}.video-row h3{font-size:49px}.about{gap:55px}.portrait{height:500px;margin:10px 10px 15px 0}.portrait-stamp{width:90px;height:90px;right:-20px;top:-25px;font-size:7px}.portrait>div{left:8px;right:-15px;padding:18px}.about h2{font-size:58px}.about-copy>p:not(.large){font-size:13px}.steps{gap:28px;margin-top:35px}.steps article:nth-child(n){padding-top:0}.steps span{font-size:70px;margin-bottom:20px}.steps h3{font-size:30px}.area{gap:15px}.area-radar{height:220px}.faq{padding-top:20px;gap:35px}.faq h2{font-size:57px}.contact{gap:40px}.contact h2{font-size:87px}form{padding:27px 20px;transform:none}.closing-word{font-size:12vw;padding:25px 6%}.motion-toggle{left:10px;bottom:10px;font-size:8px;padding:6px 9px}.reveal{transform:translateY(25px)}}
body.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .reveal{opacity:1;transform:none}body.motion-off #leaves{display:none}body.motion-off .hero-image>img{transform:none!important}body.motion-off .forest-story{height:90svh;min-height:620px}body.motion-off .story-stage{position:relative}body.motion-off #falling-tree{transform:none!important}body.motion-off #new-growth{transform:scale(0)!important}body.motion-off .story-line{display:none}body.motion-off .story-line[data-phase="0"]{display:block;opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}#leaves{display:none}.forest-story{height:90svh;min-height:620px}.story-stage{position:relative}.hero h1,.hero .eyebrow,.hero .actions,.hero-copy>p{animation:none}}
@media(max-width:720px){.hero h1{font-size:clamp(62px,16vw,100px)}header .small{white-space:nowrap;font-size:9px;padding:10px 11px;gap:10px}header .brand{font-size:25px}header{gap:10px}.hero-note{padding-bottom:12px}.motion-toggle{bottom:8px}}