/* ============================================================
   GOMEZ EDWARDS LAW GROUP, LLP × BRANDCORE.IO
   Private web proposal · October 2026
   Obsidian / parchment / crimson / brass
   ============================================================ */

@font-face{
  font-family:'Space Grotesk';
  src:url('assets/fonts/space-grotesk-var.woff2') format('woff2');
  font-weight:300 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Plus Jakarta Sans';
  src:url('assets/fonts/plus-jakarta-sans-var.woff2') format('woff2');
  font-weight:300 800;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:#0c0d10;
  --ink-2:#121419;
  --ink-3:#191c22;
  --paper:#f4eee2;
  --paper-2:#ece3d4;
  --paper-3:#e3d8c5;
  --crimson:#8a151b;
  --crimson-bright:#c8322f;
  --brass:#c9a15a;
  --brass-bright:#e6c684;
  --brass-deep:#6b4700;
  --muted-d:#bdb2a1;
  --muted-l:#685f52;
  --font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Space Grotesk','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  --fs-body:clamp(16px,0.8vw + 6px,24px);
  --fs-small:clamp(16px,0.8vw + 6px,20px);
  --fs-label:clamp(13px,0.45vw + 6.8px,15px);
  --fs-h1:clamp(50px,5.6vw,108px);
  --fs-h2:clamp(32px,3.2vw,62px);
  --fs-h3:clamp(20px,1.5vw,31px);
  --gutter:clamp(18px,3.4vw,66px);
  --topbar:64px;
  --bottombar:62px;
  --radius:2px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  color-scheme:dark;
}

body[data-theme="dark"]{
  --bg:var(--ink);
  --fg:#f3ecdf;
  --muted:var(--muted-d);
  --line:rgba(201,161,90,.24);
  --line-soft:rgba(201,161,90,.13);
  --panel:rgba(255,246,231,.045);
  --panel-solid:#15171c;
  --accent:var(--brass-bright);
  --accent-ink:#e7c98d;
  --red:#e37b7d;
  color-scheme:dark;
}
body[data-theme="paper"]{
  --bg:var(--paper);
  --fg:#181512;
  --muted:var(--muted-l);
  --line:rgba(88,66,44,.24);
  --line-soft:rgba(88,66,44,.13);
  --panel:rgba(255,255,255,.42);
  --panel-solid:#eee5d6;
  --accent:var(--crimson);
  --accent-ink:var(--brass-deep);
  --red:#8a151b;
  color-scheme:light;
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;background:var(--ink);color:var(--fg);
  font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow:hidden;
}
img{display:block;max-width:100%;}
.ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;}
kbd .ico{width:13px;height:13px;}
button{font:inherit;color:inherit;}
a{color:inherit;text-decoration:none;}
p,h1,h2,h3,h4,figure,dl,dd,dt,ol,ul{margin:0;padding:0;}
ol,ul{list-style:none;}
button,[role="button"],a{-webkit-tap-highlight-color:transparent;}
[hidden]{display:none!important;}
::selection{background:rgba(200,50,47,.85);color:#fff;}

.skip-link{
  position:fixed;left:12px;top:-80px;z-index:200;background:var(--paper);color:var(--ink);
  padding:12px 18px;font-size:14px;border-radius:3px;transition:top .2s;
}
.skip-link:focus{top:10px;}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;}

/* ---------- chrome ---------- */
.progress{position:fixed;inset:0 0 auto 0;height:2px;background:rgba(255,255,255,.08);z-index:75;}
.progress i{display:block;height:100%;width:11.111%;background:linear-gradient(90deg,var(--crimson),var(--brass));transition:width .55s var(--ease-out);}

.topbar{
  position:fixed;inset:0 0 auto 0;z-index:60;height:var(--topbar);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 var(--gutter);
  background:color-mix(in srgb,var(--bg) 86%,transparent);
  border-bottom:1px solid var(--line-soft);
  backdrop-filter:blur(16px) saturate(1.1);
  -webkit-backdrop-filter:blur(16px) saturate(1.1);
  transition:background .35s ease,color .35s ease,border-color .35s ease;
}
.brand{display:flex;align-items:center;gap:14px;min-width:0;}
.bc-logo{height:17px;width:auto;flex:none;}
body[data-theme="dark"] .bc-dark{display:none;}
body[data-theme="paper"] .bc-light{display:none;}
body[data-theme="paper"] .bc-dark{display:block;}
.brand-x{font-family:var(--font-display);font-size:15px;color:var(--accent);line-height:1;flex:none;}
.client-word{
  font-family:var(--font-display);font-weight:600;font-size:clamp(11px,.7vw,13px);
  letter-spacing:.1em;white-space:nowrap;color:var(--fg);opacity:.92;
}
.client-word b{font-weight:600;}
.top-mid{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;}
.top-num{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;color:var(--accent);}
.top-sec{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-right{display:flex;align-items:center;gap:16px;flex:none;}
.top-count{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;color:var(--muted);}
.top-count i{font-style:normal;opacity:.45;margin:0 2px;}
.index-btn{
  appearance:none;background:transparent;border:1px solid var(--line);border-radius:99px;
  padding:7px 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;cursor:pointer;color:var(--fg);transition:border-color .2s,background .2s;
  min-height:32px;
}
.index-btn:hover{border-color:var(--accent);background:var(--panel);}

.bottom-bar{
  position:fixed;inset:auto 0 0 0;z-index:60;
  min-height:var(--bottombar);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;
  padding:0 var(--gutter);
  background:color-mix(in srgb,var(--bg) 90%,transparent);
  border-top:1px solid var(--line-soft);
  backdrop-filter:blur(16px) saturate(1.1);
  -webkit-backdrop-filter:blur(16px) saturate(1.1);
  transition:background .35s ease,color .35s ease,border-color .35s ease;
}
.bottom-left{display:flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;}
.bottom-left b{font-weight:400;color:var(--fg);opacity:.9;}
.bottom-private{opacity:.72;}
.bottom-nav{display:flex;align-items:center;gap:14px;justify-self:center;}
.nav-btn{
  appearance:none;width:34px;height:34px;border-radius:99px;border:1px solid var(--line);
  background:transparent;display:grid;place-items:center;cursor:pointer;transition:.2s;
}
.nav-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.nav-btn:hover{border-color:var(--accent);background:var(--panel);}
.nav-btn:disabled{opacity:.28;cursor:default;}
.bottom-count{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;color:var(--muted);min-width:58px;text-align:center;}
.bottom-right{display:flex;align-items:center;gap:16px;justify-self:end;}
.bottom-brand{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:.8;}

/* ---------- slide shell ---------- */
.deck{position:fixed;inset:0;}
.slide{
  position:fixed;inset:0;overflow:hidden;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(0,0,0);
  transition:opacity .52s ease,transform .7s var(--ease-out),filter .6s ease;
  background:var(--ink);
  z-index:1;
}
.slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:3;transform:none;filter:none;}
.slide.leaving{visibility:visible;z-index:2;opacity:0;transform:translate3d(calc(var(--leave-dir,1) * -3vw),0,0) scale(1.012);filter:blur(6px);pointer-events:none;}
.slide.from-right{opacity:0;transform:translate3d(4vw,0,0) scale(.992);}
.slide.from-left{opacity:0;transform:translate3d(-4vw,0,0) scale(.992);}
.slide.theme-dark{
  background:
    radial-gradient(1100px 740px at 72% 17%,rgba(138,21,27,.12),transparent 62%),
    radial-gradient(900px 680px at 12% 94%,rgba(201,161,90,.08),transparent 64%),
    linear-gradient(180deg,#0c0d10 0%,#0b0c0f 100%);
  color:#f3ecdf;
}
.slide.theme-paper{
  background:
    radial-gradient(1200px 760px at 88% -8%,rgba(201,161,90,.19),transparent 58%),
    radial-gradient(900px 700px at 6% 104%,rgba(138,21,27,.055),transparent 58%),
    linear-gradient(180deg,#f6f0e5 0%,#f1e9db 100%);
  color:#181512;
}
.slide.theme-paper::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(90,65,38,.035) 1px,transparent 1px);
  background-size:100% 58px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}
.slide-scroll{
  position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;
  padding:calc(var(--topbar) + 22px) var(--gutter) calc(var(--bottombar) + 22px);
  scrollbar-width:thin;scrollbar-color:rgba(180,140,80,.4) transparent;
  overscroll-behavior:contain;
}
.slide-scroll::-webkit-scrollbar{width:8px;}
.slide-scroll::-webkit-scrollbar-thumb{background:rgba(160,120,60,.35);border-radius:8px;border:2px solid transparent;background-clip:content-box;}
.slide-scroll::-webkit-scrollbar-track{background:transparent;}

/* ---------- shared type ---------- */
.kicker{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:var(--fs-label);font-weight:400;
  letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink);
  line-height:1.35;
}
.kicker .dot{width:5px;height:5px;border-radius:50%;background:var(--crimson-bright);flex:none;box-shadow:0 0 0 3px rgba(200,50,47,.14);}
h1,h2,h3{font-family:var(--font-display);font-weight:500;}
h2{
  font-size:var(--fs-h2);line-height:1.02;letter-spacing:-.045em;
  margin-top:12px;max-width:19ch;
}
h2 em,h1 em,h3 em{
  font-family:var(--font-serif);font-style:italic;font-weight:400;
  letter-spacing:-.012em;color:var(--accent);
}
h2 em{margin-left:.08em;}
.slide-close h2 em{margin-left:.16em;}
.lead{
  font-size:var(--fs-body);line-height:1.55;color:var(--muted);
  max-width:52ch;
}
.fineprint{font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.6;color:var(--muted);letter-spacing:.015em;max-width:66ch;}
.slide-note{
  margin-top:16px;font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.55;
  color:var(--muted);letter-spacing:.02em;max-width:100ch;
}
.nowrap{white-space:nowrap;}

.title-block{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:clamp(24px,4vw,80px);align-items:end;margin-bottom:clamp(16px,2.2vh,26px);
}
.title-block .lead{justify-self:end;padding-bottom:4px;}
.slide-audit .title-block h2{max-width:22ch;}

/* ---------- cover ---------- */
.slide-cover .slide-scroll{
  display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);
  gap:clamp(18px,2.6vw,48px);align-items:center;overflow:hidden;
  padding-top:calc(var(--topbar) + 18px);padding-bottom:calc(var(--bottombar) + 18px);
}
.cover-copy{position:relative;z-index:2;max-width:900px;padding-bottom:2vh;}
.cover-kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);}
.cover-kicker .dot{width:6px;height:6px;background:var(--crimson-bright);border-radius:50%;box-shadow:0 0 0 4px rgba(200,50,47,.16);}
.cover-copy h1{
  font-size:var(--fs-h1);line-height:.9;letter-spacing:-.058em;font-weight:500;
  margin:clamp(16px,2.4vh,28px) 0 0;max-width:none;
}
.cover-copy h1 em{display:block;line-height:.94;color:var(--brass-bright);margin-top:.04em;}
.cover-lead{margin-top:clamp(14px,2vh,24px);max-width:46ch;color:var(--muted);font-size:var(--fs-body);line-height:1.55;}
.cover-facts{
  display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:clamp(16px,2.2vh,26px);
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--fg);
}
.cover-facts li{
  border:1px solid var(--line);border-radius:99px;padding:7px 12px;line-height:1.2;
  background:rgba(255,246,231,.035);white-space:nowrap;
}
.cover-facts a{color:var(--brass-bright);}
.cover-actions{display:flex;align-items:center;gap:20px;margin-top:clamp(18px,2.6vh,30px);flex-wrap:wrap;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:46px;padding:12px 20px;border-radius:2px;border:1px solid transparent;
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.09em;text-transform:uppercase;
  cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s;
}
.btn-brass{background:var(--brass);color:#17120a;border-color:var(--brass);font-weight:400;}
.btn-brass:hover{background:var(--brass-bright);border-color:var(--brass-bright);transform:translateY(-1px);}
.btn-wide{width:100%;}
.cover-hint{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);letter-spacing:.03em;}
kbd{
  display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border:1px solid var(--line);
  border-radius:3px;font-family:var(--font-mono);font-size:12px;color:var(--fg);background:var(--panel);
}
.cover-foot{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:clamp(18px,2.6vh,30px);padding-top:14px;border-top:1px solid var(--line-soft);
  font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);letter-spacing:.02em;
}
.cover-foot b{font-weight:400;color:var(--fg);}
.cover-foot span+span::before{content:"·";margin-right:14px;opacity:.45;}

.cover-visual{position:relative;height:100%;min-height:420px;z-index:1;}
.cover-visual::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,#0c0d10 0%,rgba(12,13,16,.55) 5%,transparent 15%),
    linear-gradient(180deg,#0c0d10 0%,rgba(12,13,16,.45) 5%,transparent 13%),
    linear-gradient(0deg,#0c0d10 0%,rgba(12,13,16,.35) 4%,transparent 11%);
}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.cover-fallback{display:none;position:absolute;inset:0;place-items:center;}
.fallback-halo{
  position:absolute;width:78%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(201,161,90,.22),rgba(138,21,27,.10) 45%,transparent 68%);
}
.fallback-stand{position:relative;display:flex;flex-direction:column;align-items:center;width:70%;max-width:440px;}
.fallback-plaque{
  background:linear-gradient(160deg,#fbf6ea,#e9dcc4);padding:18px;border:6px solid #b58a3f;
  box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 0 0 1px rgba(80,50,10,.28);
  transform:rotate(-2deg);
}
.fallback-plaque img{width:100%;}
.fallback-bar{width:58%;height:8px;background:linear-gradient(180deg,#f0cd87,#8a5f20);margin-top:-2px;}
.fallback-post{width:12px;height:84px;background:linear-gradient(90deg,#6b4a17,#e6c176,#6b4a17);}
.fallback-base{width:52%;height:12px;border-radius:50%;background:linear-gradient(180deg,#e6c176,#6b4a17);}
.fallback-note{display:none;}
body.no-webgl #scene{display:none;}
body.no-webgl .cover-fallback{display:grid;}
body.no-webgl .scene-caption{display:none;}
.cover-visual.shattered .fallback-stand{visibility:hidden;}
.scene-caption{
  position:absolute;left:4%;right:4%;bottom:2px;display:flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  z-index:2;pointer-events:none;
}
.scene-line{width:34px;height:1px;background:var(--brass);opacity:.6;}

/* ---------- audit ---------- */
.audit-grid{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(22px,3vw,46px);align-items:start;}
.audit-shot{border:1px solid var(--line);background:rgba(255,255,255,.26);padding:0;overflow:hidden;}
.shot-bar{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.35);font-family:var(--font-mono);font-size:12px;color:var(--muted);
}
.browser-dots{display:inline-flex;gap:4px;flex:none;}
.browser-dots i{width:6px;height:6px;border-radius:50%;background:rgba(90,65,40,.3);}
.shot-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shot-live{margin-left:auto;color:var(--crimson);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;border:1px solid rgba(138,21,27,.3);padding:2px 6px;border-radius:99px;}
.shot-frame{position:relative;overflow:hidden;line-height:0;}
.shot-frame img{width:100%;height:auto;}
.pin{
  position:absolute;display:inline-flex;align-items:center;gap:6px;
  background:#14110c;color:#f7f0e2;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;
  padding:4px 9px 4px 4px;border-radius:99px;box-shadow:0 6px 18px rgba(0,0,0,.35);
  border:1px solid rgba(201,161,90,.4);white-space:nowrap;
}
.pin b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--crimson-bright);color:#fff;font-size:10px;font-weight:400;}
.pin-1{right:2%;top:3%;}
.pin-2{left:36%;top:9%;}
.pin-3{left:36%;top:55%;}
.audit-shot figcaption{padding:8px 12px;font-family:var(--font-mono);font-size:12px;line-height:1.45;color:var(--muted);border-top:1px solid var(--line);background:rgba(255,255,255,.3);}

.findings{border-top:1px solid var(--line);}
.finding{
  display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;
  padding:clamp(8px,.95vh,12px) 0;border-bottom:1px solid var(--line-soft);
}
.sev{
  align-self:start;display:inline-flex;justify-content:center;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 5px;border-radius:2px;border:1px solid;line-height:1.2;
}
.sev-high{color:var(--crimson);border-color:rgba(138,21,27,.4);background:rgba(138,21,27,.08);}
.sev-med{color:var(--brass-deep);border-color:rgba(107,71,0,.35);background:rgba(201,161,90,.14);}
.finding h3{font-size:clamp(19px,1.3vw,25px);line-height:1.15;letter-spacing:-.025em;font-weight:600;}
.finding p{font-size:var(--fs-small);line-height:1.44;color:var(--muted);margin-top:3px;max-width:70ch;}
.source{
  display:block;margin-top:4px;font-family:var(--font-mono);font-size:var(--fs-label);
  line-height:1.4;letter-spacing:.01em;color:var(--accent-ink);overflow-wrap:anywhere;
}
.shot-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);max-width:42ch;}
.shot-note b{display:block;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);font-weight:400;margin-bottom:4px;}
.shot-note p{font-family:var(--font-serif);font-style:italic;font-size:clamp(18px,1.35vw,25px);line-height:1.3;color:var(--fg);}

/* ---------- gap ---------- */
.slide-gap .title-block{margin-bottom:clamp(14px,1.8vh,22px);}
.slide-gap h2{max-width:24ch;}
.gap-grid{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:clamp(12px,1.5vw,24px);align-items:stretch;}
.path-card{border:1px solid var(--line);background:var(--panel);padding:clamp(14px,1.4vw,22px);display:flex;flex-direction:column;}
.path-now{border-top:2px solid rgba(200,50,47,.65);}
.path-next{border-top:2px solid var(--brass);background:linear-gradient(180deg,rgba(201,161,90,.08),rgba(201,161,90,.02));}
.path-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line-soft);margin-bottom:8px;}
.path-tag{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.11em;text-transform:uppercase;color:var(--fg);}
.path-count{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--muted);}
.path-card ol{counter-reset:step;}
.path-now ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;}
.path-next ol{display:grid;gap:4px;}
.path-card li{counter-increment:step;font-size:var(--fs-small);line-height:1.42;color:var(--muted);padding:6px 0 6px 25px;border-bottom:1px solid var(--line-soft);position:relative;}
.path-card li:last-child{border-bottom:0;}
.path-card li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--accent-ink);}
.path-card li b{color:var(--fg);font-weight:600;}
.path-now ol li:nth-last-child(-n+1){border-bottom:0;}
.path-next li{font-size:var(--fs-body);padding:9px 0 9px 27px;border-bottom:1px solid var(--line-soft);}
.path-next li::before{top:12px;font-size:12px;}
.path-close{margin-top:auto;padding-top:12px;font-family:var(--font-serif);font-style:italic;font-size:clamp(17px,1.15vw,22px);line-height:1.25;color:var(--accent-ink);}
.path-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;}
.path-arrow span{position:relative;display:block;width:1px;height:56px;background:linear-gradient(var(--crimson),var(--brass));}
.path-arrow span::after{content:"";position:absolute;left:-3px;bottom:-4px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:6px solid var(--brass);}
.path-arrow b{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);}
.gap-foot{
  display:grid;grid-template-columns:1fr;gap:8px;align-items:center;margin-top:clamp(8px,1.2vh,14px);
  border-top:1px solid var(--line-soft);padding-top:9px;
}
.gap-foot .fineprint{font-size:12.5px;line-height:1.45;max-width:110ch;}
.gap-quote{display:flex;align-items:flex-start;gap:8px;border-left:1px solid var(--brass);padding-left:12px;}
.quote-mark{font-family:var(--font-serif);font-size:34px;line-height:.8;color:var(--brass);}
.gap-quote p{font-family:var(--font-serif);font-style:italic;font-size:clamp(16px,1.1vw,21px);line-height:1.3;color:var(--fg);}
.quote-src{display:none;}
.gap-foot .fineprint{font-size:clamp(12px,.78vw,14px);line-height:1.45;}
.team-strip{
  display:grid;grid-template-columns:1.35fr repeat(3,.72fr);gap:clamp(12px,1.5vw,22px);align-items:center;
  margin-top:clamp(12px,1.6vh,20px);padding-top:clamp(10px,1.3vh,16px);border-top:1px solid var(--line);
}
.team-intro .kicker{font-size:12px;letter-spacing:.08em;}
.team-intro p{font-size:var(--fs-small);line-height:1.45;color:var(--muted);margin-top:4px;max-width:38ch;}
.team-strip figure{display:flex;align-items:center;gap:10px;min-width:0;}
.team-strip img{width:clamp(42px,3.4vw,58px);height:clamp(52px,4.3vw,74px);object-fit:cover;object-position:center 18%;border:1px solid var(--line);}
.team-strip figcaption{display:flex;flex-direction:column;gap:1px;min-width:0;}
.team-strip figcaption b{font-size:clamp(12px,.92vw,15px);font-weight:600;line-height:1.2;}
.team-strip figcaption span{font-family:var(--font-mono);font-size:12.5px;line-height:1.3;color:var(--muted);}

/* ---------- flagship ---------- */
.slide-flagship .slide-scroll{overflow-y:auto;}
.flagship-grid{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:clamp(22px,3vw,50px);align-items:center;height:100%;}
.flagship-copy{max-width:480px;}
.flagship-copy h2{max-width:14ch;font-size:clamp(32px,2.9vw,54px);}
.flagship-copy .lead{font-size:var(--fs-small);margin-top:12px;max-width:46ch;}
.flagship-notes{display:grid;gap:8px;margin-top:clamp(10px,1.5vh,18px);}
.flagship-notes li{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start;}
.flagship-notes li>span{font-family:var(--font-mono);font-size:12px;color:var(--accent-ink);padding-top:3px;border-top:1px solid var(--line);}
.flagship-notes b{display:block;font-size:clamp(17px,1.2vw,20px);font-weight:600;line-height:1.25;}
.flagship-notes p{font-size:var(--fs-small);line-height:1.42;color:var(--muted);margin-top:2px;}
.concept-note{font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.5;color:var(--muted);margin-top:10px;max-width:48ch;}
.flagship-stage{min-width:0;position:relative;}
.browser-stage{position:relative;}
.browser-window{
  border:1px solid rgba(90,65,40,.34);background:#fbf7ee;color:#171410;
  box-shadow:0 30px 70px rgba(40,24,10,.2),0 2px 0 rgba(255,255,255,.8) inset;
  container-type:inline-size;
}
.browser-chrome{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(90,65,40,.2);background:#ede4d5;font-family:var(--font-mono);font-size:11px;color:#6c5b47;}
.browser-url{display:flex;align-items:center;gap:6px;background:#fbf7ee;border:1px solid rgba(90,65,40,.16);padding:4px 10px;border-radius:99px;flex:1;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.browser-url svg{width:11px;height:11px;fill:none;stroke:#8a6b3f;stroke-width:1.5;flex:none;}
.browser-flag{margin-left:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a151b;border:1px solid rgba(138,21,27,.3);padding:2px 6px;border-radius:99px;}
.browser-viewport{height:clamp(360px,43.5vh,510px);overflow:hidden;position:relative;background:#f8f1e5;}
.mock-site{height:100%;position:relative;font-size:14px;color:#1b1712;overflow:hidden;display:flex;flex-direction:column;}
.mock-nav{display:flex;align-items:center;gap:clamp(8px,1.2cqw,16px);padding:clamp(8px,1.15cqw,13px) clamp(10px,1.5cqw,18px);border-bottom:1px solid rgba(90,65,40,.16);background:#fcf8f0;flex:none;}
.mock-nav>img{height:clamp(24px,3.1cqw,38px);width:auto;flex:none;}
.mock-tabs{display:flex;align-items:center;gap:clamp(6px,.9cqw,13px);margin-left:auto;flex-wrap:nowrap;}
.mock-tabs button{
  appearance:none;background:none;border:0;padding:4px 1px;cursor:pointer;
  font-family:var(--font-body);font-size:clamp(11.5px,.95cqw,13.5px);color:#54483a;
  border-bottom:1px solid transparent;white-space:nowrap;
}
.mock-tabs button[aria-selected="true"]{color:#8a151b;border-bottom-color:#8a151b;}
.mock-phone{
  appearance:none;border:1px solid #8a151b;background:#8a151b;color:#fbf7ee;cursor:pointer;
  font-family:var(--font-mono);font-size:clamp(10px,.82cqw,12px);letter-spacing:.02em;
  padding:7px 9px;white-space:nowrap;border-radius:1px;
}
.mock-panels{position:relative;flex:1;min-height:0;overflow:hidden;}
.site-panel{height:100%;overflow:hidden;padding:clamp(12px,1.5cqw,20px);}
.site-panel[hidden]{display:none!important;}
.m-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(12px,1.6cqw,22px);align-items:stretch;height:calc(100% - 102px);min-height:0;}
.m-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.m-eyebrow{display:block;font-family:var(--font-mono);font-size:clamp(10px,.78cqw,11.5px);letter-spacing:.1em;text-transform:uppercase;color:#8a151b;}
.m-hero h3,.m-page-head h3{
  font-family:var(--font-display);font-weight:500;letter-spacing:-.045em;line-height:1.02;
  font-size:clamp(22px,2.55cqw,34px);margin-top:8px;
}
.m-hero h3 em,.m-page-head h3 em{color:#8a151b;}
.m-hero-copy p{font-size:clamp(11.5px,.95cqw,13.5px);line-height:1.42;color:#5f5344;margin-top:8px;max-width:34ch;}
.m-actions{display:flex;align-items:center;gap:12px;margin-top:clamp(9px,1.2cqw,15px);flex-wrap:wrap;}
.m-cta{
  appearance:none;border:1px solid #8a151b;background:#8a151b;color:#fbf7ee;cursor:pointer;
  font-family:var(--font-mono);font-size:clamp(10.5px,.8cqw,12px);letter-spacing:.05em;
  padding:8px 11px;border-radius:1px;
}
.m-secondary{font-family:var(--font-mono);font-size:clamp(10px,.74cqw,11.5px);color:#6d5c48;letter-spacing:.03em;}
.m-photo{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(90,65,40,.18);}
.m-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.m-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 9px 8px;background:linear-gradient(transparent,rgba(20,16,11,.82));color:#f7f0e3;display:flex;flex-direction:column;}
.m-photo figcaption b{font-size:clamp(10px,.8cqw,12px);font-weight:600;line-height:1.2;}
.m-photo figcaption span{font-family:var(--font-mono);font-size:clamp(9.5px,.68cqw,10.5px);opacity:.78;letter-spacing:.04em;}
.m-finder{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:clamp(8px,1.1cqw,13px);padding-top:8px;border-top:1px solid rgba(90,65,40,.16);}
.m-finder>span{font-family:var(--font-mono);font-size:clamp(9.5px,.7cqw,10.5px);letter-spacing:.06em;text-transform:uppercase;color:#7b6a55;margin-right:2px;}
.m-finder button{
  appearance:none;border:1px solid rgba(90,65,40,.24);background:#fcf8f0;color:#4b4034;cursor:pointer;
  font-family:var(--font-body);font-size:clamp(10px,.76cqw,11.5px);padding:5px 8px;border-radius:99px;
}
.m-finder button:hover{border-color:#8a151b;color:#8a151b;}
.m-practices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;}
.m-practices div{border-top:1px solid rgba(90,65,40,.25);padding-top:5px;display:flex;flex-direction:column;gap:1px;}
.m-practices b{font-family:var(--font-mono);font-size:clamp(9.5px,.7cqw,10.5px);letter-spacing:.04em;color:#8a151b;font-weight:400;}
.m-practices span{font-size:clamp(10px,.76cqw,11.5px);color:#5f5344;line-height:1.25;}
.m-page-head{padding-bottom:clamp(8px,1.1cqw,13px);border-bottom:1px solid rgba(90,65,40,.18);}
.m-page-body{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(12px,1.6cqw,22px);padding-top:clamp(9px,1.3cqw,16px);}
.m-page-body ul{display:grid;gap:5px;align-content:start;}
.m-page-body li{font-size:clamp(11px,.86cqw,12.5px);line-height:1.3;color:#4f4437;padding-left:12px;position:relative;}
.m-page-body li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:1px;background:#8a151b;}
.m-side{border-left:1px solid rgba(90,65,40,.2);padding-left:clamp(10px,1.2cqw,16px);display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
.m-side b{font-size:clamp(11px,.9cqw,13px);line-height:1.3;font-weight:600;}
.m-side span{font-family:var(--font-mono);font-size:clamp(9.5px,.7cqw,10.5px);color:#6d5c48;letter-spacing:.02em;}
.m-side button{margin-top:4px;}
.site-panel[data-panel="visit"]{display:flex;flex-direction:column;}
.m-visit{flex:1;min-height:0;grid-template-columns:1.15fr .85fr;}
.m-map{position:relative;margin:0;min-height:0;overflow:hidden;border:1px solid rgba(90,65,40,.22);}
.m-map img{width:100%;height:100%;object-fit:cover;object-position:38% 34%;}
.m-map figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 9px 6px;background:linear-gradient(transparent,rgba(20,16,11,.78));color:#f7f0e3;font-family:var(--font-mono);font-size:clamp(9.5px,.7cqw,10.5px);letter-spacing:.03em;}
.detail-body .site-panel[data-panel="visit"]{display:block;height:auto;}
.detail-body .m-map{aspect-ratio:4/3;max-width:440px;margin-bottom:12px;}
.m-side small{font-family:var(--font-mono);font-size:9.5px;color:#8a7a66;letter-spacing:.04em;}
.path-note{
  position:absolute;left:clamp(12px,1.5cqw,20px);right:clamp(12px,1.5cqw,20px);bottom:10px;z-index:3;
  background:#17130e;color:#f6eddd;border:1px solid rgba(201,161,90,.4);padding:8px 11px;
  font-size:clamp(10.5px,.8cqw,12px);line-height:1.35;display:flex;align-items:center;gap:8px;
}
.path-note b{color:#e6c684;font-weight:400;}
.consult-sheet{
  position:absolute;inset:auto 4% 4% auto;width:min(330px,70%);z-index:4;background:#fbf7ee;
  border:1px solid rgba(90,65,40,.3);box-shadow:0 20px 50px rgba(30,18,8,.25);padding:clamp(12px,1.5cqw,18px);
  color:#1b1712;
}
.sheet-close{position:absolute;right:8px;top:6px;appearance:none;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:#6d5c48;padding:4px;}
.consult-sheet h4{font-family:var(--font-display);font-size:clamp(17px,1.35cqw,20px);line-height:1.15;letter-spacing:-.03em;margin:5px 0 6px;}
.consult-sheet p{font-size:clamp(12px,.9cqw,13px);line-height:1.42;color:#5b4e3f;}
.slot-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;}
.slot-row button{
  appearance:none;border:1px solid rgba(90,65,40,.25);background:#f3eadb;color:#3e352b;cursor:pointer;
  font-family:var(--font-mono);font-size:clamp(10.5px,.8cqw,12px);padding:5px 7px;
}
.slot-row button[aria-pressed="true"]{background:#8a151b;border-color:#8a151b;color:#fff;}
.slot-note{margin-top:8px!important;padding:7px 8px;border-left:1px solid #8a151b;background:#f3eadb;color:#4b3e30!important;}
.sheet-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px;}
.sheet-actions span{font-family:var(--font-mono);font-size:10.5px;color:#6d5c48;}
.consult-sheet small{display:block;margin-top:7px;font-family:var(--font-mono);font-size:9.5px;color:#8a7a66;}
.phone-mock{
  position:absolute;right:-12px;bottom:-20px;width:clamp(138px,9.6vw,186px);aspect-ratio:.5;
  background:#1a1712;border:3px solid #2c251c;border-radius:24px;box-shadow:0 22px 50px rgba(30,18,8,.35);
  z-index:2;overflow:hidden;
}
.phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:34%;height:10px;background:#0c0a08;border-radius:0 0 8px 8px;z-index:2;}
.phone-screen{position:absolute;inset:3px;background:#f8f1e5;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;padding:14px 7px 7px;color:#1b1712;}
.phone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.phone-top img{height:14px;width:auto;}
.phone-top span{font-family:var(--font-mono);font-size:6px;letter-spacing:.08em;color:#6d5c48;}
.phone-hero{background:#1b1712;color:#f8f1e5;padding:8px 6px;display:flex;flex-direction:column;gap:4px;}
.phone-hero small{font-family:var(--font-mono);font-size:6px;letter-spacing:.06em;color:#d9b374;text-transform:uppercase;}
.phone-hero b{font-family:var(--font-display);font-size:10px;line-height:1.08;letter-spacing:-.03em;font-weight:500;}
.phone-hero span{margin-top:3px;background:#c9a15a;color:#17120a;font-family:var(--font-mono);font-size:6.5px;padding:4px;text-align:center;}
.phone-practice{display:flex;gap:4px;align-items:center;font-size:8px;line-height:1.2;padding:4px 2px;border-bottom:1px solid rgba(90,65,40,.16);color:#4f4437;}
.phone-practice i{font-family:var(--font-mono);font-style:normal;color:#8a151b;font-size:6px;}
.phone-call{margin-top:auto;background:#8a151b;color:#fff;text-align:center;font-family:var(--font-mono);font-size:7.5px;padding:5px;}

.mock-detail{display:none;border:1px solid var(--line);background:rgba(255,255,255,.42);padding:clamp(16px,2vw,26px);}
.mock-detail-toggle-wrap{display:flex;justify-content:flex-end;margin-bottom:8px;}
.mock-detail-toggle{
  appearance:none;border:0;border-bottom:1px solid var(--accent);background:none;color:var(--accent-ink);
  font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;padding:4px 0;cursor:pointer;
}
.flagship-stage.show-detail .browser-stage{display:none;}
.flagship-stage.show-detail .mock-detail{display:block;}
.detail-head{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);border-bottom:1px solid var(--line);padding-bottom:8px;flex-wrap:wrap;}
.detail-head span:last-child{color:var(--muted);}
.detail-tabs{display:flex;gap:4px;margin:12px 0;flex-wrap:wrap;}
.detail-tabs button{
  appearance:none;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;
  font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;padding:8px 12px;border-radius:99px;
}
.detail-tabs button[aria-selected="true"]{background:var(--crimson);border-color:var(--crimson);color:#fff;}
.detail-body{font-size:var(--fs-small);color:var(--muted);}
.detail-body h3{font-size:clamp(22px,3vw,32px);line-height:1.08;color:var(--fg);margin:6px 0 10px;max-width:18ch;}
.detail-body h3 em{color:var(--crimson);}
.detail-body .m-eyebrow{color:var(--crimson);}
.detail-body p{font-size:var(--fs-small);line-height:1.55;max-width:58ch;}
.detail-body .m-hero{display:block;height:auto;}
.detail-body .m-photo{aspect-ratio:16/9;margin:12px 0;max-width:420px;}
.detail-body .m-photo figcaption{padding:26px 10px 9px;}
.detail-body .m-actions{margin-top:10px;}
.detail-body .m-finder{margin-top:12px;}
.detail-body .m-practices{margin-top:12px;}
.detail-body .m-page-head{padding-bottom:10px;}
.detail-body .m-page-body{display:block;padding-top:10px;}
.detail-body .m-page-body ul{gap:6px;}
.detail-body .m-page-body li{font-size:var(--fs-small);}
.detail-body .m-side{border-left:0;border-top:1px solid var(--line);padding:10px 0 0;margin-top:12px;}
.detail-body .m-side b{font-size:var(--fs-body);}
.detail-consult-note{border:1px solid var(--line);border-left:2px solid var(--crimson);background:rgba(255,255,255,.4);padding:10px 12px;margin-top:12px;font-size:var(--fs-small);line-height:1.45;color:var(--fg);}
.detail-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);}
.index-card.current{border-color:var(--brass);background:rgba(201,161,90,.12);}

/* ---------- system ---------- */
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);}
.system-card{
  border:1px solid var(--line);background:linear-gradient(160deg,var(--panel),rgba(255,246,231,.018));
  padding:clamp(14px,1.5vw,22px);display:flex;flex-direction:column;min-height:0;
}
.sys-num{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;color:var(--accent);}
.system-card h3{font-size:var(--fs-h3);line-height:1.12;letter-spacing:-.03em;margin:6px 0 6px;}
.system-card p{font-size:var(--fs-small);line-height:1.48;color:var(--muted);}
.sys-out{margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:var(--fs-label);line-height:1.35;color:var(--accent-ink);border-top:1px solid var(--line-soft);}
.system-card:nth-child(3),.system-card:nth-child(6){background:linear-gradient(160deg,rgba(201,161,90,.09),rgba(201,161,90,.02));}

/* ---------- proof ---------- */
.proof-grid{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:clamp(24px,3.4vw,58px);align-items:center;height:100%;}
.proof-copy h2{max-width:13ch;}
.proof-copy .lead{font-size:var(--fs-small);margin-top:12px;max-width:44ch;}
.proof-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:clamp(14px,2vh,24px);border-top:1px solid var(--line);padding-top:12px;}
.proof-facts dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.proof-facts dd{font-size:var(--fs-small);line-height:1.3;margin-top:2px;color:var(--fg);}
.proof-copy .fineprint{margin-top:14px;font-size:var(--fs-label);}
.ba-figure{margin:0;}
.ba-stage{
  position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(90,65,40,.35);
  background:#0e1b26;cursor:ew-resize;touch-action:none;user-select:none;
  box-shadow:0 28px 60px rgba(40,24,10,.22);
}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;}
.ba-after{clip-path:inset(0 0 0 var(--pos,50%));}
.ba-label{
  position:absolute;top:10px;z-index:3;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 8px;border-radius:99px;background:rgba(12,13,16,.82);color:#f6ecdb;
}
.ba-label-before{left:10px;}
.ba-label-after{right:10px;background:rgba(201,161,90,.92);color:#17120a;}
.ba-handle{
  position:absolute;top:0;bottom:0;left:var(--pos,50%);transform:translateX(-50%);
  width:44px;border:0;background:transparent;cursor:ew-resize;display:grid;place-items:center;z-index:4;
}
.ba-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--brass-bright);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 0 18px rgba(230,198,132,.6);}
.ba-handle span{
  display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f7eddc;color:#17120a;
  font-family:var(--font-mono);font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.35);position:relative;z-index:1;
}
.ba-figure figcaption{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:9px;font-family:var(--font-mono);font-size:clamp(12px,.8vw,14px);color:var(--muted);line-height:1.45;}
.ba-figure figcaption span{color:var(--accent-ink);}

/* ---------- roadmap ---------- */
.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);}
.phase{border:1px solid var(--line);background:rgba(255,255,255,.32);padding:clamp(14px,1.5vw,22px);display:flex;flex-direction:column;}
.phase-featured{background:linear-gradient(170deg,rgba(201,161,90,.16),rgba(255,255,255,.36));border-color:rgba(138,21,27,.32);}
.phase-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.phase-num{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;color:var(--accent);}
.phase-days{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);padding:3px 7px;border-radius:99px;}
.phase h3{font-size:var(--fs-h3);line-height:1.12;letter-spacing:-.03em;margin-top:9px;}
.phase-lead{font-size:var(--fs-small);line-height:1.45;color:var(--muted);margin-top:4px;}
.phase dl{display:grid;gap:8px;margin-top:12px;}
.phase dt{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);}
.phase dd{font-size:var(--fs-small);line-height:1.42;color:var(--muted);margin-top:1px;}
.phase-gate{margin-top:auto;padding-top:11px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--accent-ink);}
.roadmap-foot{display:flex;gap:24px;flex-wrap:wrap;margin-top:clamp(12px,1.6vh,18px);border-top:1px solid var(--line);padding-top:10px;font-family:var(--font-mono);font-size:clamp(12.5px,.8vw,14px);color:var(--muted);}
.roadmap-foot b{font-weight:400;color:var(--fg);margin-left:5px;}

/* ---------- engagement ---------- */
.engage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);align-items:stretch;}
.engage-card{border:1px solid var(--line);background:var(--panel);padding:clamp(15px,1.6vw,24px);display:flex;flex-direction:column;}
.engage-featured{border-color:var(--brass);background:linear-gradient(170deg,rgba(201,161,90,.13),rgba(201,161,90,.03));box-shadow:inset 0 2px 0 var(--brass);}
.engage-tag{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);}
.engage-card h3{font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.03em;margin-top:6px;}
.engage-card>p{font-size:var(--fs-small);line-height:1.45;color:var(--muted);margin-top:5px;}
.engage-card ul{margin-top:12px;border-top:1px solid var(--line-soft);padding-top:9px;display:grid;gap:5px;}
.engage-card li{font-size:var(--fs-small);line-height:1.4;color:var(--muted);padding-left:13px;position:relative;}
.engage-card li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border:1px solid var(--brass);transform:rotate(45deg);}
.engage-fit{margin-top:auto;padding-top:12px;font-family:var(--font-mono);font-size:12.5px;line-height:1.4;color:var(--accent-ink);border-top:1px solid var(--line-soft);}

/* ---------- close ---------- */
.close-grid{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:clamp(26px,4vw,70px);align-items:center;min-height:100%;}
.close-copy h2{max-width:16ch;font-size:clamp(32px,3vw,57px);}
.close-copy .lead{font-size:var(--fs-small);margin-top:12px;max-width:46ch;}
.rep-card{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);margin-top:clamp(16px,2vh,26px);}
.rep-portrait{width:clamp(104px,9vw,148px);aspect-ratio:1;border-radius:50%;overflow:hidden;flex:none;border:1px solid rgba(201,161,90,.55);box-shadow:0 0 0 6px rgba(201,161,90,.10);}
.rep-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;}
.rep-id{display:flex;flex-direction:column;gap:2px;min-width:0;}
.rep-id span{font-family:var(--font-mono);font-size:clamp(13px,.85vw,15px);line-height:1.35;letter-spacing:.04em;color:var(--muted);}
.rep-id b{font-family:var(--font-display);font-size:clamp(24px,2.1vw,36px);line-height:1.05;letter-spacing:-.04em;font-weight:500;}
.rep-id .rep-loc{color:var(--accent-ink);}
.rep-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.rep-contact a{
  border:1px solid var(--line);padding:8px 11px;font-family:var(--font-mono);font-size:clamp(13px,.6vw + 5px,15px);
  letter-spacing:.015em;transition:.2s;background:rgba(255,255,255,.26);
}
.rep-contact a:hover{border-color:var(--crimson);color:var(--crimson);}
.close-copy .fineprint{margin-top:12px;font-size:13px;line-height:1.5;}
.scheduler{border:1px solid var(--line);background:rgba(255,255,255,.42);padding:clamp(18px,2vw,28px);box-shadow:0 24px 50px rgba(60,38,14,.09);}
.scheduler h3{font-family:var(--font-display);font-size:clamp(28px,2.3vw,40px);line-height:1;letter-spacing:-.045em;margin:8px 0 8px;}
.scheduler>p{font-size:var(--fs-small);line-height:1.5;color:var(--muted);max-width:42ch;}
.suggestions{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;}
.suggestions button{
  appearance:none;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;
  font-family:var(--font-mono);font-size:var(--fs-label);padding:8px 10px;transition:.2s;
}
.suggestions button:hover{border-color:var(--crimson);color:var(--crimson);}
.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.picker-col{display:flex;flex-direction:column;gap:5px;}
.picker-col label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.picker-col input{
  width:100%;appearance:none;background:#fbf7ee;border:1px solid var(--line);border-radius:1px;
  padding:10px 9px;font-family:var(--font-mono);font-size:clamp(13px,.85vw,15px);color:var(--fg);min-height:44px;
}
.picker-col input:focus{outline:2px solid var(--crimson);outline-offset:1px;}
.picker-help{min-height:18px;margin-top:5px!important;font-family:var(--font-mono);font-size:12px!important;color:var(--crimson)!important;line-height:1.35!important;}
.scheduler .btn{margin-top:10px;}
.scheduler-note{font-size:13px!important;line-height:1.45;margin-top:8px!important;color:var(--muted);}
.scheduler-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px;margin-top:12px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.03em;color:var(--muted);}

/* ---------- index ---------- */
.index-panel{
  position:fixed;inset:0;z-index:90;background:
    radial-gradient(900px 700px at 80% 0%,rgba(138,21,27,.18),transparent 60%),
    #0a0b0e;color:#f3ecdf;overflow-y:auto;padding:clamp(22px,3.6vw,58px);
  display:flex;flex-direction:column;gap:clamp(20px,3vh,34px);
  animation:indexIn .28s var(--ease-out);
}
@keyframes indexIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.index-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(201,161,90,.25);padding-bottom:16px;flex-wrap:wrap;}
.index-head h2{color:#f3ecdf;font-size:clamp(30px,4vw,58px);max-width:none;margin-top:8px;}
.index-head .kicker{color:#e6c684;}
.index-close{
  appearance:none;border:1px solid rgba(201,161,90,.35);background:transparent;color:#f3ecdf;cursor:pointer;
  font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;padding:10px 14px;
}
.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.index-card{
  appearance:none;text-align:left;border:1px solid rgba(201,161,90,.22);background:rgba(255,246,231,.035);
  color:#f3ecdf;padding:clamp(14px,1.5vw,20px);display:flex;flex-direction:column;gap:3px;cursor:pointer;
  transition:border-color .2s,background .2s,transform .2s;min-height:112px;
}
.index-card:hover,.index-card:focus-visible{border-color:#c9a15a;background:rgba(201,161,90,.10);transform:translateY(-2px);}
.index-card span{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.12em;color:#c9a15a;}
.index-card b{font-family:var(--font-display);font-size:clamp(17px,1.2vw,22px);font-weight:500;letter-spacing:-.02em;}
.index-card small{font-family:var(--font-mono);font-size:13px;color:#bdb2a1;line-height:1.4;}
.index-foot{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:#bdb2a1;margin-top:auto;}

/* ---------- transition fx ---------- */
.seam{
  position:fixed;top:0;bottom:0;width:32vw;left:-40vw;z-index:44;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,161,90,.16) 22%,rgba(255,240,208,.8) 48%,rgba(138,21,27,.35) 62%,transparent 88%);
  filter:blur(3px);opacity:0;transform:skewX(-12deg);
}
.seam.run{animation:seamSweep .72s var(--ease-out) forwards;}
@keyframes seamSweep{0%{left:-40vw;opacity:0}18%{opacity:.9}55%{opacity:.65}100%{left:112vw;opacity:0}}
.seam.run-back{animation:seamSweepBack .72s var(--ease-out) forwards;}
@keyframes seamSweepBack{0%{left:112vw;opacity:0}18%{opacity:.9}55%{opacity:.65}100%{left:-40vw;opacity:0}}
.fx-flash{position:fixed;inset:0;z-index:43;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--fx-x,66%) var(--fx-y,52%),#fff 0,rgba(255,238,205,.95) 12%,rgba(230,198,132,.55) 27%,rgba(138,21,27,.28) 46%,transparent 68%);mix-blend-mode:screen;}
.fx-flash.run{animation:flashBurst 1s var(--ease-out) forwards;}
@keyframes flashBurst{0%{opacity:0}5%{opacity:1}18%{opacity:.7}42%{opacity:.24}100%{opacity:0}}
.fx-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:42;pointer-events:none;opacity:0;}
.fx-canvas.run{opacity:1;}
body.impact .slide.active .slide-scroll{animation:screenShake .46s cubic-bezier(.36,.07,.19,.97) both;}
@keyframes screenShake{
  10%,90%{transform:translate3d(-2px,1px,0)}
  20%,80%{transform:translate3d(4px,-2px,0)}
  30%,50%,70%{transform:translate3d(-6px,2px,0)}
  40%,60%{transform:translate3d(6px,-1px,0)}
  100%{transform:none}
}

/* ---------- responsive ---------- */
@media (max-width:1560px){
  .phone-mock{display:none;}
}
@media (min-width:1200px) and (max-width:1559px){
  .browser-stage{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:10px;align-items:end;}
  .phone-mock{display:block;position:relative;right:auto;bottom:auto;width:118px;justify-self:end;margin-bottom:2px;z-index:2;}
  .mock-detail{padding:16px 20px;}
  .detail-body .m-photo{max-width:320px;}
  .detail-body .m-practices{display:none;}
}
@media (max-width:1400px){
  :root{--topbar:58px;--bottombar:56px;}
  .bottom-private{display:none;}
  .cover-copy h1{font-size:clamp(48px,5.4vw,78px);}
  .client-word{font-size:11px;letter-spacing:.08em;}
  .mock-site{font-size:13.5px;}
}
@media (max-width:1199px){
  .mock-detail-toggle-wrap{display:none;}
  .browser-stage{display:none;}
  .mock-detail{display:block;}
  .flagship-grid{grid-template-columns:1fr;height:auto;gap:22px;align-items:start;}
  .flagship-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:end;}
  .flagship-copy .kicker{grid-column:1/-1;}
  .flagship-copy h2{grid-column:1/-1;max-width:22ch;font-size:clamp(34px,4.2vw,48px);}
  .flagship-copy .lead{grid-column:1/-1;max-width:70ch;}
  .flagship-notes{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid;gap:14px;}
  .concept-note{grid-column:1/-1;}
  .slide-flagship .slide-scroll{overflow-y:auto;}
  .audit-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);}
  .system-card p,.phase dd,.engage-card li{font-size:var(--fs-small);}
  .close-grid{grid-template-columns:1fr;gap:24px;align-items:start;min-height:0;}
  .close-copy h2{max-width:24ch;}
  .scheduler{max-width:640px;}
}
@media (max-width:980px){
  .title-block{grid-template-columns:1fr;gap:10px;align-items:start;}
  .title-block .lead{justify-self:start;padding-bottom:0;}
  .audit-grid{grid-template-columns:1fr;gap:18px;}
  .audit-shot{max-width:680px;}
  .findings{max-width:760px;}
  .gap-grid{grid-template-columns:1fr;gap:12px;}
  .path-arrow{flex-direction:row;gap:8px;justify-content:flex-start;}
  .path-arrow span{width:44px;height:1px;background:linear-gradient(90deg,var(--crimson),var(--brass));}
  .path-arrow span::after{left:auto;right:-1px;bottom:-3px;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:6px solid var(--brass);border-top-color:transparent;}
  .path-arrow b{writing-mode:horizontal-tb;transform:none;font-size:11.5px;}
  .path-now ol{grid-template-columns:1fr 1fr;}
  .gap-foot{grid-template-columns:1fr;gap:10px;}
  .team-strip{grid-template-columns:1fr 1fr 1fr;gap:12px;}
  .team-intro{grid-column:1/-1;}
  .team-intro p{max-width:none;}
  .system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .proof-grid{grid-template-columns:1fr;height:auto;gap:22px;}
  .proof-copy h2{max-width:20ch;}
  .roadmap-grid{grid-template-columns:1fr;}
  .phase dl{grid-template-columns:1fr 1fr;gap:14px;}
  .engage-grid{grid-template-columns:1fr;}
  .engage-card ul{grid-template-columns:1fr 1fr;display:grid;}
  .close-grid{grid-template-columns:1fr;}
  .index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .slide-flagship .slide-scroll{overflow-y:auto;}
  .flagship-copy{display:block;}
  .flagship-copy h2{max-width:26ch;margin-top:10px;}
  .flagship-notes{grid-template-columns:1fr;margin-top:14px;}
  .flagship-notes li{grid-template-columns:26px 1fr;}
  .flagship-copy .lead{margin-top:10px;}
  .mock-detail{margin-top:6px;}
}
@media (max-width:900px){
  .bottom-left{display:none;}
  .bottom-bar{grid-template-columns:1fr auto;}
  .bottom-nav{justify-self:start;}
  .slide-cover .slide-scroll{overflow-y:auto;}
  .cover-grid{grid-template-columns:1fr!important;align-content:start;overflow-y:auto;gap:10px;padding-top:calc(var(--topbar) + 8px);}
  .cover-visual{order:-1;height:39vh;min-height:300px;max-height:440px;}
  .cover-copy{padding-bottom:8px;max-width:none;}
  .cover-copy h1{font-size:clamp(44px,8.2vw,70px);max-width:12ch;}
  .cover-lead{max-width:54ch;}
  .cover-facts{margin-top:14px;}
  .cover-foot{margin-top:16px;}
  .scene-caption{bottom:-2px;}
  .flagship-copy h2{font-size:clamp(32px,5.2vw,44px);}
  .topbar,.bottom-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg);}
  .topbar{background:var(--bg);}
  .bottom-bar{background:var(--bg);}
  body[data-theme="dark"] .topbar,body[data-theme="dark"] .bottom-bar{background:#0c0d10;}
  body[data-theme="paper"] .topbar,body[data-theme="paper"] .bottom-bar{background:#f4eee2;}
}
@media (max-width:760px){
  :root{--topbar:56px;--bottombar:58px;--gutter:18px;}
  .index-btn{min-height:38px;}
  .index-close{min-height:44px;}
  .detail-tabs button{min-height:40px;padding:9px 12px;}
  .slide-scroll{padding-top:calc(var(--topbar) + 16px);padding-bottom:calc(var(--bottombar) + 20px);}
  .top-mid{display:none;}
  .client-word b{display:none;}
  .client-word{font-size:10.5px;letter-spacing:.1em;}
  .bc-logo{height:15px;}
  .brand{gap:9px;}
  .top-right{gap:10px;}
  .top-count{font-size:11.5px;}
  .index-btn{min-height:34px;padding:6px 11px;font-size:11.5px;}
  .bottom-left{display:none;}
  .bottom-bar{grid-template-columns:1fr auto;gap:10px;}
  .bottom-nav{justify-self:start;gap:10px;}
  .bottom-right{justify-self:end;}
  .bottom-brand{display:none;}
  .nav-btn{width:44px;height:44px;}
  .cover-visual{height:36vh;min-height:270px;}
  .cover-copy h1{font-size:clamp(40px,10.4vw,58px);}
  .cover-copy h1 em{line-height:1;}
  .cover-facts{font-size:13px;gap:6px;}
  .cover-facts li{padding:6px 9px;}
  .cover-actions{gap:14px;}
  .cover-hint{display:none;}
  .cover-foot{font-size:12.5px;gap:8px;}
  .cover-foot span+span::before{margin-right:8px;}
  h2{max-width:24ch;}
  .slide-audit .title-block h2,.slide-gap h2{max-width:26ch;}
  .finding{grid-template-columns:1fr;gap:5px;padding:12px 0;}
  .sev{justify-self:start;font-size:11.5px;padding:3px 7px;}
  .path-now ol{grid-template-columns:1fr;}
  .path-next li{font-size:var(--fs-small);}
  .path-card{padding:16px;}
  .team-strip{grid-template-columns:1fr;gap:10px;}
  .team-strip figure{display:grid;grid-template-columns:58px 1fr;gap:12px;}
  .team-strip img{width:58px;height:70px;}
  .system-grid{grid-template-columns:1fr;}
  .system-card{padding:16px;}
  .phase dl{grid-template-columns:1fr;}
  .engage-card ul{grid-template-columns:1fr;}
  .proof-facts{grid-template-columns:1fr 1fr;}
  .rep-card{align-items:flex-start;}
  .rep-portrait{width:96px;}
  .rep-id b{font-size:26px;}
  .picker-grid{grid-template-columns:1fr;}
  .scheduler{padding:18px;}
  .index-grid{grid-template-columns:1fr;}
  .index-panel{padding:18px;}
  .index-head h2{font-size:32px;}
  .detail-foot{flex-direction:column;gap:4px;}
  .ba-figure figcaption{flex-direction:column;gap:4px;}
  .team-strip figcaption b{font-size:14px;}
  .pin{font-size:10px;padding:3px 7px 3px 3px;}
  .pin b{width:15px;height:15px;font-size:9px;}
  .slide-scroll{-webkit-overflow-scrolling:touch;}
}
@media (max-width:430px){
  :root{--gutter:14px;}
  .cover-copy h1{font-size:clamp(38px,11.4vw,50px);}
  .cover-visual{min-height:250px;}
  .cover-foot{flex-direction:column;align-items:flex-start;gap:4px;}
  .cover-foot span+span::before{display:none;}
  .suggestions button{flex:1 1 100%;}
  .mock-detail{padding:14px;}
  .detail-body h3{font-size:24px;}
  .scheduler h3{font-size:30px;}
  .rep-contact a{width:100%;}
  .index-card{min-height:96px;}
}
@media (max-height:820px) and (min-width:901px){
  :root{--topbar:54px;--bottombar:52px;}
  .cover-copy h1{font-size:clamp(44px,4.9vw,72px);}
  .cover-lead{font-size:16px;}
  .cover-foot{margin-top:16px;}
  .cover-actions{margin-top:16px;}
  .cover-facts{margin-top:14px;}
  .finding{padding:6px 0;}
  .audit-shot figcaption{display:none;}
  .browser-viewport{height:clamp(320px,40vh,400px);}
  .phone-mock{width:140px;}
  .system-card{padding:14px 16px;}
  .system-card h3{font-size:clamp(19px,1.4vw,23px);}
  .system-card p{font-size:16px;line-height:1.4;}
  .sys-out{font-size:13px;padding-top:7px;}
  .cover-copy{padding-bottom:0;}
  .gap-foot .fineprint{font-size:12.5px;}
  .team-strip{margin-top:8px;padding-top:8px;}
  .team-strip img{width:46px;height:58px;}
  .team-strip figcaption b{font-size:12px;}
  .team-strip figcaption span{font-size:11.5px;}
  .path-card{padding:12px 14px;}
  .path-card li{padding-top:5px;padding-bottom:5px;}
  .path-next li{padding-top:7px;padding-bottom:7px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .seam,.fx-flash,.fx-canvas{display:none!important;}
}

/* Center the roadmap and engagement content beneath their unchanged titles. */
.slide-roadmap .slide-scroll,
.slide-engagement .slide-scroll { display: flex; flex-direction: column; }
.slide-roadmap .slide-scroll > *,
.slide-engagement .slide-scroll > * { flex: 0 0 auto; }
.slide-roadmap .roadmap-grid,
.slide-engagement .engage-grid { margin-top: auto; }
.slide-roadmap .roadmap-foot,
.slide-engagement .slide-note { margin-bottom: auto; }

/* ============================================================
   G5.A2 / G5.A4 · whole-composition vertical centering (2026-11-02)
   Center the ENTIRE meaningful composition — kicker, title, lead,
   body, cards, strips and notes as ONE group — in the stage between
   the fixed global masthead and footer on the four Terra-flagged
   slides (03 Gap, 05 System, 07 Roadmap, 08 Engagement).
   The title block moves with the composition; it is no longer frozen
   at the top while cards drift lower.

   Overflow-safe centering: two equal spacer pseudo-elements grow only
   when the stage has free space. When content is taller than the
   stage, the spacers collapse to zero height, the composition stays
   top-aligned inside the normal paddings, and the slide scrolls
   naturally with no clipped beginnings or unreachable endings.
   ============================================================ */
.slide-gap .slide-scroll,
.slide-system .slide-scroll,
.slide-roadmap .slide-scroll,
.slide-engagement .slide-scroll {
  display: flex;
  flex-direction: column;
}
.slide-gap .slide-scroll > *,
.slide-system .slide-scroll > *,
.slide-roadmap .slide-scroll > *,
.slide-engagement .slide-scroll > * { flex: 0 0 auto; }
.slide-gap .slide-scroll::before,
.slide-gap .slide-scroll::after,
.slide-system .slide-scroll::before,
.slide-system .slide-scroll::after,
.slide-roadmap .slide-scroll::before,
.slide-roadmap .slide-scroll::after,
.slide-engagement .slide-scroll::before,
.slide-engagement .slide-scroll::after {
  content: "";
  display: block;
  flex: 1 1 0;
  min-height: 0;
  pointer-events: none;
}
/* Retire the earlier cards-only auto-margin centering on 07/08 so the
   heading, cards and note travel together as one group. Internal
   rhythm (title-block bottom margin, block top margins) is unchanged. */
.slide-roadmap .roadmap-grid,
.slide-engagement .engage-grid { margin-top: 0; }
.slide-roadmap .roadmap-foot,
.slide-engagement .slide-note { margin-bottom: 0; }

/* ---------- cover brass material ----------
   Approved abstract Flow asset (generic brushed brass/charcoal metal,
   no firm work/people/premises). Subtle ambient layer INSIDE the cover
   stage only, behind the transparent WebGL balance artifact; the
   artifact, wordmark, copy and caption remain fully visible and
   unchanged. Singleton decoration: never repeated on other slides. */
.cover-material{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.cover-material img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 46%;
  opacity:.22;
  -webkit-mask-image:radial-gradient(115% 100% at 60% 46%,#000 24%,rgba(0,0,0,.5) 54%,transparent 78%);
  mask-image:radial-gradient(115% 100% at 60% 46%,#000 24%,rgba(0,0,0,.5) 54%,transparent 78%);
}
/* Slightly dimmer/puller crop on small stages so the artifact stays
   the sole focal point above the material. */
@media (max-width:1024px){
  .cover-material img{opacity:.16;object-position:center 52%;}
}
@media (max-width:640px){
  .cover-material img{opacity:.13;}
}