/* Bounty Seas partner decks (investor + publisher), IGDX 2026.
   Same design language as the main pitch deck (Pitch Deck/index.html): navy surface,
   antique brass structure, ocean cyan interaction, warm white text. Fonts are self-hosted
   so the decks work offline at the venue. */
@import url(assets/fonts/fonts.css);

:root{
  color-scheme: dark;
  --abyss:#050C17; --navy:#0A1829; --navy-2:#10243C; --navy-3:#173252;
  --brass:#B08A4F; --brass-hi:#E8C987; --brass-lo:#6E5530;
  --cyan:#3CC6F0; --cyan-hi:#A6EBFF;
  --foam:#F2EADB; --mist:#9DB0C6; --mist-2:#6F84A0;
  --blood:#E0443A; --ember:#FF7A2F; --leaf:#5BD66E;
  --f-display:"Cinzel", "Trajan Pro", Georgia, serif;
  --f-kinetic:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;
  --f-body:"Alegreya Sans", "Gill Sans", "Segoe UI", sans-serif;
  --f-lore:"Balthazar", Georgia, serif;
  --gutter: clamp(16px, 4.5vw, 5rem);
  --ease-out: cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:clamp(14px, .45vw + 9px, 19px); background:var(--abyss)}
html[data-lang="en"] .l-id, html[data-lang="id"] .l-en{display:none !important}
body{margin:0; background:var(--abyss); color:var(--foam); font-family:var(--f-body); font-size:1rem; line-height:1.5;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden}
img,video{max-width:100%; display:block}
[hidden]{display:none !important}
::selection{background:var(--cyan); color:var(--abyss)}
:focus-visible{outline:2px solid var(--cyan); outline-offset:3px; border-radius:2px}
a{color:var(--cyan-hi)}
p{margin:0}
ul,ol{margin:0; padding:0; list-style:none}

/* ============ GLOBAL LAYERS ============ */
#vfx{position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:40}
#flash{position:fixed; inset:0; pointer-events:none; z-index:41; opacity:0; background:radial-gradient(circle at var(--fx,50%) var(--fy,30%), #e9f6ff 0%, #9fd2ff55 35%, transparent 70%)}
.grain{position:fixed; inset:0; z-index:39; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

.topbar{position:fixed; top:0; left:0; right:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:calc(env(safe-area-inset-top,0px) + .7rem) var(--gutter) .7rem; background:linear-gradient(#050c17e6, #050c1700); pointer-events:none}
.topbar > *{pointer-events:auto}
.topbar .mark{height:1.9rem; width:auto; opacity:.95; filter:drop-shadow(0 2px 6px #000a)}
.topbar .who{font:600 .72rem/1 var(--f-kinetic); letter-spacing:.24em; text-transform:uppercase; color:var(--mist); margin-left:auto; margin-right:.4rem}
.pill{font:700 .8rem/1 var(--f-kinetic); letter-spacing:.14em; text-transform:uppercase; color:var(--foam); text-decoration:none; background:#0a1829e6; border:1px solid var(--brass-lo); border-radius:3px; padding:.55rem .7rem; margin-right:.5rem; transition:border-color .2s, box-shadow .2s}
.pill:hover{border-color:var(--brass-hi); box-shadow:0 0 0 1px #e8c98733, 0 0 18px #3cc6f026}
.lang-switch{display:inline-flex; border:1px solid var(--brass-lo); border-radius:3px; overflow:hidden; background:#0a1829e6}
.lang-switch button{font:700 .8rem/1 var(--f-kinetic); letter-spacing:.14em; padding:.55rem .7rem; border:0; background:transparent; color:var(--mist); cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:linear-gradient(#e8c987,#b08a4f); color:#1a1206}

.rail{position:fixed; right:calc(var(--gutter) * .35); top:50%; transform:translateY(-50%); z-index:50; display:flex; flex-direction:column; gap:.55rem}
.rail a{display:block; width:.55rem; height:.55rem; transform:rotate(45deg); border:1px solid var(--brass); position:relative; transition:background .25s, transform .25s}
.rail a.on{background:var(--brass-hi); transform:rotate(45deg) scale(1.35); box-shadow:0 0 10px #e8c98799}
.rail a span{position:absolute; right:1.4rem; top:50%; transform:rotate(-45deg) translateY(-50%); transform-origin:right center; white-space:nowrap;
  font:600 .72rem/1 var(--f-kinetic); letter-spacing:.14em; text-transform:uppercase; color:var(--foam); background:#0a1829f0; border:1px solid var(--brass-lo); padding:.35rem .5rem; opacity:0; pointer-events:none; transition:opacity .2s}
.rail a:hover span, .rail a:focus-visible span{opacity:1}
@media screen and (max-width:760px){.rail{display:none}}

/* ============ SLIDE SHELL ============ */
.slide{position:relative; min-height:100svh; padding-block:6rem 4.8rem; padding-inline:var(--gutter); display:grid; align-content:center; overflow:hidden; isolation:isolate}
.slide + .slide{border-top:1px solid #b08a4f1f}
.inner{width:100%; max-width:84rem; margin-inline:auto; position:relative; z-index:3}
.bg{position:absolute; inset:0; z-index:0; pointer-events:none}
.bg img{width:100%; height:100%; object-fit:cover}
.bg-texture{background:url(assets/navy_texture.webp) center/cover; opacity:.55}
.bg-glow{background:radial-gradient(60% 50% at 70% 30%, #173252aa, transparent 70%), radial-gradient(40% 40% at 10% 90%, #3cc6f014, transparent 70%)}
.slash{position:absolute; z-index:1; top:-20%; bottom:-20%; width:18%; left:0; pointer-events:none; opacity:0;
  background:linear-gradient(100deg, transparent 0 42%, #e8c98733 48%, #fff5 50%, #3cc6f033 52%, transparent 58% 100%); transform:skewX(-18deg)}
.folio{position:absolute; z-index:4; bottom:1.6rem; left:var(--gutter); right:var(--gutter); display:flex; justify-content:space-between; align-items:center;
  font:600 .72rem/1 var(--f-kinetic); letter-spacing:.2em; text-transform:uppercase; color:var(--mist-2)}
.folio b{color:var(--brass); font-weight:700}
.folio .rule{flex:1; height:1px; margin-inline:1.2rem; background:linear-gradient(90deg, transparent, #b08a4f55, transparent)}

/* ============ TYPE ============ */
.eyebrow{display:inline-flex; align-items:center; gap:.6rem; font:600 .85rem/1 var(--f-kinetic); letter-spacing:.24em; text-transform:uppercase; color:var(--cyan); margin:0 0 1rem}
.eyebrow::before{content:""; width:.5rem; height:.5rem; transform:rotate(45deg); background:var(--brass-hi); box-shadow:0 0 10px var(--brass-hi)}
h1,h2,h3{margin:0; text-wrap:balance}
h2{font:700 clamp(2rem, 3.2vw, 3.2rem)/1.08 var(--f-display); letter-spacing:.005em; color:var(--foam); max-width:24ch}
h2 em, .gild, h2 em .wi{font-style:normal; background:linear-gradient(180deg, #fff3cf 0%, #e8c987 45%, #b08a4f 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
h2 .cy{font-style:normal; color:var(--cyan-hi); text-shadow:0 0 24px #3cc6f066}
h3{font:700 1.12rem/1.2 var(--f-display); letter-spacing:.02em; color:var(--foam)}
.lead{font-size:1.2rem; line-height:1.5; color:#d7dde6; max-width:58ch; margin-top:1rem; text-wrap:pretty}
.small{font-size:.9rem; color:var(--mist); line-height:1.45}
.kin{font-family:var(--f-kinetic); font-style:italic; font-weight:800; text-transform:uppercase; letter-spacing:.01em; line-height:.9}
.label{font:600 .74rem/1.2 var(--f-kinetic); letter-spacing:.2em; text-transform:uppercase; color:var(--brass-hi)}
.num{font-variant-numeric:tabular-nums}
.note{font:500 .8rem/1.4 var(--f-body); color:var(--mist-2); font-style:italic; text-wrap:pretty}
.w{display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.08em; margin-bottom:-.08em}
.wi{display:inline-block}
.head{display:grid; gap:0; margin-bottom:1.8rem}
.head .lead{margin-top:.8rem}

/* ============ FRAMES ============ */
.frame{position:relative; border:1px solid var(--brass-lo); background:linear-gradient(180deg, #10243Cee, #0A1829f5); box-shadow:inset 0 0 0 1px #0006, inset 0 -18px 30px -24px #3cc6f088, 0 20px 50px -20px #000c}
.frame::before,.frame::after{content:""; position:absolute; width:1.1rem; height:1.1rem; border:2px solid var(--brass-hi); pointer-events:none; z-index:2}
.frame::before{top:-4px; left:-4px; border-right:0; border-bottom:0}
.frame::after{bottom:-4px; right:-4px; border-left:0; border-top:0}
.frame.media{padding:.45rem; background:#050c17}
.frame.media > img,.frame.media > video{width:100%; height:100%; object-fit:cover}
.cap{display:flex; justify-content:space-between; gap:1rem; margin-top:.6rem; font:600 .72rem/1.2 var(--f-kinetic); letter-spacing:.16em; text-transform:uppercase; color:var(--mist-2)}
.cap b{color:var(--cyan); font-weight:600}
.rec{display:inline-flex; align-items:center; gap:.4rem}
.rec::before{content:""; width:.45rem; height:.45rem; border-radius:50%; background:var(--blood); box-shadow:0 0 8px var(--blood); animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.card{padding:1.2rem 1.25rem 1.25rem; display:grid; gap:.55rem; align-content:start}
.card p{font-size:.95rem; color:#cfd6e0; text-wrap:pretty}
.card .ic{width:2.6rem; height:2.6rem; object-fit:contain; filter:drop-shadow(0 4px 10px #000)}
.tag{display:inline-block; justify-self:start; font:700 .66rem/1 var(--f-kinetic); letter-spacing:.18em; text-transform:uppercase; padding:.32rem .45rem; border:1px solid currentColor}
.tag.gold{color:var(--brass-hi)} .tag.cyan{color:var(--cyan)} .tag.red{color:#ff8a80}
.badge{display:inline-block; justify-self:start; font:700 .64rem/1 var(--f-kinetic); letter-spacing:.18em; text-transform:uppercase; color:#1a1206; background:linear-gradient(#e8c987,#b08a4f); padding:.32rem .48rem}
.dot-list{display:grid; gap:.5rem}
.dot-list li{display:grid; grid-template-columns:1rem 1fr; gap:.6rem; font-size:.95rem; color:#cfd6e0; text-wrap:pretty}
.dot-list li::before{content:""; width:.55rem; height:.55rem; margin-top:.5rem; transform:rotate(45deg); border:1.5px solid var(--cyan)}
.dot-list li b{color:var(--foam); font-weight:700}

/* ============ COVER ============ */
#s-cover{text-align:center; padding-block:5rem 5.5rem}
#s-cover .bg img, #s-cover .bg video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%}
#s-cover .bg video{opacity:0; transition:opacity 1.4s ease}
#s-cover .bg video.on{opacity:1}
#s-cover .shade, #s-close .shade{position:absolute; inset:0; z-index:1; background:
  radial-gradient(70% 60% at 50% 45%, #050c1700 0%, #050c1766 60%, #050c17ee 100%),
  linear-gradient(180deg, #050c17aa 0%, #050c1700 30%, #050c1700 60%, #050c17 100%)}
.cover-stack{display:grid; justify-items:center; gap:1rem}
.cover-eyebrow{font:600 .95rem/1 var(--f-kinetic); letter-spacing:.34em; text-transform:uppercase; color:var(--foam); text-shadow:0 2px 12px #000; padding-left:.34em}
.cover-eyebrow b{color:var(--cyan-hi); font-weight:600}
.logo-stack{position:relative; width:min(34rem, 84vw, 50svh); aspect-ratio:1; margin-block:-1rem -.4rem}
.logo-stack .halo{position:absolute; inset:6% 4% 0; border-radius:50%; background:radial-gradient(closest-side, #050c17d9 0%, #050c1799 50%, #050c1700 100%)}
.logo-stack .ly{position:absolute; will-change:transform}
.logo-stack .lp{position:absolute; inset:0}
.logo-stack .lp > img{position:absolute; inset:0; width:100%; height:100%; max-width:none}
.logo-stack .shine{position:absolute; inset:0; overflow:hidden; pointer-events:none;
  -webkit-mask:url(assets/logo_l_text.webp) center/100% 100% no-repeat; mask:url(assets/logo_l_text.webp) center/100% 100% no-repeat}
.logo-stack .shine b{position:absolute; top:0; bottom:0; left:0; width:35%; transform:translateX(-120%) skewX(-18deg); background:linear-gradient(90deg, #fff0 0%, #ffffff9e 50%, #fff0 100%)}
.logo-stack .flare{position:absolute; inset:-110%; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, #fff8e2 0%, #ffe3a0aa 12%, #e8c98740 32%, #3cc6f018 55%, transparent 72%)}
.logo-flat{width:min(34rem, 84vw, 50svh); height:auto}
.cover-title{font:700 clamp(1.5rem, 2.3vw, 2.2rem)/1.15 var(--f-display); color:var(--foam); text-shadow:0 2px 16px #000; max-width:30ch}
.cover-meta{display:flex; gap:1.4rem; flex-wrap:wrap; justify-content:center; font:600 .8rem/1 var(--f-kinetic); letter-spacing:.24em; text-transform:uppercase; color:var(--mist)}
.cover-meta > span{display:inline-flex; gap:.5rem; align-items:center}
.cover-meta > span + span::before{content:""; width:.35rem; height:.35rem; transform:rotate(45deg); background:var(--brass); margin-right:.9rem}
.cover-meta b{color:var(--brass-hi); font-weight:600}
.studio{display:inline-flex; align-items:center; gap:.8rem; font:600 .72rem/1 var(--f-kinetic); letter-spacing:.28em; text-transform:uppercase; color:var(--mist)}
.studio img{height:1.9rem; width:auto; opacity:.92}
.studio-link{display:inline-flex; transition:transform .25s var(--ease-out), filter .25s}
.studio-link:hover{transform:translateY(-2px); filter:drop-shadow(0 0 10px #3cc6f080)}

/* ============ GAME ============ */
.split{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(2rem,4vw,4.2rem); align-items:center}
.video-frame{aspect-ratio:16/9}
.facts{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:1px; margin-top:1.8rem; background:#b08a4f33; border:1px solid #b08a4f33}
.fact{background:var(--navy); padding:.95rem 1.05rem; display:grid; gap:.35rem; align-content:start}
.fact .v{font:800 italic 1.6rem/1 var(--f-kinetic); text-transform:uppercase; color:var(--foam)}
.fact .v small{font-size:.6em; color:var(--brass-hi); margin-left:.15rem}
.fact.wide{grid-column:1/-1; display:grid; grid-template-columns:auto 1fr; gap:.4rem 1.2rem; align-items:center}
.fact.wide .label{grid-column:1/-1}
.fact.wide p{font-size:.92rem; color:#cfd6e0}
.pillars3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1.4rem}
.pillars3 > div{display:grid; gap:.35rem; padding-top:.75rem; border-top:1px solid #b08a4f55}
.pillars3 b{font:700 1rem/1.15 var(--f-kinetic); letter-spacing:.06em; text-transform:uppercase; color:var(--foam)}
.pillars3 span{font-size:.88rem; color:var(--mist); line-height:1.4}

/* ============ CADENCE (live-ops rhythm) ============ */
.ops{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:2.2rem; align-items:start}
.cadence{padding:1.3rem 1.4rem 1.2rem; display:grid; gap:1rem}
.cad-top{display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:baseline}
.cad-top .kin{font-size:2.6rem; color:var(--foam)}
.cad-top .kin small{font-size:.42em; color:var(--brass-hi); letter-spacing:.04em; margin-left:.3rem}
.cad-track{position:relative; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:.4rem; padding-top:1.6rem}
.cad-track::before{content:""; position:absolute; left:0; right:0; top:2.45rem; height:2px; background:linear-gradient(90deg, var(--cyan), var(--brass-hi) 60%, #b08a4f44)}
.cad-month{position:absolute; top:0; font:600 .7rem/1 var(--f-kinetic); letter-spacing:.2em; text-transform:uppercase; color:var(--mist-2)}
.pt{position:relative; display:grid; justify-items:center; gap:.5rem; text-align:center}
.pt i{width:1.15rem; height:1.15rem; transform:rotate(45deg); border:2px solid var(--brass-hi); background:linear-gradient(#ffe7b0,#c99a55); box-shadow:0 0 12px #e8c98788; position:relative; z-index:1}
.pt.f i{background:var(--abyss); border-color:var(--cyan); box-shadow:0 0 12px #3cc6f066}
.pt span{font:700 .72rem/1.1 var(--f-kinetic); letter-spacing:.06em; text-transform:uppercase; color:var(--foam)}
.pt.f span{color:var(--cyan-hi)}
.pt small{font:600 .62rem/1 var(--f-kinetic); letter-spacing:.14em; color:var(--mist-2)}
.hotfix{display:grid; grid-template-columns:auto 1fr; gap:.8rem; align-items:center; font:600 .7rem/1 var(--f-kinetic); letter-spacing:.16em; text-transform:uppercase; color:var(--mist)}
.hotfix b{height:.55rem; background:repeating-linear-gradient(90deg, #ff7a2f 0 2px, transparent 2px 13px); opacity:.85}
.legend{display:flex; gap:1.2rem; flex-wrap:wrap; font:600 .7rem/1 var(--f-kinetic); letter-spacing:.16em; text-transform:uppercase; color:var(--mist)}
.legend span{display:inline-flex; gap:.5rem; align-items:center}
.legend i{width:.6rem; height:.6rem; transform:rotate(45deg); border:1.5px solid var(--brass-hi); background:#c99a55}
.legend i.f{background:var(--abyss); border-color:var(--cyan)}
.legend i.h{transform:none; width:2px; height:.75rem; border:0; background:var(--ember)}
.stack{display:grid; gap:.8rem}
.card.hot{border-color:#e0443a88; background:linear-gradient(180deg,#2a0f14,#140a10)}
.card.hot h3{color:#ffb3a8}

/* ============ GATES (evidence + CCU) ============ */
.gates{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:2.2rem; align-items:start}
.window{padding:1.3rem 1.4rem; display:grid; gap:1rem}
.win-bar{position:relative; display:grid; grid-template-columns:repeat(4,1fr); height:2.6rem; border:1px solid #3cc6f055; background:repeating-linear-gradient(135deg, #3cc6f00f 0 8px, transparent 8px 16px)}
.win-bar span{display:grid; place-items:center; font:700 .78rem/1 var(--f-kinetic); letter-spacing:.14em; text-transform:uppercase; color:var(--cyan-hi); border-right:1px solid #3cc6f033}
.win-bar span:last-child{border-right:0}
.win-ends{display:flex; justify-content:space-between; gap:1rem; font:600 .74rem/1.2 var(--f-kinetic); letter-spacing:.14em; text-transform:uppercase; color:var(--mist)}
.win-ends b{display:block; font:800 italic 1.35rem/1 var(--f-kinetic); letter-spacing:.02em; color:var(--foam); margin-top:.25rem}
.win-ends > div:last-child{text-align:right}
.metrics{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem}
.metrics li{display:grid; gap:.2rem; padding:.65rem .75rem; background:#050c1799; border:1px solid #6f84a033}
.metrics b{font:700 .9rem/1.15 var(--f-kinetic); letter-spacing:.06em; text-transform:uppercase; color:var(--foam)}
.metrics span{font-size:.84rem; color:var(--mist); line-height:1.35}
.ladder{display:grid; gap:.6rem}
.rung{display:grid; grid-template-columns:9.2rem 1fr; gap:1.2rem; align-items:center; padding:1rem 1.2rem; border:1px solid #6f84a044; background:#0a1829; position:relative}
.rung .kin{font-size:2.3rem; color:var(--mist)}
.rung .kin small{display:block; font:600 .68rem/1.2 var(--f-kinetic); font-style:normal; letter-spacing:.18em; color:var(--mist-2); margin-top:.35rem}
.rung h3{font-size:1.05rem}
.rung p{font-size:.92rem; color:var(--mist); margin-top:.25rem; text-wrap:pretty}
.rung.go{border-color:#3cc6f088; background:radial-gradient(90% 140% at 0% 50%, #3cc6f01f, transparent 60%), #0a1829}
.rung.go .kin{color:var(--cyan-hi)}
.rung.max{border-color:var(--brass-hi); background:radial-gradient(90% 140% at 0% 50%, #e8c98724, transparent 60%), linear-gradient(90deg,#173252,#0A1829)}
.rung.max .kin{color:var(--brass-hi)}
.rung::after{content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:3px; background:var(--mist-2)}
.rung.go::after{background:var(--cyan)} .rung.max::after{background:var(--brass-hi)}

/* ============ STANDBY CAPITAL (two lanes) ============ */
.lanes{padding:1.4rem 1.5rem 1.2rem; display:grid; gap:1.1rem}
.lane{display:grid; grid-template-columns:12rem 1fr; gap:1.2rem; align-items:center}
.lane .who{display:grid; gap:.3rem}
.lane .who b{font:700 1rem/1.15 var(--f-kinetic); letter-spacing:.06em; text-transform:uppercase; color:var(--foam)}
.lane .who span{font-size:.84rem; color:var(--mist); line-height:1.35}
.track{position:relative; display:flex; height:3rem; gap:3px}
.seg{display:flex; align-items:center; justify-content:center; padding-inline:.6rem; font:700 .78rem/1.1 var(--f-kinetic); letter-spacing:.08em; text-transform:uppercase; text-align:center; white-space:nowrap; overflow:hidden}
.seg.sig{flex:0 0 7%; background:var(--cyan); color:#04202c}
.seg.wait{flex:0 0 46%; background:repeating-linear-gradient(135deg, #e0443a33 0 8px, #e0443a14 8px 16px); border:1px dashed #e0443a99; color:#ffb3a8}
.seg.tranche{flex:0 0 9%; background:linear-gradient(#e8c987,#b08a4f); color:#1a1206}
.seg.hire{flex:0 0 18%; background:#173252; color:var(--foam)}
.seg.grow{flex:1; background:linear-gradient(90deg,#1a6f93,#3cc6f0); color:#04202c}
.seg.grow.late{background:linear-gradient(90deg,#1a4a63,#2c7da0); color:#cdeffb}
.lane-axis{display:grid; grid-template-columns:12rem 1fr; gap:1.2rem}
.lane-axis div{position:relative; height:1.2rem; font:600 .66rem/1 var(--f-kinetic); letter-spacing:.18em; text-transform:uppercase; color:var(--mist-2); border-top:1px solid #6f84a055; padding-top:.4rem; display:flex; justify-content:space-between}
.window-hint{position:absolute; top:-.4rem; bottom:-.4rem; left:0; width:38%; border:1px solid #e8c98766; background:#e8c9870d; pointer-events:none}
.window-hint span{position:absolute; top:-1.35rem; left:0; font:600 .64rem/1 var(--f-kinetic); letter-spacing:.18em; text-transform:uppercase; color:var(--brass-hi); white-space:nowrap}
.team-ramp{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-top:1.4rem; align-items:end}
.step{display:grid; gap:.45rem; align-content:end}
.step .bar{background:linear-gradient(180deg,#3cc6f0,#1a6f93); display:flex; align-items:flex-start; padding:.45rem .6rem}
.step .bar .kin{font-size:2rem; color:#04202c}
.step .bar .kin small{font-size:.45em; letter-spacing:.06em; margin-left:.25rem}
.step:nth-child(1) .bar{height:4.2rem; background:linear-gradient(180deg,#9DB0C6,#4e6380)}
.step:nth-child(2) .bar{height:6rem} .step:nth-child(3) .bar{height:7.8rem}
.step:nth-child(4) .bar{height:9.2rem; background:linear-gradient(180deg,#ffe7b0,#b08a4f)} .step:nth-child(4) .bar .kin{color:#1a1206}
.step b{font:700 .9rem/1.15 var(--f-kinetic); letter-spacing:.08em; text-transform:uppercase; color:var(--foam)}
.step span{font-size:.84rem; color:var(--mist); line-height:1.35}

/* ============ USE OF FUNDS ============ */
.funds{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:2.2rem; align-items:start}
.ceiling{padding:1.5rem 1.6rem; display:grid; gap:1rem; background:radial-gradient(90% 90% at 0% 0%, #3cc6f022, transparent 60%), linear-gradient(180deg,#10243C,#0A1829)}
.ceiling .big{font:800 italic clamp(3rem,5.2vw,4.8rem)/.9 var(--f-kinetic); color:var(--foam); text-shadow:0 0 30px #3cc6f055}
.ceiling .big small{font-size:.38em; color:var(--brass-hi); letter-spacing:.04em; margin-left:.4rem}
.stackbar{display:flex; height:2.4rem; gap:2px}
.stackbar i{display:block; height:100%}
.sb-ops{background:linear-gradient(#3cc6f0,#1a6f93)} .sb-ua{background:linear-gradient(#ffb07a,#d05a22)}
.sb-cap{background:linear-gradient(#b7ffbf,#2e8f45)} .sb-res{background:repeating-linear-gradient(135deg,#e8c987 0 6px,#b08a4f 6px 12px)}
.keys{display:grid; gap:.4rem}
.keys li{display:grid; grid-template-columns:.8rem 1fr auto; gap:.7rem; align-items:center; padding:.45rem 0; border-bottom:1px solid #6f84a022; font-size:.92rem; color:#cfd6e0}
.keys li i{width:.8rem; height:.8rem}
.keys li b{font:700 1rem/1 var(--f-kinetic); letter-spacing:.04em; color:var(--foam); font-variant-numeric:tabular-nums}
.keys li.tot{border-bottom:0; border-top:1px solid #b08a4f66; padding-top:.6rem}
.keys li.tot span, .keys li.tot b{color:var(--brass-hi)}
table.scen{width:100%; border-collapse:collapse}
.scen th{font:600 .7rem/1.2 var(--f-kinetic); letter-spacing:.16em; text-transform:uppercase; color:var(--brass-hi); text-align:left; padding:.55rem .6rem; border-bottom:1px solid #b08a4f66; vertical-align:bottom}
.scen td{padding:.7rem .6rem; border-bottom:1px solid #6f84a022; font-size:.92rem; vertical-align:top; color:#cfd6e0}
.scen td.n, .scen th.n{text-align:right; font:700 1.05rem/1.1 var(--f-kinetic); letter-spacing:.03em; color:var(--foam); white-space:nowrap; font-variant-numeric:tabular-nums}
.scen th.n{font:600 .7rem/1.2 var(--f-kinetic); letter-spacing:.16em; color:var(--brass-hi)}
.scen tr.hl td{background:#e8c98712} .scen tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--brass-hi)}
.scen td b{display:block; color:var(--foam); font-weight:700}
.buys{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1.2rem}
.buys > div{display:grid; grid-template-columns:2.2rem 1fr; gap:.15rem .7rem; align-items:start}
.buys img{width:2.2rem; height:2.2rem; object-fit:contain; grid-row:span 2}
.buys b{font:700 .92rem/1.15 var(--f-kinetic); letter-spacing:.06em; text-transform:uppercase}
.buys span{font-size:.84rem; color:var(--mist); line-height:1.35}

/* ============ DEAL / OPTIONS ============ */
.deals{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem}
.deals.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.deal{padding:1.3rem 1.4rem 1.35rem; display:grid; gap:.75rem; align-content:start}
.deal.pref{border-color:var(--brass-hi); background:radial-gradient(90% 120% at 0% 0%, #e8c98722, transparent 60%), linear-gradient(180deg,#173252f0,#0A1829f5)}
.deal .top{display:flex; justify-content:space-between; align-items:center; gap:.8rem; flex-wrap:wrap}
.deal .ratio{font:800 italic 3.4rem/.9 var(--f-kinetic); color:var(--foam)}
.deal .amt{font:800 italic 2.2rem/1 var(--f-kinetic); color:var(--foam)}
.deal .amt small{font-size:.5em; color:var(--brass-hi); letter-spacing:.04em; margin-left:.25rem}
.deal p{font-size:.93rem; color:#cfd6e0; text-wrap:pretty}
.deal h3{font-size:1.05rem}
.splitbar{display:flex; height:1.9rem; font:700 .74rem/1 var(--f-kinetic); letter-spacing:.12em; text-transform:uppercase}
.splitbar span{display:flex; align-items:center; padding-inline:.6rem; white-space:nowrap; overflow:hidden}
.splitbar .us{background:linear-gradient(90deg,#1a6f93,#3cc6f0); color:#04202c}
.splitbar .them{background:linear-gradient(90deg,#b08a4f,#e8c987); color:#1a1206; justify-content:flex-end}
.terms{margin-top:1.2rem; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem}
.terms li{padding:.75rem .85rem; background:#050c17aa; border:1px solid #6f84a033; display:grid; gap:.25rem; align-content:start}
.terms b{font:700 .88rem/1.15 var(--f-kinetic); letter-spacing:.07em; text-transform:uppercase; color:var(--foam)}
.terms span{font-size:.84rem; color:var(--mist); line-height:1.38}
.fine{margin-top:1rem}

/* ============ PUBLISHER: ROLES / NEEDS / UA ============ */
.roles{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:1.2rem; align-items:stretch}
.roles .card{padding:1.4rem 1.5rem}
.roles .amp{align-self:center; font:800 2.4rem/1 var(--f-kinetic); color:var(--brass-hi); text-shadow:0 0 18px #e8c98766}
.roles .card.you{border-color:var(--brass-hi); background:radial-gradient(90% 120% at 100% 0%, #e8c98720, transparent 60%), linear-gradient(180deg,#173252f0,#0A1829f5)}
.roles .kin{font-size:2rem}
.roles .us .kin{color:var(--cyan-hi)} .roles .you .kin{color:var(--brass-hi)}
.strip{margin-top:1.3rem; display:grid; grid-template-columns:auto 1fr; gap:1.4rem; align-items:center; padding:1rem 1.3rem; border:1px solid #b08a4f55; background:linear-gradient(90deg,#10243C,#0A1829)}
.strip .kin{font-size:2.2rem; color:var(--foam)}
.strip .kin small{font-size:.42em; color:var(--brass-hi); letter-spacing:.06em; margin-left:.3rem}
.strip p{font-size:.95rem; color:#cfd6e0}
.needs{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem}
.need{padding:1.25rem 1.2rem 1.3rem; display:grid; gap:.6rem; align-content:start}
.need .n{font:800 italic 1.5rem/1 var(--f-kinetic); color:var(--mist-2)}
.need.top{border-color:var(--brass-hi); background:radial-gradient(90% 120% at 0% 0%, #e8c98722, transparent 60%), linear-gradient(180deg,#173252f0,#0A1829f5)}
.need.top .n{color:var(--brass-hi)}
.need p{font-size:.92rem; color:#cfd6e0; text-wrap:pretty}
.need .src{font:500 .74rem/1.35 var(--f-body); font-style:italic; color:var(--mist-2)}
.ua{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:2rem; align-items:start}
.ua-chart{padding:1.2rem 1.3rem .9rem}
.ua-chart svg{width:100%; height:auto; overflow:visible}
.measure{display:grid; gap:.6rem}

/* ============ CLOSE ============ */
#s-close{text-align:center}
#s-close .bg img{object-position:70% 50%; transform:scaleX(-1)}
#s-close .shade{background:linear-gradient(180deg,#050c17 0%, #050c1799 40%, #050c17dd 100%)}
.close-stack{display:grid; justify-items:center; gap:1.2rem}
.close-stack .logo{width:min(30rem,80%)}
.tagline{display:grid; justify-items:center; margin:0; font:800 italic clamp(1.8rem, min(3.6vw, 5svh), 3.3rem)/.9 var(--f-kinetic);
  text-transform:uppercase; letter-spacing:.012em; filter:drop-shadow(0 .06em 0 #120c05) drop-shadow(0 .3em .45em #000c)}
.tl{display:block; padding-inline:.14em; -webkit-background-clip:text; background-clip:text; color:transparent}
.tl-a{background-image:linear-gradient(180deg, #fff7df 0%, #f3d596 40%, #c48f4c 76%, #8d5d2d 100%); translate:-.5em 0}
.tl-b{background-image:linear-gradient(180deg, #effcff 0%, #9be6ff 38%, #33aef0 72%, #1667bb 100%); translate:.5em 0}
.vh{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
.next{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; width:min(64rem,100%); counter-reset:n; text-align:left}
.next li{counter-increment:n; padding:.75rem .85rem .8rem; background:#0a1829e6; border:1px solid #6f84a044; display:grid; gap:.3rem; align-content:start; font-size:.88rem; color:#cfd6e0; line-height:1.35}
.next li::before{content:"0" counter(n); font:800 italic 1.3rem/1 var(--f-kinetic); color:var(--brass-hi)}
.people{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:1rem; align-items:center}
.person{display:grid; grid-template-columns:4rem minmax(0,auto); gap:1rem; align-items:center; text-align:left; padding:.8rem 1.2rem .8rem .8rem; background:linear-gradient(180deg,#10243Ce6,#0A1829f2); border:1px solid var(--brass-lo)}
.person img{width:4rem; height:4rem; border-radius:50%; object-fit:cover; border:2px solid var(--brass-hi); box-shadow:0 0 0 3px #050c17, 0 0 0 4px #b08a4f66}
.person b{display:block; font:700 1.02rem/1.15 var(--f-kinetic); letter-spacing:.06em; text-transform:uppercase; color:var(--foam)}
.person .role{display:block; font:600 .7rem/1 var(--f-kinetic); letter-spacing:.2em; text-transform:uppercase; color:var(--brass-hi); margin:.3rem 0 .4rem}
.person a{display:block; font-size:.92rem; line-height:1.45; color:var(--cyan-hi); text-decoration:none; overflow-wrap:anywhere}
.person a:hover{text-decoration:underline}
.person a.tel{color:var(--mist); font-variant-numeric:tabular-nums}
.person.main{grid-template-columns:5.2rem minmax(0,auto); padding:1rem 1.5rem 1rem 1rem; border-color:var(--brass-hi);
  background:radial-gradient(90% 140% at 0% 0%, #e8c98726, transparent 60%), linear-gradient(180deg,#173252f0,#0A1829f5)}
.person.main img{width:5.2rem; height:5.2rem}
.person.main b{font-size:1.28rem}
.person .badge{margin-bottom:.4rem}
.close-studio{margin-top:.4rem}

/* ============ RESPONSIVE ============ */
@media screen and (max-width:1100px){
  .needs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .deals.three{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:900px){
  .split,.ops,.gates,.funds,.ua,.deals,.people{grid-template-columns:minmax(0,1fr)}
  .roles{grid-template-columns:minmax(0,1fr)} .roles .amp{justify-self:center}
  .terms,.buys,.pillars3{grid-template-columns:minmax(0,1fr)}
  .team-ramp,.next{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lane,.lane-axis{grid-template-columns:minmax(0,1fr); gap:.5rem}
  .lane-axis > span{display:none}
}
@media screen and (max-width:560px){
  .slide{padding-block:5.2rem 4.4rem}
  .facts,.metrics,.needs,.next,.team-ramp{grid-template-columns:minmax(0,1fr)}
  .fact.wide{grid-template-columns:minmax(0,1fr)}
  .cad-track{grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:1.6rem}
  .cad-track::before,.cad-month{display:none}
  .rung{grid-template-columns:minmax(0,1fr); gap:.5rem}
  .seg{font-size:.62rem; padding-inline:.25rem; white-space:normal}
  .topbar .mark{height:1.4rem} .topbar .who{display:none}
  .cover-meta{gap:.6rem 1rem; letter-spacing:.14em}
  .cover-meta > span + span::before{display:none}
}

/* ============ STATIC / PRINT MODE: one 1920×1080 page per slide ============ */
@page{size:1920px 1080px; margin:0}
html.static{font-size:22px}
html.static body{overflow:visible}
html.static .topbar, html.static .rail, html.static #vfx, html.static #flash, html.static .grain, html.static .slash, html.static .web-only{display:none !important}
html.static .slide{width:1920px; height:1080px; min-height:0; padding:3.2rem 4.2rem 3.6rem; break-after:page; page-break-after:always; border-top:0 !important}
html.static .inner{max-width:none}
html.static .folio{left:4.2rem; right:4.2rem; bottom:1.5rem}
html.static h2{font-size:2.5rem}
html.static .lead{font-size:1.06rem}
html.static .logo-flat{width:28rem}
html.static .tl-a{background:none !important; color:#EBC98A !important}
html.static .tl-b{background:none !important; color:#6FCFFF !important}
/* PDF viewers such as macOS Preview draw blurred shadows as solid black boxes: print without blur */
html.static *, html.static *::before, html.static *::after{text-shadow:none !important; box-shadow:none !important; animation:none !important; transition:none !important}
html.static .tl{text-shadow:0 3px 0 #120c05 !important}
html.static h2 em, html.static h2 em .wi, html.static .gild{background:none !important; -webkit-background-clip:border-box; background-clip:border-box; color:var(--brass-hi) !important}
html.static .bg-texture{background:radial-gradient(90% 70% at 80% 0%, #10243C, transparent 70%), radial-gradient(60% 60% at 0% 100%, #0c1d33, transparent 70%) !important; opacity:1}
html.static img, html.static .tagline, html.static .cover-eyebrow, html.static .kin{filter:none !important}
html.static .frame{box-shadow:inset 0 0 0 1px #0006 !important}
html.static #s-cover{padding-block:2.2rem 2.8rem}
html:not(.static) .print-only{display:none !important}
@media print{ html{-webkit-print-color-adjust:exact; print-color-adjust:exact} }
@media (prefers-reduced-motion: reduce){ .rec::before{animation:none !important} #vfx{display:none} }