/* Mobile-first layout: base = phones, progressively enhanced at 640/960/1200px. */
:root{--gutter:20px;--header-height:72px}html{scroll-padding-top:calc(var(--header-height) + 16px)}body{overflow-x:clip}*,*:before,*:after{box-sizing:border-box}img{max-width:100%}h1,h2,h3,p,dd,a{overflow-wrap:break-word}main,.wrap,.wrap>*,.two-col>*,.contact-grid>*,.collection-layout>*{min-width:0}.wrap{width:calc(100% - var(--gutter)*2);max-width:1360px;margin-inline:auto}.nav{height:var(--header-height);gap:8px}.brand{flex-shrink:0}.brand-logo{width:140px}.nav-end{margin-left:auto;gap:4px}.lang,.menu-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.menu-button{border:0;background:transparent;font-size:22px;cursor:pointer}.nav-end .button{display:none}.header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px var(--gutter) 24px;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 18px 30px #003d2e15;max-height:calc(100dvh - var(--header-height));overflow-y:auto}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{display:flex;align-items:center;min-height:52px;padding:12px 4px;font-size:15px}.header nav a:after{bottom:5px}.button{min-height:48px;max-width:100%;white-space:normal;text-align:center}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:8px}.section{padding:64px 0}.section h2,h2{font-size:clamp(32px,8.5vw,46px);line-height:1.15;letter-spacing:-.045em}.page-head{padding:60px 0}.page-head h1,.quality-hero h1,.hero h1{font-size:clamp(38px,10vw,62px);line-height:1.08;letter-spacing:-.04em;max-width:100%}.page-head .lead,.section .lead{font-size:16px;line-height:1.7}.hero{min-height:0}.hero-content{padding-top:64px}.hero-content>p:not(.eyebrow){font-size:16px;line-height:1.7}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-bottom{padding-top:60px;padding-bottom:28px;gap:20px;flex-direction:column;align-items:flex-start}.hero-bottom:before{top:32px}.hero-bottom span:last-child{text-align:left;max-width:100%;font-size:11px}.collection-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;gap:0}.collection-copy{padding:40px 0 0}.collection-copy h1{white-space:normal;font-size:clamp(40px,10.5vw,62px);line-height:1.12;letter-spacing:-.05em}.collection-copy .eyebrow{margin-bottom:24px}.collection-description{font-size:14px;line-height:1.7;margin-bottom:24px}.format-select{display:flex;width:max-content;max-width:100%;margin-bottom:16px}.format-select button{min-height:44px;min-width:76px;font-size:14px;padding:10px 24px}.collection-link{display:flex;margin:0;min-height:48px;font-size:13px;gap:24px}.collection-stage{height:clamp(300px,86vw,440px);margin:12px 0 0}.isolated-cell{height:80%;width:77%;filter:drop-shadow(15px 20px 12px #19352823)}.collection-stage.is-square .isolated-cell{width:85%;height:70%;object-fit:contain}.stage-code{font-size:clamp(90px,27vw,150px);top:15px;right:8px}.stage-orbit{inset:55px 25px 50px}.stage-label{bottom:78px;right:0;font-size:10px}.stage-caption{width:95%;bottom:0;font-size:10px;line-height:1.5}.collection-strip{min-height:76px;gap:16px;font-size:11px}.collection-strip>span:nth-child(2){display:none}.collection-strip>a{min-height:44px}.product-grid,.two-col,.contact-grid,.split,.quality-grid,.footer-grid,.form-grid{display:grid;grid-template-columns:minmax(0,1fr)}.product-grid{gap:16px;margin-top:32px}.product-card{min-height:420px}.product-card:nth-child(n) .product-card-name{font-size:clamp(70px,20vw,100px)}.product-card-content{left:22px;right:22px;bottom:24px}.product-card-bottom{font-size:13px;line-height:1.55}.product-card-type{font-size:10px}.circle-arrow{width:44px;height:44px}.two-col,.contact-grid{gap:36px}.split-img{min-height:280px}.split-copy{padding:55px var(--gutter)}.steps{grid-template-columns:minmax(0,1fr)}.step{min-height:130px;padding:24px;gap:28px}.step h3{font-size:21px}.quality-card{min-height:0;padding:28px 24px}.quality-card h3{margin-top:25px;font-size:25px}.quality-hero{min-height:0}.quality-hero>.wrap{padding:72px 0 36px}.quality-hero .lead{font-size:16px;line-height:1.7}.quality-hero small{position:static;display:block;text-align:left;margin-top:36px;max-width:100%;font-size:11px}.detail-hero{min-height:0;height:auto}.detail-content{padding-block:65px 32px;min-height:480px;gap:8px}.detail-content h1{font-size:clamp(120px,35vw,200px);letter-spacing:-.08em;line-height:1;margin:15px 0}.detail-content>p:not(.eyebrow){font-size:17px}.detail-caption{position:static;display:block;max-width:100%;text-align:left;margin-top:32px;font-size:11px}.spec div{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:18px}.spec{margin:0}.spec dd{font-size:15px}.form-box{padding:24px 18px}.form-box h2{font-size:30px}.form-box label{font-size:13px;line-height:1.5}.form-box input,.form-box select,.form-box textarea{font-size:16px;min-height:48px;width:100%;min-width:0}.form-box textarea{resize:vertical}.form-box .privacy{font-size:12px}.form-box .button{width:100%}.form-grid{gap:0}.address{margin-top:32px}.cta{padding:64px 0}.cta h2{font-size:clamp(38px,10vw,58px)}footer{padding:55px 0}.footer-grid{gap:26px}.footer-grid>div:last-child{text-align:left}.footer-wordmark{font-size:17.6vw;margin-top:45px}.wide-image{padding:0}.wide-image img{min-height:300px;height:65vw;max-height:600px}.wide-image small{position:static;margin:0;padding:15px 20px;font-size:11px}.image-panel img{height:auto;aspect-ratio:1.2}.image-panel small{font-size:11px}.eyebrow{line-height:1.6}.honey{min-height:0!important}#quote,#collection{scroll-margin-top:calc(var(--header-height) + 20px)}
@media(min-width:640px){:root{--gutter:32px;--header-height:80px}.brand-logo{width:170px}.section{padding:80px 0}.product-grid,.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-height:480px}.product-card:nth-child(n) .product-card-name{font-size:80px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.spec div{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.collection-copy h1{font-size:66px}.collection-stage{height:490px}.collection-strip>span:nth-child(2){display:block;max-width:50%}.section h2,h2{font-size:48px}.hero h1,.page-head h1,.quality-hero h1{font-size:64px}.detail-content h1{font-size:230px}.form-box{padding:36px}.form-box .button{width:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-wordmark{font-size:17vw}}
@media(min-width:960px){:root{--gutter:40px;--header-height:88px}.collection-layout{grid-template-columns:repeat(2,minmax(0,1fr));min-height:630px;gap:24px}.collection-copy{padding:60px 0}.collection-copy h1{font-size:clamp(58px,6.2vw,90px)}.collection-stage{height:560px;margin:0}.collection-description{font-size:15px}.collection-link{gap:35px}.stage-code{font-size:160px}.two-col,.contact-grid,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.contact-grid{gap:60px}.split-img{min-height:500px}.split-copy{padding:70px 50px}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step{min-height:220px}.section{padding:100px 0}.section h2,h2{font-size:clamp(48px,4.7vw,68px)}.hero-content{padding-top:100px}.hero h1,.page-head h1,.quality-hero h1{font-size:clamp(70px,7.2vw,105px)}.hero-bottom{flex-direction:row;align-items:flex-end;justify-content:space-between;padding-top:95px;padding-bottom:32px}.hero-bottom:before{top:60px}.hero-bottom span:last-child{max-width:350px;text-align:right}.page-head{padding:100px 0}.quality-hero>.wrap{padding:100px 0 50px}.quality-hero small{max-width:420px}.detail-content{min-height:610px}.detail-content h1{font-size:280px}.footer-grid{grid-template-columns:1.3fr 1fr auto}.footer-grid>div:last-child{text-align:right}.footer-wordmark{font-size:min(16vw,225px)}.cta{padding:100px 0}.cta h2{font-size:80px}}
@media(min-width:1200px){:root{--gutter:48px}.menu-button{display:none}.header nav,.header nav.open{display:flex;flex-direction:row;position:static;gap:26px;padding:0;margin-left:auto;max-height:none;overflow:visible;border:0;box-shadow:none;background:transparent}.header nav a{font-size:11px;min-height:44px;padding:0;white-space:nowrap}.nav-end{margin-left:20px;gap:14px}.nav-end .button{display:inline-flex;min-height:44px}.collection-stage{height:600px}.product-card{min-height:550px}.contact-grid{gap:90px}}
@media(hover:none){.button:hover{transform:none;box-shadow:none}.product-card:hover .product-card-art{transform:none}.product-card:hover .circle-arrow{transform:none}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none;transition:none}}
/* Final interaction and editorial refinements. */
.skip-link{position:fixed;top:8px;left:16px;z-index:200;transform:translateY(-150%);background:#005842;color:#fff;padding:14px 20px;border-radius:5px}.skip-link:focus{transform:translateY(0)}.menu-button img{width:23px;height:23px}.menu-close-icon{display:none}.menu-button[aria-expanded=true] .menu-open-icon{display:none}.menu-button[aria-expanded=true] .menu-close-icon{display:block}.header nav .mobile-quote{margin-top:14px;background:#ffc900;color:#003d2e;border-radius:5px;padding:14px 18px;display:flex;justify-content:space-between;font-size:14px}.mobile-quote img{width:20px;height:20px}.footer-links{display:flex;flex-wrap:wrap;gap:0 20px}.footer-links a,.footer-email{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#cce1d7}.footer-links a:hover,.footer-email:hover{color:#ffc900}.footer-email{margin-top:8px}.quality-feature .lead{font-size:16px;line-height:1.7}.quality-detail{margin:0;position:relative}.quality-detail img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}.quality-detail figcaption{font-size:11px;line-height:1.6;color:#526b60;margin-top:12px}.quality-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.quality-tags span{padding:8px 12px;border:1px solid #bdd6ca;border-radius:40px;font-size:11px;line-height:1.5;color:#005842}.quality-feature .two-col{align-items:center}.stage-caption{max-width:420px}.product-card{box-shadow:0 1px 0 #0058420c}.product-card:focus-visible{outline-offset:5px}.form-box .button:disabled{opacity:.65;cursor:wait}.hero-content h1{text-wrap:balance}.hero-image{background-image:linear-gradient(90deg,#041b16e8 0%,#041b1685 60%,#041b1620),url('/assets/manufacturing-concept.jpg')}.collection-stage.is-square .isolated-cell{animation:none;transform:rotate(0)}
@media(min-width:960px){.quality-detail img{aspect-ratio:1.1}.quality-feature .two-col{gap:70px}.quality-feature h2{font-size:clamp(40px,4.3vw,62px)}}
@media(min-width:1200px){.header nav .mobile-quote{display:none}}
/* Consistent single-cell product illustrations across selector, cards and detail pages. */
.product-card:nth-child(2) .product-card-art{background-image:url('/assets/cell-210n.png');background-size:65%;background-repeat:no-repeat;background-position:center 20%;opacity:1}.product-card:nth-child(2):before{background:linear-gradient(0deg,#003d2e 0%,#003d2e00 70%)}.detail-hero{background:#edf4f0;color:#005842}.detail-art{background:none;animation:none;position:relative;display:flex;justify-content:center;align-items:center;height:330px;inset:auto;padding:30px 20px 0}.detail-art img{width:80%;height:100%;object-fit:contain;filter:drop-shadow(15px 20px 15px #003d2e20)}.detail-content{min-height:0;padding-top:20px;padding-bottom:40px}.detail-content .eyebrow{color:#005842}.detail-content h1{font-size:110px;margin:5px 0}.detail-content>p:not(.eyebrow){max-width:420px}.detail-caption{color:#526b60}.collection-stage.is-square .isolated-cell{width:77%;height:80%;transform:rotate(-5deg)}
@media(min-width:960px){.detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px max(40px,calc((100vw - 1360px)/2))}.detail-art{grid-column:2;grid-row:1;height:520px;padding:20px}.detail-content{grid-column:1;grid-row:1;width:100%;margin:0;padding:40px 0}.detail-content h1{font-size:clamp(140px,17vw,250px)}.detail-art img{width:95%}}
/* Compact architectural footer: technical tone, brand-faithful typography. */
footer.footer-new{padding:0;background:#f1f3ec;color:#005842}.footer-invitation{padding:42px 0 30px;display:grid;gap:20px;border-bottom:1px solid #00584225}.footer-kicker{font-size:12px;letter-spacing:.16em;margin:0 0 14px;color:#557568}.footer-invitation h2{font-size:clamp(34px,7vw,68px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:0}.footer-contact-action{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;max-width:290px;font-size:14px;color:#005842}.footer-arrow{width:52px;height:52px;border:1px solid #00584255;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .25s,transform .25s}.footer-contact-action:hover .footer-arrow{background:#ffc900;transform:rotate(45deg)}.footer-directory{display:grid;gap:24px;padding:30px 0 34px}.footer-compact .footer-directory{padding-top:34px}.footer-logo{display:inline-flex;padding:0;background:none;max-width:100%;min-height:44px}.footer-logo img{width:154px;height:auto;display:block}.footer-identity p{font-size:12px;line-height:1.7;color:#48685b;margin:10px 0 0}.footer-new .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-content:start}.footer-new .footer-links a{font-size:14px;color:#005842;min-height:42px}.footer-new .footer-links a:hover{color:#00866a}.footer-reach>span{display:block;font-size:12px;color:#48685b;margin-bottom:4px}.footer-reach>a{font-size:clamp(18px,2vw,24px);letter-spacing:-.025em;min-height:42px;display:inline-flex;align-items:center;border-bottom:1px solid #00584240}.footer-reach p{font-size:12px;color:#48685b;margin-top:10px}.footer-brand-field{background:#005842;color:#edf2e8;padding:20px 0 16px;overflow:hidden}.footer-brand-meta,.footer-legal{display:flex;justify-content:space-between;gap:14px;font-size:12px;line-height:1.45;letter-spacing:.025em}.footer-brand-meta>span:first-child{display:flex;align-items:center;gap:8px}.footer-brand-meta i{display:block;width:5px;height:5px;border-radius:50%;background:#ffc900}.footer-display{display:flex;align-items:center;font-family:Eco,Arial,sans-serif;font-size:clamp(45px,14.5vw,205px);line-height:.92;letter-spacing:-.065em;white-space:nowrap;padding:28px 0 25px;user-select:none}.footer-display>strong{font-weight:700}.footer-display>span{font-weight:400}.footer-display>i{display:block;width:clamp(18px,3vw,42px);height:4px;background:#ffc900;margin-left:.065em;flex-shrink:0}.footer-legal{padding-top:15px;border-top:1px solid #ffffff2b;color:#c2d6cc}.footer-contact-action:focus-visible,.footer-new a:focus-visible{outline:2px solid #00866a;outline-offset:6px}.product-card:nth-child(1) .product-card-art{background-image:url('/assets/cell-210r.webp')}.product-card:nth-child(2) .product-card-art{background-image:url('/assets/cell-210n.webp')}
@media(min-width:640px){.footer-directory{grid-template-columns:1fr 1fr;gap:28px}.footer-identity{grid-column:1/-1}.footer-brand-field{padding-top:22px}.footer-display{padding:24px 0 22px}}
@media(min-width:960px){.footer-invitation{grid-template-columns:1.5fr 1fr;align-items:end;padding:54px 0 38px;gap:45px}.footer-contact-action{justify-self:end;min-width:250px;margin-bottom:4px}.footer-arrow{width:58px;height:58px;font-size:28px}.footer-directory{grid-template-columns:1.3fr 1fr 1fr;padding:38px 0 44px;gap:44px}.footer-compact .footer-directory{padding-top:44px}.footer-identity{grid-column:auto}.footer-logo img{width:170px}.footer-display{font-size:min(14.5vw,205px);padding:30px 0 28px}}
/* Readable supporting copy across compact mobile and desktop layouts. */
.eyebrow,.product-card-type,.stage-caption,.collection-strip,.quality-detail figcaption,.wide-image small,.image-panel small,.detail-caption,.hero-bottom span:last-child{font-size:12px}.stage-label{font-size:11px}.product-card-bottom{font-size:14px}.privacy{font-size:12px;line-height:1.6}@media(min-width:1200px){.header nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.footer-arrow{transition:none}}
/* Final compact footer proportions and clean sticky-header handoff. */
.header{transition-property:background,box-shadow,transform;transition-duration:.35s,.35s,.3s}.header.footer-zone{transform:translateY(-100%)}.footer-invitation{padding:32px 0 24px;gap:12px}.footer-invitation h2{font-size:clamp(32px,7vw,64px)}.footer-contact-action{min-height:48px}.footer-arrow{width:48px;height:48px}.footer-directory{gap:16px;padding:24px 0 26px}.footer-compact .footer-directory{padding-top:26px}.footer-logo img{width:138px}.footer-new .footer-links a{min-height:38px}.footer-reach>a{min-height:38px}.footer-brand-field{padding:14px 0 12px}.footer-display{padding:18px 0 16px;line-height:.9}.footer-display>i{width:8px;height:8px;transform:rotate(45deg);margin-left:.14em}.footer-legal{padding-top:12px}
@media(min-width:640px){.footer-directory{gap:22px}.footer-brand-field{padding-top:16px}.footer-display{padding:18px 0}}
@media(min-width:960px){.footer-invitation{padding:42px 0 30px}.footer-directory{padding:32px 0 36px}.footer-compact .footer-directory{padding-top:36px}.footer-logo img{width:158px}.footer-brand-field{padding:18px 0 14px}.footer-display{padding:22px 0 20px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}
@media(max-width:479px){.footer-brand-meta>span:first-child{white-space:nowrap}.footer-brand-meta>span:last-child{display:none}}

/* Keep 210N visually consistent with the established 210R presentation. */
.product-card:nth-child(2){background:#e0ede6;color:var(--brand-green)}
.product-card:nth-child(2):before{background:linear-gradient(0deg,#e0ede6 0%,#e0ede600 70%)}
.product-card:nth-child(2) .product-card-type,
.product-card:nth-child(2) .product-card-bottom,
.product-card:nth-child(2) .circle-arrow{color:var(--brand-green);border-color:#00584240}
.collection-stage.is-square .isolated-cell{
 width:83%;
 height:83%;
 transform:rotate(-13deg);
 animation:cell-enter 1.3s cubic-bezier(.16,1,.3,1) both;
 filter:drop-shadow(25px 36px 19px #19352823)
}
@media(max-width:700px){
 .collection-stage.is-square .isolated-cell{width:77%;height:88%;transform:rotate(-13deg)}
}

@media(max-width:900px){
 .product-intro-grid{grid-template-columns:1fr;gap:56px}
 .product-intro-copy{position:static}
 .spec-note{grid-template-columns:1fr;gap:14px}
}
@media(max-width:560px){
 .product-intro-copy h2{font-size:42px}
 .product-intro-copy>p:not(.eyebrow){font-size:16px}
 .spec-panel{padding:24px 20px}
 .spec-panel .spec div{grid-template-columns:1fr;gap:7px;padding:17px 0}
 .spec-panel .spec dd{font-size:14px}
 .spec-note{margin-top:42px}
}

/* Trial: oversized white footer logo in place of the typographic wordmark. */
.footer-logo-display{
 display:flex;
 align-items:center;
 justify-content:flex-start;
 min-height:clamp(110px,15vw,215px);
 padding:clamp(26px,4vw,52px) 0;
}
.footer-logo-display img{
 display:block;
 width:min(78vw,980px);
 max-height:clamp(82px,10vw,145px);
 object-fit:contain;
 filter:brightness(0) invert(1);
 opacity:.76;
 object-position:left center;
}
@media(max-width:639px){
 .footer-logo-display{min-height:105px;padding:24px 0 22px}
 .footer-logo-display img{width:88vw;max-height:78px;opacity:.8}
}

/* Trial refinement: footer mark rendered as contour lines only. */
.footer-logo-display img{
 filter:none;
 opacity:.62;
}