/* IBI — independent beverage partners */
:root{--ink:#111510;--cream:#f3f1e9;--sage:#d8e9a8;--line:rgba(243,241,233,.2);--light-line:#c9cec2;--muted:#a3ada0;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:450}h1,h2{font-family:var(--display);line-height:1.08;letter-spacing:-.055em}em{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}p{font-weight:400}img{display:block;max-width:100%}::selection{background:var(--sage);color:var(--ink)}:focus-visible{outline:2px solid #92b846;outline-offset:7px}.skip{position:fixed;top:-90px;left:20px;padding:12px 20px;background:var(--sage);color:var(--ink);z-index:99}.skip:focus{top:15px}.eyebrow,.section-index{font-size:12px;letter-spacing:.12em;font-weight:550;line-height:1.5}.section-index{white-space:nowrap}
.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;padding:0 5.5%;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:22px}.wordmark{font:800 63px/.8 var(--display);letter-spacing:-.09em;display:inline-block}.brand-period{color:var(--sage)}.brand-caption{font-size:10px;letter-spacing:.12em;line-height:1.45}.desktop-nav{display:flex;gap:35px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-6px;right:100%;height:1px;background:var(--sage);transition:right .3s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:22px}.client-button{border:1px solid #697062;background:none;font-size:13px;padding:12px 20px;border-radius:2px;transition:background .25s}.client-button:hover{background:#ffffff12}.client-button span{padding-left:20px}.menu-button{display:none;background:none;border:0;padding:12px 0;width:30px}.menu-button span{display:block;height:1px;background:var(--cream);margin:6px 0;transition:transform .2s}.mobile-nav[hidden]{display:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:24px 7%;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;font-size:24px;padding:12px 0}
.hero{position:relative;min-height:900px;height:min(980px,100svh);padding:134px 5.5% 0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 46%,#24302040,transparent 53%),var(--ink)}.hero-topline{display:flex;justify-content:space-between;position:relative;z-index:2}.hero-topline .eyebrow{font-size:11px;color:#c4caba;letter-spacing:.15em}.hero-location{font-size:12px;color:var(--muted)}.hero-location span{margin-left:18px}.hero-content{position:relative;z-index:3;pointer-events:none;width:58%;padding-top:70px}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(76px,7.75vw,120px);line-height:1.02;font-weight:450;letter-spacing:-.065em}.hero h1 em{color:var(--sage);font-size:1.2em;line-height:.97;letter-spacing:-.03em}.hero-bottom-copy{margin-top:43px;max-width:440px}.hero-bottom-copy p{font-size:15px;line-height:1.8;color:#bdc6b6}.round-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;font-size:13px}.round-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid #85916f;border-radius:50%;font-size:23px;transition:background .25s,transform .3s}.round-link:hover .round-arrow{background:var(--sage);color:var(--ink);transform:rotate(45deg)}.hero-visual{position:absolute;right:1.5%;top:118px;bottom:88px;width:51%;z-index:1;perspective:1200px}.hero-ghost{position:absolute;top:35%;left:-1%;font:500 clamp(120px,18vw,280px)/1 var(--serif);letter-spacing:-.06em;color:#d8e9a809;user-select:none}.can-perspective{width:100%;height:100%;display:grid;place-items:center;perspective:1000px}.can-motion{width:100%;height:100%;transform:translate3d(0,var(--can-y,0px),0) rotateX(var(--can-x,0deg)) rotateY(var(--can-turn,0deg)) rotateZ(var(--can-z,12deg));will-change:transform;transform-style:preserve-3d}.can-motion img{height:100%;max-width:none;width:auto;margin:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(20px 35px 25px #0006)}.can-caption{position:absolute;bottom:25px;left:15%;display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.15em}.can-caption span:first-child{color:var(--sage)}.can-caption span:last-child{color:var(--muted);font-size:9px}.motion-toggle{position:absolute;bottom:24px;right:9%;border:0;padding:9px 0;background:none;color:#a3ada0;display:flex;gap:8px;align-items:center;font-size:11px;z-index:4}.motion-toggle:hover{color:var(--cream)}.pause-icon{font-size:17px;line-height:1}.hero-baseline{position:absolute;bottom:0;left:5.5%;right:5.5%;height:74px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:#aeb7a6;z-index:4}.hero-baseline a{font-size:12px;letter-spacing:0;color:var(--cream)}.hero-baseline a span{margin-left:22px}
.section-light{background:var(--cream);color:var(--ink)}.intro{display:grid;grid-template-columns:1fr 3fr;gap:8%;padding:120px 7% 110px}.section-rail{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:25px}.section-rail>span:last-child{font-size:13px;line-height:1.65;color:#6b7365}.intro h2{font-size:clamp(40px,4.5vw,70px);font-weight:450;letter-spacing:-.055em}.intro h2 em{font-size:1.14em;line-height:1.1;color:#627745}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.intro-columns p{font-size:15px;color:#62695e;line-height:1.85}.capabilities{padding:40px 7% 90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--light-line);padding-top:35px;gap:30px;margin-bottom:60px}.section-heading h2{width:57%;font-size:clamp(42px,4.5vw,68px)}.section-heading h2 em{color:#627745}.capabilities-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:8%;align-items:start}.material-figure img{width:100%;height:430px;object-fit:cover;object-position:65% 50%}.material-figure figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;margin-top:13px;color:#6d7367;gap:12px}.material-figure>p{font:italic 34px/1.15 var(--serif);margin-top:40px;letter-spacing:-.02em}.services details{border-top:1px solid var(--light-line)}.services details:last-child{border-bottom:1px solid var(--light-line)}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:30px 1fr 24px;gap:17px;align-items:center;padding:26px 0}summary::-webkit-details-marker{display:none}.service-no{font-size:11px;color:#7c8574}.services h3{font:450 clamp(21px,2vw,29px)/1.3 var(--display);letter-spacing:-.04em}.detail-icon{position:relative;width:16px;height:16px;margin-left:auto}.detail-icon:before,.detail-icon:after{content:'';position:absolute;background:#5d6d4e;top:7px;left:0;width:16px;height:1px}.detail-icon:after{transform:rotate(90deg);transition:transform .25s}details[open] .detail-icon:after{transform:rotate(0)}.service-content{padding:0 28px 29px 47px;animation:details-in .35s ease}.service-content p{font-size:15px;line-height:1.8;color:#62695e}.service-content>span{display:block;margin-top:20px;font-size:9px;letter-spacing:.075em;color:#6f7b60}.safety-note{margin-top:80px;display:grid;grid-template-columns:40px 1fr 1fr;gap:25px;border-top:1px solid var(--light-line);padding-top:30px;align-items:start}.safety-mark{font-size:32px;line-height:1;color:#6f8650}.safety-note strong{font-weight:450;font-size:20px;line-height:1.35;max-width:330px}.safety-note p{font-size:14px;color:#62695e;line-height:1.75}
.grass-section{padding:70px 7% 95px;background:#16221b;overflow:hidden}.grass-top{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.grass-top>p:last-child{font-size:10px;letter-spacing:.12em;line-height:1.6;text-align:right;color:#bdc9b6}.grass-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 0 55px}.grass-heading h2{font-size:clamp(90px,14vw,210px);letter-spacing:-.06em;font-weight:400;line-height:.98}.grass-heading em{color:var(--sage);font-size:1.08em;letter-spacing:-.04em}.grass-heading>span{font-size:12px;letter-spacing:.16em;line-height:1.6;padding-top:25px;color:#bbcbb0}.grass-story{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.grass-art{height:620px;position:relative;isolation:isolate;background:#1f3023;overflow:hidden;border:1px solid #3c4b3633}.grass-art:before{content:'';position:absolute;width:120%;height:65%;background:radial-gradient(ellipse,#46683940,transparent 68%);top:15%;left:-10%}.grass-art img{position:absolute;height:110%;width:auto;max-width:none;top:-5%;left:50%;transform:translateX(-50%) rotate(-16deg);filter:drop-shadow(20px 30px 18px #0005)}.grass-volume{position:absolute;left:30px;top:20px;font:400 80px/1 var(--serif);letter-spacing:-.08em;color:#d8e9a857}.grass-volume>span{font:400 20px var(--sans);letter-spacing:-.05em;margin-left:5px}.product-art-caption{position:absolute;left:25px;bottom:20px;font-size:9px;letter-spacing:.12em;color:#b2bda6}.grass-copy .eyebrow{font-size:10px;letter-spacing:.11em;color:#b3c7a0}.grass-copy h3{font:450 clamp(40px,4.1vw,65px)/1.08 var(--display);letter-spacing:-.05em;margin:30px 0}.grass-copy h3 em{font-size:1.15em;color:var(--sage)}.grass-copy>p:not(.eyebrow){color:#b5c2ae;font-size:15px;line-height:1.9;margin:16px 0}.product-facts{display:flex;gap:60px;border-top:1px solid #46543f;padding-top:22px;margin:30px 0}.product-facts dt{font-size:9px;letter-spacing:.12em;color:#9cad90}.product-facts dd{margin:8px 0 0;font-size:14px}.underlined-link{display:flex;justify-content:space-between;border-bottom:1px solid #6b805b;padding:12px 0;font-size:14px}.underlined-link span{font-size:21px;transition:transform .2s}.underlined-link:hover span{transform:translate(3px,-3px)}.retail-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;margin-top:30px}.retail-links>span{width:100%;font-size:9px;letter-spacing:.12em;color:#9cad90}.retail-links a:hover{text-decoration:underline}
.team-section{display:grid;grid-template-columns:1fr 3fr;gap:8%;padding:120px 7%}.team-section .section-rail{justify-content:flex-start;gap:45px}.team-main h2{font-size:clamp(39px,4.15vw,65px);line-height:1.12}.team-main h2 em{color:#627745;font-size:1.15em;line-height:1.05}.team-body{display:grid;grid-template-columns:.9fr 1.5fr;gap:40px;margin-top:55px}.team-lead{font-size:20px;line-height:1.5;letter-spacing:-.04em}.team-body>div p{font-size:15px;line-height:1.85;color:#62695e}.team-body>div p+p{margin-top:20px}.team-signature{border-top:1px solid var(--light-line);margin-top:40px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.signature{font:italic 27px/1.2 var(--serif);letter-spacing:-.02em}.mini-wordmark{font:800 45px/1 var(--display);letter-spacing:-.09em}
.contact-section{padding:65px 7% 70px;background:var(--sage);color:var(--ink)}.contact-top{display:flex;justify-content:space-between;gap:30px}.contact-top>span{font-size:10px;letter-spacing:.1em}.contact-section h2{position:relative;font-size:clamp(74px,9.3vw,140px);line-height:1;letter-spacing:-.065em;margin:60px 0}.contact-section h2 em{font-size:1.16em}.contact-arrow{position:absolute;right:0;top:20px;width:145px;height:145px;display:grid;place-items:center;border:1px solid #728052;border-radius:50%;font:400 80px/1 var(--sans);transition:background .3s,transform .3s}.contact-arrow:hover{transform:rotate(45deg);background:var(--ink);color:var(--sage)}.contact-bottom{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:30px;border-top:1px solid #9bad7a;padding-top:35px;align-items:start}.email-link{font-size:30px;letter-spacing:-.05em;border-bottom:1px solid #87996c;justify-self:start;line-height:1.6}.contact-bottom>div{font-size:14px}.contact-bottom>div span{display:block;font-size:9px;letter-spacing:.1em;color:#536441;margin-bottom:13px}.contact-bottom>div a{display:block}footer{padding:38px 7%;display:flex;justify-content:space-between;align-items:center;gap:35px;color:#bec6b7}.footer-brand{display:flex;align-items:center;gap:30px}.footer-brand .wordmark{font-size:50px;color:var(--cream)}footer p{font-size:11px;line-height:1.7}.back-top{font-size:12px}.back-top span{margin-left:20px}
dialog{border:1px solid #cdd4c3;background:var(--cream);color:var(--ink);padding:36px 40px;width:480px;max-width:calc(100% - 28px);max-height:90svh;overflow-y:auto;border-radius:3px}dialog::backdrop{background:#080d09c9;backdrop-filter:blur(10px)}dialog .wordmark{font-size:48px;margin-bottom:30px}dialog .eyebrow{font-size:10px;margin-bottom:15px}dialog h2{font-size:52px;line-height:1}dialog h2 em{color:#627745;font-size:1.15em}.close{position:absolute;top:15px;right:18px;padding:5px 10px;background:none;border:0;font-size:28px}.login-description{font-size:14px;color:#636d5a;margin:22px 0 18px}.demo-note{font-size:12px;background:#e7eadc;padding:13px 15px;border-left:2px solid #849669}.login-description,.demo-note{line-height:1.65}label{display:block;font-size:13px;margin:18px 0 5px}input{width:100%;min-width:0;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #929e85;border-radius:0;font-size:16px}.password-row{position:relative}.password-row input{padding-right:64px}.password-row button{position:absolute;right:0;top:14px;font-size:12px;border:0;background:none}.login-submit{margin-top:25px;padding:15px 18px;display:flex;justify-content:space-between;width:100%;background:var(--ink);color:var(--cream);border:0;font-size:14px}.login-submit:hover{background:#2c3d24}#login-status{font-size:13px;line-height:1.65;margin-top:15px}.login-help{font-size:12px;margin-top:22px}.login-help a{text-decoration:underline}.reveal{opacity:1;transform:none}.js-motion .reveal{transition:opacity .8s ease,transform .8s ease}.js-motion .reveal.pending{opacity:0;transform:translateY(25px)}@keyframes details-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{height:1020px;max-height:none}.hero-content{padding-top:85px}.hero h1{font-size:132px}.hero-visual{right:6%;width:47%;top:130px;bottom:80px}.hero-bottom-copy{margin-top:55px}.hero-bottom-copy p{font-size:17px}.intro,.team-section{padding-top:145px;padding-bottom:145px}}
@media(max-width:1100px){.brand-caption{display:none}.desktop-nav{gap:24px}.hero{min-height:810px;height:900px;max-height:1100px}.hero-content{padding-top:72px;width:62%}.hero h1{font-size:clamp(72px,8vw,90px)}.hero-visual{right:-4%;width:55%;top:140px;bottom:120px}.can-caption{left:20%;bottom:-20px}.motion-toggle{right:18%;bottom:-58px}.hero-bottom-copy p{font-size:14px}.intro,.team-section{gap:5%;grid-template-columns:1fr 3fr;padding-left:6%;padding-right:6%}.capabilities{padding-left:6%;padding-right:6%}.capabilities-grid{gap:6%}.material-figure img{height:400px}.services h3{font-size:23px}.grass-story{gap:7%}.grass-art{height:560px}.grass-copy h3{font-size:47px}.team-body{grid-template-columns:1fr;gap:22px}.contact-arrow{width:110px;height:110px;font-size:65px}.contact-section h2{font-size:90px}.contact-bottom{grid-template-columns:1.4fr 1fr 1fr}.email-link{font-size:24px}.safety-note{grid-template-columns:30px 1fr 1.2fr}.material-figure>p{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:84px;padding:0 6%}.wordmark{font-size:54px}.desktop-nav{display:none}.client-button{font-size:12px;padding:9px 12px}.client-button span{padding-left:10px}.menu-button{display:block}.header-actions{gap:20px}.hero{height:auto;min-height:1160px;padding:112px 7% 0}.hero-topline .eyebrow{font-size:9px;letter-spacing:.11em}.hero-location{display:none}.hero-content{width:100%;padding-top:42px;pointer-events:auto}.hero h1{font-size:clamp(61px,12vw,91px);line-height:1.04;max-width:580px}.hero-bottom-copy{margin-top:31px;max-width:400px}.hero-bottom-copy p{font-size:14px;line-height:1.8}.desktop-break{display:none}.round-link{font-size:12px;margin-top:22px}.round-arrow{width:42px;height:42px}.hero-visual{top:580px;bottom:91px;right:1%;width:98%;pointer-events:none}.can-motion{height:100%}.can-motion img{height:100%}.hero-ghost{top:28%;left:15%;font-size:180px}.can-caption{left:8%;bottom:28px;font-size:9px}.can-caption span:last-child{font-size:8px}.motion-toggle{right:7%;bottom:20px;pointer-events:auto;font-size:10px}.hero-baseline{left:7%;right:7%;height:67px;font-size:8px}.hero-baseline>span:first-child{display:none}.hero-baseline a{font-size:11px}.intro{grid-template-columns:1fr;gap:40px;padding:65px 7%}.section-rail{flex-direction:row;gap:20px}.section-rail>span:last-child{text-align:right;font-size:11px}.section-index{font-size:10px}.intro h2{font-size:clamp(36px,7.8vw,52px)}.intro-columns{grid-template-columns:1fr;gap:18px;margin-top:28px}.intro-columns p{font-size:15px}.capabilities{padding:25px 7% 60px}.section-heading{display:block;margin-bottom:35px;padding-top:25px}.section-heading h2{width:100%;font-size:45px;margin-top:32px}.capabilities-grid{grid-template-columns:1fr;gap:40px}.material-figure img{height:350px;object-position:60% 50%}.material-figure figcaption{font-size:8px}.material-figure>p{font-size:32px;margin-top:25px}.services h3{font-size:23px}summary{padding:24px 0;grid-template-columns:24px 1fr 20px;gap:12px}.service-content{padding:0 0 25px 36px}.service-content p{font-size:14px}.service-content>span{font-size:8px}.safety-note{margin-top:45px;grid-template-columns:24px 1fr;gap:18px}.safety-note strong{font-size:20px}.safety-note p{grid-column:2}.grass-section{padding:45px 7% 65px}.grass-top>p:last-child{font-size:8px;letter-spacing:.05em}.grass-heading{padding:30px 0}.grass-heading h2{font-size:clamp(62px,14vw,106px)}.grass-heading>span{font-size:9px;padding-top:12px;letter-spacing:.08em}.grass-story{grid-template-columns:1fr;gap:40px}.grass-art{height:480px}.grass-volume{font-size:68px;left:25px}.grass-copy h3{font-size:48px}.grass-copy>p:not(.eyebrow){font-size:15px}.product-facts{gap:50px}.team-section{padding:65px 7%;grid-template-columns:1fr;gap:40px}.team-section .section-rail{gap:20px}.team-main h2{font-size:clamp(34px,7.5vw,52px)}.team-body{margin-top:35px}.team-lead{font-size:20px}.team-body>div p{font-size:15px}.signature{font-size:24px;max-width:260px}.team-signature{margin-top:30px}.contact-section{padding:42px 7%}.contact-top>span{display:none}.contact-section h2{font-size:clamp(59px,12vw,88px);line-height:1.06;margin:36px 0 50px;padding-bottom:10px}.contact-arrow{width:60px;height:60px;right:0;top:auto;bottom:-15px;font-size:34px}.contact-bottom{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:25px}.email-link{grid-column:1/-1;font-size:28px}.contact-bottom>div{font-size:12px}.contact-bottom>div span{font-size:9px}footer{padding:30px 7%;flex-wrap:wrap;gap:30px}.footer-brand{width:100%;gap:25px}footer p{font-size:10px}footer>.back-top{margin-left:auto}.footer-brand .wordmark{font-size:46px}dialog{padding:30px}dialog h2{font-size:46px}.close{right:10px;top:10px}}
@media(max-width:370px){.hero{min-height:1150px}.hero h1{font-size:59px}.hero-visual{top:610px}.header-actions{gap:12px}.client-button{font-size:11px;padding:9px}.contact-section h2{font-size:55px}.grass-heading h2{font-size:58px}.grass-heading>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-motion .reveal.pending{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}.can-motion{will-change:auto}}

.can-perspective{position:absolute;inset:0;display:block;width:auto;height:auto;min-height:0}.can-motion{position:absolute;inset:0;min-height:0}.can-motion img{max-height:100%;height:100%;width:auto}

/* Readability and fluid mobile composition. */
.hero-bottom-copy p,.intro-columns p,.service-content p,.grass-copy>p:not(.eyebrow),.team-body>div p{font-size:16px}
.material-figure figcaption,.service-content>span,.product-art-caption,.product-facts dt,.retail-links>span,.contact-bottom>div span{font-size:10px}
@media(max-width:760px){.hero{min-height:0}.hero-visual{position:relative;inset:auto;width:100%;height:500px;margin:20px 0 88px}.hero-bottom-copy p{font-size:15px}.can-caption{left:0;bottom:16px}.motion-toggle{right:0;bottom:10px}.contact-bottom>div{font-size:14px}.service-content p{font-size:16px}.material-figure figcaption{font-size:9px}.service-content>span{font-size:10px;line-height:1.7}.hero h1{font-size:clamp(58px,11.8vw,88px)}}



/* IBI / design-led product development */
:root{--cream:#eeeee8;--sage:#dbefad;--ink:#101611}.site-header{height:90px}.hero{min-height:880px;background:#101611}.hero-topline .eyebrow{letter-spacing:.16em}.hero-content{padding-top:90px;width:64%}.hero h1{font:550 clamp(92px,12.3vw,190px)/.86 var(--display);letter-spacing:-.08em}.hero h1 .hero-subtitle{display:block;font:400 clamp(22px,2.5vw,37px)/1.25 var(--sans);letter-spacing:-.045em;margin-top:25px}.hero-bottom-copy{margin-top:55px;max-width:440px}.hero-visual{top:140px;bottom:105px;width:46%;right:0}.hero-ghost{display:none}.hero h1{position:relative}.hero .can-caption{left:8%;bottom:-4px}.hero .motion-toggle{bottom:-5px;right:12%}.hero-baseline>span{font-size:11px}.desktop-nav{gap:24px}.desktop-nav a{font-size:13px}.hero-location{color:#c4cbbb}.hero-baseline{height:64px}.hero-index{display:flex;gap:18px;align-items:center;margin-top:35px;font-size:11px;color:#99aa8e}.hero-index b{font-size:24px;font-weight:400;color:#e8eddf}.hero-index>span{border-left:1px solid #68755e;padding-left:18px;line-height:1.5}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--sage);transform-origin:left;transform:scaleX(0);width:100%;z-index:60}.section-dock{position:fixed;right:18px;top:43%;display:flex;flex-direction:column;gap:12px;z-index:8;mix-blend-mode:difference}.section-dock a{display:block;width:8px;height:8px;border:1px solid #fff;border-radius:50%}.section-dock a.active{background:#fff}.section-dock a:hover{transform:scale(1.5)}
.design-studio{background:#e4e7df;color:#18221a;padding:35px 5.5% 50px}.studio-header{display:flex;justify-content:space-between;border-bottom:1px solid #b8c2b0;padding-bottom:20px;gap:20px}.studio-header>span:last-child{font-size:10px;letter-spacing:.1em}.studio-layout{display:grid;grid-template-columns:.9fr 1.5fr;gap:5%;padding-top:55px}.studio-copy{position:relative;z-index:2}.studio-copy h2{font:450 clamp(40px,4vw,63px)/1.06 var(--display);letter-spacing:-.06em}.studio-copy h2>span{display:block;font:400 22px/1.4 var(--sans);letter-spacing:-.03em;margin-top:20px}.studio-copy>p:not(.studio-disclaimer){font-size:14px;line-height:1.85;color:#63705c;max-width:350px;margin-top:20px}.studio-label{font-size:10px;letter-spacing:.1em;margin:32px 0 0}.studio-copy #brand-name{font-size:25px;font-weight:500;border-bottom:1px solid #84917a;padding:10px 0;color:#18221a;max-width:355px}.studio-copy #brand-name::placeholder{color:#87947b}.studio-copy fieldset{margin:25px 0 0;padding:0;border:0}.studio-copy legend{font-size:10px;letter-spacing:.1em;margin-bottom:14px}.palette-options button{background:none;border:0;margin-right:20px;padding:0;display:inline-flex;align-items:center;gap:8px;font-size:12px}.palette-options i{display:inline-block;background:var(--swatch);width:23px;height:23px;border-radius:50%;border:1px solid #8c9781;outline:1px solid transparent;outline-offset:4px}.palette-options [aria-pressed=true] i{outline-color:#20291b}.finish-options label{display:inline-block;margin:0 4px 0 0;position:relative;font-size:12px}.finish-options input{position:absolute;opacity:0;width:1px;height:1px}.finish-options span{display:block;border:1px solid #afbaa4;padding:7px 16px}.finish-options input:checked+span{background:#24321f;color:#f2f3eb;border-color:#24321f}.finish-options input:focus-visible+span{outline:2px solid #69834f;outline-offset:3px}.studio-cta{margin-top:28px;border:0;border-bottom:1px solid #7c8c6d;background:none;padding:12px 0;font-size:14px;display:flex;gap:25px;align-items:center}.studio-disclaimer{font-size:10px;line-height:1.7;color:#74806a;max-width:350px;margin-top:17px}.studio-scene{position:relative;min-width:0;background:radial-gradient(ellipse at 52% 37%,#f7f9ef,#d9dfd1 70%);display:flex;flex-direction:column;border:1px solid #cbd4c1}.viewer-top{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.045em;z-index:2;pointer-events:none}.viewer-top>span:last-child{font-size:18px;letter-spacing:-.07em}.studio-scene #can-viewer{height:660px;min-height:550px;position:relative;isolation:isolate;flex:1}.scene-watermark{position:absolute;top:20%;left:9%;z-index:-1;font:600 clamp(50px,7vw,110px)/.9 var(--display);letter-spacing:-.07em;color:#a0ad931c;pointer-events:none}.studio-scene canvas{width:100%;height:100%;position:absolute;inset:0;display:block;cursor:grab;touch-action:pan-y}.studio-scene .dragging canvas{cursor:grabbing}.viewer-toolbar{display:flex;align-items:center;gap:16px;border-top:1px solid #c0cab7;padding:17px 22px;position:relative;z-index:3}.viewer-toolbar button{background:none;border:0;padding:5px;font-size:12px;white-space:nowrap}.viewer-toolbar>div{display:flex;gap:10px}.viewer-toolbar>div button{border:1px solid #acb99f;min-width:34px;height:32px;padding:2px;font-size:18px}.viewer-toolbar>span{font-size:8px;letter-spacing:.05em;margin-right:auto;color:#66725b}.viewer-toolbar #studio-reset{color:#75836a}#studio-fallback{position:absolute;inset:0;z-index:4;background:#e2e7d9;padding:40px;text-align:center}#studio-fallback[hidden]{display:none}#studio-fallback img{height:70%;width:100%;object-fit:cover}#studio-fallback p{font-size:14px;padding:20px 0}#studio-fallback button{border:1px solid #768b63;background:none;padding:12px}.no-webgl canvas{display:none}.no-webgl .scene-watermark{display:none}
.project-journey{background:#f4f3ed;color:var(--ink);padding:100px 7% 0}.journey-intro{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:6%;align-items:start;margin-bottom:80px}.journey-intro h2{font:450 clamp(42px,4.8vw,76px)/1.05 var(--display);letter-spacing:-.065em}.journey-intro>p:last-child{font-size:13px;color:#6f7868;padding-top:12px;line-height:1.8}.journey-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:start}.journey-stage{position:sticky;top:50px}.stage-image{height:480px;position:relative;overflow:hidden;background:#1e2a1d}.stage-image img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:grayscale(.65) brightness(.42);transition:transform 1s ease,filter 1s}.stage-tint{position:absolute;inset:0;background:linear-gradient(180deg,#24351d05,#14240fab)}.stage-number{position:absolute;left:30px;top:15px;font:400 clamp(130px,15vw,220px)/1 var(--display);letter-spacing:-.1em;color:#e1ecce}.stage-label{position:absolute;left:35px;right:25px;bottom:53px;color:#f3f5ec;font-size:23px;line-height:1.25;letter-spacing:-.03em}.stage-corner{position:absolute;left:35px;bottom:25px;color:#b2c39e;font-size:9px;letter-spacing:.1em}.journey-nav{display:flex;margin-top:20px;border-bottom:1px solid #c7cdbe}.journey-nav a{font-size:12px;flex:1;text-align:center;padding:12px;border-bottom:2px solid transparent;color:#859176}.journey-nav a.active{border-bottom-color:#25341e;color:#263321}.journey-stage>p{font-size:13px;color:#798270;margin-top:20px;line-height:1.8}.journey-chapter{min-height:565px;padding:25px 0 75px;scroll-margin-top:65px;opacity:.55;transition:opacity .5s}.journey-chapter.current{opacity:1}.chapter-kicker{font-size:10px;letter-spacing:.08em;color:#70815d}.journey-chapter h3{font:450 clamp(28px,2.7vw,43px)/1.15 var(--display);letter-spacing:-.05em;margin:24px 0}.journey-chapter>p{font-size:16px;color:#626d5a;line-height:1.85}.chapter-delivery{margin-top:28px;border-top:1px solid #c8cfbd;padding-top:20px}.chapter-delivery>span{font-size:9px;letter-spacing:.1em;color:#6f805b}.chapter-delivery p{font-size:14px;margin-top:8px;line-height:1.6}.journey-chapter ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:24px 0 0}.journey-chapter li{font-size:10px;border:1px solid #bdc9af;border-radius:2px;padding:5px 8px}.journey-close{margin-top:15px;border-top:1px solid #c1cdb6;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.journey-close>span{font-size:9px;letter-spacing:.06em;color:#6e7e5d}.journey-close button{font-size:12px;border:0;background:none}
.grass-section{background:#17291f;padding-top:55px}.grass-heading h2{font-family:var(--display);font-weight:600;letter-spacing:-.09em;font-size:clamp(70px,12vw,180px);text-transform:uppercase}.grass-heading em{font-family:inherit;color:#ddedb6;font-style:normal;font-size:1em}.grass-heading{padding:40px 0 60px}.grass-heading>span{font-size:10px}.grass-art{background:radial-gradient(ellipse,#455a3570,#13251c);border:0}.grass-story{gap:8%;grid-template-columns:1.15fr 1fr}.grass-copy h3{font-size:42px}.grass-copy h3 em{font:inherit;font-style:normal}.case-tabs{display:flex;gap:20px;border-bottom:1px solid #53684a;margin:30px 0 20px}.case-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;font-size:13px;color:#aebca0}.case-tabs button[aria-selected=true]{border-bottom-color:#d8e9a8;color:#f3f1e9}.case-panel{font-size:15px;color:#bfccb4;line-height:1.9;min-height:145px}.case-panel[hidden]{display:none}.case-spec{margin:35px 0 0;border-top:1px solid #415939;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-spec dt{font-size:9px;color:#a5b997;letter-spacing:.1em}.case-spec dd{margin:8px 0 0;font-size:22px;letter-spacing:-.045em}.case-spec .small-spec{font-size:16px}
.team-section{background:#eeeae0;grid-template-columns:.9fr 2.9fr;padding-top:95px;padding-bottom:85px}.team-main h2{font:450 clamp(42px,4.6vw,70px)/1.08 var(--display);letter-spacing:-.06em}.team-main h2 em{font:inherit;color:#637649;font-style:normal}.team-body{grid-template-columns:1fr;gap:25px;margin-top:30px}.team-lead{font-size:23px;max-width:540px}.team-body>div{columns:2;column-gap:35px}.team-body>div p{break-inside:avoid}.team-body>div p:first-child{margin-top:0}.team-signature{margin-top:30px}.team-signature .signature{font:400 16px/1.5 var(--sans);letter-spacing:-.02em}.role-workbench{margin-top:45px;border-top:1px solid #b8c0ac;padding-top:25px}.role-workbench>span{font-size:10px;letter-spacing:.1em;color:#647657}.role-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.role-buttons button{border:1px solid #acb69f;padding:9px 13px;background:transparent;font-size:12px}.role-buttons button[aria-pressed=true]{background:#26351f;color:#f5f4e9;border-color:#26351f}.role-description{margin-top:20px;min-height:82px;font-size:15px;line-height:1.8;color:#5f6c53;max-width:610px}.contact-section{background:#d8e5b5;padding-top:50px}.contact-section h2{font:450 clamp(65px,8vw,130px)/1.02 var(--display);letter-spacing:-.075em}.contact-section h2 em{font:inherit;font-style:normal}.contact-actions{display:flex;align-items:center;gap:30px;margin:-15px 0 42px}.contact-brief{padding:17px 24px;border:1px solid #28391d;background:#28391d;color:#eef1e5;font-size:14px}.contact-actions>p{font-size:12px;color:#607149;max-width:240px}.contact-arrow{border-radius:0;border:0;width:110px;height:110px}
#brief-dialog{width:620px;padding:35px 42px;background:#f2f2e9}#brief-dialog .brief-close{position:absolute;right:15px;top:10px;font-size:28px;background:none;border:0}.brief-top{display:flex;align-items:center;justify-content:space-between;padding-right:25px}.brief-top .wordmark{margin:0;font-size:42px}.brief-top>span:last-child{font-size:12px;letter-spacing:.1em;color:#7c896b}#brief-dialog h2{font:450 42px/1.05 var(--display);letter-spacing:-.06em;margin:30px 0 18px}.brief-intro{font-size:14px;color:#758067;line-height:1.7}.brief-top{margin-bottom:20px}#brief-form section{margin-top:28px}#brief-form section[hidden]{display:none}#brief-form label{font-size:13px}#brief-form label>span{color:inherit}#brief-form label>span:not(:only-child){font-size:12px}#brief-form input[type=text],#brief-brand{font-size:16px}#brief-form fieldset{border:0;padding:0;margin:25px 0 0}#brief-form legend{font-size:13px;margin-bottom:14px}#brief-form input[type=radio],#brief-form input[type=checkbox]{width:16px;height:16px;accent-color:#52733e;margin:0;flex-shrink:0}.brief-choice{display:flex;align-items:center;gap:10px;border:1px solid #c7cebb;padding:13px;margin:8px 0}#brief-form .brief-choice span{font-size:14px}.brief-services{display:flex;flex-wrap:wrap;gap:8px}.brief-services label{display:flex;align-items:center;gap:8px;border:1px solid #c7cebb;padding:10px;margin:0}#brief-idea{width:100%;border:1px solid #c2cbb6;padding:12px;font:14px/1.6 var(--sans);background:#fff9;resize:vertical;border-radius:0;min-height:120px}.brief-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:30px}#brief-next{margin-left:auto;background:#29391f;color:#f1f3e8;padding:13px 23px;border:0;font-size:14px}#brief-back{background:none;border:0;font-size:13px}#brief-back[hidden],#brief-next[hidden]{display:none}.brief-ready{font-size:18px;margin-bottom:18px}#brief-summary{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;padding:18px;background:#e6eadc;border:1px solid #cbd4be;font:13px/1.8 var(--sans);margin:0}.brief-mail-note{font-size:12px;margin:17px 0;line-height:1.7;color:#6e7b5e}.brief-send{display:block;text-align:center;background:#29391f;color:#f1f3e8;padding:13px;font-size:14px}#brief-download{display:block;margin:15px auto 0;background:none;border:0;font-size:12px;padding:5px}.studio-copy:has(.no-webgl) fieldset{opacity:.5}
@media(min-width:1700px){.hero-visual{width:46%;right:1%;top:120px;bottom:95px}.hero-content{padding-top:115px}.hero h1{font-size:200px}.studio-scene #can-viewer{height:760px}.studio-copy h2{font-size:65px}}
@media(max-width:1100px){.brand-caption{display:none}.desktop-nav{gap:18px}.hero h1{font-size:clamp(90px,12.4vw,140px)}.hero-content{padding-top:105px;width:65%}.hero-visual{right:-5%;width:52%;top:190px;bottom:135px}.hero .can-caption{bottom:0;left:15%}.hero .motion-toggle{bottom:-25px;right:20%}.hero-bottom-copy{max-width:370px}.studio-layout{grid-template-columns:1fr 1.3fr;gap:4%}.studio-copy h2{font-size:43px}.studio-scene #can-viewer{height:640px}.viewer-toolbar{padding:15px 12px;gap:10px}.viewer-toolbar>span{display:none}.viewer-toolbar #studio-auto{margin-left:auto}.palette-options button{margin-right:11px}.journey-intro{grid-template-columns:1fr 2.2fr}.journey-intro>p:last-child{grid-column:2}.journey-grid{gap:8%}.stage-image{height:400px}.journey-chapter{min-height:610px}.team-body>div{columns:1}.hero-index{margin-top:27px}.desktop-nav a{font-size:12px}.case-tabs{gap:16px}}
@media(max-width:760px){.site-header{height:80px}.hero{min-height:0;padding-top:110px}.hero-content{padding-top:50px;width:100%}.hero h1{font-size:clamp(72px,17.3vw,126px);line-height:.88;letter-spacing:-.075em}.hero h1 .hero-subtitle{font-size:21px;max-width:240px;margin-top:20px}.hero-bottom-copy{margin-top:25px;max-width:370px}.hero-bottom-copy p{font-size:14px}.hero-index{margin-top:25px;font-size:9px}.hero-index b{font-size:21px}.hero-visual{position:relative;inset:auto;width:100%;height:430px;margin:20px 0 80px}.hero .can-caption{bottom:0;left:0}.hero .motion-toggle{bottom:0;right:0}.hero-baseline>span{font-size:9px}.section-dock{display:none}.design-studio{padding:30px 7% 40px}.studio-header>span:last-child{display:none}.studio-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.studio-copy h2{font-size:46px}.studio-copy h2>span{font-size:20px}.studio-copy>p:not(.studio-disclaimer){font-size:15px}.studio-copy #brand-name{max-width:100%;font-size:24px}.studio-label{margin-top:23px}.studio-copy fieldset{margin-top:22px}.studio-copy .studio-disclaimer{font-size:11px}.studio-scene #can-viewer{height:490px;min-height:0}.viewer-top{top:16px;left:17px;right:17px;font-size:10px}.viewer-toolbar{padding:12px;gap:12px}.viewer-toolbar button{font-size:11px}.viewer-toolbar>div{gap:5px}.viewer-toolbar>div button{min-width:28px;width:28px;height:28px}.scene-watermark{font-size:70px;top:28%}.palette-options button{margin-right:23px}.project-journey{padding:55px 7% 0}.journey-intro{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.journey-intro>p:last-child{grid-column:auto;font-size:14px;padding-top:0}.journey-intro h2{font-size:45px}.journey-grid{display:block}.journey-stage{position:relative;top:auto;margin-bottom:30px}.stage-image{height:270px}.stage-number{font-size:125px;left:22px;top:5px}.stage-label{left:24px;bottom:44px;font-size:20px}.stage-corner{left:24px;bottom:20px;font-size:8px}.journey-stage>p{display:none}.journey-nav{margin-top:10px}.journey-chapter{min-height:0;opacity:1!important;padding:34px 0;border-bottom:1px solid #c6ceba}.journey-chapter h3{font-size:31px;margin:20px 0}.journey-chapter>p{font-size:15px}.chapter-delivery{margin-top:22px;padding-top:18px}.journey-chapter ul{margin-top:18px}.journey-close{display:block;margin:0;padding:30px 0}.journey-close>span{display:block;font-size:8px;line-height:1.8}.journey-close button{padding:15px 0 0;font-size:13px}.grass-heading{padding:30px 0}.grass-heading h2{font-size:clamp(47px,11.5vw,75px);letter-spacing:-.07em}.grass-heading>span{font-size:8px}.grass-story{grid-template-columns:1fr;gap:30px}.grass-art{height:430px}.grass-copy h3{font-size:39px}.case-tabs{gap:20px}.case-tabs button{font-size:13px}.case-panel{min-height:160px;font-size:15px}.case-spec dd{font-size:24px}.team-section{grid-template-columns:1fr;padding:55px 7%}.team-main h2{font-size:39px}.team-lead{font-size:21px}.team-body>div{columns:1}.role-description{min-height:140px}.role-buttons{gap:7px}.role-buttons button{font-size:11px;padding:9px}.contact-section h2{font-size:60px;margin-bottom:50px}.contact-arrow{width:50px;height:50px;font-size:45px;bottom:-15px}.contact-actions{display:block;margin:0 0 30px}.contact-actions>p{margin-top:17px;font-size:13px}.contact-brief{width:100%;font-size:14px}.team-signature .signature{font-size:14px}.section-index{font-size:10px}#brief-dialog{padding:25px;max-width:calc(100% - 20px)}#brief-dialog h2{font-size:35px}.brief-top .wordmark{font-size:40px}.brief-intro{font-size:13px}.brief-services label{padding:8px}.brief-send{font-size:13px}}
@media(prefers-reduced-motion:reduce){.journey-chapter{opacity:1}.reading-progress{display:none}}
@media(max-width:760px){.studio-layout{display:flex;flex-direction:column;gap:0}.studio-copy{display:contents}.studio-copy h2{order:0}.studio-copy>p:not(.studio-disclaimer){order:1;margin-bottom:25px}.studio-scene{order:2;position:sticky;top:0;z-index:5;box-shadow:0 8px 25px #25371d0c;margin-bottom:10px}.studio-scene #can-viewer{height:300px}.studio-label{order:3}.studio-copy #brand-name{order:4}.palette-options{order:5}.finish-options{order:6}.studio-cta{order:7;align-self:flex-start}.studio-disclaimer{order:8}.viewer-toolbar{padding:9px 12px}.viewer-top{top:12px}.scene-watermark{font-size:53px}.viewer-toolbar>div button{min-width:34px;height:32px}.studio-copy .studio-disclaimer{margin-bottom:0}}
@media(max-width:760px){.studio-scene #can-viewer{flex:0 0 300px;min-height:300px}.studio-scene{flex-shrink:0}}



:root{--functional-lime:#d7ec9b;--functional-ink:#18241e}.functional-world{padding:48px 5.5% 55px;background:#f1f0e8;color:var(--functional-ink)}.functional-top,.future-header{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #bcc4b5;padding-bottom:23px}.functional-top>span:last-child,.future-header>span:last-child{font-size:10px;letter-spacing:.08em}.functional-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;padding:65px 0 55px;align-items:end}.functional-intro h2,.zero-heading h2,.eco-intro h2,.format-intro h2{font:500 clamp(48px,5.3vw,82px)/1.04 var(--display);letter-spacing:-.065em}.functional-intro h2 em,.zero-heading h2 em,.eco-intro h2 em{font-family:'Instrument Serif',serif;font-weight:400}.functional-intro>p{max-width:470px;font-size:16px;line-height:1.8;padding-bottom:7px;color:#596854}.function-explorer{display:grid;grid-template-columns:.8fr 1.5fr;gap:5%}.function-menu{display:flex;flex-direction:column}.function-menu button{border:0;border-top:1px solid #bdc5b7;padding:23px 4px;background:transparent;text-align:left;display:flex;gap:16px;align-items:center;font:500 clamp(15px,1.5vw,22px)/1.3 var(--sans);letter-spacing:-.035em;color:#52614b;transition:color .2s,padding .2s}.function-menu button:last-child{border-bottom:1px solid #bdc5b7}.function-menu button>span{font-size:10px;letter-spacing:0;min-width:23px}.function-menu button>b{margin-left:auto;font-size:20px;font-weight:400;opacity:0}.function-menu button[aria-selected=true]{color:#10281e;padding-left:14px;background:#dce3d1}.function-menu button[aria-selected=true]>b{opacity:1}.direction-panel{background:#193b32;color:#f0f1e8;padding:35px 40px;position:relative;display:flex;flex-direction:column;--direction-accent:#d7ec9b;transition:background .35s}.direction-top{display:flex;justify-content:space-between;gap:18px;color:var(--direction-accent);font-size:9px;letter-spacing:.08em}.direction-top>span:first-child{max-width:260px}.direction-panel h3{font:500 clamp(35px,4vw,61px)/1.03 var(--display);letter-spacing:-.055em;margin:45px 0 25px;max-width:650px}.direction-panel>p{font-size:16px;line-height:1.75;max-width:590px;color:#e0e5d8}.direction-details{margin:30px 0}.direction-details>div{display:grid;grid-template-columns:150px 1fr;gap:20px;border-top:1px solid #ffffff30;padding:18px 0}.direction-details dt{font-size:9px;letter-spacing:.06em;color:var(--direction-accent);line-height:1.7}.direction-details dd{font-size:13px;line-height:1.7}.direction-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto}.direction-bottom>span{font-size:10px;color:#d1dbc7}.direction-bottom button,.future-brief,.eco-bottom button{border:0;border-bottom:1px solid currentColor;background:none;padding:10px 0;color:var(--direction-accent,#243a26);font-size:13px;text-align:left}.concept-note{font-size:11px;color:#6e7768;margin-top:23px;max-width:740px;line-height:1.8}.formula-editorial{display:grid;grid-template-columns:1.1fr 1fr;background:#11221c;color:#f1f1e7}.formula-photo{position:relative;min-height:790px;overflow:hidden}.formula-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:55%}.formula-photo>span{position:absolute;bottom:25px;left:30px;font-size:9px;letter-spacing:.1em;color:#f4f2df;text-shadow:0 1px 5px #000}.formula-manifest{padding:60px 10% 40px}.formula-manifest h2{font:500 clamp(45px,4.5vw,72px)/1.02 var(--display);letter-spacing:-.06em;margin:45px 0 30px}.formula-manifest h2 em{font-family:'Instrument Serif',serif;font-weight:400;color:#d7ec9b}.formula-manifest>p{font-size:15px;line-height:1.85;color:#bdc8b7;max-width:450px}.formula-principles{margin-top:35px}.formula-principles>p{display:flex;gap:20px;padding:17px 0;border-top:1px solid #ffffff24;font-size:12px;color:#afbea8;line-height:1.7}.formula-principles b{font-size:10px;font-weight:400;color:#d7ec9b}.formula-principles strong{display:block;font-size:15px;font-weight:500;color:#eef0e5;margin-bottom:5px}.zero-lab{padding:75px 5.5%;background:#d8e8a6;color:#22321e}.zero-heading{display:grid;grid-template-columns:1.3fr .8fr;gap:25px 9%;align-items:end}.zero-heading>.section-index{grid-column:1/-1}.zero-heading>p:last-child{font-size:16px;line-height:1.8;max-width:400px}.zero-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;margin-top:55px}.micro-label{font-size:10px;letter-spacing:.09em}.zero-method details{border-bottom:1px solid #8c9e73}.zero-method details:first-of-type{margin-top:25px;border-top:1px solid #8c9e73}.zero-method summary{cursor:pointer;list-style:none;display:flex;gap:22px;padding:22px 0;font-size:17px;letter-spacing:-.03em;align-items:center}.zero-method summary::-webkit-details-marker{display:none}.zero-method summary b{font-size:10px;font-weight:400}.zero-method summary>span{margin-left:auto}.zero-method details[open] summary>span{transform:rotate(45deg)}.zero-method details p{font-size:14px;line-height:1.85;margin:0 0 24px 37px;max-width:470px;color:#415335}.zero-distinction{font-size:12px;line-height:1.8;margin-top:25px;max-width:500px;color:#4e623c}.zero-check{background:#f4f5e9;padding:30px 32px}.zero-inputs{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.zero-inputs label{font-size:12px;display:block}.zero-inputs label>span{float:right;color:#768563}.zero-inputs input{display:block;width:100%;border:0;border-bottom:1px solid #9bad83;background:transparent;font:500 65px/1.4 var(--display);letter-spacing:-.06em;border-radius:0;color:#23351b;padding:0;min-width:0}#zero-result>p{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #c8d1ba;font-size:11px}#zero-result strong{font-weight:500;text-align:right;color:#305d22}#zero-result strong.outside{color:#9b471f}.zero-fineprint{font-size:11px;line-height:1.7;margin:22px 0 13px;color:#61714f}.source-link{font-size:10px;text-decoration:underline;text-underline-offset:3px;line-height:1.7}.zero-brief{display:block;margin-top:26px;background:#24361e;color:#f4f5e9;padding:15px 20px;border:0;font-size:13px;width:100%;text-align:left}.future-section{background:#e9dedb;color:#412a2c;padding:45px 5.5% 70px}.future-header{border-color:#c8b2b4}.future-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:55px}.future-word{font:650 clamp(100px,15vw,210px)/.76 var(--display);letter-spacing:-.09em;color:#70424b;display:block;margin:15px 0 45px}.future-layout h2{font-size:24px;font-weight:450;letter-spacing:-.04em;line-height:1.3}.future-copy>p{font-size:14px;line-height:1.85}.future-copy .future-lead{font:450 29px/1.35 var(--display);letter-spacing:-.04em;margin-bottom:25px}.future-row{border-top:1px solid #c8b2b4;margin-top:25px;padding-top:18px}.future-row>span{font-size:9px;letter-spacing:.07em}.future-row>p{font-size:13px;line-height:1.85;margin-top:10px}.future-copy>.source-link{display:block;margin-top:15px}.future-brief{color:#56373e;margin-top:23px}.eco-section{background:#edf0e2;padding:65px 5.5%;color:#253a25}.eco-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:25px 10%;align-items:end}.eco-intro>.section-index{grid-column:1/-1}.eco-intro>p:last-child{font-size:18px;line-height:1.65;max-width:420px}.eco-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:60px}.eco-columns article{border-top:1px solid #afbea0;padding-top:20px}.eco-columns article>span{font-size:9px;letter-spacing:.06em}.eco-columns h3{font:450 32px/1.12 var(--display);letter-spacing:-.05em;margin:28px 0 23px}.eco-columns p{font-size:13px;line-height:1.9;color:#586c4e;margin:13px 0}.eco-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #afbea0;margin-top:30px;padding-top:20px}.eco-bottom>div{display:flex;gap:25px;align-items:center}.eco-bottom a{font-size:10px;text-decoration:underline;text-underline-offset:3px}.format-section{background:#25332a;color:#f0f0e6;padding:65px 5.5%}.format-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:30px 8%;align-items:end}.format-intro>.section-index{grid-column:1/-1}.format-intro h2{font-size:clamp(40px,4.3vw,65px)}.format-intro>p{font-size:15px;line-height:1.8;color:#b8c5ae;max-width:460px}.format-table{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:55px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.format-table article{padding:28px 30px 30px 0;display:flex;flex-direction:column}.format-table article+article{border-left:1px solid #ffffff30;padding-left:30px}.format-table article>span{font-size:10px;color:#cfdfa4}.format-table h3{font:450 31px/1.15 var(--display);letter-spacing:-.04em;margin:28px 0 22px}.format-table p{font-size:13px;line-height:1.85;color:#c5cebe}.format-table b{font-size:10px;font-weight:400;margin-top:auto;padding-top:30px;color:#d7e9a8}.format-note{font-size:11px;line-height:1.8;margin-top:22px;max-width:850px;color:#a4b69a}.format-note a{text-decoration:underline}.product-config{padding:28px 0 25px;border-bottom:1px solid #b8c2b0}.config-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:20px}.config-fields label{display:block;font-size:11px;color:#506146}.config-fields select,.config-fields input{display:block;width:100%;border:0;border-bottom:1px solid #91a180;background:transparent;padding:13px 0;font:400 14px var(--sans);color:#20361e;border-radius:0}.config-fields option{background:#eff0e7}.product-fit{font-size:13px;line-height:1.7;margin-top:20px;color:#334f2a}.config-note{font-size:10px;line-height:1.8;color:#63745a;margin-top:9px}.product-fit.attention{color:#844c2c}.direction-panel:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #8ba65e;outline-offset:5px}
@media(min-width:761px) and (max-width:1100px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.direction-panel{padding:25px}.direction-details>div{grid-template-columns:100px 1fr;gap:15px}.direction-bottom{align-items:flex-start;flex-direction:column;gap:8px}.formula-photo{min-height:760px}.formula-manifest{padding:45px 8%}.config-fields{grid-template-columns:1fr 1fr}.future-copy .future-lead{font-size:24px}.eco-columns{gap:4%}.eco-columns h3{font-size:27px}}
@media(max-width:760px){.functional-world,.zero-lab,.future-section,.eco-section,.format-section{padding:40px 7%}.functional-top>span:last-child,.future-header>span:last-child{display:none}.functional-intro{grid-template-columns:1fr;gap:24px;padding:35px 0}.functional-intro h2,.zero-heading h2,.eco-intro h2{font-size:47px}.functional-intro>p{font-size:14px;line-height:1.85}.function-explorer{grid-template-columns:1fr;gap:24px}.function-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.function-menu button{font-size:12px;padding:14px 1px;gap:6px;letter-spacing:-.02em}.function-menu button>span{font-size:8px;min-width:14px}.function-menu button>b{font-size:12px}.function-menu button[aria-selected=true]{padding-left:6px}.function-menu button:nth-last-child(2){border-bottom:1px solid #bdc5b7}.direction-panel{padding:24px 22px;min-height:635px}.direction-top{font-size:8px}.direction-top>span:first-child{max-width:170px}.direction-panel h3{font-size:40px;margin:30px 0 20px}.direction-panel>p{font-size:14px}.direction-details{margin:20px 0}.direction-details>div{display:block;padding:14px 0}.direction-details dt{font-size:8px;margin-bottom:6px}.direction-details dd{font-size:12px}.direction-bottom{flex-direction:column;align-items:flex-start;gap:12px}.direction-bottom button{font-size:13px}.concept-note{font-size:10px}.formula-editorial{grid-template-columns:1fr}.formula-photo{min-height:330px}.formula-photo img{object-position:center}.formula-photo>span{font-size:8px;left:7%;bottom:20px}.formula-manifest{padding:40px 7%}.formula-manifest h2{font-size:49px;margin:30px 0 25px}.formula-manifest>p{font-size:14px}.zero-heading,.zero-workspace,.future-layout,.eco-intro,.format-intro{grid-template-columns:1fr;gap:25px}.zero-heading>p:last-child{font-size:14px}.zero-workspace{margin-top:30px;gap:30px}.zero-method summary{font-size:15px;gap:15px}.zero-method details p{font-size:13px;margin-left:29px}.zero-check{padding:25px 21px}.zero-inputs{gap:25px}.zero-inputs input{font-size:56px}.future-layout{padding-top:35px;gap:35px}.future-word{font-size:128px;line-height:.82;margin:0 0 30px}.future-layout h2{font-size:24px}.future-copy .future-lead{font-size:25px}.future-copy>p{font-size:13px}.eco-intro>p:last-child{font-size:16px}.eco-columns{grid-template-columns:1fr;gap:28px;margin-top:35px}.eco-columns h3{font-size:30px;margin:18px 0}.eco-bottom{flex-direction:column;align-items:flex-start}.eco-bottom>div{flex-direction:column;align-items:flex-start;gap:12px}.format-intro h2{font-size:41px}.format-intro>p{font-size:14px}.format-table{grid-template-columns:1fr;margin-top:30px}.format-table article+article{border-left:0;border-top:1px solid #ffffff30;padding-left:0}.format-table h3{font-size:30px;margin:22px 0 18px}.format-table b{padding-top:20px}.config-fields{grid-template-columns:1fr;gap:20px}.config-fields label{font-size:11px}.config-fields select,.config-fields input{font-size:15px}.product-fit{font-size:12px}.config-note{font-size:10px}.hero-subtitle{max-width:310px!important}}
@media(prefers-reduced-motion:reduce){.direction-panel,.function-menu button{transition:none}}



.photo-hero{position:relative;background:#18211a;color:#fff;height:calc(100svh - 55px);min-height:720px;max-height:1120px;overflow:hidden}.photo-slides,.photo-slide{height:100%;width:100%}.photo-slide{position:absolute;inset:0}.photo-slide[hidden]{display:none}.photo-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}.photo-slide.is-current>img{animation:photo-arrive .8s ease-out}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,18,.67),rgba(10,23,18,.12) 75%),linear-gradient(0deg,rgba(7,18,14,.8),transparent 40%,rgba(7,18,14,.15))}.photo-copy{position:absolute;left:7%;top:24%;max-width:850px}.photo-kicker{font-size:10px;letter-spacing:.16em;margin-bottom:35px}.photo-copy h1,.photo-copy h2{font:450 clamp(60px,6.7vw,108px)/.99 var(--display);letter-spacing:-.065em;color:#fff;margin:0}.photo-copy h1 em,.photo-copy h2 em{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.045em}.photo-copy>p:not(.photo-kicker){font-size:16px;line-height:1.75;margin:28px 0;color:#f3f3ea}.photo-copy>a{display:inline-flex;gap:40px;font-size:13px;border-bottom:1px solid #ffffff80;padding:12px 0}.photo-copy>a span{font-size:18px}.photo-side{position:absolute;right:4%;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em}.photo-controls{position:absolute;left:7%;right:7%;bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:40px}.photo-pagination{display:flex;gap:30px;width:66%;max-width:680px}.photo-pagination button{flex:1;text-align:left;border:0;border-top:1px solid #ffffff55;background:none;color:#fff9;padding:15px 0 4px;font-size:12px}.photo-pagination button span{font-size:9px;margin-right:12px}.photo-pagination button[aria-pressed=true]{border-color:#fff;color:white}.photo-arrows{display:flex;align-items:center;gap:22px}.photo-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff70;background:none;color:#fff;font-size:22px}.photo-arrows>span{font-size:9px;letter-spacing:.1em;white-space:nowrap}.photo-intro-line{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 5.5%;background:#f1f0e8;color:#213629;border-bottom:1px solid #c8cfbf}.photo-intro-line p{font-size:16px;letter-spacing:-.03em}.photo-intro-line span{font-size:8px;letter-spacing:.07em}.photo-intro-line a{font-size:12px}.future-photo{position:relative;min-height:610px;overflow:hidden}.future-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.future-photo figcaption{position:absolute;bottom:25px;left:27px;right:20px;color:#fff;font-size:27px;line-height:1.15;letter-spacing:-.04em;text-shadow:0 2px 20px #000}.future-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#18201a90);pointer-events:none}.future-photo figcaption{z-index:1}.future-layout{gap:7%}.eco-photo-banner{position:relative;height:500px;margin:45px -6.2% 0;overflow:hidden}.eco-photo-banner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.eco-photo-banner figcaption{position:absolute;bottom:22px;right:5.5%;font-size:9px;letter-spacing:.1em;background:#10261eab;color:white;padding:9px 13px}.photo-credits{font-size:10px;line-height:1.7;padding:14px 5.5%;background:#e5e8dc;color:#67745f}.photo-credits a{text-decoration:underline;text-underline-offset:3px}.photo-credits span{margin-right:12px}body .site-header{background:#101e17;border-bottom-color:#ffffff30}.direction-panel h3{white-space:pre-line}
@keyframes photo-arrive{from{opacity:.7;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@media(min-width:1700px){.photo-copy{top:23%}.photo-hero{min-height:850px}.photo-copy h1,.photo-copy h2{font-size:110px}}
@media(max-width:1000px){.photo-copy{top:22%;left:6%}.photo-hero{min-height:750px}.photo-pagination{gap:20px}.photo-intro-line span{display:none}.future-photo{min-height:650px}}
@media(max-width:760px){.photo-hero{height:calc(100svh - 30px);min-height:740px;max-height:960px}.photo-copy{left:7%;right:7%;top:25%;max-width:none}.photo-copy h1,.photo-copy h2{font-size:clamp(48px,12.5vw,72px);line-height:1.04}.photo-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:25px}.photo-copy>p:not(.photo-kicker){font-size:13px;line-height:1.8;margin:24px 0 15px}.photo-copy>a{font-size:12px}.photo-slide>img{object-position:62% center}.photo-shade{background:linear-gradient(90deg,#10241ba8,#10241b26),linear-gradient(0deg,#0a1b15e6,transparent 70%)}.photo-side{display:none}.photo-controls{left:7%;right:7%;bottom:26px;flex-wrap:wrap;gap:17px}.photo-pagination{width:100%;gap:18px;order:2}.photo-pagination button{font-size:10px;padding-top:11px}.photo-pagination button span{font-size:8px;margin-right:5px}.photo-arrows{margin-left:auto;gap:17px}.photo-arrows button{width:35px;height:35px;font-size:18px}.photo-intro-line{padding:24px 7%;display:block}.photo-intro-line p{font-size:14px;margin-bottom:12px}.photo-intro-line a{font-size:11px}.future-photo{min-height:410px;margin:0 -8.2%;}.future-photo img{object-position:center 40%}.future-photo figcaption{font-size:25px;left:7%}.eco-photo-banner{height:330px;margin:30px -8.2% 0}.eco-photo-banner figcaption{font-size:8px;right:7%}.photo-credits{padding:15px 7%;font-size:9px}.photo-credits span{display:block;margin:0 0 4px}.future-layout{gap:35px}}
@media(prefers-reduced-motion:reduce){.photo-slide.is-current>img{animation:none}}
 #photo-slide-0>img{object-position:center 85%}



#zero-contact{width:600px;max-width:calc(100% - 28px);max-height:90svh;overflow:auto;border:0;background:#f1f1e7;color:#263820;padding:38px;margin:auto}#zero-contact::backdrop{background:#12231dba;backdrop-filter:blur(8px)}.zero-contact-close{position:absolute;right:20px;top:17px;border:0;background:none;font-size:27px;color:#263820}#zero-contact .wordmark{font-size:45px}#zero-contact .eyebrow{margin:24px 0 14px;font-size:9px}#zero-contact h2{font:500 43px/1.05 var(--display);letter-spacing:-.055em;margin-bottom:27px}#zero-contact label{display:block;font-size:11px;margin-top:17px}#zero-contact label span{color:#7b876e}.contact-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}#zero-contact input,#zero-contact textarea{display:block;width:100%;background:#e6ebdc;border:1px solid #bac5ac;padding:12px;margin-top:8px;font:400 14px/1.6 var(--sans);color:#21301c;border-radius:0}#zero-contact textarea{resize:vertical;min-height:110px}.contact-delivery-note{font-size:11px;line-height:1.7;color:#68775b;margin:22px 0 17px}.contact-prepare{background:#263c20;color:#fff;border:0;padding:15px 20px;text-align:left;width:100%;font-size:13px}#contact-feedback{font-size:11px;line-height:1.7;margin-top:14px}#contact-feedback a{text-decoration:underline}@media(max-width:600px){#zero-contact{padding:26px}.contact-form-pair{grid-template-columns:1fr;gap:0}#zero-contact h2{font-size:35px}}



.wordmark{font-family:'Manrope',sans-serif;font-weight:800;font-size:76px;letter-spacing:-.075em;line-height:.9;display:inline-block}.brand-period{color:#d6eba0}.site-header .brand{gap:23px;align-items:center}.site-header .brand-caption{display:flex;flex-direction:column;gap:7px;border-left:1px solid #718167;padding-left:20px;line-height:1.2;letter-spacing:0}.brand-caption strong{font-size:15px;letter-spacing:.015em;font-weight:500;color:#f2f3e9}.brand-caption>span{font-size:8px;letter-spacing:.11em;max-width:145px;line-height:1.5;color:#bac7ac}.site-header{height:104px}.hero .hero-content{padding-top:65px}.hero h1 .hero-brand-name{display:block;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(155px,18vw,280px);letter-spacing:-.085em;line-height:.85;margin-left:-.01em}.hero-brand-name>span{color:#d6eba0}.hero h1 .hero-subtitle{margin-top:30px;font-size:clamp(25px,2.4vw,37px);line-height:1.25;letter-spacing:-.035em}.hero .hero-bottom-copy{margin-top:35px}.hero .hero-topline{padding-top:12px}.hero .hero-visual{top:155px}.footer-brand .wordmark{font-size:108px}.footer-brand{gap:35px}.footer-brand>p{font-size:13px}.mini-wordmark{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.075em;font-size:65px}#login .wordmark,#brief-dialog .wordmark,#zero-contact .wordmark{font-size:57px;color:#243a24}#login .brand-period,#brief-dialog .brand-period,#zero-contact .brand-period{color:#738e4c}
@media(min-width:1700px){.hero .hero-content{padding-top:75px}.hero h1 .hero-brand-name{font-size:290px}.hero .hero-bottom-copy{margin-top:40px}}
@media(min-width:761px) and (max-width:1100px){.site-header .brand-caption{display:none}.site-header .wordmark{font-size:70px}.hero h1 .hero-brand-name{font-size:190px}.hero .hero-content{padding-top:80px}}
@media(max-width:760px){.site-header{height:96px}.site-header .brand{display:block}.site-header .wordmark{font-size:61px}.site-header .brand-caption{border:0;padding:0;margin-top:5px;display:block}.brand-caption strong{font-size:8px;letter-spacing:.07em}.brand-caption>span{display:none}.header-actions{gap:15px}.client-button{padding:9px 10px;font-size:10px}.client-button span{padding-left:7px}.hero{padding-top:120px}.hero .hero-content{padding-top:40px}.hero h1 .hero-brand-name{font-size:clamp(145px,43vw,235px);line-height:.87}.hero h1 .hero-subtitle{font-size:24px;margin-top:25px;max-width:330px!important}.hero .hero-bottom-copy{margin-top:25px}.hero .hero-visual{top:auto}.hero .hero-topline{padding-top:0}.hero-topline .eyebrow{font-size:8px;letter-spacing:.08em}.hero .can-caption span:last-child{font-size:7px}.footer-brand .wordmark{font-size:87px}.footer-brand{gap:25px}.footer-brand>p{font-size:11px}}


@font-face{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url(../fonts/DMSans-400.ttf) format('truetype');
}
@font-face{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url(../fonts/DMSans-500.ttf) format('truetype');
}
@font-face{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:url(../fonts/DMSans-600.ttf) format('truetype');
}
@font-face{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:url(../fonts/DMSans-700.ttf) format('truetype');
}
@font-face{
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:url(../fonts/InstrumentSerif-400i.ttf) format('truetype');
}
@font-face{
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url(../fonts/InstrumentSerif-400.ttf) format('truetype');
}
@font-face{
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url(../fonts/Manrope-400.ttf) format('truetype');
}
@font-face{
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url(../fonts/Manrope-500.ttf) format('truetype');
}
@font-face{
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:url(../fonts/Manrope-600.ttf) format('truetype');
}
@font-face{
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:url(../fonts/Manrope-700.ttf) format('truetype');
}
@font-face{
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src:url(../fonts/Manrope-800.ttf) format('truetype');
}