/* ==========================================================================
   Consigned Interiors × Brandcore.io — private proposal
   Palette comes from the store: black lacquer, bone card, walnut, sea glass.
   ========================================================================== */

@font-face{font-family:Geist;src:url("assets/fonts/geist-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/jetbrains-mono-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --ink:#0B0A09;
  --ink-2:#141110;
  --ink-3:#1D1917;
  --bone:#F3EDE1;
  --bone-2:#E6DCC9;
  --bone-3:#D8CCB6;
  --walnut:#6B4B34;
  --walnut-2:#8C6748;
  --sea:#48665F;
  --red:#A2281F;
  --brass:#B08A54;
  --muted-d:#B6AB99;
  --muted-p:#6E6455;
  --line-d:rgba(243,237,225,.15);
  --line-p:rgba(11,10,9,.14);

  --chrome-h:74px;
  --dock-h:66px;
  --gutter:clamp(16px,3.3vw,62px);
  --gap:clamp(14px,1.9vh,26px);

  --fs-body:clamp(16px,.85vw + 4.4px,22px);
  --fs-lead:clamp(16px,.9vw + 4.4px,22px);
  --fs-h3:clamp(19px,.72vw + 9.4px,27px);
  --fs-h2:clamp(33px,3.35vw + 1px,64px);
  --fs-h1:clamp(44px,6.1vw + 8px,112px);
  --fs-cap:clamp(13px,.3vw + 9px,15px);
  --fs-label:clamp(13px,.28vw + 9.4px,15px);
  --fs-mono:clamp(13px,.26vw + 9.5px,15px);
  --fs-small:clamp(13px,.22vw + 11px,15px);

  --serif:"Instrument Serif",Georgia,serif;
  --sans:Geist,"Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--ink);color:var(--bone);font-family:var(--sans);
  height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit}
img{max-width:100%;display:block}
code{font-family:var(--mono);font-size:.88em;background:rgba(11,10,9,.06);padding:.08em .32em;border-radius:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

#app{position:relative;height:100dvh;width:100%;overflow:hidden}

/* ---------- progress ---------- */
.progress{position:fixed;top:0;left:0;right:0;height:2px;background:rgba(243,237,225,.12);z-index:60}
.progress i{display:block;height:100%;width:11.11%;background:var(--brass);transition:width .55s cubic-bezier(.25,.8,.25,1)}

/* ---------- chrome ---------- */
.chrome{
  position:fixed;top:0;left:0;right:0;height:var(--chrome-h);z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 var(--gutter);
  background:linear-gradient(to bottom,rgba(11,10,9,.94),rgba(11,10,9,.72));
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(243,237,225,.10);
  color:var(--bone);
  transition:background .5s ease,color .5s ease,border-color .5s ease;
}
.theme-paper .chrome{background:linear-gradient(to bottom,rgba(243,237,225,.97),rgba(243,237,225,.9));color:var(--ink);border-bottom-color:rgba(11,10,9,.12)}
.brandlock{display:flex;align-items:center;gap:10px;min-width:0}
.tagchip{display:inline-flex;align-items:center;background:var(--bone);border-radius:3px;padding:5px 8px;box-shadow:0 1px 0 rgba(0,0,0,.4)}
.tagchip img{height:19px;width:auto}
.cross{font-size:13px;opacity:.7}
.bclock{height:16px;width:auto}
.chrome-mid{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.16em;opacity:.8;white-space:nowrap}
.chrome-right{display:flex;align-items:center;gap:14px}
.counter{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.08em;display:flex;gap:5px;align-items:baseline}
.counter b{font-weight:400;color:var(--brass)}
.counter i{opacity:.4;font-style:normal}
.iconbtn{width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.75;transition:opacity .2s,transform .2s}
.iconbtn:hover{opacity:1;transform:rotate(90deg)}
.bars{width:12px;height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}
.bars::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:1px solid currentColor}

/* ---------- dock ---------- */
.dock{
  position:fixed;bottom:0;left:0;right:0;height:var(--dock-h);z-index:50;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
  padding:0 var(--gutter);
  border-top:1px solid rgba(243,237,225,.12);
  background:linear-gradient(to top,rgba(11,10,9,.96),rgba(11,10,9,.74));
  backdrop-filter:blur(10px);color:var(--bone);
  transition:background .5s ease,color .5s ease,border-color .5s ease;
}
.theme-paper .dock{background:linear-gradient(to top,rgba(243,237,225,.98),rgba(243,237,225,.9));color:var(--ink);border-top-color:rgba(11,10,9,.12)}
.dock-left{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}
.dock-prep{font-size:var(--fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-prep b{font-weight:600}
.dock-loc{font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-mid{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.18em;opacity:.62;white-space:nowrap}
.dock-right{display:flex;justify-content:flex-end;gap:8px}
.navbtn{
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;
  border:1px solid currentColor;border-radius:2px;font-size:13.5px;letter-spacing:.06em;
  transition:background .18s,color .18s,border-color .18s,opacity .18s;
}
.navbtn b{font-weight:500;font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.navbtn:hover{background:currentColor;color:var(--ink)}
.theme-paper .navbtn:hover{background:var(--ink);color:var(--bone)}
.navbtn.primary{background:var(--brass);border-color:var(--brass);color:#17120C}
.navbtn.primary:hover{background:var(--bone);border-color:var(--bone);color:var(--ink)}
.navbtn[disabled]{opacity:.3;pointer-events:none}

/* ---------- rail ---------- */
.rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.rail button{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.25;transition:width .3s,opacity .3s,border-radius .3s;color:var(--bone)}
.theme-paper .rail button{color:var(--ink)}
.rail button.on{width:22px;border-radius:4px;opacity:.9;background:var(--brass)}
@media (max-width:900px){.rail{display:none}}

/* ---------- slides ---------- */
#deck{position:absolute;inset:0}
.slide{
  position:absolute;inset:0;display:block;
  opacity:0;visibility:hidden;pointer-events:none;
  background:var(--ink);color:var(--bone);
  transform:translate3d(0,0,0);
  transition:opacity .5s ease,visibility .5s;
  will-change:opacity,transform;
}
.slide[data-theme="paper"]{background:var(--bone);color:var(--ink)}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.slide.is-out{opacity:0;transition:opacity .34s ease}
.slide.is-in{animation:slideIn .62s cubic-bezier(.2,.75,.2,1) both}
@keyframes slideIn{from{opacity:0;transform:translate3d(34px,0,0) scale(.985)}to{opacity:1;transform:none}}
.slide.jolt,#deck.jolt{animation:jolt .5s cubic-bezier(.2,.8,.3,1) both}
@keyframes jolt{0%{transform:translate3d(0,0,0)}14%{transform:translate3d(-15px,7px,0)}30%{transform:translate3d(12px,-6px,0)}48%{transform:translate3d(-8px,4px,0)}66%{transform:translate3d(5px,-2px,0)}84%{transform:translate3d(-2px,1px,0)}100%{transform:none}}

.slide-scroll{
  height:100%;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(120,110,95,.45) transparent;
  padding:calc(var(--chrome-h) + var(--gap)) var(--gutter) calc(var(--dock-h) + var(--gap));
  -webkit-overflow-scrolling:touch;
}
.slide-scroll::-webkit-scrollbar{width:9px}
.slide-scroll::-webkit-scrollbar-thumb{background:rgba(120,110,95,.4);border-radius:9px;border:2px solid transparent;background-clip:content-box}
.inner{max-width:1720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap);min-height:100%}

/* ---------- type ---------- */
.kicker{
  display:flex;align-items:center;gap:9px;margin:0 0 6px;
  font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.19em;text-transform:uppercase;color:var(--brass);
}
.theme-paper .kicker,.slide[data-theme="paper"] .kicker{color:var(--walnut)}
.dot{width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.h2{margin:0;font-size:var(--fs-h2);line-height:.98;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.012em;color:var(--brass)}
.slide[data-theme="paper"] .h2 em{color:var(--walnut)}
.h2.big{font-size:clamp(34px,3.8vw + 2px,72px)}
.lede{margin:0;font-size:var(--fs-lead);line-height:1.5;color:var(--muted-d);max-width:52ch}
.slide[data-theme="paper"] .lede{color:var(--muted-p)}
.footnote{margin:0;font-family:var(--mono);font-size:var(--fs-cap);line-height:1.55;letter-spacing:.01em;color:var(--muted-d);opacity:.78;max-width:110ch}
.slide[data-theme="paper"] .footnote{color:var(--muted-p);opacity:.8}
.slide-head{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(18px,3vw,56px);align-items:start}
.slide-head .head-copy{max-width:44ch}
.slide-head .lede{max-width:46ch}
.lede-right{justify-self:end;padding-top:clamp(4px,1.4vh,18px)}
@media (max-width:900px){
  .slide-head{grid-template-columns:1fr}
  .lede-right{justify-self:start;padding-top:0}
  .slide-head .head-copy{max-width:none}
}

.btn{
  display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:2px;
  font-size:15px;letter-spacing:.02em;border:1px solid transparent;transition:transform .2s,background .2s,color .2s;
}
.btn:hover{transform:translateY(-2px)}
.btn-bone{background:var(--bone);color:var(--ink)}
.btn-bone:hover{background:#fff}
.btn-ink{background:var(--ink);color:var(--bone)}
.btn-ink:hover{background:#000}
.btn[disabled]{opacity:.4;pointer-events:none;transform:none}

/* ==========================================================================
   1 · COVER
   ========================================================================== */
.cover{background:#070605}
.cover-stage{position:absolute;inset:0;overflow:hidden;z-index:0}
.stage-room{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 68% 42%,rgba(255,232,198,.20) 0%,rgba(160,124,80,.10) 26%,rgba(20,16,13,0) 58%),
    radial-gradient(70% 55% at 18% 88%,rgba(72,102,95,.18),rgba(6,5,4,0) 60%),
    linear-gradient(180deg,#0C0A08 0%,#0A0807 46%,#080706 66%,#050404 100%);
}
.stage-room::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 30%);
  border-top:1px solid rgba(255,226,186,.06);
  transform:perspective(600px) rotateX(62deg);transform-origin:bottom center;opacity:.7;
}
.gl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
.stage-fallback{position:absolute;inset:0;display:none;place-items:center;z-index:2;padding-top:var(--chrome-h)}
.fb-tag{width:min(46vw,430px);transform:rotate(-4deg);filter:drop-shadow(0 44px 60px rgba(0,0,0,.7))}
.fb-tag img{width:100%;height:auto;border-radius:3px}
.no-webgl .gl-canvas{display:none}
.no-webgl .stage-fallback{display:grid}
.cover-grain{
  position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(255,255,255,.11) .5px,transparent .6px);
  background-size:3px 3px;
}
.cover-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:radial-gradient(115% 90% at 50% 42%,transparent 38%,rgba(4,3,3,.55) 78%,rgba(4,3,3,.9) 100%),
             linear-gradient(90deg,rgba(6,5,4,.82) 0%,rgba(6,5,4,.30) 34%,rgba(6,5,4,0) 58%);}
.cover-scroll{position:relative;z-index:5}
.cover-inner{justify-content:space-between;gap:clamp(18px,4vh,44px)}
.cover-copy{max-width:min(46ch,54vw);padding-top:clamp(4px,2vh,26px)}
.cover-title{
  margin:.24em 0 .3em;font-size:var(--fs-h1);line-height:.88;letter-spacing:-.045em;font-weight:600;
  text-wrap:balance;
}
.cover-title em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;color:#F6E9D2;letter-spacing:-.02em}
.cover-lede{max-width:44ch;font-size:clamp(16px,1.02vw + 4px,22px);line-height:1.55;color:#CFC3B0;margin:0 0 clamp(18px,3.4vh,32px)}
.cover-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cover-hint{font-family:var(--mono);font-size:var(--fs-small);letter-spacing:.08em;color:#9C9182}
.cover-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.ticker{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;color:#8E8375}
.ticker i{opacity:.5;font-style:normal}
.prepared{margin:0;font-size:var(--fs-small);color:#A99D8C}
.prepared strong{color:#E9DFCE;font-weight:500}
@media (max-width:980px){
  .cover-stage{position:absolute}
  .stage-fallback{display:grid;opacity:.5}
  .no-webgl .stage-fallback{opacity:1}
  .cover-copy{max-width:none;padding-top:0}
  .cover-inner{justify-content:flex-end}
  .cover-title{font-size:clamp(40px,10.6vw,72px)}
}
@media (max-width:640px){
  .stage-fallback{padding-top:calc(var(--chrome-h) + 8px);place-items:start center}
  .fb-tag{width:min(58vw,250px);margin-top:14px;transform:rotate(-5deg);opacity:.9}
  .cover-title{font-size:clamp(38px,11vw,54px);line-height:.94}
  .cover-foot{gap:10px}
}

/* ==========================================================================
   2 · AUDIT
   ========================================================================== */
.audit-evidence{display:flex;gap:14px;align-items:flex-start;justify-content:flex-end}
.browser-shot{margin:0;flex:1 1 74%;min-width:0}
.shot-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;background:var(--ink-2);color:var(--bone-2);border-radius:4px 4px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em}
.shot-url{opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot-tag{color:var(--brass);white-space:nowrap}
.browser-shot img{width:100%;height:auto;border:1px solid rgba(11,10,9,.22);border-top:0;border-radius:0 0 4px 4px;background:#fff}
.browser-shot figcaption,.phone-shot figcaption{margin-top:7px;font-family:var(--mono);font-size:var(--fs-cap);line-height:1.45;color:var(--muted-p)}
.phone-shot{margin:0;flex:0 1 21%;min-width:96px;max-width:150px}
.phone-shot img{width:100%;height:auto;border:1px solid rgba(11,10,9,.22);border-radius:0 0 4px 4px;background:#000}

.findings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line-p)}
.findings li{
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:2px 12px;
  padding:clamp(12px,1.5vh,18px) clamp(12px,1.1vw,22px) clamp(10px,1.3vh,16px) 0;
  border-bottom:1px solid var(--line-p);
}
.findings li:not(:nth-child(3n)){border-right:1px solid var(--line-p);padding-right:clamp(12px,1.4vw,26px)}
.findings li:nth-child(n+4){border-bottom:0}
.fnum{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--walnut);opacity:.75;padding-top:.5em}
.findings h3{margin:0 0 5px;font-size:var(--fs-h3);line-height:1.12;letter-spacing:-.012em;font-weight:600;text-wrap:balance}
.findings p{margin:0;font-size:var(--fs-body);line-height:1.42;color:var(--muted-p)}
.findings .src{grid-column:2;margin-top:8px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:.03em;color:var(--walnut);opacity:.9}
@media (max-width:1180px){
  .findings{grid-template-columns:repeat(2,minmax(0,1fr))}
  .findings li:not(:nth-child(3n)){border-right:0;padding-right:0}
  .findings li:nth-child(odd){border-right:1px solid var(--line-p);padding-right:20px}
  .findings li:nth-child(n+4){border-bottom:1px solid var(--line-p)}
  .findings li:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:820px){
  .audit-evidence{justify-content:flex-start}
  .browser-shot{flex:1 1 auto}
  .phone-shot{max-width:120px}
}
@media (max-width:680px){
  .findings{grid-template-columns:1fr}
  .findings li{border-right:0!important;padding-right:0!important}
  .findings li:last-child{border-bottom:0}
  .phone-shot{max-width:104px}
}

/* ==========================================================================
   3 · GAP
   ========================================================================== */
.gap-grid{display:grid;grid-template-columns:1.02fr .99fr .99fr;gap:clamp(14px,1.8vw,30px);align-items:start}
.gap-photo{margin:0}
.gap-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 46%;height:auto;border-radius:3px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.cap{margin:10px 0 0;font-family:var(--mono);font-size:var(--fs-cap);line-height:1.5;color:var(--muted-d);opacity:.78}
.path-label{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:0 0 12px;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase}
.path-label span{font-family:var(--sans);font-size:var(--fs-small);letter-spacing:0;text-transform:none;opacity:.6}
.path.proposed .path-label{color:var(--brass)}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(243,237,225,.10);font-size:var(--fs-body);line-height:1.38;color:#D9CFBF}
.steps li b{font-family:var(--mono);font-size:11.5px;font-weight:400;color:var(--brass);padding-top:.28em;opacity:.85}
.steps.now li{color:#A99E8D}
.steps.now li b{color:#7B7163}
.path.proposed .steps li{color:#EFE6D6}
.path-note{margin-top:14px;padding-left:12px;border-left:2px solid var(--brass);font-size:var(--fs-small);line-height:1.45;color:#DCCFB9}
@media (max-width:900px){
  .gap-grid{grid-template-columns:1fr 1fr}
  .gap-photo{grid-column:1 / -1;max-width:520px}
}
@media (max-width:620px){
  .gap-grid{grid-template-columns:1fr}
}

/* ==========================================================================
   4 · FLAGSHIP
   ========================================================================== */
.flagship{background:#080706}
.flagship .slide-scroll{background:
  radial-gradient(80% 60% at 50% 12%,rgba(176,138,84,.10),rgba(8,7,6,0) 62%),
  radial-gradient(60% 50% at 84% 76%,rgba(72,102,95,.12),rgba(8,7,6,0) 60%);}
.flagship .h2 em{color:#E9D8B8}
.head-side{justify-self:end;max-width:46ch;display:flex;flex-direction:column;gap:10px;padding-top:clamp(4px,1.4vh,18px)}
.concept-note{margin:0;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:.03em;line-height:1.5;color:#8E8272}
.flag-grid{display:grid;grid-template-columns:minmax(0,1000px) 208px;justify-content:center;gap:clamp(14px,1.9vw,32px);align-items:start}
.browser{
  border-radius:8px;overflow:hidden;background:#0F0D0B;
  border:1px solid rgba(243,237,225,.16);
  box-shadow:0 34px 80px rgba(0,0,0,.66),0 2px 0 rgba(255,255,255,.04) inset;
}
.browser-bar{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;background:#171412;border-bottom:1px solid rgba(243,237,225,.10)}
.lights{display:flex;gap:5px}
.lights i{width:7px;height:7px;border-radius:50%;background:#4A413A}
.urlbar{flex:1;display:flex;align-items:center;gap:6px;height:20px;padding:0 9px;border-radius:3px;background:#0D0B0A;font-family:var(--mono);font-size:10.5px;color:#8E8375;white-space:nowrap;overflow:hidden}
.live-dot{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--brass);border:1px solid rgba(176,138,84,.4);padding:2px 6px;border-radius:2px}
.screen{background:#F4EEE3;container-type:inline-size;overflow:hidden;height:clamp(340px,45vh,500px)}
.site{color:#1A1512;font-family:var(--sans);display:flex;flex-direction:column;height:100%;min-height:0}
.site-nav{display:flex;align-items:center;gap:clamp(8px,1.6cqw,20px);padding:clamp(8px,1.5cqw,17px) clamp(10px,2cqw,24px);border-bottom:1px solid rgba(26,21,18,.10)}
.site-logo{height:clamp(14px,2.15cqw,26px);width:auto}
.site-tabs{display:flex;gap:clamp(4px,.7cqw,10px);margin-left:auto}
.site-tabs button{
  font-size:clamp(11px,1.18cqw,14px);letter-spacing:.04em;padding:.5em .7em;border-radius:2px;color:#5C5347;
  border-bottom:1.5px solid transparent;transition:color .18s,border-color .18s;
}
.site-tabs button[aria-selected="true"]{color:#151110;border-bottom-color:#8C6748;font-weight:600}
.site-tabs button:hover{color:#151110}
.site-open{display:flex;align-items:center;gap:6px;font-size:clamp(10.5px,1.05cqw,12px);color:#6C6355;white-space:nowrap}
.site-open i{width:5px;height:5px;border-radius:50%;background:#4E7A5C}
.site-body{flex:1;min-height:0;position:relative}
.site-panel{display:none;height:100%;overflow:hidden}
.site-panel.active{display:block}
.site-panel[data-panel="arrivals"].active{display:flex;flex-direction:column;min-height:0}
.site-hero{position:relative;height:64%;min-height:0;overflow:hidden}
.site-hero>img{width:100%;height:100%;object-fit:cover;filter:saturate(.96)}
.site-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.88) 0%,rgba(10,8,6,.62) 42%,rgba(10,8,6,.05) 78%)}
.site-hero-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:.7em;padding:0 clamp(14px,3.4cqw,44px);max-width:74%}
.site-eyebrow{margin:0;font-family:var(--mono);font-size:clamp(9.5px,.92cqw,11px);letter-spacing:.2em;color:#D8C6A6}
.site-hero-copy h3{margin:0;font-size:clamp(18px,3.5cqw,42px);line-height:1;letter-spacing:-.03em;color:#FBF5E9;font-weight:600}
.site-hero-copy h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#F1DDBC}
.site-sub{margin:0;font-size:clamp(11px,1.28cqw,15px);line-height:1.42;color:#D3C7B4;max-width:34ch}
.site-cta{display:inline-flex;align-items:center;gap:.55em;align-self:flex-start;font-size:clamp(11px,1.2cqw,14px);letter-spacing:.06em;color:#151110;background:#F1E8D8;padding:.62em 1.05em;border-radius:2px}
.site-cta b{font-weight:400}
.site-strip{height:36%;padding:clamp(6px,1.3cqw,16px) clamp(10px,2cqw,24px);display:flex;flex-direction:column;gap:clamp(4px,.8cqw,9px)}
.site-strip-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:clamp(9.5px,.86cqw,10.5px);letter-spacing:.18em;color:#6C6355}
.site-strip-note{color:#9A8F7E;letter-spacing:.04em}
.site-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(5px,1cqw,12px);flex:1;min-height:0}
.site-mini figure{margin:0;display:flex;flex-direction:column;gap:4px;min-height:0}
.site-mini img{width:100%;flex:1;min-height:0;object-fit:cover;border-radius:2px}
.site-mini figcaption{font-size:clamp(10px,.95cqw,11px);color:#4E463B}

/* arrivals panel */
.arr-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:clamp(8px,1.6cqw,18px) clamp(10px,2cqw,24px) clamp(4px,.8cqw,8px)}
.arr-head h3{margin:0;font-size:clamp(17px,2.5cqw,30px);letter-spacing:-.03em}
.chips{display:flex;gap:5px;flex-wrap:wrap}
.chip{font-size:clamp(10px,1cqw,12px);padding:.45em .8em;border:1px solid rgba(26,21,18,.18);border-radius:99px;color:#5C5347;transition:background .18s,color .18s}
.chip.is-on{background:#1A1512;color:#F4EEE3;border-color:#1A1512}
.arr-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:clamp(5px,.9cqw,11px);padding:0 clamp(10px,2cqw,24px);flex:1;min-height:0}
.arr-item{position:relative;display:block;text-align:left;border-radius:3px;overflow:hidden;background:#E3D9C8;min-height:0;transition:transform .18s,box-shadow .18s}
.arr-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.arr-item:hover img{transform:scale(1.035)}
.arr-item:hover{box-shadow:0 8px 18px rgba(0,0,0,.14)}
.arr-item.is-sel{outline:2px solid #8C6748;outline-offset:-2px}
.arr-item.is-hidden{display:none}
.arr-meta{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:1px;padding:clamp(14px,2cqw,26px) clamp(6px,.8cqw,10px) clamp(5px,.7cqw,8px);background:linear-gradient(to top,rgba(13,10,8,.92),rgba(13,10,8,.55) 46%,rgba(13,10,8,0))}
.arr-meta b{font-family:var(--mono);font-size:clamp(9px,.75cqw,10px);letter-spacing:.12em;color:#C9B79A;font-weight:400;text-transform:uppercase}
.arr-meta em{font-style:normal;font-size:clamp(11px,1cqw,12px);color:#F7F1E4;line-height:1.2}
.arr-badge{position:absolute;top:5px;left:5px;font-family:var(--mono);font-size:clamp(8.5px,.62cqw,9px);letter-spacing:.1em;background:rgba(20,16,12,.78);color:#E9DCC2;padding:2px 4px;border-radius:2px}
.arr-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:clamp(6px,1.1cqw,14px) clamp(10px,2cqw,24px) 0;padding-top:clamp(5px,.9cqw,10px);border-top:1px solid rgba(26,21,18,.12)}
.arr-detail-k{font-family:var(--mono);font-size:clamp(9px,.68cqw,10px);letter-spacing:.16em;color:#8C6748}
.arr-detail p{margin:0}
#arrName{font-size:clamp(11.5px,1.25cqw,15px);font-weight:600;color:#1A1512}
.arr-note{font-size:clamp(10.5px,.95cqw,11.5px);color:#6C6355;line-height:1.35;max-width:52ch}
.arr-cta{font-size:clamp(10.5px,1cqw,12px);color:#1A1512;white-space:nowrap;border-bottom:1px solid rgba(26,21,18,.4);padding-bottom:2px}

/* consign panel */
.consign-wrap{display:grid;grid-template-columns:1fr .92fr;gap:clamp(8px,1.8cqw,26px);padding:clamp(10px,2cqw,26px) clamp(10px,2.4cqw,30px);height:100%}
.consign-copy h3{margin:.2em 0 .4em;font-size:clamp(18px,2.6cqw,32px);line-height:1;letter-spacing:-.03em}
.consign-copy h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#8C6748}
.consign-list{margin:.9em 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35em}
.consign-list li{position:relative;padding-left:1em;font-size:clamp(10.5px,1.02cqw,12px);color:#5C5347}
.consign-list li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;background:#8C6748;border-radius:50%}
.consign-card{background:#EFE7D8;border:1px solid rgba(26,21,18,.10);border-radius:4px;padding:clamp(8px,1.5cqw,18px);display:flex;flex-direction:column;gap:clamp(6px,1cqw,12px)}
.consign-steps{display:flex;gap:4px}
.consign-steps button{flex:1;font-family:var(--mono);font-size:clamp(9.5px,.78cqw,10px);letter-spacing:.06em;padding:.5em .2em;border:1px solid rgba(26,21,18,.16);border-radius:2px;color:#7A6E5C}
.consign-steps button.is-on{background:#1A1512;color:#F4EEE3;border-color:#1A1512}
.consign-panel{display:none;flex:1;min-height:0}
.consign-panel.is-on{display:block}
.photo-drop{border:1px dashed rgba(26,21,18,.28);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;min-height:56px;background:rgba(255,255,255,.4)}
.photo-drop span{font-size:clamp(12px,1.8cqw,22px);color:#8C6748}
.photo-drop p{margin:0;font-size:clamp(10.5px,.94cqw,11px);color:#4E463B}
.photo-drop small{font-size:clamp(9.5px,.78cqw,10px);color:#8B8071}
.consign-panel label{display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:clamp(9.5px,.76cqw,10px);letter-spacing:.1em;color:#7A6E5C;margin-bottom:5px;text-transform:uppercase}
.consign-panel select{appearance:none;font-family:var(--sans);font-size:clamp(11px,1.02cqw,12px);padding:.45em .6em;border:1px solid rgba(26,21,18,.18);border-radius:2px;background:#FBF6EC;color:#1A1512}
.consign-fine{margin:0;font-size:clamp(10px,.82cqw,10.5px);color:#7A6E5C;line-height:1.35}

/* compact container */
@container (max-width:760px){  .site-logo{height:17px}
  .site-tabs button{font-size:11.5px}
  .site-open{font-size:10.5px}
  .site-hero{height:58%}
  .site-hero-copy{max-width:86%;gap:5px}
  .site-eyebrow{font-size:9.5px}
  .site-hero-copy h3{font-size:21px}
  .site-sub{font-size:11px}
  .site-cta{font-size:11px;padding:.55em .9em}
  .site-strip{height:42%;padding:7px 10px;gap:5px}
  .site-strip-head{font-size:9.5px}
  .site-mini figcaption{font-size:10px}
  .arr-head{padding:9px 10px 4px;flex-direction:column;align-items:flex-start;gap:6px}
  .arr-head h3{font-size:18px}
  .chip{font-size:10px}
  .arr-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 10px}
  .arr-meta em{font-size:11px}
  .arr-detail{margin:8px 10px 0;flex-direction:column;align-items:flex-start;gap:4px}
  #arrName{font-size:11.5px}
  .arr-note{font-size:10.5px}
  .arr-cta{font-size:10.5px}
  .consign-wrap{grid-template-columns:1fr;padding:12px;gap:8px}
  .consign-copy h3{font-size:19px}
  .consign-list{display:none}
  .consign-copy .site-sub{font-size:11px}
  .consign-card{padding:9px}
  .consign-steps button{font-size:9.5px}
  .consign-panel select{font-size:11px}
}

.phone-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;padding-top:clamp(2px,1.6vh,16px)}
.phone{width:100%;max-width:208px;aspect-ratio:9/18.6;border-radius:26px;background:#131110;border:1px solid rgba(243,237,225,.2);padding:7px;box-shadow:0 26px 60px rgba(0,0,0,.6)}
.phone-notch{width:38%;height:5px;border-radius:99px;background:#2B2622;margin:2px auto 5px}
.phone-screen{height:100%;border-radius:20px;background:#F4EEE3;color:#1A1512;overflow:hidden;display:flex;flex-direction:column}
.p-top{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 7px;border-bottom:1px solid rgba(26,21,18,.08)}
.p-top img{height:12px}
.p-burger{width:14px;height:8px;border-top:1.4px solid #1A1512;border-bottom:1.4px solid #1A1512}
.p-hero{width:100%;aspect-ratio:1.18;object-fit:cover}
.p-copy{padding:9px 10px;display:flex;flex-direction:column;gap:3px}
.p-eyebrow{margin:0;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:#8C6748}
.p-h{margin:0;font-size:14px;font-weight:600;letter-spacing:-.02em}
.p-s{margin:0;font-size:10.5px;color:#6C6355;line-height:1.35}
.p-btn{margin-top:5px;align-self:flex-start;background:#1A1512;color:#F4EEE3;font-size:10px;padding:6px 9px;border-radius:2px;letter-spacing:.04em}
.phone-cap{margin:0;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:.05em;color:#8E8272;text-align:center}

.detail-strip{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(10px,1.4vw,24px);align-items:baseline;border-top:1px solid rgba(243,237,225,.14);border-bottom:1px solid rgba(243,237,225,.14);padding:clamp(9px,1.3vh,15px) 0}
.detail-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--brass);margin:0;white-space:nowrap}
.detail-txt{margin:0;font-size:var(--fs-body);line-height:1.4;color:#D8CDBB}
.detail-src{margin:0;font-family:var(--mono);font-size:var(--fs-cap);color:#8E8272;white-space:nowrap}
@media (max-width:1180px){
  .flag-grid{grid-template-columns:minmax(0,1fr) 176px}
}
@media (max-width:900px){
  .flag-grid{grid-template-columns:1fr}
  .phone-wrap{display:none}
  .detail-strip{grid-template-columns:1fr;gap:5px}
  .detail-src{white-space:normal}
}

/* ==========================================================================
   5 · SYSTEM
   ========================================================================== */
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line-p)}
.sys-card{padding:clamp(12px,1.7vh,20px) clamp(12px,1.3vw,26px) clamp(10px,1.5vh,18px) 0;border-bottom:1px solid var(--line-p);display:flex;flex-direction:column;gap:6px}
.sys-card:not(:nth-child(3n)){border-right:1px solid var(--line-p);padding-right:clamp(12px,1.5vw,28px)}
.sys-card:nth-child(n+4){border-bottom:0}
.sys-num{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--walnut);opacity:.75}
.sys-card h3{margin:0;font-size:var(--fs-h3);letter-spacing:-.012em;font-weight:600}
.sys-card p{margin:0;font-size:var(--fs-body);line-height:1.42;color:var(--muted-p)}
.sys-out{margin-top:auto!important;padding-top:8px;font-family:var(--mono);font-size:11.8px!important;letter-spacing:.02em;color:var(--walnut)!important;opacity:.95}
.system-foot{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2vw,32px);align-items:center}
.map-chip{margin:0;display:flex;align-items:center;gap:12px}
.map-chip img{width:clamp(120px,11vw,190px);height:auto;border-radius:3px;filter:saturate(.85)}
.map-chip figcaption{font-family:var(--mono);font-size:11.5px;line-height:1.45;color:var(--muted-p);max-width:24ch}
@media (max-width:1180px){
  .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sys-card:not(:nth-child(3n)){border-right:0;padding-right:0}
  .sys-card:nth-child(odd){border-right:1px solid var(--line-p);padding-right:20px}
  .sys-card:nth-child(n+4){border-bottom:1px solid var(--line-p)}
  .sys-card:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:680px){
  .system-grid{grid-template-columns:1fr}
  .sys-card{border-right:0!important;padding-right:0!important}
  .system-foot{grid-template-columns:1fr}
}

/* ==========================================================================
   6 · PROOF
   ========================================================================== */
.proof-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.78fr);gap:clamp(14px,2vw,34px);align-items:start}
.compare{margin:0;display:flex;flex-direction:column;gap:8px}
.cmp-frame{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:4px;border:1px solid rgba(243,237,225,.18);background:#0C0B0A;box-shadow:0 26px 60px rgba(0,0,0,.55);user-select:none;touch-action:pan-y;cursor:ew-resize}
.cmp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.cmp-after{clip-path:inset(0 0 0 48%)}
.cmp-label{position:absolute;bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:4px 7px;border-radius:2px;background:rgba(10,8,7,.78);color:#E6DCC9;pointer-events:none}
.lbl-before{left:10px}
.lbl-after{right:10px}
.cmp-handle{position:absolute;top:0;bottom:0;left:48%;width:2px;background:var(--bone);cursor:ew-resize;transform:translateX(-1px);touch-action:none}
.cmp-handle span{position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:var(--bone);box-shadow:0 4px 16px rgba(0,0,0,.5)}
.cmp-handle span::before,.cmp-handle span::after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink)}
.cmp-handle span::before{left:9px;transform:translateY(-50%) rotate(-45deg)}
.cmp-handle span::after{right:9px;transform:translateY(-50%) rotate(135deg)}
.cmp-hint{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--muted-d);opacity:.7}
.proof-side{display:flex;flex-direction:column;gap:12px}
.proof-k{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--brass)}
.proof-txt{margin:0;font-size:var(--fs-body);line-height:1.46;color:#D7CCBA}
.proof-stat{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px solid rgba(243,237,225,.14);border-bottom:1px solid rgba(243,237,225,.14)}
.stat-num{font-family:var(--serif);font-size:clamp(30px,3vw,46px);line-height:1;color:#C9BBA5}
.stat-num.good{color:#E8D9BE}
.stat-num .unit{font-size:.44em;margin-left:2px}
.stat-arrow{color:#8E8272;font-size:20px}
.proof-stat p{flex-basis:100%;margin:2px 0 0;font-size:var(--fs-small);color:#9E9281}
.proof-fine{margin:0;font-size:var(--fs-cap);line-height:1.45;color:#8E8272}
.proof-links{display:flex;flex-wrap:wrap;gap:8px}
.proof-links a{font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-decoration:none;border:1px solid rgba(243,237,225,.24);padding:6px 10px;border-radius:2px;transition:background .2s,color .2s}
.proof-links a:hover{background:var(--bone);color:var(--ink)}
@media (max-width:900px){.proof-grid{grid-template-columns:1fr}}

/* ==========================================================================
   7 · ROADMAP
   ========================================================================== */
.route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line-p)}
.phase{padding:clamp(12px,1.8vh,20px) clamp(12px,1.4vw,28px) clamp(10px,1.4vh,16px) 0;border-bottom:1px solid var(--line-p);display:flex;flex-direction:column;gap:8px}
.phase:not(:nth-child(3n)){border-right:1px solid var(--line-p);padding-right:clamp(12px,1.6vw,30px)}
.phase-when{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--walnut)}
.phase h3{margin:0;font-size:var(--fs-h3);letter-spacing:-.012em}
.phase ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.phase li{position:relative;padding-left:14px;font-size:var(--fs-body);line-height:1.4;color:var(--muted-p)}
.phase li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--walnut);opacity:.7}
.owner{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:11.5px!important;letter-spacing:.02em;color:var(--walnut)!important;opacity:.9}
.road-foot{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.2vw,36px);align-items:center}
.press{margin:0;display:flex;align-items:center;gap:12px}
.press img{width:clamp(150px,14vw,220px);border:1px solid rgba(11,10,9,.18);border-radius:2px;background:#fff}
.press figcaption{font-family:var(--mono);font-size:11.3px;line-height:1.45;color:var(--muted-p);max-width:26ch}
.need{display:flex;flex-direction:column;gap:5px;padding-left:clamp(14px,1.8vw,28px);border-left:1px solid var(--line-p)}
.need p{margin:0;font-size:var(--fs-body);line-height:1.45;max-width:64ch}
@media (max-width:900px){
  .route{grid-template-columns:1fr}
  .phase{border-right:0!important;padding-right:0!important}
  .phase:last-child{border-bottom:0}
  .road-foot{grid-template-columns:1fr}
  .need{border-left:0;padding-left:0}
}

/* ==========================================================================
   8 · ENGAGEMENT
   ========================================================================== */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.3vw,20px);align-items:stretch}
.tier{
  position:relative;border:1px solid rgba(243,237,225,.18);border-radius:4px;
  padding:clamp(14px,2vh,24px) clamp(14px,1.4vw,24px);display:flex;flex-direction:column;gap:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
}
.tier.rec{border-color:rgba(176,138,84,.72);background:linear-gradient(180deg,rgba(176,138,84,.13),rgba(176,138,84,.02))}
.rec-flag{position:absolute;top:-9px;left:clamp(14px,1.4vw,24px);font-family:var(--mono);font-size:10px;letter-spacing:.16em;background:var(--brass);color:#17120C;padding:3px 7px;border-radius:2px}
.tier-k{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#9E9281}
.tier h3{margin:0;font-size:clamp(23px,1.75vw + 6px,34px);letter-spacing:-.02em;font-weight:600}
.tier-when{margin:0;font-size:var(--fs-small);color:#A99D8C;font-style:italic;font-family:var(--serif);font-size:clamp(15px,1.05vw,20px)}
.tier ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;border-top:1px solid rgba(243,237,225,.12);padding-top:12px}
.tier li{position:relative;padding-left:16px;font-size:var(--fs-body);line-height:1.38;color:#D4C9B8}
.tier li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:1px;background:var(--brass)}
.engage-foot{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(14px,2vw,32px);align-items:start;border-top:1px solid rgba(243,237,225,.14);padding-top:clamp(10px,1.4vh,16px)}
.engage-foot p{margin:0;font-size:var(--fs-body);line-height:1.45;color:#D4C9B8}
.engage-foot .footnote{color:#8E8272}
@media (max-width:900px){
  .tiers{grid-template-columns:1fr}
  .engage-foot{grid-template-columns:1fr}
}

/* ==========================================================================
   9 · CLOSE
   ========================================================================== */
.close{background:var(--bone)}
.close-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(18px,2.6vw,46px);align-items:start;flex:1}
.close-copy .lede{max-width:52ch;color:var(--muted-p)}
.rep{display:grid;grid-template-columns:clamp(92px,9vw,128px) 1fr;gap:clamp(14px,1.6vw,22px);align-items:center;margin:clamp(14px,2.2vh,24px) 0;padding:clamp(12px,1.7vh,18px) 0;border-top:1px solid var(--line-p);border-bottom:1px solid var(--line-p)}
.rep-portrait{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 32%;border-radius:3px;filter:saturate(.98)}
.rep-name{margin:0;font-size:clamp(21px,1.4vw + 8px,30px);font-weight:600;letter-spacing:-.02em}
.rep-role{margin:2px 0 8px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:.03em;color:var(--muted-p)}
.rep-lines{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 6px}
.rep-lines a{font-size:var(--fs-body);text-decoration:none;border-bottom:1px solid rgba(11,10,9,.35);padding-bottom:1px}
.rep-lines a:hover{border-color:var(--walnut);color:var(--walnut)}
.rep-office{margin:0;font-size:var(--fs-small);color:var(--muted-p)}
.scheduler{border:1px solid var(--line-p);border-radius:4px;padding:clamp(12px,1.7vh,18px);background:rgba(255,255,255,.42)}
.sched-head{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.sched-k{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--walnut)}
.sched-t{margin:0;font-size:var(--fs-small);color:var(--muted-p)}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.slot{border:1px solid rgba(11,10,9,.22);border-radius:2px;padding:8px 9px;text-align:left;display:flex;flex-direction:column;gap:2px;transition:background .18s,color .18s,border-color .18s}
.slot b{font-size:13.5px;font-weight:600;letter-spacing:.01em}
.slot span{font-family:var(--mono);font-size:11px;opacity:.72}
.slot:hover{border-color:var(--walnut)}
.slot.is-on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.sched-actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.sched-state{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--muted-p);flex:1;min-width:140px}
.final-card{background:var(--ink);color:var(--bone);border-radius:4px;padding:clamp(16px,2.2vh,26px);display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.final-k{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--brass)}
.final-q{margin:0;font-family:var(--serif);font-size:clamp(19px,1.32vw + 6px,27px);line-height:1.28;color:#F0E4CE}
.final-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(243,237,225,.16)}
.final-list li{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid rgba(243,237,225,.12)}
.final-list b{font-family:var(--serif);font-size:clamp(19px,1.5vw,26px);min-width:64px;color:#EADCC4;font-weight:400}
.final-list span{font-size:var(--fs-small);color:#B6AB99}
.final-note{margin:0;font-size:12.5px;line-height:1.45;color:#8E8272}
.deck-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line-p);padding-top:10px;font-family:var(--mono);font-size:var(--fs-cap);color:var(--muted-p);letter-spacing:.02em}
@media (max-width:980px){
  .close-grid{grid-template-columns:1fr}
  .slots{grid-template-columns:1fr}
  .slot{flex-direction:row;justify-content:space-between;align-items:baseline}
}
@media (max-width:520px){
  .rep{grid-template-columns:80px 1fr;gap:12px}
  .rep-portrait{width:80px}
}

/* ==========================================================================
   index overlay
   ========================================================================== */
.index-overlay{position:fixed;inset:0;z-index:70;background:rgba(8,7,6,.96);color:var(--bone);overflow-y:auto;padding:clamp(16px,3vw,44px);backdrop-filter:blur(6px)}
.index-overlay[hidden]{display:none}
.index-inner{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,3vh,30px)}
.index-head{position:relative;display:flex;flex-direction:column;gap:6px}
.close-idx{position:absolute;right:0;top:0;font-size:20px;width:40px;height:40px}
.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
.idx-card{position:relative;text-align:left;border:1px solid rgba(243,237,225,.18);border-radius:4px;padding:clamp(14px,1.8vh,22px);display:flex;flex-direction:column;gap:6px;min-height:clamp(110px,15vh,160px);transition:background .2s,border-color .2s,transform .2s}
.idx-card:hover{background:rgba(243,237,225,.06);border-color:rgba(176,138,84,.6);transform:translateY(-2px)}
.idx-card.on{border-color:var(--brass)}
.idx-num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--brass)}
.idx-title{font-size:clamp(18px,1.2vw + 7px,24px);letter-spacing:-.02em;line-height:1.1}
.idx-sub{margin-top:auto;font-size:12.5px;color:#9E9281}
@media (max-width:900px){.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.index-grid{grid-template-columns:1fr}}

/* ==========================================================================
   FX
   ========================================================================== */
.fx{position:fixed;inset:0;z-index:65;pointer-events:none;overflow:hidden}
.fx canvas{position:absolute;inset:0;width:100%;height:100%}
.fx-flash{position:absolute;inset:0;background:radial-gradient(48% 44% at var(--ix,62%) var(--iy,48%),rgba(255,246,232,.96),rgba(255,214,166,.5) 32%,rgba(162,40,31,.24) 56%,rgba(10,8,7,0) 74%);opacity:0;transform:scale(.6)}
.fx-flash.go{animation:flash .52s cubic-bezier(.15,.8,.2,1) both}
@keyframes flash{0%{opacity:0;transform:scale(.5)}8%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
.fx-ring{position:absolute;left:var(--ix,62%);top:var(--iy,48%);width:120px;height:120px;margin:-60px 0 0 -60px;border:1.5px solid rgba(255,231,197,.85);border-radius:50%;opacity:0}
.fx-ring.two{border-color:rgba(162,40,31,.55);border-width:3px}
.fx-ring.go{animation:ring .72s cubic-bezier(.12,.7,.2,1) both}
.fx-ring.two.go{animation:ring2 .82s .05s cubic-bezier(.12,.7,.2,1) both}
@keyframes ring{0%{opacity:.95;transform:scale(.25)}100%{opacity:0;transform:scale(9)}}
@keyframes ring2{0%{opacity:.8;transform:scale(.2)}100%{opacity:0;transform:scale(13)}}
.stamp-imprint{position:absolute;left:var(--ix,62%);top:var(--iy,48%);transform:translate(-50%,-50%) rotate(-9deg) scale(.4);font-family:var(--mono);font-size:clamp(28px,4vw,64px);letter-spacing:.18em;color:rgba(162,40,31,.94);border:4px solid rgba(162,40,31,.9);padding:.1em .24em;border-radius:4px;opacity:0;text-shadow:0 0 18px rgba(162,40,31,.4);mix-blend-mode:multiply}
.stamp-imprint.go{animation:imprint .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes imprint{0%{opacity:0;transform:translate(-50%,-50%) rotate(-9deg) scale(1.9)}18%{opacity:.95;transform:translate(-50%,-50%) rotate(-9deg) scale(.98)}72%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) rotate(-9deg) scale(1.05)}}

.toast{position:fixed;left:50%;bottom:calc(var(--dock-h) + 16px);transform:translate(-50%,20px);z-index:80;background:var(--bone);color:var(--ink);padding:10px 16px;border-radius:3px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:min(92vw,520px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ==========================================================================
   responsive deck chrome
   ========================================================================== */
@media (max-width:1100px){
  :root{--chrome-h:66px;--dock-h:62px}
  .chrome-mid{display:none}
  .dock-mid{display:none}
  .dock{grid-template-columns:1fr auto}
}
@media (max-width:760px){
  :root{--chrome-h:60px;--dock-h:64px;--gutter:16px;--gap:14px}
  .chrome{padding:0 14px;gap:8px}
  .tagchip{padding:4px 6px}
  .tagchip img{height:12px}
  .bclock{height:12px}
  .chrome-right{gap:8px}
  .iconbtn{width:40px;height:40px}
  .dock{padding:0 12px;gap:8px;padding-bottom:env(safe-area-inset-bottom)}
  .dock-prep{display:none}
  .dock-left{justify-content:center}
  .dock-loc{font-size:10.5px;letter-spacing:.04em;opacity:.65;white-space:normal;line-height:1.2}
  .navbtn{height:44px;min-width:44px;padding:0 14px;font-size:13px;gap:5px}
  .navbtn b{font-size:12px}
  .slide-scroll{padding-top:calc(var(--chrome-h) + 14px);padding-bottom:calc(var(--dock-h) + 18px + env(safe-area-inset-bottom))}
  .slide-head{gap:10px}
  .h2{font-size:clamp(28px,7.2vw,40px);line-height:1}
  .lede{font-size:16px;line-height:1.5}
  .cover-title{font-size:clamp(37px,10.4vw,56px)}
  .detail-strip{padding:10px 0}
  .detail-k{font-size:10.5px}
  .proof-stat{padding:10px 0}
  .deck-foot{font-size:10.5px}
}
@media (max-width:400px){
  .h2{font-size:clamp(26px,7vw,34px)}
  .cover-title{font-size:clamp(34px,10vw,46px)}
  .chrome-mid,.counter span,.counter i{display:none}
  .counter b{font-size:11px}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .slide.is-in{animation:none}
}

/* concept at phone width: the same site, reflowed, not shrunk */
@media (max-width:760px){
  .screen{height:auto;min-height:0}
  .site-panel{height:auto;overflow:visible}
  .site-hero{height:auto;aspect-ratio:16/12}
  .site-strip{height:auto;padding-bottom:10px}
  .site-mini img{height:92px;flex:none}
  .site-panel[data-panel="arrivals"].active{display:block}
  .arr-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;flex:none}
  .arr-item{aspect-ratio:1}
  .arr-detail{margin-bottom:12px}
  .consign-wrap{height:auto}
  .consign-copy{padding-bottom:4px}
}
/* ---------- author pass: fit, rail clearance, evidence scale ---------- */
@media (min-width:901px){
  .slide-scroll{padding-right:calc(var(--gutter) + 24px)}
}
.head-copy .lede{margin-top:clamp(8px,1.2vh,14px)}
.audit-evidence{justify-content:flex-end;gap:16px}
.browser-shot{flex:0 0 auto;width:min(500px,64%);max-width:none}
.browser-shot img{aspect-ratio:4/3;object-fit:cover;object-position:top center}
.phone-shot{flex:0 0 auto;width:118px;max-width:118px}
.gap-grid{align-content:start;row-gap:clamp(12px,2vh,26px)}.flagship .h2{font-size:clamp(29px,2.85vw + 1px,54px)}
.flagship .screen{height:clamp(300px,42vh,470px)}
.flagship .inner{gap:clamp(10px,1.5vh,20px)}
/* ---------- author pass 2: balance, proof detail, scheduler picker ---------- */
.slide-head>*{min-width:0}
.audit-evidence{min-width:0}
.browser-shot{min-width:0}
.browser{min-width:0}
.slide-head.center{align-items:center}
.slide-head.center .audit-evidence{align-self:center}

.system-grid .sys-card{padding-top:clamp(16px,2.3vh,28px);padding-bottom:clamp(14px,2vh,24px)}
.system-grid .sys-card h3{font-size:clamp(22px,.95vw + 9px,30px)}
.system-grid .sys-out{font-size:var(--fs-cap)!important;letter-spacing:.04em;padding-top:12px}
.system-foot{margin-top:auto}
.map-chip img{width:clamp(150px,12.5vw,220px)}

.proof-apply{display:flex;flex-direction:column;gap:7px;margin-top:2px;padding-top:14px;border-top:1px solid rgba(243,237,225,.14)}
.proof-apply ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.proof-apply li{position:relative;padding-left:15px;font-size:var(--fs-small);line-height:1.4;color:#C8BDAC}
.proof-apply li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:1px;background:var(--brass)}
.proof-apply .proof-fine{margin-top:2px}
.proof-side{gap:10px}

.press{flex-direction:column;align-items:flex-start;gap:10px}
.press img{width:clamp(190px,15vw,250px)}
.press figcaption{max-width:34ch;font-size:var(--fs-cap)}
.press-quote{display:block;font-family:var(--serif);font-size:clamp(17px,1.05vw,22px);line-height:1.3;color:var(--ink);margin-bottom:6px}
.road-foot{align-items:end}

.callplan{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2vw,34px);align-items:center;border-top:1px solid rgba(243,237,225,.14);padding-top:clamp(10px,1.6vh,18px);margin-top:auto}
.callplan-k{grid-column:1;margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--brass);white-space:nowrap}
.callplan ol{grid-column:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,26px)}
.callplan li{display:flex;gap:10px;align-items:baseline}
.callplan b{font-family:var(--serif);font-size:clamp(20px,1.5vw,27px);font-weight:400;color:#EADCC4;white-space:nowrap}
.callplan b small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#8E8272;margin-left:2px}
.callplan span{font-size:var(--fs-small);line-height:1.4;color:#C8BDAC}

.pick{display:flex;flex-direction:column;gap:9px}
.pick-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.pick-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--walnut);width:34px}
.pick-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.opt{border:1px solid rgba(11,10,9,.22);border-radius:2px;padding:9px 8px;display:flex;align-items:baseline;gap:5px;justify-content:center;transition:background .18s,color .18s,border-color .18s;min-height:38px}
.opt b{font-size:13.6px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.opt span{font-family:var(--mono);font-size:10.5px;opacity:.65}
.opt:hover{border-color:var(--walnut);background:rgba(107,75,52,.07)}
.opt.is-on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.opt.is-on span{opacity:.8}

.after{margin-top:4px;padding-top:14px;border-top:1px solid rgba(243,237,225,.16);display:flex;flex-direction:column;gap:8px}
.after ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.after li{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start}
.after b{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--brass);padding-top:.25em}
.after span{font-size:var(--fs-small);line-height:1.4;color:#C8BDAC}

@media (max-width:980px){
  .callplan{grid-template-columns:1fr;gap:10px}
  .callplan ol{grid-column:1;grid-template-columns:1fr}
  .press{flex-direction:column}
}
@media (max-width:760px){
  .pick-row{grid-template-columns:1fr;gap:5px}
  .pick-k{width:auto}
  .opt b{font-size:13px}
  .pick-opts{gap:6px}
}
.p-nav{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(26,21,18,.10);background:#EFE7D8}
.p-nav span{text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.1em;padding:8px 2px;color:#8B8071;text-transform:uppercase}
.p-nav span.on{color:#1A1512;box-shadow:inset 0 2px 0 #8C6748}
/* ---------- author pass 3 ---------- */
.system-foot{border-top:1px solid var(--line-p);padding-top:clamp(12px,1.8vh,20px)}
.map-chip figcaption{display:flex;flex-direction:column;gap:2px;max-width:30ch}
.map-chip figcaption b{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:.01em}
.map-chip figcaption span{font-family:var(--mono);font-size:12.5px;color:var(--muted-p);line-height:1.4}

.cmp-label{top:10px;bottom:auto}
.road-foot{margin-top:0}
.press img{width:clamp(200px,15.5vw,260px)}

.wontdo{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2vw,34px);align-items:center;margin-top:0;padding-top:clamp(10px,1.6vh,18px);border-top:1px solid rgba(243,237,225,.14)}
.inner.spread{justify-content:space-between}
.wontdo-k{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:#A99D8C;white-space:nowrap}
.wontdo ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,26px)}
.wontdo li{display:flex;gap:8px;align-items:baseline}
.wontdo b{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--brass);opacity:.8}
.wontdo span{font-size:var(--fs-small);line-height:1.4;color:#C8BDAC}
.callplan{margin-top:0}

.close-grid{align-items:center}
.close-copy .rep{margin:clamp(18px,2.6vh,30px) 0;padding:clamp(16px,2.2vh,24px) 0}
.scheduler{padding:clamp(16px,2.2vh,24px)}
.final-card{padding:clamp(20px,2.6vh,30px)}
.pick-k{font-size:11.5px;width:38px}
.opt b{font-size:14px}
.opt span{font-size:11px}

@media (max-width:980px){
  .wontdo{grid-template-columns:1fr;gap:10px}
  .wontdo ol{grid-template-columns:1fr}
  .close-grid{align-items:stretch}
}
@media (max-width:760px){
  .cmp-label{top:8px;font-size:9px}
}
.tier-scope{margin:auto 0 0;padding-top:14px;border-top:1px solid rgba(243,237,225,.12);font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:#A99D8C;line-height:1.45}
/* ---------- phone + rail + scroll cue ---------- */
.scrollcue{position:fixed;right:calc(var(--gutter));bottom:calc(var(--dock-h) + 10px);transform:translateY(6px);z-index:48;display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:99px;background:rgba(11,10,9,.84);color:var(--bone);border:1px solid rgba(243,237,225,.2);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;backdrop-filter:blur(6px)}
.theme-paper .scrollcue{background:rgba(243,237,225,.95);color:var(--ink);border-color:rgba(11,10,9,.18)}
.scrollcue.on{opacity:.92;transform:translateY(0)}
.scrollcue i{font-style:normal;animation:cuebob 1.8s ease-in-out infinite}
@keyframes cuebob{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}

@media (max-width:1400px) and (min-width:901px){
  .browser-shot{width:min(430px,60%)}
  .phone-shot{width:104px;max-width:104px}
}
@media (max-width:760px){
  .audit-evidence{flex-wrap:nowrap;gap:10px}
  .browser-shot{flex:1 1 auto;width:auto!important;min-width:0}
  .phone-shot{flex:0 0 96px;width:96px!important;max-width:96px}
  .audit-evidence .shot-tag{font-size:9.5px}
  .browser-shot figcaption{font-size:12.5px}
}
@media (max-width:640px){
  .stage-fallback{padding-top:calc(var(--chrome-h) + 12px);place-items:start center;opacity:1}
  .fb-tag{width:148px;margin-top:0;transform:rotate(-5deg);opacity:.95}
  .cover-inner{padding-top:186px;justify-content:flex-end}
  .cover-title{font-size:clamp(34px,9.6vw,46px)}
  .cover-lede{font-size:15.5px}
  .rep{grid-template-columns:96px 1fr}
  .rep-portrait{width:96px}
}
@container (max-width:560px){
  .site-open{display:none}
  .site-nav{gap:6px}
  .site-tabs{margin-left:auto}
}
@media (max-width:1500px) and (min-width:901px){
  .phone{max-width:168px}
}
.scrollfade{position:fixed;left:0;right:0;bottom:var(--dock-h);height:74px;z-index:47;pointer-events:none;opacity:0;transition:opacity .3s;background:linear-gradient(to top,var(--ink) 8%,rgba(11,10,9,.72) 44%,rgba(11,10,9,0))}
.theme-paper .scrollfade{background:linear-gradient(to top,var(--bone) 8%,rgba(243,237,225,.78) 44%,rgba(243,237,225,0))}
.scrollfade.on{opacity:1}
@media (max-height:960px){
  .cover-title{font-size:clamp(42px,5.1vw,104px)}
}
@media (max-width:980px){
  .stage-fallback{z-index:5;padding-top:calc(var(--chrome-h) + 16px);place-items:start center;opacity:1}
  .fb-tag{width:min(30vw,224px);margin-top:6px;transform:rotate(-5deg);opacity:.96}
  .cover-inner{padding-top:clamp(232px,32vh,330px);justify-content:flex-end}
  .cover-title{font-size:clamp(42px,6.6vw,64px)}
  .head-side{justify-self:start;max-width:none}
}
@media (max-width:520px){
  .scrollfade{height:56px}
}
.cmp-legend{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:var(--fs-cap);letter-spacing:.06em;color:var(--muted-d);opacity:.85}
.cmp-legend .cmp-hint{text-align:center;letter-spacing:.02em;opacity:.8}
.close-grid{align-items:start}
.close-side{padding-top:clamp(4px,1.2vh,14px)}
.stamp-imprint{font-size:clamp(20px,2.4vw,42px);letter-spacing:.2em}
.fx-flash{background:radial-gradient(38% 34% at var(--ix,62%) var(--iy,48%),rgba(255,246,232,.96),rgba(255,214,166,.5) 36%,rgba(162,40,31,.22) 58%,rgba(10,8,7,0) 76%)}
/* short laptop viewports */
@media (max-height:820px){
  .map-chip{display:none}
  .system-foot{grid-template-columns:1fr}
  .close-copy .rep{margin:12px 0;padding:10px 0}
  .scheduler{padding:14px}
  .close-side{padding-top:0}
}
@media (max-width:1400px){
  .proof-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
}
@media (min-width:1101px){
  .rep{grid-template-columns:clamp(112px,9.6vw,150px) 1fr}
}
@media (max-height:1000px){
  .flagship .screen{height:clamp(280px,38vh,420px)}
  .phone{max-width:152px}
}
.scrollfade{height:52px}
@media (max-height:1000px){
  .site-hero{height:70%}
  .site-strip{height:30%}
  .site-hero-copy{gap:.45em}
  .site-hero-copy h3{font-size:clamp(20px,3.1cqw,36px)}
}
@media (max-height:1000px){
  .site-strip{padding:5px 22px 7px;gap:3px}
  .site-mini{gap:8px}
  .site-mini figcaption{font-size:9.5px}
}

/* ==========================================================================
   COMPLETION PASS — cover overlay, tag tear, inline icons, readable label floor
   ========================================================================== */

/* the cover's WebGL layer keeps playing over the incoming slide after the cut:
   the stamp recoils, the torn tag and the sparks cross onto readable content */
.slide.cover.boom-out{
  visibility:visible!important;opacity:1!important;z-index:7;pointer-events:none;
  background:transparent!important;transition:none!important;
}
.slide.cover.boom-out .stage-room,
.slide.cover.boom-out .cover-grain,
.slide.cover.boom-out .cover-vignette,
.slide.cover.boom-out .cover-scroll,
.slide.cover.boom-out .stage-fallback{opacity:0;transition:opacity .2s ease-out}

/* every other Next: a strip of bone card tears across, perforated on its leading edge */
.tear{
  position:absolute;top:-2vh;bottom:-2vh;left:100%;width:min(16vw,260px);opacity:0;
  background:linear-gradient(90deg,#F4EEE2 0,#EADFCB 52%,rgba(234,223,203,0) 100%);
  -webkit-mask:radial-gradient(circle at 0 50%,#0000 5.2px,#000 5.8px) 0 0/100% 17px repeat-y;
  mask:radial-gradient(circle at 0 50%,#0000 5.2px,#000 5.8px) 0 0/100% 17px repeat-y;
  filter:drop-shadow(-16px 0 24px rgba(0,0,0,.4));
}
.tear.go{animation:tear .62s cubic-bezier(.3,.7,.2,1) both}
@keyframes tear{0%{opacity:.96;transform:translateX(0)}78%{opacity:.88}100%{opacity:0;transform:translateX(-140vw)}}

/* inline SVG icons (never Unicode arrows) */
.ico{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.14em;overflow:visible}
.btn .ico{width:1.1em;height:1.1em}
.navbtn .ico{width:15px;height:15px}
.stat-arrow .ico{width:1em;height:1em;vertical-align:-.16em}
.proof-links a{display:inline-flex;align-items:center;gap:.45em}
.proof-links a .ico{width:1em;height:1em}
.scrollcue .ico{width:12px;height:12px;animation:cuebob 1.8s ease-in-out infinite}
.close-idx .ico{width:18px;height:18px}
.site-cta b,.arr-cta b{display:inline-flex;align-items:center;font-weight:400}
.site-cta .ico,.arr-cta .ico{width:1em;height:1em}

/* readable label floor: the same tokens everywhere, never below 13px at 1366 */
.ticker,.shot-bar,.steps li b,.detail-k,.sys-num,.fnum,.cmp-hint,.cmp-label,.proof-k,.proof-links a,
.phase-when,.tier-k,.sched-k,.sched-state,.final-k,.idx-num,.callplan-k,.pick-k,.after b,.wontdo-k,
.wontdo b,.rec-flag,.slot span,.opt span,.callplan b small,.scrollcue{font-size:var(--fs-label)}
.sys-out,.owner,.map-chip figcaption,.map-chip figcaption span,.press figcaption,.final-note,.idx-sub{font-size:var(--fs-cap)!important}
.dock-loc{font-size:12.5px}
.navbtn b{font-size:13px}
.ticker i{opacity:.55}
@media (max-width:760px){
  .dock-loc{font-size:12px}
  .deck-foot{font-size:12px}
  .detail-k{font-size:12.5px}
  .counter b{font-size:12.5px}
  .cmp-label{font-size:12px}
  .audit-evidence .shot-tag{font-size:12px}
  .pick-k,.sched-k,.final-k,.proof-k,.tier-k,.phase-when{font-size:12.5px}
  .sys-out,.owner{font-size:13px!important}
}

/* hosted fallback (phone, no WebGL): the same tag, hanging from its twine and swaying */
@media (prefers-reduced-motion:no-preference){
  .fb-tag{transform-origin:50% -18%;animation:tagswing 6.5s ease-in-out infinite}
  .force-rm .fb-tag{animation:none}
}
@keyframes tagswing{0%,100%{transform:rotate(-5.5deg)}50%{transform:rotate(-1.5deg)}}

/* close: the supplied portrait is a focal element and is shown exactly as supplied */
.rep-portrait{filter:none}
@media (min-width:1101px){
  .rep{grid-template-columns:clamp(140px,min(12vw,24vh),232px) 1fr}
  .rep-name{font-size:clamp(25px,1.7vw + 10px,40px)}
  .rep-portrait{border-radius:4px}
}

/* flagship: the concept sits on a lit stage (CSS light, not an image) */
.flag-grid{position:relative;isolation:isolate}
.flag-grid::before{
  content:"";position:absolute;inset:-6% -4% -10%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 55% at 42% 46%,rgba(214,170,106,.16),rgba(214,170,106,.05) 42%,transparent 72%),
    radial-gradient(42% 28% at 50% 108%,rgba(255,226,186,.10),transparent 70%);
}
.flag-grid .browser{box-shadow:0 46px 90px -22px rgba(0,0,0,.78),0 0 0 1px rgba(214,170,106,.30),0 -2px 46px rgba(214,170,106,.14)}

/* ==========================================================================
   display-standardization pass — whole-composition vertical centering
   Flagged slides 03 (the gap), 05 (the system), 06 (the proof) pinned their
   kicker/title/lead/body group to the top of the stage and left a large void
   above the footer. Safe centering: free space is split above the first and
   below the last block of the .inner group; when the group is taller than the
   stage the auto margins collapse to zero and natural top-anchored scrolling
   is preserved. No copy, type, color, asset or control changes; the masthead
   and dock stay anchored.
   ========================================================================== */
#s3 .inner > :first-child,
#s5 .inner > :first-child,
#s6 .inner > :first-child{margin-top:auto}
#s3 .inner > :last-child,
#s5 .inner > :last-child,
#s6 .inner > :last-child{margin-bottom:auto}

/* slide 05: the system-foot no longer stretches to the dock by itself — the
   whole group (head + cards + map chip) is one centered unit */
#s5 .system-foot{margin-top:0}

@media (max-height:960px) and (min-width:901px){
  #s3 .inner > :first-child,#s5 .inner > :first-child,#s6 .inner > :first-child{margin-top:auto}
  #s3 .inner > :last-child,#s5 .inner > :last-child,#s6 .inner > :last-child{margin-bottom:auto}
}