@font-face{font-family:"Cormorant";src:url("fonts/cormorant-latin-ext.woff2") format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cormorant";src:url("fonts/cormorant-latin.woff2") format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin-ext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* =====================================================================
   BURDEM design system v2 (Phase 0 / agent A1) — Burdem Plastik only.
   Light is the default; dark only when the visitor picks it (data-theme="dark").
   Rules: red is rationed (main action, focus, badges, logo, one partner band);
   Cormorant only at 28px and above; every product photo sits on a pale plate.
   ===================================================================== */
:root{
  /* colour */
  --bg:#fbfaf7;--surface:#ffffff;--plate:#f4f2ee;--plate-2:#ebe8e2;
  --ink:#161514;--ink-2:#55524d;--ink-3:#6f6b64;
  --line:#e6e2db;--line-2:#d3cec5;
  --accent:#c8102e;--accent-hover:#a50d26;--accent-ink:#ffffff;--accent-soft:#fbebed;
  --accent-bg:#c8102e;--accent-bg-hover:#a50d26; /* filled red behind white text: 5.9:1 in both themes */
  --scrim:rgba(14,13,12,.48);
  /* type */
  --serif:"Cormorant","Cormorant Garamond",ui-serif,Georgia,serif;
  --sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --t-display:clamp(3rem,6vw + 1rem,5.5rem);
  --t-h1:clamp(2.5rem,3.6vw + 1rem,4rem);
  --t-h2:clamp(2rem,2.2vw + 1rem,3rem);
  --t-h3:clamp(1.375rem,.8vw + 1rem,1.75rem);
  --t-h4:1.125rem;--t-lead:clamp(1.125rem,.4vw + 1rem,1.25rem);
  --t-body:1rem;--t-small:.875rem;--t-eyebrow:.8125rem;
  /* space (4px steps) */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--s11:160px;
  --margin:clamp(16px,5vw,80px);--maxw:1440px;--section:clamp(64px,10vw,160px);
  --gap:clamp(12px,1.8vw,24px);
  /* shape + motion */
  --r-ctl:2px;--r-plate:4px;
  --ease:cubic-bezier(.2,0,0,1);--ease-exit:cubic-bezier(.4,0,1,1);
  --d-micro:180ms;--d-ui:280ms;--d-reveal:560ms;--d-swap:300ms;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#141312;--surface:#1c1b19;--plate:#f4f2ee;--plate-2:#e6e2db; /* plates stay light: studio photos never glow */
  --ink:#f2efe9;--ink-2:#b4afa5;--ink-3:#9a958b;
  --line:#2c2a27;--line-2:#3b3834;
  --accent:#ef4a60;--accent-hover:#ff6476;--accent-ink:#ffffff;--accent-soft:#2a1416; /* red text on dark: 4.8:1 on cards, 5.1:1 on page */
  --scrim:rgba(0,0,0,.6);
  color-scheme:dark;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--t-body)/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,picture,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--margin)}
.section{padding-block:var(--section)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- type ---------- */
.display,.h1,.h2{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;margin:0;text-wrap:balance}
.display{font-size:var(--t-display);line-height:1}
.h1{font-size:var(--t-h1);line-height:1.05}
.h2{font-size:var(--t-h2);line-height:1.1;letter-spacing:0}
.h3{font:600 var(--t-h3)/1.25 var(--sans);letter-spacing:-.005em;margin:0}
.h4{font:600 var(--t-h4)/1.3 var(--sans);margin:0}
.lead{font-size:var(--t-lead);line-height:1.55;color:var(--ink-2);max-width:62ch;margin:0}
.small{font-size:var(--t-small);line-height:1.45;color:var(--ink-2)}
.eyebrow{font:600 var(--t-eyebrow)/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.eyebrow.red{color:var(--accent)}
.code{font:500 .8125rem/1.2 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink-3)}
.figure{font-family:var(--serif);font-weight:500;font-size:clamp(4rem,6vw,6rem);line-height:.9;letter-spacing:-.02em}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border-radius:var(--r-ctl);border:1px solid transparent;font:600 .9375rem/1 var(--sans);letter-spacing:.01em;cursor:pointer;transition:background var(--d-micro) var(--ease),color var(--d-micro) var(--ease),border-color var(--d-micro) var(--ease);white-space:nowrap}
.btn-primary{background:var(--accent-bg);color:var(--accent-ink)}
.btn-primary:hover{background:var(--accent-bg-hover);color:var(--accent-ink)}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-outline:hover{border-color:var(--ink);color:var(--ink)}
.btn-light{background:#fff;color:#161514}.btn-light:hover{background:#f4f2ee;color:#161514}
.btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn-ghost-light:hover{border-color:#fff;color:#fff}
.btn-sm{min-height:36px;padding:0 var(--s4);font-size:.8125rem}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--r-ctl)}
.icon-btn:hover{color:var(--accent)}

/* ---------- header ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:50;color:var(--ink);background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);transition:transform var(--d-ui) var(--ease),background var(--d-ui) var(--ease),color var(--d-ui) var(--ease),border-color var(--d-ui) var(--ease)}
.hd.over-hero{background:transparent;border-color:transparent;color:#fff}
.hd.hidden{transform:translateY(-100%)}
.hd-in{display:flex;align-items:center;gap:var(--s5);height:72px}
.logo{font:600 1.5rem/1 var(--serif);letter-spacing:.14em;color:inherit}
.logo b{color:var(--accent);font-weight:600}
.hd.over-hero .logo b{color:#fff}
.nav{display:flex;gap:var(--s5);margin-left:var(--s6)}
.nav a,.nav button{font:500 .9375rem/1 var(--sans);background:none;border:0;color:inherit;cursor:pointer;padding:var(--s2) 0}
.hd-tools{margin-left:auto;display:flex;align-items:center;gap:var(--s1)}
.hd .btn-primary{margin-left:var(--s3)}
.inq-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-bg);color:#fff;font:700 .6875rem/1 var(--sans);margin-left:-10px;margin-top:-16px}
.inq-count[data-n="0"]{display:none}
@media (max-width:1023px){.nav{display:none}.hd .btn-primary{display:none}}

/* mega-menu */
.mega{position:absolute;inset:72px 0 auto;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--d-ui) var(--ease),transform var(--d-ui) var(--ease),visibility 0s linear var(--d-ui)}
.mega.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s5);padding-block:var(--s6)}
.mega{max-height:calc(100vh - 72px);overflow:auto}
.mega-links{display:none}
.menu-btn{display:none}
@media (max-width:1023px){
  .menu-btn{display:inline-grid}
  .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);padding-block:var(--s5)}
  .mega-links{display:grid;gap:var(--s1);padding-block:0 var(--s6);border-top:1px solid var(--line)}
  .mega-links a{font:600 1.0625rem/1 var(--sans);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
  .mega-links .btn{margin-top:var(--s4);border-bottom:0}
}
@media (max-width:599px){.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mega-item{display:grid;gap:var(--s2)}
.mega-item .plate{aspect-ratio:4/3}
.mega-item .plate img{padding:10%}
.mega-item span{font:600 .9375rem/1.3 var(--sans)}
.mega-item small{color:var(--ink-3);font-size:.8125rem}

/* ---------- plates + pictures ---------- */
.plate{position:relative;background:var(--plate);border-radius:var(--r-plate);overflow:hidden}
.plate picture{display:block;width:100%;height:100%}
.plate img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.plate.cover img{object-fit:cover;mix-blend-mode:normal}

/* ---------- hero ---------- */
.hero{position:relative;min-height:min(92vh,880px);display:grid;align-items:end;color:#fff;overflow:hidden;isolation:isolate;background:#2a2926}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero img{animation:settle 1.6s var(--ease) both}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 100%)}
.hero-in{padding-block:var(--s10) var(--s9);display:grid;gap:var(--s5);max-width:880px}
.hero .eyebrow{color:rgba(255,255,255,.88)}
.hero .lead{color:rgba(255,255,255,.9)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s3)}
@keyframes settle{from{transform:scale(1.03)}to{transform:none}}

/* split hero: used until 2400px+ factory photography exists (current factory frames are 680–1320px) */
.hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(82vh,780px);padding-top:72px;background:var(--bg)}
.hero-split .copy{display:grid;align-content:center;gap:var(--s5);padding:var(--s9) var(--s8) var(--s9) var(--margin);max-width:760px;justify-self:end;width:100%}
.hero-split .display{font-size:clamp(2.75rem,3.4vw + 1rem,4.75rem)}
.hero-split .media{position:relative;background:var(--plate);overflow:hidden}
.hero-split .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:settle 1.6s var(--ease) both}
.hero-split .tag{position:absolute;left:var(--s5);bottom:var(--s5);background:rgba(255,255,255,.94);color:#161514;padding:10px 12px;border-radius:var(--r-ctl);display:grid;gap:2px;font-size:.8125rem}
.hero-split .tag b{font-weight:600}
@media (max-width:899px){.hero-split{grid-template-columns:1fr}.hero-split .copy{padding:var(--s8) var(--margin) var(--s7);justify-self:stretch}.hero-split .media{aspect-ratio:4/5}}

/* ---------- proof strip ---------- */
.proof{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.proof div{padding:var(--s6) var(--s5);border-left:1px solid var(--line);display:grid;gap:var(--s2)}
.proof div:first-child{border-left:0;padding-left:0}
@media (max-width:767px){.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(3){border-left:0;padding-left:0}.proof div{border-top:1px solid var(--line)}.proof div:nth-child(-n+2){border-top:0}}

/* ---------- section head ---------- */
.sh{display:flex;align-items:end;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s7);flex-wrap:wrap}
.sh>div{display:grid;gap:var(--s3);max-width:720px}

/* ---------- category grid ---------- */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}
.ct{display:grid;gap:var(--s3)}
.ct .plate{aspect-ratio:4/5;display:grid;place-items:center}
.ct .plate picture{display:grid;place-items:center}
.ct .plate img{width:80%;height:80%;transition:transform var(--d-ui) var(--ease)}
.ct:hover .plate img{transform:scale(1.04)}
.ct .plate img.draw{position:absolute;right:12px;top:12px;width:44px;height:44px;mix-blend-mode:normal;transform:none}
.ct-name{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2)}
.ct-name span{font:600 1rem/1.3 var(--sans)}
.ct-name small{color:var(--ink-3);font-size:.8125rem;font-variant-numeric:tabular-nums}
.ct .num{position:absolute;left:12px;top:12px;font:600 .75rem/1 var(--sans);letter-spacing:.12em;color:#6f6b64}
@media (max-width:1023px){.cats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:599px){.cats{grid-template-columns:repeat(2,1fr)}}

/* ---------- product tile ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s7) var(--gap)}
@media (max-width:1023px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:599px){.grid{grid-template-columns:repeat(2,1fr);gap:var(--s6) var(--s3)}}
.pt{display:grid;gap:var(--s3);align-content:start;min-width:0}
.pt-media{aspect-ratio:1/1;display:block}
.pt-media>picture img{padding:8%}
.pt-media .alt{position:absolute;inset:0;opacity:0;transition:opacity var(--d-swap) var(--ease)}
.pt-media .alt img{object-fit:cover;mix-blend-mode:normal}
@media (hover:hover){.pt:hover .pt-media .alt{opacity:1}}
.pt-badge{position:absolute;left:10px;top:10px;z-index:2;background:var(--accent-bg);color:#fff;font:700 .6875rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;border-radius:var(--r-ctl)}
.pt-body{display:grid;gap:var(--s1)}
.pt-name{font:600 1rem/1.3 var(--sans);margin:0}
.pt-meta{font-size:.875rem;color:var(--ink-2)}
.pt-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s2)}
.pt-add{border:1px solid var(--line-2);background:transparent;color:var(--ink);font:600 .8125rem/1 var(--sans);height:36px;padding:0 12px;border-radius:var(--r-ctl);cursor:pointer;transition:all var(--d-micro) var(--ease);white-space:nowrap}
.pt-add:hover{border-color:var(--accent);color:var(--accent)}
.pt-add[aria-pressed="true"]{background:var(--accent-bg);border-color:var(--accent-bg);color:#fff}

/* ---------- chips / filters ---------- */
.chips{display:flex;gap:var(--s2);flex-wrap:wrap}
.chip{height:36px;padding:0 var(--s4);border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--ink);font:500 .875rem/1 var(--sans);cursor:pointer;transition:all var(--d-micro) var(--ease);white-space:nowrap}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.filterbar{position:sticky;top:0;z-index:5;background:var(--bg);border-block:1px solid var(--line);padding-block:var(--s3);margin-bottom:var(--s6);display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}
.filterbar .chips{min-width:0}
@media (max-width:767px){.filterbar .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filterbar .small{display:none}}

/* ---------- editorial "in use" band ---------- */
.inuse{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(160px,18vw,260px);gap:var(--gap)}
.inuse figure{margin:0;height:100%}
.inuse .tall{grid-row:span 2}.inuse .wide{grid-column:span 2}
.inuse figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);color:#161514;font:600 .8125rem/1 var(--sans);padding:8px 10px;border-radius:var(--r-ctl)}
@media (max-width:767px){.inuse{grid-template-columns:1fr 1fr;grid-auto-rows:42vw}}

/* ---------- factory tiles ---------- */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.fact{background:var(--bg);padding:var(--s6);display:grid;gap:var(--s3);align-content:start}
.fact svg{width:44px;height:44px;color:var(--ink)}
@media (max-width:767px){.facts{grid-template-columns:1fr}}

/* ---------- product page ---------- */
.pdp{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:var(--s8);align-items:start}
.pdp-gallery{position:sticky;top:96px;display:grid;gap:var(--s3)}
.pdp-gallery>.plate{aspect-ratio:1/1}
.pdp-gallery>.plate>picture img{padding:6%}
.pdp-gallery>.plate.cover>picture img{padding:0}
.pdp-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2)}
.pdp-thumbs button{padding:0;border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--r-plate)}
.pdp-thumbs button[aria-current="true"]{border-color:var(--ink)}
.pdp-thumbs .plate{aspect-ratio:1/1}
.pdp-info{display:grid;gap:var(--s5);align-content:start}
.keyfacts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0}
.keyfacts div{padding:var(--s4) 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.keyfacts dt{font-size:.8125rem;color:var(--ink-3)}.keyfacts dd{margin:0;font-weight:600}
.pdp-cta{display:flex;gap:var(--s3);flex-wrap:wrap}
@media (max-width:899px){.pdp{grid-template-columns:1fr;gap:var(--s6)}.pdp-gallery{position:static}}

/* accordions + spec table */
.acc{border-bottom:1px solid var(--line)}
.acc:first-of-type{border-top:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:var(--s4) 0;font:600 1rem/1.3 var(--sans)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform var(--d-ui) var(--ease)}
.acc[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.acc-body{padding-bottom:var(--s5)}
.spec{width:100%;border-collapse:collapse;font-size:.9375rem}
.spec th,.spec td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec th{font-weight:500;color:var(--ink-2);width:46%}
.spec td{font-variant-numeric:tabular-nums}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec .tbc{color:var(--ink-3);font-style:italic}

/* ---------- partner band (the one red moment) ---------- */
.band-red{background:var(--accent-bg);color:#fff}
.band-red .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s7);align-items:center;padding-block:var(--s9)}
.band-red .eyebrow{color:rgba(255,255,255,.85)}
.band-red .lead{color:rgba(255,255,255,.92)}
.band-red .acts{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:flex-end}
@media (max-width:767px){.band-red .wrap{grid-template-columns:1fr}.band-red .acts{justify-content:flex-start}}

/* ---------- trade hub cards ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.card{border:1px solid var(--line);background:var(--surface);padding:var(--s6);display:grid;gap:var(--s3);align-content:start;transition:border-color var(--d-micro) var(--ease)}
.card:hover{border-color:var(--ink);color:inherit}
.card .go{margin-top:var(--s3);font-weight:600;color:var(--accent)}
@media (max-width:767px){.cards3{grid-template-columns:1fr}}

/* ---------- inquiry list ---------- */
.inq-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:var(--s3);padding:var(--s3) var(--margin);background:var(--surface);border-top:1px solid var(--line);transform:translateY(100%);transition:transform var(--d-ui) var(--ease)}
.inq-bar.show{transform:none}
.inq-bar .btn{flex:1}
@media (max-width:899px){.inq-bar{display:flex}}
.drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100%);z-index:60;background:var(--surface);color:var(--ink);transform:translateX(100%);transition:transform var(--d-ui) var(--ease);display:grid;grid-template-rows:auto 1fr auto;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer-hd,.drawer-ft{padding:var(--s5);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.drawer-ft{border-bottom:0;border-top:1px solid var(--line);display:grid;gap:var(--s3)}
.drawer-list{overflow:auto;padding:0 var(--s5)}
.drawer-empty{padding:var(--s6) 0;color:var(--ink-2)}
.inq-row{display:grid;grid-template-columns:64px 1fr auto;gap:var(--s3);align-items:center;padding-block:var(--s3);border-bottom:1px solid var(--line)}
.inq-row .plate{width:64px;height:64px}
.inq-row .plate img{padding:8%}
.qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r-ctl)}
.qty button{width:32px;height:32px;border:0;background:none;color:inherit;cursor:pointer;font-size:1rem}
.qty input{width:52px;height:32px;border:0;border-inline:1px solid var(--line-2);text-align:center;background:transparent;color:inherit;font:600 .875rem var(--sans)}
.scrim{position:fixed;inset:0;z-index:55;background:var(--scrim);opacity:0;visibility:hidden;transition:opacity var(--d-ui) var(--ease),visibility 0s linear var(--d-ui)}
.scrim.show{opacity:1;visibility:visible;transition-delay:0s}

/* ---------- footer ---------- */
.ft{border-top:1px solid var(--line);padding-block:var(--s9) var(--s6);font-size:.9375rem}
.ft-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--s6)}
.ft h2,.ft h4{font:600 var(--t-eyebrow)/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s4)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.ft-legal{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--s4);color:var(--ink-3);font-size:.8125rem;flex-wrap:wrap}
@media (max-width:767px){.ft-grid{grid-template-columns:1fr 1fr}.ft-grid>:first-child{grid-column:1/-1}}

/* ---------- motion: reveal once ---------- */
/* Visible at rest; only elements that start below the fold are set to "pending" by JS and fade in once. */
.rv{transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.rv.pending{opacity:0;transform:translateY(16px)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-property:opacity!important;transition-duration:1ms!important}
  .rv.pending{opacity:1;transform:none}
}
/* =====================================================================
   BURDEM site layer v2 (Phase 1 / agent A3) — appended after design.css.
   Real-page parts: sticky header, page heads, search, forms, product page,
   comparison table, video, and the .legacy layer that restyles the
   hand-written landing pages without changing a word of them.
   ===================================================================== */

/* header sits in the flow on real pages (no full-bleed photo hero yet) */
.hd{position:sticky;top:0}
.hero-split{padding-top:0;min-height:min(78vh,760px)}
.nav a[aria-current="page"],.nav button[aria-current="page"]{color:var(--accent)}
body:has(.hd:not(.hidden)) .filterbar{top:72px}
.filterbar{transition:top var(--d-ui) var(--ease)}

/* breadcrumbs + page head */
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:.8125rem;color:var(--ink-3);padding:var(--s5) 0 0;margin:0;list-style:none}
.crumbs li+li::before{content:"/";margin-right:var(--s2);color:var(--line-2)}
.crumbs a{color:var(--ink-2)}
.ph{padding-block:var(--s8) var(--s7);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s6);align-items:end;border-bottom:1px solid var(--line)}
.ph>div{display:grid;gap:var(--s4);max-width:820px}
.ph-draw{width:112px;height:112px}
:root[data-theme="dark"] .ph-draw,:root[data-theme="dark"] .legacy .ph-draw{filter:invert(.92) hue-rotate(180deg)}
@media (max-width:599px){.ph{grid-template-columns:1fr}.ph-draw{display:none}}

/* catalogue tools */
.cat-tools{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s5)}
.search-field{position:relative;flex:1 1 320px;max-width:480px}
.search-field input{width:100%;height:48px;padding:0 var(--s4) 0 44px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--surface);color:var(--ink);font:400 1rem var(--sans)}
.search-field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.search-field svg{position:absolute;left:14px;top:14px;width:20px;height:20px;color:var(--ink-3)}
.empty{padding:var(--s8) 0;color:var(--ink-2)}
.pt[hidden]{display:none}

/* search dialog */
.sd{position:fixed;inset:0;z-index:70;display:none;background:var(--scrim)}
.sd.open{display:block}
.sd-panel{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);max-height:min(80vh,720px);display:grid;grid-template-rows:auto 1fr}
.sd-head{display:flex;gap:var(--s3);align-items:center;padding-block:var(--s4)}
.sd-head input{flex:1;min-width:0;height:56px;border:0;border-bottom:1px solid var(--line-2);background:transparent;color:var(--ink);font:400 clamp(1.25rem,1vw + 1rem,1.75rem) var(--sans);padding:0}
.sd-head input:focus{outline:none;border-bottom-color:var(--ink)}
.sd-list{overflow:auto;padding-bottom:var(--s5)}
.sd-list a{display:grid;grid-template-columns:56px 1fr auto;gap:var(--s4);align-items:center;padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.sd-list a:hover,.sd-list a[aria-selected="true"]{color:var(--accent)}
.sd-list .plate{width:56px;height:56px}
.sd-list .plate img{padding:8%}
.sd-list b{font-weight:600}
.sd-hint{color:var(--ink-3);font-size:.875rem;padding-block:var(--s4);margin:0}

/* forms */
.form{display:grid;gap:var(--s4);max-width:720px}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4)}
.field{display:grid;gap:6px}
.field label{font:500 .875rem/1.3 var(--sans);color:var(--ink-2)}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--surface);color:var(--ink);font:400 1rem/1.4 var(--sans)}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.hpot{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;overflow:hidden}
.form.sent{display:none}
.notice{border-left:2px solid var(--accent);background:var(--accent-soft);padding:var(--s3) var(--s4);font-size:.9375rem;display:none}
.notice.show{display:block}
.form-success{display:none;border:1px solid var(--line);background:var(--surface);padding:var(--s6);max-width:720px}
.form-success.show{display:grid;gap:var(--s3)}
.contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s8);align-items:start}
.contact aside{border:1px solid var(--line);background:var(--surface);padding:var(--s6);display:grid;gap:var(--s4)}
.contact aside dl{margin:0;display:grid;gap:var(--s4)}
.contact aside dt{font-size:.8125rem;color:var(--ink-3)}.contact aside dd{margin:0;font-weight:600}
@media (max-width:899px){.contact{grid-template-columns:1fr}}

/* FAQ (shares the accordion look) */
.faq{max-width:860px}
.faq .acc-body p{margin:0;color:var(--ink-2);max-width:68ch}

/* Europe vs far-east comparison */
.compare{width:100%;border-collapse:collapse;font-size:.9375rem}
.compare th,.compare td{text-align:left;padding:var(--s4) var(--s3);border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font:600 var(--t-eyebrow)/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.compare thead th.us{color:var(--accent)}
.compare tbody th{font-weight:500;color:var(--ink-2);width:28%}
.compare td.us{font-weight:600}
.compare td.them{color:var(--ink-3)}
.scroll-x{overflow-x:auto}
@media (max-width:599px){.compare th,.compare td{padding:var(--s3) var(--s2);font-size:.8125rem}}

/* two-column feature (image + copy) */
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.feature>div{display:grid;gap:var(--s5)}
.feature picture img{width:100%;height:auto;border-radius:var(--r-plate)}
@media (max-width:899px){.feature{grid-template-columns:1fr;gap:var(--s6)}}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.checks li{position:relative;padding-left:28px;color:var(--ink-2)}
.checks li strong{color:var(--ink);font-weight:600}
.checks li::before{content:"";position:absolute;left:2px;top:.5em;width:11px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}

/* video facade (YouTube loads only on click) */
.video{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;cursor:pointer;border-radius:var(--r-plate)}
.video img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity var(--d-ui) var(--ease)}
.video:hover img{opacity:1}
.video button{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:0;background:var(--accent-bg);color:#fff;display:grid;place-items:center;cursor:pointer}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* product page extras */
.pdp h1{font-size:clamp(2.25rem,2.4vw + 1rem,3.25rem)}
.pdp .note{font-size:.875rem;color:var(--ink-3);margin:0}
.dl-list{display:grid;gap:var(--s2);margin:0;padding:0;list-style:none}
.dl-list a{font-weight:600}

/* markets row in footer */
.ft-markets{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-top:var(--s6);font-size:.875rem;color:var(--ink-2)}
.ft-markets span{color:var(--ink-3)}

/* =====================================================================
   .legacy — restyles the hand-written landing pages (same words, new look)
   ===================================================================== */
.legacy section{padding-block:clamp(48px,7vw,112px)}
.legacy section:first-child{padding-top:var(--s8)}
.legacy .section-alt{background:var(--surface);border-block:1px solid var(--line)}
.legacy .wrap{position:relative}
.legacy .ph-draw{position:absolute;right:var(--margin);top:0;opacity:.95}
@media (max-width:899px){.legacy .ph-draw{display:none}}
.legacy .label{font:600 var(--t-eyebrow)/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--s4)}
.legacy h1{font:500 var(--t-h1)/1.05 var(--serif);letter-spacing:-.01em;margin:0;text-wrap:balance;max-width:20ch}
.legacy h2{font:500 var(--t-h2)/1.1 var(--serif);margin:0 0 var(--s4);text-wrap:balance}
.legacy h3,.legacy h4{font:600 var(--t-h4)/1.3 var(--sans);margin:0 0 var(--s2)}
.legacy p{margin:0 0 var(--s3)}
.legacy .lead{margin-top:var(--s4)}
.legacy .muted{color:var(--ink-2)}
.legacy .measure{max-width:62ch}
.legacy strong{font-weight:600}
.legacy ul:not([class]),.legacy ol:not([class]){padding-left:1.2em;color:var(--ink-2);display:grid;gap:var(--s2)}
.legacy a:not([class]){color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.legacy .cta-row{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.legacy .stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:var(--s6)}
.legacy .stat{padding:var(--s5);border-left:1px solid var(--line);display:grid;gap:var(--s2)}
.legacy .stat:first-child{border-left:0;padding-left:0}
.legacy .stat .num{font:500 clamp(2rem,2.4vw + 1rem,3rem)/1 var(--serif);color:var(--ink)}
.legacy .stat .cap{font-size:var(--t-small);color:var(--ink-2)}
@media (max-width:767px){.legacy .stats{grid-template-columns:1fr 1fr}.legacy .stat:nth-child(3){border-left:0;padding-left:0}}
.legacy .g3,.legacy .g4{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:var(--s6)}
.legacy .g4{grid-template-columns:repeat(4,1fr)}
.legacy .tile{background:var(--bg);padding:var(--s6);display:grid;gap:var(--s2);align-content:start}
.legacy .section-alt .tile{background:var(--surface)}
.legacy .tile p{color:var(--ink-2);font-size:.9375rem;margin:0}
.legacy .tile .label{margin-bottom:var(--s2)}
@media (max-width:899px){.legacy .g3,.legacy .g4{grid-template-columns:1fr 1fr}}
@media (max-width:599px){.legacy .g3,.legacy .g4{grid-template-columns:1fr}}
.legacy .split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:center}
@media (max-width:899px){.legacy .split{grid-template-columns:1fr;gap:var(--s6)}}
.legacy .imgzone{position:relative;overflow:hidden;border-radius:var(--r-plate);background:var(--plate);aspect-ratio:4/3}
.legacy .imgzone>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.legacy .imgzone .tag{position:absolute;left:var(--s4);bottom:var(--s4);background:rgba(255,255,255,.94);color:#161514;font-size:.8125rem;padding:6px 10px;border-radius:var(--r-ctl)}
.legacy .checklist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.legacy .checklist li{position:relative;padding-left:28px;color:var(--ink-2)}
.legacy .checklist li::before{content:"";position:absolute;left:2px;top:.5em;width:11px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}
.legacy .faq{border-top:1px solid var(--line);margin-top:var(--s5)}
.legacy .faq details{border-bottom:1px solid var(--line)}
.legacy .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s4);align-items:center;padding:var(--s4) 0;font:600 1rem/1.4 var(--sans)}
.legacy .faq summary::-webkit-details-marker{display:none}
.legacy .faq summary::after{content:"";flex:0 0 9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform var(--d-ui) var(--ease)}
.legacy .faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.legacy .faq .a{padding-bottom:var(--s5);color:var(--ink-2);max-width:68ch}
.legacy .rfq-band{background:var(--accent-bg);color:#fff;padding:var(--s8) var(--s6);display:grid;gap:var(--s3);justify-items:start}
.legacy .rfq-band h2{color:#fff;margin:0}
.legacy .rfq-band p{color:rgba(255,255,255,.92);margin:0}
.legacy .rfq-band .btn-primary{background:#fff;color:#161514}
.legacy .rfq-band .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.legacy .proc{border:1px solid var(--line);padding:var(--s6)}
.legacy .proc-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s5);margin-top:var(--s5)}
.legacy .step .n{font:600 .75rem/1 var(--sans);letter-spacing:.12em;color:var(--accent)}
.legacy .step p{font-size:.875rem;color:var(--ink-2)}
@media (max-width:899px){.legacy .proc-inner{grid-template-columns:1fr 1fr}}
.legacy .grid{margin-top:var(--s6)}