/* Intsuka website, site.css
   First pass, 2026-09-13. Brand values come from Intsuka-Kit/intsuka.css
   (extracted, not yet encoded). Web decisions made here are marked WEB.

   Fonts: Acumin Pro via Adobe Fonts web kit gty4cgr (linked in each page head). */

:root{
  --dark:#231A11;
  --copper:#D39268;
  --night:#12110F;
  --cream:#F6ECE3;
  --grey:#EAEBED;
  --white:#FFFFFF;
  --ink:#231A11;
  --ink-mid:#4A4038;          /* WEB: one step down from dark, 9.9:1 on white */
  --line:rgba(35,26,17,.14);
  --line-d:rgba(255,255,255,.18);

  --acumin:'acumin-pro','Acumin Pro','Helvetica Neue',Arial,sans-serif;   /* acumin-pro = Adobe Fonts web kit gty4cgr */
  --light:275;                /* ExtraLight in Adobe's files. Display sizes only. */
  --body:400;                 /* WEB: Regular for body. ExtraLight is too light on screen (Oto, 2026-09-13). */
  --bold:700;

  --wrap:1320px;
  --gut:clamp(20px,4vw,56px);
  --sec:clamp(88px,11vw,160px);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--acumin);font-weight:var(--body);color:var(--ink);background:var(--white);
  font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
/* no orphaned last words (Oto, 2026-09-13). pretty: Chrome 117+, Safari 26+. */
p,li,dd,dt,h1,h2,h3,.lead,.d{text-wrap:pretty;}
::selection{background:var(--copper);color:var(--dark);}

.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut);}

/* ---------- type ---------- */
.split{font-weight:var(--light);line-height:1.02;letter-spacing:-.01em;}
.split b{font-weight:var(--bold);}
.on-dark .split b.cu,.split b.cu{color:var(--copper);}
.h-hero{font-size:clamp(46px,5vw,78px);}   /* one size for every hero-class heading: home hero, company heroes, Talk to us */
.h-1{font-size:clamp(42px,5.6vw,84px);}
.h-2{font-size:clamp(38px,3.8vw,56px);}
.label{font-weight:var(--bold);font-size:15px;letter-spacing:.14em;text-transform:uppercase;}
.label.cu{color:var(--copper);}      /* copper labels only on dark grounds: 6.6:1. On white copper is 2.59:1. */
.lead{font-size:clamp(20px,1.7vw,24px);line-height:1.5;max-width:40em;}
.muted{color:var(--ink-mid);}
.on-dark{color:#fff;}
.on-dark .muted{color:#D9CFC6;}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:100px;}
.brand{display:flex;align-items:center;gap:14px;}
.brand .mk{width:40px;height:40px;}
.brand .wm{height:23px;width:auto;}
.nav{display:flex;gap:clamp(18px,2.4vw,38px);align-items:center;}
.nav a{font-weight:var(--bold);font-size:16px;position:relative;padding:6px 0;}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1);}
.nav .cta{border:1.5px solid var(--copper);background:var(--copper);color:var(--dark);padding:9px 20px;border-radius:999px;transition:.25s;}
.nav .cta::after{display:none;}
.nav .cta:hover{background:var(--dark);border-color:var(--dark);color:#fff;}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center;color:var(--dark);cursor:pointer;}
.menu-btn svg{width:26px;height:26px;}
@media (max-width:900px){
  .menu-btn{display:flex;}
  .nav{position:fixed;inset:100px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 28px;
    border-bottom:1px solid var(--line);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s;}
  .nav a{font-size:22px;padding:16px 0;border-bottom:1px solid var(--line);}
  .nav a::after{display:none;}
  .nav .cta{border:0;border-radius:0;padding:16px 0;background:none;color:var(--dark);}
  body.nav-open .nav{transform:none;opacity:1;pointer-events:auto;}
}

/* ---------- photo + the copper wash (brand device) ---------- */
.ph{position:relative;overflow:hidden;background:var(--night);}
.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.wash::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,17,15,0) 38%,rgba(162,104,64,.5) 80%,rgba(209,130,75,.88) 100%);}
.scrim-l::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(18,17,15,.86) 0%,rgba(18,17,15,.55) 42%,rgba(18,17,15,0) 72%);}

/* ---------- the oversized starburst (brand device) ---------- */
.burst{position:absolute;pointer-events:none;aspect-ratio:1;}
.burst img{width:100%;height:100%;}
.burst.photo{background-position:center;background-size:cover;background-repeat:no-repeat;
  -webkit-mask:url(../assets/logo/mark-white.svg) center/contain no-repeat;mask:url(../assets/logo/mark-white.svg) center/contain no-repeat;}

/* ---------- the base rule (brand device) ---------- */
.base-rule{height:10px;background:var(--copper);}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:min(92vh,900px);display:flex;align-items:flex-end;color:#fff;}
.hero .ph{position:absolute;inset:0;}

.hero .inner{position:relative;z-index:2;padding-bottom:clamp(56px,8vw,112px);padding-top:160px;}
.hero h1{font-size:clamp(46px,5vw,78px);max-width:13em;}
.hero .lead{margin-top:28px;color:#EFE7DF;max-width:34em;}
.hero .label{margin-bottom:26px;}

/* ---------- origin (home) ---------- */
.origin{position:relative;background:var(--cream);overflow:hidden;padding:var(--sec) 0;}
.origin .burst{width:min(70vw,900px);right:calc(min(70vw,900px) * -.22);top:auto;bottom:calc(min(70vw,900px) * -.36);transform:none;}
.origin .copy{position:relative;z-index:2;}
.origin .copy>*{max-width:720px;}
.origin p{margin-top:14px;}

/* ---------- company rows (home) ---------- */
.companies{background:var(--dark);color:#fff;padding:calc(var(--sec) * .6) 0 calc(var(--sec) * .7);}
.companies .top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:64px;}
.companies .top p{max-width:30em;color:#D9CFC6;}
.co-row{display:grid;grid-template-columns:90px 1.1fr 1fr 300px 56px;gap:32px;align-items:center;padding:34px 0;border-top:1px solid var(--line-d);transition:background .25s;}
.co-row:last-child{border-bottom:1px solid var(--line-d);}
.co-row .num{font-size:18px;font-weight:var(--bold);color:var(--copper);}
.co-row h3{font-size:clamp(30px,3.4vw,48px);line-height:1.05;font-weight:var(--light);}
.co-row h3 b{font-weight:var(--bold);}
.co-row p{color:#D9CFC6;font-size:18px;}
.co-row .ph{height:170px;}
.co-row .ph>img{transition:transform .6s;}
.co-row .go{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--line-d);display:flex;align-items:center;justify-content:center;transition:.25s;}
.co-row .go svg{width:22px;height:22px;}
.co-row:hover .go{background:var(--copper);border-color:var(--copper);color:var(--dark);}
.co-row:hover .ph>img{transform:scale(1.05);}
@media (max-width:1000px){
  .co-row{grid-template-columns:56px 1fr 56px;grid-template-areas:"num name go" ". desc desc" ". img img";row-gap:14px;}
  .co-row .num{grid-area:num;} .co-row h3{grid-area:name;} .co-row p{grid-area:desc;} .co-row .ph{grid-area:img;height:200px;} .co-row .go{grid-area:go;}
}

/* 2x2 company cards (home) */
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,36px);}
.co-card{display:flex;flex-direction:column;background:var(--night);border:1px solid var(--line-d);transition:border-color .25s,background .25s;}
.co-card .ph{aspect-ratio:16/10;}
.co-card .ph>img{transition:transform .6s;}
.co-card .body{display:flex;flex-direction:column;flex:1;padding:clamp(24px,2.6vw,40px);}
.co-card .num{position:absolute;top:clamp(24px,2.6vw,40px);left:clamp(24px,2.6vw,40px);z-index:2;font-size:15px;font-weight:var(--bold);color:var(--copper);background:rgba(18,17,15,.82);padding:7px 11px;line-height:1;}
.co-card h3{font-size:clamp(28px,3vw,44px);line-height:1.05;font-weight:var(--light);white-space:nowrap;}
.co-card h3 b{font-weight:var(--bold);}
.co-card p{color:#D9CFC6;margin-top:18px;max-width:30em;}
.co-card .btn{margin-top:auto;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:var(--bold);font-size:17px;}
.co-card .btn svg{width:20px;height:20px;padding:0;box-sizing:content-box;border:1.5px solid var(--line-d);border-radius:50%;padding:10px;transition:.25s;}
.co-card:hover{border-color:rgba(211,146,104,.6);background:#191612;}
.co-card:hover .ph>img{transform:scale(1.04);}
.co-card:hover .btn svg{background:var(--copper);border-color:var(--copper);color:var(--dark);}
@media (max-width:800px){.co-grid{grid-template-columns:1fr;}}

/* ---------- figures ---------- */
.figures{padding:var(--sec) 0;}
.fig-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:0;margin-top:64px;border-top:2px solid var(--dark);}
.fig{padding:36px 32px 40px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;}
.fig+.fig{padding-left:32px;border-left:1px solid var(--line);}
.fig .n{font-weight:var(--bold);font-size:clamp(48px,6vw,96px);line-height:.95;letter-spacing:-.02em;}
.fig .n small{font-size:.42em;font-weight:var(--bold);letter-spacing:0;margin-left:4px;}
.fig .d{margin-top:16px;color:var(--ink-mid);max-width:22em;}
.fig .co{margin-top:auto;padding-top:24px;font-weight:var(--bold);font-size:15px;}
.fig.big{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-start;padding:36px 32px 40px 32px;border-bottom:0;}
.fig.big .n{font-size:clamp(48px,6vw,96px);}
.fig-grid .fig:nth-child(4){border-left:1px solid var(--line);}
@media (max-width:900px){
  .fig-grid{grid-template-columns:1fr;}
  .fig,.fig+.fig{padding:30px 0;border-left:0;}
  .fig.big{grid-row:auto;padding:30px;}
}

/* ---------- contact ---------- */
.contact{position:relative;background:var(--night);color:#fff;overflow:hidden;padding:var(--sec) 0;}
.contact .burst{width:min(90vw,1100px);right:calc(min(90vw,1100px) * -.5);top:50%;transform:translateY(-50%);}
.contact .copy{position:relative;z-index:2;}
.c-list{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:28px 64px;margin-top:56px;}
.c-item{display:flex;gap:16px;align-items:flex-start;font-size:20px;}
.c-item svg{width:24px;height:24px;color:var(--copper);flex:none;margin-top:2px;}
.c-item a:hover{color:var(--copper);}
.c-item .k{display:block;font-size:14px;font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:#D9CFC6;margin-bottom:4px;}
@media (max-width:900px){.c-list{grid-template-columns:1fr;}}

/* ---------- footer ---------- */
.site-foot{background:var(--night);color:#D9CFC6;border-top:1px solid var(--line-d);}
.site-foot .wrap{padding-top:56px;padding-bottom:40px;}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}
.foot-brand{display:flex;align-items:center;gap:14px;}
.foot-brand .mk{width:40px;height:40px;}
.foot-top .wm{height:23px;width:auto;}
.reg{display:grid;grid-template-columns:repeat(4,auto);gap:12px 48px;font-size:15px;}
.reg b{display:block;color:#fff;font-weight:var(--bold);}
.foot-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line-d);font-size:14px;}
@media (max-width:1000px){.reg{grid-template-columns:repeat(2,auto);}}
@media (max-width:560px){.reg{grid-template-columns:1fr;}}

/* ---------- company page: hero ---------- */
.co-hero{position:relative;color:#fff;min-height:min(78vh,760px);display:flex;align-items:flex-end;}
.co-hero .ph{position:absolute;inset:0;}
.co-hero .inner{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:clamp(48px,6vw,88px);}
.co-hero .crumb{display:inline-flex;align-items:center;gap:10px;font-weight:var(--bold);font-size:15px;margin-bottom:34px;color:#fff;padding:10px 18px 10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(18,17,15,.45);backdrop-filter:blur(6px);transition:.25s;}
.co-hero .crumb svg{width:18px;height:18px;}
.co-hero .crumb:hover{color:var(--dark);background:var(--copper);border-color:var(--copper);}
.co-hero .lead{margin-top:26px;color:#EFE7DF;max-width:30em;}

/* ---------- company page: sections ---------- */
.sec{padding:var(--sec) 0;}
.sec.cream{background:var(--cream);}
.sec.grey{background:var(--grey);}
.sec.dark{background:var(--dark);color:#fff;}
.two{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:start;}
.two.flip{grid-template-columns:7fr 5fr;}
@media (max-width:900px){.two,.two.flip{grid-template-columns:1fr;}}
.stack>*+*{margin-top:24px;}

/* numbered activities */
.acts{counter-reset:a;border-top:2px solid currentColor;}
.act{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);}
.sec.dark .act{border-bottom-color:var(--line-d);}
.act::before{counter-increment:a;content:"0" counter(a);font-weight:var(--bold);font-size:18px;color:var(--ink);}
.sec.dark .act::before{color:var(--copper);}
.act h3{font-size:clamp(24px,2.2vw,32px);font-weight:var(--bold);line-height:1.15;margin-bottom:12px;}
.act p{color:var(--ink-mid);}
.sec.dark .act p{color:#D9CFC6;}

/* product list (energy): big typographic list */
.products{display:flex;flex-wrap:wrap;gap:0;margin-top:48px;border-top:1px solid var(--line-d);}
.products li{list-style:none;font-size:clamp(34px,4.6vw,72px);font-weight:var(--light);line-height:1.1;padding:18px 0;width:50%;border-bottom:1px solid var(--line-d);}
.products li:nth-child(odd){padding-right:24px;}
.products li:last-child:nth-child(odd){width:100%;}
.products li b{font-weight:var(--bold);}
.products li span{display:block;font-size:15px;font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin-bottom:4px;}
@media (max-width:700px){.products li{width:100%;}}

/* ledger: registration and plant specs */
.ledger{width:100%;border-collapse:collapse;}
.ledger th,.ledger td{text-align:left;padding:18px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:18px;}
.ledger th{font-weight:var(--bold);width:42%;padding-right:24px;}
.ledger td{color:var(--ink-mid);}
.sec.dark .ledger th,.sec.dark .ledger td{border-bottom-color:var(--line-d);}
.sec.dark .ledger td{color:#D9CFC6;}

/* big stat pair */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:2px solid currentColor;}
.stat{padding:34px 28px 38px 0;border-bottom:1px solid var(--line);}
.sec.dark .stat{border-bottom-color:var(--line-d);}
.stat .n{font-weight:var(--bold);font-size:clamp(52px,5.6vw,88px);white-space:nowrap;line-height:.95;letter-spacing:-.02em;}
.stat .n small{font-size:.4em;margin-left:6px;letter-spacing:0;}
.stat .d{margin-top:14px;color:var(--ink-mid);max-width:18em;}
.sec.dark .stat .d{color:#D9CFC6;}

/* chips (industries advantages) */
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px;}
.adv div{background:var(--white);padding:34px 28px;font-size:clamp(22px,2vw,28px);font-weight:var(--bold);line-height:1.15;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;}
.adv div span{font-size:15px;color:var(--ink-mid);font-weight:var(--body);}
@media (max-width:800px){.adv{grid-template-columns:1fr 1fr;}}
@media (max-width:500px){.adv{grid-template-columns:1fr;}}

/* next company */
.next{display:block;background:var(--night);color:#fff;position:relative;overflow:hidden;}
.next .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:72px;padding-bottom:72px;position:relative;z-index:2;}
.next .h-1 b{transition:color .25s;}
.next:hover .h-1 b{color:var(--copper);}
.next .go{width:84px;height:84px;border-radius:50%;border:1.5px solid var(--line-d);display:flex;align-items:center;justify-content:center;flex:none;transition:.25s;}
.next .go svg{width:30px;height:30px;}
.next:hover .go{background:var(--copper);border-color:var(--copper);color:var(--dark);}

.quiet{max-width:900px;}
.note-draft{font-size:14px;color:var(--ink-mid);border:1px dashed var(--line);padding:10px 14px;display:inline-block;margin-top:28px;}

@media (max-width:700px){
  .origin .burst{width:120vw;right:-60vw;top:auto;bottom:-70vw;transform:none;opacity:.9;}
  .origin{padding-bottom:62vw;}
  .adv div{min-height:0;gap:6px;}
}

/* company hero variant: text cluster at the top */
.co-hero.top{align-items:flex-start;}
.co-hero.top .inner{padding-top:clamp(32px,4vw,56px);padding-bottom:140px;}
.co-hero.top .scrim-l::before{background:linear-gradient(180deg,rgba(18,17,15,.8) 0%,rgba(18,17,15,.45) 45%,rgba(18,17,15,0) 75%),linear-gradient(90deg,rgba(18,17,15,.55) 0%,rgba(18,17,15,0) 60%);}

/* energy: licence panel + product manifest */
.lic-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,110px);align-items:start;}
.lic-side{position:sticky;top:132px;}
.lic-side .lead{margin-top:26px;}
.lic-badge{display:flex;flex-direction:column;gap:6px;margin-top:40px;padding:22px 26px;border:1.5px solid var(--copper);align-self:flex-start;width:max-content;max-width:100%;}
.lic-badge .k{font-size:14px;font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:#D9CFC6;}
.lic-badge .v{font-size:clamp(22px,2vw,28px);font-weight:var(--bold);color:var(--copper);letter-spacing:.01em;line-height:1;}
.lic-img{margin-top:40px;aspect-ratio:16/10;}
.manifest{border-top:2px solid #fff;}
.m-head{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0 16px;font-size:15px;font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:var(--copper);}
.m-head.second{margin-top:56px;border-top:2px solid #fff;}
.m-row{display:grid;grid-template-columns:64px 1fr auto;align-items:baseline;gap:20px;padding:22px 0;border-top:1px solid var(--line-d);transition:padding .25s,color .25s;}
.m-row .i{font-size:15px;font-weight:var(--bold);color:#9E948B;}
.m-row .n{font-size:clamp(28px,3vw,44px);font-weight:var(--bold);line-height:1.05;}
.m-row .c{font-size:16px;color:#D9CFC6;text-align:right;}
.m-row:hover{padding-left:12px;}
.m-row:hover .n{color:var(--copper);}
@media (max-width:900px){
  .lic-grid{grid-template-columns:1fr;}
  .lic-side{position:static;}
  .m-row{grid-template-columns:44px 1fr;}
  .m-row .c{grid-column:2;text-align:left;margin-top:-10px;}
}

/* activities 2x2 with icons */
.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.act-card{background:#fff;padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;min-height:320px;}
.act-card .ico{width:64px;height:64px;border-radius:50%;background:var(--cream);color:var(--dark);display:flex;align-items:center;justify-content:center;margin-bottom:40px;}
.act-card .ico svg{width:30px;height:30px;}
.act-card h3{font-size:clamp(24px,2.2vw,32px);font-weight:var(--bold);line-height:1.15;}
.act-card p{color:var(--ink-mid);margin-top:14px;max-width:32em;}
.act-img{min-height:320px;}
@media (max-width:800px){.act-grid{grid-template-columns:1fr;}.act-card{min-height:0;}.act-card .ico{margin-bottom:28px;}}

/* company details panel, reused on every company page */
.details-sec{background:var(--cream);}
.details{border-top:2px solid var(--dark);}
.d-head{display:flex;align-items:center;gap:28px;padding:40px 0;}
.d-mark{width:72px;height:72px;flex:none;}
.d-label{font-size:15px;font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:8px;}
.d-name{font-size:clamp(32px,3.6vw,54px);font-weight:var(--bold);line-height:1.05;}
.d-name span{font-weight:var(--light);}
.d-cells{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);}
.d-cells>div{padding:28px 28px 8px 0;}
.d-cells>div+div{padding-left:28px;border-left:1px solid var(--line);}
.d-cells dt{font-size:15px;font-weight:var(--bold);margin-bottom:10px;}
.d-cells dd{font-size:clamp(18px,1.5vw,21px);color:var(--ink-mid);line-height:1.45;}
.d-cells a:hover{color:var(--dark);text-decoration:underline;text-underline-offset:3px;}
@media (max-width:1180px){.d-cells{grid-template-columns:1fr 1fr;}.d-cells>div:nth-child(3){padding-left:0;border-left:0;}.d-cells>div{padding-bottom:24px;}}
@media (max-width:560px){.d-cells{grid-template-columns:1fr;}.d-cells>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line);}.d-head{align-items:flex-start;}.d-mark{width:52px;height:52px;}}

/* split media: image beside copy */
.split-media{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;}
.split-media .sm-img{aspect-ratio:4/5;}
.split-media .sm-copy .lead{margin-top:26px;}
.split-media .sm-copy .stats{margin-top:44px;}
@media (max-width:900px){.split-media{grid-template-columns:1fr;}.split-media.flip .sm-img{order:2;}.split-media .sm-img{aspect-ratio:4/3;}}

/* stat band */
.stat-band{padding:clamp(56px,7vw,96px) 0;}
.stat-band .stats{border-top-color:#fff;}
.stat-band .stat .n{color:#fff;}

/* advantages 3x2 with icons */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.adv-card{background:#fff;padding:clamp(26px,2.6vw,40px);}
.adv-card .ico{width:56px;height:56px;border-radius:50%;background:var(--cream);color:var(--dark);display:flex;align-items:center;justify-content:center;margin-bottom:32px;}
.adv-card .ico svg{width:26px;height:26px;}
.adv-card h3{font-size:clamp(22px,2vw,28px);font-weight:var(--bold);line-height:1.15;}
.adv-card p{color:var(--ink-mid);margin-top:10px;}
@media (max-width:900px){.adv-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.adv-grid{grid-template-columns:1fr;}}

/* home hero slideshow: crossfade with a slow push-in */
.slides>img.slide{opacity:0;transform:scale(1.06);transition:opacity 1.6s ease,transform 7.5s linear;}
.slides>img.slide.on{opacity:1;transform:scale(1);}
.slide-dots{position:absolute;z-index:3;right:var(--gut);bottom:clamp(56px,8vw,112px);display:flex;gap:10px;}
.slide-dots span{width:34px;height:3px;background:rgba(255,255,255,.35);transition:background .4s;}
.slide-dots span.on{background:var(--copper);}
@media (max-width:700px){.slide-dots{bottom:24px;right:auto;left:var(--gut);}}
@media (prefers-reduced-motion:reduce){.slides>img.slide{transition:opacity .01s;transform:none!important;}}

.nw{white-space:nowrap;}

/* origin mark: petals radiate out from the centre, then breathe */
.mark-anim{width:100%;height:100%;overflow:visible;}
.mark-anim .petal,.mark-anim .core{transform-box:fill-box;transform-origin:center;}
.mark-anim .petal{opacity:0;transform:translate(calc(var(--dx) * -1px),calc(var(--dy) * -1px)) scale(.2);}
.mark-anim .core{opacity:0;transform:scale(.2);}
.origin.play .mark-anim .core{animation:core-in .7s cubic-bezier(.2,.8,.2,1) forwards;}
.origin.play .mark-anim .petal{animation:petal-in 1.1s cubic-bezier(.2,.8,.2,1) forwards,petal-breathe 4.8s ease-in-out infinite;animation-delay:calc(.35s + var(--i) * .09s),calc(1.6s + var(--i) * .12s);}
@keyframes core-in{to{opacity:1;transform:scale(1);}}
@keyframes petal-in{to{opacity:1;transform:translate(0,0) scale(1);}}
@keyframes petal-breathe{0%,100%{opacity:1;transform:translate(0,0) scale(1);}50%{opacity:1;transform:translate(calc(var(--dx) * .07px),calc(var(--dy) * .07px)) scale(1);}}
@media (prefers-reduced-motion:reduce){.mark-anim .petal,.mark-anim .core{opacity:1;transform:none;animation:none!important;}}

/* figures: image in the feature cell, images on hover in the rest */
.fig{position:relative;overflow:hidden;isolation:isolate;}
.fig-ph{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .45s;}
.fig-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.2s;}
.fig-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,17,15,.72) 0%,rgba(18,17,15,.5) 45%,rgba(162,104,64,.62) 80%,rgba(209,130,75,.85) 100%);}
.fig .n,.fig .d,.fig .co{transition:color .35s;}
.fig:hover .fig-ph{opacity:1;}
.fig:hover .fig-ph img{transform:scale(1);}
.fig:hover .n,.fig:hover .co{color:#fff;}
.fig:hover .d{color:#EFE7DF;}
.fig.big{background:var(--night);}
.fig.big .fig-ph{opacity:1;}
.fig.big .fig-ph img{transform:scale(1);}
.fig.big .n,.fig.big .co{color:#fff;}
.fig.big .d{color:#EFE7DF;}
@media (hover:none){.fig .fig-ph{opacity:0;} .fig.big .fig-ph{opacity:1;}}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;position:relative;z-index:2;}
.contact .burst{opacity:.35;}
.btn-cu{display:inline-flex;align-items:center;gap:12px;margin-top:40px;background:var(--copper);color:var(--dark);font-weight:var(--bold);font-size:18px;padding:16px 26px;border-radius:999px;transition:.25s;}
.btn-cu svg{width:20px;height:20px;}
.btn-cu:hover{background:#fff;}
.c-cards{display:flex;flex-direction:column;gap:14px;}
.c-card{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:22px;padding:24px 26px;background:rgba(18,17,15,.72);border:1px solid var(--line-d);backdrop-filter:blur(8px);transition:.25s;}
.c-card .ico{width:64px;height:64px;border-radius:50%;background:rgba(211,146,104,.14);color:var(--copper);display:flex;align-items:center;justify-content:center;}
.c-card .ico svg{width:26px;height:26px;}
.c-card .k{display:block;font-size:14px;font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:#D9CFC6;margin-bottom:4px;}
.c-card .v{display:block;font-size:clamp(19px,1.6vw,23px);color:#fff;line-height:1.3;}
.c-card .arr{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-d);display:flex;align-items:center;justify-content:center;transition:.25s;}
.c-card .arr svg{width:18px;height:18px;}
.c-card:hover{border-color:rgba(211,146,104,.6);}
.c-card:hover .arr{background:var(--copper);border-color:var(--copper);color:var(--dark);}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}.c-card{grid-template-columns:52px 1fr 40px;padding:18px;gap:16px;}.c-card .ico{width:52px;height:52px;}}

/* scroll reveal: added by JS only, so content shows without it */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);}
.js .rv.in{opacity:1;transform:none;}
/* subtle image drift */
.px{overflow:hidden;}
.px>img{transform:translate3d(0,var(--py,0px),0) scale(1.12);will-change:transform;}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none;}.px>img{transform:none;}}

/* steady width while numbers count */
.fig .n,.stat .n{font-variant-numeric:tabular-nums;}

/* vertical rules between stat columns */
.stat+.stat{padding-left:28px;border-left:1px solid var(--line);}
.sec.dark .stat+.stat{border-left-color:var(--line-d);}
@media (max-width:640px){.stat+.stat{padding-left:0;border-left:0;}}

/* mobile alignment pass */
@media (max-width:900px){
  .fig-grid .fig:nth-child(4){border-left:0;}
  .fig.big{margin:0 calc(var(--gut) * -1);padding:36px var(--gut) 40px;}
}
@media (max-width:700px){
  .origin .burst{width:88vw;right:-20vw;bottom:-24vw;top:auto;transform:none;}
  .origin{padding-bottom:70vw;}
}

/* lighter copper grade on the 850,000 cylinder image (Oto, 2026-09-13) */
.fig.big .fig-ph::after{background:linear-gradient(180deg,rgba(18,17,15,.72) 0%,rgba(18,17,15,.45) 45%,rgba(162,104,64,.28) 82%,rgba(209,130,75,.42) 100%);}