/* אור גרף v3 — «שולחן העבודה». No build step. */
@font-face{font-family:"Frank Ruhl Libre";src:url(/assets/fonts/frl-var-hebrew.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";src:url(/assets/fonts/frl-var-latin.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014,U+2018-201D,U+2026}
@font-face{font-family:"Miriam Libre";src:url(/assets/fonts/miriam-var-hebrew.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Miriam Libre";src:url(/assets/fonts/miriam-var-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014,U+2022}
@font-face{font-family:"Karantina";src:url(/assets/fonts/karantina-700-hebrew.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Karantina";src:url(/assets/fonts/karantina-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014}

:root{
  --mat:#0A3229;--mat-2:#0E3D32;--mat-3:#124A3D;--paper:#F2F0E6;--paper-2:#E7E4D6;--ink:#0D211B;--ink-2:#3C4D46;
  --yellow:#FFD200;--green:#12705F;--line:rgba(242,240,230,.16);--line-p:rgba(13,33,27,.16);--dim:#A9BCB3;
  --serif:"Frank Ruhl Libre","Times New Roman",serif;--sans:"Miriam Libre",Arial,sans-serif;
  --ease:cubic-bezier(.25,1,.5,1);--pad:56px;--top-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top-h) + 16px);scroll-behavior:smooth}
body{margin:0;background:var(--mat);color:var(--paper);font:400 1.125rem/1.65 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
.ltr{unicode-bidi:isolate;direction:ltr;display:inline-block}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:not(.js) .js-only{display:none!important}
html.js .nojs-only{display:none!important}
:focus-visible{outline:3px solid var(--focus,var(--yellow));outline-offset:3px}
main:focus{outline:0}
.skip-link{position:absolute;inset-inline-start:16px;top:-80px;z-index:100;background:var(--yellow);color:var(--ink);padding:12px 18px;font:700 1rem var(--sans)}
.skip-link:focus{top:12px}
.wrap{max-width:calc(1328px + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}

/* bands */
.band-mat{--focus:var(--yellow);background-color:var(--mat);color:var(--paper);
  background-image:linear-gradient(rgba(242,240,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(242,240,230,.045) 1px,transparent 1px);background-size:64px 64px;background-position:center top}
.band-paper{--focus:var(--mat);background:var(--paper);color:var(--ink)}
.band{padding-block:clamp(72px,9vw,136px)}
.band-paper + .band-paper{padding-top:0}

/* labels */
.label,.sec-no,.meta-row,.crumbs,.hint,.note,legend,.fld label,.readout dt,.level-k,.status,.sheet-cap,.facts dt,.br-dl dt,figcaption{font-family:var(--sans);font-size:.8125rem;line-height:1.5;letter-spacing:.06em}
.label{color:var(--dim);display:flex;justify-content:space-between;gap:16px}
.band-paper .label{color:var(--ink-2)}
.sec-no{display:flex;align-items:center;gap:14px;color:var(--dim);margin-bottom:28px}
.sec-no::after{content:"";height:1px;width:120px;background:currentColor;opacity:.5}
.sec-no .no{color:var(--yellow);font-weight:700}
.band-paper .sec-no{color:var(--ink-2)}
.band-paper .sec-no .no{color:var(--green)}
.sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sec-head .sec-no{grid-column:1/-1}
.sec-title{font:500 clamp(2.25rem,4.6vw,4rem)/1.05 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.sec-lead{font-size:1.125rem;color:var(--dim);max-width:34em}
.band-paper .sec-lead{color:var(--ink-2)}
.hint{color:var(--dim);letter-spacing:.02em}
.band-paper .hint{color:var(--ink-2)}
.note{color:var(--dim);margin-top:40px;letter-spacing:.02em}
.tlink{font:700 .9375rem var(--sans);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;display:inline-flex;min-height:44px;align-items:center;background:none;border:0;padding:0;cursor:pointer;transition:color .2s var(--ease)}
.band-paper .tlink{color:var(--green)}
.band-paper .tlink:hover{color:var(--ink)}
.band-mat .tlink:hover{color:var(--yellow)}

/* buttons: tonal change only, the box never moves */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border:1px solid transparent;border-radius:2px;font:700 .9375rem/1.2 var(--sans);letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn-y{background:var(--yellow);color:var(--ink)}
.btn-y:hover{background:#FFE46B}
.btn-o{border-color:rgba(242,240,230,.45);color:var(--paper);background:transparent}
.btn-o:hover{background:rgba(242,240,230,.1);border-color:var(--paper)}
.btn-g{background:var(--mat);color:var(--paper)}
.btn-g:hover{background:var(--green)}
.btn:active{filter:brightness(.92)}
.btn[disabled]{opacity:.55;cursor:default}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(10,50,41,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);--focus:var(--yellow)}
.top-in{max-width:calc(1328px + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad);height:var(--top-h);display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.brand img{width:44px;height:auto}
.brand-t{font:700 1.375rem/1 var(--serif)}
.brand-s{font:400 .75rem/1 var(--sans);letter-spacing:.08em;color:var(--dim);padding-inline-start:12px;border-inline-start:1px solid var(--line)}
.nav{margin-inline-start:auto}
.nav ul{display:flex;gap:4px}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;font:400 .875rem var(--sans);letter-spacing:.04em;text-decoration:none;color:var(--dim);transition:color .2s var(--ease)}
.nav a:hover,.nav a[aria-current]{color:var(--paper)}
.nav a[aria-current]{box-shadow:inset 0 -2px var(--yellow)}
.nav-btn{display:none;margin-inline-start:auto;min-height:44px;padding:0 18px;background:none;border:1px solid var(--line);border-radius:2px;font:700 .875rem var(--sans);cursor:pointer}
.pill{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font:400 .8125rem var(--sans);letter-spacing:.04em;text-decoration:none;white-space:nowrap;transition:border-color .2s var(--ease)}
.pill:hover{border-color:var(--yellow)}
.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-c,var(--yellow))}
.pill-v{color:var(--yellow);font-weight:700}
.pill-v:empty{display:none}

/* hero */
.hero{padding-block:28px 0}
.meta-row{display:flex;justify-content:space-between;gap:24px;color:var(--dim);padding-bottom:20px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;padding-block:clamp(36px,5vh,64px)}
.hero-title{font:700 clamp(3.5rem,9.4vw,8.25rem)/.95 var(--serif);letter-spacing:-.02em}
.hl{display:block}
.hl-y{color:var(--yellow)}
.hero-p{margin-top:32px;max-width:31em;font-size:1.25rem;line-height:1.6;color:#D9E2DC}
.hero .actions{margin-top:32px}
.hero-desk{display:grid;gap:18px;justify-items:stretch;max-width:440px;margin-inline-start:auto;width:100%}
.hero-sheet,.proof-card,.sheet,.foot-slip,.status-sheet{background:var(--paper);background-image:radial-gradient(rgba(13,33,27,.05) 1px,transparent 1.2px);background-size:9px 9px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 24px 48px -24px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.25)}
.hero-sheet{padding:36px 36px 14px;transform:rotate(-1.4deg)}
.hero-sheet .face{max-width:300px;margin-inline:auto}
.face svg{width:100%;height:auto;display:block}
.sheet-cap{display:flex;justify-content:space-between;gap:12px;color:var(--ink-2);border-top:1px solid var(--line-p);margin-top:26px;padding-top:10px;font-size:.75rem}
.hero-try label{display:block;font:400 .8125rem var(--sans);letter-spacing:.06em;color:var(--dim);margin-bottom:6px}
.hero-try-row{display:flex;gap:10px}
.hero-try-row .btn{min-height:52px;padding:0 20px}
input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;min-height:52px;padding:10px 14px;background:rgba(242,240,230,.06);border:1px solid var(--line);border-radius:2px;font:500 1.1875rem/1.3 var(--serif);color:inherit;transition:border-color .2s var(--ease),background-color .2s var(--ease)}
input:hover,select:hover,textarea:hover{border-color:rgba(242,240,230,.4)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;border-color:transparent;background:rgba(242,240,230,.1)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.facts div{display:flex;flex-direction:column-reverse;gap:6px;padding:26px 24px 30px 0;border-inline-start:1px solid var(--line)}
.facts div:first-child{border:0}
.facts div:not(:first-child){padding-inline-start:24px}
.facts dd{font:700 2.5rem/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.facts dt{color:var(--dim)}

/* ticker */
.ticker{position:relative;background:var(--mat);border-block:1px solid var(--line);display:flex;align-items:center;--focus:var(--yellow)}
.tk-view{overflow:hidden;flex:1}
.tk-track{display:flex;width:max-content;animation:tk 46s linear infinite}
.tk-track ul{display:flex;flex-shrink:0}
.tk-track li{font:400 .8125rem var(--sans);letter-spacing:.14em;color:var(--dim);padding:15px 0;white-space:nowrap}
.tk-track li::after{content:"";display:inline-block;width:5px;height:5px;background:var(--yellow);transform:rotate(45deg);margin:0 34px 1px}
.ticker:hover .tk-track,.ticker.is-paused .tk-track,.ticker:focus-within .tk-track{animation-play-state:paused}
.tk-btn{flex:none;min-height:44px;padding:0 var(--pad) 0 20px;padding-inline:20px var(--pad);background:var(--mat);border:0;border-inline-start:1px solid var(--line);font:400 .75rem var(--sans);letter-spacing:.08em;color:var(--dim);cursor:pointer}
.tk-btn:hover{color:var(--paper)}
@keyframes tk{to{transform:translateX(50%)}}

/* ---------- studio ---------- */
.st-grid{display:grid;grid-template-columns:340px 300px minmax(0,1fr);gap:48px;align-items:start}
.ctl{padding-block:18px 22px;border-top:1px solid var(--line)}
.ctl:first-child{padding-top:0;border-top:0}
legend{color:var(--dim);padding:0;margin-bottom:12px;float:inline-start;width:100%}
legend + *{clear:both}
.fld{margin-bottom:10px}
.fld label{display:block;color:var(--dim);margin-bottom:4px;font-size:.75rem}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative;cursor:pointer;flex:1 1 auto}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt-b{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:2px;font:400 .875rem var(--sans);letter-spacing:.02em;white-space:nowrap;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.opt:hover .opt-b{border-color:rgba(242,240,230,.5)}
.opt input:checked + .opt-b{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:700}
.opt input:focus-visible + .opt-b{outline:3px solid var(--focus,var(--yellow));outline-offset:3px}
.opt-b svg{width:22px;height:22px}
.sw{width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px rgba(242,240,230,.75)}
.opt input:checked + .opt-b .sw{box-shadow:0 0 0 1.5px rgba(13,33,27,.3)}
.ctl-font .opt-t{font-size:1.125rem;line-height:1;letter-spacing:0}
.ctl-font .opt:nth-child(1) .opt-t{font-family:var(--serif);font-weight:700}
.ctl-font .opt:nth-child(2) .opt-t{font-family:var(--sans);font-weight:700}
.ctl-font .opt:nth-child(3) .opt-t{font-family:"Karantina",var(--sans);font-weight:700;font-size:1.5rem}
.band-paper .opt-b{border-color:var(--line-p)}
.band-paper .opt:hover .opt-b{border-color:var(--ink)}
.band-paper .opt input:checked + .opt-b{background:var(--mat);color:var(--paper);border-color:var(--mat)}
.band-paper legend,.band-paper .fld label{color:var(--ink-2)}
.band-paper input[type=text],.band-paper input[type=tel],.band-paper input[type=email],.band-paper select,.band-paper textarea{background:#FBFAF4;border-color:rgba(13,33,27,.35)}
.band-paper input:hover,.band-paper select:hover,.band-paper textarea:hover{border-color:var(--ink)}
.band-paper input:focus-visible,.band-paper select:focus-visible,.band-paper textarea:focus-visible{background:#fff}

.st-proof{position:sticky;top:calc(var(--top-h) + 24px)}
.st-proof .label,.st-stage .label{margin-bottom:12px}
.proof-card{padding:26px}
.proof-card .face{aspect-ratio:1;display:grid;place-items:center}
.readout{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border-top:1px solid var(--line)}
.readout div{padding:12px 0;border-bottom:1px solid var(--line)}
.readout div:nth-child(odd){padding-inline-end:12px}
.readout dt{color:var(--dim);font-size:.75rem}
.readout dd{font:700 1.0625rem var(--sans)}
.level{display:flex;align-items:center;gap:18px;padding:16px 0 12px}
.level-n{font:700 2.75rem/1 var(--sans);font-variant-numeric:tabular-nums;direction:ltr;min-width:2.6em;text-align:end}
.level-n small{font-size:1rem;color:var(--yellow);margin-inline-start:2px}
.level-side{flex:1}
.level-k{color:var(--dim);margin-bottom:8px;font-size:.75rem}
.meter{height:6px;background:rgba(242,240,230,.14)}
.meter span{display:block;height:100%;width:100%;background:var(--ink-c,#1E3FA8);box-shadow:0 0 0 1px rgba(242,240,230,.35);transform-origin:right;transition:transform .35s var(--ease),background-color .2s}
.status{display:flex;align-items:center;gap:10px;color:var(--paper);padding:12px 0 18px;border-top:1px solid var(--line);letter-spacing:.03em}
.status-dot{width:8px;height:8px;border-radius:50%;background:#6FD08C;flex:none}
.status[data-s=low] .status-dot{background:var(--yellow)}
.status[data-s=dry] .status-dot,.status[data-s=full] .status-dot{background:#FF8A7A}
.st-cta{display:grid;gap:10px;margin-bottom:12px}

.stage{position:relative;height:600px;--ink-c:#1E3FA8}
.sheet{position:absolute;inset:0 0 104px 0;overflow:hidden;cursor:crosshair;transform:rotate(.35deg)}
.sheet-hint{position:absolute;inset:18px 0 auto 0;text-align:center;font:400 .8125rem var(--sans);letter-spacing:.06em;color:var(--ink-2);pointer-events:none;transition:opacity .35s}
.sheet.has-imp .sheet-hint{opacity:0}
.imp{position:absolute;pointer-events:none;mix-blend-mode:multiply}
.imp svg{width:100%;height:auto;display:block}
.pad{position:absolute;bottom:0;inset-inline-end:28px;width:176px;height:92px;border-radius:8px;background:linear-gradient(#2a3431,#161d1b);box-shadow:0 12px 20px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);padding:10px}
.pad-felt{display:block;height:100%;border-radius:4px;background:var(--ink-c);box-shadow:inset 0 3px 10px rgba(0,0,0,.5);background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.3px);background-size:5px 5px}
.body{position:absolute;left:0;top:0;width:150px;pointer-events:none;transform-origin:50% 100%;will-change:transform;filter:drop-shadow(0 16px 12px rgba(0,0,0,.35))}
.body svg{width:100%;height:auto;display:block}
.stage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.stage-actions .btn-y{flex:1 1 180px;min-height:60px;font-size:1.0625rem}
.st-static p{max-width:40em;color:var(--dim)}
.st-static a{color:var(--yellow)}
.st-examples{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:28px;align-items:center;background:var(--paper);padding:36px;margin-bottom:24px;width:fit-content;max-width:100%}

/* catalogue */
.cat-list{border-top:1px solid var(--ink)}
.cat-link{display:grid;grid-template-columns:72px minmax(0,1.15fr) minmax(0,1fr) 220px;gap:32px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line-p);text-decoration:none;transition:background-color .2s var(--ease)}
.cat-link:hover{background:var(--paper-2)}
.cat-no{font:700 .875rem var(--sans);color:var(--green);letter-spacing:.06em;padding-inline-start:8px}
.cat-main{display:grid;gap:8px}
.cat-t{font:500 clamp(1.75rem,3vw,2.75rem)/1.05 var(--serif);letter-spacing:-.01em}
.cat-opts{font:400 .8125rem var(--sans);letter-spacing:.05em;color:var(--ink-2)}
.cat-txt{color:var(--ink-2);font-size:1.0625rem;line-height:1.5}
.cat-fig{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.cat-fig img{width:100%;height:100%;object-fit:cover}

/* events, clients */
.events-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:end}
.events .sec-head{display:block}
.events .sec-lead{margin-top:24px}
.ev-list{border-top:1px solid var(--ink);margin-bottom:24px}
.ev-list li{font:500 clamp(1.5rem,2.6vw,2.25rem)/1.2 var(--serif);padding:14px 0;border-bottom:1px solid var(--line-p)}
.ev-fig img,.ph-fig img,.ch-fig img{width:100%;aspect-ratio:4/3;object-fit:cover}
figcaption{color:var(--ink-2);margin-top:8px;font-size:.75rem}
.band-mat figcaption{color:var(--dim)}
.cl-list{columns:4;column-gap:32px;border-top:1px solid var(--ink);padding-top:8px}
.cl-list li{break-inside:avoid;padding:12px 0;border-bottom:1px solid var(--line-p);font-size:1.125rem;line-height:1.35}
.cl-more{color:var(--ink-2);font-style:normal}
.cl-list-in{columns:2}

/* branches */
.br-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.br{padding:32px 0 8px}
.br + .br{padding-inline-start:48px;border-inline-start:1px solid var(--line)}
.br:first-child{padding-inline-end:48px}
.br-city{font:700 clamp(2.5rem,5.4vw,4.75rem)/1 var(--serif);letter-spacing:-.015em;margin:8px 0 10px}
.br-addr{font-size:1.25rem;color:#D9E2DC;margin-bottom:22px}
.br-dl div{display:grid;grid-template-columns:88px 1fr;align-items:center;border-top:1px solid var(--line);min-height:52px}
.br-dl dt{color:var(--dim)}
.br-dl dd{font:700 1.125rem var(--sans);letter-spacing:.02em}
.br-dl a{text-decoration:none;display:inline-flex;min-height:44px;align-items:center;transition:color .2s}
.br-dl a:hover{color:var(--yellow)}
.br-map{width:100%;height:280px;border:0;margin-top:24px;background:var(--mat-2)}

/* footer */
.foot{background:#072720;color:var(--paper);--focus:var(--yellow);border-top:1px solid var(--line)}
.foot-cta{display:grid;grid-template-columns:200px 1fr;gap:56px;align-items:center;padding-block:88px}
.foot-slip{padding:20px;transform:rotate(-4deg)}
.foot-h{font:500 clamp(2rem,4.2vw,3.5rem)/1.08 var(--serif);letter-spacing:-.015em;margin-bottom:28px;text-wrap:balance}
.foot-base{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-block:44px 36px;border-top:1px solid var(--line)}
.foot-mark{display:flex;gap:18px;align-items:center;color:var(--dim);font-size:1rem;line-height:1.5}
.foot-mark img{width:76px}
.foot-base ul{display:grid;gap:0}
.foot-base nav a{display:inline-flex;min-height:40px;align-items:center;font:400 .875rem var(--sans);letter-spacing:.03em;color:var(--dim);text-decoration:none;transition:color .2s}
.foot-base nav a:hover{color:var(--paper)}
.foot-fine{grid-column:1/-1;font:400 .8125rem/1.7 var(--sans);color:var(--dim);border-top:1px solid var(--line);padding-top:20px}

/* inner pages */
.phero{padding-block:36px clamp(48px,6vw,88px)}
.phero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:end}
.phero-img .phero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.crumbs{color:var(--dim);margin-bottom:clamp(40px,7vw,96px)}
.crumbs ol{display:flex;gap:10px}
.crumbs li + li::before{content:"/";margin-inline-end:10px;opacity:.6}
.crumbs a{text-underline-offset:4px}
.phero-title{font:700 clamp(2.75rem,6.6vw,6rem)/1 var(--serif);letter-spacing:-.02em;text-wrap:balance}
.phero-intro{margin-top:24px;font-size:1.25rem;color:#D9E2DC;max-width:32em}
.ch{padding-block:clamp(48px,6vw,88px);border-top:1px solid var(--line-p)}
.ch:first-child{border-top:0}
.band-paper:has(.ch){padding-block:0}
.ch-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
.ch-title{font:500 clamp(1.875rem,3.4vw,3rem)/1.08 var(--serif);letter-spacing:-.012em;text-wrap:balance}
.ch-body > * + *{margin-top:22px}
.lead{font-size:1.3125rem;line-height:1.55}
.optlist{border-top:1px solid var(--ink)}
.optlist li{padding:13px 0;border-bottom:1px solid var(--line-p);font:500 1.375rem/1.25 var(--serif)}
.ch-stamp{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center;padding:28px;background:#FBFAF4;border:1px solid var(--line-p)}
.ch-stamp p{margin-bottom:16px;color:var(--ink-2)}
.prose{max-width:44em;font-size:1.125rem}
.prose h2{font:500 1.75rem/1.2 var(--serif);margin:44px 0 12px}
.prose p,.prose ul{margin-bottom:14px}
.prose ul{list-style:disc;padding-inline-start:22px}
.prose a{color:var(--green)}
mark.verify{background:var(--yellow);color:var(--ink);padding:0 4px;font:700 .8125rem var(--sans)}
.status{}
.status.band-mat{display:block;padding-block:clamp(64px,10vw,140px);min-height:70vh}
.status-grid{display:grid;grid-template-columns:300px 1fr;gap:72px;align-items:center}
.status-sheet{padding:30px;transform:rotate(-3deg)}
.status-grid .actions{margin-top:32px}

/* contact form */
.lead-form{max-width:860px}
.form-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:16px;margin-bottom:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-block:20px 28px}
.field-full{grid-column:1/-1}
.field label{display:block;font:700 .875rem var(--sans);margin-bottom:6px}
.opt-note{font-weight:400;color:var(--ink-2)}
.req{color:#A3211C}
.field-error{color:#A3211C;font:700 .875rem var(--sans);margin-top:4px}
.field-error:empty{display:none}
[aria-invalid=true]{border-color:#A3211C!important;box-shadow:inset 0 0 0 1px #A3211C}
.form-status{color:#A3211C;font:700 1rem var(--sans)}
.form-status:empty{display:none}
.consent{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important;font-family:var(--serif)!important;font-size:1rem!important;line-height:1.5}
.consent input{width:24px;height:24px;flex:none;margin:1px 0 0;accent-color:var(--mat)}
.consent a{color:var(--green)}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
textarea{resize:vertical;font-size:1.0625rem;line-height:1.55}
.prefill{background:#FBFAF4;border:1px solid var(--line-p);border-inline-start:4px solid var(--green);padding:10px 16px;margin-bottom:14px;font:400 .9375rem var(--sans)}
.prefill[hidden]{display:none}

/* door-sign preview */
.door{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:32px;align-items:start}
.door-scene{position:relative;aspect-ratio:5/4;overflow:hidden;display:grid;place-items:center;background:#cbb894}
.door-bg{position:absolute;inset:0}
.door-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.9);transform-origin:8% 96%}
.plate{position:relative;width:64%;aspect-ratio:2/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;padding:6% 9%;text-align:center;container-type:inline-size;overflow:hidden;border-radius:3px;font-family:var(--serif);font-weight:700}
.plate-brass{background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 4px),linear-gradient(160deg,#E8CF8A,#C29F4C 45%,#A8842F 70%,#D8BC72);box-shadow:0 14px 22px -8px rgba(40,28,8,.6),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.3);color:#3D2C08;text-shadow:0 1px 0 rgba(255,240,190,.75),0 -1px 0 rgba(0,0,0,.35)}
.plate-acrylic{background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(236,238,234,.62));backdrop-filter:blur(7px);box-shadow:0 18px 24px -8px rgba(40,28,8,.5),inset 0 0 0 1px rgba(255,255,255,.8);color:#2B3936;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.plate-a{font-size:calc(var(--fa,13) * 1cqw);line-height:1;white-space:nowrap}
.plate-b{font-size:calc(var(--fb,7) * 1cqw);line-height:1;white-space:nowrap;opacity:.9}
.plate-b:empty{display:none}
.plate[data-font=miriam]{font-family:var(--sans)}
.plate[data-font=karantina]{font-family:"Karantina",var(--sans)}
.screw{position:absolute;width:5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9aa3a3 55%,#5c6565);box-shadow:0 2px 3px rgba(0,0,0,.4);display:none}
.plate-acrylic .screw{display:block}
.s1{top:7%;left:3.5%}.s2{top:7%;right:3.5%}.s3{bottom:7%;left:3.5%}.s4{bottom:7%;right:3.5%}
.door-ctl .ctl{border-color:var(--line-p);padding-block:14px}
.door-ctl .actions{margin-block:10px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .st-grid{grid-template-columns:300px minmax(0,1fr);gap:36px}
  .st-proof{position:static;grid-column:2;grid-row:1}
  .st-controls{grid-column:1;grid-row:1 / span 2}
  .st-stage{grid-column:2;grid-row:2}
  .brand-s{display:none}
  .nav a{padding:0 10px}
}
@media (max-width:899px){
  :root{--pad:20px;--top-h:60px}
  body{font-size:1.0625rem}
  .top-in{gap:12px}
  .brand img{width:38px}
  .nav-btn{display:block}
  html.js .nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--mat);border-bottom:1px solid var(--line);padding:8px var(--pad) 20px}
  html.js .nav.is-open{display:block}
  .nav ul{flex-direction:column}
  .nav a{min-height:52px;font-size:1.0625rem;border-bottom:1px solid var(--line);padding:0}
  html:not(.js) .top-in{height:auto;flex-wrap:wrap;padding-block:8px}
  html:not(.js) .nav{width:100%;margin:0;overflow-x:auto}
  html:not(.js) .nav ul{flex-direction:row}
  html:not(.js) .nav a{border:0;padding:0 10px;white-space:nowrap;font-size:.875rem;min-height:44px}
  .pill{padding:0 12px;min-height:44px}
  .pill-v{display:none}
  .sec-head{grid-template-columns:1fr;row-gap:16px}
  .meta-row span:last-child{display:none}
  .hero{padding-top:18px}
  .hero-grid{grid-template-columns:1fr;gap:36px;padding-block:28px 40px}
  .hero-p{font-size:1.125rem;margin-top:22px}
  .hero-desk{margin-inline:auto;max-width:340px}
  .hero-sheet{padding:26px 26px 12px}
  .hero-sheet .face{max-width:230px}
  .facts{grid-template-columns:1fr 1fr}
  .facts div{padding:18px 0!important;border:0;border-bottom:1px solid var(--line)}
  .facts div:nth-child(even){padding-inline-start:18px!important;border-inline-start:1px solid var(--line)}
  .facts dd{font-size:2rem}
  .st-grid{grid-template-columns:1fr;gap:32px}
  .st-proof,.st-controls,.st-stage{grid-column:1;grid-row:auto}
  .st-proof{order:-1}
  .proof-card{padding:20px;max-width:300px;margin-inline:auto}
  .stage{height:500px}
  .pad{width:150px;height:80px;inset-inline-end:12px}
  .stage-actions .btn{flex:1 1 40%}
  .stage-actions .btn-y{flex-basis:100%}
  .st-examples{grid-template-columns:1fr;padding:24px}
  .cat-link{grid-template-columns:36px minmax(0,1fr) 34vw;gap:8px 14px;padding:18px 0}
  .cat-no{padding:0;align-self:start;padding-top:8px}
  .cat-txt{grid-column:2;font-size:1rem}
  .cat-fig{grid-column:3;grid-row:1 / span 2;aspect-ratio:1}
  .events-grid{grid-template-columns:1fr;gap:36px}
  .cl-list{columns:2;column-gap:20px}
  .cl-list li{font-size:1rem}
  .br-pair{grid-template-columns:1fr}
  .br + .br{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line);margin-top:24px}
  .br:first-child{padding-inline-end:0}
  .br-dl dd{font-size:1rem}
  .foot-cta{grid-template-columns:1fr;gap:32px;padding-block:56px}
  .foot-slip{width:150px}
  .foot-base{grid-template-columns:1fr 1fr}
  .foot-mark{grid-column:1/-1}
  .phero-img .phero-grid,.ch-grid,.status-grid,.door,.form-grid{grid-template-columns:1fr}
  .ch-grid{gap:24px}
  .status-sheet{max-width:220px}
  .status-grid{gap:40px}
  .ch-stamp{grid-template-columns:1fr;padding:20px}
  .ch-stamp .face{max-width:160px}
  .plate{width:78%}
  .cl-list-in{columns:1}
}

/* ---------- reduced motion: nothing travels ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
  .tk-view{overflow-x:auto}
  .tk-track ul[aria-hidden]{display:none}
  .tk-btn{display:none}
}