:root{
  --deep:#264D2C; --deep-2:#2F5233; --deeper:#18331D;
  --sage:#7A9A7E; --sage-2:#6C8C70; --sage-light:#DDE6DB;
  --white:#fff; --neutral:#F3F3EE; --neutral-2:#E8EBE3;
  --ink:#16241A; --muted:#55635A; --line:rgba(22,36,26,.12);
  --head:'Outfit', 'Montserrat', system-ui, sans-serif;
  --body:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wrap:1280px; --header:80px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
html,body{overflow-x:clip}
body{font-family:var(--body);color:var(--ink);background:var(--white);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.08;letter-spacing:-.015em}
h2{font-size:clamp(2.2rem,4vw,3.6rem);color:var(--deep)}
h3{font-size:1.3rem;font-weight:600;letter-spacing:-.005em}
.accent{color:var(--sage)}
.eyebrow{font-family:var(--head);font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#CFE0CC;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:28px;height:3px;background:var(--sage)}
.eyebrow.dark{color:var(--sage-2)}
.lead{font-size:1.15rem;color:var(--ink)}
p+p{margin-top:1em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--head);font-size:.92rem;font-weight:600;letter-spacing:.02em;padding:15px 28px;border:2px solid transparent;cursor:pointer;transition:all .25s ease;white-space:nowrap}
.btn-white{background:#fff;color:var(--deep)}
.btn-white:hover{background:var(--sage-light)}
.btn-line{color:#fff;border-color:rgba(255,255,255,.75)}
.btn-line:hover{background:#fff;color:var(--deep)}
.btn-deep{background:var(--deep);color:#fff}
.btn-deep:hover{background:var(--deeper)}
.btn-sage{background:var(--sage);color:#fff}
.btn-sage:hover{background:var(--sage-2)}
.btn-block{width:100%}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}

/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--header);color:#fff;transition:background .3s,box-shadow .3s}
.site-header.scrolled{background:rgba(24,51,29,.96);backdrop-filter:blur(10px);box-shadow:0 8px 24px -16px rgba(0,0,0,.5)}
.header-inner{height:100%;display:flex;align-items:center;gap:36px}
.logo{display:flex;align-items:center;flex:none}
.logo img{height:46px;width:auto}
.footer-logo img{height:58px}
.main-nav{margin-left:auto;display:flex;gap:26px}
.main-nav a{font-family:var(--head);font-size:.95rem;font-weight:500;position:relative;padding:6px 0;opacity:.92}
.main-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--sage);transition:width .3s}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.header-cta{padding:12px 20px}
.menu-toggle{display:none;background:none;border:0;width:36px;height:36px;cursor:pointer;flex-direction:column;justify-content:center;gap:7px;margin-left:auto;color:inherit}
.menu-toggle span{display:block;height:2px;background:currentColor;width:26px;transition:transform .3s}
.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-open .menu-toggle span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

/* feature: full-bleed photo + left headline + staggered panels */
.feature{position:relative;color:#fff;overflow:hidden;padding:150px 0 130px}
.feature-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,24,13,.78) 0%,rgba(10,24,13,.45) 45%,rgba(10,24,13,.2) 100%)}
.feature-grid{position:relative;display:grid;grid-template-columns:1fr minmax(0,560px);gap:80px;align-items:center}
.feature-lead h1{font-size:clamp(2.8rem,5.6vw,5.2rem);font-weight:700;color:#fff;max-width:11ch}
.feature-lead h2{color:#fff;font-size:clamp(2.4rem,4.4vw,4.2rem);max-width:12ch}
.feature-text{font-size:1.12rem;max-width:30rem;margin-top:28px;color:rgba(255,255,255,.9)}
.panel-stack{display:flex;flex-direction:column;gap:22px}
.panel{padding:26px 32px 28px;color:#fff;backdrop-filter:blur(3px);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.panel.deep{background:rgba(38,77,44,.93)}
.panel.sage{background:rgba(122,154,126,.9)}
.panel-stack .panel:nth-child(odd){margin-left:48px}
.panel-stack .panel:nth-child(even){margin-right:48px}
.panel h3{color:#fff;font-size:1.35rem;margin-bottom:10px}
.panel p{font-size:.92rem;line-height:1.65;color:rgba(255,255,255,.92)}
.panel .more{overflow:hidden}
.panel .more{max-height:0;transition:max-height .5s ease}
.panel.open .more{max-height:60em}
.panel .more p:first-child{margin-top:1em}
.read-more{margin-top:14px;background:none;border:0;border-bottom:2px solid rgba(255,255,255,.7);padding:0 0 3px;font-family:var(--head);font-size:.82rem;font-weight:600;letter-spacing:.06em;color:#fff;cursor:pointer}
.badges{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.badges li{font-family:var(--head);font-size:.74rem;font-weight:600;letter-spacing:.06em;color:#fff;border:1.5px solid rgba(255,255,255,.6);padding:4px 10px}

/* hero */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:130px 0 90px}
.hero .feature-bg{object-position:center 60%}
.hero .feature-shade{background:linear-gradient(90deg,rgba(10,24,13,.72) 0%,rgba(10,24,13,.38) 50%,rgba(10,24,13,.15) 100%),linear-gradient(180deg,rgba(10,24,13,.45) 0%,transparent 25%,transparent 70%,rgba(10,24,13,.4) 100%)}
.panel-stack.compact{gap:16px;max-width:420px;justify-self:end;width:100%}
.panel-stack.compact .panel{padding:20px 28px}
.panel-stack.compact strong{display:block;font-family:var(--head);font-size:1.6rem;font-weight:700;line-height:1.15}
.panel-stack.compact p{font-size:.9rem;margin-top:2px}
.panel-stack.compact .panel:nth-child(odd){margin-left:36px}
.panel-stack.compact .panel:nth-child(even){margin-right:36px}

/* strengths */
.strengths .feature-shade{background:linear-gradient(90deg,rgba(12,34,17,.85) 0%,rgba(18,48,25,.6) 50%,rgba(24,60,32,.45) 100%)}
.strengths .feature-grid{align-items:start}
.strengths .feature-lead{position:sticky;top:130px}
.equation{font-family:var(--head);font-weight:800;font-size:clamp(3.4rem,6vw,5.6rem);line-height:1;margin-top:48px;color:#fff;letter-spacing:-.02em}
.equation-note{font-size:.95rem;color:#CFE0CC;max-width:24rem;margin-top:12px}

/* sustainability */
.sustainability .feature-shade{background:linear-gradient(90deg,rgba(8,22,11,.8) 0%,rgba(8,22,11,.5) 45%,rgba(8,22,11,.2) 100%)}

/* sections */
.section{padding:120px 0}
.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:56px}
.head-note{color:var(--muted);max-width:30rem;justify-self:end}

/* about */
.about{background:var(--white)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.about-text h2{margin-bottom:30px}
.about-text p:not(.eyebrow):not(.lead){color:var(--muted)}
.about-text .lead{margin-bottom:1.1em}
.about-media{position:relative}
.about-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.about-media figcaption{position:absolute;left:-28px;bottom:36px;background:var(--deep);color:#fff;font-family:var(--head);font-weight:600;font-size:1rem;padding:18px 26px;box-shadow:0 18px 40px -20px rgba(0,0,0,.5)}
.about-media::after{content:"";position:absolute;right:-22px;top:-22px;width:120px;height:120px;background:var(--sage);z-index:-1}
.statement{margin-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.statement blockquote{font-family:var(--head);font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;color:var(--deep);padding-left:28px;border-left:6px solid var(--sage)}
.statement-body{color:var(--muted);font-size:1.03rem}

/* mission */
.mission{background:var(--neutral);padding:90px 0}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mv{background:#fff;padding:34px 30px;border-top:5px solid var(--deep)}
.mv:nth-child(even){border-top-color:var(--sage)}
.mv-label{font-family:var(--head);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-2);margin-bottom:14px}
.mv-text{font-family:var(--head);font-weight:600;font-size:1.3rem;line-height:1.35;color:var(--deep)}

/* gallery */
.products{background:var(--white)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:14px;grid-auto-flow:dense}
.tile{position:relative;overflow:hidden;background:var(--neutral-2);cursor:zoom-in}
.tile.t-wide{grid-column:span 2}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tile:hover img{transform:scale(1.05)}
.tile figcaption{position:absolute;left:0;bottom:0;padding:14px 20px;background:rgba(38,77,44,.94);color:#fff;display:flex;gap:14px;align-items:baseline;opacity:0;transform:translateY(8px);transition:all .35s}
.tile:nth-child(even) figcaption{background:rgba(122,154,126,.95)}
.tile:hover figcaption{opacity:1;transform:none}
.tile figcaption span{font-family:var(--head);font-weight:700;font-size:1.05rem}
.tile figcaption small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.center-cta{text-align:center;margin-top:50px}

/* innovation */
.innovation{background:var(--neutral)}
.innov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.innov{display:flex;flex-direction:column}
.innov-media{aspect-ratio:16/10;overflow:hidden}
.innov-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.innov:hover .innov-media img{transform:scale(1.04)}
.innov-body{padding:30px 32px 34px;color:#fff;display:flex;flex-direction:column;flex:1;margin:-46px 18px 0;position:relative}
.innov-body.deep{background:var(--deep)}
.innov-body.sage{background:var(--sage)}
.innov-body h3{font-size:1.9rem;color:#fff;margin:10px 0 8px}
.innov-body p{color:rgba(255,255,255,.9);font-size:.95rem}
.tag{font-family:var(--head);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.placeholder{margin:16px 0 26px;padding:10px 14px;border:1.5px dashed rgba(255,255,255,.55);font-size:.84rem;color:#fff!important}
.innov-body .btn{align-self:flex-start;margin-top:auto}
.tech-line{margin-top:54px;display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap}
.tech-label{font-family:var(--head);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tech-line ul{list-style:none;display:flex;gap:10px;flex-wrap:wrap}
.tech-line li{font-family:var(--head);font-weight:600;font-size:1rem;color:var(--deep);background:#fff;border:1.5px solid rgba(38,77,44,.25);padding:8px 16px}

/* trade */
.trade{background:var(--deep);color:#fff;padding:100px 0}
.trade-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.trade h2{color:#fff;font-size:clamp(2rem,3.4vw,3rem)}
.trade p:not(.eyebrow){color:rgba(255,255,255,.88);font-size:1.05rem}
.trade .actions{margin-top:30px}

/* contact */
.contact{background:var(--neutral)}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}
.contact-info h2{margin-bottom:24px}
.contact-info .lead{color:var(--muted);font-size:1.05rem;max-width:28rem}
.info-panels{margin-top:40px;display:flex;flex-direction:column;gap:16px}
.info-panels .panel{backdrop-filter:none}
.info-panels .panel:nth-child(1){margin-right:40px}
.info-panels .panel:nth-child(2){margin-left:40px}
.info-panels h3{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;opacity:.85}
.info-panels p{font-family:var(--head);font-size:1.2rem!important;font-weight:500;line-height:1.4}
.inquiry{background:#fff;padding:50px 50px;box-shadow:0 30px 60px -40px rgba(22,36,26,.35);border-top:6px solid var(--deep)}
.inquiry h3{font-size:1.9rem;color:var(--deep);margin-bottom:30px}
.inquiry .row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inquiry label{display:block;font-family:var(--head);font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--muted);margin-bottom:22px}
.inquiry input[type=text],.inquiry input[type=email],.inquiry textarea{display:block;width:100%;margin-top:8px;font-family:var(--body);font-size:1rem;font-weight:400;letter-spacing:0;color:var(--ink);background:var(--neutral);border:1.5px solid transparent;padding:12px 14px;outline:none;transition:border-color .25s;border-radius:0}
.inquiry textarea{resize:vertical}
.inquiry input:focus,.inquiry textarea:focus{border-color:var(--sage)}
.inquiry .invalid{border-color:#A4452F!important}
fieldset{border:0;margin-bottom:22px;display:flex;gap:10px;flex-wrap:wrap}
legend{font-family:var(--head);font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;float:left;width:100%}
.inquiry .chip{margin:0}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:10px 26px;border:1.5px solid rgba(38,77,44,.35);font-family:var(--head);font-weight:600;font-size:.9rem;color:var(--deep);cursor:pointer;transition:all .2s}
.chip input:checked+span{background:var(--deep);color:#fff;border-color:var(--deep)}
.chip input:focus-visible+span{outline:2px solid var(--sage);outline-offset:2px}
.form-note{margin-top:14px;font-size:.8rem;color:var(--muted);text-align:center}
.form-note.ok{color:var(--deep);font-weight:600}

/* footer */
.site-footer{background:var(--deeper);color:rgba(255,255,255,.72);padding:80px 0 34px}
.footer-top{display:grid;grid-template-columns:1.2fr 1.6fr 1fr;gap:50px;align-items:start;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-tag{margin-top:14px;color:#CFE0CC}
.site-footer nav{display:flex;gap:10px 26px;flex-wrap:wrap;font-family:var(--head);font-weight:500}
.site-footer nav a:hover,.footer-contact a:hover{color:#fff}
.footer-contact{text-align:right}
.footer-contact a{font-family:var(--head);font-weight:600;color:#fff}
.footer-contact p{margin-top:6px}
.footer-bottom{display:flex;justify-content:space-between;padding-top:28px;font-size:.85rem}

/* floating ask */
.ask-btn{position:fixed;right:26px;bottom:26px;z-index:40;display:flex;align-items:center;gap:10px;background:var(--sage);color:#fff;padding:14px 22px;font-family:var(--head);font-size:.92rem;font-weight:600;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transition:background .25s,transform .25s}
.ask-btn:hover{background:var(--deep);transform:translateY(-2px)}

/* hero decor tag */
.decor-tag{position:absolute;right:28px;bottom:24px;z-index:2;font-family:var(--head);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);background:rgba(24,51,29,.55);padding:6px 12px}

/* manufacturing */
.manufacturing .feature-shade{background:linear-gradient(90deg,rgba(10,26,14,.86) 0%,rgba(10,26,14,.62) 48%,rgba(10,26,14,.4) 100%)}
.panel h3 span{display:block;font-family:var(--body);font-size:.8rem;font-weight:500;letter-spacing:.04em;opacity:.8;margin-top:4px}
.cap{list-style:none;display:flex;gap:26px;margin:4px 0 14px}
.cap li{font-family:var(--head);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.cap b{display:block;font-size:2.1rem;letter-spacing:-.01em;line-height:1.05;color:#fff;font-weight:700}
.capacity-note{margin-top:30px;font-family:var(--head);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#CFE0CC}

/* quality */
.quality{background:var(--neutral)}
.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.q-media{position:relative}
.q-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.q-media figcaption{position:absolute;right:-24px;bottom:30px;background:var(--sage);color:#fff;font-family:var(--head);font-weight:600;padding:16px 24px;box-shadow:0 18px 40px -20px rgba(0,0,0,.5)}
.ticks{list-style:none}
.ticks li{position:relative;padding-left:30px;margin-bottom:10px;color:var(--muted)}
.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:2.5px solid var(--sage);border-bottom:2.5px solid var(--sage);transform:rotate(-45deg)}
.qc-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:30px 0 32px;counter-reset:q}
.qc-steps li{background:#fff;border-top:4px solid var(--deep);padding:14px 12px 16px}
.qc-steps li:nth-child(even){border-top-color:var(--sage)}
.qc-steps b{display:block;font-family:var(--head);font-size:1.05rem;color:var(--deep)}
.qc-steps span{display:block;font-size:.76rem;line-height:1.4;color:var(--muted);margin-top:4px}
.cert-label{font-family:var(--head);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-2)}
.badges.dark li{color:var(--deep);border-color:rgba(38,77,44,.35);background:#fff}
.markets{margin-top:80px;display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center;background:#fff;padding:44px 48px;border-left:6px solid var(--deep)}
.markets-head .eyebrow{margin-bottom:12px}
.markets-head p:not(.eyebrow){color:var(--muted)}
.market-bars{display:grid;gap:14px}
.mb{display:grid;grid-template-columns:70px 100px 1fr;align-items:center;gap:14px}
.mb b{font-family:var(--head);font-size:1.6rem;color:var(--deep);line-height:1}
.mb span{font-family:var(--head);font-weight:600;color:var(--ink)}
.mb i{display:block;height:12px;background:linear-gradient(90deg,var(--deep),var(--sage));width:calc(var(--w) * 2.2);max-width:100%}

/* gallery extras */
.tile.t-tall{grid-row:span 2}
.swatch-head{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin:70px 0 22px}
.swatch-head h3{font-size:1.6rem;color:var(--deep)}
.swatch-head p{color:var(--muted)}
.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.swatches figure img{width:100%;aspect-ratio:3/4;object-fit:cover}
.swatches figcaption{font-family:var(--head);font-size:.8rem;font-weight:600;color:var(--deep);margin-top:8px;letter-spacing:.02em}

/* innovation extras */
.sub-head{display:flex;align-items:center;gap:16px;font-size:1.6rem;color:var(--deep);margin:10px 0 30px}
.sub-head span{font-size:.85rem;font-weight:700;color:#fff;background:var(--sage);padding:6px 10px;letter-spacing:.06em}
.innov-body .claim{font-size:.95rem;margin-bottom:14px}
.feat{list-style:none;margin:0 0 26px;font-size:.88rem;line-height:1.55}
.feat li{padding:10px 0;border-top:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9)}
.feat b{display:block;font-family:var(--head);font-weight:600;font-size:.95rem;color:#fff;margin-bottom:2px}
.feat.dark li{border-top-color:var(--line);color:var(--muted)}
.feat.dark b{color:var(--deep)}
.table-scroll{overflow-x:auto}
.table-wrap{margin:44px 0 90px;background:#fff;box-shadow:0 24px 50px -40px rgba(22,36,26,.4)}
.spec{width:100%;border-collapse:collapse;font-size:.92rem;min-width:720px}
.spec-cap{font-family:var(--head);font-weight:700;font-size:1.15rem;color:var(--deep);padding:22px 24px 14px}
.spec-cap small{font-family:var(--body);font-weight:400;font-size:.8rem;color:var(--muted);margin-left:8px}
.spec th{background:var(--deep);color:#fff;font-family:var(--head);font-weight:600;text-align:left;padding:13px 18px;white-space:nowrap}
.spec th:nth-child(n+3){text-align:center}
.spec td{padding:12px 18px;border-bottom:1px solid var(--line)}
.spec td:nth-child(n+3){text-align:center;font-family:var(--head);font-weight:600;color:var(--deep)}
.spec td:nth-child(2){color:var(--muted)}
.spec td:last-child{color:var(--muted);font-weight:500}
.spec tbody tr:nth-child(even){background:#F7F8F4}
.spec td.y{color:var(--sage-2)}
.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.core{background:#fff;display:grid;grid-template-columns:200px 1fr;gap:0;box-shadow:0 24px 50px -40px rgba(22,36,26,.4)}
.core-media{background:#fff;display:flex;align-items:flex-start;justify-content:center;padding:26px 10px 20px 22px}
.core-media img{width:100%;height:auto}
.core-media.core-photo{padding:0}
.core-media.core-photo img{height:100%;object-fit:cover}
.core-body{padding:30px 32px 32px}
.core-body h3{font-size:1.7rem;color:var(--deep);margin:8px 0 8px}
.core-body .claim{color:var(--ink);font-size:.95rem;margin-bottom:12px}
.tag.dark{color:var(--sage-2)}
.layers{font-size:.8rem;color:var(--muted);line-height:1.55;margin-top:-10px}
.layers b{color:var(--deep)}
.placeholder.dark{border-color:rgba(38,77,44,.4);color:var(--deep)!important}
.core-body .btn{margin-top:6px}
.rws,.co2{background:var(--neutral);padding:16px 18px;margin-top:-6px}
.rws-title{font-family:var(--head);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-2);margin-bottom:10px}
.rws-row{display:grid;grid-template-columns:110px 1fr 52px;gap:10px;align-items:center;font-size:.8rem;color:var(--muted);margin-top:5px}
.rws-row i{display:block;height:8px;background:rgba(38,77,44,.25);width:calc((var(--v) - 50) * 2.2%)}
.rws-row.hi{color:var(--deep);font-weight:600}
.rws-row.hi i{background:var(--deep)}
.rws-row b{font-family:var(--head);color:var(--deep);text-align:right}
.co2-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.co2-row b{display:block;font-family:var(--head);font-size:1.35rem;color:var(--deep)}
.co2-row span{font-size:.78rem;color:var(--muted)}
.tech-line li{display:flex;flex-direction:column;line-height:1.3}
.tech-line li small{font-family:var(--body);font-weight:400;font-size:.76rem;color:var(--muted);margin-top:2px}

/* sustainability extras */
.big-stats{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px;max-width:32rem}
.big-stats div{border-top:3px solid var(--sage);padding-top:14px}
.big-stats b{display:block;font-family:var(--head);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.1;color:#fff}
.big-stats span{display:block;font-size:.85rem;color:#CFE0CC;margin-top:6px;line-height:1.45}
.sustainability .feature-lead{position:sticky;top:130px}
.sustainability .feature-grid{align-items:start}

/* reveal */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.js .reveal.in{opacity:1;transform:none}

/* responsive */
@media (max-width:1400px){.main-nav{gap:18px}.header-inner{gap:24px}.main-nav a{font-size:.88rem}.logo img{height:40px}}
@media (max-width:1180px){
  .main-nav{gap:16px}.header-inner{gap:20px}
  .logo img{height:40px}
  .header-cta{padding:11px 14px;font-size:.85rem}
  .main-nav a{font-size:.88rem}
  .mission-grid{grid-template-columns:1fr 1fr}
  .feature-grid{gap:50px}
}
@media (max-width:980px){
  :root{--header:68px}
  .wrap{padding:0 22px}
  .feature{padding:110px 0 80px}
  .feature-grid,.about-grid,.statement,.trade-inner,.contact-grid,.section-head{grid-template-columns:1fr;gap:44px}
  .panel-stack.compact{justify-self:stretch;max-width:none}
  .strengths .feature-lead{position:static}
  .head-note{justify-self:start}
  .section{padding:90px 0}
  .about-media img{aspect-ratio:4/3}
  .about-media figcaption{left:0;bottom:0}
  .about-media::after{right:-10px;top:-10px;width:70px;height:70px}
  .statement{margin-top:80px}
  .innov-grid{grid-template-columns:1fr}
  .quality-grid,.markets{grid-template-columns:1fr;gap:40px}
  .q-media figcaption{right:0;bottom:0}
  .core-grid{grid-template-columns:1fr}
  .swatches{grid-template-columns:repeat(4,1fr)}
  .sustainability .feature-lead{position:static}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .footer-top{grid-template-columns:1fr}
  .footer-contact{text-align:left}
}
@media (max-width:600px){
  body{font-size:15px}
  .logo img{height:38px}
  .hero{padding:110px 0 60px}
  .feature-lead h1{font-size:2.7rem}
  .feature-lead h2{font-size:2.4rem}
  .panel{padding:22px 22px 24px}
  .panel-stack .panel:nth-child(odd),.panel-stack.compact .panel:nth-child(odd){margin-left:18px}
  .panel-stack .panel:nth-child(even),.panel-stack.compact .panel:nth-child(even){margin-right:18px}
  .panel-stack.compact{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .panel-stack.compact .panel{margin:0!important;padding:16px 16px}
  .panel-stack.compact strong{font-size:1.15rem}
  .panel-stack.compact p{font-size:.8rem}
  .actions .btn{flex:1 1 100%}
  .mission-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr;grid-auto-rows:240px}
  .tile.t-wide{grid-column:auto}
  .tile.t-tall{grid-row:auto}
  .qc-steps{grid-template-columns:1fr 1fr}
  .markets{padding:30px 22px}
  .mb{grid-template-columns:56px 84px 1fr}
  .core{grid-template-columns:1fr}
  .core-media{padding:22px 40px 0}
  .core-media img{max-width:200px}
  .spec{min-width:560px;font-size:.8rem}
  .spec th,.spec td{padding:10px 10px}
  .spec-cap small{display:block;margin:4px 0 0}
  .spec td:first-child{min-width:110px}
  .core-media.core-photo img{max-width:none;aspect-ratio:16/9}
  .core-body{padding:24px 22px 26px}
  .swatches{grid-template-columns:repeat(2,1fr)}
  .big-stats{grid-template-columns:1fr 1fr;gap:16px}
  .cap{gap:20px}
  .decor-tag{right:12px;bottom:12px}
  .tile figcaption{opacity:1;transform:none}
  .innov-body{margin:-36px 12px 0;padding:26px 24px 28px}
  .inquiry{padding:34px 22px}
  .inquiry .row{grid-template-columns:1fr;gap:0}
  .info-panels .panel{margin:0!important}
  .footer-bottom{flex-direction:column;gap:6px}
  .ask-btn{right:14px;bottom:14px;padding:14px}
  .ask-btn span{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
.site-footer .footer-top{padding-bottom:50px}.site-footer .footer-bottom{padding-top:28px}

@media (max-width:1240px){
  .main-nav{position:fixed;inset:var(--header) 0 auto 0;flex-direction:column;gap:0;background:var(--deeper);padding:6px 40px 26px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:all .3s;max-height:calc(100vh - var(--header));overflow:auto}
  .main-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:1rem}
  .main-nav a.active{color:#CFE0CC}
  .main-nav a.active::after{width:40px;bottom:8px}
  .menu-open{background:var(--deeper)!important}
  .menu-open .main-nav{opacity:1;transform:none;pointer-events:auto}
  .header-cta{margin-left:auto}
  .menu-toggle{display:flex;margin-left:0}
}
@media (max-width:980px){.header-cta{display:none}.menu-toggle{margin-left:auto}.main-nav{padding:6px 22px 26px}}
.main-nav a.active{opacity:1}

/* ===== v2 multi-page ===== */
.page-hero{min-height:62vh;display:flex;align-items:flex-end;padding:170px 0 90px}
.page-hero .wrap{position:relative;width:100%}
.page-hero h1{font-size:clamp(2.6rem,5vw,4.6rem);color:#fff;max-width:16ch}
.page-hero .feature-shade{background:linear-gradient(90deg,rgba(10,24,13,.8) 0%,rgba(10,24,13,.5) 50%,rgba(10,24,13,.25) 100%),linear-gradient(180deg,rgba(10,24,13,.5) 0%,transparent 35%)}
.feature.first{padding-top:180px}
.section.first{padding-top:170px}
.panel-link{display:inline-block;margin-top:14px;font-family:var(--head);font-weight:600;font-size:.85rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.6)}
.q-cta{margin-top:24px}

/* certifications */
.cert-grid{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.cert{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:32px 16px 28px;border-top:4px solid var(--deep)}
.cert:nth-child(even){border-top-color:var(--sage)}
.cert b{font-family:var(--head);font-size:1.12rem;color:var(--deep);margin-top:18px;line-height:1.2}
.cert>span{font-size:.82rem;color:var(--muted);margin-top:6px;line-height:1.45}
.cert-mark{--c:var(--deep);width:128px;height:128px;border-radius:50%;border:3px solid var(--c);color:var(--c);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none}
.cert-mark::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px dashed var(--c);opacity:.45}
.cert-mark .cm-t{font-family:var(--head);font-weight:800;font-size:2rem;line-height:1;letter-spacing:.04em}
.cert-mark .cm-n{font-family:var(--head);font-weight:700;font-size:1.05rem;line-height:1;letter-spacing:.08em;padding-top:5px;border-top:2px solid currentColor}
.cert-mark .cm-ce{width:66px;height:auto;fill:currentColor}
.cert-mark .cm-ico{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cert-mark .cm-w{font-family:var(--head);font-weight:700;font-size:.86rem;line-height:1.1;letter-spacing:.02em}
.cert-mark .cm-w.big{font-size:1.45rem;letter-spacing:.06em}
.certs-page{background:var(--neutral)}
.cert-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.cert-more h3{font-size:1.8rem;color:var(--deep);margin-bottom:14px}
.cert-more p:not(.eyebrow){color:var(--muted)}
.cert-more .btn{margin-top:24px}
/* home cert band */
.cert-band{background:var(--deep);color:#fff;padding:64px 0 70px}
.cert-band-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:34px}
.cert-band-head .eyebrow{margin:0}
.cert-band-link{font-family:var(--head);font-weight:600;font-size:.9rem;border-bottom:2px solid var(--sage);padding-bottom:2px}
.cert-grid.band{gap:30px 18px;grid-template-columns:repeat(10,1fr)}
.cert-grid.band .cert{background:none;border:0;padding:0}
.cert-grid.band .cert b{color:#fff;font-size:.86rem;margin-top:12px;font-weight:600}
.cert-grid.band .cert-mark{--c:#fff;width:104px;height:104px}
.cert-grid.band .cm-t{font-size:1.6rem}.cert-grid.band .cm-n{font-size:.9rem}
.cert-grid.band .cm-ce{width:54px}.cert-grid.band .cm-ico{width:34px;height:34px}
.cert-grid.band .cm-w{font-size:.74rem}.cert-grid.band .cm-w.big{font-size:1.2rem}

/* home highlights */
.highlights{background:var(--neutral)}
.hl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hl{display:flex;flex-direction:column;color:#fff}
.hl-img{aspect-ratio:4/3;overflow:hidden}
.hl-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.hl:hover .hl-img img{transform:scale(1.05)}
.hl-body{flex:1;margin:-36px 14px 0;position:relative;padding:24px 24px 26px;display:flex;flex-direction:column}
.hl-body.deep{background:var(--deep)}.hl-body.sage{background:var(--sage)}
.hl-body h3{font-size:1.35rem;color:#fff;margin:8px 0 8px}
.hl-body p{font-size:.88rem;color:rgba(255,255,255,.9);line-height:1.55}
.hl-go{margin-top:auto;padding-top:16px;font-family:var(--head);font-weight:600;font-size:.88rem}
.home-intro{background:#fff}
.highlights+.mission{padding-top:0}

/* decors */
.tone-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.tone-head h3{font-size:1.6rem;color:var(--deep)}
.tone-scale{display:flex;align-items:center;gap:12px;font-family:var(--head);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tone-scale i{display:block;width:180px;height:8px;background:linear-gradient(90deg,#E4E2DC,#C9B79A,#8F7253,#4E3B2E)}
.swatches.tones figure img{aspect-ratio:3/4}
.pattern-head{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:end;margin:100px 0 30px}
.pattern-head h3{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--deep)}
.pattern-head .eyebrow{margin-bottom:12px}
.pattern-head>p{color:var(--muted);max-width:34rem;justify-self:end}
.hb-gallery{grid-auto-rows:260px}
.siena{margin-top:26px;display:grid;grid-template-columns:.9fr 1.6fr;gap:50px;align-items:center;background:var(--neutral);padding:40px 44px}
.siena h3{font-size:1.9rem;color:var(--deep);margin-bottom:10px}
.siena-text p:not(.eyebrow){color:var(--muted);font-size:.95rem}
.siena-sw{grid-template-columns:repeat(4,1fr)!important}
.siena-sw figure img{aspect-ratio:auto;object-fit:contain;background:#fff;padding:10px}

/* layer diagrams */
.core-list{display:flex;flex-direction:column;gap:30px}
.core2{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;box-shadow:0 24px 50px -40px rgba(22,36,26,.4)}
.core2.flip .ldiag{order:2}
.core2 .core-body{padding:40px 44px 44px;display:flex;flex-direction:column;align-items:flex-start}
.core2 .core-body .feat{width:100%}
.core2 .rws,.core2 .co2{width:100%;margin:0 0 26px}
.core2 .btn{margin-top:auto}
.ldiag{background:#fff;padding:44px 34px 34px 40px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.ldiag-art{position:relative;width:56%}
.ldiag-art img{width:100%;height:auto}
.ldiag-labels{list-style:none;position:absolute;left:100%;top:0;bottom:0;width:72%}
.ldiag-labels li{position:absolute;left:0;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:600;font-size:.8rem;line-height:1.2;color:var(--ink);white-space:nowrap;padding-left:6px}
.ldiag-labels li::before{content:"";position:absolute;left:-2px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--deep)}
.ldiag-labels i{display:none}
.ldiag-labels small{display:block;font-family:var(--body);font-weight:400;font-size:.72rem;color:var(--muted)}
.ldiag-labels li span{padding-left:8px}
.ldiag-legend{display:none}
.ldiag figcaption{font-size:.78rem;color:var(--muted);margin-top:18px}
.core-icons{display:grid;grid-template-columns:repeat(2,120px);gap:18px;margin:4px 0 22px}
.core-icons.one{grid-template-columns:220px}
.core-icons figure img{width:100%;border-radius:50%;aspect-ratio:1;object-fit:cover}
.core-icons.one figure img{border-radius:0;aspect-ratio:auto}
.core-icons figcaption{font-family:var(--head);font-size:.76rem;font-weight:600;color:var(--deep);text-align:center;margin-top:8px;line-height:1.3}

@media (max-width:1180px){
  .cert-grid.band{grid-template-columns:repeat(5,1fr)}
  .hl-grid{grid-template-columns:1fr 1fr}
  .core2{grid-template-columns:1fr}
  .core2.flip .ldiag{order:0}
  .ldiag-art{width:52%}
}
@media (max-width:980px){
  .cert-grid{grid-template-columns:repeat(3,1fr)}
  .cert-more-grid,.pattern-head,.siena{grid-template-columns:1fr;gap:30px}
  .pattern-head>p{justify-self:start}
  .page-hero{min-height:50vh;padding:130px 0 60px}
  .section.first{padding-top:120px}
  .feature.first{padding-top:130px}
}
@media (max-width:600px){
  .cert-grid{grid-template-columns:1fr 1fr;gap:14px}
  .cert{padding:24px 10px 22px}
  .cert-mark{width:104px;height:104px}
  .cert-grid.band{grid-template-columns:repeat(2,1fr);gap:24px 8px}
  .cert-grid.band .cert-mark{width:88px;height:88px}
  .cert-grid.band .cm-t{font-size:1.35rem}.cert-grid.band .cm-n{font-size:.78rem}
  .cert-grid.band .cm-w{font-size:.66rem}.cert-grid.band .cm-ico{width:28px;height:28px}
  .cert-grid.band .cert b{font-size:.76rem}
  .cert-band-head{flex-direction:column;gap:10px}
  .hl-grid{grid-template-columns:1fr}
  .page-hero h1{font-size:2.4rem}
  .siena{padding:26px 20px}
  .siena-sw{grid-template-columns:repeat(2,1fr)!important}
  .swatches.tones{grid-template-columns:repeat(4,1fr);gap:8px}
  .swatches.tones figcaption{font-size:.6rem;letter-spacing:0}
  .hb-gallery{grid-auto-rows:220px}
  .core2 .core-body{padding:26px 22px 30px}
  .ldiag{padding:28px 18px 22px}
  .ldiag-art{width:70%;margin:0 auto}
  .ldiag-labels{width:30%}
  .ldiag-labels li{padding-left:4px}
  .ldiag-labels li span{display:none}
  .ldiag-labels i{display:flex;align-items:center;justify-content:center;font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--deep);color:#fff;font-size:.7rem;margin-left:4px}
  .ldiag-labels li::before{display:none}
  .ldiag-legend{display:block;list-style:none;counter-reset:l;margin-top:20px;columns:1;font-size:.84rem}
  .ldiag-legend li{counter-increment:l;position:relative;padding:6px 0 6px 30px;border-top:1px solid var(--line);color:var(--ink)}
  .ldiag-legend li::before{content:counter(l);position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--deep);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:600}
  .ldiag-legend small{display:block;margin:0!important}
  .ldiag-labels i{width:17px!important;height:17px!important;font-size:.62rem!important}
  .ldiag-legend small{color:var(--muted);margin-left:4px}
  .core-icons{grid-template-columns:repeat(2,1fr)}
  .core-icons.one{grid-template-columns:1fr}
}
.core2.flip .ldiag{border-right:0;border-left:1px solid var(--line)}
.page-contact .site-header{background:rgba(24,51,29,.96)}

/* v3: manufacturing photos */
.mf-photos{padding:88px 0 0;background:var(--neutral,#F3F3EE)}
.mf-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:260px 260px;gap:14px}
.mf-grid figure{position:relative;margin:0;overflow:hidden;border-radius:4px;background:#ddd}
.mf-grid figure.mf-wide{grid-column:1 / -1;grid-row:2}
.mf-grid img{width:100%;height:100%;object-fit:cover;display:block}
.mf-grid figcaption{position:absolute;left:0;bottom:0;padding:10px 16px;background:rgba(20,40,24,.78);color:#fff;font-size:.86rem;letter-spacing:.02em}
@media (max-width:760px){.mf-photos{padding:56px 0 0}.mf-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:220px}.mf-grid figure.mf-wide{grid-column:auto;grid-row:auto}}

/* scene gallery + lightbox (v4) */.sg-item{position:relative;overflow:hidden;border:0;padding:0;margin:0;background:var(--neutral-2);cursor:zoom-in;display:block;text-align:left;font:inherit}
.sg-item img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.sg-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,51,29,0) 45%,rgba(24,51,29,.82));opacity:0;transition:opacity .4s}
.sg-item:hover img,.sg-item:focus-visible img{transform:scale(1.06)}
.sg-item:hover::after,.sg-item:focus-visible::after{opacity:1}
.sg-item:focus-visible{outline:3px solid var(--deep);outline-offset:2px}
.sg-cap{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(10px);transition:all .4s}
.sg-item:hover .sg-cap,.sg-item:focus-visible .sg-cap{opacity:1;transform:none}
.sg-cap b{font-family:var(--head);font-weight:700;font-size:1.05rem}
.sg-cap small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.sg-cap i{position:absolute;right:0;bottom:2px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--deep);font-style:normal;font-size:1.3rem;display:flex;align-items:center;justify-content:center}
.lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}
.lightbox[hidden]{display:none}
.lb-backdrop{position:absolute;inset:0;background:rgba(16,36,21,.9)}
.lb-panel{position:relative;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);width:min(1280px,100%);max-height:92vh;background:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);animation:lbin .35s ease}
@keyframes lbin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lb-scene{margin:0;background:var(--deeper);min-height:0}
.lb-scene img{width:100%;height:100%;max-height:92vh;object-fit:cover;display:block}
.lb-info{padding:42px 32px 30px;display:flex;flex-direction:column;gap:10px;overflow:auto;border-top:6px solid var(--deep)}
.lb-code{font-size:1.9rem;color:var(--deep);margin:0}
.lb-series{color:var(--muted);font-size:.85rem;margin:0}
.lb-decor{margin:10px 0 0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--neutral-2)}
.lb-decor img{width:100%;height:100%;object-fit:cover;display:block}
.lb-decor.from-scene img{object-position:center 92%;transform:scale(2.6);transform-origin:center 100%}
.lb-decor figcaption{position:absolute;left:0;bottom:0;background:var(--deep);color:#fff;font-family:var(--head);font-weight:600;font-size:.75rem;padding:7px 12px}
.lb-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.lb-thumbs button{width:58px;height:44px;padding:0;border:2px solid transparent;background:none;cursor:pointer}
.lb-thumbs button.on{border-color:var(--deep)}
.lb-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.lb-cta{margin-top:auto;align-self:flex-start}
.lb-close{position:absolute;top:8px;right:10px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--deep);font-size:1.8rem;line-height:1;cursor:pointer}
.lb-nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--deep);font-size:1.8rem;line-height:1;cursor:pointer}
.lb-prev{left:12px}.lb-next{left:calc(69.7% - 56px)}
body.lb-open{overflow:hidden}
@media (max-width:760px){
    .sg-item.sg-xl{grid-column:span 2}
  .sg-cap{opacity:1;transform:none;left:10px;bottom:8px}.sg-cap i{display:none}.sg-item::after{opacity:1}
  .lightbox{padding:0}
  .lb-panel{grid-template-columns:1fr;max-height:100vh;height:100%;overflow:auto}
  .lb-scene img{height:auto;max-height:46vh}
  .lb-info{padding:22px 20px}
  .lb-next{left:auto;right:12px}.lb-nav{top:23vh}
}

.inspo{margin-top:20px}
.inspo-group{padding:72px 0;border-top:1px solid var(--line)}
.inspo-group:nth-child(even){background:var(--neutral);margin:0 calc(50% - 50vw);padding:72px calc(50vw - 50%);border-top:0}
.inspo-group:nth-child(even)+.inspo-group{border-top:0}
.inspo-head{display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:baseline;margin-bottom:34px;max-width:720px}
.inspo-num{grid-row:span 2;font-family:var(--head);font-weight:700;font-size:.85rem;letter-spacing:.14em;color:var(--sage);border-top:2px solid var(--deep);padding-top:8px}
.inspo-head h4{font-family:var(--head);font-size:1.6rem;color:var(--deep);margin:0}
.inspo-head p{margin:6px 0 0;color:var(--muted)}
.inspo-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:280px 280px;gap:28px}
.inspo-grid .feat{grid-row:span 2}
.inspo-group.flip .inspo-grid{grid-template-columns:1fr 1.7fr}
.inspo-group.flip .inspo-grid .feat{grid-column:2;grid-row:1 / span 2}
.inspo-group.duo .inspo-grid{grid-template-columns:1.25fr 1fr;grid-template-rows:520px}
.inspo-group.duo .inspo-grid .feat{grid-row:auto}
@media (max-width:900px){.inspo-grid{grid-template-rows:220px 220px;gap:18px}.inspo-group.duo .inspo-grid{grid-template-rows:420px}}
@media (max-width:760px){
  .inspo-group{padding:48px 0}.inspo-group:nth-child(even){padding:48px 22px;margin:0 -22px}
  .inspo-grid,.inspo-group.flip .inspo-grid,.inspo-group.duo .inspo-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:14px}
  .inspo-grid .sg-item{height:240px}
  .inspo-grid .feat,.inspo-group.flip .inspo-grid .feat{grid-column:auto;grid-row:auto}
  .inspo-grid .feat{height:320px}
}
.section.products{overflow-x:clip}
.inspo-hb .sg-item{cursor:default}
.inspo-hb{margin-bottom:24px}