/* =========================================================================
   Lavish - The Bath Gallery × Brandcore.io
   Private proposal · 2026 · web presentation
   ========================================================================= */

/* ---------------------------------------------------------------- fonts */
@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;
}

/* ---------------------------------------------------------------- tokens */
:root{
  --night:#070909;
  --night-2:#0a0f10;
  --night-3:#111a1b;
  --paper:#f1ece1;
  --paper-2:#e6ddcd;
  --ink:#15130f;
  --ink-soft:#514c42;
  --ink-muted:#6e6659;
  --paper-text:#f1ece1;
  --paper-soft:#c2bbae;
  --paper-muted:#a8a195;
  --line-light:rgba(21,19,15,.16);
  --line-light-soft:rgba(21,19,15,.09);
  --line-dark:rgba(241,236,225,.16);
  --line-dark-soft:rgba(241,236,225,.08);
  --steel:#c8d5d9;
  --steel-bright:#e9f3f5;
  --steel-dim:#8da0a5;
  --bronze:#7a4f10;
  --bronze-dark:#d6ae74;
  --red:#9e2528;
  --red-dark:#ef8a80;
  --font:"Geist","Segoe UI",Helvetica,Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --body:clamp(17px,1.2vw,21px);
  --body-s:clamp(16.2px,1.13vw,19.5px);
  --label:clamp(13px,.88vw,14px);
  --label-s:clamp(12.8px,.82vw,13.4px);
  --chrome-h:64px;
  --foot-h:54px;
  --padx:clamp(20px,3.55vw,58px);
  --r:10px;
}

*,*::before,*::after{box-sizing:border-box}
html{height:100%;-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100%;
  background:var(--night);
  color:var(--paper-text);
  font-family:var(--font);
  font-size:var(--body);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow:hidden;
}
img{max-width:100%;display:block}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
h1,h2,h3,h4,h5,p{margin:0}
ul,ol,dl{margin:0;padding:0;list-style:none}
code{font-family:var(--mono);font-size:.88em;background:rgba(21,19,15,.07);padding:.05em .3em;border-radius:3px}
::selection{background:rgba(200,213,217,.3)}

.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}
.kicker{
  display:inline-flex;align-items:center;gap:.65em;
  font-family:var(--mono);font-size:var(--label);font-weight:400;
  letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);
}
.kicker i{width:26px;height:1px;background:currentColor;opacity:.6;display:inline-block}
.kicker.gold{color:var(--bronze-dark)}
.meta-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin:0 .45em;vertical-align:.18em}
.live-dot{width:6px;height:6px;border-radius:50%;background:#88c6a2;box-shadow:0 0 0 3px rgba(136,198,162,.12);display:inline-block;margin-right:.55em}
.head-meta{font-family:var(--mono);font-size:var(--label-s);letter-spacing:.09em;color:var(--ink-muted);text-transform:uppercase;white-space:nowrap}
.theme-dark .head-meta{color:var(--paper-muted)}

/* ---------------------------------------------------------------- chrome */
.progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:90;background:rgba(255,255,255,.05)}
.progress i{display:block;height:100%;width:11.111%;background:linear-gradient(90deg,#7c8f94,#d7e9ec);transition:width .45s cubic-bezier(.22,1,.36,1)}
.theme-light .progress i{background:linear-gradient(90deg,#8d7a5b,#2c261c)}

.chrome{
  position:fixed;left:0;right:0;z-index:70;
  display:flex;align-items:center;gap:18px;
  padding:0 var(--padx);
  color:var(--paper-text);
}
.top-chrome{
  top:2px;height:calc(var(--chrome-h) - 2px);
  border-bottom:1px solid var(--line-dark-soft);
  background:linear-gradient(180deg,rgba(7,9,9,.97),rgba(7,9,9,.9));
  backdrop-filter:blur(14px);
}
.theme-light .top-chrome{
  color:var(--ink);
  border-bottom-color:var(--line-light-soft);
  background:linear-gradient(180deg,rgba(241,236,225,.99),rgba(241,236,225,.94));
}
body.on-cover .top-chrome{
  background:linear-gradient(180deg,rgba(5,7,7,.88) 0%,rgba(5,7,7,.42) 58%,rgba(5,7,7,0) 100%);
  border-bottom-color:transparent;
  backdrop-filter:none;
}
.cobrand{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto}
.bc-lockup{display:flex;align-items:center;text-decoration:none}
.bc-logo{height:23px;width:auto;display:block}
.bc-lockup .bc-dark,.client-lockup .cl-dark{display:none}
.theme-light .bc-lockup .bc-dark{display:block}
.theme-light .client-lockup .cl-dark{display:block}
.theme-light .bc-lockup .bc-light{display:none}
.theme-light .client-lockup .cl-light{display:none}
.cobrand-x{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1;opacity:.55;transform:translateY(-1px)}
.client-lockup{display:flex;align-items:center;min-width:0}
.client-lockup img{height:32px;width:auto;display:block}
.chrome-center{
  flex:1 1 auto;text-align:center;
  font-family:var(--mono);font-size:var(--label-s);letter-spacing:.14em;text-transform:uppercase;
  color:var(--paper-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.theme-light .chrome-center{color:var(--ink-muted)}
.chrome-right{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.index-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:var(--label-s);letter-spacing:.12em;
  color:inherit;opacity:.8;padding:8px 2px;transition:opacity .2s;
}
.index-btn:hover{opacity:1}
.index-btn .ico{width:15px;height:15px}
.chrome-count{font-family:var(--mono);font-size:var(--label);letter-spacing:.05em;white-space:nowrap}
.chrome-count b{font-weight:400;color:var(--steel-bright)}
.theme-light .chrome-count b{color:var(--ink)}
.chrome-count span{opacity:.55;margin-left:.2em}

.rail{
  position:fixed;right:14px;top:50%;transform:translateY(-50%);
  z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:7px;
  transition:opacity .3s;
}
body.on-cover .rail{opacity:0;pointer-events:none}
.rail button{
  display:flex;align-items:center;gap:8px;height:16px;color:var(--paper-muted);
  opacity:.55;transition:opacity .2s;
}
.rail button span{
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .25s,opacity .25s;
}
.rail button i{width:16px;height:1px;background:currentColor;transition:width .2s,background .2s}
.rail button:hover span{max-width:190px;opacity:1}
.rail button:hover,.rail button.on{opacity:1;color:var(--steel-bright)}
.theme-light .rail button{color:var(--ink-muted)}
.theme-light .rail button:hover,.theme-light .rail button.on{color:var(--ink)}
.rail button.on i{width:28px;background:currentColor}

.bottom-chrome{
  bottom:0;height:var(--foot-h);
  border-top:1px solid var(--line-dark-soft);
  background:linear-gradient(0deg,rgba(7,9,9,.98),rgba(7,9,9,.9));
  backdrop-filter:blur(14px);
  justify-content:space-between;
}
.theme-light .bottom-chrome{
  color:var(--ink);border-top-color:var(--line-light-soft);
  background:linear-gradient(0deg,rgba(241,236,225,.99),rgba(241,236,225,.94));
}
body.on-cover .bottom-chrome{
  background:linear-gradient(0deg,rgba(5,7,7,.92),rgba(5,7,7,.6));
  border-top-color:rgba(241,236,225,.08);
}
.prepared-mini{display:flex;align-items:center;gap:9px;font-size:var(--label-s);color:var(--paper-muted);white-space:nowrap;overflow:hidden}
.prepared-mini img{width:25px;height:25px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.prepared-mini b{font-weight:500;color:var(--paper-text)}
.theme-light .prepared-mini{color:var(--ink-muted)}
.theme-light .prepared-mini b{color:var(--ink)}
.bottom-mid{
  font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--paper-muted);display:flex;align-items:center;
}
.theme-light .bottom-mid{color:var(--ink-muted)}
.nav-controls{display:flex;align-items:center;gap:6px}
.nav-controls button{
  width:36px;height:34px;display:grid;place-items:center;border:1px solid var(--line-dark);
  border-radius:6px;color:var(--paper-text);transition:background .2s,border-color .2s;
}
.theme-light .nav-controls button{color:var(--ink);border-color:var(--line-light)}
.nav-controls button:hover{background:rgba(241,236,225,.09);border-color:rgba(241,236,225,.32)}
.theme-light .nav-controls button:hover{background:rgba(21,19,15,.06);border-color:rgba(21,19,15,.3)}
.nav-controls button:disabled{opacity:.3;cursor:default}
.nav-controls .ico{width:16px;height:16px}
body.is-cutting .nav-controls{pointer-events:none;opacity:.45}

/* ---------------------------------------------------------------- deck */
.deck{position:fixed;inset:0;z-index:1;overflow:hidden}
.slide{
  position:absolute;inset:0;display:none;
  overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:contain;
  background:var(--night);
  scrollbar-width:thin;
  scrollbar-color:rgba(200,213,217,.35) transparent;
}
.slide.active{display:block}
.slide::-webkit-scrollbar{width:8px}
.slide::-webkit-scrollbar-thumb{background:rgba(150,165,170,.35);border-radius:8px}
.slide-paper{
  background:
    radial-gradient(120% 85% at 82% 4%,rgba(255,255,255,.6),rgba(255,255,255,0) 55%),
    radial-gradient(90% 75% at 0% 100%,rgba(190,173,148,.2),rgba(190,173,148,0) 60%),
    var(--paper);
  color:var(--ink);
}
.slide-paper::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:repeating-linear-gradient(112deg,rgba(70,60,44,.045) 0 1px,transparent 1px 7px);
  mix-blend-mode:multiply;
}
.slide-dark{background:var(--night);color:var(--paper-text)}
.pad{
  position:relative;z-index:2;min-height:100%;
  padding:calc(var(--chrome-h) + clamp(10px,1.75vh,22px)) var(--padx) calc(var(--foot-h) + clamp(8px,1.2vh,14px));
  display:flex;flex-direction:column;
}
.slide-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(12px,1.9vh,22px);flex:0 0 auto}
.slide-foot{
  flex:0 0 auto;margin-top:auto;padding-top:clamp(8px,1.2vh,12px);
  border-top:1px solid var(--line-light-soft);
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  font-family:var(--mono);font-size:var(--label-s);letter-spacing:.03em;color:var(--ink-muted);
}
.slide-dark .slide-foot{border-top-color:var(--line-dark-soft);color:var(--paper-muted)}
.foot-page{color:var(--bronze);white-space:nowrap}
.slide-dark .foot-page{color:var(--bronze-dark)}

h2{font-size:clamp(38px,3.7vw,64px);line-height:.99;letter-spacing:-.05em;font-weight:500;color:var(--ink)}
.slide-dark h2{color:var(--paper-text)}
h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.018em;color:var(--bronze)}
.slide-dark h2 em{color:var(--bronze-dark)}
.lead,.slide-paper .lead{font-size:var(--body);line-height:1.52;color:var(--ink-soft)}

/* ================================================================ 01 COVER */
.slide-cover{background:#050707;overflow:hidden;color:var(--paper-text)}
.cover-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(85% 70% at 73% 38%,#1b2b2e 0%,#0c1516 38%,#060909 70%,#040606 100%),
    #050707;
}
.cover-bg::after{
  content:"";position:absolute;inset:0;opacity:.35;
  background-image:
    repeating-linear-gradient(96deg,rgba(201,226,232,.06) 0 1px,transparent 1px 19px),
    repeating-linear-gradient(84deg,rgba(201,226,232,.035) 0 1px,transparent 1px 43px);
  mask-image:linear-gradient(90deg,transparent 18%,black 62%,black 100%);
}
.cover-haze{
  position:absolute;inset:auto -10% -22% 30%;height:55%;
  background:radial-gradient(50% 60% at 54% 50%,rgba(142,190,201,.16),rgba(142,190,201,0) 70%);
  filter:blur(14px);pointer-events:none;
}
#hero-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .9s ease}
body.webgl-visible #hero-scene{opacity:1}
body.webgl-visible .cover-fallback{opacity:0;visibility:hidden}
.cover-grid{
  position:absolute;inset:0;z-index:1;opacity:.2;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(200,220,225,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(200,220,225,.07) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(75% 70% at 62% 48%,black,transparent 82%);
}
.cover-content{
  position:relative;z-index:4;min-height:100%;
  display:flex;align-items:center;
  padding:calc(var(--chrome-h) + clamp(24px,4vh,52px)) var(--padx) calc(var(--foot-h) + clamp(78px,10vh,104px));
}
.cover-copy{width:min(49%,840px);animation:coverRise 1s .05s both}
@keyframes coverRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.cover-collab{display:flex;align-items:center;gap:13px;margin-bottom:clamp(16px,2.8vh,30px);flex-wrap:wrap}
.cc-brand{height:22px;width:auto}
.cc-x{font-family:var(--serif);font-style:italic;font-size:18px;opacity:.55;line-height:1}
.cc-client{font-family:var(--mono);font-size:clamp(9.5px,.65vw,11px);letter-spacing:.16em;color:var(--paper-muted);white-space:nowrap}
.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:clamp(9.5px,.68vw,11.5px);letter-spacing:.15em;text-transform:uppercase;color:var(--paper-muted);margin-bottom:clamp(12px,2.2vh,22px);flex-wrap:wrap}
.eyebrow-line{width:34px;height:1px;background:rgba(200,213,217,.55)}
.eyebrow-dot{width:3px;height:3px;border-radius:50%;background:var(--steel-dim)}
.cover-title{
  font-size:clamp(46px,4.1vw,80px);
  line-height:.94;letter-spacing:-.055em;font-weight:500;
  margin:0 0 clamp(16px,2.4vh,26px);color:var(--paper-text);
  text-wrap:balance;
}
.cover-title .title-line{display:block}
.cover-title .title-serif{
  font-family:var(--serif);font-style:italic;font-weight:400;
  letter-spacing:-.026em;color:#d9c3a0;line-height:.96;
}
.cover-lead{
  font-size:clamp(16.5px,1.14vw,21px);line-height:1.5;color:var(--paper-soft);
  max-width:34em;margin-bottom:clamp(18px,2.8vh,30px);
}
.cover-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:clamp(18px,2.6vh,28px)}
.btn{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:var(--label);letter-spacing:.1em;text-transform:uppercase;
  padding:14px 20px;border-radius:5px;border:1px solid transparent;
  transition:transform .2s,background .2s,border-color .2s;
}
.btn:hover{transform:translateY(-1px)}
.btn-chrome{background:var(--steel-bright);color:#101516;border-color:var(--steel-bright)}
.btn-chrome:hover{background:#fff}
.btn .ico{width:15px;height:15px}
.cover-caption{font-family:var(--mono);font-size:clamp(11.5px,.76vw,12.6px);letter-spacing:.05em;color:var(--paper-muted);max-width:19em;line-height:1.5}
.cover-facts{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px);flex-wrap:wrap;padding-top:clamp(12px,2vh,20px);border-top:1px solid var(--line-dark-soft)}
.cover-facts span{font-family:var(--mono);font-size:clamp(11.5px,.76vw,12.8px);letter-spacing:.07em;text-transform:uppercase;color:var(--paper-muted)}
.cover-facts b{display:block;font-size:clamp(16px,1.1vw,20px);letter-spacing:.02em;color:var(--paper-text);font-weight:400;margin-bottom:2px}
.cover-stamp{display:none}
.cover-coords{
  position:absolute;left:var(--padx);right:var(--padx);
  bottom:calc(var(--foot-h) + 44px);z-index:5;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-family:var(--mono);font-size:clamp(9px,.62vw,10.5px);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-muted);
}
.scroll-cue{display:flex;align-items:center;gap:8px}
.scroll-cue i{width:16px;height:1px;background:var(--steel-dim);position:relative;display:inline-block}
.scroll-cue i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid var(--steel-dim);border-right:1px solid var(--steel-dim);transform:rotate(45deg)}
.ticker{
  position:absolute;left:0;right:0;bottom:var(--foot-h);height:32px;z-index:5;overflow:hidden;
  border-top:1px solid var(--line-dark-soft);
  background:rgba(5,7,7,.55);backdrop-filter:blur(8px);
  mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent);
}
.ticker-track{display:flex;align-items:center;height:100%;width:max-content;animation:ticker 42s linear infinite;will-change:transform}
.ticker-track span{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--paper-muted);padding:0 20px;white-space:nowrap}
.ticker-track i{width:3px;height:3px;border-radius:50%;background:rgba(200,213,217,.4);flex:0 0 auto}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* cover fallback plaque */
.cover-fallback{
  position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:flex-end;
  padding:0 7vw;pointer-events:none;
}
.cf-mirror{
  position:relative;width:min(45vw,560px);aspect-ratio:1;border-radius:50%;
  background:
    radial-gradient(75% 75% at 50% 42%,#162225 0%,#0a1011 58%,#050707 100%);
  border:1px solid rgba(200,222,228,.22);
  box-shadow:0 35px 90px rgba(0,0,0,.65),inset 0 0 60px rgba(150,200,210,.06);
  display:flex;align-items:center;justify-content:center;
  transform:rotate(-1.2deg);
}
.cf-mirror::before{
  content:"";position:absolute;inset:7%;border-radius:50%;
  border:1px solid rgba(203,222,227,.24);
  box-shadow:inset 0 0 50px rgba(0,0,0,.6);
}
.cf-sheen{position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,rgba(230,245,248,.16),transparent 34%,transparent 70%,rgba(230,245,248,.05));}
.cf-plaque{
  position:relative;width:79%;aspect-ratio:2.35;border-radius:7px;
  background:linear-gradient(155deg,#171b1c 0%,#070a0b 55%,#020404 100%);
  border:2px solid rgba(198,219,225,.55);
  box-shadow:0 18px 42px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.1);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
}
.cf-plaque img{width:78%;height:auto}
.cf-address{font-family:var(--mono);font-size:clamp(5.5px,.42vw,7px);letter-spacing:.17em;color:rgba(214,229,233,.55);white-space:nowrap}
.cf-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(190,216,222,.14);transform:translate(-50%,-50%)}
.cf-o1{width:min(52vw,650px);aspect-ratio:1}
.cf-o2{width:min(60vw,760px);aspect-ratio:1;border-color:rgba(190,216,222,.08)}
.cf-water{position:absolute;right:4vw;top:12%;width:1px;height:76%;background:linear-gradient(180deg,transparent,rgba(190,225,232,.25),transparent)}
.cf-caption{display:none}

/* ================================================================ 02 AUDIT */
.slide-audit .pad{padding-bottom:calc(var(--foot-h) + 10px)}
.audit-top{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3vw,54px);align-items:end;margin-bottom:clamp(12px,1.8vh,20px);flex:0 0 auto}
.audit-top h2{font-size:clamp(40px,3.9vw,68px)}
.audit-intro{display:flex;align-items:flex-end;gap:clamp(16px,2vw,28px);padding-bottom:4px}
.audit-intro p{font-size:var(--body-s);line-height:1.5;color:var(--ink-soft);max-width:48ch}
.audit-count{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;padding-bottom:2px}
.audit-count b{font-size:clamp(34px,2.6vw,46px);font-weight:400;line-height:.8;letter-spacing:-.05em;color:var(--bronze)}
.audit-count span{font-family:var(--mono);font-size:11px;line-height:1.35;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted)}
.audit-body{display:grid;grid-template-columns:minmax(250px,.64fr) minmax(0,1.5fr);gap:clamp(20px,2.3vw,36px);flex:1 1 auto;min-height:0}
.audit-shot{position:relative;margin:0;display:flex;flex-direction:column;min-height:0}
.shot-browser{position:relative;flex:1 1 auto;min-height:0;border-radius:7px;overflow:hidden;background:#0b0d0e;border:1px solid rgba(21,19,15,.28);box-shadow:0 24px 40px rgba(33,26,16,.18);display:flex;flex-direction:column}
.shot-bar{height:27px;display:flex;align-items:center;gap:8px;padding:0 9px;background:#181c1d;color:#b9c4c7;border-bottom:1px solid rgba(255,255,255,.08)}
.bdots{display:inline-flex;gap:4px}
.bdots i{width:5px;height:5px;border-radius:50%;background:rgba(220,230,232,.28)}
.shot-url{font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;color:#b8c3c6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shot-live{margin-left:auto;font-family:var(--mono);font-size:7.5px;letter-spacing:.09em;color:#8fb9a3;white-space:nowrap}
.shot-img{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#050505}
.shot-img img{width:100%;height:100%;object-fit:cover;object-position:top center}
.audit-pin{
  position:absolute;display:inline-flex;align-items:center;gap:6px;
  background:rgba(8,10,10,.92);border:1px solid rgba(240,180,120,.55);border-radius:3px;
  color:#f4e5cf;font-family:var(--mono);font-size:10px;line-height:1;letter-spacing:.05em;
  padding:5px 6px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.35);
}
.audit-pin i{width:4px;height:4px;border-radius:50%;background:#f0b478}
.pin-a{left:44%;top:44%;right:auto}
.pin-b{left:7%;top:9%}
.audit-phone{
  position:absolute;right:-10px;bottom:34px;width:clamp(100px,8.5vw,132px);
  padding:4px;border-radius:14px;background:#0b0d0e;border:1px solid rgba(200,213,217,.28);
  box-shadow:0 18px 34px rgba(21,19,15,.35);z-index:3;
}
.audit-phone-screen{aspect-ratio:.46;overflow:hidden;border-radius:10px;background:#000}
.audit-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.audit-phone-label{
  position:absolute;left:5px;right:5px;bottom:6px;
  font-family:var(--mono);font-size:8px;line-height:1.35;letter-spacing:.06em;
  color:#f1ece1;text-align:center;background:rgba(7,9,9,.9);
  border:1px solid rgba(200,213,217,.25);border-radius:3px;padding:3px 2px;
}
.audit-phone-label b{color:var(--red-dark)}
.audit-shot figcaption{
  margin-top:8px;padding-top:8px;border-top:1px solid var(--line-light-soft);
  font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-muted);
}
.findings{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(18px,1.8vw,30px);align-content:start;min-height:0}
.finding{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:clamp(7px,.95vh,11px) 0;border-top:1px solid var(--line-light)}
.finding:nth-child(-n+2){border-top-color:rgba(21,19,15,.3)}
.f-num{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--bronze);padding-top:3px}
.f-copy{min-width:0}
.f-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.f-head h3{font-size:clamp(16.5px,1.2vw,21px);line-height:1.18;letter-spacing:-.026em;font-weight:600;color:var(--ink);max-width:24ch}
.sev{
  flex:0 0 auto;font-family:var(--mono);font-size:clamp(9.6px,.7vw,11.4px);letter-spacing:.07em;
  text-transform:uppercase;padding:2px 5px;border:1px solid currentColor;border-radius:2px;margin-top:2px;
}
.sev.critical{color:var(--red)}
.sev.high{color:#8a5a12}
.sev.medium{color:#706859}
.f-copy p{font-size:clamp(16.4px,1.12vw,19px);line-height:1.4;color:var(--ink-soft);margin:4px 0 4px;max-width:36ch}
.f-tag{font-family:var(--mono);font-size:clamp(11.8px,.9vw,13.6px);letter-spacing:.05em;color:var(--bronze);display:block;white-space:normal;line-height:1.4}

/* ================================================================ 03 GAP */
.slide-gap{background:radial-gradient(90% 80% at 70% 10%,#132225 0%,#081011 45%,#050808 100%)}
.bg-water{
  position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:
    repeating-linear-gradient(94deg,rgba(188,222,229,.055) 0 1px,transparent 1px 17px),
    radial-gradient(55% 45% at 76% 48%,rgba(124,177,190,.14),rgba(124,177,190,0) 70%);
  mask-image:linear-gradient(180deg,black,transparent 92%);
}
.slide-gap .pad{position:relative;z-index:2}
.gap-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,3vw,56px);align-items:end;margin-bottom:clamp(12px,1.8vh,20px)}
.gap-head h2{font-size:clamp(38px,3.6vw,62px)}
.gap-head p{font-size:var(--body-s);line-height:1.52;color:var(--paper-soft);max-width:44ch}
.gap-flow{display:grid;grid-template-columns:1fr 38px 1fr;gap:clamp(12px,1.5vw,22px);flex:1 1 auto;min-height:0}
.flow-col{display:flex;flex-direction:column;min-height:0}
.flow-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:clamp(9px,.7vw,11px);letter-spacing:.11em;color:var(--paper-muted);text-transform:uppercase;margin-bottom:8px}
.label-x{color:var(--red-dark);font-size:13px;line-height:1}
.label-check{color:#8cc9a6;font-size:13px;line-height:1}
.flow-steps{display:flex;flex-direction:column;gap:4px}
.flow-step{
  display:grid;grid-template-columns:25px 1fr;gap:9px;
  padding:clamp(5px,.8vh,9px) 10px;border:1px solid var(--line-dark-soft);
  background:rgba(255,255,255,.025);border-radius:4px;
}
.flow-step>span{font-family:var(--mono);font-size:9px;color:var(--paper-muted);padding-top:3px}
.flow-step b{display:block;font-size:clamp(14px,.98vw,16.5px);font-weight:500;letter-spacing:-.01em;color:var(--paper-text);line-height:1.32}
.flow-step small{display:block;font-size:clamp(14px,1.02vw,17px);line-height:1.38;color:var(--paper-muted);margin-top:1px}
.flow-old .flow-step{border-left-color:rgba(239,138,128,.25)}
.flow-new .flow-step{border-color:rgba(200,213,217,.25);background:rgba(200,213,217,.06)}
.flow-divider{display:flex;align-items:center;justify-content:center}
.flow-divider span{
  font-family:var(--serif);font-style:italic;font-size:16px;color:var(--paper-muted);
  width:34px;height:34px;border:1px solid var(--line-dark);border-radius:50%;display:grid;place-items:center;
}
.flow-outcome{
  margin-top:12px;border:1px solid rgba(200,213,217,.32);border-radius:4px;
  padding:10px 12px;background:linear-gradient(135deg,rgba(200,213,217,.1),rgba(200,213,217,.02));
}
.flow-outcome span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--steel);display:block;margin-bottom:3px}
.flow-outcome b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(16px,1.18vw,20px);line-height:1.2;color:var(--paper-text);letter-spacing:-.01em}
.flow-visit{
  margin-top:8px;border:1px solid var(--line-dark-soft);border-radius:4px;
  padding:9px 12px;background:rgba(255,255,255,.025);
}
.flow-visit span{font-family:var(--mono);font-size:8.6px;letter-spacing:.12em;color:var(--paper-muted);display:block;margin-bottom:2px}
.flow-visit b{display:block;font-size:clamp(13px,.92vw,15.6px);font-weight:500;color:var(--paper-text)}
.flow-visit p{font-family:var(--mono);font-size:clamp(10.5px,.74vw,12px);line-height:1.45;color:var(--paper-muted);margin-top:2px}
.gap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:clamp(12px,1.6vh,18px) 0 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.gap-stats div{display:flex;align-items:baseline;gap:9px;padding:9px 14px;border-left:1px solid var(--line-dark-soft)}
.gap-stats div:first-child{border-left:0;padding-left:0}
.gap-stats b{font-size:clamp(24px,1.9vw,32px);font-weight:400;letter-spacing:-.04em;color:var(--steel-bright);line-height:1}
.gap-stats span{font-family:var(--mono);font-size:clamp(12.2px,.82vw,13.4px);letter-spacing:.05em;text-transform:uppercase;color:var(--paper-muted);line-height:1.35}
.slide-gap .slide-foot{margin-top:clamp(8px,1.2vh,12px)}

/* ================================================================ 04 FLAGSHIP */
.flagship-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,3vw,52px);align-items:end;margin-bottom:clamp(10px,1.6vh,18px);flex:0 0 auto}
.flagship-head h2{font-size:clamp(38px,3.6vw,62px)}
.flagship-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.flagship-intro p{font-size:var(--body-s);line-height:1.48;color:var(--ink-soft);max-width:43ch}
.live-badge{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:clamp(9px,.68vw,11px);letter-spacing:.08em;color:var(--bronze);
  border:1px solid rgba(122,79,16,.32);border-radius:3px;padding:5px 7px;background:rgba(122,79,16,.05);
}
.live-badge span{width:5px;height:5px;border-radius:50%;background:#6ca67f;box-shadow:0 0 0 3px rgba(108,166,127,.13)}
.flagship-grid{display:grid;grid-template-columns:minmax(238px,.6fr) minmax(0,1.62fr);gap:clamp(18px,2vw,32px);flex:1 1 auto;min-height:0}
.flagship-notes{display:flex;flex-direction:column;gap:clamp(8px,1.3vh,15px);min-height:0}
.fnote{display:grid;grid-template-columns:25px 1fr;gap:9px;border-top:1px solid var(--line-light);padding-top:clamp(6px,.9vh,10px)}
.fnote-num{font-family:var(--mono);font-size:10px;color:var(--bronze);padding-top:3px}
.fnote b{display:block;font-size:clamp(14.5px,1vw,17.5px);line-height:1.25;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.fnote p{font-size:clamp(13.2px,.88vw,16px);line-height:1.43;color:var(--ink-soft);margin-top:3px}
.flagship-changes{border-top:1px solid var(--line-light);padding-top:7px;margin-top:2px}
.flagship-changes>span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--bronze);display:block;margin-bottom:4px}
.flagship-changes ul{display:flex;flex-direction:column;gap:2px}
.flagship-changes li{font-size:clamp(11.8px,.8vw,13.8px);line-height:1.35;color:var(--ink-soft)}
.flagship-changes li i{font-style:normal;color:var(--bronze);margin:0 3px}
.flagship-test{border:1px solid var(--line-light);background:rgba(255,255,255,.28);padding:8px 10px;margin-top:2px}
.flagship-test span{font-family:var(--mono);font-size:8px;letter-spacing:.11em;color:var(--bronze);display:block;margin-bottom:2px}
.flagship-test p{font-family:var(--serif);font-style:italic;font-size:clamp(14px,.98vw,17px);line-height:1.22;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;padding-top:0}
.chips span{font-family:var(--mono);font-size:clamp(8.2px,.58vw,9.8px);letter-spacing:.08em;padding:4px 6px;border:1px solid var(--line-light);border-radius:2px;color:var(--ink-muted)}
.flagship-stage{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center}
.stage-plate{
  position:absolute;inset:-14px -12px -20px -12px;border-radius:16px;
  background:
    radial-gradient(70% 80% at 60% 20%,#203034 0%,#101a1c 44%,#0a1112 72%,#070b0c 100%);
  box-shadow:0 35px 70px rgba(35,28,18,.24),inset 0 1px 0 rgba(210,232,238,.1);
  border:1px solid rgba(30,40,42,.25);
}
.stage-glow{position:absolute;inset:auto 8% -6% 18%;height:38%;background:radial-gradient(50% 60% at 50% 50%,rgba(110,160,172,.22),transparent 72%);filter:blur(18px);pointer-events:none}
.stage-row{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(8px,1vw,16px);align-items:end}
.browser-wrap{min-width:0}
.browser{
  display:flex;flex-direction:column;height:clamp(350px,50vh,510px);
  border-radius:8px;overflow:hidden;background:#f5f1e8;color:#171512;
  border:1px solid rgba(16,22,23,.42);
  box-shadow:0 24px 46px rgba(4,8,9,.4),0 2px 0 rgba(255,255,255,.22) inset;
}
.browser-top{
  flex:0 0 auto;height:34px;display:flex;align-items:center;gap:9px;padding:0 10px;
  background:#e6ddcd;border-bottom:1px solid rgba(21,19,15,.14);color:#3e3a32;
}
.browser-top .bdots i{background:rgba(21,19,15,.24)}
.burl{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:clamp(9px,.62vw,10.6px);letter-spacing:.03em;color:#6b6457;white-space:nowrap}
.burl .ico{width:11px;height:11px;color:#7a4f10}
.browser-tabs{margin-left:auto;display:flex;gap:2px;align-items:center}
.btab{
  font-family:var(--mono);font-size:clamp(9.4px,.66vw,11.2px);letter-spacing:.03em;padding:5px 9px;border-radius:3px;
  color:#60594d;border:1px solid transparent;transition:background .15s,color .15s;
}
.btab:hover{background:rgba(21,19,15,.06)}
.btab.active{background:#171512;color:#f1ece1;border-color:#171512}
.browser-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;background:#f7f3eb;color:#171512;font-size:clamp(11px,.78vw,15px);line-height:1.38;scrollbar-width:thin;scrollbar-color:rgba(21,19,15,.3) transparent}
.browser-body::-webkit-scrollbar{width:5px}
.browser-body::-webkit-scrollbar-thumb{background:rgba(21,19,15,.28);border-radius:4px}

/* mini-site */
.site-view{display:none}
.site-view.active{display:block}
.site-view.active[data-panel="home"]{display:flex;flex-direction:column;min-height:100%}
.site-view[data-panel="home"] .mini-hero{flex:1 1 auto;height:auto;min-height:15em}
.site-view.active[data-panel="collections"],.site-view.active[data-panel="visit"]{display:flex;flex-direction:column;min-height:100%}
.site-view[data-panel="collections"] .mini-collections{flex:1 1 auto;align-items:stretch}
.site-view[data-panel="collections"] .mini-cat-photo{height:100%;aspect-ratio:auto}
.site-view[data-panel="visit"] .mini-visit-grid{flex:1 1 auto;align-items:stretch}
.site-view[data-panel="visit"] .mini-map{height:100%}
.site-view[data-panel="visit"] .mini-visit-card{height:auto;align-self:start}
.mini-nav{
  display:flex;align-items:center;gap:1em;height:2.9em;padding:0 1.15em;
  background:#fbf8f1;border-bottom:1px solid rgba(21,19,15,.13);position:sticky;top:0;z-index:3;
}
.mini-brand img{height:1.62em;width:auto}
.mini-links{display:flex;gap:1.05em;font-family:var(--mono);font-size:.72em;letter-spacing:.035em;color:#5e574b;white-space:nowrap}
.mini-links .on{color:#171512;border-bottom:1px solid #171512;padding-bottom:.15em}
.mini-nav-cta{
  margin-left:auto;display:inline-flex;align-items:center;gap:.4em;
  font-family:var(--mono);font-size:.7em;letter-spacing:.02em;text-decoration:none;
  color:#f4efe6;background:#171512;padding:.55em .7em;border-radius:2px;white-space:nowrap;
}
.mini-nav-cta .ico{width:1em;height:1em}
.mini-hero{display:grid;grid-template-columns:1.12fr .88fr;height:16.5em;min-height:0}
.mini-hero-photo{position:relative;overflow:hidden;background:#141414;min-height:0}
.mini-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mini-photo-tag{
  position:absolute;left:.8em;bottom:.8em;font-family:var(--mono);font-size:.58em;letter-spacing:.1em;
  background:rgba(247,243,235,.92);color:#3e3a32;padding:.4em .55em;
}
.mini-hero-copy{padding:1.25em 1.3em;display:flex;flex-direction:column;justify-content:center;background:#f2ecdf}
.mini-over{font-family:var(--mono);font-size:.6em;letter-spacing:.14em;color:#7a4f10;text-transform:uppercase}
.mini-hero-copy b{display:block;font-family:var(--serif);font-weight:400;font-size:2.05em;line-height:.98;letter-spacing:-.018em;color:#171512;margin:.3em 0 .45em}
.mini-hero-copy b em{font-style:italic}
.mini-hero-copy p{font-size:.78em;line-height:1.45;color:#575247;max-width:30em}
.mini-btns{display:flex;flex-wrap:wrap;gap:.55em;margin-top:.85em}
.mini-solid,.mini-ghost{
  display:inline-flex;align-items:center;gap:.4em;border-radius:2px;
  font-family:var(--mono);font-size:.62em;letter-spacing:.05em;padding:.7em .8em;
}
.mini-solid{background:#171512;color:#f4efe6}
.mini-solid .ico{width:1em;height:1em}
.mini-ghost{border:1px solid rgba(21,19,15,.3);color:#171512;background:transparent}
.mini-cats{
  display:flex;align-items:center;gap:1.1em;padding:.8em 1.2em;background:#fbf8f1;
  border-top:1px solid rgba(21,19,15,.12);border-bottom:1px solid rgba(21,19,15,.12);
  overflow-x:auto;scrollbar-width:none;white-space:nowrap;
}
.mini-cats::-webkit-scrollbar{display:none}
.mini-cats span{font-family:var(--mono);font-size:.66em;letter-spacing:.05em;color:#575247}
.mini-visit-strip{
  display:grid;grid-template-columns:1.1fr 1.35fr .8fr auto;gap:1em;align-items:center;
  padding:.85em 1.2em;background:#141b1c;color:#f1ece1;
}
.mini-visit-strip div span{display:block;font-family:var(--mono);font-size:.52em;letter-spacing:.12em;color:#a8a195;margin-bottom:.1em}
.mini-visit-strip div b{font-size:.68em;font-weight:400;color:#f1ece1;white-space:nowrap}
.mini-strip-arrow{font-family:var(--serif);font-size:1.2em;color:#d6ae74}
.mini-foot{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.7em 1.2em;background:#f2ecdf;border-top:1px solid rgba(21,19,15,.12);font-family:var(--mono);font-size:.54em;letter-spacing:.08em;color:#7a7366}
.browser-body .mini-page-head{padding:1.15em 1.3em .7em;background:#f7f3eb}
.browser-body .mini-page-head b{display:block;font-family:var(--serif);font-size:2em;font-weight:400;line-height:1;letter-spacing:-.02em;margin-top:.18em}
.browser-body .mini-page-head b em{font-style:italic}
.mini-collections{display:grid;grid-template-columns:.82fr 1.45fr .95fr;gap:1.1em;padding:0 1.3em 1.1em;align-items:start}
.mini-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(21,19,15,.14);border:1px solid rgba(21,19,15,.14)}
.btab:focus-visible,.cat:focus-visible,.mini-solid:focus-visible,.mini-ghost:focus-visible,.mini-nav-cta:focus-visible,.mini-cat-cta:focus-visible,.mini-call:focus-visible,.mini-directions:focus-visible,.detail-btn:focus-visible,.index-btn:focus-visible,.nav-controls button:focus-visible,.rail button:focus-visible,.btn:focus-visible{outline:2px solid #8a5a12;outline-offset:2px}
.cat{
  display:flex;align-items:center;gap:.4em;padding:.52em .5em;background:#f7f3eb;
  font-family:var(--mono);font-size:.62em;letter-spacing:.02em;color:#575247;text-align:left;
  transition:background .15s,color .15s;
}
.cat i{font-style:normal;font-size:.82em;color:#9a8e7c}
.cat:hover{background:#efe7d8}
.cat.on{background:#171512;color:#f4efe6}
.cat.on i{color:#d6ae74}
.mini-cat-photo{margin:0;aspect-ratio:1.45;overflow:hidden;background:#111;border:1px solid rgba(21,19,15,.15)}
.mini-cat-photo img{width:100%;height:100%;object-fit:cover}
.mini-cat-detail{padding-top:.1em}
.cat-count{font-family:var(--mono);font-size:.58em;letter-spacing:.08em;color:#7a4f10}
.cat-count b{font-weight:400;font-size:1.4em;color:#171512}
.mini-cat-detail h4{font-family:var(--serif);font-weight:400;font-size:1.82em;line-height:1;letter-spacing:-.02em;margin:.2em 0 .35em}
.mini-cat-detail p{font-size:.72em;line-height:1.45;color:#575247;max-width:25em}
.mini-cat-cta{display:inline-flex;align-items:center;gap:.4em;margin-top:.8em;font-family:var(--mono);font-size:.62em;letter-spacing:.05em;color:#171512;border-bottom:1px solid #171512;padding-bottom:.2em;text-decoration:none}
.mini-cat-cta .ico{width:1em;height:1em}
.mini-fine{display:block;font-family:var(--mono);font-size:.52em;line-height:1.4;color:#8a8172;margin-top:.9em;max-width:28em}
.mini-visit-aside{margin-top:.9em;border-top:1px solid rgba(21,19,15,.15);padding-top:.6em}
.mini-visit-aside>span{display:block;font-family:var(--mono);font-size:.54em;letter-spacing:.1em;color:#7a4f10;margin-bottom:.35em}
.mini-visit-aside ul{display:flex;flex-direction:column;gap:.18em}
.mini-visit-aside li{position:relative;padding-left:.8em;font-size:.6em;line-height:1.35;color:#575247}
.mini-visit-aside li::before{content:"";position:absolute;left:0;top:.6em;width:3px;height:1px;background:#7a4f10}
.mini-cat-grid .cat:last-child{grid-column:1/-1}
.visit-head{padding-bottom:.35em!important}
.mini-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2em;padding:0 1.3em 1.2em}
.mini-visit-card{border:1px solid rgba(21,19,15,.16);background:#f2ecdf;padding:1em 1.1em}
.mini-address{display:block;font-family:var(--serif);font-weight:400;font-size:1.55em;line-height:1.02;letter-spacing:-.015em;margin:.25em 0 .7em}
.mini-hours{border-top:1px solid rgba(21,19,15,.15);padding-top:.55em}
.mini-hours h5{font-family:var(--mono);font-size:.56em;letter-spacing:.12em;color:#7a4f10;font-weight:400;margin:0 0 .35em}
.mini-hours div{display:flex;justify-content:space-between;gap:1em;font-size:.64em;color:#3f3a32;padding:.16em 0}
.mini-hours div b{font-weight:500}
.mini-call{
  display:flex;align-items:center;justify-content:center;gap:.5em;margin-top:.8em;
  background:#171512;color:#f4efe6;text-decoration:none;padding:.7em .8em;
  font-family:var(--mono);font-size:.62em;letter-spacing:.04em;
}
.mini-call .ico{width:1em;height:1em}
.mini-directions{display:inline-flex;align-items:center;gap:.4em;margin-top:.65em;font-family:var(--mono);font-size:.58em;letter-spacing:.05em;color:#171512;text-decoration:none;border-bottom:1px solid rgba(21,19,15,.5);padding-bottom:.15em}
.mini-directions .ico{width:.9em;height:.9em}
.mini-map{
  position:relative;min-height:12em;overflow:hidden;border:1px solid rgba(21,19,15,.16);
  background:
    linear-gradient(90deg,rgba(21,19,15,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(21,19,15,.08) 1px,transparent 1px),
    #e9e2d3;
  background-size:2.2em 2.2em;
}
.map-road{position:absolute;background:#fbf8f1;border:1px solid rgba(21,19,15,.12)}
.r1{left:-10%;right:-10%;top:45%;height:1.1em;transform:rotate(-8deg)}
.r2{left:35%;top:-10%;bottom:-10%;width:1em;transform:rotate(6deg)}
.r3{left:-10%;right:-10%;top:70%;height:.55em;transform:rotate(3deg)}
.r4{left:65%;top:-10%;bottom:-10%;width:.5em;transform:rotate(-3deg)}
.map-block{position:absolute;background:rgba(122,79,16,.1);border:1px solid rgba(21,19,15,.08)}
.b1{left:8%;top:12%;width:22%;height:25%}
.b2{left:45%;top:16%;width:14%;height:18%}
.b3{left:70%;top:55%;width:18%;height:22%}
.map-pin{
  position:absolute;left:46%;top:52%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:.35em;background:#171512;color:#f4efe6;
  font-family:var(--mono);font-size:.56em;letter-spacing:.02em;padding:.45em .6em;white-space:nowrap;
}
.map-pin i{width:.55em;height:.55em;border-radius:50%;background:#d6ae74}
.map-label{position:absolute;left:1em;bottom:1em;font-family:var(--mono);font-size:.5em;letter-spacing:.14em;color:#6e6659}
.mini-fine{margin-top:.6em}

.phone{
  position:relative;z-index:3;width:clamp(146px,9.7vw,190px);aspect-ratio:.475;
  border:5px solid #1d2324;border-radius:22px;background:#050707;
  box-shadow:0 24px 40px rgba(0,0,0,.45),0 0 0 1px rgba(200,220,225,.18);
  padding:6px 5px 8px;margin-bottom:24px;flex:0 0 auto;
}
.phone-speaker{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:30%;height:4px;border-radius:4px;background:#2b3334;z-index:2}
.phone-screen{
  height:100%;border-radius:16px;overflow:hidden;padding:16px 10px 10px;
  background:
    radial-gradient(70% 50% at 50% 0%,rgba(120,165,175,.18),transparent 62%),
    linear-gradient(175deg,#0c1213,#070b0b);
  display:flex;flex-direction:column;color:#f1ece1;
}
.p-top{display:flex;justify-content:center;margin-bottom:12px}
.p-top img{height:17px;width:auto}
.p-kicker{font-family:var(--mono);font-size:5.6px;letter-spacing:.12em;color:#a8a195;text-align:center;display:block}
.p-title{font-family:var(--serif);font-size:clamp(16px,1.25vw,22px);line-height:.92;text-align:center;margin:7px 0 10px;letter-spacing:-.02em}
.p-title em{font-style:italic;color:#d6ae74}
.p-addr{font-family:var(--mono);font-size:6.3px;line-height:1.5;letter-spacing:.02em;text-align:center;color:#cfc8bb}
.p-hours{font-family:var(--mono);font-size:4.6px;line-height:1.7;letter-spacing:.03em;text-align:center;color:#8f887c;margin:8px 0 10px;border-top:1px solid rgba(241,236,225,.12);border-bottom:1px solid rgba(241,236,225,.12);padding:6px 0}
.p-call{margin-top:auto;background:#e9f2f4;color:#111617;font-family:var(--mono);font-size:5.8px;letter-spacing:.02em;text-align:center;padding:7px 4px;border-radius:2px}
.p-dir{font-family:var(--mono);font-size:5px;letter-spacing:.05em;text-align:center;color:#d6c6ad;margin-top:6px}
.p-brand{font-family:var(--mono);font-size:4.2px;letter-spacing:.05em;text-align:center;color:#6b6a63;margin-top:auto;padding-top:8px}
.stage-caption{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-family:var(--mono);font-size:clamp(10.6px,.74vw,12.4px);letter-spacing:.07em;color:#aebabc}
.stage-caption b{color:#f1ece1;font-weight:400}
.detail-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:clamp(10.4px,.72vw,12.2px);letter-spacing:.05em;color:#e3c18b;border-bottom:1px solid rgba(227,193,139,.45);padding-bottom:2px}
.detail-btn .ico{width:11px;height:11px}
.concept-stamp{position:absolute;right:0;top:-9px;z-index:4;font-family:var(--mono);font-size:7px;letter-spacing:.12em;color:rgba(241,236,225,.55);border:1px solid rgba(241,236,225,.18);padding:3px 5px;background:rgba(5,7,7,.55)}

/* ================================================================ 05 SYSTEM */
.slide-system{background:radial-gradient(105% 85% at 16% 12%,#132022 0%,#081011 48%,#050808 100%)}
.bg-system{
  position:absolute;inset:0;opacity:.7;pointer-events:none;
  background:
    radial-gradient(42% 60% at 86% 22%,rgba(129,177,188,.12),transparent 70%),
    repeating-linear-gradient(90deg,rgba(200,222,228,.045) 0 1px,transparent 1px 96px);
  mask-image:linear-gradient(180deg,black,transparent 85%);
}
.system-head{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(22px,3vw,52px);align-items:end;margin-bottom:clamp(12px,1.8vh,20px)}
.system-head h2{font-size:clamp(38px,3.55vw,61px)}
.system-head p{font-size:var(--body-s);line-height:1.5;color:var(--paper-soft);max-width:44ch}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,14px);flex:1 1 auto;min-height:0}
.system-card{
  display:flex;flex-direction:column;gap:7px;padding:clamp(13px,1.6vh,20px) clamp(14px,1.2vw,20px);
  border:1px solid var(--line-dark-soft);border-radius:5px;
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
}
.sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.sc-num{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--paper-muted)}
.sc-ico{width:20px;height:20px;color:var(--steel);opacity:.8}
.system-card h3{font-size:clamp(19px,1.38vw,24px);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--paper-text)}
.system-card p{font-size:clamp(16px,1.13vw,19px);line-height:1.42;color:var(--paper-soft);max-width:32em}
.sc-out{
  margin-top:auto;padding-top:8px;border-top:1px solid var(--line-dark-soft);
  font-family:var(--mono);font-size:clamp(12.6px,.88vw,13.8px);letter-spacing:.05em;color:var(--steel);
  display:flex;align-items:center;gap:6px;line-height:1.35;
}
.sc-list{display:flex;flex-direction:column;gap:3px;margin:2px 0 0}
.sc-list li{position:relative;padding-left:12px;font-size:clamp(13.2px,.88vw,15px);line-height:1.35;color:var(--paper-soft)}
.sc-list li::before{content:"";position:absolute;left:0;top:.6em;width:4px;height:1px;background:var(--bronze-dark)}
.system-band{
  display:flex;align-items:center;gap:18px;margin-top:clamp(8px,1.2vh,14px);padding:9px 4px;
  border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
}
.system-band>span{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--bronze-dark);white-space:nowrap}
.system-band p{font-size:clamp(13px,.9vw,15px);line-height:1.4;color:var(--paper-soft)}
.system-band div{margin-left:auto;display:flex;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--paper-muted);white-space:nowrap}
.system-band div b{color:var(--steel-bright);font-weight:400}
.sc-out i{width:4px;height:4px;border-radius:50%;background:var(--bronze-dark);flex:0 0 auto}

/* ================================================================ 06 PROOF */
.proof-head{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(22px,3vw,54px);align-items:end;margin-bottom:clamp(12px,1.8vh,20px)}
.proof-head h2{font-size:clamp(38px,3.55vw,61px)}
.proof-head p{font-size:var(--body-s);line-height:1.5;color:var(--ink-soft);max-width:48ch}
.proof-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(20px,2.4vw,40px);flex:1 1 auto;min-height:0}
.proof-notes{display:flex;flex-direction:column;gap:clamp(7px,1.2vh,13px)}
.proof-note{display:grid;grid-template-columns:24px 1fr;gap:9px;border-top:1px solid var(--line-light);padding-top:clamp(6px,.9vh,10px)}
.proof-note>span{font-family:var(--mono);font-size:9px;color:var(--bronze);padding-top:3px}
.proof-note b{display:block;font-size:clamp(14.5px,1vw,17px);line-height:1.25;font-weight:600;letter-spacing:-.02em}
.proof-note p{font-size:clamp(15.5px,1.08vw,18px);line-height:1.42;color:var(--ink-soft);margin-top:3px}
.proof-translation{border-top:1px solid var(--line-light);padding-top:10px;margin-top:2px}
.proof-translation span,.proof-payoff span{font-family:var(--mono);font-size:9px;letter-spacing:.11em;color:var(--bronze);display:block;margin-bottom:3px}
.proof-translation p{font-size:clamp(13.6px,.94vw,16px);line-height:1.42;color:var(--ink-soft)}
.proof-payoff{padding-top:10px}
.proof-payoff p{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.25vw,21px);line-height:1.18;letter-spacing:-.01em;color:var(--ink)}
.proof-badge{
  margin-top:14px;border:1px solid var(--line-light);padding:10px 12px;background:rgba(255,255,255,.3);
}
.proof-badge span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--bronze);display:block;margin-bottom:2px}
.proof-badge b{font-size:15px;font-weight:500;display:block}
.proof-badge small{font-family:var(--mono);font-size:11px;line-height:1.4;color:var(--ink-muted);display:block;margin-top:2px}
.proof-source{font-family:var(--mono);font-size:10px;line-height:1.45;color:var(--ink-muted);margin-top:8px}
.ba{margin:0;display:flex;flex-direction:column;min-height:0}
.ba-stage{
  position:relative;flex:1 1 auto;min-height:0;aspect-ratio:16/10;max-height:clamp(300px,48vh,470px);
  overflow:hidden;border:1px solid var(--line-light);background:#0b0d0e;cursor:ew-resize;touch-action:none;
}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none}
.ba-after{clip-path:inset(0 0 0 var(--pos))}
.ba-tag{
  position:absolute;top:9px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.09em;
  padding:4px 6px;background:rgba(7,9,9,.82);color:#f1ece1;border:1px solid rgba(241,236,225,.2);
}
.ba-tag.before{left:9px}
.ba-tag.after{right:9px;background:#e9f2f4;color:#111617;border-color:#e9f2f4}
.ba-handle{
  position:absolute;top:0;bottom:0;left:var(--pos);z-index:4;width:2px;background:#f4fafb;
  transform:translateX(-1px);box-shadow:0 0 0 1px rgba(7,9,9,.25),0 0 24px rgba(200,230,236,.25);
}
.ba-handle span{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:38px;height:38px;border-radius:50%;background:#f4fafb;color:#111617;
  display:flex;align-items:center;justify-content:center;gap:0;box-shadow:0 5px 16px rgba(0,0,0,.35);
}
.ba-handle .ico{width:13px;height:13px}
.ba-handle:focus-visible{outline:2px solid #8a5a12;outline-offset:3px}
.ba figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-muted)}
.ba figcaption span{color:var(--bronze)}
.ba figcaption b{font-weight:400;color:var(--ink)}

/* ================================================================ 07 ROADMAP */
.slide-roadmap{background:radial-gradient(100% 80% at 78% 15%,#122022 0%,#081011 50%,#050808 100%)}
.bg-roadmap{
  position:absolute;inset:0;opacity:.65;pointer-events:none;
  background:
    radial-gradient(40% 55% at 22% 78%,rgba(129,177,188,.1),transparent 70%),
    repeating-linear-gradient(0deg,rgba(200,222,228,.04) 0 1px,transparent 1px 86px);
  mask-image:linear-gradient(180deg,black,transparent 88%);
}
.roadmap-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,3vw,52px);align-items:end;margin-bottom:clamp(12px,1.8vh,20px)}
.roadmap-head h2{font-size:clamp(36px,3.4vw,58px)}
.roadmap-head p{font-size:var(--body-s);line-height:1.5;color:var(--paper-soft);max-width:42ch}
.roadmap-list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-top:2px;border-top:1px solid var(--line-dark)}
.phase-row{
  position:relative;display:grid;
  grid-template-columns:44px 122px minmax(0,1.08fr) minmax(0,1fr) 156px;
  gap:clamp(14px,1.7vw,26px);align-items:start;
  padding:clamp(16px,2.9vh,31px) 0;border-bottom:1px solid var(--line-dark-soft);
}
.phase-row.featured{background:linear-gradient(90deg,rgba(200,213,217,.075),rgba(200,213,217,.01) 60%,transparent);box-shadow:inset 2px 0 0 rgba(200,213,217,.45)}
.phase-marker{display:flex;align-items:flex-start;gap:9px;padding-top:2px}
.phase-marker span{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--bronze-dark)}
.phase-marker i{width:7px;height:7px;border-radius:50%;border:1px solid var(--bronze-dark);margin-top:3px;background:var(--night);box-shadow:0 0 0 3px rgba(214,174,116,.1)}
.phase-when{display:flex;flex-direction:column;gap:4px;padding-top:1px}
.phase-when b{font-family:var(--mono);font-size:clamp(10.6px,.78vw,12.2px);font-weight:400;letter-spacing:.06em;color:var(--paper-text);white-space:nowrap}
.phase-when span{font-family:var(--mono);font-size:9px;letter-spacing:.13em;color:var(--paper-muted)}
.phase-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(25px,1.85vw,32px);line-height:1;letter-spacing:-.015em;color:var(--paper-text)}
.phase-body p{font-size:clamp(14.6px,.98vw,17.2px);line-height:1.42;color:var(--paper-soft);margin-top:4px;max-width:36ch}
.phase-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:3px 16px;padding-top:2px}
.phase-deliverables li{position:relative;padding-left:11px;font-size:clamp(12.8px,.86vw,15px);line-height:1.35;color:var(--paper-soft)}
.phase-deliverables li::before{content:"";position:absolute;left:0;top:.58em;width:4px;height:1px;background:var(--bronze-dark)}
.phase-owner{padding-top:2px}
.phase-owner span{display:block;font-family:var(--mono);font-size:8.4px;letter-spacing:.12em;color:var(--paper-muted);margin-bottom:3px}
.phase-owner b{font-family:var(--mono);font-size:clamp(10.2px,.76vw,12px);font-weight:400;line-height:1.35;letter-spacing:.02em;color:var(--paper-text)}
.roadmap-gate{margin-top:auto;padding:clamp(10px,1.5vh,16px) 0 2px;display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--line-dark-soft)}
.roadmap-gate span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--bronze-dark);white-space:nowrap}
.roadmap-gate p{font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.1vw,19px);line-height:1.2;color:var(--paper-text)}
.roadmap-supply{
  display:flex;align-items:center;gap:16px;margin-top:clamp(10px,1.4vh,16px);
  border:1px solid var(--line-dark);background:rgba(255,255,255,.025);padding:9px 13px;
}
.roadmap-supply span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--steel);white-space:nowrap}
.roadmap-supply p{font-size:clamp(12.5px,.82vw,14px);line-height:1.4;color:var(--paper-muted)}
.slide-roadmap .slide-foot{margin-top:clamp(8px,1.2vh,12px)}

/* ================================================================ 08 ENGAGE */
.engage-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,3vw,52px);align-items:end;margin-bottom:clamp(12px,1.8vh,20px)}
.engage-head h2{font-size:clamp(38px,3.55vw,61px)}
.engage-head p{font-size:var(--body-s);line-height:1.5;color:var(--ink-soft);max-width:45ch}
.engage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.1vw,15px);flex:0 0 auto;min-height:0;align-items:start}
.engage-card{
  position:relative;display:flex;flex-direction:column;gap:8px;
  padding:clamp(15px,1.9vh,22px) clamp(15px,1.3vw,22px);
  border:1px solid var(--line-light);border-radius:5px;background:rgba(255,255,255,.32);
}
.engage-card.recommended{background:linear-gradient(160deg,rgba(255,255,255,.56),rgba(230,221,205,.48));border-color:rgba(122,79,16,.45);box-shadow:0 18px 40px rgba(90,70,40,.1)}
.rec-badge{position:absolute;top:-11px;right:14px;background:#171512;color:#f1ece1;font-family:var(--mono);font-size:8px;letter-spacing:.12em;padding:5px 8px;border-radius:2px}
.ec-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ec-num{font-family:var(--mono);font-size:10px;color:var(--bronze);letter-spacing:.05em}
.ec-tag{font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:var(--ink-muted);border:1px solid var(--line-light);padding:3px 5px}
.engage-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(25px,1.9vw,33px);line-height:1;letter-spacing:-.015em}
.ec-line{font-size:clamp(15.6px,1.06vw,18px);line-height:1.4;color:var(--ink-soft);min-height:2.7em}
.engage-card ul{display:flex;flex-direction:column;gap:5px;margin:2px 0 8px}
.engage-card li{position:relative;padding-left:14px;font-size:clamp(14.2px,.94vw,16.2px);line-height:1.4;color:var(--ink-soft)}
.engage-card li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--bronze)}
.ec-foot{margin-top:auto;padding-top:9px;border-top:1px solid var(--line-light);display:flex;flex-direction:column;gap:6px}
.ec-foot>span{font-family:var(--mono);font-size:clamp(10.2px,.76vw,12.2px);letter-spacing:.05em;color:var(--ink-muted)}
.ec-foot a{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:clamp(11.2px,.82vw,13px);letter-spacing:.03em;color:var(--bronze);text-decoration:none;border-bottom:1px solid rgba(122,79,16,.35);width:max-content;padding-bottom:2px}
.ec-foot a .ico{width:10px;height:10px}
.engage-path{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(12px,1.6vh,20px);
  border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);
}
.engage-path>div{display:grid;grid-template-columns:28px 1fr;gap:2px 9px;padding:11px 16px;border-left:1px solid var(--line-light-soft)}
.engage-path>div:first-child{border-left:0;padding-left:0}
.engage-path span{font-family:var(--mono);font-size:9px;letter-spacing:.05em;color:var(--bronze);padding-top:2px;grid-row:1/3}
.engage-path b{font-size:clamp(13.2px,.94vw,15.2px);font-weight:500;letter-spacing:-.01em}
.engage-path small{font-size:clamp(11.6px,.82vw,13.2px);line-height:1.35;color:var(--ink-muted)}
.engage-payoff{margin-top:auto;padding-top:clamp(14px,2.4vh,26px);display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-top:1px solid var(--line-light)}
.engage-payoff span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--bronze);flex:0 0 auto}
.engage-payoff p{font-family:var(--serif);font-style:italic;font-size:clamp(22px,1.95vw,31px);line-height:1.1;letter-spacing:-.012em;color:var(--ink);text-align:right;max-width:48ch}
.engage-payoff p em{color:var(--bronze);font-style:italic}

/* ================================================================ 09 CLOSE */
.slide-close{background:radial-gradient(90% 80% at 76% 18%,#122022 0%,#081011 48%,#050808 100%)}
.bg-close{
  position:absolute;inset:0;opacity:.7;pointer-events:none;
  background:
    radial-gradient(38% 55% at 18% 78%,rgba(129,177,188,.13),transparent 70%),
    repeating-linear-gradient(94deg,rgba(200,222,228,.035) 0 1px,transparent 1px 23px);
  mask-image:linear-gradient(180deg,black,transparent 92%);
}
.close-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(22px,2.8vw,46px);flex:1 1 auto;min-height:0;align-content:space-between}
.close-payoff{grid-column:1/-1;border-top:1px solid var(--line-dark);padding-top:clamp(10px,1.6vh,16px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:clamp(12px,2.4vh,28px)}
.close-payoff>span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--bronze-dark);flex:0 0 auto}
.close-payoff p{font-family:var(--serif);font-size:clamp(24px,2.15vw,36px);line-height:1.06;letter-spacing:-.018em;color:var(--paper-text);max-width:46ch}
.close-payoff p em{font-style:italic;color:var(--bronze-dark)}
.close-payoff>div{font-family:var(--mono);font-size:clamp(9.6px,.7vw,11px);letter-spacing:.04em;color:var(--paper-muted);white-space:nowrap;text-align:right}
.close-main{display:flex;flex-direction:column;min-height:0}
.close-main h2{font-size:clamp(34px,3.25vw,55px)}
.close-lead{font-size:var(--body-s);line-height:1.5;color:var(--paper-soft);max-width:44ch;margin:clamp(8px,1.2vh,14px) 0 clamp(12px,1.8vh,20px)}
.partner-card{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,1.4vw,22px);
  border:1px solid var(--line-dark);background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  padding:clamp(12px,1.5vh,18px);border-radius:6px;
}
.partner-portrait-wrap{width:clamp(124px,10vw,184px);flex:0 0 auto;align-self:start}
.partner-portrait{width:100%;height:auto;display:block}
.partner-body{min-width:0;display:flex;flex-direction:column}
.partner-kicker{font-family:var(--mono);font-size:clamp(10px,.72vw,11.6px);letter-spacing:.09em;color:var(--bronze-dark)}
.partner-name{font-size:clamp(24px,1.75vw,31px);line-height:1.02;letter-spacing:-.03em;font-weight:500;margin-top:2px}
.partner-role{font-family:var(--mono);font-size:clamp(11px,.76vw,12.4px);letter-spacing:.02em;color:var(--paper-muted);margin-top:2px}
.partner-note{font-size:clamp(14.4px,1vw,17px);line-height:1.42;color:var(--paper-soft);margin-top:7px;max-width:42ch}
.partner-note b{color:var(--paper-text);font-weight:500}
.partner-contacts{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.partner-contacts a{
  display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line-dark);border-radius:3px;
  font-family:var(--mono);font-size:clamp(11px,.78vw,12.8px);letter-spacing:.01em;color:var(--paper-text);text-decoration:none;
}
.partner-contacts a:hover{border-color:rgba(200,213,217,.45)}
.partner-contacts .ico{width:10px;height:10px;color:var(--steel)}
.partner-signoff{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line-dark-soft)}
.partner-signoff img{height:17px;width:auto}
.partner-signoff span{font-family:var(--mono);font-size:clamp(9.6px,.7vw,11px);letter-spacing:.03em;color:var(--paper-muted)}
.close-request{display:flex;flex-direction:column;min-height:0}
.request-card{
  border:1px solid rgba(200,213,217,.24);border-radius:6px;padding:clamp(14px,1.8vh,22px);
  background:linear-gradient(160deg,rgba(200,213,217,.1),rgba(200,213,217,.025));
  display:flex;flex-direction:column;
}
.request-card .kicker{font-size:clamp(10.4px,.76vw,12px);color:var(--bronze-dark)}
.request-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2vw,34px);line-height:1;margin:5px 0 4px}
.request-card>p{font-size:clamp(15.4px,1.04vw,17.4px);line-height:1.42;color:var(--paper-soft)}
.suggestions{display:flex;gap:5px;margin:9px 0 8px;flex-wrap:wrap}
.suggestions button{
  flex:1 1 auto;min-width:120px;border:1px solid var(--line-dark);border-radius:3px;padding:7px 6px;
  font-family:var(--mono);font-size:clamp(11px,.8vw,12.6px);letter-spacing:.02em;color:var(--paper-text);
  transition:background .15s,border-color .15s;
}
.suggestions button:hover{background:rgba(200,213,217,.12);border-color:rgba(200,213,217,.4)}
.picker-grid{display:grid;grid-template-columns:1fr .8fr;gap:7px}
.picker-col label{display:block;font-family:var(--mono);font-size:clamp(11px,.78vw,12.2px);letter-spacing:.03em;color:var(--paper-muted);margin-bottom:3px}
.date-field,.time-field{position:relative;display:flex;align-items:center;border:1px solid var(--line-dark);border-radius:3px;background:rgba(5,7,7,.24)}
.date-field input,.time-field input{
  flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--paper-text);
  font-family:var(--mono);font-size:clamp(11.6px,.82vw,13px);padding:7px 5px;color-scheme:dark;
}
.date-field input:focus,.time-field input:focus{outline:2px solid var(--steel);outline-offset:1px}
.date-field button,.time-field button{width:23px;height:28px;display:grid;place-items:center;color:var(--paper-muted);flex:0 0 auto}
.date-field .ico,.time-field .ico{width:12px;height:12px}
.picker-help{font-family:var(--mono);font-size:11.5px;line-height:1.4;color:var(--red-dark);margin-top:5px}
.draft-btn{
  margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:#e9f2f4;color:#101516;border-radius:3px;padding:10px 12px;
  font-family:var(--mono);font-size:clamp(12px,.86vw,13.6px);letter-spacing:.02em;text-decoration:none;
}
.draft-btn:hover{background:#fff}
.draft-btn .ico{width:12px;height:12px}
.request-card small{display:block;font-family:var(--mono);font-size:clamp(10.4px,.76vw,12px);line-height:1.45;letter-spacing:.01em;color:var(--paper-muted);margin-top:6px}
.close-note{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--paper-muted)}
.close-next{margin-top:12px;border-top:1px solid var(--line-dark-soft);padding-top:8px;display:flex;flex-direction:column;gap:4px}
.close-next>span{font-family:var(--mono);font-size:8.6px;letter-spacing:.11em;color:var(--bronze-dark);margin-bottom:2px}
.close-next div{font-family:var(--mono);font-size:clamp(10.4px,.74vw,12px);line-height:1.4;color:var(--paper-soft)}
.close-next b{color:var(--steel);font-weight:400;margin-right:5px}

/* ================================================================ overlays */
.index-overlay,.detail-overlay{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(14px,3vw,40px);
  background:rgba(5,7,7,.82);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s;
}
.index-overlay.open,.detail-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.index-panel{
  width:min(1380px,96vw);max-height:90vh;overflow-y:auto;
  border:1px solid rgba(200,213,217,.25);border-radius:8px;
  background:#0a0f10;padding:clamp(18px,2.4vw,32px);
  box-shadow:0 40px 100px rgba(0,0,0,.55);
}
.index-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.index-head .kicker{color:var(--bronze-dark)}
.index-head h2{font-size:clamp(26px,2.2vw,38px);color:var(--paper-text);line-height:1.05;margin-top:4px}
.index-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;color:var(--paper-text)}
.index-close:hover{background:rgba(255,255,255,.08)}
.index-close .ico{width:16px;height:16px}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.index-card{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;
  min-height:118px;padding:12px;border:1px solid rgba(241,236,225,.14);border-radius:5px;overflow:hidden;
  color:#f1ece1;background:#111;
}
.index-card::before{
  content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;
  opacity:.52;filter:grayscale(.3) brightness(.7);transition:transform .4s,opacity .3s;
}
.index-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,7,.94),rgba(5,7,7,.25) 70%,rgba(5,7,7,.1))}
.index-card:hover::before{transform:scale(1.04);opacity:.65}
.index-card>*{position:relative;z-index:2}
.ic-num{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--bronze-dark)}
.ic-label{font-size:17px;line-height:1.1;letter-spacing:-.02em;margin-top:2px}
.ic-desc{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--paper-muted);margin-top:3px;line-height:1.35}
.index-card.on{border-color:rgba(200,213,217,.65)}
.detail-panel{
  width:min(780px,94vw);max-height:88vh;overflow-y:auto;
  background:#f4efe6;color:#171512;border-top:3px solid #7a4f10;
  padding:clamp(20px,3vw,38px);box-shadow:0 40px 100px rgba(0,0,0,.5);
}
.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.detail-head .kicker{color:#7a4f10}
.detail-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,40px);line-height:1.02;margin-top:4px}
.detail-head .index-close{color:#171512;border-color:rgba(21,19,15,.25)}
.detail-tab{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#7a4f10;margin:18px 0 8px}
.detail-body>p{font-size:clamp(16.5px,1.15vw,19px);line-height:1.55;color:#3f3a32;max-width:54ch}
.detail-points{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:16px 0 14px}
.detail-points div{border-top:1px solid rgba(21,19,15,.16);padding-top:7px}
.detail-points b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#7a4f10;margin-bottom:2px}
.detail-points span{font-size:15px;line-height:1.4;color:#3f3a32}
.detail-note{font-family:var(--mono);font-size:10.5px;line-height:1.45;color:#6e6659;border-top:1px solid rgba(21,19,15,.14);padding-top:9px}

/* ================================================================ responsive */
@media (max-width:1500px), (max-height:980px){
  .sc-list,.system-band{display:none}
  .proof-payoff,.proof-source{display:none}
  .roadmap-gate{display:none}
}
@media (max-width:1400px){
  .flagship-test{display:none}
  .proof-translation{display:none}
  .slide-audit .pad{padding-top:calc(var(--chrome-h) + 4px);padding-bottom:calc(var(--foot-h) + 4px)}
  .audit-top{margin-bottom:6px}
  .finding{padding:5px 0}
  .audit-shot figcaption{margin-top:4px;padding-top:5px}
  .audit-intro p{line-height:1.42}
  .phase-row{padding:14px 0}
  .roadmap-head{margin-bottom:8px}
}
@media (max-height:960px) and (min-width:1400px){
  .slide-audit .pad{padding-bottom:calc(var(--foot-h) + 2px)}
  .audit-shot figcaption{margin-top:2px;padding-top:3px}
  .finding{padding:4px 0}
}
@media (max-height:800px){
  .engage-card{padding-top:12px;padding-bottom:12px}
  .engage-payoff{padding-top:10px}
  .close-payoff{margin-top:4px;padding-top:5px}
  .partner-card{padding:12px}
  .close-note{padding-top:2px}
  .slide-close .pad{padding-bottom:calc(var(--foot-h) + 2px)}
}
@media (max-width:1500px){
  .rail{display:none}
  .cover-copy{width:min(52%,680px)}
}
@media (max-width:1300px){
  .flagship-test{display:none}
}
@media (max-width:1280px){
  .chrome-center{display:none}
  .phone{width:152px}
  .audit-body{grid-template-columns:minmax(230px,.6fr) minmax(0,1.55fr)}
  .f-head h3{font-size:16.5px}
  .findings{gap:0 18px}
}
@media (max-width:1180px){
  .flagship-grid{grid-template-columns:1fr}
  .flagship-stage{order:-1;margin-top:0;margin-bottom:8px}
  .flagship-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .flagship-notes .chips{grid-column:1/-1;margin-top:0}
  .flagship-changes,.flagship-test{grid-column:1/-1}
  .fnote{border-top:1px solid var(--line-light);padding-top:8px}
  .flagship-stage{margin-top:4px}
  .phone{display:none}
  .browser{height:clamp(360px,52vh,480px)}
  .flagship-head,.proof-head,.engage-head{grid-template-columns:1fr;gap:8px}
  .flagship-intro{justify-content:flex-start}
  .audit-top,.gap-head,.system-head,.roadmap-head{grid-template-columns:1fr;gap:10px}
  .audit-intro{justify-content:space-between}
  .audit-top h2{font-size:clamp(38px,4.2vw,54px)}
  .audit-body{grid-template-columns:minmax(250px,.78fr) minmax(0,1.3fr)}
  .findings{grid-template-columns:1fr}
  .finding:nth-child(-n+2){border-top-color:var(--line-light)}
  .finding:first-child{border-top-color:rgba(21,19,15,.3)}
  .f-copy p{max-width:60ch}
  .system-grid{grid-template-columns:repeat(2,1fr)}
  .system-card p{font-size:15.5px}
  .roadmap-grid{grid-template-columns:repeat(2,1fr)}
  .phase-row{grid-template-columns:36px 104px minmax(0,1fr) minmax(0,1fr);gap:12px 18px}
  .phase-owner{grid-column:2/-1;display:flex;align-items:center;gap:8px;padding-top:2px}
  .phase-owner span{margin-bottom:0}
  .engage-grid{grid-template-columns:1fr 1fr}
  .engage-card:last-child{grid-column:1/-1}
  .close-grid{grid-template-columns:1fr}
  .close-request{max-width:none}
  .close-note{margin-top:6px}
  .close-payoff{flex-direction:column;align-items:flex-start;gap:8px}
  .close-payoff p{text-align:left}
  .proof-grid{grid-template-columns:1fr}
  .proof-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .proof-badge{grid-column:1/-1;margin-top:0}
  .proof-note{border-top:1px solid var(--line-light);padding-top:8px}
  .ba-stage{max-height:none}
  .cover-copy{width:min(56%,600px)}
  .cover-fallback{padding-right:4vw}
}
@media (max-width:1200px){
  .cover-content{padding-top:20px;padding-bottom:calc(var(--foot-h) + 30px)}
  .cover-copy{width:100%;max-width:640px}
  .cover-title{font-size:clamp(40px,6.4vw,64px)}
  .cover-fallback{position:relative;inset:auto;display:flex;height:auto;padding:calc(var(--chrome-h) + 16px) var(--padx) 0;justify-content:center}
  .cf-mirror{width:min(56vw,360px)}
  .cf-orbit{display:none}
  .cf-water,.cf-caption{display:none}
  .slide-cover{display:none;overflow-y:auto}
  .slide-cover.active{display:flex;flex-direction:column}
  .cover-coords{display:none}
  .ticker{display:none}
  .cover-content{flex:1 0 auto;min-height:0}
  .slide-cover .cover-fallback{order:1}
  .slide-cover .cover-content{order:2}
  #hero-scene{display:none}
  .cover-stamp{display:none}
}
@media (max-width:1024px){
  :root{--chrome-h:58px;--foot-h:52px;--padx:clamp(18px,3.4vw,34px)}
  body{overflow:auto;overflow-x:hidden}
  .cover-haze{display:none}
  .deck{position:static;inset:auto;overflow:visible}
  .slide{
    position:relative;inset:auto;display:none;min-height:100svh;height:auto;
    overflow:visible;overscroll-behavior:auto;
  }
  .slide.active{display:block}
  .slide-cover.active{display:flex}
  .pad{
    min-height:100svh;height:auto;
    padding:calc(var(--chrome-h) + 18px) var(--padx) calc(var(--foot-h) + 26px);
  }
  .chrome{position:fixed}
  .top-chrome,.bottom-chrome{background:var(--night);backdrop-filter:none}
  .theme-light .top-chrome,.theme-light .bottom-chrome{background:var(--paper)}
  body.on-cover .top-chrome,body.on-cover .bottom-chrome{background:#070909}
  .slide-audit .pad{padding-bottom:calc(var(--foot-h) + 26px)}
  .cover-fallback{padding-top:calc(var(--chrome-h) + 18px)}
  .slide-cover .pad,.slide-cover .cover-content{padding-bottom:calc(var(--foot-h) + 26px)}
  .slide-head{position:relative}
  .audit-body{grid-template-columns:1fr;gap:18px}
  .audit-shot{max-width:520px;height:390px}
  .findings{grid-template-columns:1fr 1fr}
  .finding{border-top:1px solid var(--line-light)!important}
  .f-copy p{font-size:17px}
  .gap-flow{grid-template-columns:1fr;gap:14px}
  .flow-divider{display:none}
  .flow-old .flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .flow-new .flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .flow-outcome{margin-top:6px}
  .gap-stats{grid-template-columns:1fr 1fr}
  .gap-stats div{padding:8px 0;border-left:0;border-top:1px solid var(--line-dark-soft)}
  .gap-stats div:nth-child(-n+2){border-top:0}
  .system-grid{grid-template-columns:1fr 1fr}
  .proof-notes{grid-template-columns:1fr 1fr}
  .proof-badge{grid-column:1/-1}
  .roadmap-grid{grid-template-columns:1fr 1fr}
  .phase-row{grid-template-columns:30px 96px minmax(0,1fr);gap:10px 14px}
  .phase-when{grid-column:2}
  .phase-body{grid-column:3}
  .phase-deliverables{grid-column:2/-1}
  .phase-owner{grid-column:2/-1}
  .engage-grid{grid-template-columns:1fr 1fr}
  .engage-card:last-child{grid-column:1/-1}
  .close-grid{grid-template-columns:1fr}
  .request-card{max-width:620px}
  .partner-card{max-width:760px}
  .index-grid{grid-template-columns:1fr 1fr}
  .proof-translation,.proof-payoff{grid-column:1/-1}
  .browser{height:auto;min-height:0}
  .browser-body{max-height:none;overflow:visible}
  .flagship-stage{min-height:auto}
  .stage-row{grid-template-columns:1fr}
  .phone{display:none}
  .stage-plate{inset:-10px}
  .stage-caption{margin-bottom:2px}
  .concept-stamp{display:none}
  .detail-points{grid-template-columns:1fr}
}
@media (max-width:900px){
  .chrome{padding:0 16px}
  .cobrand{gap:9px}
  .bc-logo{height:20px}
  .client-lockup img{height:26px}
  .cobrand-x{font-size:16px}
  .chrome-right{gap:10px}
  .index-btn span{display:none}
  .chrome-count{font-size:12px}
  .prepared-mini{font-size:10px;gap:6px}
  .prepared-mini img{width:22px;height:22px}
  .prepared-mini .pb-prefix,.prepared-mini .pb-brand{display:none}
  .prepared-mini span{max-width:none}
  .bottom-mid{display:none}
  .nav-controls button{width:38px;height:36px}
  .slide-head{flex-wrap:wrap;gap:5px 12px}
  .head-meta{font-size:10px}
  .audit-top h2,.gap-head h2,.system-head h2,.roadmap-head h2,.flagship-head h2,.proof-head h2,.engage-head h2{font-size:clamp(34px,6.2vw,48px)}
  .audit-intro{flex-direction:column;align-items:flex-start;gap:8px}
  .audit-count b{font-size:38px}
  .audit-body{gap:16px}
  .audit-shot{max-width:100%;height:380px}
  .findings{grid-template-columns:1fr}
  .finding{padding:9px 0}
  .f-head h3{font-size:18px;max-width:none}
  .f-copy p{font-size:16.5px;max-width:62ch}
  .f-tag{font-size:11.8px}
  .gap-old .flow-steps,.flow-new .flow-steps{grid-template-columns:1fr}
  .flow-old .flow-steps,.flow-new .flow-steps{display:flex}
  .gap-stats{grid-template-columns:1fr 1fr}
  .system-grid,.engage-grid,.proof-notes,.flagship-notes{grid-template-columns:1fr}
  .engage-grid .engage-card:last-child,.proof-badge{grid-column:auto}
  .phase-row{grid-template-columns:26px 1fr;gap:8px 10px;padding:14px 0}
  .phase-when,.phase-body,.phase-deliverables,.phase-owner{grid-column:2}
  .phase-deliverables{grid-template-columns:1fr 1fr}
  .phase-owner{display:block}
  .flagship-notes{gap:9px}
  .chips{margin-top:2px}
  .browser{min-height:420px}
  .system-card{padding:16px}
  .system-card p{font-size:16px}
  .fnote b{font-size:16px}
  .fnote p{font-size:15.2px;line-height:1.45}
  .flagship-changes li{font-size:13px}
  .chips span{font-size:9.6px;padding:4px 6px}
  .phase-body p{font-size:15.5px}
  .phase-deliverables li{font-size:13.6px}
  .engage-card p,.engage-card li{font-size:15.4px}
  .roadmap-supply{flex-direction:column;align-items:flex-start;gap:5px}
  .close-main h2{font-size:clamp(32px,5.8vw,46px)}
  .partner-card{grid-template-columns:1fr;justify-items:start}
  .partner-portrait-wrap{width:160px}
  .partner-signoff{margin-top:10px}
  .close-grid{gap:22px}
  .close-payoff{margin-top:18px;flex-direction:column;align-items:flex-start;gap:8px}
  .close-payoff p{text-align:left;font-size:clamp(22px,4.4vw,30px)}
  .close-payoff>div{text-align:left;white-space:normal}
  .engage-payoff{flex-direction:column;align-items:flex-start;gap:8px}
  .engage-payoff p{text-align:left}
  .system-band{flex-direction:column;align-items:flex-start;gap:6px}
  .system-band div{margin-left:0;flex-wrap:wrap}
  .engage-path{grid-template-columns:1fr}
  .engage-path>div{border-left:0;border-top:1px solid var(--line-light-soft);padding:9px 0}
  .engage-path>div:first-child{border-top:0}
  .index-panel{max-height:92vh}
  .index-grid{grid-template-columns:1fr}
  .index-card{min-height:96px}
  .detail-panel{padding:22px}
  .detail-body>p{font-size:17px}
}
@media (max-width:700px){
  :root{--chrome-h:56px;--foot-h:62px;--padx:18px}
  .prepared-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}
  .slide-head{margin-bottom:12px}
  .head-meta{display:none}
  .audit-shot{height:340px}
  .audit-phone{width:92px;bottom:32px;right:-4px}
  .audit-phone-label{display:none}
  .shot-url{font-size:8px}
  .shot-live{display:none}
  .audit-shot figcaption{font-size:8.5px;margin-top:8px}
  .gap-head p,.audit-intro p,.system-head p,.roadmap-head p,.flagship-intro p,.proof-head p,.engage-head p{font-size:16px}
  .gap-stats span{font-size:9.5px}
  .browser-top{height:30px;gap:6px;padding:0 7px}
  .burl{font-size:9px;max-width:82px;overflow:hidden}
  .browser-tabs{gap:0}
  .btab{font-size:10px;padding:4px 7px}
  .browser{min-height:0;border-radius:6px}
  .browser-body{font-size:12px}
  .mini-nav{height:auto;min-height:3.1em;flex-wrap:wrap;gap:.5em;padding:.5em .8em}
  .mini-links{display:none}
  .mini-nav-cta{margin-left:auto;font-size:.68em}
  .mini-brand img{height:1.7em}
  .mini-hero{grid-template-columns:1fr;height:auto;min-height:0}
  .mini-hero-photo{aspect-ratio:1.65}
  .mini-hero-copy{padding:1em}
  .mini-hero-copy b{font-size:2em}
  .mini-hero-copy p{font-size:.82em}
  .mini-cats{gap:.8em;padding:.7em .9em}
  .mini-visit-strip{grid-template-columns:1fr 1fr;gap:.7em;padding:.8em .9em}
  .mini-strip-arrow{display:none}
  .mini-visit-strip div b{font-size:.66em;white-space:normal}
  .browser-body .mini-page-head{padding:1em .9em .6em}
  .mini-collections{grid-template-columns:1fr;gap:.9em;padding:0 .9em 1em}
  .mini-cat-grid{grid-template-columns:1fr 1fr}
  .mini-cat-photo{aspect-ratio:1.55}
  .mini-cat-photo img{object-position:center}
  .site-view[data-panel="collections"] .mini-cat-photo{height:auto;aspect-ratio:1.55}
  .site-view[data-panel="visit"] .mini-visit-card,.site-view[data-panel="visit"] .mini-map{height:auto}
  .mini-cat-detail h4{font-size:1.6em}
  .mini-visit-grid{grid-template-columns:1fr;gap:.8em;padding:0 .9em 1em}
  .mini-map{min-height:9em}
  .mini-call{font-size:.66em}
  .mini-hours div{font-size:.68em}
  .mini-address{font-size:1.35em}
  .stage-row{gap:0}
  .stage-plate{inset:-8px}
  .stage-caption{font-size:10.4px;margin-top:8px}
  .detail-btn{font-size:10.4px}
  .ba-stage{aspect-ratio:4/3}
  .ba-tag{font-size:9px}
  .ba-handle span{width:32px;height:32px}
  .partner-contacts a{font-size:11px}
  .picker-grid{grid-template-columns:1fr 1fr}
  .request-card{padding:14px}
  .partner-card{padding:13px}
  .partner-portrait-wrap{width:132px}
  .partner-note{font-size:14px}
  .suggestions button{min-width:0;font-size:10.6px}
  .date-field input,.time-field input{font-size:12px}
  .draft-btn{font-size:11.4px;padding:9px 10px}
  .close-note{font-size:9px}
  .detail-overlay,.index-overlay{padding:10px}
  .detail-panel{max-height:92vh}
  .detail-head h2{font-size:28px}
  .index-head h2{font-size:24px}
}
@media (max-width:480px){
  :root{--padx:15px}
  body{font-size:16px}
  .cover-fallback{padding-top:calc(var(--chrome-h) + 10px)}
  .cf-mirror{width:min(74vw,290px)}
  .cf-address{font-size:4.6px;letter-spacing:.1em}
  .cover-title{font-size:clamp(36px,10vw,48px)}
  .cover-lead{font-size:16px}
  .cover-collab{gap:8px;margin-bottom:14px}
  .cc-brand{height:18px}
  .cc-client{font-size:9.5px}
  .cover-eyebrow{font-size:10px;gap:7px}
  .eyebrow-line,.eyebrow-dot{display:none}
  .cover-actions{gap:10px}
  .btn{padding:12px 14px;font-size:12px}
  .cover-caption{font-size:11px;max-width:100%}
  .cover-facts{gap:12px}
  .cover-facts b{font-size:15px}
  .cover-facts span{font-size:10.5px}
  .audit-shot{height:320px}
  .audit-phone{width:82px}
  .shot-bar{height:23px}
  .f-head h3{font-size:17px}
  .f-copy p{font-size:16px}
  .f-tag{font-size:11px;white-space:normal}
  .sev{font-size:9.5px}
  .gap-stats b{font-size:24px}
  .gap-stats span{font-size:10.6px}
  .flow-step b{font-size:13.8px}
  .flow-step small{font-size:13px}
  .mini-hero-photo{aspect-ratio:1.4}
  .mini-hero-copy b{font-size:1.75em}
  .mini-cat-grid{grid-template-columns:1fr}
  .mini-cat-grid .cat{padding:.6em .55em}
  .partner-portrait-wrap{width:112px}
  .partner-name{font-size:24px}
  .partner-note{font-size:13.5px}
  .suggestions button{font-size:10px}
  .request-card h3{font-size:27px}
  .detail-head h2{font-size:25px}
  .detail-body>p{font-size:16px}
  .index-panel{padding:14px}
}
@media (max-width:380px){
  .cover-title{font-size:33px}
  .cf-mirror{width:72vw}
  .prepared-mini span{max-width:130px}
  .partner-contacts a{font-size:10px;padding:4px 6px}
  .picker-grid{grid-template-columns:1fr}
}

/* ---------------------------------------------------------------- motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .cover-copy{animation:none}
  .ticker-track{animation:none}
}
@media (prefers-reduced-motion: no-preference){
  .slide.active .finding,.slide.active .system-card,.slide.active .phase-row,.slide.active .engage-card{animation:cardIn .55s both}
  .slide.active .system-card:nth-child(2),.slide.active .phase-card:nth-child(2),.slide.active .engage-card:nth-child(2){animation-delay:.05s}
  .slide.active .system-card:nth-child(3),.slide.active .phase-card:nth-child(3),.slide.active .engage-card:nth-child(3){animation-delay:.1s}
  .slide.active .system-card:nth-child(4){animation-delay:.15s}
  .slide.active .system-card:nth-child(5){animation-delay:.2s}
  .slide.active .system-card:nth-child(6){animation-delay:.25s}
  @keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
body.is-shaking #deck{animation:deckShake .42s cubic-bezier(.36,.07,.19,.97) both}
@keyframes deckShake{
  0%,100%{transform:translate3d(0,0,0)}
  12%{transform:translate3d(-7px,4px,0)}
  24%{transform:translate3d(6px,-3px,0)}
  38%{transform:translate3d(-5px,-2px,0)}
  52%{transform:translate3d(4px,3px,0)}
  68%{transform:translate3d(-2px,-1px,0)}
  84%{transform:translate3d(1px,1px,0)}
}
#deck{will-change:transform}

/* transition helpers */
.slide.is-leaving{pointer-events:none}
.slide.is-entering{pointer-events:none}
.deck-seam{position:fixed;inset:0;z-index:96;pointer-events:none;visibility:hidden}
.deck-seam b{position:absolute;top:0;bottom:0;width:42vw;background:linear-gradient(90deg,transparent,rgba(198,228,236,.16),rgba(238,250,252,.4),rgba(198,228,236,.16),transparent);filter:blur(9px)}
.deck-seam i{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(240,252,255,.9) 14%,rgba(240,252,255,.9) 86%,transparent);box-shadow:0 0 18px rgba(198,236,244,.5)}
.deck-vignette{position:fixed;inset:0;z-index:95;pointer-events:none;background:radial-gradient(75% 75% at 50% 50%,transparent 35%,rgba(3,6,6,.55) 100%);opacity:0}
body.is-cutting .top-chrome,body.is-cutting .bottom-chrome{transition:background .3s}

/* Center the closing columns within the space above the anchored invitation. */
@media (min-width:1181px) {
  .slide-close .close-grid { grid-template-rows: minmax(max-content, 1fr) auto; }
  .slide-close .close-main, .slide-close .close-request { align-self: center; }
  .slide-close .close-note { margin-top: 12px; }
}

/* Whole-composition vertical centering (G5 display standard).
   Flagged slides 03/06/07/08: the complete composition - inner kicker, heading,
   lead, body, cards, gate, stat band, notes and provenance row - centers as one
   block between the fixed global chrome. Safe auto block margins center fitting
   content and collapse to zero when content is too tall, so tall content keeps
   natural reachable top flow. Fonts, copy, assets, card heights, contact actions
   and the fixed chrome are unchanged. */
@media (min-width:1025px) {
  .slide-gap .pad-stage,
  .slide-proof .pad-stage,
  .slide-roadmap .pad-stage,
  .slide-engage .pad-stage {
    margin-top: auto;
    margin-bottom: auto;
  }
  /* Former flex-context spacing recovers its settled distance in block layout. */
  .slide-proof .slide-foot,
  .slide-engage .slide-foot { margin-top: clamp(8px, 1.2vh, 12px); }
  .slide-engage .engage-payoff { margin-top: clamp(14px, 2.4vh, 26px); }
}