.header{display:flex;justify-content:space-between;gap:24px;padding:0 3%;z-index:100;background:#151714}
.hero .axis{display:none!important}
.header .brand{padding:0;gap:18px;flex:none}.brand-logo{display:block;position:relative;width:64px;height:74px;overflow:hidden}.brand-logo img{position:absolute;width:123px;max-width:none;left:-29px;top:-4px}.brand-tagline{font:10px/1.5 Geist,sans-serif;letter-spacing:.5px}.header nav{display:flex;align-items:center;font:500 12px Geist,sans-serif;gap:24px}.header-calc{margin:0;width:auto;min-width:180px;font-size:12px;padding:14px}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:7px}.nav-dropdown summary:after{content:'';border-right:1px solid;border-bottom:1px solid;width:5px;height:5px;transform:rotate(45deg)}.nav-dropdown>div{position:absolute;top:44px;left:-20px;min-width:245px;padding:12px;background:#23271f;border:1px solid #626754;box-shadow:0 12px 24px #0005;max-height:75svh;overflow:auto}.nav-dropdown>div a{display:block;padding:10px;font:14px/1.4 Geist,sans-serif}.nav-dropdown a:hover{background:#39402f;color:#f0d1b6}.header nav>a{padding-block:14px}
.wide-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.wide-heading h2,.company-section h2,.contact-section h2{font:600 clamp(32px,4vw,68px)/1.1 Oswald,sans-serif;letter-spacing:-.025em;margin:0}.wide-heading p{font-size:16px;line-height:1.6;margin:0;color:#bfc5b4}
.showcase{padding:100px 4% 60px;background:#11140f}.showcase-stage{height:clamp(460px,66vw,680px);position:relative;overflow:hidden;background:#292b24}.showcase-stage>img{width:100%;height:100%;object-fit:cover}.showcase-copy{position:absolute;inset:0 auto 0 0;width:47%;padding:48px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(90deg,#10130feb,#10130f88,transparent)}.showcase-copy h3{white-space:pre-line;font:500 clamp(26px,3vw,48px)/1.15 var(--display);margin:20px 0}.showcase-copy p{font-size:17px;line-height:1.6;max-width:35ch}.showcase-copy a{margin-top:20px;text-decoration:underline;text-underline-offset:7px}.visualization-note{position:absolute;bottom:18px;right:22px;font-size:11px;background:#111b;padding:8px;color:#e1e5d9}.showcase-controls{display:flex;justify-content:space-between;border-bottom:1px solid #58604e}.showcase-controls button{font:14px Geist;color:inherit;border:0;background:none;padding:22px;cursor:pointer;min-height:48px}.showcase-controls button[aria-pressed=true]{color:#eca77f;box-shadow:inset 0 -2px #df895a}.showcase-controls button:hover{background:#30372a}
.company-section{background:#e4dfd1;color:#23291f;padding:100px 6%}.company-columns{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:50px}.company-columns p{font-size:17px;line-height:1.8;max-width:65ch}.company-columns .company-lead{font-size:clamp(24px,2.3vw,36px);line-height:1.45;margin-top:0}.company-columns a{display:inline-block;margin-top:15px;border-bottom:1px solid;padding-bottom:7px}.engineering-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.engineering-flow article{border-top:1px solid #939a88;padding-top:22px}.engineering-flow span{font-size:11px}.engineering-flow h3{font:500 26px var(--display);margin:18px 0}.engineering-flow p{font-size:15px;line-height:1.75;margin:0}
.partners-section{padding:85px 5%;background:#d5d3c9;color:#23291f}.partners-section .wide-heading p{color:#505749}.partners-grid{display:flex;flex-wrap:wrap;gap:1px;background:#b7bcaf;border:1px solid #b7bcaf}.partner-tile{flex:1 1 16%;min-width:160px;background:#fff;padding:20px;display:flex;align-items:center;justify-content:center}.partner-crop{position:relative;overflow:hidden;width:100%;max-width:220px}.partner-crop img{position:absolute;max-width:none;height:auto;filter:grayscale(1);transition:filter .3s}.partner-tile:hover img{filter:none}
.contact-section{background:#22271d;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-intro>p{font-size:18px;line-height:1.7;max-width:35ch;margin:30px 0}.contact-selection{border-top:1px solid #69715a;margin-top:45px;padding-top:20px;font-size:13px;line-height:1.8}.contact-selection strong{display:block;font-size:17px}.contact-selection button{background:none;border:0;color:#e4a378;padding:15px 0;text-decoration:underline;cursor:pointer}.contact-section .primary{width:100%;margin-top:22px;font-size:16px}.contact-status{line-height:1.7;font-size:14px;color:#e8c4a4}.site-footer{padding:35px 5%;gap:30px;display:flex;flex-wrap:wrap;align-items:center}.site-footer p,.site-footer small{font-size:12px;line-height:1.7}.site-footer>div:nth-of-type(2){display:flex;gap:24px;font-size:13px}.site-footer small{margin-left:auto}
.page-intro{padding:60px 6%;background:#c96c45;color:#171d14}.page-intro>a,.page-intro>span{font-size:13px}.page-intro h1{font:600 clamp(34px,4.8vw,72px)/1.15 var(--display);max-width:24ch;margin:28px 0}.page-intro p{font-size:20px;line-height:1.6;max-width:65ch}.page-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10%;padding:70px 6%;min-height:420px}.page-content article{margin-bottom:40px}.page-content h2{font:500 28px var(--display);margin-bottom:15px}.page-content p{font-size:17px;line-height:1.8;max-width:70ch}.page-content aside{display:flex;flex-direction:column;gap:16px;align-items:stretch}.page-content aside>img{height:190px;width:100%;object-fit:contain}.page-content aside>a:not(.primary){font-size:15px;line-height:1.6;border-bottom:1px solid #60674f;padding-bottom:14px}.page-content .primary{font-size:15px}.inner-page .contact-selection{display:none}
[hidden]{display:none!important}
.header .header-calc{display:flex}
@media(min-width:1101px){.calculation-screen .calculator{flex:1;align-content:center}.calculation-screen .products{flex:none}.calculation-screen .calc-heading h2{font-size:19px}.calculation-screen .calc-heading p{font-size:15px}.calculation-screen .field{font-size:14px}.calculation-screen .product-card img{height:clamp(65px,15vh,150px)}}
@media(max-width:1100px){.header .brand-logo{height:76px;transform:scale(.78);transform-origin:left center;width:64px;margin-right:-12px}}
@media(min-width:1101px){.calculation-screen{min-height:calc(100svh - var(--header-height));height:auto;padding:18px 0;display:flex;justify-content:center}.calculation-screen .calculator{flex:none;min-height:0;padding:8px 3% 16px;grid-template-columns:minmax(0,1fr) 300px}.calc-editor{grid-template-columns:repeat(4,minmax(0,1fr));min-height:155px;gap:8px 16px}.calc-tabs{flex-wrap:nowrap;margin-bottom:12px}.calc-tabs button{flex-basis:auto;font-size:12px;padding:10px 7px}.calc-total{min-height:0}.products{padding-top:12px}.product-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.product-card{border-bottom:0!important}.product-card:nth-child(4){border-right:1px solid #4c5541!important}.product-card img{height:clamp(65px,12vh,130px)}.product-card h3{font-size:12px;min-height:36px;margin:8px 0 2px}.product-card{padding:12px}.section-line{margin-bottom:10px}}
@media(max-width:1250px){.header{gap:14px;padding-inline:2%}.header nav{gap:15px;font-size:11px}.brand-tagline{display:none}.header-calc{min-width:160px}}
@media(max-width:1100px){.header nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;align-items:stretch;flex-direction:column;background:#1e2419;padding:20px 5%;max-height:calc(100svh - var(--header-height));overflow:auto;gap:0;font-size:15px}.header.menu-open nav{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:12px;background:none;border:0}.menu-toggle span{width:24px;height:1px;background:#df895a}.header-calc{margin-left:auto}.nav-dropdown>div{position:static;box-shadow:none;max-height:none}.header .brand-logo{height:68px}.company-columns{gap:6%}.showcase-copy{width:65%;padding:30px}.calculation-screen{height:auto}.partner-tile{flex-basis:24%}}
@media(max-width:700px){.header{padding-inline:18px;gap:12px}.brand-logo{transform:scale(.85);transform-origin:left center;width:57px}.header-calc{min-width:0;font-size:10px;padding:12px}.wide-heading{display:block;margin-bottom:25px}.wide-heading p{font-size:15px;margin-top:20px}.showcase{padding:55px 20px 40px}.showcase-stage{height:560px}.showcase-stage>img{object-position:60%}.showcase-copy{width:100%;padding:25px 22px 65px;background:linear-gradient(0deg,#11140ffa,#11140f80,transparent)}.showcase-copy h3{font-size:32px}.showcase-copy p{font-size:16px}.visualization-note{font-size:10px;left:18px;right:auto;bottom:15px}.showcase-controls button{padding:18px 13px}.company-section,.partners-section,.contact-section{padding:55px 24px}.company-columns,.contact-section{grid-template-columns:1fr;gap:30px}.company-columns{margin-top:30px}.company-columns p{font-size:16px}.engineering-flow{grid-template-columns:1fr;gap:30px;margin-top:40px}.partner-tile{flex-basis:40%;min-width:120px;padding:15px}.contact-section h2{font-size:38px}.contact-intro>p{font-size:16px}.contact-selection{margin-top:25px}.site-footer{padding:30px 24px;align-items:start}.site-footer small{margin-left:0}.page-intro{padding:40px 24px}.page-intro p{font-size:17px}.page-content{grid-template-columns:1fr;padding:40px 24px;gap:25px}.page-content p{font-size:16px}.page-content aside{border-top:1px solid #657254;padding-top:20px}}
@media(prefers-reduced-motion:reduce){.partner-crop img{transition:none}}
.header{position:sticky;top:0}
@media(max-width:1100px){.header .brand-logo{height:76px;transform:scale(.78);width:64px;flex-shrink:0}.header .brand-logo img{width:115px;left:-27px;top:-3px}}


/* Product gallery, partner carousel and company information tabs. */
@media(min-width:1101px){.header .menu-toggle{display:none}}
.partners-grid.is-carousel{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1px}
.partners-grid.is-carousel::-webkit-scrollbar{display:none}
.is-carousel .partner-tile{flex:0 0 calc((100% - 3px)/4);min-width:0;scroll-snap-align:start;min-height:180px}
.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}
.carousel-controls button{background:transparent;border:1px solid #828975;color:inherit;min-height:44px;padding:10px 18px;font:inherit;cursor:pointer}
.carousel-controls button:hover{background:#23291f;color:#e4dfd1}.carousel-controls button:disabled{opacity:.35;cursor:default}
.partner-position{margin-right:auto;font-size:13px;font-variant-numeric:tabular-nums}
.showcase-controls{flex-wrap:wrap}.showcase-controls #slide-pause{font-size:12px}
.engineering-flow.has-tabs{display:block;margin-top:48px}
.engineering-tabs{display:flex;border-bottom:1px solid #939a88;gap:24px}
.engineering-tabs button{flex:1;text-align:left;background:transparent;border:0;border-bottom:3px solid transparent;padding:20px 0;font:500 13px/1.5 Geist,sans-serif;color:#414a37;cursor:pointer}
.engineering-tabs button[aria-selected=true]{border-bottom-color:#994520;color:#883d1c}
.engineering-tabs button:hover{color:#883d1c}.engineering-tabs button:focus-visible{outline:2px solid #994520;outline-offset:3px}
.engineering-flow.has-tabs article{border:0;padding:26px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:60px}
.engineering-flow.has-tabs article>h3{margin:0 0 12px}.engineering-flow.has-tabs article>p{grid-column:1}
.engineering-extra{grid-column:2;grid-row:1 / 3;background:#d9d5c7;padding:22px 26px}
.engineering-extra h4{font:500 18px/1.4 Geist,sans-serif;margin:0 0 10px}
@media(max-width:700px){.is-carousel .partner-tile{flex-basis:75%;min-height:160px}.showcase-controls button{padding:16px 10px}.showcase-controls #slide-pause{padding-inline:8px}.engineering-tabs{gap:12px}.engineering-tabs button{font-size:10px;padding:15px 0}.engineering-flow.has-tabs article{grid-template-columns:1fr;gap:12px}.engineering-extra{grid-column:1;grid-row:auto;padding:20px}.engineering-flow.has-tabs article>h3{margin:0}}
/* Keep the selected frame inside its own tier; colour the complete leader line. */
.layer[data-product="frame"]{clip-path:polygon(17% 27%,49% 22.7%,85% 27%,85% 43%,50% 50%,17% 41%);transform-origin:50% 36%}
.layer[data-product="frame"].selected{transform:translateX(-6px) scale(.97)}
.model-labels button.selected:before{background:var(--rust)}
@media(max-width:700px){.engineering-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.engineering-tabs button{font-size:11px}.engineering-flow.has-tabs article{padding-top:22px}}

/* Shared smooth anchor navigation; reduced-motion users keep immediate navigation. */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height,90px) + 20px)}
/* Same movement for every tier; use each tier's own centre to avoid scaling into its neighbour. */
.layer:nth-child(1){transform-origin:50% 12%}
.layer[data-product="frame"]{transform-origin:50% 36%}
.layer:nth-child(3){transform-origin:50% 60%}
.layer[data-product="frame"].selected{transform:translateX(-9px) translateY(-5px) scale(1.035)}
@media(min-width:701px){
 .hero .layer:hover{filter:brightness(1.18);z-index:3}
 .hero .layer[data-product="grating"]:hover{transform:translateY(-5px) scale(1.035)!important}
 .hero .layer[data-product="frame"]:hover{transform:translateX(-9px) translateY(-5px) scale(1.035)!important}
 .hero .layer[data-product="cabin"]:hover{transform:translateY(-5px) scale(1.035)!important}
 .hero .layer[data-product="water"]:hover{transform:translateY(-5px) scale(1.035)!important}
 .hero .model-labels button:hover{color:var(--paper);background:#2d3528!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.header .header-calc{color:#dfded4;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;font-family:var(--display);font-weight:500;line-height:1.2;letter-spacing:.04em;white-space:nowrap;border:1px solid #ba6a41;border-radius:0}
.calc-editor .field{display:grid;grid-template-rows:2.8em 54px auto;align-content:start;gap:8px;min-width:0}
.calc-editor .field>span:first-child{align-self:end;line-height:1.4}
.calc-editor .field input,.calc-editor .field select{width:100%;height:54px;min-width:0;margin:0;border-radius:0}
.calc-editor .field-error:empty{display:none}
@media(max-width:700px){.header .header-calc{min-height:44px;font-size:10px;gap:10px;padding:10px 12px}.calculator{padding-block:18px}.calc-tabs{margin-bottom:14px}.calc-editor{gap:10px 12px;min-height:0}.calc-editor .field{grid-template-rows:3.4em 54px auto;gap:6px}.calc-editor .field input,.calc-editor .field select{font-size:16px;padding-inline:10px}}
/* Nested catalogue and explicit contrast on every header surface. */
.header #site-nav,.header #site-nav a,.header #site-nav summary{color:#e1e3d6}
.header #site-nav>a,.header #site-nav>details>summary{font-size:13px;line-height:1.5}
.header #site-nav a:hover,.header #site-nav summary:hover{color:#f2b38d}
.header .catalog-menu{width:300px;overflow:visible;max-height:none}
.nav-submenu{position:relative}.header .nav-submenu>summary{padding:10px;font:500 14px/1.5 Geist,sans-serif;justify-content:space-between;min-height:44px}
.nav-submenu>div{display:none}.nav-submenu[open]>div{display:block;position:absolute;left:100%;top:0;background:#23271f;border:1px solid #626754;width:265px;padding:10px}
.nav-submenu[open]>summary{background:#39402f}.header .nav-submenu>summary:after{transform:rotate(-45deg)}
.published-contacts{display:flex;flex-direction:column;gap:10px;margin-top:20px;font-size:14px;line-height:1.6}.published-contacts a{color:#e1e3d6;text-decoration:underline;text-underline-offset:4px}.published-contacts span{font-size:13px;color:#bbc1b0}
@media(max-width:1100px){.header #site-nav{background:#1e2419;padding:18px 24px}.header #site-nav>a,.header #site-nav>details>summary{font:500 16px/1.5 Geist,sans-serif;min-height:48px;padding:12px 0;display:flex!important}.header #site-nav .catalog-menu{position:static;width:100%;padding:8px;border:0;max-height:none;overflow:visible}.header .nav-submenu[open]>div{position:static;width:100%;border:0;border-left:1px solid #687157;padding:6px 0 6px 16px;margin:0 0 8px 10px}.header #site-nav .nav-dropdown a{font:400 14px/1.6 Geist,sans-serif;padding:12px 10px;min-height:44px}.header .nav-submenu>summary{white-space:normal}.header .nav-submenu[open]>summary:after{transform:rotate(45deg)}}
/* Mobile hero: clear type hierarchy and a full-width product model. */
@media(max-width:700px){
 .hero-copy{padding:36px 6% 32px 22%;min-height:0}
 .hero-copy h1{font-size:clamp(30px,8.5vw,48px);line-height:1.12;letter-spacing:-.02em;hyphens:manual}
 .hero-copy .eyebrow{font-size:10px;line-height:1.5;margin-bottom:24px}
 .hero-copy .hero-description{font-size:16px;line-height:1.6;margin:24px 0;max-width:34ch}
 .hero-copy>.primary{font-size:15px;padding:17px 15px;min-height:54px}
 .hero-copy .hero-bottom{font-size:11px;line-height:1.6;margin-top:30px;gap:16px}
 .hero-engineering{padding:22px 6% 0}
 .hero-engineering .model{display:flex;flex-direction:column;gap:12px}
 .hero-engineering .axis{display:none}
 .hero-engineering .stack{width:100%;max-width:none;height:auto;aspect-ratio:2/3;align-self:center}
 .hero-engineering .model-labels{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:22px 18px;padding:0 0 12px}
 .model-labels button{height:100%;align-self:stretch;padding:12px 0 0;text-align:left}
 .model-labels button:before{display:none}.model-labels strong{font-size:18px;line-height:1.3}.model-labels small{font-size:12px;line-height:1.5}
 .partners-grid.is-carousel .partner-tile{flex:0 0 100%;min-height:200px;padding:24px;scroll-snap-align:start}
 .partners-grid.is-carousel .partner-crop{max-width:240px}
}

/* Each mobile homepage section fills the usable screen; long content can grow. */
@media(max-width:700px){
 .home-page{--mobile-screen:calc(100svh - var(--header-height))}
 .home-page .hero{min-height:0;height:auto;display:flex;flex-direction:column}
 .home-page .hero-copy,.home-page .hero-engineering,
 .home-page .products,.home-page .calculator,
 .home-page main>.showcase,.home-page main>.company-section,
 .home-page main>.contact-section,
 .home-page>.site-footer{min-height:var(--mobile-screen);scroll-margin-top:var(--header-height)}
 .home-page .hero-copy{justify-content:center}
 .home-page .hero-engineering{height:auto;padding-block:16px 0;overflow:visible}
 .home-page .hero-engineering .model{flex:1;justify-content:space-evenly;gap:12px}
 .home-page .hero-engineering .stack{height:clamp(220px,calc(var(--mobile-screen) - 405px),540px);width:auto;max-width:100%;flex:none}
 .home-page .hero-engineering .model-labels{width:100%;gap:14px 18px;padding-bottom:4px}
 .home-page .model-labels strong{font-size:16px}
 .home-page .model-labels small{font-size:11px;line-height:1.4}
 .home-page .part-num{margin-bottom:6px}
 .home-page .model-caption{margin-top:12px;min-height:42px}
 .home-page .calculation-screen{min-height:0;padding:0;gap:0}
 .home-page .products{display:flex;flex-direction:column;justify-content:center;padding-block:28px}
 .home-page .calculator{align-content:center;padding-block:28px}
 .home-page main>.showcase,.home-page main>.company-section,.home-page main>.partners-section{display:flex;flex-direction:column;justify-content:center}
 .home-page main>.contact-section{align-content:center}
 .home-page main>.partners-section{min-height:0;justify-content:flex-start;padding-block:32px}
}

@media(max-width:700px){.partner-crop img{filter:none}}