:root{--ink:#0b2d23;--ink2:#19483a;--lime:#c8fa3b;--cream:#faf8f1;--pink:#f5a2bf;--orange:#ff813a;--gray:#667c6f;--text:#0b2d23;--header:76px;--pad:clamp(22px,5vw,90px);--font:'Plus Jakarta Sans',Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open,body.lightbox-open{overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.072em}em,i{font-style:normal}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{display:block;width:100%}svg{overflow:visible}.skip{position:fixed;top:-120px;left:12px;padding:12px;background:var(--lime);z-index:500}.skip:focus{top:12px}::selection{background:var(--lime);color:var(--ink)}.arr{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--orange);z-index:400;pointer-events:none}.site-header{height:var(--header);position:sticky;top:0;background:rgba(250,248,241,.94);border-bottom:1px solid rgba(12,48,38,.1);z-index:150;backdrop-filter:blur(20px);transition:background .3s}.site-header.scrolled{background:rgba(250,248,241,.91)}.header-inner{display:flex;align-items:center;gap:4vw;justify-content:space-between;height:100%;padding:0 var(--pad)}.wordmark{font-size:clamp(36px,3.8vw,54px);font-weight:800;letter-spacing:-.12em;line-height:1;white-space:nowrap}.wordmark span{color:#86ca1f}.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2.3vw,38px);margin-left:auto}.desktop-nav a,.footer-top nav a{position:relative;font-size:13px;letter-spacing:-.025em;font-weight:700}.desktop-nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;border-radius:50px;border:1px solid transparent;font-size:13px;font-weight:800;white-space:nowrap;min-height:52px;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}.btn .arr,.underlink .arr{transition:transform .3s}.btn:hover,.btn:focus-visible{transform:translateY(-3px)}.btn:hover .arr,.underlink:hover .arr{transform:translate(3px,-3px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#21513b}.btn-lime{background:var(--lime);color:var(--ink)}.btn-light{background:var(--cream);color:var(--ink)}.menu-toggle{display:none;position:relative;background:none;border:0;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{width:24px;height:2px;background:var(--ink);transition:transform .35s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}.mobile-nav{display:none}.kicker{font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:13px}.kicker:before{content:'';width:25px;height:2px;background:var(--orange);flex:none}.kicker.on-dark{color:#e6f2e2}.kicker.on-dark:before{background:var(--lime)}.underlink{display:inline-flex;align-items:center;gap:32px;padding:10px 0 13px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:800;width:max-content;max-width:100%;transition:gap .3s}.underlink:hover{gap:43px}.reveal{transition:transform 1.05s cubic-bezier(.2,.8,.2,1),opacity 1s;transform:translateY(20px);opacity:.95}.reveal.is-in{transform:translateY(0);opacity:1}.color-chapter{isolation:isolate}.fade-enter{animation:hero-up 1.2s both;animation-timing-function:cubic-bezier(.15,.75,.2,1)}.fade-enter:nth-child(2){animation-delay:.12s}.fade-enter:nth-child(3){animation-delay:.24s}.fade-enter:nth-child(4){animation-delay:.35s}@keyframes hero-up{from{transform:translateY(34px);opacity:0}to{transform:translateY(0);opacity:1}}
/* FIRST ACT: photographed atmosphere rather than grid cards */
.hero{min-height:min(800px,calc(100svh - var(--header)));display:grid;grid-template-columns:48% 52%;position:relative;background:var(--cream)}.hero-copy{position:relative;padding:clamp(54px,6vw,102px) 0 105px var(--pad);z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-headline{font-size:clamp(45px,5.6vw,101px);line-height:.985;max-width:760px;white-space:nowrap;margin:32px -70px 28px 0;text-wrap:balance}.hero-headline span{color:#146747}.hero-headline em{font-weight:600;font-size:.54em;letter-spacing:-.06em;line-height:1.18;display:inline-block;margin-top:17px;color:#1b4c3a}.hero-description{max-width:480px;font-size:clamp(15px,1.15vw,19px);line-height:1.7;margin-bottom:24px}.hero-visual{position:relative;overflow:hidden;min-height:600px;background:#f3ac7b;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,6% 71%,0% 44%)}.hero-main-image{height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 48%;transform:scale(1.07);will-change:transform}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,39,29,.06),transparent 50%),linear-gradient(0deg,rgba(5,24,16,.18),transparent 42%);pointer-events:none}.hero-photoframe{position:absolute;left:-14%;bottom:-29%;width:62%;aspect-ratio:1;border:45px solid #f4b4c6;border-radius:50%;opacity:.28;pointer-events:none;transform:translateY(var(--drift,0px))}.hero-circle{position:absolute;width:clamp(80px,11vw,190px);height:clamp(80px,11vw,190px);background:var(--lime);border-radius:50%;bottom:-55px;right:-40px;mix-blend-mode:screen;pointer-events:none}.hero-label{position:absolute;right:7%;bottom:9%;z-index:2;font-size:clamp(12px,1.7vw,22px);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--cream);transform:rotate(-6deg)}.hero-bottom{position:absolute;left:var(--pad);bottom:31px;right:-50px;display:flex;justify-content:space-between;gap:15px;align-items:end;font-size:11px;font-weight:800;z-index:3}.hero-bottom a{display:flex;align-items:center;gap:12px;color:#184c39;white-space:nowrap}.hero-bottom .arr{width:18px}
/* LIME: full-bleed continuous canvas, no clipped banner */
.concept-chapter{position:relative;background:var(--lime);padding:clamp(98px,11vw,185px) var(--pad) clamp(105px,12vw,210px);min-height:850px;overflow:hidden}.concept-inner{position:relative;max-width:1650px;margin:auto;z-index:2}.concept-layout{display:grid;grid-template-columns:55% 45%;align-items:center;min-height:520px}.concept-main{position:relative;z-index:4}.concept-main h2{font-size:clamp(59px,8.9vw,158px);line-height:.91;letter-spacing:-.09em;margin:37px 0 30px;white-space:nowrap}.concept-main h2 span{color:#f2783d}.concept-main h2 i{color:#265039}.concept-main p{max-width:430px;font-size:clamp(16px,1.45vw,22px);line-height:1.6;margin-bottom:24px}.concept-art{position:relative;height:620px;isolation:isolate}.slice-photo{position:absolute;overflow:hidden;box-shadow:0 24px 70px #26591d29;border:10px solid var(--lime);will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.slice-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.slice-photo:hover img{transform:scale(1.1)}.slice-a{width:56%;height:69%;top:1%;left:18%;border-radius:60% 45% 45% 8%;transform:rotate(-16deg)}.slice-b{width:46%;height:57%;bottom:0;left:4%;border-radius:8% 60% 60% 50%;transform:rotate(15deg)}.slice-c{width:43%;height:46%;bottom:11%;right:-8%;border-radius:60% 10% 55% 50%;transform:rotate(-19deg)}.concept-orbit{position:absolute;inset:8% 3% 4% -3%;border:1px solid rgba(14,47,37,.19);border-radius:50%;pointer-events:none;animation:orbital 36s linear infinite}@keyframes orbital{to{transform:rotate(360deg)}}.color-transition{position:absolute;bottom:-1px;left:0;right:0;height:85px;background:var(--cream);clip-path:ellipse(80% 100% at 50% 100%);z-index:5}
/* SERVICES interactive editorial stage */
.service-chapter{padding:clamp(70px,10vw,150px) var(--pad) clamp(90px,11vw,150px);background:var(--cream)}.section-intro{max-width:1100px;display:grid;grid-template-columns:1fr 350px;gap:8vw;align-items:end;margin-bottom:clamp(40px,7vw,100px)}.editorial-heading{font-size:clamp(54px,8.3vw,144px);line-height:.96;letter-spacing:-.09em;margin:30px 0 0}.editorial-heading span{color:#218353}.section-intro>p,.explore-heading p{font-size:clamp(16px,1.25vw,19px);line-height:1.7;max-width:450px}.interactive-service{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,8vw,145px);align-items:start}.service-list{padding-top:10px}.service-button{position:relative;display:grid;grid-template-columns:38px 1fr 26px;align-items:center;column-gap:24px;width:100%;min-height:clamp(112px,11vw,157px);border:0;border-top:1px solid rgba(12,47,34,.22);background:transparent;padding:24px 0;text-align:left;color:var(--ink)}.service-button:last-of-type{border-bottom:1px solid rgba(12,47,34,.22)}.service-button>span:first-child{font-size:11px;font-weight:800;letter-spacing:.14em}.service-button strong{font-size:clamp(37px,4.65vw,75px);letter-spacing:-.08em;line-height:1;transition:transform .35s,color .35s}.service-button .arr{align-self:center}.service-button .service-narrative{position:absolute;bottom:10px;left:62px;font-size:14px;letter-spacing:-.02em;color:#397059;max-height:0;opacity:0;transition:opacity .3s,transform .35s;transform:translateY(-4px)}.service-button.active strong,.service-button:hover strong{color:#14825c;transform:translateX(13px)}.service-button.active .service-narrative{max-height:40px;opacity:1;transform:translateY(0)}.service-list .underlink{margin-top:20px}.service-visual{position:sticky;top:calc(var(--header) + 25px)}.service-photo{height:clamp(420px,48vw,710px);overflow:hidden;border-radius:9% 9% 12% 2%;clip-path:polygon(0 0,100% 0,100% 90%,92% 100%,0 100%);position:relative}.service-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;transition:opacity .32s ease,transform 1.1s cubic-bezier(.15,.75,.25,1)}.service-photo:hover img{transform:scale(1.06)}.service-caption{border-top:1px solid #b5c1b6;margin-top:24px;padding-top:20px;display:flex;align-items:start;justify-content:space-between;gap:20px}.service-caption span{font-size:10px;font-weight:800;letter-spacing:.15em;flex:none}.service-caption strong{font-size:clamp(17px,1.7vw,25px);text-align:right;line-height:1.3;font-weight:700;letter-spacing:-.045em;max-width:340px}
/* PHOTO TO COLOR ACT: full bleed, unboxed */
.studio-flash{min-height:850px;background:var(--orange);position:relative;display:grid;grid-template-columns:59% 41%;overflow:hidden;isolation:isolate}.flash-photo{height:100%;min-height:850px;clip-path:polygon(0 0,100% 0,91% 100%,0 100%);overflow:hidden}.flash-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.08)}.flash-content{padding:clamp(65px,9vw,150px) clamp(25px,5vw,80px) clamp(60px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.flash-content h2{font-size:clamp(55px,6.8vw,118px);line-height:.94;margin:38px 0 35px}.flash-content h2 i{color:#f9f6ed}.flash-content p{font-size:clamp(16px,1.35vw,20px);line-height:1.65;max-width:370px;margin-bottom:30px}
/* EXPLORATIONS: asymmetric photography and editorial rhythm */
.explore-chapter{padding:clamp(100px,11vw,190px) var(--pad);background:var(--cream)}.explore-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:70px}.explore-heading .editorial-heading{font-size:clamp(48px,6.6vw,112px)}.explore-mosaic{display:grid;grid-template-columns:1.12fr .73fr .85fr;gap:clamp(14px,2vw,34px);align-items:end}.mosaic-card{display:block;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.mosaic-card:hover{transform:translateY(-10px)}.mosaic-media{display:block;overflow:hidden;background:#eeab7f;border-radius:11% 3% 13% 3%;height:clamp(350px,44vw,640px)}.mosaic-card:nth-child(2) .mosaic-media{height:clamp(280px,33vw,470px);border-radius:35% 4% 6% 4%}.mosaic-card:nth-child(3) .mosaic-media{height:clamp(270px,27vw,410px);border-radius:4% 29% 4% 9%}.mosaic-card img{height:100%;object-fit:cover;transition:transform .9s}.mosaic-card:hover img{transform:scale(1.07)}.mosaic-label{padding:20px 2px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mosaic-label small{display:block;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#6b816e;font-size:10px;margin-bottom:8px}.mosaic-label strong{font-size:clamp(18px,1.9vw,30px);letter-spacing:-.06em;line-height:1.08}.mosaic-label .arr{width:25px}.disclaimer{font-size:11px;line-height:1.65;color:#6a806e;max-width:670px;margin-top:45px}
/* FULL PINK MOMENT */
.pink-pause{background:var(--pink);position:relative;padding:clamp(100px,12vw,205px) var(--pad);overflow:hidden;min-height:640px}.pause-inner{max-width:1560px;margin:auto;position:relative;z-index:2}.oversized-quote{font-size:clamp(60px,9.3vw,164px);font-weight:800;letter-spacing:-.095em;line-height:.94;margin:50px 0 55px}.oversized-quote i{color:#ecf9cb}.pause-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px}.pause-bottom span{font-size:clamp(17px,1.6vw,25px);line-height:1.6;max-width:560px}.pause-edge{position:absolute;width:31vw;height:31vw;right:-13vw;top:-8vw;background:var(--cream);border-radius:50%;opacity:.3}
/* CTA editorial, preserved words */
.cta-final{position:relative;min-height:clamp(640px,65vw,920px);background:var(--ink);overflow:hidden;display:flex;align-items:center;color:#fff;isolation:isolate}.cta-image{position:absolute;inset:0 0 0 39%;opacity:.95;overflow:hidden;clip-path:ellipse(93% 88% at 90% 55%);z-index:-1}.cta-image img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.cta-final:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092e23 15%,rgba(9,44,33,.95) 34%,rgba(9,44,33,.22) 90%);z-index:-1}.cta-content{width:100%;padding:clamp(100px,11vw,180px) var(--pad);position:relative}.cta-content h2{font-size:clamp(62px,9vw,156px);letter-spacing:-.092em;line-height:.98;margin:45px 0 32px;max-width:1350px}.cta-content h2 em{color:var(--lime)}.cta-content>p{font-size:clamp(16px,1.5vw,22px);line-height:1.5;max-width:610px;margin-bottom:30px}.cta-content .btn{margin-top:5px}
/* SECONDARY PAGES: spacious editorial full-color sections */
.subhero{min-height:clamp(650px,83svh,950px);display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden;align-items:stretch}.subhero-copy{padding:clamp(70px,11vw,160px) 4vw clamp(75px,8vw,110px) var(--pad);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.subhero-copy h1{font-size:clamp(60px,7.8vw,142px);line-height:.96;margin:44px -35% 32px 0;position:relative;z-index:2}.subhero-copy h1 em{color:#e6f9c2}.subhero-copy p{max-width:550px;font-size:clamp(17px,1.5vw,23px);line-height:1.65}.subhero-image{height:100%;min-height:600px;clip-path:polygon(8% 0%,100% 0%,100% 100%,0% 100%,10% 76%,0 35%);overflow:hidden}.subhero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}.services-hero{background:var(--lime)}.services-hero .subhero-copy h1 em{color:#0c6947}.exp-hero{background:var(--pink)}.exp-hero .subhero-copy h1 em{color:#fff}.studio-hero{background:var(--orange)}.studio-hero .subhero-copy h1 em{color:#fff}.services-details{background:var(--cream);padding:0 var(--pad)}.service-detail{min-height:780px;padding:clamp(85px,11vw,180px) 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,150px);align-items:center}.detail-photo{height:clamp(500px,48vw,750px);position:relative;overflow:hidden;border-radius:0 22% 0 8%}.detail-photo img{height:100%;object-fit:cover;transform:scale(1.08)}.detail-count{position:absolute;left:30px;bottom:25px;font-size:12px;font-weight:800;letter-spacing:.15em;background:var(--cream);border-radius:99px;padding:12px}.service-detail.flip .detail-photo{order:2;border-radius:22% 0 8% 0}.detail-copy h2{font-size:clamp(67px,7.3vw,136px);margin:25px 0 46px;line-height:1}.detail-copy h2 em{color:#7ccd1e}.detail-copy h3{font-size:clamp(27px,2.6vw,47px);letter-spacing:-.065em;line-height:1.1;margin-bottom:25px}.detail-copy>p{font-size:clamp(17px,1.25vw,20px);line-height:1.8;max-width:610px;color:#315747}.tagline-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.tagline-list span{border:1px solid #a3bbaa;font-size:11px;letter-spacing:.06em;font-weight:700;padding:12px 15px;border-radius:30px}.statement-chapter{min-height:730px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:125px var(--pad);background:var(--orange);overflow:hidden}.statement-chapter .statement-bg{position:absolute;inset:0 0 0 55%;opacity:.8;clip-path:ellipse(88% 105% at 98% 48%)}.statement-bg img{height:100%;width:100%;object-fit:cover}.statement-chapter h2{font-size:clamp(66px,9.6vw,170px);line-height:.93;margin-top:35px;letter-spacing:-.09em;position:relative;z-index:2}.statement-chapter h2 em{color:#fff}.statement-chapter .kicker{position:relative;z-index:2}.service-exit{background:var(--pink);padding:clamp(105px,10vw,170px) var(--pad)}.service-exit h2{font-size:clamp(62px,8vw,145px);line-height:.96;margin:48px 0;letter-spacing:-.08em}.service-exit h2 em{color:#fff}
/* gallery */
.gallery-chapter{padding:clamp(85px,9vw,160px) var(--pad);background:var(--cream)}.gallery-intro{max-width:840px}.gallery-intro h2{font-size:clamp(65px,8.3vw,140px);line-height:.98;margin:25px 0}.gallery-intro h2 em{color:#16845f}.gallery-intro p{font-size:18px;line-height:1.7;max-width:590px}.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:60px 0 35px;border-top:1px solid #d7dfd7;padding-top:30px}.filterbar button{background:transparent;color:var(--ink);border:1px solid #b3c6b8;border-radius:99px;padding:12px 20px;font-weight:700;font-size:12px;transition:background .2s,color .2s}.filterbar button:hover,.filterbar button.active{background:var(--ink);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:start}.gallery-item{display:block;text-align:left;background:transparent;color:inherit;border:0;padding:0;min-width:0}.gallery-item[hidden]{display:none}.gallery-item:nth-child(5n+1){grid-row:span 2}.gallery-item:nth-child(5n+1) .gallery-media{aspect-ratio:3/4}.gallery-item:nth-child(5n+4){grid-column:span 2}.gallery-item:nth-child(5n+4) .gallery-media{aspect-ratio:1.9}.gallery-media{display:block;overflow:hidden;aspect-ratio:4/3;border-radius:9% 4% 7% 4%;background:#f3ca93}.gallery-media img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.gallery-item:hover .gallery-media img{transform:scale(1.065)}.gallery-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 2px 26px}.gallery-caption small{display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:10px;color:#618572;margin-bottom:8px}.gallery-caption strong{display:block;font-size:clamp(19px,2vw,31px);letter-spacing:-.065em;line-height:1.1}.round-icon{background:var(--lime);border-radius:50%;display:grid;place-items:center;width:43px;height:43px;flex:none}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;background:rgba(4,24,18,.95);z-index:600;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.lightbox img{height:auto;width:auto;max-width:min(92vw,1200px);max-height:83vh;object-fit:contain;border-radius:4px}.lightbox>span{color:#fff;font-weight:700;margin-top:16px}.lightbox-close{position:absolute;top:20px;right:20px;width:47px;height:47px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border:0;border-radius:50%;z-index:3}
/* studio */
.studio-story{position:relative;padding:clamp(105px,10vw,175px) var(--pad);min-height:780px;background:var(--cream);display:grid;grid-template-columns:1fr .8fr;gap:4vw;align-content:center}.story-kicker{grid-column:1/-1;margin-bottom:18px}.story-main h2{font-size:clamp(66px,8vw,136px);line-height:.95;margin-bottom:33px}.story-main h2 em{color:#158055}.story-main p{font-size:clamp(17px,1.35vw,21px);line-height:1.8;max-width:670px}.story-mark{display:grid;place-items:center;min-width:0}.segments-svg{width:min(100%,500px);height:auto;filter:drop-shadow(0 22px 22px rgba(40,56,20,.09))}.segments-spin{transform-origin:50% 50%;animation:gentle-spin 55s linear infinite}@keyframes gentle-spin{to{transform:rotate(360deg)}}.studio-manifest{position:relative;min-height:950px;background:var(--ink);color:var(--cream);padding:clamp(95px,10vw,160px) var(--pad);overflow:hidden}.studio-manifest h2{font-size:clamp(68px,9.8vw,172px);line-height:.94;margin:45px 0 25px;position:relative;z-index:2}.studio-manifest h2 em{color:var(--lime)}.studio-manifest>p{position:relative;z-index:2;font-size:clamp(16px,1.45vw,22px);line-height:1.65;max-width:520px}.studio-manifest-photo{position:absolute;right:-3vw;bottom:-15%;width:48vw;height:90%;overflow:hidden;clip-path:ellipse(65% 65% at 60% 50%);opacity:.77}.studio-manifest-photo img{height:100%;object-fit:cover}.values-chapter{padding:clamp(100px,11vw,180px) var(--pad);background:var(--cream)}.values-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;gap:30px}.values-list div{border-top:1px solid #a6b9ab;padding-top:21px}.values-list div span{font-size:11px;font-weight:800;letter-spacing:.16em}.values-list h3{font-size:clamp(29px,3.3vw,50px);margin:24px 0 19px}.values-list p{font-size:16px;line-height:1.65;color:#47705a}
/* contact */
.contact-hero{position:relative;min-height:calc(100svh - var(--header));background:var(--lime);display:grid;grid-template-columns:58% 42%;align-items:center;overflow:hidden}.contact-wrap{padding:clamp(95px,10vw,160px) 0 clamp(95px,10vw,160px) var(--pad);z-index:2}.contact-wrap h1{font-size:clamp(67px,9vw,167px);line-height:.95;margin:42px -25% 35px 0}.contact-wrap h1 em{color:#f9f6e8}.contact-wrap>p{font-size:clamp(18px,1.5vw,24px);line-height:1.65;max-width:550px;margin-bottom:27px}.contact-mini{font-size:12px;letter-spacing:.03em;margin-top:38px;color:#315940}.contact-visual{height:100%;min-height:600px;overflow:hidden;clip-path:ellipse(94% 92% at 97% 50%)}.contact-visual img{height:100%;object-fit:cover}.contact-note{padding:clamp(100px,12vw,180px) var(--pad);background:var(--pink)}.contact-note h2{font-size:clamp(62px,9vw,165px);line-height:.96;margin:36px 0}.contact-note h2 em{color:#fff}.contact-note p{font-size:clamp(18px,1.5vw,25px);line-height:1.6;max-width:620px;margin-bottom:35px}
/* FOOTER */
.site-footer{background:#08291f;color:#f2f5ed;padding:clamp(75px,8vw,125px) var(--pad) 25px}.footer-body{max-width:1700px;margin:auto}.footer-top{display:grid;grid-template-columns:1fr 1fr .75fr;gap:32px;padding-bottom:95px}.footer-top .wordmark{font-size:clamp(60px,8vw,135px)}.footer-top p{font-size:clamp(24px,2.4vw,42px);letter-spacing:-.06em;line-height:1.3;font-weight:700;margin-top:16px}.footer-top nav{display:flex;flex-direction:column;gap:17px;align-items:flex-start;padding-top:23px}.footer-top nav a{font-size:15px}.footer-base{border-top:1px solid #476455;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b2c3b7;font-size:11px}.footer-base a{display:flex;align-items:center;gap:12px;color:#d1f1b8;font-size:12px}
@media(max-width:1100px){:root{--header:70px}.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.header-cta{font-size:11px;padding:13px 16px}.hero{grid-template-columns:51% 49%}.hero-headline{font-size:clamp(42px,6.2vw,75px)}.concept-art{height:500px}.concept-main h2{font-size:clamp(60px,8.4vw,105px)}.service-button strong{font-size:clamp(34px,4.5vw,55px)}.service-button{grid-template-columns:27px 1fr 24px;column-gap:16px}.service-button .service-narrative{left:43px}.service-detail{gap:4vw}.detail-copy h2{font-size:clamp(50px,7vw,100px)}}
@media(max-width:760px){:root{--header:66px;--pad:21px}.site-header{height:var(--header)}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.mobile-nav{display:flex;position:fixed;inset:var(--header) 0 0;background:var(--lime);padding:50px var(--pad);z-index:149;flex-direction:column;gap:7px;transform:translateX(102%);transition:transform .45s cubic-bezier(.2,.8,.2,1);overflow:auto;visibility:hidden}.mobile-nav.open{transform:translateX(0);visibility:visible}.mobile-nav>a{font-size:clamp(36px,9.7vw,64px);font-weight:800;letter-spacing:-.07em;line-height:1.3}.mobile-nav-sign{font-size:20px;line-height:1.1;font-weight:800;margin-top:40px}.hero{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:75px var(--pad) 80px;min-height:590px}.hero-headline{font-size:clamp(45px,11.2vw,72px);margin:27px 0;white-space:normal}.hero-headline em{font-size:.53em;margin-top:16px}.hero-description{font-size:15px;max-width:430px;margin-bottom:23px}.hero-bottom{bottom:23px;right:var(--pad);font-size:10px}.hero-visual{height:clamp(440px,110vw,600px);min-height:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 100%)}.hero-main-image{object-position:center 43%}.hero-label{bottom:8%;right:9%;color:#fff}.concept-chapter{padding:95px var(--pad) 95px;min-height:auto}.concept-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.concept-main h2{font-size:clamp(55px,13vw,97px);margin:32px 0}.concept-main p{font-size:16px}.concept-art{height:370px;width:100%;max-width:510px;align-self:center;margin-top:10px}.slice-a{left:20%;top:5%}.slice-b{bottom:0;left:10%}.slice-c{right:0;bottom:6%}.color-transition{height:40px}.service-chapter{padding:90px var(--pad)}.section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.editorial-heading{font-size:clamp(56px,11vw,89px);margin:22px 0 0}.section-intro>p{max-width:620px}.interactive-service{display:flex;flex-direction:column;gap:30px}.service-list{width:100%}.service-button{min-height:103px}.service-button strong{font-size:clamp(36px,8vw,54px)}.service-visual{width:100%;position:relative;top:auto}.service-photo{height:clamp(390px,95vw,540px)}.service-caption{margin-top:16px;padding-top:14px}.studio-flash{display:flex;flex-direction:column;min-height:0}.flash-photo{height:clamp(400px,85vw,600px);min-height:0;clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}.flash-content{padding:85px var(--pad) 98px}.flash-content h2{font-size:clamp(62px,11vw,87px)}.explore-chapter{padding:90px var(--pad)}.explore-heading{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:35px}.explore-mosaic{grid-template-columns:1fr 1fr;gap:16px}.mosaic-first{grid-column:span 2}.mosaic-first .mosaic-media{height:65vw}.mosaic-card:nth-child(2) .mosaic-media,.mosaic-card:nth-child(3) .mosaic-media{height:60vw}.mosaic-label strong{font-size:20px}.mosaic-label small{font-size:8px}.pink-pause{min-height:0;padding:110px var(--pad)}.oversized-quote{font-size:clamp(58px,11.3vw,90px);margin:34px 0}.pause-bottom{flex-direction:column;align-items:flex-start}.cta-final{min-height:750px}.cta-image{inset:0;clip-path:none;opacity:.6}.cta-final:before{background:linear-gradient(90deg,#0b3027e8,#0b3027aa)}.cta-content{padding:130px var(--pad)}.cta-content h2{font-size:clamp(56px,11vw,94px)}.subhero{display:flex;flex-direction:column;min-height:0}.subhero-copy{padding:90px var(--pad) 85px;min-height:480px}.subhero-copy h1{font-size:clamp(58px,11vw,88px);margin:32px 0 25px}.subhero-copy p{font-size:17px}.subhero-image{height:clamp(400px,88vw,600px);min-height:0;clip-path:none}.subhero-image img{object-position:center 43%}.service-detail,.service-detail.flip{display:flex;flex-direction:column;gap:40px;padding:90px 0;min-height:auto}.service-detail.flip .detail-photo{order:0}.detail-photo,.service-detail.flip .detail-photo{height:clamp(450px,100vw,680px);width:100%}.detail-copy{width:100%}.detail-copy h2{font-size:clamp(61px,11vw,90px);margin:24px 0}.detail-copy h3{font-size:clamp(29px,5vw,45px)}.detail-copy p{font-size:17px}.statement-chapter{min-height:610px;padding:110px var(--pad)}.statement-chapter h2{font-size:clamp(58px,11vw,87px)}.statement-chapter .statement-bg{inset:0 0 0 32%;opacity:.32}.service-exit{padding:110px var(--pad)}.service-exit h2{font-size:clamp(58px,11vw,88px)}.gallery-chapter{padding:90px var(--pad)}.gallery-intro h2{font-size:clamp(57px,11vw,88px)}.gallery-grid{grid-template-columns:1fr 1fr;gap:16px}.gallery-item:nth-child(5n+1){grid-row:auto}.gallery-item:nth-child(5n+4){grid-column:auto}.gallery-item:nth-child(5n+4) .gallery-media,.gallery-item:nth-child(5n+1) .gallery-media{aspect-ratio:4/3}.gallery-caption strong{font-size:clamp(15px,3vw,24px)}.round-icon{width:33px;height:33px}.round-icon .arr{width:16px}.studio-story{display:flex;flex-direction:column;min-height:0;padding:100px var(--pad)}.story-main h2{font-size:clamp(60px,11vw,90px)}.story-main p{font-size:17px}.story-mark{max-width:400px;align-self:center}.studio-manifest{min-height:850px;padding:110px var(--pad)}.studio-manifest h2{font-size:clamp(63px,11vw,96px)}.studio-manifest-photo{right:-70px;bottom:-5%;width:95%;height:42%;opacity:.55}.values-chapter{padding:105px var(--pad)}.values-list{grid-template-columns:1fr 1fr}.values-list h3{font-size:35px}.contact-hero{display:flex;flex-direction:column}.contact-wrap{padding:120px var(--pad) 90px}.contact-wrap h1{font-size:clamp(61px,11vw,95px);margin:34px 0}.contact-visual{height:450px;width:100%;min-height:0;clip-path:none}.contact-note{padding:100px var(--pad)}.contact-note h2{font-size:clamp(61px,11vw,95px)}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:60px}.footer-top nav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.footer-base{flex-direction:column;align-items:flex-start}}
@media(max-width:430px){.hero-headline{font-size:clamp(42px,11vw,52px)}.hero-copy{min-height:560px}.concept-main h2{font-size:clamp(52px,12.5vw,64px)}.concept-art{height:290px}.gallery-grid{grid-template-columns:1fr}.gallery-media,.gallery-item:nth-child(5n+4) .gallery-media,.gallery-item:nth-child(5n+1) .gallery-media{aspect-ratio:1.1}.values-list{gap:17px}.values-list h3{font-size:29px}.footer-top{grid-template-columns:1fr}.footer-top nav{grid-column:auto}.service-button .service-narrative{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-enter{animation:none!important}.reveal,.mosaic-card,.service-button strong,.btn,.underlink,.slice-photo,.gallery-media img,.mosaic-media img{transition:none!important;transform:none!important}.concept-orbit,.segments-spin{animation:none!important}.hero-main-image,.detail-photo img,.flash-photo img{transform:none!important}}
/* Motion is directional, not decorative: each reveal follows the reading flow. */
@media (prefers-reduced-motion:no-preference){
 .mosaic-card,.gallery-item,.detail-photo,.story-mark{transition:transform .95s cubic-bezier(.18,.8,.18,1),opacity .95s;}
 .mosaic-card:not(.is-in),.gallery-item:not(.is-in),.detail-photo:not(.is-in),.story-mark:not(.is-in){transform:translateY(26px);opacity:.96}
 .mosaic-card.is-in,.gallery-item.is-in,.detail-photo.is-in,.story-mark.is-in{transform:translateY(0);opacity:1}
 .chapter-visible .flash-photo img,.chapter-visible .statement-bg img{animation:image-float 7s ease-in-out infinite alternate}
 @keyframes image-float{from{filter:saturate(1); }to{filter:saturate(1.12)}}
 .pink-pause .oversized-quote i{display:inline-block;transition:transform 1.3s cubic-bezier(.2,.7,.1,1)}
 .pink-pause.chapter-visible .oversized-quote i{transform:translateX(18px)}
 .service-button:hover .arr,.gallery-item:hover .arr{transform:translate(5px,-5px)}
 .service-button .arr,.gallery-item .arr{transition:transform .3s ease}
}
@media(max-width:430px){.gallery-intro h2{font-size:clamp(42px,10.3vw,54px)}}


/* Phrase markup retains the exact approved mobile line breaks and palette. */
.concept-main h2 .concept-line{display:block;color:var(--ink)}
.concept-main h2 .line-ideias{color:#265039}
.concept-main h2 .punctuation{color:#f2783d}
/* gomo. desktop polish — the approved mobile layout is unchanged. */
@media (min-width:761px){
  .hero-visual{background-color:#e6b587;background-position:center;background-size:cover}
  .hero-visual>.hero-main-image{display:block!important;opacity:1!important;visibility:visible!important;z-index:1}
  .hero-photoframe,.hero-circle{z-index:2}
  .hero-label{z-index:4}
  .concept-main h2{
    font-size:clamp(59px,7.25vw,137px);
    white-space:normal;
    max-width:100%;
    margin-top:37px;
    line-height:.95;
    overflow:visible;
  }
  .concept-main h2 .concept-line{
    display:block;
    width:max-content;
    max-width:100%;
    color:var(--phrase-dark,#0b2d23);
    transition:transform .16s ease-out;
    will-change:transform,color;
  }
  .concept-main h2 .line-diferentes{color:var(--phrase-second,#0b2d23)}
  .concept-main h2 .line-ideias{color:var(--phrase-idea,#265039)}
  .concept-main h2 .line-maiores{color:var(--phrase-last,#0b2d23)}
  .concept-main h2 .punctuation{color:var(--phrase-accent,#d35e32)}
  .service-button{isolation:isolate;cursor:pointer;touch-action:manipulation}
  .service-button:focus-visible{outline:3px solid #177254;outline-offset:3px}
  .service-button.active{background:linear-gradient(90deg,rgba(200,250,59,.16),transparent 66%)}
  .service-button.active .arr{transform:translate(5px,-4px)}
  .service-visual .service-photo img{opacity:1;visibility:visible}
}
@media(prefers-reduced-motion:reduce){
  .concept-main h2 .concept-line{transition:none!important;transform:none!important}
}

/* v5.2 — narrow, art-directed refinements. Other pages stay untouched. */
/* The annotated phrase used to disappear over the bright citrus colours.
   We now let the photograph speak without a competing text overlay. */
.hero-visual .hero-label{display:none!important}
/* Real segmented citrus illustration, not three independent teardrops.
   Keep sufficient room around the graphic, including on phones. */
.concept-art-citrus{display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate}
.concept-art-citrus .citrus-fan{display:block;width:min(100%,590px);height:auto;max-height:100%;overflow:visible;filter:drop-shadow(0 18px 18px rgba(24,70,31,.08));}
.concept-art-citrus .gomo-segment{transform-box:view-box;transform-origin:320px 300px;transition:transform .85s cubic-bezier(.19,.8,.25,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .concept-art-citrus:hover .gomo-segment-1{transform:rotate(-2deg) translate(-3px,-4px)}
 .concept-art-citrus:hover .gomo-segment-3{transform:rotate(1.5deg) translate(2px,-2px)}
 .concept-art-citrus:hover .gomo-segment-5{transform:rotate(-1.5deg) translate(-1px,2px)}
}
@media(min-width:761px){
 .concept-main h2 .concept-line{will-change:auto;transition:none}
 .concept-main h2 .line-diferentes{color:#0b2d23}
 .concept-main h2 .line-ideias{color:var(--phrase-idea,#0b2d23)}
 .concept-main h2 .line-maiores{color:var(--phrase-last,#0b2d23)}
 .concept-main h2 .punctuation{color:#0b2d23}
}
@media(max-width:760px){
 .concept-art-citrus{height:350px;margin-top:15px}
 .concept-art-citrus .citrus-fan{max-width:min(100%,405px)}
}
@media(max-width:430px){
 .concept-art-citrus{height:285px}
 .concept-art-citrus .citrus-fan{max-width:310px}
}
@media(prefers-reduced-motion:reduce){
 .concept-art-citrus .gomo-segment{transition:none!important;transform:none!important}
}