@import url("fonts.css");
/* ==========================================================================
   FELIX — design system
   Swiss-editorial, industrial. Radius 0. Hairlines instead of cards.
   Type: Archivo (display + UI) · Public Sans (text) · IBM Plex Mono (data)
   ========================================================================== */
:root{
  --paper:#f2f1ed; --paper-2:#e8e6df; --paper-3:#dcd9d0;
  --ink:#0d1220; --ink-2:#2b3144; --ink-3:#5b6174;
  --navy:#37477b; --navy-deep:#222d52;
  --signal:#ec5840; --signal-text:#b9341f;
  --line:rgba(13,18,32,.16); --line-strong:rgba(13,18,32,.5);
  --fg:var(--ink); --fg-2:var(--ink-2); --fg-3:var(--ink-3); --bg:var(--paper);
  --sl-nw:rgba(55,71,123,.07); --fib:rgba(13,18,32,.42); --sl-film:rgba(236,88,64,.17); --pore:rgba(185,52,31,.55); --sl-ab:rgba(55,71,123,.15);
  --rim:rgba(13,18,32,.45); --edge:rgba(13,18,32,.18); --ann:var(--ink-2);
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif; --f-text:"Public Sans","Helvetica Neue",Arial,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --wrap:1360px; --pad:clamp(18px,3.4vw,48px); --gap:24px;
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.5rem; --s5:4rem; --s6:6.5rem; --s7:9rem;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:7.5rem}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.62 var(--f-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;font-stretch:108%;letter-spacing:-.022em;line-height:1.04;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.35rem,5.2vw,5rem);line-height:1}
h2{font-size:clamp(1.8rem,3.3vw,3.1rem)}
h3{font-size:clamp(1.15rem,1.6vw,1.45rem);letter-spacing:-.012em;line-height:1.18}
ul,ol{margin:0;padding:0;list-style:none}
dl,dd{margin:0}
.mono,.kicker{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500}
.kicker{color:var(--fg-3);margin:0 0 1.1rem;display:block}
.small{font-size:.875rem}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.8rem 1.2rem;z-index:100}.skip:focus{left:0}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.grid>*,.cat>*,.p-hero>*,.a-hero>*,.hero-grid>*{min-width:0}
.btn-row{display:flex;flex-wrap:wrap;gap:.6rem}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
::selection{background:var(--navy);color:#fff}
.dark{--fg:#f2f1ed;--fg-2:rgba(242,241,237,.78);--fg-3:rgba(242,241,237,.55);--bg:var(--ink);--line:rgba(242,241,237,.18);--line-strong:rgba(242,241,237,.5);
  --sl-nw:rgba(220,226,240,.08);--fib:rgba(220,226,240,.4);--sl-film:rgba(236,88,64,.28);--pore:rgba(255,190,176,.7);--sl-ab:rgba(220,226,240,.18);--rim:rgba(242,241,237,.5);--edge:rgba(242,241,237,.16);--ann:rgba(242,241,237,.8);
  background:var(--bg);color:var(--fg)}
.alt{background:var(--paper-2)}

/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;gap:.7rem;font:600 .8125rem/1 var(--f-display);font-stretch:105%;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;
  padding:1.05rem 1.5rem;background:var(--navy);color:#fff;border:1px solid var(--navy);cursor:pointer;transition:background .2s var(--ease),color .2s,border-color .2s}
.btn:hover{background:var(--navy-deep);border-color:var(--navy-deep)}
.btn .ar{transition:transform .25s var(--ease)}.btn:hover .ar{transform:translateX(3px)}
.btn.sm{padding:.8rem 1.1rem;font-size:.75rem}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line-strong)}
.btn.ghost:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.dark .btn{background:#fff;color:var(--ink);border-color:#fff}.dark .btn:hover{background:var(--signal);border-color:var(--signal);color:#fff}
.dark .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.dark .btn.ghost:hover{background:#fff;color:var(--ink)}
.btn.text{background:none;border-color:transparent;color:var(--fg);padding-inline:.2rem;text-decoration:underline;text-underline-offset:.3em}
.link{display:inline-flex;gap:.55rem;align-items:center;font:600 .8125rem var(--f-display);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:.25rem}
.link:hover{border-color:var(--signal)}.link .ar{transition:transform .25s var(--ease)}.link:hover .ar{transform:translateX(3px)}
.ex{display:inline-block;margin-left:.25em;vertical-align:baseline}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.utility{border-bottom:1px solid var(--line);font-size:.75rem;transition:margin .3s var(--ease)}
.utility .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;color:var(--ink-3)}
.utility a{text-decoration:none;margin-left:1.5rem}.utility a:hover{color:var(--ink);text-decoration:underline}
.site-header.scrolled .utility{margin-top:-35px}
.bar{display:flex;align-items:center;gap:2rem;height:72px}
.brand img{height:20px;width:auto}
.primary{flex:1}.primary ul{display:flex;gap:.25rem}
.nav-link{display:block;padding:.6rem .9rem;font:500 .9375rem var(--f-display);font-stretch:100%;text-decoration:none;position:relative}
.nav-link::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.25rem;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-link:hover::after,.nav-link[aria-expanded=true]::after,.nav-link[aria-current]::after{transform:scaleX(1)}
.bar-cta{display:flex;gap:.6rem}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line-strong);background:none;position:relative;cursor:pointer}
.menu-btn i{position:absolute;left:12px;right:12px;height:1.5px;background:var(--ink);transition:transform .3s var(--ease)}.menu-btn i:nth-child(1){top:18px}.menu-btn i:nth-child(2){top:25px}
.menu-btn[aria-expanded=true] i:nth-child(1){transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded=true] i:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line-strong);box-shadow:0 30px 40px -30px rgba(13,18,32,.35)}
.mega[hidden]{display:none}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);padding-block:2.5rem 3rem;animation:megain .25s var(--ease)}
.mega-grid.two{grid-template-columns:2fr 1fr}
@keyframes megain{from{opacity:0;transform:translateY(-6px)}}
.mg-col h3{color:var(--ink-3);margin-bottom:1rem;font-size:.72rem}
.mg-col li a{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;text-decoration:none;font:500 1rem var(--f-display);border-bottom:1px solid transparent}
.mg-col li a:hover{border-color:var(--signal)}.ct{font:400 .75rem var(--f-mono);color:var(--ink-3)}
.mg-find form{display:flex;gap:0}.mg-find input{flex:1;border:1px solid var(--line-strong);border-right:0;background:#fff;padding:.7rem .8rem;font:inherit;min-width:0}
.app-big{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4)}
.app-big li a{display:flex;gap:1.2rem;padding:1.1rem 0;border-top:1px solid var(--line);text-decoration:none}
.app-big li a:hover b{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:.25em}
.app-big .n{font:500 .72rem var(--f-mono);color:var(--ink-3);padding-top:.35rem}
.app-big b{display:block;font:600 1.15rem var(--f-display);font-stretch:105%}
.app-big small{display:block;color:var(--ink-3);font-size:.875rem;line-height:1.4;margin-top:.2rem}
.drawer{position:fixed;inset:0;top:0;background:var(--paper);z-index:45;padding-top:120px;overflow:auto}
.drawer[hidden]{display:none}
.d-list>li{border-bottom:1px solid var(--line)}
.d-list>li>a,.d-list summary{display:block;padding:1.1rem 0;font:600 1.5rem var(--f-display);font-stretch:105%;list-style:none;text-decoration:none;cursor:pointer}
.d-list summary::-webkit-details-marker{display:none}
.d-list details ul{padding:0 0 1.2rem}.d-list details li a{display:block;padding:.5rem 0;text-decoration:none;font-size:1.05rem;color:var(--ink-2)}
.d-cta{display:grid;gap:.6rem;margin:1.5rem 0}

/* ---------- breadcrumbs ---------- */
.crumbs{padding-block:1.2rem}.crumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .1rem;font:400 .75rem var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.crumbs li+li::before{content:"/";margin:0 .6rem;opacity:.5}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs [aria-current]{color:var(--ink)}

/* ---------- section primitives ---------- */
.sec{padding-block:clamp(4rem,9vw,8rem)}
.sec-head{grid-column:1 / span 4}.sec-head.wide{max-width:60rem;margin-bottom:var(--s5)}
.sec-head h2{margin-bottom:1rem}.sec-head p{color:var(--fg-2)}
.lead{font-size:1.2rem;color:var(--fg-2)}
.pg-head{padding-block:clamp(2rem,5vw,4.5rem) clamp(2.5rem,5vw,4rem)}.pg-head h1{max-width:21ch;margin-bottom:1.5rem}
.pg-lead{max-width:44rem;font-size:1.25rem;color:var(--ink-2)}
.a-label{grid-column:1 / span 3;padding-top:.5rem}.a-text{grid-column:4 / span 8;margin-bottom:var(--s5)}.a-text.narrow{grid-column:1 / span 8}
.a-text .big,.big{font:500 clamp(1.25rem,2vw,1.7rem)/1.4 var(--f-display);font-stretch:100%;letter-spacing:-.01em;color:var(--ink);margin-bottom:1.2rem;text-wrap:pretty}
.ticks{display:grid;gap:.1rem}.ticks li{position:relative;padding:.65rem 0 .65rem 1.6rem;border-top:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:0;top:1.28rem;width:.7rem;height:1.5px;background:var(--signal)}
.ticks.cols{grid-template-columns:repeat(2,1fr);column-gap:var(--s4)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips li{border:1px solid var(--line-strong);padding:.4rem .75rem;font:400 .8125rem var(--f-mono)}
.chips.links li{padding:0}.chips.links a{display:block;padding:.45rem .8rem;text-decoration:none;font:500 .875rem var(--f-display)}.chips.links li:hover{background:var(--ink);color:#fff}
.chips li a{text-decoration:none;display:block}
.spec{border-top:1px solid var(--line-strong)}
.srow{display:grid;grid-template-columns:minmax(9rem,1fr) 2fr;gap:1.5rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.srow dt{font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:.25rem}
.srow dd{font:500 1rem/1.45 var(--f-mono);font-size:.9rem;letter-spacing:-.01em;color:var(--ink)}
.srow.one{grid-template-columns:1fr}
.note{color:var(--ink-3);margin-top:1rem}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background-image:linear-gradient(rgba(242,241,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(242,241,237,.06) 1px,transparent 1px);background-size:96px 96px;background-position:-1px -1px}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 0%,transparent 40%,var(--ink) 100%);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s4);align-items:center;padding-block:clamp(3rem,7vw,6rem) clamp(2rem,4vw,3rem)}
.hero h1{margin-bottom:1.6rem;max-width:14ch}
.hero .lede{font-size:clamp(1.05rem,1.4vw,1.3rem);max-width:34rem;color:var(--fg-2);margin-bottom:2.2rem}
.hero-act{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.8rem}
.hero-find{max-width:34rem}.hero-find label{display:block;color:var(--fg-3);margin-bottom:.6rem}
.hero-find div{display:flex;border-bottom:1.5px solid rgba(255,255,255,.6)}
.hero-find input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:400 1.15rem var(--f-text);padding:.8rem 0}
.hero-find input::placeholder{color:rgba(255,255,255,.45)}.hero-find input:focus{outline:0}.hero-find div:focus-within{border-color:var(--signal)}
.hero-find button{background:none;border:0;color:#fff;cursor:pointer;padding:0 .3rem}
.hero-fig{position:relative}
.fig-cap{color:var(--fg-3);font-size:.68rem}.fig-cap.top{margin:0 0 .5rem}.fig-cap.bot{margin:.5rem 0 0;text-align:right}
.hero-ref{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:2rem}
.hero-ref li{padding:1.4rem 1.2rem 1.6rem 0;border-right:1px solid var(--line);padding-left:1.2rem}.hero-ref li:first-child{padding-left:0}.hero-ref li:last-child{border-right:0}
.rv b{font:600 clamp(1.5rem,2.6vw,2.4rem) var(--f-display);font-stretch:110%;letter-spacing:-.02em;margin-right:.35rem;display:inline-block}.rv i{font:400 .72rem var(--f-mono);font-style:normal;color:var(--fg-3)}
.rl{display:block;font-size:.8125rem;line-height:1.4;color:var(--fg-3);margin-top:.5rem;max-width:18rem}

/* ---------- laminate renders (Blender) ---------- */
.stack{margin:0;width:100%}
.stack .si{position:relative;aspect-ratio:var(--ar);width:100%}
.stack.labelled .si{width:62%}
.stack .lay{position:absolute;left:0;width:100%;height:var(--h);top:var(--t);object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.28));transition:top 1.2s var(--ease);pointer-events:none}
.stack:not(.in) .lay{top:calc(var(--t)*.3)}
.stack .ann{position:absolute;left:101%;top:var(--t);transform:translateY(-50%);padding-left:3.2rem;white-space:nowrap;font:500 .68rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ann);z-index:20;transition:opacity .6s .6s}
.stack .ann::before{content:"";position:absolute;left:.6rem;top:50%;width:2.2rem;height:1px;background:var(--ann)}
.stack .ann::after{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--signal);border-radius:50%}
.stack:not(.in) .ann{opacity:0}
.hero-stack{max-width:680px;margin-inline:auto}
.hero-fig:hover .stack .lay{transition-duration:.6s}
.mini-stack{max-width:230px}.prod-stack{max-width:520px}
.stack .lay{filter:drop-shadow(0 14px 14px rgba(13,18,32,.3))}
.dark .stack .lay{filter:drop-shadow(0 20px 22px rgba(0,0,0,.55))}

/* ---------- home sections ---------- */
.sec .grid{align-items:start}
.index-list{grid-column:6 / span 7}
.index-list a{display:grid;grid-template-columns:3rem 1fr auto 1.5rem;gap:0 1.2rem;align-items:baseline;padding:1.5rem 0;border-top:1px solid var(--line);text-decoration:none;position:relative;transition:padding .3s var(--ease)}
.index-list li:last-child a{border-bottom:1px solid var(--line)}
.index-list .idx{color:var(--ink-3)}.index-list .fn{font:600 clamp(1.4rem,2.4vw,2.2rem) var(--f-display);font-stretch:108%;letter-spacing:-.02em}
.index-list .ft{grid-column:2;color:var(--ink-3);font-size:.9375rem;margin-top:.4rem;max-width:34rem}
.index-list .fc{color:var(--ink-3);grid-column:3;grid-row:1}
.index-list .ar{grid-column:4;grid-row:1;align-self:center;opacity:0;transform:translateX(-6px);transition:.3s var(--ease)}
.index-list a:hover{padding-left:.8rem}.index-list a:hover .ar{opacity:1;transform:none}.index-list a:hover .fn{color:var(--navy)}
.ind-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s4);padding-block:var(--s5);border-top:1px solid var(--line-strong)}
.ind-head .num{color:var(--signal-text)}.ind-head h3{font-size:clamp(2rem,3.4vw,3.2rem);margin:.6rem 0 1rem;font-stretch:112%}
.ind-head h3 a{text-decoration:none}.ind-head p{color:var(--ink-2)}.ind-head .sub{color:var(--ink-3)}
.mini-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.mini a{display:block;text-decoration:none}
.m-img{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden;margin-bottom:.8rem;position:relative}
.m-img img,.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mini a:hover .m-img img,.pc-link:hover .pc-img img{transform:scale(1.04)}
.m-name{display:block;font:600 1rem/1.2 var(--f-display);font-stretch:104%;letter-spacing:-.01em;margin-top:.15rem}
.mini .kicker{margin:0;font-size:.65rem}
.mini a:hover .m-name{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:.2em}
.cons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.con{border-top:1px solid var(--line-strong);padding-top:1.5rem}.con .stack{margin:0 0 1rem -.5rem}.con h3{margin-bottom:1rem}
.sp{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:.55rem 0;margin:0;font-size:.9rem}.sp span{color:var(--ink-3);font:400 .72rem var(--f-mono);text-transform:uppercase;letter-spacing:.05em;padding-top:.2rem}.sp b{font:500 .85rem var(--f-mono);text-align:right}
.plates{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.plate{margin:0}.plate img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1) contrast(1.05);border:1px solid var(--line)}
.plate figcaption{font-size:.8125rem;color:var(--fg-2);margin-top:.9rem;border-top:1px solid var(--line);padding-top:.7rem}.plate figcaption .mono{margin-right:.6rem;color:var(--fg-3)}.plate a{color:#fff}
.quality-grid .sec-head{grid-column:1 / span 6}.cert-fig{grid-column:9 / span 4;margin:0}.cert-fig img{border:1px solid var(--line-strong);box-shadow:0 20px 40px -24px rgba(13,18,32,.4)}
.cert-fig figcaption{margin-top:.8rem;color:var(--ink-3);font-size:.65rem}
.ticks.inline{grid-template-columns:1fr 1fr}.quality-grid .ticks{margin:1.5rem 0}
.insights-grid .row-list{grid-column:5 / span 8}
.row-list a{display:grid;grid-template-columns:9rem 1fr auto 1.5rem;gap:1.5rem;align-items:baseline;padding:1.4rem 0;border-top:1px solid var(--line-strong);text-decoration:none}
.row-list li:last-child a{border-bottom:1px solid var(--line-strong)}.row-list b{font:600 1.3rem var(--f-display);font-stretch:104%;letter-spacing:-.01em}.row-list .cat{color:var(--ink-3)}
.row-list a:hover b{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:.25em}
.cta-band{padding-block:clamp(4rem,8vw,7rem)}.cta-band .grid{gap:var(--s4) var(--gap)}
.c-head{grid-column:1 / span 5}.c-head h2{font-size:clamp(2rem,3.8vw,3.6rem)}.c-head p{color:var(--fg-2);max-width:28rem}
.c-acts{grid-column:7 / span 6;align-self:end}
.c-acts a{display:grid;grid-template-columns:2.5rem 1fr 1.5rem;gap:0 1rem;padding:1.3rem 0;border-top:1px solid var(--line);text-decoration:none;align-items:baseline}
.c-acts li:last-child a{border-bottom:1px solid var(--line)}
.c-acts b{font:600 1.35rem var(--f-display);font-stretch:106%}.c-acts small{grid-column:2;color:var(--fg-3);font-size:.875rem}.c-acts .ar{grid-column:3;grid-row:1;transition:transform .25s}.c-acts a:hover .ar{transform:translateX(5px)}.c-acts a:hover b{color:var(--signal)}

/* ---------- footer ---------- */
.site-footer{background:var(--ink);color:var(--paper);padding-block:var(--s6) var(--s3);border-top:1px solid rgba(255,255,255,.12)}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:var(--s4);padding-bottom:var(--s5)}
.f-brand p{color:rgba(242,241,237,.6);max-width:22rem;margin-top:1.4rem;font-size:.9375rem}
.f-col h2{font-size:.72rem;color:rgba(242,241,237,.5);margin-bottom:1.2rem}.f-col li{margin-bottom:.4rem}.f-col a{text-decoration:none;color:rgba(242,241,237,.88)}.f-col a:hover{color:#fff;text-decoration:underline}
.f-col address{font-style:normal;color:rgba(242,241,237,.78);font-size:.9375rem;line-height:1.6;margin-bottom:1.2rem}.f-act{border-top:1px solid rgba(255,255,255,.14);padding-top:1rem}
.f-bot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;font-size:.8125rem;color:rgba(242,241,237,.55)}.f-bot a{color:inherit}

/* ---------- product page ---------- */
.p-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);padding-block:1rem clamp(3rem,6vw,5rem);align-items:start}
.p-copy h1{font-size:clamp(2.2rem,4.4vw,4.2rem);margin-bottom:1.2rem;max-width:16ch}
.p-copy .lede{font-size:1.3rem;line-height:1.45;color:var(--ink-2);max-width:34rem;margin-bottom:2rem}
.attrs{border-top:1px solid var(--line-strong);margin-bottom:2rem}.attrs>div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
.attrs dt{font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:.2rem}.attrs dd{font-size:.9375rem}.attrs a{text-decoration-color:var(--line-strong)}
.p-act{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.p-img{background:#fff;border:1px solid var(--line);aspect-ratio:4/3.4;display:flex;align-items:center;justify-content:center;overflow:hidden;position:sticky;top:7rem}
.p-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.p-body{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:var(--s5);padding-bottom:var(--s6)}
.p-side{position:sticky;top:7.5rem;align-self:start}.p-side nav li a{display:block;padding:.45rem 0;border-top:1px solid var(--line);text-decoration:none;font:500 .9rem var(--f-display)}.p-side nav li a:hover{color:var(--navy)}
.p-side nav p{color:var(--ink-3);margin-bottom:.8rem}.side-cta{margin-top:2rem;display:grid;gap:1rem;justify-items:start}
.p-main{max-width:56rem}.psec{padding-block:0 3.2rem}.psec>h2{color:var(--ink-3);border-top:1px solid var(--line-strong);padding-top:1rem;margin-bottom:1.4rem}
.lead-copy p{font-size:1.1rem;line-height:1.65;max-width:42rem}.lead-copy p:first-of-type{font:500 1.4rem/1.45 var(--f-display);font-stretch:100%;letter-spacing:-.012em}
.doc-list a{display:grid;grid-template-columns:1fr auto 1rem;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);text-decoration:none;align-items:baseline}.doc-list li:last-child a{border-bottom:1px solid var(--line)}.doc-list a:hover span:first-child{text-decoration:underline}
.related .rel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:var(--s4)}.related h2{margin:0}.rel-apps{margin-top:2.5rem;color:var(--ink-3)}.rel-apps a{color:var(--ink)}

/* ---------- catalogue ---------- */
.cat-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:end;padding-block:1rem 2.5rem}.cat-head h1{margin:0}.cat-sub{max-width:34rem;color:var(--ink-2);margin:0}
.cat{display:grid;grid-template-columns:15.5rem minmax(0,1fr);grid-template-areas:"bar bar" "rail res";column-gap:var(--s4);padding-bottom:var(--s6)}
.cat-bar{grid-area:bar;display:flex;gap:.8rem;align-items:stretch;border-top:1px solid var(--line-strong);padding-top:1rem;margin-bottom:1.5rem;position:sticky;top:106px;background:var(--paper);z-index:10;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.site-header.scrolled~main .cat-bar{top:72px}
.searchbox{position:relative;flex:1}.searchbox input{width:100%;padding:.9rem 2.6rem .9rem 1rem;border:1px solid var(--line-strong);background:#fff;font:400 1rem var(--f-text);height:100%;border-radius:0}.searchbox svg{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}
.searchbox input:focus{outline:2px solid var(--signal);outline-offset:-1px}
.views{display:flex;border:1px solid var(--line-strong)}.views button{background:none;border:0;padding:0 1.1rem;font:600 .75rem var(--f-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:var(--ink)}.views button[aria-pressed=true]{background:var(--ink);color:#fff}
.filters-btn{display:none}
.rail{grid-area:rail;align-self:start;position:sticky;top:11rem;max-height:calc(100vh - 12rem);overflow:auto;padding-right:.5rem}
.facet{border:0;border-top:1px solid var(--line-strong);margin:0 0 1.6rem;padding:.9rem 0 0;min-width:0}.facet legend{padding:0;color:var(--ink-3);float:left;width:100%;margin-bottom:.6rem}.facet ul{clear:both}
.facet label{display:grid;grid-template-columns:1.1rem 1fr auto;gap:.6rem;align-items:center;padding:.32rem 0;cursor:pointer;font-size:.9375rem}
.facet input{appearance:none;width:.95rem;height:.95rem;border:1.3px solid var(--ink);background:#fff;margin:0;display:grid;place-content:center;cursor:pointer}
.facet input:checked{background:var(--navy);border-color:var(--navy)}.facet input:checked::after{content:"";width:.4rem;height:.4rem;background:#fff}
.facet label:hover .lbl{text-decoration:underline;text-decoration-color:var(--signal)}.facet .ct{transition:opacity .2s}.facet li.zero{opacity:.38}
.clear{margin-top:.5rem}
.results{grid-area:res;min-width:0}.res-top{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;min-height:2.4rem}.count{margin:0;font:400 .8125rem var(--f-mono)}.count b{font-weight:500}
.chips.active li{display:flex;align-items:center;gap:.5rem;background:var(--ink);color:#fff;border-color:var(--ink);padding:.35rem .5rem .35rem .7rem}.chips.active button{background:none;border:0;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem var(--gap)}
.pcard{display:flex;flex-direction:column;border-top:1px solid var(--line-strong);padding-top:1rem;position:relative}.pcard[hidden]{display:none}
.pc-link{display:block;text-decoration:none;flex:1}.pc-img{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden;margin-bottom:1rem}
.pc-body{display:block}.pc-body .kicker{margin-bottom:.5rem;font-size:.66rem}.pc-name{display:block;font:600 1.2rem/1.15 var(--f-display);font-stretch:106%;letter-spacing:-.015em;margin-bottom:.5rem}.pc-lede{display:block;color:var(--ink-3);font-size:.875rem;line-height:1.5}
.pc-link:hover .pc-name{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:.2em}
.keyspec{margin-top:1rem;border-top:1px solid var(--line)}.keyspec>div{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--line);font-size:.78rem}.keyspec dt{font:400 .66rem var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding-top:.1rem}.keyspec dd{font:500 .78rem var(--f-mono);text-align:right}
.cmp{display:flex;gap:.5rem;align-items:center;margin-top:.9rem;font:500 .72rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--ink-3)}
.cmp input{appearance:none;width:.9rem;height:.9rem;border:1.3px solid var(--ink-3);background:#fff;margin:0;cursor:pointer;display:grid;place-content:center}.cmp input:checked{background:var(--signal);border-color:var(--signal)}.cmp input:checked::after{content:"";width:.35rem;height:.35rem;background:#fff}
.ptable table{width:100%;border-collapse:collapse;font-size:.9rem}.ptable th,.ptable td{text-align:left;padding:.85rem 1rem .85rem 0;border-bottom:1px solid var(--line);vertical-align:top}.ptable thead th{font:500 .68rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);border-bottom:1px solid var(--line-strong)}
.ptable tbody th{font:600 1rem var(--f-display);font-stretch:104%}.ptable tr[hidden]{display:none}.ptable tbody tr:hover{background:var(--paper-2)}.ptable a{text-decoration:none}.ptable a:hover{text-decoration:underline}.ptable td.mono{text-transform:none;font-size:.78rem;letter-spacing:0}
.empty{padding:4rem 0}
.tray{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#fff;z-index:40;padding-block:.9rem;border-top:3px solid var(--signal)}
.tray .wrap{display:flex;gap:1.5rem;align-items:center}.tray p{margin:0}.tray ul{display:flex;gap:.5rem;flex:1;flex-wrap:wrap}.tray li{font:400 .75rem var(--f-mono);border:1px solid rgba(255,255,255,.35);padding:.3rem .6rem}.tray .btn{background:#fff;color:var(--ink);border-color:#fff}.tray .btn.text{background:none;color:#fff;border-color:transparent}
.cmp-dlg{width:min(1200px,94vw);max-height:90vh;padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.cmp-dlg::backdrop{background:rgba(13,18,32,.6)}
.cmp-in{padding:1.5rem}.cmp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cmp-top h2{margin:0}.cmp-scroll{overflow:auto;max-height:70vh}
.cmp-scroll table{border-collapse:collapse;width:100%;min-width:640px}.cmp-scroll th,.cmp-scroll td{padding:.7rem 1rem .7rem 0;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:.875rem}.cmp-scroll tbody th{font:500 .68rem var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);width:11rem}.cmp-scroll td{font:500 .8rem var(--f-mono)}.cmp-scroll thead th a{font:600 1rem var(--f-display);text-decoration:none}.cmp-scroll thead img{width:100%;max-width:150px;aspect-ratio:4/3;object-fit:cover;margin-bottom:.5rem;background:#fff}

/* ---------- application / materials / corporate ---------- */
.a-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s5);padding-block:1rem var(--s5);align-items:end}
.a-tabs ul{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);margin-bottom:var(--s4);flex-wrap:wrap}.a-tabs a{display:block;padding:.6rem 0;text-decoration:none;font:500 .9rem var(--f-display);border-bottom:2px solid transparent;margin-bottom:-1px}.a-tabs a .mono{margin-right:.5rem;color:var(--ink-3)}.a-tabs a[aria-current]{border-color:var(--signal)}
.a-head{font:500 clamp(1.4rem,2.4vw,2.2rem)/1.25 var(--f-display);letter-spacing:-.015em;max-width:26ch;color:var(--ink-2)}
.a-img{background:#fff;border:1px solid var(--line);aspect-ratio:4/3;overflow:hidden}.a-img img{width:100%;height:100%;object-fit:cover}
.a-grid .a-label,.a-grid .a-text{border-top:1px solid var(--line-strong);padding-top:1.4rem;margin-bottom:0;padding-bottom:3rem}.a-grid .a-label{padding-top:1.5rem}
.acons{display:grid;gap:0}.acon{display:grid;grid-template-columns:15rem 1fr;gap:var(--s4);padding-block:2rem;border-top:1px solid var(--line-strong);align-items:start}.acon h3{margin-bottom:1rem}.no-diag{height:120px;display:grid;place-items:center;border:1px dashed var(--line-strong);color:var(--ink-3)}
.sect-block{margin-bottom:var(--s5)}.sb-head{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line-strong);padding-top:1rem;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.sb-head h3{margin:0}
.mini-row li{min-width:0}
.tech-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.tech-strip a{display:flex;gap:.8rem;align-items:baseline;border:1px solid var(--line-strong);padding:.55rem .9rem;text-decoration:none}.tech-strip a:hover{background:var(--ink);color:#fff}.tech-strip b{font:500 .9rem var(--f-display)}.tech-strip span{font-size:.68rem;color:var(--ink-3)}
.mat{border-top:1px solid var(--line-strong);padding-block:clamp(2.5rem,5vw,4.5rem)}.mat-h{grid-column:1 / span 4}.mat-h h2{margin-top:.5rem}.mat-h .idx{color:var(--signal-text)}.mat-b{grid-column:5 / span 8}.mat-b .spec{margin:1.5rem 0 2rem}.mat-b h3.mono{color:var(--ink-3);font-size:.72rem;margin-bottom:.8rem}
.policy li{display:grid;grid-template-columns:5rem minmax(0,22rem) 1fr;gap:var(--s3);padding-block:2.2rem;border-top:1px solid var(--line-strong);align-items:baseline}.policy li:last-child{border-bottom:1px solid var(--line-strong)}.policy .n{color:var(--signal-text)}.policy h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:0;font-stretch:112%}.policy p{margin:0;font:500 clamp(1.1rem,1.6vw,1.4rem)/1.45 var(--f-display);font-stretch:100%;color:var(--ink-2)}
.cert-grid{gap:var(--s4)}.cert-img{grid-column:1 / span 4}.cert-img img{border:1px solid var(--line-strong);box-shadow:0 24px 48px -28px rgba(13,18,32,.5)}.cert-data{grid-column:6 / span 7}.cert-data h2{margin-bottom:1.5rem}
.flow{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-strong)}.flow li{padding:1.4rem 1.2rem 1.6rem 0;position:relative}.flow li+li{padding-left:1.2rem;border-left:1px solid var(--line)}.flow .n{color:var(--signal-text)}.flow b{display:block;font:600 1.5rem var(--f-display);font-stretch:110%;margin:.8rem 0 .6rem;letter-spacing:-.02em}.flow p{font-size:.9375rem;color:var(--ink-2)}
.flow li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;background:var(--signal)}
.fig-grid{gap:var(--gap);align-items:start}.fig-grid figure{grid-column:span 6;margin:0}.fig-grid img{width:100%;border:1px solid var(--line)}.fig-grid figcaption{margin-top:.7rem;color:var(--ink-3);font-size:.68rem}.fig-grid .a-text{grid-column:7 / span 6}
.art-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5) var(--gap)}.art a{display:block;text-decoration:none}.art.lead{grid-column:1 / -1}.art.lead a{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s4);align-items:end}
.a-i{display:block;background:#fff;overflow:hidden;margin-bottom:1.2rem}.a-i img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .8s var(--ease)}.art a:hover img{transform:scale(1.03)}.art.lead .a-i{margin:0}
.a-b{display:block}.a-b b{display:block;font:600 clamp(1.5rem,2.4vw,2.4rem) var(--f-display);font-stretch:108%;letter-spacing:-.02em;line-height:1.08;margin:.8rem 0}.art:not(.lead) .a-b b{font-size:1.5rem}.a-b>span:last-child{color:var(--ink-2);display:block}.a-b .mono{color:var(--ink-3)}.art a:hover b{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:.2em}
.art-grid{display:grid;grid-template-columns:5fr 6fr;gap:var(--s5);padding-bottom:var(--s6);align-items:start}.art-fig{margin:0;position:sticky;top:8rem}.art-fig img{width:100%;border:1px solid var(--line)}.art-body h2{font-size:1.5rem;margin:2.2rem 0 1rem}.art-body p{max-width:38rem}
.res-g{margin-bottom:var(--s5)}.res-g h2{color:var(--ink-3);font-size:.72rem;margin-bottom:1rem}.res-list>li{display:grid;grid-template-columns:1fr 18rem;gap:1.5rem;border-top:1px solid var(--line-strong);align-items:center}.res-list li:last-child{border-bottom:1px solid var(--line-strong)}
.dl{display:grid;grid-template-columns:3.5rem 1fr auto 1rem;gap:1.2rem;padding:1.2rem 0;text-decoration:none;align-items:baseline}.dl b{font:600 1.2rem var(--f-display);font-stretch:104%}.dl:hover b{text-decoration:underline;text-decoration-color:var(--signal)}.dl .ty,.dl .sz{color:var(--ink-3)}.res-list .rel{font-size:.875rem;color:var(--ink-3)}
.contact-grid{gap:var(--s5) var(--s4)}.contact-grid>.form{grid-column:1 / span 7;order:1}.contact-grid>.c-info{grid-column:9 / span 4;order:2}
.c-info address{font-style:normal;font-size:1.15rem;line-height:1.55;margin-bottom:2rem}.c-info h2{color:var(--ink-3);font-size:.72rem;margin-bottom:1rem}
.ext-list li a{display:block;padding:1.2rem 0;border-top:1px solid var(--line-strong);text-decoration:none}.ext-list li:last-child a{border-bottom:1px solid var(--line-strong)}.ext-list b{display:block;font:600 1.15rem var(--f-display);font-stretch:104%;margin-bottom:.3rem}.ext-list span{color:var(--ink-3);font-size:.9rem;line-height:1.45;display:block}.ext-list a:hover b{text-decoration:underline;text-decoration-color:var(--signal)}
.form .field{margin-bottom:1.4rem}.form label,.form legend{display:block;font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem}
.form input:not([type=radio]),.form select,.form textarea{width:100%;max-width:100%;border:0;border-bottom:1.5px solid var(--line-strong);background:transparent;padding:.7rem 0;font:400 1.1rem var(--f-text);color:var(--ink);border-radius:0}
.form textarea{border:1.5px solid var(--line-strong);padding:.8rem}.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--signal)}
.form [aria-invalid=true]{border-color:var(--signal-text)}.form-note{margin-top:1rem;color:var(--ink-3)}.seg{border:0;padding:0;margin:0 0 2rem;display:flex;gap:0;flex-wrap:wrap}.seg legend{width:100%}.seg label{margin:0;text-transform:none;font:600 .9rem var(--f-display);letter-spacing:0;color:var(--ink);flex:1;min-width:11rem}.seg input{position:absolute;opacity:0}.seg span{display:block;border:1.5px solid var(--line-strong);padding:.9rem 1rem;cursor:pointer;margin-left:-1.5px}.seg input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.seg input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}

/* ---------- motion ---------- */
.js .rvl{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rvl.in{opacity:1;transform:none}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .stack:not(.in) .lay{top:var(--t)}.stack:not(.in) .ann{opacity:1}.js .rvl{opacity:1;transform:none}
}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .bar-cta .ghost{display:none}.mini-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ind-row{grid-template-columns:1fr;gap:var(--s3)}.index-list{grid-column:5 / span 8}.sec-head{grid-column:1 / span 4}
  .hero-ref{grid-template-columns:repeat(3,1fr)}.hero-ref li{border-bottom:1px solid var(--line)}.hero-ref li:nth-child(3){border-right:0}.hero-ref li:nth-child(4){padding-left:0}
  .f-top{grid-template-columns:1fr 1fr}.cons{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .grid,.contact-grid,.cert-grid,.fig-grid{column-gap:0!important}
  .primary,.bar-cta,.utility{display:none}.menu-btn{display:block;margin-left:auto}.bar{height:64px}.drawer{padding-top:76px}
  .hero-grid,.p-hero,.a-hero,.cat-head,.art-grid{grid-template-columns:1fr}.hero h1{max-width:18ch}.hero-fig{max-width:540px}
  .sec-head,.index-list,.a-label,.a-text,.insights-grid .row-list,.quality-grid .sec-head,.cert-fig,.mat-h,.mat-b,.c-head,.c-acts,.cert-img,.cert-data,.contact-grid>.form,.contact-grid>.c-info,.fig-grid figure,.fig-grid .a-text{grid-column:1 / -1}
  .index-list,.row-list{margin-top:var(--s4)}.a-label{border-top:0!important;padding-bottom:.5rem!important}.a-grid .a-text{border-top:0!important;padding-top:0!important}.cert-fig{max-width:340px;margin-top:2rem}
  .p-body{grid-template-columns:1fr}.p-side{display:none}.p-img{position:static}.art-fig{position:static}
  .cat{grid-template-columns:1fr;grid-template-areas:"bar" "res"}.cat-bar{top:64px!important;flex-wrap:wrap}.searchbox{flex-basis:100%}.filters-btn{display:inline-flex}
  .rail{position:fixed;inset:0;top:0;max-height:none;background:var(--paper);z-index:60;padding:1.2rem var(--pad) 6rem;transform:translateY(100%);transition:transform .35s var(--ease);visibility:hidden}.rail.open{transform:none;visibility:visible}
  .rail::before{content:"Filters";display:block;font:600 1.6rem var(--f-display);margin-bottom:1rem}
  .rail .clear{position:fixed;bottom:1rem;left:var(--pad)}.rail-close{position:fixed;right:var(--pad);bottom:1rem}
  .policy li{grid-template-columns:3rem 1fr}.policy p{grid-column:2}
  .flow{grid-template-columns:1fr 1fr}.flow li:nth-child(odd){padding-left:0;border-left:0}.flow li{border-bottom:1px solid var(--line)}
  .plates{grid-template-columns:1fr;max-width:520px}.cons{grid-template-columns:1fr}.acon{grid-template-columns:1fr}.art-list,.art.lead a{grid-template-columns:1fr}
  .res-list>li{grid-template-columns:1fr;gap:0}.res-list .rel{padding-bottom:1rem}.mega{display:none!important}
  .mg-col,.c-acts{margin-top:var(--s3)}.row-list a{grid-template-columns:1fr auto;gap:.3rem 1rem}.row-list .cat{grid-column:1}.row-list b{grid-column:1 / -1;order:2}
  .tray .wrap{flex-wrap:wrap}.cmp-dlg{width:100vw;max-height:100vh;height:100vh}
}
@media (max-width:640px){
  body{font-size:1rem}.mini-row,.pgrid{grid-template-columns:1fr 1fr;gap:1.6rem 1rem}.pc-lede,.keyspec{display:none}.pc-name{font-size:1.02rem}
  .hero-ref{grid-template-columns:1fr 1fr}.hero-ref li{padding-left:0!important;border-right:0}.hero-ref li:last-child{grid-column:1 / -1}
  .index-list a{grid-template-columns:2.2rem 1fr;gap:0 .6rem}.index-list .fc{grid-column:2;grid-row:auto;margin-top:.6rem}.index-list .ar{display:none}
  .ticks.cols{grid-template-columns:1fr}.srow{grid-template-columns:1fr;gap:.2rem}.attrs>div{grid-template-columns:6.5rem 1fr}
  .f-top{grid-template-columns:1fr;gap:var(--s4)}.f-bot{flex-direction:column;gap:.5rem}.btn{padding:1rem 1.2rem}.p-act .btn{flex:1 1 auto;justify-content:center}
  .dl{grid-template-columns:2.8rem 1fr 1rem}.dl .sz{display:none}.c-acts a{grid-template-columns:2rem 1fr 1.2rem}.cta-band .btn{width:100%}.stack .ann text{font-size:12px}
  .ptable th:nth-child(4),.ptable td:nth-child(4),.ptable th:nth-child(5),.ptable td:nth-child(5){display:none}
}
/* ---------- print: clean datasheet ---------- */
@media print{
  :root{--paper:#fff}.site-header,.drawer,.cta-band,.site-footer,.p-side,.related,.p-act,.crumbs,.tray,.skip{display:none!important}
  body{font-size:10.5pt;background:#fff}.p-hero{grid-template-columns:1fr 1fr;padding:0}.p-img{position:static;border:0}.p-body{grid-template-columns:1fr}.psec{break-inside:avoid;padding-bottom:1.2rem}
  a{text-decoration:none}.p-copy h1{font-size:24pt}.stack:not(.in) .lay{top:var(--t)!important}
  body::before{content:"Felix Plastic — felix@felixplastic.com — +90 (222) 236 23 63";display:block;font:600 9pt var(--f-display);padding-bottom:6pt;border-bottom:1px solid #000;margin-bottom:12pt}
}
.psec .small.mono{font-size:.68rem;color:var(--ink-3);margin-top:1rem}
@media (max-width:640px){
  .stack.labelled .si{width:50%}
  .stack .ann{font-size:.58rem;padding-left:1.7rem;letter-spacing:.03em}.stack .ann::before{width:1.1rem}
}

.f-bot .credit{display:inline-flex;align-items:center;gap:.5rem}.f-bot a.asd{display:inline-flex;align-items:center;gap:.35rem;color:var(--signal);text-decoration:none}.f-bot a.asd:hover{color:#fff}.asd-logo{display:block}