:root{
  --ink:#0d0f0e;
  --paper:#f3f0e8;
  --white:#fff;
  --muted:#686d69;
  --line:rgba(13,15,14,.16);
  --line-light:rgba(255,255,255,.18);
  --accent:#d8ff43;
  --max:1440px;
  --gutter:clamp(20px,4.3vw,76px);
  --space:clamp(56px,7vw,110px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Satoshi","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
::selection{background:var(--accent);color:var(--ink)}
.skip-link{position:fixed;left:12px;top:12px;z-index:1000;padding:10px 14px;background:var(--accent);color:var(--ink);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.container{width:min(calc(100% - (var(--gutter)*2)),var(--max));margin-inline:auto}
.eyebrow{margin:0 0 20px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--muted)}
.eyebrow.light{color:rgba(255,255,255,.56)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.042em;line-height:1.01;text-wrap:balance}
h1{font-size:clamp(46px,5.2vw,76px);margin-bottom:20px}
h2{font-size:clamp(34px,3.6vw,50px);margin-bottom:18px}
h3{font-size:clamp(23px,1.9vw,30px);margin-bottom:12px}
.lead{font-size:clamp(18px,1.45vw,23px);line-height:1.36;letter-spacing:-.015em;text-wrap:pretty}
.section{padding:var(--space) 0}
.section.dark{background:var(--ink);color:var(--white)}
.section.accent{background:var(--accent);color:var(--ink)}
.section-head{display:grid;grid-template-columns:1.25fr .62fr;gap:6vw;align-items:end;margin-bottom:clamp(30px,3.6vw,48px)}
.section-head>p{max-width:520px;color:var(--muted);margin-bottom:0}
.dark .section-head>p{color:rgba(255,255,255,.57)}
.text-link{display:inline-block;margin-top:28px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:var(--white);border-color:var(--white);transform:translateY(-1px)}
.button.dark-button{background:var(--ink);color:var(--white);border-color:var(--ink)}
.button.dark-button:hover{background:#272b29;border-color:#272b29}
.button.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.button.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px}


/* Better line endings: avoid orphaned final words */
p,li{overflow-wrap:normal}
.section-head>p,.selected-product-copy p,.supply-card p,.factory-copy p,.detail-card p,.image-proof-copy p,.contact-details p{ text-wrap:pretty; }

/* Proof bar */
.proof-bar{background:var(--ink);color:rgba(255,255,255,.68)}
.proof-bar .container{display:flex;flex-wrap:wrap;gap:8px 34px;padding:16px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}

/* Path split (cooperation models) */
.path-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.path-card{display:block;padding:30px clamp(22px,2.5vw,36px);background:var(--white);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.path-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.path-card small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:14px}
.path-card h3{font-size:clamp(21px,1.85vw,28px);margin-bottom:10px;letter-spacing:-.03em;line-height:1.08}
.path-card p{color:var(--muted);margin-bottom:0;max-width:440px}
.path-card span.path-link{display:inline-block;margin-top:20px;font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}

/* Header */
.site-header{position:fixed;z-index:100;left:0;right:0;top:0;height:86px;display:flex;align-items:center;color:#fff;transition:background .25s,border-color .25s,backdrop-filter .25s}
.site-header.is-scrolled,.site-header.solid{background:rgba(13,15,14,.94);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}
.header-inner{width:100%;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}
.logo{width:clamp(132px,12vw,190px);position:relative;z-index:110}
.logo img{width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:clamp(22px,2.7vw,45px);font-size:12px;font-weight:650}
.site-nav a{position:relative;padding:8px 0}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:right .25s}
.site-nav a:hover:after,.site-nav a[aria-current="page"]:after{right:0}
.menu-toggle{display:none;position:relative;z-index:110;width:42px;height:42px;border:0;background:transparent;color:#fff}
.menu-toggle span{position:absolute;left:9px;right:9px;height:1px;background:currentColor;transition:.25s}
.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}
.menu-toggle[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

/* Home hero */
.hero{position:relative;min-height:100svh;background:#111 url(../media/hero-poster.jpg) center/cover no-repeat;color:#fff;overflow:hidden}
.hero video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.36) 58%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 55%)}
.hero-content{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:150px var(--gutter) 116px}
.hero-content-inner{width:min(100%,1250px)}
.hero .eyebrow{color:rgba(255,255,255,.65)}
.hero h1{max-width:980px}
.hero-copy{max-width:800px;font-size:clamp(17px,1.25vw,21px);line-height:1.42;color:rgba(255,255,255,.82);margin-bottom:26px;text-wrap:pretty}
.hero-strip{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.15);backdrop-filter:blur(5px)}
.hero-strip span{padding:17px var(--gutter);border-right:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hero-strip span:last-child{border-right:0}

/* Home statement */
.statement{display:grid;grid-template-columns:.62fr 1.38fr;gap:8vw;align-items:start}
.statement h2{grid-column:1/-1;max-width:1160px;margin-bottom:44px}
.statement-copy{grid-column:2;max-width:840px}
.statement-copy p:last-child{max-width:720px;color:var(--muted);line-height:1.72}

/* Workspace categories */
.workspace-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.workspace-card{position:relative;min-height:400px;background:#171a18;color:#fff;overflow:hidden}
.workspace-card.wide{grid-column:1/-1;min-height:500px}
.workspace-card.tall{min-height:440px}
.workspace-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:saturate(.82)}
.workspace-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 56%)}
.workspace-card div{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}
.workspace-card strong{display:block;font-size:clamp(22px,2.05vw,32px);letter-spacing:-.032em;line-height:1.06}
.workspace-card span{display:block;margin-top:8px;color:rgba(255,255,255,.68);font-size:13px}
.workspace-card:hover img{transform:scale(1.025)}


/* Selected range */
.selected-range{background:#f1f0eb}
.selected-product-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:12px;align-items:start}
.selected-product{background:var(--white);display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid rgba(0,0,0,.08)}
.selected-product.feature{grid-column:span 2;grid-row:span 2}
.selected-product-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#ddd}
.selected-product.feature .selected-product-image{aspect-ratio:16/10}
.selected-product-image.landscape{aspect-ratio:16/10}
.selected-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease;filter:saturate(.92)}
.selected-product:hover .selected-product-image img{transform:scale(1.018)}
.selected-product-copy{padding:18px 20px 22px;min-height:120px}
.selected-product-copy small{display:block;margin-bottom:9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.selected-product-copy h3{font-size:clamp(21px,1.5vw,26px);line-height:1.1;letter-spacing:-.028em;margin:0 0 8px}
.selected-product.feature .selected-product-copy h3{font-size:clamp(25px,1.9vw,32px)}
.selected-product-copy p{margin:0;max-width:520px;color:var(--muted);line-height:1.5;font-size:13px}
.selected-range-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.18)}
.selected-range-footer p{margin:0;max-width:860px;color:var(--muted);font-size:15px;line-height:1.45;text-wrap:pretty}
.selected-range-footer .text-link{margin-top:0;white-space:nowrap}

/* Manufacturing */
.capability-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:12px}
.capability{position:relative;min-height:330px;background:#161918;overflow:hidden}
.capability.large{grid-row:span 2;min-height:672px}
.capability img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.capability:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84),transparent 60%)}
.capability-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.capability-copy small{color:rgba(255,255,255,.55);font-size:11px}
.capability-copy h3{margin:9px 0 12px}
.capability-copy p{max-width:480px;color:rgba(255,255,255,.67);margin-bottom:0}


/* Supply model */
.supply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.supply-card{background:#171a18;border:1px solid rgba(255,255,255,.16);padding:28px 26px;min-height:190px;display:flex;flex-direction:column}
.supply-card h3{font-size:clamp(21px,1.5vw,26px);line-height:1.1;letter-spacing:-.025em;margin-bottom:12px}
.supply-card p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.55;max-width:380px}
#supply-model .text-link{color:#fff;margin-top:28px}

/* Partnership */
.partner-layout{display:grid;grid-template-columns:1fr .92fr;gap:7vw}
.partner-layout h2{max-width:800px}
.partner-copy>p:not(.lead){max-width:620px;line-height:1.72}
.source-list{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid rgba(0,0,0,.3)}
.source-list span{padding:15px 0;border-bottom:1px solid rgba(0,0,0,.3);font-size:13px;font-weight:700}
.source-list span:nth-child(even){padding-left:22px;border-left:1px solid rgba(0,0,0,.3)}

/* Image proof */
.image-proof{position:relative;min-height:620px;color:#fff;background:#111;overflow:hidden}
.image-proof img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.image-proof:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.08))}
.image-proof-copy{position:relative;z-index:2;padding:clamp(56px,7vw,96px) var(--gutter);max-width:980px}
.image-proof h2{max-width:1050px}
.image-proof-copy p:last-child{max-width:590px;color:rgba(255,255,255,.72)}

/* Factory and facts */
.factory-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center}
.factory-copy p:not(.eyebrow){max-width:560px;color:rgba(255,255,255,.64);line-height:1.72}
.factory-layout img{width:100%;height:min(73vw,820px);object-fit:cover}
.facts{padding-top:0}
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-light)}
.fact-grid>div{min-height:230px;padding:30px 22px 0;border-right:1px solid var(--line-light)}
.fact-grid>div:first-child{padding-left:0}.fact-grid>div:last-child{border-right:0}
.fact-grid strong{display:block;font-size:clamp(40px,4.3vw,64px);line-height:1;letter-spacing:-.05em}
.fact-grid span{display:block;max-width:220px;margin-top:12px;color:rgba(255,255,255,.54);font-size:12px;line-height:1.45}

/* Final CTA */
.final-cta{text-align:center;padding:clamp(82px,10vw,150px) var(--gutter)}
.final-cta h2{max-width:1280px;margin:0 auto;text-wrap:balance}
.final-cta>p:not(.eyebrow){max-width:760px;margin:24px auto 0;color:var(--muted);text-wrap:pretty}
.final-cta .button{margin-top:38px}

/* Subpages */
.page-hero{padding:clamp(145px,16vw,220px) 0 clamp(72px,8vw,110px);background:var(--ink);color:#fff}
.page-hero h1{max-width:980px}
.page-hero .page-lead{max-width:820px;font-size:clamp(18px,1.45vw,23px);line-height:1.42;color:rgba(255,255,255,.72);text-wrap:pretty}
.split-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw}
.split-intro>div{max-width:900px}
.split-intro>div p:last-child{max-width:690px;color:var(--muted);line-height:1.72}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.detail-card{background:#fff;padding-bottom:28px}
.detail-card img{width:100%;height:360px;object-fit:cover}
.detail-card h3,.detail-card p{margin-left:24px;margin-right:24px}
.detail-card h3{font-size:26px;margin-top:18px}
.detail-card p{color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-light)}
.process-grid div{display:flex;flex-direction:column;min-height:220px;padding:23px 20px;border-right:1px solid var(--line-light)}
.process-grid div:first-child{padding-left:0}.process-grid div:last-child{border-right:0}
.process-grid span{font-size:11px;color:rgba(255,255,255,.52)}
.process-grid strong{margin-top:auto;font-size:22px}
.company-image{width:100%;height:min(62vw,850px);object-fit:cover}
.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}
.contact-layout h2{font-size:clamp(34px,3.6vw,50px)}
.contact-details{margin-top:48px;display:grid;gap:25px}
.contact-details strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700}
.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;outline:0}
.contact-form input:focus,.contact-form textarea:focus{border-bottom-width:2px}
.contact-form select{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;outline:0;-webkit-appearance:none;appearance:none;border-radius:0}
.contact-form .full{grid-column:1/-1}
.contact-form .hp{position:absolute;left:-9999px}
.contact-form button{justify-self:start}
.form-status{grid-column:1/-1;min-height:25px;margin:0;font-size:13px}
.form-status.is-success{color:#245d1f}.form-status.is-error{color:#9c2424}

/* Footer */
.site-footer{display:grid;grid-template-columns:.62fr 1.5fr .42fr;gap:48px;padding:64px var(--gutter) 28px;background:var(--ink);color:#fff}
.site-footer>img{width:170px;height:auto}
.site-footer p{color:rgba(255,255,255,.56);margin-bottom:9px;text-wrap:pretty}.site-footer>div>p:first-child{max-width:720px;text-wrap:balance}
.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}
.footer-legal{grid-column:1/-1;margin-top:52px;padding-top:20px;border-top:1px solid var(--line-light);font-size:11px}

/* Legal */
.legal{max-width:900px;padding-top:170px;padding-bottom:120px}
.legal h1{font-size:clamp(44px,5vw,72px)}
.legal h2{font-size:28px;line-height:1.1;letter-spacing:-.03em;margin:50px 0 12px}
.legal p,.legal li{color:var(--muted)}
.legal a{text-decoration:underline}

/* Motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero video{display:none}}


@media(min-width:961px) and (max-height:900px){
  .hero-content{padding-top:132px;padding-bottom:96px}
  .hero h1{font-size:clamp(46px,5vw,72px)}
  .hero-copy{font-size:clamp(17px,1.3vw,21px);margin-bottom:24px}
  .workspace-card{min-height:360px}
  .workspace-card.wide{min-height:440px}
  .workspace-card.tall{min-height:400px}
  .selected-product.feature .selected-product-image{aspect-ratio:16/9}
  .selected-product-image,.selected-product-image.landscape{aspect-ratio:16/10}
  .selected-product-copy{padding:16px 18px 18px;min-height:102px}
  .selected-product-copy h3{font-size:clamp(20px,1.45vw,26px)}
  .selected-product.feature .selected-product-copy h3{font-size:clamp(23px,1.7vw,29px)}
  .capability{min-height:290px}
  .capability.large{min-height:592px}
  .capability-copy{left:20px;right:20px;bottom:18px}
  .detail-card img{height:320px}
}
@media(max-width:960px){
  .supply-grid{grid-template-columns:1fr}
  .supply-card{min-height:0}
  .menu-toggle{display:block}
  .site-nav{position:fixed;inset:0;z-index:105;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:17px;padding:35px;background:var(--ink);font-size:32px;transform:translateX(100%);transition:transform .3s ease}
  .site-nav.is-open{transform:none}
  .section-head,.statement,.partner-layout,.factory-layout,.split-intro,.contact-layout{grid-template-columns:1fr}
  .statement h2,.statement-copy{grid-column:auto}
  .workspace-grid{grid-template-columns:1fr}
  .workspace-card.wide{grid-column:auto}
  .selected-product-grid{grid-template-columns:1fr 1fr}
  .selected-product.feature{grid-column:1/-1;grid-row:auto}
  .capability-grid{grid-template-columns:1fr}
  .capability.large{grid-row:auto;min-height:680px}
  .capability{min-height:680px}
  .factory-layout img{height:70vw;min-height:540px}
  .fact-grid{grid-template-columns:repeat(2,1fr)}
  .fact-grid>div:nth-child(2){border-right:0}
  .detail-grid{grid-template-columns:1fr}
  .detail-card img{height:65vw;min-height:470px}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid div:nth-child(even){border-right:0}
  .site-footer{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .supply-card{padding:24px 22px}
  body{font-size:16px}
  .site-header{height:74px}
  .logo{width:132px}
  .hero-content{padding-top:125px;padding-bottom:136px}
  .hero h1{font-size:14vw;line-height:.98}
  .hero-copy{font-size:18px;max-width:95%}
  .hero-strip{grid-template-columns:repeat(2,1fr)}
  .hero-strip span{padding:14px 20px}
  .hero-strip span:nth-child(2){border-right:0}
  .hero-strip span:nth-child(n+3){border-top:1px solid rgba(255,255,255,.2)}
  .statement h2{font-size:13vw;line-height:1}
  .workspace-card,.workspace-card.tall,.workspace-card.wide{min-height:500px}
  .capability,.capability.large{min-height:530px}
  .selected-product-grid{grid-template-columns:1fr}
  .selected-product.feature{grid-column:auto}
  .selected-product.feature .selected-product-image,.selected-product-image,.selected-product-image.landscape{aspect-ratio:16/10}
  .selected-range-footer{align-items:flex-start;flex-direction:column}
  .source-list{grid-template-columns:1fr}
  .source-list span:nth-child(even){padding-left:0;border-left:0}
  .image-proof{min-height:690px}
  .factory-layout img{height:120vw;min-height:0}
  .fact-grid{grid-template-columns:1fr}
  .fact-grid>div{min-height:145px;border-right:0;border-bottom:1px solid var(--line-light);padding-left:0}
  .process-grid{grid-template-columns:1fr}
  .process-grid div{border-right:0;border-bottom:1px solid var(--line-light)}
  .contact-form{grid-template-columns:1fr}
  .contact-form .full{grid-column:auto}
  .path-split{grid-template-columns:1fr}
  .hero-cta-row{flex-direction:column;align-items:flex-start}
  .hero-cta-row .button{width:100%}
  .site-footer{grid-template-columns:1fr;gap:32px}
  .page-hero h1{font-size:13vw;line-height:.99}
  .detail-card img{height:120vw;min-height:0}
}

/* V4.4.1 final compact desktop pass */
@media(min-width:961px){
  /* Product range: equal, clean cards */
  .selected-range{padding-top:clamp(48px,5.5vw,78px);padding-bottom:clamp(48px,5.5vw,78px)}
  .selected-range .section-head{margin-bottom:24px}
  .selected-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
  .selected-product.feature{grid-column:auto;grid-row:auto}
  .selected-product,.selected-product.feature{height:100%}
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{aspect-ratio:16/8.8}
  .selected-product-copy{padding:14px 18px 16px;min-height:94px}
  .selected-product-copy small{margin-bottom:6px}
  .selected-product-copy h3,
  .selected-product.feature .selected-product-copy h3{font-size:clamp(20px,1.45vw,27px);margin-bottom:6px}
  .selected-product-copy p{font-size:12.5px;line-height:1.42}
  .selected-range-footer{margin-top:16px;padding-top:16px}

  /* Workspace cards: one compact composition */
  .workspace-card.wide{min-height:410px}
  .workspace-card.tall{min-height:360px}
  .workspace-card div{left:22px;right:22px;bottom:20px}

  /* Manufacturing: large left / visibly smaller right stack */
  .capability-grid{grid-template-columns:1.18fr .82fr;gap:12px}
  .capability{min-height:260px}
  .capability.large{min-height:532px}
  .capability-copy h3{font-size:clamp(26px,2.2vw,36px)}
  .capability-copy p{font-size:13px;line-height:1.45}

  /* Keep sections screen-friendly on laptops */
  .section{padding-top:clamp(50px,6vw,86px);padding-bottom:clamp(50px,6vw,86px)}
  .section-head h2{font-size:clamp(36px,4.2vw,64px)}
  .statement h2{font-size:clamp(40px,4.5vw,68px)}
  .image-proof{min-height:540px}
  .detail-card img{height:310px}
}

@media(min-width:961px) and (max-height:820px){
  .selected-range{padding-top:42px;padding-bottom:42px}
  .selected-range .section-head{margin-bottom:18px}
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{aspect-ratio:16/7.7}
  .selected-product-copy{padding:12px 16px 14px;min-height:82px}
  .selected-product-copy h3,
  .selected-product.feature .selected-product-copy h3{font-size:22px}
  .selected-product-copy p{font-size:12px}
  .selected-range-footer{margin-top:12px;padding-top:12px}
  .capability{min-height:235px}
  .capability.large{min-height:482px}
}

/* V4.4.2 — compact screen-fit layout */
@media(min-width:961px){
  /* Workspace categories: all cards aligned in one compact row */
  .workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
  .workspace-card,
  .workspace-card.wide,
  .workspace-card.tall{grid-column:auto;min-height:300px;height:300px}
  .workspace-card div{left:20px;right:20px;bottom:18px}
  .workspace-card strong{font-size:clamp(20px,1.7vw,27px)}
  .workspace-card span{font-size:12px;line-height:1.4;max-width:390px}

  /* On workspace.html, keep the five category cards compact as well */
  .workspace-grid .workspace-card:nth-child(n+4){min-height:280px;height:280px}

  /* Manufacturing composition: one anchor + two genuinely smaller cards */
  .capability-grid{grid-template-columns:1.25fr .75fr;gap:10px}
  .capability{min-height:220px;height:220px}
  .capability.large{grid-row:span 2;min-height:450px;height:450px}
  .capability-copy{left:20px;right:20px;bottom:17px}
  .capability-copy h3{font-size:clamp(23px,1.8vw,31px);margin:6px 0 8px}
  .capability-copy p{font-size:12px;line-height:1.4}

  /* Product cards remain equal and compact */
  .selected-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .selected-product.feature{grid-column:auto;grid-row:auto}
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{aspect-ratio:16/8.2}
  .selected-product-copy{min-height:84px;padding:12px 16px 14px}
  .selected-product-copy h3,
  .selected-product.feature .selected-product-copy h3{font-size:clamp(20px,1.4vw,25px)}

  /* General screen-fit discipline */
  .section{padding-top:clamp(42px,5vw,72px);padding-bottom:clamp(42px,5vw,72px)}
  .section-head{margin-bottom:clamp(22px,2.6vw,34px)}
  .detail-card img{height:280px}
}

@media(min-width:961px) and (max-height:820px){
  .workspace-card,
  .workspace-card.wide,
  .workspace-card.tall{min-height:255px;height:255px}
  .workspace-grid .workspace-card:nth-child(n+4){min-height:245px;height:245px}
  .workspace-card strong{font-size:22px}
  .workspace-card span{font-size:11.5px}
  .capability{min-height:195px;height:195px}
  .capability.large{min-height:400px;height:400px}
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{aspect-ratio:16/7.4}
}

/* V4.5 simplified homepage */
.home-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.home-product-card{position:relative;min-height:330px;background:#171a18;color:#fff;overflow:hidden}
.home-product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .5s ease}
.home-product-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%)}
.home-product-card div{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}
.home-product-card strong{display:block;font-size:clamp(21px,1.8vw,29px);letter-spacing:-.03em;line-height:1.05}
.home-product-card span{display:block;margin-top:7px;color:rgba(255,255,255,.72);font-size:13px}
.home-product-card:hover img{transform:scale(1.02)}
.compact-proof{min-height:520px}
@media(min-width:961px) and (max-height:900px){
  .home-product-card{min-height:270px}
  .compact-proof{min-height:430px}
  .home-products.section{padding-top:54px;padding-bottom:54px}
}
@media(max-width:960px){
  .supply-grid{grid-template-columns:1fr}
  .supply-card{min-height:0}.home-product-grid{grid-template-columns:1fr 1fr}.home-product-card:first-child{grid-column:1/-1}}
@media(max-width:640px){
  .supply-card{padding:24px 22px}.home-product-grid{grid-template-columns:1fr}.home-product-card:first-child{grid-column:auto}.home-product-card{min-height:360px}}

/* V4.7 - quieter typography, clearer catalogue CTA, restrained green accents */
h1{font-size:clamp(46px,5.2vw,76px)}
h2{font-size:clamp(32px,3.4vw,48px)}
h3{font-size:clamp(22px,1.8vw,30px)}
.page-hero h1{max-width:1000px}
.contact-layout h2{font-size:clamp(32px,3.4vw,48px)}

/* Use the brand green as a signal, not a background theme */
.eyebrow.light,.dark .eyebrow.light,.page-hero .eyebrow.light,.hero .eyebrow{color:var(--accent)}
.text-link{border-bottom:2px solid var(--accent)}
.proof-bar span{position:relative;padding-left:13px}
.proof-bar span:before{content:"";position:absolute;left:0;top:.58em;width:4px;height:4px;border-radius:50%;background:var(--accent)}
.home-product-card{outline:1px solid transparent;outline-offset:-1px;transition:outline-color .2s ease}
.home-product-card:hover{outline-color:var(--accent)}
.supply-card{position:relative;border-top:3px solid var(--accent)}
.selected-product{transition:border-color .2s ease}
.selected-product:hover{border-color:rgba(216,255,67,.8)}
.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:#8fab1a}

/* Catalogue is a utility CTA, not another content section */
.site-nav .nav-catalogue{padding:8px 13px;border:1px solid rgba(216,255,67,.7);color:var(--accent);line-height:1}
.site-nav .nav-catalogue:after{display:none}
.site-nav .nav-catalogue:hover{background:var(--accent);color:var(--ink)}
.footer-catalogue{color:var(--accent)}

/* Cleaner contact form */
.consent-label{grid-template-columns:20px 1fr;align-items:start;font-weight:400!important;color:var(--muted)}
.consent-label input{width:16px!important;height:16px;margin-top:3px}
.consent-label a{text-decoration:underline}
.contact-form{gap:22px 26px}
.contact-form textarea{min-height:130px;resize:vertical}

@media(min-width:961px) and (max-height:900px){
  .hero h1{font-size:clamp(44px,5vw,72px)}
  .section-head h2{font-size:clamp(30px,3.2vw,46px)}
  .page-hero{padding-top:135px;padding-bottom:66px}
}
@media(max-width:960px){
  .site-nav .nav-catalogue{margin-top:8px;border-color:var(--accent);color:var(--accent);padding:12px 16px}
}
@media(max-width:640px){
  .hero h1{font-size:11vw}
  .statement h2{font-size:10.5vw}
  .page-hero h1{font-size:10.8vw}
}

/* Catalogue placeholder — final PDF will be connected later */
.catalogue-placeholder{cursor:default}
.button.catalogue-placeholder:hover{background:transparent;border-color:rgba(255,255,255,.5);color:#fff;transform:none}
.nav-catalogue.catalogue-placeholder,.footer-catalogue.catalogue-placeholder{opacity:.92}

/* V4.7.2 final typography and line-wrap guard */
@media(min-width:961px){
  h1{font-size:clamp(46px,5.2vw,76px)}
  h2{font-size:clamp(32px,3.4vw,48px)}
  h3{font-size:clamp(22px,1.8vw,30px)}
  .hero h1{font-size:clamp(46px,5vw,72px)}
  .page-hero h1{font-size:clamp(46px,5vw,72px)}
  .contact-layout h2{font-size:clamp(32px,3.4vw,48px)}
  .final-cta h2{font-size:clamp(34px,3.35vw,48px);max-width:1280px}
  .site-footer p{font-size:15px;line-height:1.45}
}


/* V4.7.3 — product-first presentation and fuller desktop photography */
@media(min-width:961px){
  /* Five concise proof points, kept on one calm line on desktop */
  .proof-bar .container{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    align-items:center;
  }
  .proof-bar span{
    white-space:nowrap;
    padding-right:18px;
  }

  /* Homepage: closer to the mobile framing — more product, less crop */
  .home-product-card{
    min-height:0;
    aspect-ratio:1/1;
  }
  .home-product-card img{
    transform:none;
  }
  .home-product-card.card-desk img{object-position:50% 47%}
  .home-product-card.card-lockers img{object-position:50% 52%}
  .home-product-card.card-seating img{object-position:50% 54%}
  .home-product-card:hover img{transform:scale(1.012)}

  /* Products: fuller, equal photography instead of shallow banner crops */
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{
    aspect-ratio:1/1;
  }
  .selected-product.product-desk img{object-position:50% 47%}
  .selected-product.product-pedestal img{object-position:50% 52%}
  .selected-product.product-wood-storage img{object-position:50% 50%}
  .selected-product.product-steel-storage img{object-position:50% 51%}
  .selected-product.product-lockers img{object-position:50% 52%}
  .selected-product.product-seating img{object-position:50% 53%}
  .selected-product:hover .selected-product-image img{transform:scale(1.012)}
  .selected-product-copy{min-height:112px;padding:16px 18px 18px}
  .selected-product-copy p{max-width:100%}
}

/* Slightly wider crop on short laptop screens, while still showing far more than V4.7.2 */
@media(min-width:961px) and (max-height:820px){
  .home-product-card{aspect-ratio:1.12/1}
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{aspect-ratio:1.08/1}
}

@media(max-width:960px){
  .proof-bar .container{gap:8px 24px}
}


/* V4.8 — balanced product + manufacturing launch pass */
.catalogue-placeholder[hidden]{display:none!important}
@media(min-width:961px){
  .hero-content-inner{max-width:1040px}
  .hero h1{max-width:900px}
  .hero-copy{max-width:900px}
  .home-product-card.card-lockers img{object-position:50% 50%}
  .home-product-card.card-seating img{object-position:50% 50%}
  .selected-product.product-steel-storage img{object-position:50% 50%}
  .selected-product.product-lockers img{object-position:50% 50%}
  .selected-product.product-seating img{object-position:50% 52%}
  .detail-card img{object-position:center center}
  .factory-layout img{object-position:50% 55%}
  .compact-proof img{object-position:50% 50%}
}
@media(max-width:640px){
  .hero h1{font-size:10.6vw}
  .hero-copy{max-width:100%}
  .home-product-card.card-lockers img{object-position:50% 50%}
  .home-product-card.card-seating img{object-position:50% 50%}
}


/* V4.8.1 — four clear product families + final positioning polish */
@media(min-width:961px){
  .home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .home-product-card{aspect-ratio:1/1.02;}
  .home-product-card.card-wood img{object-position:50% 50%;}
  .home-product-card.card-steel img{object-position:50% 50%;}
  .selected-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;}
  .selected-product.feature{grid-column:auto;grid-row:auto;}
  .selected-product-image,
  .selected-product.feature .selected-product-image,
  .selected-product-image.landscape{aspect-ratio:4/3;}
  .selected-product-copy{min-height:124px;}
}
@media(min-width:961px) and (max-width:1180px){
  .home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-product-card{aspect-ratio:1.18/1;}
}
@media(max-width:960px) and (min-width:641px){
  .home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-product-card:first-child{grid-column:auto;}
}
@media(max-width:640px){
  .home-product-card.card-wood img{object-position:50% 50%;}
  .home-product-card.card-steel img{object-position:50% 50%;}
}


/* V4.8.2 — iOS Safari mobile menu stability
   When the header is scrolled, backdrop-filter can make a fixed child use the
   header as its containing block in WebKit. Disable the filter while the menu
   is open so the navigation always covers the full viewport. */
@media(max-width:960px){
  body.menu-open .site-header{
    background:transparent!important;
    border-bottom-color:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .site-nav{
    width:100vw;
    height:100vh;
    min-height:100vh;
    max-height:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#0d0f0e;
  }
  @supports(height:100dvh){
    .site-nav{height:100dvh;min-height:100dvh;}
  }
}