/* ===========================================
   FIXED 16:9 STAGE: MANDATORY BASE STYLES
   Include this ENTIRE file in every presentation.
   Slides are authored at 1920×1080 and scaled as a whole.
   =========================================== */

/* 1. Lock the browser viewport */
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: var(--stage-bg, #000);
}

/* 2. Full-window deck viewport */
.deck-viewport {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background: var(--stage-bg, #000);
}

/* 3. Fixed 16:9 design canvas.
   JavaScript sets transform: translate(...) scale(...). */
.deck-stage {
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 1080px;
    overflow: hidden;
    transform-origin: 0 0;
    background: var(--slide-bg, #fff);
}

/* 4. Slides stack inside the fixed stage.
   Content must be laid out at 1920×1080, not reflowed per device. */
.slide {
    position: absolute;
    inset: 0;
    width: 1920px;
    height: 1080px;
    overflow: hidden;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: var(--slide-bg, #fff);
}

.slide.active,
.slide.visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

/* 5. Keep media inside authored slide bounds */
img,
video,
canvas,
svg {
    max-width: 100%;
    max-height: 100%;
}

/* 6. Presentation chrome stays outside the slide design system */
.deck-controls {
    position: fixed;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 1000;
}

/* 7. Print one fixed-size slide per page */
@media print {
    html,
    body {
        width: 1920px;
        height: auto;
        overflow: visible;
        background: #fff;
    }

    .deck-viewport {
        position: static;
        overflow: visible;
        background: #fff;
    }

    .deck-stage {
        position: static;
        width: auto;
        height: auto;
        transform: none !important;
        background: none;
    }

    .slide {
        position: relative;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: 1920px;
        height: 1080px;
        break-after: page;
        page-break-after: always;
    }

    .slide:last-child {
        break-after: auto;
        page-break-after: auto;
    }

    .deck-controls {
        display: none !important;
    }
}

/* 8. Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.2s !important;
    }
}

/* === MAGIC RUST / ORIGINAL BRAND FOUNDATION === */
@font-face{font-family:Manrope;src:url('deck-v3-assets/fonts/Manrope-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('deck-v3-assets/fonts/Manrope-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('deck-v3-assets/fonts/Manrope-600.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('deck-v3-assets/fonts/Manrope-700.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('deck-v3-assets/fonts/Manrope-800.ttf');font-weight:800;font-display:swap}
:root{--sans:Manrope,sans-serif;--bg:#10121c;--bg2:#171a28;--card:#171a28;--card2:#23273c;--line:#23273c;--line2:#353b57;--ink:#ffffff;--text:#c3c7d9;--mut:#858db3;--dim:#697198;--purple:#5138bc;--purple2:#a492f5;--orange:#f2c988;--green:#609c38;--green2:#73b148;--gold:#f2c988;--red:#f18f8f;--tint-purple:rgba(81,56,188,.14);--tint-green:rgba(96,156,56,.10);--tint-orange:rgba(242,201,136,.07);--tint-gold:rgba(225,192,119,.08);--r:8px;--r2:6px;--r3:4px;--shadow:0 18px 60px #0006;--ovz:.6}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}button,a,input{font:inherit}button{cursor:pointer}a{color:var(--purple2);text-decoration:none}button{appearance:none}h1,h2,h3,h4,p,figure,ul{margin:0}ul{padding:0;list-style:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple2);outline-offset:6px}button:disabled{opacity:.4}svg{display:block}[hidden]{display:none!important}
/* === PRESENTATION FRAME === */
.app{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg);font-size:14px}.bar{height:48px;flex:none;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--bg);color:var(--mut);font-size:13px;z-index:20}.bar .blogo{height:22px;width:auto;display:block;flex:none}.bar .bt{color:var(--text);font-weight:700;white-space:nowrap}.bar .bt span{color:var(--mut);font-weight:500}.bar .sp{flex:1}.bar .cnt{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700;min-width:52px;text-align:center}.bb{border:1px solid var(--line2);background:var(--card);color:var(--text);border-radius:8px;padding:7px 10px;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap}.bb:hover,.bb.on{border-color:var(--purple2);color:var(--ink)}.bb kbd{font:inherit;color:var(--mut);margin-left:6px}.app:fullscreen .bar,.app:-webkit-full-screen .bar,body[data-chrome="off"] .bar{display:none}.viewport{position:relative;flex:1;overflow:hidden;background:#090a11}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;transform:translate(-50%,-50%) scale(.5)}.progress{position:fixed;left:0;bottom:0;height:3px;width:100%;background:var(--line);z-index:21}.progress i{display:block;height:100%;background:var(--purple2);width:0;transition:width .3s}body[data-chrome="off"] .progress,body[data-mode="overview"] .progress{display:none}.help{position:fixed;right:14px;top:58px;z-index:30;background:var(--card);border:1px solid var(--line2);border-radius:6px;padding:20px;font-size:14px;color:var(--text);box-shadow:var(--shadow);min-width:280px}.help h4{margin-bottom:12px;color:var(--ink)}.help div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.help kbd{color:var(--ink)}
body[data-mode="overview"] .viewport{overflow:auto}body[data-mode="overview"] .stage{position:static;width:auto;height:auto;transform:none!important;display:flex;flex-direction:column;align-items:center;gap:26px;padding:26px 0 80px}body[data-mode="overview"] .slide{position:relative;inset:auto;visibility:visible;opacity:1;zoom:var(--ovz);box-shadow:0 0 0 1px var(--line2);pointer-events:auto}body[data-mode="overview"] .ovbd{position:fixed;inset:48px 0 0}body[data-mode="overview"] .ov{position:fixed;top:48px;height:calc((100vh - 48px) / var(--ovz));zoom:var(--ovz)}
/* === SHARED SLIDE LANGUAGE === */
.slide{position:absolute;inset:0;width:1920px;height:1080px;padding:64px 96px;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;background:var(--bg);font-size:20px;line-height:1.4;color:var(--text);transition:opacity .35s}.slide.active{visibility:visible;opacity:1;pointer-events:auto}.chrome{height:32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex:none;position:relative;z-index:2}.chrome .logo{height:30px;width:auto}.chrome .role{display:none}.snum{position:absolute;right:96px;bottom:26px;color:var(--mut);font-size:14px;letter-spacing:.06em}body[data-chrome="off"] .snum{display:none}h1,h2,h3,h4{color:var(--ink)}h2{font-size:62px;line-height:1.08;font-weight:700;letter-spacing:-.035em;margin-bottom:32px;max-width:none}h3{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.02em}p{font-size:24px;line-height:1.4;color:var(--text)}.sub{font-size:26px;line-height:1.42;color:var(--text)}.fine,.tiny{font-size:16px;color:var(--mut);line-height:1.45}.rowh{display:flex;align-items:center;gap:24px;flex:none}.rowh h3{font-size:24px}.rowh .nt{font-size:16px;color:var(--mut)}.rowh .btn{margin-left:auto}.foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.btn,.btn.q{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 0!important;border:0;border-bottom:1px solid var(--purple2);border-radius:0;background:transparent;color:var(--purple2);font-size:18px!important;font-weight:600;line-height:1.2;white-space:nowrap;transition:color .2s,border-color .2s}.btn:hover{color:var(--ink);border-color:var(--ink)}.ico{display:none}.ico svg{width:100%;height:100%}.ptag{display:none}.pill{display:inline-block;font-size:16px;color:var(--ink);padding:4px 10px;background:var(--card2);border-radius:8px}.tbd{color:var(--orange);border-bottom:1px dashed var(--orange)}.media{position:relative;overflow:hidden;background-size:cover;background-position:center;background-color:var(--card2)}.media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.bgs,.shade{position:absolute;inset:0;pointer-events:none}.bgs .media{position:absolute;inset:0}.av{display:block;flex:none;background-size:cover;background-position:center;border-radius:50%;overflow:hidden}.av svg{width:100%;height:100%}.tiles{display:grid;gap:28px}.tile{min-width:0}.tile>b{display:block;color:var(--orange);font-size:64px;line-height:1;font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.tile>span{display:block;margin-top:12px;font-size:22px;line-height:1.36;color:var(--text)}.tile.green>b{color:var(--green2)}.tile em{font-style:normal;color:var(--mut);font-size:16px}.pcard{position:relative;min-width:0}.pcard svg{display:block;width:100%;height:100%}.ctip{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--line2);border-radius:6px;padding:10px 14px;font-size:16px;line-height:1.4;color:var(--text);white-space:nowrap;z-index:6;transform:translate(-50%,calc(-100% - 14px));display:none;box-shadow:var(--shadow)}.ctip b{display:block;font-size:22px;color:var(--ink)}.ctip.flip{transform:translate(-100%,calc(-100% - 14px))}.ctip.flipl{transform:translate(0,calc(-100% - 14px))}
/* === 01 / CINEMATIC INTRODUCTION === */
#s01{padding:0}#s01 .bg{position:absolute;inset:0;background-position:center}#s01 .shade{background:linear-gradient(90deg,rgba(16,18,28,.97) 0%,rgba(16,18,28,.87) 30%,rgba(16,18,28,.3) 69%,rgba(16,18,28,.1)),linear-gradient(0deg,rgba(16,18,28,.98) 0%,rgba(16,18,28,.1) 65%)}#s01 .chrome{position:absolute;left:96px;right:96px;top:64px;margin:0}#s01 .content{position:relative;z-index:1;height:100%;padding:190px 96px 66px;display:flex;flex-direction:column}#s01 .eyebrow{font-size:18px;font-weight:600;letter-spacing:.06em;color:var(--purple2);margin-bottom:26px}#s01 h1{font-size:114px;font-weight:800;line-height:1.02;letter-spacing:-.05em;max-width:900px}#s01 h1 .meet{display:block;font-size:52px;font-weight:500;letter-spacing:-.025em;margin-bottom:6px}#s01 .sub{width:820px;font-size:26px;line-height:1.44;margin-top:34px}#s01 .kpis{display:grid;grid-template-columns:1.2fr .7fr .7fr 1.3fr;gap:60px;width:100%;margin-top:auto;padding-top:32px;border-top:1px solid rgba(133,141,179,.35)}#s01 .kpi{min-width:0}#s01 .kpi b{display:block;font-size:70px;line-height:1.05;letter-spacing:-.05em;color:var(--orange);font-weight:700;font-variant-numeric:tabular-nums}#s01 .kpi span{display:block;margin-top:10px;font-size:20px;line-height:1.4;color:var(--text);max-width:330px}#s01 .names{display:flex;gap:40px;font-size:18px;color:var(--mut);margin-top:34px}#s01 .names b{color:var(--ink);font-weight:700}
/* === 02 / CAPABILITIES + PEOPLE === */
#s02 .cards4{display:grid;grid-template-columns:830px 1fr;grid-template-rows:repeat(3,154px);gap:20px 42px}#s02 .dcard{position:relative;display:grid;grid-template-columns:245px 1fr;gap:26px;min-width:0}#s02 .dcard .media{height:154px;border-radius:8px}#s02 .dcard .body{align-self:center}#s02 .dcard h3{font-size:28px;margin-bottom:10px}#s02 .dcard p{font-size:22px;line-height:1.4;color:var(--text)}#s02 .dcard:first-child{grid-row:1/4;display:block}#s02 .dcard:first-child .media{height:502px}#s02 .dcard:first-child .body{position:absolute;left:0;right:0;bottom:0;padding:65px 32px 30px;background:linear-gradient(transparent,rgba(16,18,28,.95))}#s02 .dcard:first-child h3{font-size:36px}#s02 .dcard:first-child p{max-width:680px;font-size:24px}#s02 .rowh{margin-top:34px;margin-bottom:22px}#s02 .rowh h3{font-weight:500;color:var(--text)}#s02 .founders{display:grid;grid-template-columns:1fr 1fr;gap:42px}#s02 .fcd{display:grid;grid-template-columns:285px 1fr;gap:22px;padding-top:20px;border-top:1px solid var(--line2);min-width:0}#s02 .fcw{display:flex;align-items:flex-start;gap:16px}#s02 .fcw .av{width:58px;height:58px}#s02 .fcn>b{font-size:23px;color:var(--ink);display:block}#s02 .hd{display:block;font-size:16px;color:var(--mut);margin-top:2px}#s02 .ytline{display:flex;gap:6px;align-items:center;font-size:16px;margin-top:8px}#s02 .ytline svg{width:21px;height:16px}#s02 .ytline b{color:var(--orange)}#s02 .cs{display:block;font-size:16px;color:var(--purple2);margin-top:8px;font-weight:600}#s02 .chv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#s02 .chv .media{height:88px;border-radius:8px}#s02 .vw{display:block;font-size:17px;color:var(--orange);margin-top:8px;white-space:nowrap;font-weight:600}#s02 .vw i{font-style:normal;color:var(--mut);font-size:14px;font-weight:400}
/* === 03 / A RECORD AND ITS EVIDENCE === */
#s03 .s3col{width:890px}#s03 .hero{margin-top:2px;margin-bottom:40px}#s03 .hrow{display:flex;align-items:center;gap:46px}#s03 .hrow>b{font-size:142px;font-weight:700;line-height:1;letter-spacing:-.065em;color:var(--orange)}#s03 .plus>b{display:block;font-size:54px;line-height:1.1;color:var(--orange);font-weight:600;letter-spacing:-.04em}#s03 .plus i{display:block;font-style:normal;font-size:20px;line-height:1.35;margin-top:8px}#s03 .hero>span{display:block;font-size:22px;color:var(--text);margin-top:14px}#s03 .s3t{grid-template-columns:repeat(3,1fr);gap:28px 30px}#s03 .s3t .tile{border-top:1px solid var(--line2);padding-top:17px}#s03 .s3t .tile>b{font-size:42px}#s03 .s3t .tile>span{font-size:19px;line-height:1.37;margin-top:9px}#s03 .bgchart{position:absolute;top:304px;right:96px;width:744px;height:640px}#s03 h2{margin-bottom:36px}#s03 .foot{position:relative;z-index:2}
/* === 04 / ACQUISITION, BEHAVIOUR, CONTENT === */
#s04 .flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;gap:16px;align-items:center;margin-bottom:32px;padding:24px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}#s04 .node b{display:block;color:var(--ink);font-size:24px;line-height:1.2}#s04 .node span:not(.ico){display:block;color:var(--text);font-size:18px;margin-top:6px}#s04 .arrow{height:28px;width:28px;color:var(--purple2)}#s04 .s4t{grid-template-columns:1.18fr 1fr 1.15fr 1fr;grid-template-rows:140px 140px;gap:24px 38px}#s04 .s4t .tile:nth-child(4){grid-column:1;grid-row:1/3;border-left:4px solid var(--purple);padding:18px 30px;background:var(--card)}#s04 .s4t .tile:nth-child(4)>b{font-size:76px;white-space:nowrap;margin:10px 0 18px}#s04 .s4t .tile:nth-child(4)>span{font-size:24px;max-width:300px}#s04 .s4t .tile:nth-child(1){grid-column:2;grid-row:1}#s04 .s4t .tile:nth-child(2){grid-column:3;grid-row:1/3}#s04 .s4t .tile:nth-child(3){grid-column:4;grid-row:1/3}#s04 .s4t .tile:nth-child(5){grid-column:2;grid-row:2}#s04 .tile>b{font-size:52px}#s04 .tile>span{font-size:21px;line-height:1.36}#s04 .plus{margin-top:25px;padding-top:20px;border-top:1px solid var(--line2)}#s04 .plus b{font-size:42px;color:var(--orange);font-weight:700;letter-spacing:-.04em}#s04 .plus span{display:block;font-size:21px;margin-top:5px}#s04 .rowh{margin-top:auto!important;margin-bottom:20px}#s04 .marq{height:243px;flex:none;overflow:hidden}.track{display:flex;width:max-content;animation:marq var(--dur,50s) linear infinite}.track .set{display:flex;gap:24px;padding-right:24px}.marq:hover .track,.marq:focus-within .track{animation-play-state:paused}@keyframes marq{to{transform:translateX(-50%)}}#s04 .icard{width:326px;flex:none;min-width:0;position:relative}#s04 .icard .media{height:183px;border-radius:8px}#s04 .icard .lbl{position:absolute;right:10px;bottom:10px;background:var(--bg);padding:5px 10px;color:var(--orange);font-size:18px;font-weight:700;border-radius:8px}#s04 .ib{display:flex;gap:10px;padding-top:10px;align-items:center}#s04 .ib .av{width:32px;height:32px}#s04 .in{min-width:0}#s04 .in b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}#s04 .in span{display:block;font-size:14px;color:var(--mut);margin-top:2px}
/* === 05 / PRODUCT CRAFT AND ANALYTICS === */
#s05 h2{margin-bottom:22px}#s05 .teamline{font-size:23px;line-height:1.4;margin-bottom:36px}#s05 .teamline b{color:var(--orange);font-weight:700}#s05 .s5g{display:grid;grid-template-columns:1000px 1fr;gap:56px;flex:1;min-height:0}#s05 .s5b{min-height:0;display:flex;flex-direction:column}#s05 .s5b>h3{font-size:30px}#s05 .s5sub{font-size:20px;color:var(--text);margin-top:9px;margin-bottom:22px}#s05 .pgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:265px 235px;gap:25px;min-height:0}#s05 .pg{display:flex;flex-direction:column;min-width:0}#s05 .pg:nth-child(2){grid-column:1/4;display:grid;grid-template-columns:610px 1fr;grid-template-rows:auto 1fr;gap:10px 26px}#s05 .pg .media{height:143px;flex:none;border-radius:8px}#s05 .pg:nth-child(2) .media{height:265px;grid-row:1/3}#s05 .pg>b{display:block;font-size:22px;line-height:1.25;color:var(--ink);margin-top:12px}#s05 .pg>span{font-size:19px;line-height:1.35;color:var(--text);margin-top:7px}#s05 .pg:nth-child(2)>b{align-self:end;margin-top:34px;font-size:30px}#s05 .pg:nth-child(2)>span{font-size:23px;align-self:start;line-height:1.4}#s05 .media.lobby{background:#3c2b5e}#s05 .lchar{position:absolute;left:0;bottom:0;height:95%;width:auto}#s05 .ltxt{position:absolute;top:9%;left:50%;right:5%;font-size:18px;line-height:1.35;color:#fff}#s05 .lq{position:absolute;right:0;bottom:8%;width:59%;padding:8px 12px 8px 22px;text-align:right;background:linear-gradient(90deg,#96c3eb00,#96c3eb 35%);color:#fff}#s05 .lq b{display:block;font-size:24px;line-height:1.15}#s05 .lq span{display:block;font-size:17px;line-height:1.3}#s05 .s5ch{height:194px;flex:none;margin-bottom:18px;border-bottom:1px solid var(--line2)}#s05 .mtiles{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:20px;margin-top:12px}#s05 .mt b{font-size:37px;letter-spacing:-.04em;color:var(--orange);display:block;white-space:nowrap;line-height:1.1}#s05 .mt span{font-size:18px;color:var(--text);display:block;margin-top:8px;line-height:1.35}#s05 .tiny{margin-top:18px;font-size:16px}#s05 .foot{padding-top:14px}
/* === 06 / COMMUNITY AT FULL WIDTH === */
#s06 h2{font-size:58px;margin-bottom:34px}#s06 .s6g{display:flex;flex-direction:column;flex:1;min-height:0;gap:32px}#s06 .feeds{height:340px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;flex:none}#s06 .feed{position:relative;min-width:0;overflow:hidden}#s06 .fh{position:absolute;top:0;left:0;right:0;height:140px;display:grid;grid-template-columns:1fr;grid-template-rows:30px 70px 28px;gap:2px}#s06 .nm{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:600}#s06 .nm svg{width:26px;height:26px}#s06 .fh>b{font-size:57px;line-height:1.1;letter-spacing:-.05em;color:var(--orange);font-weight:700}#s06 .lk{font-size:17px;color:var(--purple2);width:max-content}#s06 .lane{position:absolute;inset:148px 0 0;overflow:hidden;background:var(--card);border-top:1px solid var(--line2);mask-image:linear-gradient(#000 85%,transparent)}#s06 .vtrack{animation:vmarq var(--dur,50s) linear infinite}#s06 .feed:hover .vtrack{animation-play-state:paused}@keyframes vmarq{to{transform:translateY(-50%)}}#s06 .fcard{padding:14px 16px;border-bottom:10px solid var(--bg);font-size:15px;color:var(--text)}#s06 .fcard>.media{height:150px;margin:-14px -16px 12px}#s06 .tt>.media{height:230px;background-position:center 30%}#s06 .ft{font-size:16px;line-height:1.4}#s06 .ft p{font-size:16px;line-height:1.4}#s06 .fm{display:flex;gap:14px;font-size:14px;color:var(--mut);margin-top:10px}#s06 .fm b{color:var(--orange)}#s06 .dch{color:var(--mut);font-size:14px;margin-bottom:10px}#s06 .dh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#s06 .dh .av{width:25px;height:25px}#s06 .dn{font-size:15px;color:var(--ink);font-weight:600}#s06 .dtm{font-size:12px;color:var(--mut)}#s06 .dtag,#s06 .drole{font-size:10px;margin-left:5px;color:var(--purple2);font-style:normal}#s06 .dtt,#s06 .det{font-size:17px;font-weight:600;margin:8px 0;color:var(--ink)}#s06 .dt,#s06 .ded,#s06 .dcode{font-size:15px;line-height:1.4;white-space:normal}#s06 .drx{display:flex;gap:9px;font-size:12px;margin-top:8px}#s06 .demb,#s06 .dpost{border-left:2px solid var(--purple);padding-left:12px;margin-top:12px}#s06 .def,#s06 .dea,#s06 .dptag{font-size:12px;color:var(--mut)}#s06 .ablock{display:grid;grid-template-columns:800px 1fr;grid-template-rows:auto auto 1fr auto;gap:14px 56px;border-top:1px solid var(--line2);padding-top:26px;min-height:0;flex:1}#s06 .ablock>h3{font-size:28px}#s06 .ablock>h3 span{color:var(--purple2)}#s06 .ablock>p{font-size:22px;line-height:1.4;color:var(--text);max-width:765px}#s06 .akp{display:grid;gap:25px}#s06 .three{grid-template-columns:.8fr .8fr 1.15fr;padding-top:8px}#s06 .kp>b{display:block;font-size:49px;color:var(--orange);line-height:1.05;font-weight:700;letter-spacing:-.04em}#s06 .kp>span{display:block;color:var(--text);font-size:19px;line-height:1.35;margin-top:9px}#s06 .ablock>.btn{justify-self:start;align-self:end}#s06 .apool{grid-column:2;grid-row:1/5;min-width:0;display:flex;flex-direction:column}#s06 .apool .rowh{margin-bottom:23px}#s06 .apool .rowh h3{font-size:25px}#s06 .two{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}#s06 .two .kp>b{font-size:46px}#s06 .cpool{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 20px;margin-top:auto}#s06 .ccard{display:flex;gap:10px;align-items:center;min-width:0}#s06 .ccard .av{width:36px;height:36px}#s06 .cn{min-width:0}#s06 .cn>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:var(--ink)}#s06 .cn>span{display:block;font-size:13px;color:var(--mut)}#s06 .cn>span b{font-weight:500}#s06 .ccard.more b{color:var(--purple2);font-size:20px}#s06 .ccard.more span{font-size:12px}
/* === STATIC EXPORT AND ACCESSIBILITY === */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.bgs .media+.media{opacity:0!important}}
@media print{@page{size:1920px 1080px;margin:0}html,body{width:1920px!important;height:auto!important;overflow:visible!important;background:var(--bg)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app{position:static!important;display:block!important}.bar,.progress,.help,.ov,.ovbd,.snum{display:none!important}.viewport{position:static!important;overflow:visible!important;display:block!important}.stage{position:static!important;transform:none!important;display:block!important;width:1920px!important;height:auto!important;padding:0!important;overflow:visible!important}.slide{position:relative!important;inset:auto!important;visibility:visible!important;opacity:1!important;display:flex!important;pointer-events:auto!important;width:1920px!important;height:1080px!important;min-height:1080px!important;margin:0!important;zoom:1!important;break-after:page;page-break-after:always}.slide:last-of-type{break-after:auto;page-break-after:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1!important;transform:none!important;filter:none!important}video{display:none!important}.bgs .media{opacity:1!important;transform:none!important}.bgs .media+.media{opacity:0!important}}

#s05 .pg:nth-child(2){grid-row:1}#s05 .pg:nth-child(1){grid-row:2;grid-column:1}#s05 .pg:nth-child(3){grid-row:2;grid-column:2}#s05 .pg:nth-child(4){grid-row:2;grid-column:3}

/* v7 / slides 07–12. Deliberate editorial compositions; original brand tokens. */
#s07 h2{font-size:60px;letter-spacing:-.045em}
#s07 .ecards{display:grid;grid-template-columns:800px 1fr;grid-template-rows:278px 278px;gap:24px 32px;flex:none}
#s07 .ecard{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-columns:280px 1fr;gap:24px}
#s07 .ecard>.media{height:100%;min-height:0}
#s07 .ecard .et{display:flex;flex-direction:column;align-items:flex-start;padding:3px 0 0;min-width:0}
#s07 .pill{display:block;font-size:17px;font-weight:500;line-height:1.35;color:var(--text);background:none;border:0;padding:0;border-radius:0}
#s07 .ecard h3{font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:7px 0 9px;color:var(--ink)}
#s07 .prize{display:block;color:var(--orange);font-variant-numeric:tabular-nums}
#s07 .prize b{font-size:46px;font-weight:800;line-height:1.05;letter-spacing:-.045em}
#s07 .estat{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:15px;width:100%;padding-top:13px;border-top:1px solid var(--line)}
#s07 .estat b{display:block;font-size:29px;line-height:1.1;font-weight:700;color:var(--orange);letter-spacing:-.02em}
#s07 .estat .up b{color:var(--green2)}
#s07 .estat span{display:block;font-size:20px;line-height:1.3;color:var(--text);margin-top:6px}
#s07 .ecard:first-child{grid-row:1/3;display:block}
#s07 .ecard:first-child>.media{position:absolute;inset:0}
#s07 .ecard:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,18,28,.62),rgba(16,18,28,.03) 34%,rgba(16,18,28,.95) 81%)}
#s07 .ecard:first-child .et{position:relative;z-index:1;height:100%;padding:30px 32px;display:flex;flex-direction:column}
#s07 .ecard:first-child h3{font-size:48px;margin-top:10px}
#s07 .ecard:first-child .prize{margin-top:auto}
#s07 .ecard:first-child .prize b{font-size:80px}
#s07 .ecard:first-child .estat{gap:30px;border-color:rgba(195,199,217,.3);margin-top:20px;padding-top:20px}
#s07 .ecard:first-child .estat b{font-size:40px}
#s07 .ecard:first-child .estat span{font-size:21px;line-height:1.35;max-width:290px}
#s07 .evstrip{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}
#s07 .evstrip .lead b{font-size:21px;line-height:1.3;max-width:280px;display:block;color:var(--ink)}
#s07 .evstrip .lead span{font-size:18px;line-height:1.3;display:block;margin-top:8px;color:var(--text)}
#s07 .evstrip .it b{display:block;font-size:22px;line-height:1.25;color:var(--ink);margin-bottom:7px}
#s07 .evstrip .it span{display:block;font-size:20px;line-height:1.35;color:var(--text)}
#s07 .foot{margin-top:auto;padding-top:18px}

#s08{background:var(--bg)}
#s08>.bgs{opacity:.09;pointer-events:none}
#s08>.bgs>.media{height:100%;width:100%}
#s08>.shade{background:linear-gradient(90deg,var(--bg) 8%,rgba(16,18,28,.72) 100%);pointer-events:none}
#s08>.chrome{position:relative;z-index:1}
#s08 .s8c{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:435px 1fr;grid-template-rows:94px 30px 1fr 32px;gap:0 58px}
#s08 h2{grid-column:1/3;grid-row:1;margin:0;font-size:64px;letter-spacing:-.04em}
#s08 .tiles{grid-column:1;grid-row:2/4;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:14px;padding-right:34px;border-right:1px solid var(--line)}
#s08 .tile{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);padding-top:14px}
#s08 .tile:first-child{border-top:0;padding-top:0}
#s08 .tile>b{font-size:66px;letter-spacing:-.055em;line-height:1.03;font-weight:800;color:var(--orange)}
#s08 .tile.green>b{color:var(--green2)}
#s08 .tile>span{font-size:22px;line-height:1.38;color:var(--text);margin-top:10px}
#s08 .delta{font-style:normal;font-weight:700;color:var(--green2)}
#s08 .crowh{grid-column:2;grid-row:2;font-size:18px;line-height:1.3;color:var(--text)}
#s08 .crow{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:18px 28px;padding-top:15px;min-height:0}
#s08 .cv{display:grid;grid-template-columns:188px 1fr;gap:18px;min-width:0;border-top:1px solid var(--line);padding-top:14px}
#s08 .cv:nth-child(-n+2){border-top:0;padding-top:0}
#s08 .cv>.media{height:112px;min-width:0;align-self:start}
#s08 .cvb{display:flex;flex-direction:column;min-width:0}
#s08 .cvb>b{font-size:20px;font-weight:650;line-height:1.27;color:var(--ink);letter-spacing:-.015em}
#s08 .cvch{display:flex;align-items:center;gap:8px;margin-top:8px}
#s08 .av{display:block;flex:none;width:26px;height:26px;border-radius:50%;background-size:cover;background-position:center;overflow:hidden}
#s08 .av svg{width:26px;height:26px}
#s08 .cvn{display:flex;flex-wrap:wrap;gap:1px 8px;min-width:0}
#s08 .cch,#s08 .csb{display:block;font-size:16px;line-height:1.25;color:var(--mut);overflow-wrap:anywhere}
#s08 .cvw{display:block;font-size:24px;line-height:1.18;font-weight:750;color:var(--orange);margin-top:8px;letter-spacing:-.025em}
#s08 .s8b{grid-column:2;grid-row:4;align-self:end;padding-top:12px}

#s09{padding:0;background:var(--bg)}
#s09>.bgs{position:absolute;inset:0;overflow:hidden}
#s09>.bgs>.media{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:v7OneLifeScenes 24s linear infinite;background-position:center}
#s09>.bgs>.media:nth-child(2){animation-delay:8s}
#s09>.bgs>.media:nth-child(3){animation-delay:16s}
@keyframes v7OneLifeScenes{0%,30%{opacity:1}34%,96%{opacity:0}100%{opacity:1}}
#s09>.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,28,.9) 0%,rgba(16,18,28,.64) 43%,rgba(16,18,28,.1) 78%),linear-gradient(0deg,var(--bg) 0%,rgba(16,18,28,.98) 21%,rgba(16,18,28,.02) 68%)}
#s09>.chrome{position:absolute;z-index:2;left:96px;right:96px;top:64px;margin:0}
#s09 .s9c{position:relative;z-index:2;padding:160px 96px 0;width:1130px}
#s09 .tag-red{display:block;font-size:21px;font-weight:650;line-height:1.3;color:var(--red);letter-spacing:0;margin:0 0 21px}
#s09 h2{font-size:68px;line-height:1.06;letter-spacing:-.045em;margin:0 0 25px;max-width:985px}
#s09 .sub{font-size:27px;line-height:1.45;color:var(--text);max-width:880px;margin:0 0 23px}
#s09 .btn{color:var(--text)}
#s09 .qband{position:absolute;z-index:2;left:96px;right:96px;bottom:64px;padding-top:23px;border-top:1px solid rgba(195,199,217,.3)}
#s09 .crowh{font-size:18px;line-height:1.3;color:var(--text);margin:0 0 20px}
#s09 .qgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
#s09 .pq{display:flex;flex-direction:column;gap:17px;min-width:0;padding-right:22px;border-right:1px solid var(--line)}
#s09 .pq:last-child{border-right:0;padding-right:0}
#s09 .pq p{font-size:20px;line-height:1.4;font-weight:550;letter-spacing:-.005em;color:var(--text)}
#s09 .who{margin-top:auto;font-size:16px;line-height:1.4;color:var(--mut)}
#s09 .who b{font-weight:600;color:var(--text)}
#s09 .lk{white-space:nowrap;color:var(--orange)}

#s10 h2{font-size:56px;line-height:1.05;letter-spacing:-.04em;margin-bottom:25px}
#s10 .story{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:188px 188px;gap:24px 40px;flex:none}
#s10 .ecard{display:grid;grid-template-columns:224px 1fr;gap:24px;min-width:0;align-items:start}
#s10 .ecard>.media{height:188px;min-width:0}
#s10 .et{padding:0;min-width:0}
#s10 .et h3{font-size:26px;line-height:1.17;letter-spacing:-.025em;font-weight:700;color:var(--ink);margin-bottom:10px}
#s10 .et p{font-size:21px;line-height:1.35;color:var(--text)}
#s10>.rowh{display:flex;align-items:baseline;gap:22px;margin-top:24px!important;margin-bottom:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px}
#s10>.rowh h3{font-size:25px;line-height:1.2;letter-spacing:-.02em;font-weight:650;color:var(--ink)}
#s10 .nt{font-size:17px;line-height:1.4;color:var(--text)}
#s10>.rowh .btn{margin-left:auto;font-size:17px}
#s10 .films{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;min-width:0}
#s10 .film{display:flex;flex-direction:column;min-width:0}
#s10 .film>.media{height:120px;flex:none;background-position:center 38%}
#s10 .fm{display:flex;flex-direction:column;padding-top:12px;min-width:0}
#s10 .fm>b{min-height:50px;font-size:20px;line-height:1.25;color:var(--ink);font-weight:650;letter-spacing:-.015em}
#s10 .fm>span{font-size:16px;line-height:1.3;color:var(--mut);margin-top:5px}
#s10 .fm>.vw{font-size:24px;line-height:1.15;color:var(--orange);font-weight:750;letter-spacing:-.025em;margin-top:8px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
#s10 .vw i{font-size:16px;font-style:normal;font-weight:500;color:var(--mut);letter-spacing:0}

#s11 h2{font-size:60px;letter-spacing:-.04em;margin-bottom:26px}
#s11 .steps6{height:770px;display:grid;grid-template-rows:repeat(5,1fr);gap:10px;flex:none}
#s11 .stp{display:grid;grid-template-columns:48px 222px 255px 1fr;gap:24px;align-items:center;min-height:0;padding-top:10px;border-top:1px solid var(--line)}
#s11 .stp:first-child{padding-top:0;border-top:0}
#s11 .num{font-size:26px;line-height:1;font-weight:600;color:var(--purple2);align-self:start;margin-top:9px;font-variant-numeric:tabular-nums}
#s11 .stp>.media{height:128px;width:222px;background-position:center}
#s11 .stp .mimg{position:absolute;inset:0;background-size:cover;background-position:left top}
#s11 .stp .ptag{display:none}
#s11 .sth{min-width:0}
#s11 .sth b{font-size:27px;line-height:1.2;color:var(--ink);font-weight:650;letter-spacing:-.025em}
#s11 .stl{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:6px 28px;padding:0;margin:0;color:var(--text)}
#s11 .stp:nth-child(1) .stl,#s11 .stp:nth-child(3) .stl,#s11 .stp:nth-child(4) .stl{grid-template-rows:repeat(2,auto)}
#s11 .stp:nth-child(2) .stl,#s11 .stp:nth-child(5) .stl{grid-template-rows:repeat(3,auto)}
#s11 .stl li{font-size:20px;line-height:1.32;color:var(--text);padding-left:15px;position:relative;min-width:0}
#s11 .stl li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;background:var(--purple2)}
#s11 .bi{display:none}

#s12{padding:64px 96px;background:var(--bg)}
#s12>.bgs{position:absolute;inset:auto;right:96px;top:151px;width:636px;height:444px;overflow:hidden}
#s12>.bgs>.media{width:100%;height:100%;background-position:center}
#s12>.bgs video{object-position:center}
#s12>.shade{display:none}
#s12>.chrome{position:relative;z-index:1}
#s12 .s12c{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}
#s12 h2{font-size:63px;line-height:1.09;letter-spacing:-.04em;max-width:1000px;margin-bottom:26px;padding-right:15px}
#s12 .sub{font-size:25px;line-height:1.43;max-width:960px;color:var(--text);margin:0}
#s12 .sub b{font-weight:650;color:var(--ink)}
#s12 .cols{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:auto;padding-top:32px;border-top:2px solid var(--purple2)}
#s12 .col{padding:0;min-width:0}
#s12 .col.ask{border-left:1px solid var(--line);padding-left:60px}
#s12 .col h3{font-size:38px;line-height:1.2;font-weight:650;letter-spacing:-.03em;margin-bottom:24px;color:var(--ink)}
#s12 .col.ask h3{color:var(--purple2)}
#s12 .col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
#s12 .col li{font-size:25px;line-height:1.35;color:var(--text);position:relative;padding-left:25px}
#s12 .col li::before{content:"—";position:absolute;left:0;color:var(--purple2)}
@media(prefers-reduced-motion:reduce){#s09>.bgs>.media{animation:none;opacity:0}#s09>.bgs>.media:first-child{opacity:1}}

/* V7 — final proposal, closing, and detail panels. Exact original brand tokens. */

/* 13 / Four concrete capabilities, arranged as a generous 2 × 2 field. */
#s13{position:absolute;background:var(--bg);}
#s13 h2{font-size:72px;line-height:1.05;letter-spacing:-.035em;margin:0 0 24px;max-width:none;}
#s13>.sub{font-size:26px;line-height:1.4;color:var(--text);max-width:1300px;margin:0;}
#s13 .cards4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:56px;row-gap:0;margin-top:48px;flex:0 0 550px;height:550px;}
#s13 .ucard{min-width:0;min-height:0;padding:30px 0 30px 76px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;border:0;border-top:1px solid var(--line2);border-radius:0;background:none;box-shadow:none;transform:none;}
#s13 .ucard .ico{display:flex;position:absolute;left:0;top:32px;width:40px;height:40px;color:var(--purple2);}
#s13 .ucard .ico svg{display:block;width:100%;height:100%;}
#s13 .ucard h3{font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.018em;color:var(--ink);max-width:700px;margin:0;}
#s13 .ucard p{font-size:24px;line-height:1.4;color:var(--text);font-weight:400;margin:0;max-width:700px;}
#s13 .closing{margin:26px 0 0;flex:none;font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-.018em;color:var(--ink);padding:0;}

/* 14 / The closing statement is a clear invitation; people and links form one contact band. */
#s14{justify-content:flex-start;}
#s14 .chrome{margin-bottom:0;}
#s14 h2{position:relative;margin:124px 0 30px;max-width:1320px;font-size:54px;font-weight:500;line-height:1.16;letter-spacing:-.03em;color:var(--ink);}
#s14 .thanks-main{display:block;font-size:154px;font-weight:800;line-height:1;letter-spacing:-.055em;margin-bottom:38px;color:var(--ink);}
#s14>.sub{font-size:27px;font-weight:400;line-height:1.45;max-width:920px;color:var(--text);margin:0;}
#s14 .contacts{margin-top:auto;display:grid;grid-template-columns:1fr 1.3fr 1fr 1.3fr;gap:34px;align-items:start;width:100%;padding:34px 0 10px;border:0;border-top:2px solid var(--purple);font-size:23px;line-height:1.4;color:var(--text);}
#s14 .contacts span{min-width:0;}
#s14 .contacts b{font-weight:700;color:var(--ink);}
#s14 .contacts a{color:var(--purple2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;}

/* Side panels — independent from slide-specific layout rules. */
.ovbd{position:absolute;inset:0;background:rgba(16,18,28,.82);opacity:0;visibility:hidden;transition:opacity .2s;z-index:30;}
.ovbd.open{opacity:1;visibility:visible;}
.ov{box-sizing:border-box;position:absolute;top:0;right:0;width:1260px;max-width:100%;height:1080px;padding:48px 64px 72px;background:var(--bg);border-left:1px solid var(--line2);overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--purple2) var(--card);scrollbar-width:thin;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility .25s;z-index:31;font-size:22px;line-height:1.48;color:var(--text);box-shadow:-24px 0 64px #0005;}
.ov.open{transform:none;visibility:visible;}
.ov .oh{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:-48px;z-index:10;margin:-48px -64px 38px;padding:28px 64px;background:var(--bg);border-bottom:1px solid var(--line2);}
.ov .oh .k{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);padding:0;background:none;border:0;border-radius:0;}
.ov .x{flex:0 0 46px;width:46px;height:46px;border:1px solid var(--line2);border-radius:8px;background:var(--card);font:400 30px/1 var(--sans);color:var(--ink);cursor:pointer;}
.ov .x:hover,.ov .x:focus-visible{border-color:var(--purple2);background:var(--card2);}
.ov h3{font-size:44px;font-weight:700;line-height:1.14;letter-spacing:-.025em;color:var(--ink);margin:0 0 30px;max-width:100%;}
.ov h4{font-size:22px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--gold);margin:36px 0 16px;}
.ov p,.ov .fine{font-size:22px!important;font-weight:400;line-height:1.48;color:var(--text)!important;max-width:none;margin:0 0 18px;}
.ov a{color:var(--purple2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere;}
.ov b,.ov strong{font-weight:700;color:var(--ink);}
.ov ul,.ov ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:15px;}
.ov li{font-size:22px;line-height:1.48;color:var(--text);position:relative;padding-left:24px;}
.ov li::before{content:"";position:absolute;left:0;top:.63em;width:7px;height:7px;background:var(--purple2);border-radius:50%;}
.ov .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.ov .tile{min-width:0;min-height:148px;display:block;position:relative;padding:24px 28px;background:var(--card);border:1px solid var(--line);border-radius:12px;}
.ov .tile b{display:block;font-size:49px;font-weight:800;line-height:1.06;letter-spacing:-.035em;color:var(--orange);font-variant-numeric:tabular-nums;}
.ov .tile span{display:block;font-size:20px;font-weight:400;line-height:1.38;color:var(--text);margin:12px 0 0;}
.ov .tile em{display:block;font-size:18px;font-style:normal;line-height:1.4;color:var(--mut);margin-top:8px;}
.ov .tile.green b,.ov .up,.ov .up b{color:var(--green2);}
.ov .note{display:block;margin-top:28px;padding-top:20px;border-top:1px solid var(--line2);font-size:18px;line-height:1.5;color:var(--mut);}
.ov table,.ov .tbl{width:100%;border-collapse:collapse;border-spacing:0;font-size:19px;line-height:1.45;table-layout:auto;margin-top:14px;}
.ov th{font-size:16px;font-weight:700;line-height:1.4;text-transform:none;letter-spacing:0;color:var(--mut);padding:16px 14px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:bottom;}
.ov td{font-size:19px;line-height:1.5;color:var(--text);padding:18px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;}
.ov tbody tr:nth-child(even){background:rgba(23,26,40,.55);}
.ov td .av{width:36px;height:36px;display:inline-block;vertical-align:middle;margin-right:10px;background-size:cover;background-position:center;border-radius:50%;}
#o1 table{table-layout:fixed;}
#o1 table th:nth-child(1){width:40%;}
#o1 table th:nth-child(2){width:40%;}
#o1 table th:nth-child(3){width:20%;}
#o1 table td{font-size:19px;}
#o1 #o1-films{gap:20px;}
#o7 table th:nth-child(1){width:60px;}
#o7 table th:nth-child(2){width:30%;}
#o7 table th:nth-child(3){width:25%;}
#o7 table th:nth-child(4){width:17%;}
#o7 table td:nth-child(1){color:var(--mut);white-space:nowrap;overflow-wrap:normal;}
#o7 table td:nth-child(4){font-variant-numeric:tabular-nums;white-space:nowrap;}
#o7 table td:nth-child(4) b{color:var(--orange);}
#o7 table td:last-child{font-size:17px;color:var(--mut);}
#o4 .grid{grid-template-columns:repeat(3,minmax(0,1fr));}
#o4-views b,#o6-mr-usd,#o6-bk-usd,#o6-zn-usd{color:var(--orange);}
.ov .pcard{position:relative;display:block;width:100%;height:360px;min-height:300px;margin:18px 0 0;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;overflow:hidden;}
.ov .pcard svg{display:block;width:100%;height:100%;}
.ov #o2-daily{height:340px;}
.ov #o2-hourly{height:380px;}
.ov .dashfull{height:420px;margin-top:20px;}
.ov .ctip{position:absolute;pointer-events:none;display:none;z-index:5;max-width:95%;padding:10px 14px;background:var(--card);border:1px solid var(--line2);border-radius:6px;font-size:18px;line-height:1.35;color:var(--text);white-space:nowrap;transform:translate(-50%,calc(-100% - 12px));}
.ov .ctip b{display:block;font-size:22px;color:var(--ink);}
.ov .ctip.flip{transform:translate(-100%,calc(-100% - 12px));}
.ov .ctip.flipl{transform:translate(0,calc(-100% - 12px));}
/* Scoped component support for optional or subsequently revealed panel content. */
.ov .tabs{display:flex;gap:20px;margin:24px 0;flex-wrap:wrap;border-bottom:1px solid var(--line2);}
.ov .tab{padding:12px 0;background:none;color:var(--text);border:0;border-bottom:2px solid transparent;font:600 20px/1.3 var(--sans);}
.ov .tab.active,.ov .tab[aria-selected=true]{color:var(--purple2);border-bottom-color:var(--purple2);}
.ov .quote{padding:24px 28px;margin:24px 0;border:0;border-left:3px solid var(--gold);background:var(--card);color:var(--text);font-size:24px;line-height:1.45;}
.ov .hero{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0;}
.ov .hero b{font-size:80px;line-height:1;font-weight:800;color:var(--orange);}
.ov .hero span{font-size:24px;line-height:1.4;color:var(--text);}
.ov .pill{display:inline-block;padding:5px 10px;border-radius:6px;background:var(--card2);color:var(--text);font-size:16px;line-height:1.3;}
.ov .eRow{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:28px;border-top:1px solid var(--line2);padding:24px 0;}
body[data-mode="overview"] .ovbd{position:fixed;inset:48px 0 0;}
body[data-mode="overview"] .ov{position:fixed;top:48px;right:0;height:calc((100vh - 48px)/var(--ovz));zoom:var(--ovz);}
@media (prefers-reduced-motion:reduce){.ov,.ovbd{transition:none;}}
@media print{.ov,.ovbd{display:none!important;}}

/* === V7 MOTION: a single entrance, quiet media, no animated typography === */
:root { --v7-ease: cubic-bezier(.16,1,.3,1); }
.bar .bb { background: transparent; border-color: transparent; }
.bar .bb:hover,.bar .bb:focus-visible { border-color: var(--line2,#353b57); }
.bar .v7-chapters-trigger { color: var(--purple2,#a492f5); }
body[data-mode="present"] .slide.active .rv {
  animation: v7-arrive 760ms var(--v7-ease) both;
  animation-delay: calc(var(--i, 0) * 65ms);
}
body[data-mode="present"] .slide.active h1.rv,
body[data-mode="present"] .slide.active h2.rv { animation-duration: 900ms; }
body[data-mode="present"] .slide.active .v7-cadence {
  animation: v7-detail-in 650ms ease-out both;
  animation-delay: calc(260ms + var(--v7-step, 0) * 55ms);
}
@keyframes v7-arrive {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes v7-detail-in { from { opacity: 0; } to { opacity: 1; } }

/* Container transforms leave the existing S09 scene crossfades intact. */
body[data-mode="present"] .slide.active > .bgs,
body[data-mode="present"] .slide.active > .media.bg {
  animation: v7-scene-settle 18s cubic-bezier(.2,.45,.4,1) both;
  transform-origin: 58% 48%;
}
@keyframes v7-scene-settle { from { transform: scale(1.055); } to { transform: scale(1); } }

/* === INSPECTABLE MEDIA: content stays still; a corner cue reveals the action === */
.v7-media-target { cursor: zoom-in; isolation: isolate; }
.v7-media-target::before {
  content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
  border: 1px solid rgba(255,255,255,0); transition: border-color 220ms ease;
}
.v7-media-target:hover::before,
.v7-media-target:focus-visible::before { border-color: rgba(255,255,255,.48); }
.v7-media-target > video,
.v7-media-target > img,
.v7-media-target > .mimg { transition: filter 300ms ease; }
.v7-media-target:hover > video,
.v7-media-target:hover > img,
.v7-media-target:hover > .mimg { filter: brightness(1.07); }
.v7-media-hint {
  position: absolute; right: 14px; bottom: 14px; z-index: 4; width: 34px; height: 34px;
  display: grid; place-items: center; color: #fff; background: rgba(12,14,22,.78);
  border: 1px solid rgba(255,255,255,.25); border-radius:8px;
  opacity: 0; transform: translateY(4px); transition: opacity 220ms ease, transform 220ms var(--v7-ease);
  pointer-events: none;
}
.v7-media-hint svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.v7-media-target:hover .v7-media-hint,
.v7-media-target:focus-visible .v7-media-hint { opacity: 1; transform: translateY(0); }
.v7-media-target:focus-visible { outline: 3px solid var(--purple2,#a492f5); outline-offset: 5px; }
@media (hover: none) { .v7-media-hint { opacity: 1; transform: none; } }

/* === NATIVE MODALS: outside the 1920×1080 stage, within #app for fullscreen === */
.v7-dialog {
  position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none;
  margin: 0; padding: 36px; border: 0; background: transparent; color: var(--ink,#fff);
  font-family: var(--sans,"Manrope",sans-serif); box-sizing: border-box; overflow: auto;
}
.v7-dialog:not([open]) { display: none; }
.v7-dialog[open] { display: grid; align-items: center; justify-items: center; }
.v7-dialog::backdrop { background: rgba(6,8,15,.91); }
.v7-dialog-panel {
  width: min(1440px,100%); min-width: 0; padding: 32px 40px 22px;
  max-height: calc(100dvh - 72px); overflow: auto;
  background: var(--bg,#10121c); border: 1px solid var(--line2,#353b57); border-radius: 8px;
  box-shadow: 0 28px 90px rgba(0,0,0,.38);
  animation: v7-modal-enter 220ms var(--v7-ease) both;
}
.v7-dialog-header { display: flex; align-items: flex-start; gap: 24px; margin: 0 0 28px; }
.v7-dialog-title { flex: 1; margin: 0; font-size: 27px; font-weight: 600; line-height: 1.25; letter-spacing: -.02em; }
.v7-dialog-close {
  flex: 0 0 40px; width: 40px; height: 40px; padding: 8px; margin: -6px -8px 0 0;
  display: grid; place-items: center; color: var(--text,#c3c7d9); background: transparent;
  border: 1px solid transparent; border-radius:8px; cursor: pointer;
  transition: color 160ms ease, background 160ms ease;
}
.v7-dialog-close svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.v7-dialog-close:hover { color: #fff; background: rgba(255,255,255,.07); }
.v7-dialog button:focus-visible { outline: 2px solid var(--purple2,#a492f5); outline-offset: 4px; }
.v7-dialog-footer {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding-top: 18px; margin-top: 26px; border-top: 1px solid var(--line,#23273c);
  color: var(--mut,#858db3); font-size: 12px; line-height: 1.4;
}
@keyframes v7-modal-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* === CHAPTERS: four editorial columns, exact titles, one current location === */
.v7-chapter-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.v7-chapter-group { min-width: 0; }
.v7-chapter-label {
  margin: 0 0 14px; padding: 0 0 16px; border-bottom: 1px solid var(--line2,#353b57);
  color: var(--mut,#858db3); font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: .04em;
}
.v7-chapter-label > span { color: var(--purple2,#a492f5); margin-right: 12px; font-variant-numeric: tabular-nums; }
.v7-chapter-link {
  appearance: none; display: grid; grid-template-columns: 24px 1fr; gap: 12px;
  width: 100%; min-height: 76px; padding: 14px 12px; margin: 0; border: 0; border-left: 2px solid transparent;
  border-radius: 0; background: transparent; color: var(--text,#c3c7d9); text-align: left;
  font: inherit; cursor: pointer; transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}
.v7-chapter-number { padding-top: 2px; color: var(--dim,#697198); font-size: 12px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.v7-chapter-name { font-size: 16px; font-weight: 500; line-height: 1.42; letter-spacing: -.015em; }
.v7-chapter-link:hover { color: #fff; background: rgba(255,255,255,.035); }
.v7-chapter-link[aria-current="page"] { color: #fff; border-left-color: var(--purple2,#a492f5); background: rgba(81,56,188,.10); }
.v7-chapter-link[aria-current="page"] .v7-chapter-number { color: var(--purple2,#a492f5); }

/* === LIGHTBOX: the actual asset, uncropped and independently controllable === */
.v7-lightbox .v7-dialog-panel { width: min(1500px,100%); padding-bottom: 18px; }
.v7-lightbox .v7-dialog-header { margin-bottom: 20px; }
.v7-lightbox .v7-dialog-title { font-size: 20px; line-height: 1.4; }
.v7-lightbox-viewport { min-height: 180px; display: flex; align-items: center; justify-content: center; background: #080a10; }
.v7-lightbox-viewport > img,
.v7-lightbox-viewport > video { display: block; max-width: 100%; max-height: calc(100dvh - 230px); width: auto; height: auto; object-fit: contain; }
.v7-lightbox .v7-dialog-footer { margin-top: 16px; padding-top: 14px; }

/* Presenter UI may adapt to the viewport; slide layouts remain fixed 16:9. */
@media (max-width: 1050px) {
  .v7-dialog { padding: 24px; }
  .v7-dialog-panel { padding: 26px 28px 20px; max-height: calc(100dvh - 48px); }
  .v7-chapter-grid { gap: 22px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v7-chapter-link { min-height: 62px; }
}
@media (max-width: 800px) {
  .bar { gap: 6px; padding-right: 8px; padding-left: 8px; }
  .bar .bt,.bar .blogo,.bar #b-help,.bar #b-mode,.bar kbd { display: none; }
}
@media (max-width: 600px) {
  .v7-dialog { padding: 12px; }
  .v7-dialog[open] { align-items: start; }
  .v7-dialog-panel { padding: 22px 20px 18px; max-height: calc(100dvh - 24px); }
  .v7-dialog-title { font-size: 24px; }
  .v7-chapter-grid { grid-template-columns: 1fr; gap: 24px; }
  .v7-chapter-link { min-height: 52px; padding-top: 10px; padding-bottom: 10px; }
  .v7-lightbox .v7-dialog-title { font-size: 16px; }
  .v7-lightbox-viewport > img,.v7-lightbox-viewport > video { max-height: calc(100dvh - 230px); }
}

/* === READING, ACCESSIBILITY, PRINT: every piece of content is fully visible === */
body[data-mode="overview"] .slide .rv,
body[data-mode="overview"] .slide .v7-cadence { animation: none !important; opacity: 1 !important; transform: none !important; }
body[data-mode="overview"] .slide > .bgs,
body[data-mode="overview"] .slide > .media.bg { animation: none !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .slide .rv,.slide .v7-cadence,.v7-dialog-panel {
    animation: none !important; opacity: 1 !important; transform: none !important;
  }
  .slide > .bgs,.slide > .media.bg { animation: none !important; transform: none !important; }
  .v7-media-target,.v7-media-target::before,.v7-media-target > video,.v7-media-target > img,.v7-media-target > .mimg,
  .v7-media-hint,.v7-dialog-close,.v7-chapter-link { transition: none !important; }
}
@media print {
  .v7-dialog,.v7-chapters-trigger,.v7-media-hint { display: none !important; }
  .slide .rv,.slide .v7-cadence { animation: none !important; opacity: 1 !important; transform: none !important; }
  .slide > .bgs,.slide > .media.bg { animation: none !important; transform: none !important; }
  .v7-media-target::before { display: none !important; }
  .v7-media-target { outline: none !important; cursor: auto; }
}

/* Magic UI Kit — verified semantic colors and radius values, 18 September 2026.
   UI Kit: cksLA7ENrcscJjjiQIK09x; Website: 3Jy0SKKuKdeKq0z1Ivtbbe.
   Soft elevation is presentation art direction. #fff remains the headline color.
   Descriptive copy always uses Text/Default/Default, never the tertiary token. */
:root{
 --bg:#10121c;--bg2:#171a28;--card:#171a28;--card2:#23273c;
 --line:rgba(53,59,87,.5);--line2:#353b57;
 --text:#c3c7d9;--mut:#858db3;--dim:#697198;
 --purple:#5138bc;--purple2:#a492f5;--on-brand:#e4ddff;
 --orange:#f2c988;--green:#609c38;--green2:#73b148;
 --gold:#f2c988;--red:#f18f8f;
 --r:24px;--r2:16px;--r3:8px;
 --surface-shadow:0 16px 44px rgba(0,0,0,.20),inset 0 1px 0 rgba(195,199,217,.035);
 --shadow:0 28px 100px rgba(0,0,0,.42);
}
.bar{background:rgba(23,26,40,.88);backdrop-filter:blur(16px);border-color:var(--line)}
.bb{border-radius:8px;background:var(--card2);border-color:var(--line);padding:8px 12px}
.bb:hover,.bb.on{background:var(--purple);border-color:var(--purple);color:var(--on-brand)}
.help{border-radius:16px;background:rgba(23,26,40,.96);backdrop-filter:blur(32px)}
.btn,.btn.q{padding:10px 16px!important;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--purple2)}
.btn:hover{background:var(--purple);border-color:var(--purple);color:var(--on-brand)}
.ctip{border-radius:12px;background:var(--card2);box-shadow:var(--shadow)}
.ov{border-radius:24px 0 0 24px;background:var(--card)}
.ov .oh{background:rgba(23,26,40,.94);backdrop-filter:blur(32px)}
.ov .x{background:var(--card2);border-radius:12px}
.ov .tile{background:var(--card2);border-radius:16px}
.ov .pcard{border-radius:16px}
.v7-dialog-panel{border-radius:24px;background:rgba(23,26,40,.97);border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:blur(32px)}
.v7-dialog-header{border-color:var(--line)}
.v7-dialog-close{border-radius:8px;background:var(--card2)}
.v7-chapter-link{border-radius:8px;padding-left:12px;padding-right:12px}
.v7-chapter-link[aria-current="page"]{background:var(--card2);color:var(--on-brand)}
.v7-lightbox-viewport{border-radius:12px;overflow:hidden;background:var(--bg)}

/* Broad compositions stay open; elevation identifies a proof or a request. */
#s01 .kpis{padding:30px 36px 28px;border:1px solid rgba(195,199,217,.12);border-radius:24px;background:rgba(23,26,40,.62);backdrop-filter:blur(16px);gap:45px}
#s01 .names{margin-top:25px}
#s02 .dcard .media{border-radius:16px}
#s02 .dcard:first-child{border-radius:24px;overflow:hidden;box-shadow:var(--surface-shadow)}
#s02 .dcard:first-child .media{border-radius:24px}
#s02 .chv .media{border-radius:8px}
#s03 .bgchart{isolation:isolate}
#s03 .bgchart::before{content:"";position:absolute;inset:-22px;z-index:-1;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--surface-shadow)}
#s04 .s4t .tile:nth-child(4){border:1px solid var(--line);border-radius:20px;background:var(--card);padding:18px 30px;box-shadow:var(--surface-shadow)}
#s04 .icard .media{border-radius:12px}

/* Supplied artwork is shown at its native 16:9 ratio, including all its text. */
#s05 .s5g{grid-template-columns:1000px 1fr;gap:32px}
#s05 .pgrid{grid-template-rows:310.5px 207px;gap:20px 25px}
#s05 .pg:nth-child(2){grid-template-columns:552px 1fr;grid-template-rows:1fr 1fr;gap:10px 28px}
#s05 .pg:nth-child(2) .media{height:310.5px;border-radius:16px;background-size:contain;background-repeat:no-repeat;background-color:var(--bg)}
#s05 .pg:nth-child(2)>b{margin-top:0}
#s05 .pg:nth-child(2)>span{font-size:23px}
#s05 .pg .media{height:108px;border-radius:12px}
#s05 .pg>b{font-size:21px;margin-top:12px}
#s05 .pg>span{font-size:18px;line-height:1.33;margin-top:7px}
#s05 .s5b:nth-child(2){padding:26px 26px 22px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--surface-shadow);margin-top:-26px;margin-bottom:0}
#s05 .s5b:nth-child(2)>h3{font-size:29px}
#s05 .s5b:nth-child(2) .s5sub{font-size:19px;margin-bottom:25px}
#s05 .s5ch{height:190px;margin-bottom:17px}
#s05 .mtiles{gap:18px;margin-top:14px}
#s05 .mt b{font-size:35px}
#s05 .mt span{font-size:17px}
#s05 .tiny{font-size:15px;margin-top:18px}

#s06 .lane{border:1px solid var(--line);border-radius:16px}
#s06 .fcard>.media{border-radius:12px 12px 0 0}
#s07 .ecard>.media{border-radius:16px}
#s07 .ecard:first-child{border-radius:24px;box-shadow:var(--surface-shadow)}
#s08 .cv>.media{border-radius:12px}
#s08 .tiles{border-right:0;padding-right:26px}
#s08 .crow{border-left:1px solid var(--line);padding-left:28px;margin-left:-28px}
#s09 .qband{padding:26px 30px;border:1px solid rgba(195,199,217,.12);border-radius:24px;background:rgba(23,26,40,.78);backdrop-filter:blur(16px)}
#s09 .qgrid{gap:24px}
#s09 .pq{padding-right:18px}
#s09 .pq p{font-size:19px}
#s10 .ecard>.media,#s10 .film>.media{border-radius:12px}
#s11 .stp>.media{border-radius:12px}

/* Bring the actual request forward without rewriting the proposal. */
#s12>.bgs{border-radius:24px;box-shadow:var(--surface-shadow);height:430px}
#s12 h2{font-size:60px;max-width:1020px}
#s12 .sub{font-size:24px;max-width:965px}
#s12 .cols{gap:48px;margin-top:auto;padding-top:0;border-top:0;flex:0 0 366px;align-content:stretch}
#s12 .col{padding:30px 0}
#s12 .col.ask{padding:30px 36px 36px;background:var(--card2);border:1px solid var(--line2);border-radius:24px;box-shadow:var(--surface-shadow)}
#s12 .col h3{font-size:36px;margin-bottom:24px}
#s12 .col.ask h3{color:var(--on-brand)}
#s12 .col li{font-size:24px;line-height:1.38}
#s13 .ucard .ico{width:52px;height:52px;padding:10px;border-radius:12px;background:var(--card2);color:var(--purple2);top:27px}
#s14 .contacts{padding:30px 32px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--surface-shadow)}
@media print{.bar,.v7-dialog{display:none!important}.ov{border-radius:0}#s01 .kpis,#s09 .qband{backdrop-filter:none;background:rgba(23,26,40,.86)}}

/* S11: a production desk. Load after the deck's shared styles and motion layer. */
#s11 .steps6[data-production-desk] {
  height: 770px;
  display: grid;
  grid-template-columns: 294px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
}

#s11 .v8-production-nav {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
}

#s11 .v8-production-tab {
  appearance: none;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 16px;
  min-height: 108px;
  width: 100%;
  padding: 20px 20px 20px 18px;
  text-align: left;
  font: 600 23px/1.28 var(--sans, "Manrope", sans-serif);
  letter-spacing: -.022em;
  color: var(--text, #c3c7d9);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}

#s11 .v8-production-index {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  color: var(--mut, #858db3);
}

#s11 .v8-production-tab::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 180ms ease;
}

#s11 .v8-production-tab:hover {
  color: var(--ink, #fff);
  background: var(--card, #171a28);
}

#s11 .v8-production-tab[aria-selected="true"] {
  color: var(--ink, #fff);
  background: var(--card2, #23273c);
  border-color: rgba(53, 59, 87, .5);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .025);
}

#s11 .v8-production-tab[aria-selected="true"] .v8-production-index {
  color: var(--purple2, #a492f5);
}

#s11 .v8-production-tab[aria-selected="true"]::after {
  color: var(--purple2, #a492f5);
  opacity: 1;
}

#s11 .v8-production-tab:focus-visible {
  outline: 2px solid var(--purple2, #a492f5);
  outline-offset: 4px;
}

#s11 .steps6[data-production-desk] > .stp {
  grid-column: 2;
  grid-row: 1;
  display: none;
  min-width: 0;
  min-height: 0;
  padding: 32px;
  margin: 0;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 28px 36px;
  align-items: start;
  background: var(--card, #171a28);
  border: 1px solid rgba(53, 59, 87, .5);
  border-radius: 24px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .022);
  animation: none !important;
}

#s11 .steps6[data-production-desk] > .stp[data-production-active="true"] {
  display: grid;
  animation: v8-production-reveal 200ms ease-out both !important;
}

@keyframes v8-production-reveal {
  from { opacity: .35; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #s11 .steps6[data-production-desk] > .stp[data-production-active="true"] {
    animation: none !important;
  }
  #s11 .v8-production-tab, #s11 .v8-production-tab::after { transition: none; }
}

#s11 .steps6[data-production-desk] > .stp > .num {
  display: none;
}

#s11 .steps6[data-production-desk] > .stp > .media {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 100%;
  height: 100%;
  min-height: 0;
  align-self: stretch;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--bg, #10121c);
  border: 1px solid rgba(53, 59, 87, .35);
  border-radius: 16px;
  overflow: hidden;
}

#s11 .steps6[data-production-desk] .stp .mimg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#s11 .steps6[data-production-desk] .sth {
  grid-column: 2;
  grid-row: 1;
  padding-top: 22px;
}

#s11 .steps6[data-production-desk] .sth b {
  display: block;
  font-size: 42px;
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.036em;
  color: var(--ink, #fff);
}

#s11 .steps6[data-production-desk] .stl {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 0;
  padding: 0 0 20px;
  align-self: start;
}

#s11 .steps6[data-production-desk] .stl li {
  padding: 0 0 0 23px;
  font-size: 26px;
  line-height: 1.38;
  letter-spacing: -.015em;
  color: var(--text, #c3c7d9);
}

#s11 .steps6[data-production-desk] .stl li::before {
  top: .65em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--purple2, #a492f5);
}

/* Print restores the complete original five-row layout, with the current theme. */
@media print {
  #s11 .steps6[data-production-desk] {
    height: 770px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(5, minmax(0, 1fr));
    gap: 10px;
  }
  #s11 .v8-production-nav { display: none !important; }
  #s11 .steps6[data-production-desk] > .stp[data-production-active="true"] { animation: none !important; }
  #s11 .steps6[data-production-desk] > .stp {
    grid-column: 1;
    grid-row: auto;
    display: grid !important;
    grid-template-columns: 48px 222px 255px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    padding: 10px 0 0;
    border: 0;
    border-top: 1px solid rgba(53, 59, 87, .5);
    border-radius: 0;
    background: none;
    box-shadow: none;
    animation: none !important;
  }
  #s11 .steps6[data-production-desk] > .stp[data-production-index="0"] {
    padding-top: 0;
    border-top: 0;
  }
  #s11 .steps6[data-production-desk] > .stp > .num {
    display: block;
    grid-column: 1;
    grid-row: 1;
    font-size: 26px;
    align-self: start;
    margin-top: 9px;
  }
  #s11 .steps6[data-production-desk] > .stp > .media {
    grid-column: 2;
    grid-row: 1;
    width: 222px;
    height: 128px;
    min-height: 0;
    align-self: center;
    border: 0;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
  }
  #s11 .steps6[data-production-desk] .stp .mimg {
    background-size: cover;
    background-position: left top;
  }
  #s11 .steps6[data-production-desk] .sth {
    grid-column: 3;
    grid-row: 1;
    padding: 0;
  }
  #s11 .steps6[data-production-desk] .sth b {
    font-size: 27px;
    line-height: 1.2;
    letter-spacing: -.025em;
  }
  #s11 .steps6[data-production-desk] .stl {
    grid-column: 4;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    gap: 6px 28px;
    padding: 0;
    align-self: center;
  }
  #s11 .steps6[data-production-desk] .stp[data-production-index="1"] .stl,
  #s11 .steps6[data-production-desk] .stp[data-production-index="4"] .stl {
    grid-template-rows: repeat(3, auto);
  }
  #s11 .steps6[data-production-desk] .stl li {
    padding-left: 15px;
    font-size: 20px;
    line-height: 1.32;
    letter-spacing: normal;
  }
  #s11 .steps6[data-production-desk] .stl li::before {
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 0;
  }
}

/* Final refinement. Verified Figma Shared/Orange scale, not the old deck colors. */
:root{--warm-50:#f2c988;--warm-200:#edab49;--warm-300:#e89c34;--warm-400:#e08b25;--orange:var(--warm-200);--gold:var(--warm-200);--tint-orange:rgba(224,139,37,.05)}
#s07 .prize b{color:var(--warm-300)}
.ov .oh .k,.ov h4{color:var(--warm-200)}
.ov .quote{border-left-color:var(--warm-300);background:var(--tint-orange)}
#s04 .icard .lbl{color:var(--warm-50)}
.tbd{color:var(--warm-200);border-bottom-color:var(--warm-400)}

/* Controls read through spacing and state; focus rings remain keyboard-only. */
.bar{border-bottom:0;gap:10px;padding:0 22px;background:var(--bg)}
.bar .bb{border:0;background:transparent;color:var(--text);border-radius:8px;font-weight:500;box-shadow:none}
.bar .bb:hover,.bar .bb.on{border:0;background:var(--card2);color:var(--ink)}
.bar .bb.v7-chapters-trigger{border:0;background:transparent;color:var(--purple2)}
.bar .bb.v7-chapters-trigger:hover{background:var(--card2)}
.bar #b-prev,.bar #b-next{font-size:26px;padding:3px 12px;line-height:1}
.bar .cnt{font-weight:500;color:var(--mut)}
.btn,.btn.q,.slide .btn,.slide .btn.q{padding:10px 0!important;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--purple2)}
.btn:hover,.slide .btn:hover{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.v7-dialog-close,.ov .x{border:0}
#s11 .v8-production-tab,#s11 .v8-production-tab[aria-selected="true"]{border-color:transparent}

/* Restore the stronger typographic rhythm while retaining the brand text colors. */
#s09 .pq p{font-size:20px;line-height:1.4}
#s09 .qgrid{gap:24px}
#s09 .pq{padding-right:14px}
#s09 .qband{padding:26px}

/* S05 — shared heading baseline, genuine clearance after the team description,
   stable top-aligned Queue caption and a self-contained analytics panel. */
#s05 h2{font-size:62px;line-height:1.08;margin-bottom:22px}
#s05 .teamline{font-size:23px;line-height:1.4;margin:0 0 40px}
#s05 .s5g{grid-template-columns:1000px minmax(0,1fr);gap:40px;flex:1;min-height:0}
#s05 .s5b{min-height:0;display:flex;flex-direction:column}
#s05 .s5b:first-child{padding-top:26px}
#s05 .s5b>h3,#s05 .s5b:nth-child(2)>h3{font-size:30px;line-height:1.2;letter-spacing:-.025em}
#s05 .s5sub,#s05 .s5b:nth-child(2) .s5sub{font-size:20px;line-height:1.4;margin:9px 0 24px;color:var(--text)}
#s05 .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:310.5px auto;gap:24px 25px}
#s05 .pg:nth-child(2){grid-template-columns:552px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px;row-gap:12px;align-items:start}
#s05 .pg:nth-child(2) .media{width:552px;height:310.5px;border-radius:16px;grid-row:1/3;background-size:contain}
#s05 .pg:nth-child(2)>b{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:8px 0 0;align-self:start}
#s05 .pg:nth-child(2)>span{font-size:23px;line-height:1.4;margin:0;align-self:start;max-width:390px}
#s05 .pg .media{height:108px;border-radius:12px}
#s05 .pg>b{font-size:22px;line-height:1.25;margin:12px 0 0;letter-spacing:-.02em}
#s05 .pg>span{font-size:19px;line-height:1.35;margin-top:8px}
#s05 .s5b:nth-child(2){padding:26px 26px 22px;margin:0;border-radius:24px;border:0;background:var(--card);box-shadow:var(--surface-shadow)}
#s05 .s5ch{height:182px;margin:0 0 17px;border:0;flex:none}
#s05 .mtiles{margin-top:12px;gap:18px}
#s05 .mt b{font-size:37px;line-height:1.1;letter-spacing:-.04em}
#s05 .mt span{font-size:18px;line-height:1.35;margin-top:8px}
#s05 .analysis-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:16px;flex:none}
#s05 .analysis-foot .tiny{font-size:15px;line-height:1.4;margin:0;max-width:340px}
#s05 .analysis-foot .btn{font-size:17px!important;flex:none}

/* S12: the partnership request, on one connected reading path. */
#s12 { padding: 64px 96px; background: var(--bg, #10121c); }
#s12 .s12c[data-final-ask] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#s12 .s12c[data-final-ask] > h2 {
  max-width: none;
  padding: 0;
  margin: 0 0 38px;
  font-size: 62px;
  line-height: 1.08;
  letter-spacing: -.038em;
  font-weight: 700;
  color: var(--ink, #fff);
}
#s12 .s12c[data-final-ask] .cols {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 64px;
  height: 660px;
  flex: 0 0 660px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  align-items: stretch;
}
#s12 .s12c[data-final-ask] .col {
  min-width: 0;
  min-height: 0;
  padding: 36px 0 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
#s12 .s12c[data-final-ask] .col h3 {
  margin: 0 0 24px;
  padding: 0;
  font-size: 38px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.03em;
  color: var(--ink, #fff);
}
#s12 .s12c[data-final-ask] .col ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
#s12 .s12c[data-final-ask] .col li {
  padding-left: 25px;
  font-size: 27px;
  line-height: 1.38;
  letter-spacing: -.015em;
  color: var(--text, #c3c7d9);
}
#s12 .s12c[data-final-ask] .col li::before {
  content: "—";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--purple2, #a492f5);
}
#s12 .s12c[data-final-ask] .col.give {
  display: flex;
  flex-direction: column;
}
#s12 .s12c[data-final-ask] .give > .bgs {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  flex: 1;
  margin: 30px 0 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  box-shadow: none;
  opacity: 1;
  transform: none;
  animation: none;
}
#s12 .s12c[data-final-ask] .give > .bgs > .media {
  width: 100%;
  height: 100%;
  background-position: center 54%;
  background-size: cover;
  border-radius: inherit;
}
#s12 .s12c[data-final-ask] .give > .bgs video { object-fit: cover; object-position: center 54%; }
#s12 .s12c[data-final-ask] .col.ask {
  padding: 36px 40px;
  background: var(--card2, #23273c);
  border: 0;
  border-radius: 20px;
  box-shadow: none;
}
#s12 .s12c[data-final-ask] .col.ask h3 { color: var(--purple2, #a492f5); }
#s12 .s12c[data-final-ask] .ask > .sub {
  max-width: none;
  margin: 38px 0 0;
  padding: 0;
  font-size: 27px;
  line-height: 1.45;
  letter-spacing: -.012em;
  color: var(--text, #c3c7d9);
}
#s12 .s12c[data-final-ask] .ask > .sub b {
  display: block;
  margin-bottom: 8px;
  color: var(--ink, #fff);
  font-weight: 650;
}
#s12 .s12c[data-final-ask] .ask > .sub b ~ b { margin-top: 26px; }

/* Web experience, built on the verified Magic UI colors. */
:root{color-scheme:dark;--web-ease:cubic-bezier(.22,.8,.2,1)}
::selection{background:#5138bc;color:#e4ddff}
html{scrollbar-color:#353b57 #10121c}
.skip-link{position:fixed;left:16px;top:16px;transform:translateY(-180%);z-index:9999;background:#5138bc;color:#fff;border-radius:12px;padding:12px 18px;font-size:15px}.skip-link:focus{transform:none}
.bar{position:absolute;left:50%;right:auto;top:auto;bottom:16px;transform:translateX(-50%);height:52px;width:max-content;max-width:calc(100% - 48px);gap:6px;padding:6px 10px;border:0;border-radius:16px;background:rgba(23,26,40,.88);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 12px 42px #0005;z-index:30}
.bar .bb,.bar #b-prev,.bar #b-next{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;font-size:12px;font-weight:500;line-height:1;letter-spacing:0}
.bar #b-prev,.bar #b-next{font-size:28px;padding:0 10px}.bar .cnt{font-size:11px;min-width:50px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.bar kbd{display:none}.bar .bb:disabled{opacity:.25;cursor:default}.bar #b-mode{color:var(--purple2)}.bar #b-help{font-size:15px;min-width:32px;padding:0}
.bar .web-chapter-label{display:block;max-width:190px;min-width:136px;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap;padding:0 16px 0 10px;height:40px;background:transparent;border:0;color:#c3c7d9;font-size:12px;font-weight:600;border-right:1px solid rgba(133,141,179,.16);margin-right:6px}
.bar .web-chapter-label:hover{color:#fff}
body[data-mode="present"] .viewport{position:absolute;inset:0 0 86px;flex:none;background:var(--bg)}
body[data-mode="present"] .slide{transition:none;view-transition-name:none}body[data-mode="present"] .slide.active{view-transition-name:web-scene}
body[data-mode="present"] .slide:not(.active){content-visibility:hidden}
body[data-mode="present"] .snum{display:none}.progress{display:none!important}
.web-rail{position:absolute;bottom:68px;left:50%;width:min(870px,calc(100% - 64px));transform:translateX(-50%);z-index:29;display:flex;gap:5px;height:20px}
.web-step{position:relative;flex:1;min-width:0;height:20px;border:0;background:transparent;padding:8px 0;cursor:pointer}.web-step span{display:block;height:2px;border-radius:9999px;background:#353b57;transition:background .25s,height .25s,transform .25s}.web-step.web-complete span{background:#6950d5}.web-step[aria-current="step"] span{background:#edab49;height:3px;transform:translateY(-.5px)}.web-step:hover span{background:#a492f5;height:4px;transform:translateY(-1px)}
body[data-chrome="off"] .web-rail,.app:fullscreen .web-rail{display:none}body[data-chrome="off"][data-mode="present"] .viewport,.app:fullscreen .viewport{inset:0}
.help{top:auto;bottom:86px;right:24px;border:0;border-radius:16px;background:#23273c;z-index:40}.help kbd{font:inherit;font-size:12px;color:#a492f5}
#s01 .content{padding-top:165px;padding-bottom:56px}#s01 h1{font-size:150px;line-height:.96;font-weight:800;letter-spacing:-.065em;max-width:1100px}#s01 h1 .meet{font-size:46px;line-height:1.15;font-weight:500;margin-bottom:12px;letter-spacing:-.025em}
#s01 .eyebrow{font-size:17px;color:#c3c7d9;letter-spacing:.025em;margin-bottom:23px}
#s01 .sub{font-size:25px;line-height:1.52;width:890px;margin-top:27px;color:#c3c7d9}
#s01 .shade{background:linear-gradient(90deg,rgba(16,18,28,.93),rgba(16,18,28,.69) 42%,rgba(16,18,28,.04) 79%),linear-gradient(0deg,#10121c 0%,rgba(16,18,28,.05) 62%)}
#s01 .kpis{background:none;border:0;border-top:1px solid rgba(195,199,217,.18);border-radius:0;box-shadow:none;backdrop-filter:none;gap:60px;padding:27px 0 0;margin-top:auto}#s01 .kpi b{font-size:72px;letter-spacing:-.055em}#s01 .kpi span{font-size:20px;margin-top:8px}#s01 .names{margin-top:24px;font-size:18px}
.web-explore{display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:32px;padding:16px 24px;min-height:58px;border:0;border-radius:12px;color:#e4ddff;background:#5138bc;font-size:20px;line-height:1;font-weight:600;margin-top:27px;transition:background .2s,transform .25s var(--web-ease)}.web-explore:hover{background:#6950d5;transform:translateY(-2px)}.web-explore>span:last-child{font-size:24px}
.media video.loop{opacity:0;transition:opacity .6s}.media video.loop.web-video-ready{opacity:1}
body[data-motion="paused"] .lane,body[data-motion="paused"] .track,body[data-motion="paused"] .bgs .media{animation-play-state:paused!important}
body[data-mode="present"] .slide.active .rv{animation:web-content-in .65s var(--web-ease) both;animation-delay:calc(var(--i,0)*45ms)}
@keyframes web-content-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-group(web-scene){animation-duration:.55s;animation-timing-function:var(--web-ease)}
::view-transition-old(web-scene){animation:web-scene-out .5s var(--web-ease) both;mix-blend-mode:normal}
::view-transition-new(web-scene){animation:web-scene-in .55s var(--web-ease) both;mix-blend-mode:normal}
@keyframes web-scene-out{to{opacity:0;transform:translateY(-28px) scale(.985)}}
@keyframes web-scene-in{from{opacity:0;transform:translateY(42px) scale(1.015)}to{opacity:1;transform:none}}
html[data-direction="back"]::view-transition-old(web-scene){animation-name:web-scene-out-back}html[data-direction="back"]::view-transition-new(web-scene){animation-name:web-scene-in-back}
@keyframes web-scene-out-back{to{opacity:0;transform:translateY(28px) scale(.985)}}@keyframes web-scene-in-back{from{opacity:0;transform:translateY(-42px) scale(1.015)}to{opacity:1;transform:none}}
.ov{overscroll-behavior:contain;scrollbar-width:thin}.ov .x{min-height:44px;min-width:44px}.v7-dialog{overscroll-behavior:contain}.v7-dialog::backdrop{background:rgba(6,8,15,.8);backdrop-filter:blur(12px)}
@media(max-width:1100px){.bar .web-chapter-label{display:none}.bar #b-help{display:none}.web-rail{width:calc(100% - 72px);max-width:670px}}
@media(max-width:899px){.bar{bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100% - 24px);gap:1px;padding:5px 8px;height:50px;border-radius:16px}.bar .bb{font-size:11px;padding:0 9px}.bar #b-mode,.bar #b-full{display:none}.bar .cnt{font-size:10px;min-width:40px}.bar #b-prev,.bar #b-next{min-width:34px;padding:0 8px}.bar #b-chapters{color:#c3c7d9}.bar #b-motion{min-width:84px}.web-rail{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 49px);width:calc(100% - 40px);max-width:360px;gap:4px}.web-explore{font-size:16px;min-height:48px;padding:14px 20px;margin-top:24px;gap:30px}.help{bottom:84px;max-width:calc(100vw - 32px);min-width:0;right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}::view-transition-old(web-scene),::view-transition-new(web-scene){animation:none}}

body[data-motion="paused"] .rv{animation:none!important;opacity:1;transform:none}
body[data-mode="present"] .slide{box-shadow:none;border:0}

/* MAGIC RUST / READING WEBSITE
   Load after design.css. Presentation mode remains a fixed 1920 × 1080 stage.
   .viewport remains the scroll root so the deck's existing observer and media
   lifecycle continue to work. No scaling is used in the reading website. */

/* ===== Website foundation ===== */
body[data-mode="overview"] {
  --web-gutter: clamp(22px, 4.5vw, 64px);
  --web-section: clamp(72px, 7vw, 110px);
  --web-body: clamp(17px, 1.45vw, 20px);
  --web-heading: clamp(34px, 4.1vw, 58px);
  --web-gap: clamp(24px, 3vw, 44px);
  --ovz: 1;
}
body[data-mode="overview"] .app { height: 100vh; height: 100dvh; }
body[data-mode="overview"] .viewport {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--bg);
  scroll-behavior: smooth;
  scroll-padding-block: 28px;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
body[data-mode="overview"] .stage {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  transform: none !important;
  zoom: 1 !important;
  overflow: visible;
}
body[data-mode="overview"] .slide {
  position: relative !important;
  inset: auto !important;
  display: flex;
  width: 100% !important;
  max-width: 1440px;
  height: auto !important;
  min-height: 0;
  margin: 0 auto;
  padding: var(--web-section) var(--web-gutter) !important;
  flex: none;
  overflow: visible;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  zoom: 1 !important;
  transform: none !important;
  box-shadow: none;
  border: 0;
  isolation: isolate;
  font-size: var(--web-body);
  line-height: 1.5;
  scroll-margin-block-start: 24px;
}
body[data-mode="overview"] .slide + .slide { border-top: 1px solid var(--line); }
body[data-mode="overview"] .slide :where(article, section, div, ul, li) { min-width: 0; }
body[data-mode="overview"] .slide h2 {
  max-width: 1150px !important;
  margin: 0 0 36px !important;
  padding: 0 !important;
  font-size: var(--web-heading) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em;
  overflow-wrap: normal;
  text-wrap: pretty;
}
body[data-mode="overview"] .slide h3 { text-wrap: pretty; }
body[data-mode="overview"] .slide p { font-size: var(--web-body); line-height: 1.55; }
body[data-mode="overview"] .slide .sub {
  width: auto;
  max-width: 820px;
  font-size: clamp(19px, 1.7vw, 24px);
  line-height: 1.55;
}
body[data-mode="overview"] .slide > .chrome {
  position: relative;
  inset: auto;
  height: auto;
  min-height: 26px;
  margin: 0 0 40px;
}
body[data-mode="overview"] .slide:not(#s01) > .chrome { display: none; }
body[data-mode="overview"] .slide .chrome .logo { height: 26px; }
body[data-mode="overview"] .snum { display: none; }
body[data-mode="overview"] .slide .rowh {
  align-items: baseline;
  gap: 14px 24px;
  flex-wrap: wrap;
}
body[data-mode="overview"] .slide .foot {
  margin-top: 30px;
  padding-top: 0;
  gap: 12px 30px;
}
body[data-mode="overview"] .slide .btn {
  min-height: 44px;
  max-width: 100%;
  white-space: normal;
  text-align: left;
  font-size: 16px !important;
  line-height: 1.4;
}
body[data-mode="overview"] .slide .fine,
body[data-mode="overview"] .slide .tiny { font-size: 14px; line-height: 1.5; }
body[data-mode="overview"] .slide .media { max-width: 100%; }
body[data-mode="overview"] .slide .media video { max-height: none; }
body[data-mode="overview"] .slide .v7-media-target { touch-action: manipulation; }
body[data-mode="overview"] .slide .v7-media-hint { width: 32px; height: 32px; }
body[data-mode="overview"] .slide .rv,
body[data-mode="overview"] .slide .v7-cadence {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}
body[data-mode="overview"] .slide > .bgs,
body[data-mode="overview"] .slide > .media.bg { transform: none !important; }

/* ===== 01 / Full-width introduction and facts ===== */
body[data-mode="overview"] #s01 {
  min-height: min(930px, calc(100svh - 60px));
  overflow: hidden;
  padding-top: clamp(42px, 5vw, 72px) !important;
  padding-bottom: 54px !important;
}
body[data-mode="overview"] #s01 .bg { position: absolute; inset: 0; }
body[data-mode="overview"] #s01 .shade {
  background: linear-gradient(90deg, rgba(16,18,28,.96), rgba(16,18,28,.74) 48%, rgba(16,18,28,.22)),
              linear-gradient(0deg, var(--bg), rgba(16,18,28,.05) 85%);
}
body[data-mode="overview"] #s01 .content { padding: 0; height: auto; flex: 1; }
body[data-mode="overview"] #s01 .eyebrow { font-size: 14px; letter-spacing: .03em; margin: 0 0 26px; }
body[data-mode="overview"] #s01 h1 { font-size: clamp(58px, 8vw, 112px); line-height: 1.04; max-width: 950px; }
body[data-mode="overview"] #s01 h1 .meet { font-size: clamp(28px, 3vw, 42px); margin-bottom: 10px; }
body[data-mode="overview"] #s01 .sub { width: auto; max-width: 720px; margin-top: 26px; font-size: clamp(18px, 1.65vw, 22px); }
body[data-mode="overview"] #s01 .kpis {
  display: grid;
  grid-template-columns: 1.2fr .65fr .65fr 1.2fr;
  gap: 28px;
  margin-top: 66px;
  padding: 28px;
  border: 0;
  background: rgba(23,26,40,.82);
}
body[data-mode="overview"] #s01 .kpi b { font-size: clamp(36px, 3.7vw, 54px); line-height: 1.08; }
body[data-mode="overview"] #s01 .kpi span { font-size: 16px; line-height: 1.5; max-width: 290px; }
body[data-mode="overview"] #s01 .names { flex-wrap: wrap; gap: 12px 28px; font-size: 14px; margin-top: 24px; }

/* ===== 02 / Capabilities and founders ===== */
body[data-mode="overview"] #s02 .cards4 {
  grid-template-columns: 1.08fr 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 24px 30px;
}
body[data-mode="overview"] #s02 .dcard { grid-template-columns: minmax(150px,.8fr) minmax(0,1fr); gap: 22px; }
body[data-mode="overview"] #s02 .dcard .media { width: 100%; height: auto; min-height: 154px; aspect-ratio: 16/10; }
body[data-mode="overview"] #s02 .dcard h3 { font-size: 24px; line-height: 1.2; }
body[data-mode="overview"] #s02 .dcard p { font-size: 17px; line-height: 1.5; }
body[data-mode="overview"] #s02 .dcard:first-child .media { height: 100%; min-height: 530px; aspect-ratio: auto; }
body[data-mode="overview"] #s02 .dcard:first-child .body { padding: 90px 28px 28px; }
body[data-mode="overview"] #s02 .dcard:first-child h3 { font-size: 30px; }
body[data-mode="overview"] #s02 .dcard:first-child p { font-size: 19px; }
body[data-mode="overview"] #s02 .rowh { margin: 48px 0 24px; }
body[data-mode="overview"] #s02 .rowh h3 { font-size: 22px; line-height: 1.4; }
body[data-mode="overview"] #s02 .founders { gap: 32px; }
body[data-mode="overview"] #s02 .fcd { display: flex; flex-direction: column; gap: 24px; padding-top: 26px; }
body[data-mode="overview"] #s02 .fcw { align-items: center; }
body[data-mode="overview"] #s02 .fcn>b { font-size: 22px; }
body[data-mode="overview"] #s02 .chv { gap: 12px; }
body[data-mode="overview"] #s02 .chv .media { height: auto; aspect-ratio: 16/9; }
body[data-mode="overview"] #s02 .vw { font-size: 16px; white-space: normal; }
body[data-mode="overview"] #s02 .vw i { font-size: 13px; }

/* ===== 03 / A record and its measured series ===== */
body[data-mode="overview"] #s03 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  column-gap: 48px;
  row-gap: 0;
}
body[data-mode="overview"] #s03 h2 { grid-column: 1/-1; grid-row: 1; }
body[data-mode="overview"] #s03 .s3col { grid-column: 1; grid-row: 2; width: auto; }
body[data-mode="overview"] #s03 .hero { margin: 0 0 36px; }
body[data-mode="overview"] #s03 .hrow { gap: 24px; }
body[data-mode="overview"] #s03 .hrow>b { font-size: clamp(76px, 8vw, 120px); }
body[data-mode="overview"] #s03 .plus>b { font-size: 40px; }
body[data-mode="overview"] #s03 .plus i { font-size: 15px; line-height: 1.45; }
body[data-mode="overview"] #s03 .hero>span { font-size: 18px; line-height: 1.5; }
body[data-mode="overview"] #s03 .s3t { gap: 28px 22px; }
body[data-mode="overview"] #s03 .s3t .tile>b { font-size: 34px; }
body[data-mode="overview"] #s03 .s3t .tile>span { font-size: 16px; line-height: 1.5; }
body[data-mode="overview"] #s03 .bgchart {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  width: 100%;
  height: auto;
  max-width: 800px;
  aspect-ratio: 744/640;
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
  background: var(--card);
}
body[data-mode="overview"] #s03 .bgchart::before { display: none; }
body[data-mode="overview"] #s03 .bgchart svg { display: block; width: 100%; height: auto; }
body[data-mode="overview"] #s03 .foot { grid-column: 1/-1; grid-row: 3; }

/* ===== 04 / Acquisition and a browseable integration reel ===== */
body[data-mode="overview"] #s04 .flow { gap: 16px; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; padding: 26px 0; margin-bottom: 40px; }
body[data-mode="overview"] #s04 .node b { font-size: 20px; }
body[data-mode="overview"] #s04 .node span:not(.ico) { font-size: 16px; line-height: 1.5; }
body[data-mode="overview"] #s04 .arrow { width: 22px; height: 22px; }
body[data-mode="overview"] #s04 .s4t { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: none; gap: 28px; }
body[data-mode="overview"] #s04 .s4t .tile { grid-column: auto; grid-row: auto; padding: 20px 0 0; border-top: 1px solid var(--line); }
body[data-mode="overview"] #s04 .s4t .tile>b { font-size: clamp(36px, 3.4vw, 48px); }
body[data-mode="overview"] #s04 .s4t .tile>span { font-size: 18px; line-height: 1.5; }
body[data-mode="overview"] #s04 .s4t .tile:nth-child(4) {
  grid-column: 1/-1;
  grid-row: auto;
  order: -1;
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 26px 32px;
  border: 0;
  margin-bottom: 4px;
}
body[data-mode="overview"] #s04 .s4t .tile:nth-child(4)>b { font-size: clamp(48px, 4.8vw, 72px); margin: 0; }
body[data-mode="overview"] #s04 .s4t .tile:nth-child(4)>span { max-width: 520px; font-size: 21px; margin: 0; }
body[data-mode="overview"] #s04 .plus { padding-top: 20px; margin-top: 22px; }
body[data-mode="overview"] #s04 .plus b { font-size: 34px; }
body[data-mode="overview"] #s04 .plus span { font-size: 17px; line-height: 1.5; }
body[data-mode="overview"] #s04 .rowh { margin-top: 50px !important; margin-bottom: 20px; }
body[data-mode="overview"] #s04 .rowh h3 { font-size: 23px; }
body[data-mode="overview"] #s04 .marq {
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0;
  padding: 0 0 16px;
  scrollbar-color: var(--line2) transparent;
  scrollbar-width: thin;
}
body[data-mode="overview"] #s04 .track { animation: none !important; transform: none !important; width: max-content; }
body[data-mode="overview"] #s04 .track .set { gap: 22px; padding-right: 0; }
body[data-mode="overview"] #s04 .track .set + .set { display: none; }
body[data-mode="overview"] #s04 .icard { width: clamp(250px, 28vw, 330px); scroll-snap-align: start; }
body[data-mode="overview"] #s04 .icard .media { height: auto; aspect-ratio: 16/9; }
body[data-mode="overview"] #s04 .in b { font-size: 15px; }

/* ===== 05 / Product gallery, intact Queue artwork, live analytics ===== */
body[data-mode="overview"] #s05 .teamline { margin: 0 0 40px; max-width: 1050px; font-size: 20px; line-height: 1.55; }
body[data-mode="overview"] #s05 .s5g { grid-template-columns: minmax(0,1.13fr) minmax(0,.87fr); gap: 40px; align-items: start; flex: none; }
body[data-mode="overview"] #s05 .s5b,
body[data-mode="overview"] #s05 .s5b:first-child { padding-top: 0; }
body[data-mode="overview"] #s05 .s5b>h3,
body[data-mode="overview"] #s05 .s5b:nth-child(2)>h3 { font-size: 26px; }
body[data-mode="overview"] #s05 .s5sub,
body[data-mode="overview"] #s05 .s5b:nth-child(2) .s5sub { font-size: 17px; margin: 10px 0 24px; line-height: 1.5; }
body[data-mode="overview"] #s05 .pgrid { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: auto auto; gap: 30px 20px; }
body[data-mode="overview"] #s05 .pg { display: flex; flex-direction: column; gap: 0; }
body[data-mode="overview"] #s05 .pg:nth-child(2) {
  display: flex;
  flex-direction: column;
  grid-column: 1/-1;
  grid-row: 1;
  width: 100%;
  gap: 0;
}
body[data-mode="overview"] #s05 .pg:nth-child(2) .media {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  min-height: 0;
  flex: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body[data-mode="overview"] #s05 .pg:nth-child(2)>b { align-self: auto; font-size: 25px; line-height: 1.25; margin: 18px 0 8px; }
body[data-mode="overview"] #s05 .pg:nth-child(2)>span { align-self: auto; max-width: 100%; font-size: 18px; line-height: 1.5; margin: 0; }
body[data-mode="overview"] #s05 .pg .media { width: 100%; height: auto; aspect-ratio: 16/10; min-height: 0; }
body[data-mode="overview"] #s05 .pg>b { font-size: 19px; line-height: 1.3; margin-top: 14px; }
body[data-mode="overview"] #s05 .pg>span { font-size: 16px; line-height: 1.5; margin-top: 8px; }
body[data-mode="overview"] #s05 .s5b:nth-child(2) { padding: 26px; margin: 0; height: auto; min-height: 0; }
body[data-mode="overview"] #s05 .s5ch { width: 100%; height: 200px; margin: 0 0 24px; overflow: visible; }
body[data-mode="overview"] #s05 .mtiles { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 12px; }
body[data-mode="overview"] #s05 .mt b { font-size: clamp(26px, 2.5vw, 36px); white-space: normal; }
body[data-mode="overview"] #s05 .mt span { font-size: 15px; line-height: 1.5; }
body[data-mode="overview"] #s05 .analysis-foot { margin-top: 28px; padding-top: 0; flex-wrap: wrap; align-items: center; }
body[data-mode="overview"] #s05 .analysis-foot .tiny { font-size: 13px; max-width: 340px; }

/* ===== 06 / Social feeds and creators ===== */
body[data-mode="overview"] #s06 .s6g { gap: 48px; flex: none; }
body[data-mode="overview"] #s06 .feeds { height: auto; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
body[data-mode="overview"] #s06 .feed { display: flex; flex-direction: column; overflow: visible; }
body[data-mode="overview"] #s06 .fh { position: relative; inset: auto; height: auto; grid-template-rows: auto auto auto; gap: 9px; order: 0; margin-bottom: 22px; }
body[data-mode="overview"] #s06 .nm { font-size: 18px; }
body[data-mode="overview"] #s06 .nm svg { width: 22px; height: 22px; }
body[data-mode="overview"] #s06 .fh>b { font-size: clamp(32px,3.4vw,48px); line-height: 1.1; }
body[data-mode="overview"] #s06 .lk { font-size: 14px; width: auto; overflow-wrap: anywhere; }
body[data-mode="overview"] #s06 .lane {
  position: relative;
  inset: auto;
  order: 1;
  height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  mask-image: none;
  -webkit-mask-image: none;
  scrollbar-width: thin;
  scrollbar-color: var(--line2) transparent;
  overscroll-behavior-y: contain;
}
body[data-mode="overview"] #s06 .vtrack { animation: none !important; transform: none !important; }
body[data-mode="overview"] #s06 .vset + .vset { display: none; }
body[data-mode="overview"] #s06 .fcard { padding: 16px; border-bottom-width: 16px; }
body[data-mode="overview"] #s06 .fcard>.media { height: auto; aspect-ratio: 16/10; margin: -16px -16px 14px; max-width: none; }
body[data-mode="overview"] #s06 .tt>.media { aspect-ratio: 4/5; height: auto; }
body[data-mode="overview"] #s06 .ft,
body[data-mode="overview"] #s06 .ft p { font-size: 15px; line-height: 1.55; }
body[data-mode="overview"] #s06 .fm { flex-wrap: wrap; gap: 8px 12px; font-size: 12px; }
body[data-mode="overview"] #s06 .ablock { grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto auto auto auto; gap: 18px 44px; padding-top: 36px; }
body[data-mode="overview"] #s06 .ablock>h3 { font-size: 26px; }
body[data-mode="overview"] #s06 .ablock>p { font-size: 18px; line-height: 1.55; max-width: 100%; }
body[data-mode="overview"] #s06 .akp { gap: 20px; }
body[data-mode="overview"] #s06 .kp>b { font-size: 36px; }
body[data-mode="overview"] #s06 .kp>span { font-size: 16px; line-height: 1.5; }
body[data-mode="overview"] #s06 .apool .rowh h3 { font-size: 23px; }
body[data-mode="overview"] #s06 .two .kp>b { font-size: 38px; }
body[data-mode="overview"] #s06 .cpool { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 20px; margin-top: 18px; }
body[data-mode="overview"] #s06 .cn>b { font-size: 15px; }
body[data-mode="overview"] #s06 .cn>span { font-size: 13px; }
body[data-mode="overview"] #s06 .ablock>.btn { margin-top: 12px; }

/* ===== 07 / Monthly events ===== */
body[data-mode="overview"] #s07:not([data-event-stories]) .ecards { grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: repeat(2,auto); gap: 26px 32px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 22px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard>.media { min-height: 250px; height: 100%; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard .et { padding: 0; }
body[data-mode="overview"] #s07:not([data-event-stories]) .pill { max-width: 100%; width: auto !important; font-size: 14px; line-height: 1.5; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard h3 { font-size: 26px; margin: 9px 0 16px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .prize b { font-size: 42px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .estat { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .estat b { font-size: 25px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .estat span { font-size: 16px; line-height: 1.5; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child { min-height: 620px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child>.media { min-height: 0; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .et { min-height: 620px; height: 100%; padding: 28px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child h3 { font-size: 42px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .prize b { font-size: 68px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .estat { gap: 20px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .estat b { font-size: 34px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .estat span { font-size: 17px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; margin-top: 40px; padding-top: 26px; }
body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip .lead b,
body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip .it b { font-size: 19px; line-height: 1.4; }
body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip .lead span,
body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip .it span { font-size: 17px; line-height: 1.5; }

/* ===== 08 / Event results and creator coverage ===== */
body[data-mode="overview"] #s08 { overflow: hidden; }
body[data-mode="overview"] #s08 .s8c { display: flex; flex-direction: column; gap: 0; }
body[data-mode="overview"] #s08 .tiles { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: auto; gap: 28px; padding: 0; border: 0; margin: 0 0 48px; }
body[data-mode="overview"] #s08 .tile { justify-content: flex-start; padding-top: 20px; border-top: 1px solid var(--line); }
body[data-mode="overview"] #s08 .tile:first-child { border-top: 1px solid var(--line); padding-top: 20px; }
body[data-mode="overview"] #s08 .tile>b { font-size: 46px; }
body[data-mode="overview"] #s08 .tile>span { font-size: 18px; line-height: 1.5; }
body[data-mode="overview"] #s08 .crowh { font-size: 17px; margin-bottom: 22px; }
body[data-mode="overview"] #s08 .crow { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; gap: 28px 36px; padding: 0; margin: 0; border: 0; }
body[data-mode="overview"] #s08 .cv { grid-template-columns: minmax(0,.82fr) minmax(0,1fr); gap: 20px; padding-top: 20px; }
body[data-mode="overview"] #s08 .cv>.media { width: 100%; height: auto; aspect-ratio: 16/9; }
body[data-mode="overview"] #s08 .cvb>b { font-size: 18px; line-height: 1.4; }
body[data-mode="overview"] #s08 .cvw { font-size: 22px; line-height: 1.3; }
body[data-mode="overview"] #s08 .cch,
body[data-mode="overview"] #s08 .csb { font-size: 13px; line-height: 1.4; }
body[data-mode="overview"] #s08 .s8b { align-self: flex-start; padding-top: 0; margin-top: 30px; }

/* ===== 09 / One Life and audience reactions ===== */
body[data-mode="overview"] #s09 { overflow: hidden; }
body[data-mode="overview"] #s09>.bgs { position: absolute; inset: 0 0 auto; height: min(960px,100%); }
body[data-mode="overview"] #s09>.shade { background: linear-gradient(90deg,rgba(16,18,28,.91),rgba(16,18,28,.6) 60%,rgba(16,18,28,.25)),linear-gradient(0deg,var(--bg) 10%,rgba(16,18,28,.1) 90%); }
body[data-mode="overview"] #s09 .s9c { width: auto; max-width: 910px; padding: 0; }
body[data-mode="overview"] #s09 .tag-red { font-size: 16px; line-height: 1.45; margin-bottom: 22px; }
body[data-mode="overview"] #s09 .sub { font-size: clamp(19px,1.7vw,23px); max-width: 780px; margin-bottom: 24px; }
body[data-mode="overview"] #s09 .qband { position: relative; inset: auto; margin-top: 72px; padding: 30px; width: 100%; }
body[data-mode="overview"] #s09 .crowh { font-size: 16px; line-height: 1.5; margin-bottom: 28px; }
body[data-mode="overview"] #s09 .qgrid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 34px; }
body[data-mode="overview"] #s09 .pq { border-right: 0; border-top: 1px solid var(--line); padding: 20px 0 0; gap: 20px; }
body[data-mode="overview"] #s09 .pq:nth-child(-n+2) { border-top: 0; padding-top: 0; }
body[data-mode="overview"] #s09 .pq:last-child { grid-column: 1/-1; }
body[data-mode="overview"] #s09 .pq p { font-size: 19px; line-height: 1.55; font-weight: 500; }
body[data-mode="overview"] #s09 .who { font-size: 14px; line-height: 1.5; }

/* ===== 10 / Stories, then films ===== */
body[data-mode="overview"] #s10 .story { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; gap: 34px 38px; }
body[data-mode="overview"] #s10 .ecard { grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 22px; }
body[data-mode="overview"] #s10 .ecard>.media { height: auto; aspect-ratio: 4/3; width: 100%; }
body[data-mode="overview"] #s10 .et h3 { font-size: 24px; line-height: 1.25; }
body[data-mode="overview"] #s10 .et p { font-size: 17px; line-height: 1.55; }
body[data-mode="overview"] #s10>.rowh { margin: 48px 0 24px !important; padding-top: 28px; }
body[data-mode="overview"] #s10>.rowh h3 { font-size: 25px; }
body[data-mode="overview"] #s10 .nt { font-size: 16px; }
body[data-mode="overview"] #s10 .films { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
body[data-mode="overview"] #s10 .film>.media { width: 100%; height: auto; aspect-ratio: 16/9; }
body[data-mode="overview"] #s10 .fm>b { min-height: 0; font-size: 18px; line-height: 1.4; }
body[data-mode="overview"] #s10 .fm>span { font-size: 14px; line-height: 1.5; }
body[data-mode="overview"] #s10 .fm>.vw { font-size: 22px; gap: 6px 12px; }
body[data-mode="overview"] #s10 .vw i { font-size: 14px; }

/* ===== 11 / Production desk, responsive tabs and a real document view ===== */
body[data-mode="overview"] #s11 .steps6,
body[data-mode="overview"] #s11 .steps6[data-production-desk] {
  height: auto;
  min-height: 0;
  grid-template-columns: 240px minmax(0,1fr);
  grid-template-rows: auto;
  gap: 26px;
  align-items: start;
  flex: none;
}
body[data-mode="overview"] #s11 .v8-production-nav { gap: 8px; padding: 0; }
body[data-mode="overview"] #s11 .v8-production-tab { grid-template-columns: 24px minmax(0,1fr) 8px; min-height: 82px; gap: 12px; padding: 18px 16px; font-size: 18px; line-height: 1.35; }
body[data-mode="overview"] #s11 .v8-production-index { font-size: 14px; }
body[data-mode="overview"] #s11 .steps6[data-production-desk]>.stp { grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto 1fr; padding: 26px; gap: 22px 28px; min-height: 500px; }
body[data-mode="overview"] #s11 .steps6[data-production-desk]>.stp>.media { width: 100%; height: auto; min-height: 300px; aspect-ratio: 4/5; align-self: start; grid-row: 1/3; }
body[data-mode="overview"] #s11 .steps6[data-production-desk] .sth { padding-top: 0; }
body[data-mode="overview"] #s11 .steps6[data-production-desk] .sth b { font-size: 29px; line-height: 1.2; }
body[data-mode="overview"] #s11 .steps6[data-production-desk] .stl { gap: 18px; padding-bottom: 0; }
body[data-mode="overview"] #s11 .steps6[data-production-desk] .stl li { font-size: 18px; line-height: 1.55; padding-left: 18px; }

/* ===== 12 / A connected proposal ===== */
body[data-mode="overview"] #s12 .s12c,
body[data-mode="overview"] #s12 .s12c[data-final-ask] { height: auto; flex: none; }
body[data-mode="overview"] #s12 .cols,
body[data-mode="overview"] #s12 .s12c[data-final-ask] .cols { grid-template-columns: minmax(0,1fr) minmax(0,1.04fr); height: auto; flex: none; min-height: 0; gap: 44px; margin: 0; padding: 0; align-items: start; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .col { padding: 22px 0 0; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .col h3 { font-size: 29px; line-height: 1.25; margin-bottom: 24px; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .col ul { gap: 15px; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .col li { font-size: 20px; line-height: 1.55; padding-left: 24px; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .give>.bgs { width: 100%; height: auto; min-height: 0; aspect-ratio: 16/10; flex: none; margin-top: 32px; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .give>.bgs>.media { position: absolute; inset: 0; width: 100%; height: 100%; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .col.ask { padding: 30px; border-radius: 20px; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .ask>.sub { font-size: 20px; line-height: 1.55; margin-top: 32px; }
body[data-mode="overview"] #s12 .s12c[data-final-ask] .ask>.sub b~b { margin-top: 24px; }

/* ===== 13 / Four concrete capabilities ===== */
body[data-mode="overview"] #s13>.sub { max-width: 900px; font-size: 22px; }
body[data-mode="overview"] #s13 .cards4 { height: auto; flex: none; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto; gap: 10px 44px; margin-top: 38px; }
body[data-mode="overview"] #s13 .ucard { padding: 28px 0 30px 68px; gap: 16px; }
body[data-mode="overview"] #s13 .ucard .ico { top: 28px; width: 44px; height: 44px; padding: 9px; }
body[data-mode="overview"] #s13 .ucard h3 { font-size: 27px; line-height: 1.25; }
body[data-mode="overview"] #s13 .ucard p { font-size: 19px; line-height: 1.55; }
body[data-mode="overview"] #s13 .closing { font-size: clamp(24px,2.7vw,34px); line-height: 1.4; margin-top: 30px; }

/* ===== 14 / Closing invitation ===== */
body[data-mode="overview"] #s14 { min-height: 680px; justify-content: center; }
body[data-mode="overview"] #s14 h2 { font-size: clamp(28px,3.4vw,46px) !important; line-height: 1.25 !important; margin: 0 0 28px !important; font-weight: 500; }
body[data-mode="overview"] #s14 .thanks-main { font-size: clamp(64px,9vw,136px); line-height: 1.04; margin-bottom: 32px; }
body[data-mode="overview"] #s14>.sub { font-size: 21px; max-width: 820px; }
body[data-mode="overview"] #s14 .contacts { grid-template-columns: 1fr 1.2fr 1fr 1.3fr; gap: 22px; margin-top: 76px; padding: 28px; font-size: 18px; line-height: 1.5; }
body[data-mode="overview"] #s14 .contacts a { overflow-wrap: anywhere; }

/* ===== Detail panels: viewport-sized, never scaled with the presentation ===== */
body[data-mode="overview"] .ovbd { position: fixed; inset: 0 !important; }
body[data-mode="overview"] .ov {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(900px,100vw);
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  padding: 30px 36px 48px;
  zoom: 1 !important;
  font-size: 18px;
  line-height: 1.55;
  overflow-y: auto;
  overflow-x: hidden;
}
body[data-mode="overview"] .ov .oh { top: -30px; margin: -30px -36px 30px; padding: 20px 36px; gap: 20px; }
body[data-mode="overview"] .ov .x { width: 44px; height: 44px; flex-basis: 44px; }
body[data-mode="overview"] .ov h3 { font-size: clamp(28px,3vw,38px); margin-bottom: 26px; }
body[data-mode="overview"] .ov h4 { font-size: 21px; margin: 30px 0 16px; }
body[data-mode="overview"] .ov p,
body[data-mode="overview"] .ov .fine { font-size: 18px !important; line-height: 1.6; }
body[data-mode="overview"] .ov li { font-size: 18px; line-height: 1.55; }
body[data-mode="overview"] .ov .grid { gap: 18px; }
body[data-mode="overview"] .ov .tile { padding: 22px; min-height: 0; }
body[data-mode="overview"] .ov .tile b { font-size: 38px; }
body[data-mode="overview"] .ov .tile span { font-size: 17px; line-height: 1.5; }
body[data-mode="overview"] .ov .tile em { font-size: 15px; }
body[data-mode="overview"] .ov table,
body[data-mode="overview"] .ov .tbl {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--line2) transparent;
  margin: 16px 0 24px;
  table-layout: auto;
}
body[data-mode="overview"] .ov th,
body[data-mode="overview"] .ov td { min-width: 120px; padding: 14px 12px; font-size: 16px; line-height: 1.5; }
body[data-mode="overview"] .ov th { font-size: 14px; }
body[data-mode="overview"] #o1 table td { font-size: 16px; }
body[data-mode="overview"] #o7 table td:last-child { font-size: 15px; }
body[data-mode="overview"] .ov .pcard { height: 320px; min-height: 0; }
body[data-mode="overview"] .ov .eRow { grid-template-columns: minmax(160px,.65fr) minmax(0,1.35fr); gap: 24px; }
body[data-mode="overview"] .ov .note { font-size: 15px; }
body[data-mode="overview"] .ov .hero b { font-size: 64px; }
body[data-mode="overview"] .ov .hero span { font-size: 20px; }
body[data-mode="overview"] .ov .quote { font-size: 21px; padding: 24px; }

/* ===== Tablet / narrower reading windows ===== */
@media (max-width: 1100px) {
  body[data-mode="overview"] #s01 .kpis { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 24px; gap: 22px; }
  body[data-mode="overview"] #s01 .kpi b { font-size: 36px; }
  body[data-mode="overview"] #s01 .kpi span { font-size: 15px; }
  body[data-mode="overview"] #s02 .cards4 { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto; gap: 34px 28px; }
  body[data-mode="overview"] #s02 .dcard,
  body[data-mode="overview"] #s02 .dcard:first-child { display: flex; flex-direction: column; grid-row: auto; overflow: visible; box-shadow: none; }
  body[data-mode="overview"] #s02 .dcard .media,
  body[data-mode="overview"] #s02 .dcard:first-child .media { height: auto; min-height: 0; aspect-ratio: 16/10; }
  body[data-mode="overview"] #s02 .dcard:first-child .body { position: static; padding: 0; background: none; }
  body[data-mode="overview"] #s02 .dcard .body { align-self: stretch; }
  body[data-mode="overview"] #s02 .dcard:first-child h3 { font-size: 24px; }
  body[data-mode="overview"] #s02 .dcard:first-child p { font-size: 17px; }
  body[data-mode="overview"] #s03 { display: flex; }
  body[data-mode="overview"] #s03 h2 { order: 0; }
  body[data-mode="overview"] #s03 .s3col { order: 1; }
  body[data-mode="overview"] #s03 .bgchart { order: 2; align-self: center; max-width: 744px; margin-top: 44px; }
  body[data-mode="overview"] #s03 .foot { order: 3; }
  body[data-mode="overview"] #s03 .s3t { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body[data-mode="overview"] #s04 .flow { gap: 12px; grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; }
  body[data-mode="overview"] #s04 .node b { font-size: 18px; }
  body[data-mode="overview"] #s04 .node span:not(.ico) { font-size: 15px; }
  body[data-mode="overview"] #s04 .s4t { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 32px; }
  body[data-mode="overview"] #s05 .s5g { grid-template-columns: minmax(0,1fr); gap: 44px; }
  body[data-mode="overview"] #s05 .s5b:nth-child(2) { padding: 32px; }
  body[data-mode="overview"] #s05 .s5ch { height: 260px; }
  body[data-mode="overview"] #s05 .mt b { font-size: 36px; }
  body[data-mode="overview"] #s05 .mt span { font-size: 17px; }
  body[data-mode="overview"] #s06 .feeds { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 28px; }
  body[data-mode="overview"] #s06 .fh>b { font-size: 44px; }
  body[data-mode="overview"] #s06 .ablock { display: flex; flex-direction: column; gap: 22px; }
  body[data-mode="overview"] #s06 .apool { margin-top: 20px; padding-top: 30px; border-top: 1px solid var(--line); }
  body[data-mode="overview"] #s06 .cpool { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecards { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto; gap: 32px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child { grid-column: 1/-1; grid-row: auto; min-height: 540px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .et { min-height: 540px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:not(:first-child) { display: flex; flex-direction: column; gap: 22px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:not(:first-child)>.media { height: auto; min-height: 0; aspect-ratio: 16/10; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-mode="overview"] #s08 .tiles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  body[data-mode="overview"] #s08 .cv { display: flex; flex-direction: column; gap: 16px; }
  body[data-mode="overview"] #s08 .cv>.media { width: 100%; }
  body[data-mode="overview"] #s10 .story { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body[data-mode="overview"] #s10 .ecard { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 28px; }
  body[data-mode="overview"] #s10 .et p { font-size: 18px; }
  body[data-mode="overview"] #s10 .films { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 28px; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk] { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body[data-mode="overview"] #s11 .v8-production-nav { grid-column: 1; grid-row: 1; flex-direction: row; overflow-x: auto; padding: 4px 0 14px; scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
  body[data-mode="overview"] #s11 .v8-production-tab { width: 190px; flex: 0 0 190px; min-height: 76px; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk]>.stp { grid-column: 1; grid-row: 2; min-height: 0; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk]>.stp>.media { aspect-ratio: 4/5; min-height: 0; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .cols { gap: 28px; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col h3 { font-size: 25px; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col li,
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .ask>.sub { font-size: 18px; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col.ask { padding: 26px; }
  body[data-mode="overview"] #s13 .ucard { padding-left: 58px; }
  body[data-mode="overview"] #s13 .ucard h3 { font-size: 25px; }
  body[data-mode="overview"] #s13 .ucard p { font-size: 18px; }
  body[data-mode="overview"] #s14 .contacts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 32px; }
}

/* ===== Mobile / a flowing reading experience, never a tiny slide ===== */
@media (max-width: 650px) {
  body[data-mode="overview"] { --web-gutter: 22px; --web-section: 64px; --web-heading: clamp(32px,8.7vw,40px); }
  body[data-mode="overview"] .slide h2 { margin-bottom: 28px !important; }
  body[data-mode="overview"] .slide .rowh .btn { margin-left: 0; }
  body[data-mode="overview"] #s01 { min-height: 0; padding-top: 34px !important; padding-bottom: 42px !important; }
  body[data-mode="overview"] #s01 .chrome { margin-bottom: 42px; }
  body[data-mode="overview"] #s01 .bg { background-position: 59% top; }
  body[data-mode="overview"] #s01 .bg video { object-position: 59% top; }
  body[data-mode="overview"] #s01 .eyebrow { font-size: 12px; line-height: 1.55; max-width: 260px; }
  body[data-mode="overview"] #s01 h1 { font-size: clamp(53px,13.5vw,72px); letter-spacing: -.055em; }
  body[data-mode="overview"] #s01 h1 .meet { font-size: 28px; }
  body[data-mode="overview"] #s01 .sub { font-size: 18px; margin-top: 24px; }
  body[data-mode="overview"] #s01 .kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; padding: 24px 20px; margin-top: 42px; }
  body[data-mode="overview"] #s01 .kpi b { font-size: 32px; letter-spacing: -.055em; }
  body[data-mode="overview"] #s01 .kpi span { font-size: 14px; line-height: 1.5; }
  body[data-mode="overview"] #s01 .names { display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
  body[data-mode="overview"] #s02 .cards4 { grid-template-columns: minmax(0,1fr); gap: 34px; }
  body[data-mode="overview"] #s02 .dcard { gap: 18px; }
  body[data-mode="overview"] #s02 .dcard h3,
  body[data-mode="overview"] #s02 .dcard:first-child h3 { font-size: 25px; }
  body[data-mode="overview"] #s02 .dcard p,
  body[data-mode="overview"] #s02 .dcard:first-child p { font-size: 18px; }
  body[data-mode="overview"] #s02 .founders { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body[data-mode="overview"] #s02 .rowh h3 { font-size: 23px; }
  body[data-mode="overview"] #s02 .fcw .av { width: 52px; height: 52px; }
  body[data-mode="overview"] #s02 .ytline { flex-wrap: wrap; font-size: 14px; }
  body[data-mode="overview"] #s02 .vw { font-size: 14px; }
  body[data-mode="overview"] #s02 .vw i { display: block; font-size: 12px; }
  body[data-mode="overview"] #s03 .hrow { gap: 18px; }
  body[data-mode="overview"] #s03 .hrow>b { font-size: 76px; }
  body[data-mode="overview"] #s03 .plus>b { font-size: 34px; }
  body[data-mode="overview"] #s03 .plus i { font-size: 13px; }
  body[data-mode="overview"] #s03 .hero>span { font-size: 17px; }
  body[data-mode="overview"] #s03 .s3t { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 22px; }
  body[data-mode="overview"] #s03 .s3t .tile>b { font-size: 31px; }
  body[data-mode="overview"] #s03 .s3t .tile>span { font-size: 16px; }
  /* The original record chart has an authored 744px SVG. Preserve readable axes
     and allow this chart alone to pan; do not scale the whole page down. */
  body[data-mode="overview"] #s03 .bgchart { aspect-ratio: auto; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
  body[data-mode="overview"] #s03 .bgchart svg { width: 640px; min-width: 640px; max-width: none; height: auto; }
  body[data-mode="overview"] #s04 .flow { grid-template-columns: minmax(0,1fr); gap: 12px; padding: 24px 0; }
  body[data-mode="overview"] #s04 .node { padding: 8px 0; }
  body[data-mode="overview"] #s04 .node b { font-size: 21px; }
  body[data-mode="overview"] #s04 .node span:not(.ico) { font-size: 16px; }
  body[data-mode="overview"] #s04 .arrow { transform: rotate(90deg); width: 20px; height: 20px; margin-left: 2px; }
  body[data-mode="overview"] #s04 .s4t { gap: 28px 22px; }
  body[data-mode="overview"] #s04 .s4t .tile>b { font-size: 34px; }
  body[data-mode="overview"] #s04 .s4t .tile>span { font-size: 16px; }
  body[data-mode="overview"] #s04 .s4t .tile:nth-child(4) { display: block; padding: 24px; }
  body[data-mode="overview"] #s04 .s4t .tile:nth-child(4)>b { font-size: 49px; white-space: normal; }
  body[data-mode="overview"] #s04 .s4t .tile:nth-child(4)>span { font-size: 18px; margin-top: 12px; }
  body[data-mode="overview"] #s04 .plus b { font-size: 32px; }
  body[data-mode="overview"] #s04 .plus span { font-size: 16px; }
  body[data-mode="overview"] #s04 .rowh h3 { font-size: 23px; }
  body[data-mode="overview"] #s04 .icard { width: 270px; }
  body[data-mode="overview"] #s05 .teamline { font-size: 18px; margin-bottom: 34px; }
  body[data-mode="overview"] #s05 .pgrid { grid-template-columns: minmax(0,1fr); grid-template-rows: none; gap: 32px; }
  body[data-mode="overview"] #s05 .pg:nth-child(n) { grid-column: auto; grid-row: auto; }
  body[data-mode="overview"] #s05 .pg:nth-child(2) { order: -1; }
  body[data-mode="overview"] #s05 .pg .media { aspect-ratio: 16/9; }
  body[data-mode="overview"] #s05 .pg>b { font-size: 23px; }
  body[data-mode="overview"] #s05 .pg>span { font-size: 17px; }
  body[data-mode="overview"] #s05 .s5b:nth-child(2) { padding: 24px 18px; border-radius: 20px; }
  body[data-mode="overview"] #s05 .s5b>h3,
  body[data-mode="overview"] #s05 .s5b:nth-child(2)>h3 { font-size: 25px; }
  body[data-mode="overview"] #s05 .s5ch { height: 220px; margin-bottom: 26px; }
  body[data-mode="overview"] #s05 .mtiles { grid-template-columns: minmax(0,1fr); gap: 22px; margin-top: 16px; }
  body[data-mode="overview"] #s05 .mt { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 16px; padding-top: 18px; border-top: 1px solid var(--line); }
  body[data-mode="overview"] #s05 .mt b { font-size: 30px; }
  body[data-mode="overview"] #s05 .mt span { font-size: 15px; margin: 0; }
  body[data-mode="overview"] #s05 .analysis-foot { gap: 12px; }
  body[data-mode="overview"] #s06 .feeds { grid-template-columns: minmax(0,1fr); gap: 38px; }
  body[data-mode="overview"] #s06 .lane { height: 340px; }
  body[data-mode="overview"] #s06 .fh { gap: 8px; margin-bottom: 18px; }
  body[data-mode="overview"] #s06 .fh>b { font-size: 48px; }
  body[data-mode="overview"] #s06 .lk { font-size: 16px; }
  body[data-mode="overview"] #s06 .three { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
  body[data-mode="overview"] #s06 .three .kp:last-child { grid-column: 1/-1; }
  body[data-mode="overview"] #s06 .kp>b,
  body[data-mode="overview"] #s06 .two .kp>b { font-size: 37px; }
  body[data-mode="overview"] #s06 .two { gap: 22px; }
  body[data-mode="overview"] #s06 .cpool { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; }
  body[data-mode="overview"] #s06 .ccard { gap: 9px; }
  body[data-mode="overview"] #s06 .ccard .av { width: 32px; height: 32px; }
  body[data-mode="overview"] #s06 .cn>b { font-size: 14px; }
  body[data-mode="overview"] #s06 .cn>span { font-size: 12px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecards { grid-template-columns: minmax(0,1fr); gap: 36px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child { display: flex; flex-direction: column; grid-column: auto; min-height: 0; overflow: visible; box-shadow: none; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child::after { display: none; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child>.media { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 16/10; flex: none; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .et { min-height: 0; height: auto; padding: 0; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard h3,
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child h3 { font-size: 29px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .prize { margin-top: 10px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .prize b { font-size: 52px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .estat b { font-size: 29px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .ecard:first-child .estat span { font-size: 16px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip { grid-template-columns: minmax(0,1fr); gap: 25px; }
  body[data-mode="overview"] #s07:not([data-event-stories]) .evstrip .lead b { max-width: none; font-size: 21px; }
  body[data-mode="overview"] #s08 .tiles { gap: 28px 22px; }
  body[data-mode="overview"] #s08 .tile>b { font-size: 38px; }
  body[data-mode="overview"] #s08 .tile>span { font-size: 16px; }
  body[data-mode="overview"] #s08 .crow { grid-template-columns: minmax(0,1fr); gap: 26px; }
  body[data-mode="overview"] #s08 .cv { display: grid; grid-template-columns: minmax(0,.76fr) minmax(0,1fr); gap: 16px; }
  body[data-mode="overview"] #s08 .cv:nth-child(2) { border-top: 1px solid var(--line); padding-top: 20px; }
  body[data-mode="overview"] #s08 .cvb>b { font-size: 17px; }
  body[data-mode="overview"] #s08 .cvw { font-size: 20px; }
  body[data-mode="overview"] #s09>.bgs { height: 680px; }
  body[data-mode="overview"] #s09>.shade { background: linear-gradient(90deg,rgba(16,18,28,.87),rgba(16,18,28,.61)),linear-gradient(0deg,var(--bg) 28%,rgba(16,18,28,0) 90%); }
  body[data-mode="overview"] #s09 .tag-red { font-size: 15px; }
  body[data-mode="overview"] #s09 .qband { padding: 24px; margin-top: 42px; }
  body[data-mode="overview"] #s09 .qgrid { grid-template-columns: minmax(0,1fr); gap: 26px; }
  body[data-mode="overview"] #s09 .pq:nth-child(2) { border-top: 1px solid var(--line); padding-top: 20px; }
  body[data-mode="overview"] #s09 .pq p { font-size: 18px; line-height: 1.6; }
  body[data-mode="overview"] #s09 .who { font-size: 13px; }
  body[data-mode="overview"] #s10 .ecard { display: flex; flex-direction: column; gap: 20px; }
  body[data-mode="overview"] #s10 .ecard>.media { aspect-ratio: 16/10; }
  body[data-mode="overview"] #s10 .et h3 { font-size: 25px; }
  body[data-mode="overview"] #s10 .films { gap: 28px 20px; }
  body[data-mode="overview"] #s10 .fm>b { font-size: 17px; }
  body[data-mode="overview"] #s10 .fm>span { font-size: 13px; }
  body[data-mode="overview"] #s10 .fm>.vw { font-size: 21px; }
  body[data-mode="overview"] #s10 .vw i { font-size: 13px; }
  body[data-mode="overview"] #s11 .v8-production-tab { flex-basis: 170px; width: 170px; font-size: 17px; padding: 16px 14px; gap: 10px; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk]>.stp { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto auto; gap: 22px; padding: 24px 20px; border-radius: 20px; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk] .sth { grid-column: 1; grid-row: 1; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk] .sth b { font-size: 28px; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk]>.stp>.media { grid-column: 1; grid-row: 2; aspect-ratio: 4/3; height: auto; width: 100%; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk] .stl { grid-column: 1; grid-row: 3; gap: 18px; }
  body[data-mode="overview"] #s11 .steps6[data-production-desk] .stl li { font-size: 17px; line-height: 1.6; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .cols { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col { padding: 0; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col h3 { font-size: 28px; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col li,
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .ask>.sub { font-size: 18px; line-height: 1.6; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .col.ask { padding: 26px 24px; }
  body[data-mode="overview"] #s12 .s12c[data-final-ask] .give>.bgs { aspect-ratio: 16/10; margin-top: 26px; }
  body[data-mode="overview"] #s13>.sub { font-size: 19px; }
  body[data-mode="overview"] #s13 .cards4 { grid-template-columns: minmax(0,1fr); grid-template-rows: none; gap: 0; margin-top: 30px; }
  body[data-mode="overview"] #s13 .ucard { padding: 26px 0 30px 58px; gap: 14px; }
  body[data-mode="overview"] #s13 .ucard .ico { width: 38px; height: 38px; top: 26px; padding: 8px; }
  body[data-mode="overview"] #s13 .ucard h3 { font-size: 24px; }
  body[data-mode="overview"] #s13 .ucard p { font-size: 18px; }
  body[data-mode="overview"] #s14 { min-height: 0; }
  body[data-mode="overview"] #s14 .thanks-main { font-size: clamp(60px,16vw,90px); margin-bottom: 26px; }
  body[data-mode="overview"] #s14 h2 { font-size: 28px !important; }
  body[data-mode="overview"] #s14>.sub { font-size: 18px; }
  body[data-mode="overview"] #s14 .contacts { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 26px; margin-top: 42px; font-size: 18px; }
  body[data-mode="overview"] .ov { width: 100vw; padding: 24px 22px 40px; border-radius: 0; border: 0; }
  body[data-mode="overview"] .ov .oh { top: -24px; margin: -24px -22px 26px; padding: 16px 22px; }
  body[data-mode="overview"] .ov .oh .k { font-size: 13px; }
  body[data-mode="overview"] .ov .grid,
  body[data-mode="overview"] #o4 .grid { grid-template-columns: minmax(0,1fr); }
  body[data-mode="overview"] .ov .tile b { font-size: 37px; }
  body[data-mode="overview"] .ov .eRow { grid-template-columns: minmax(0,1fr); }
  body[data-mode="overview"] .ov .pcard,
  body[data-mode="overview"] .ov #o2-daily,
  body[data-mode="overview"] .ov #o2-hourly,
  body[data-mode="overview"] .ov .dashfull { height: 270px; }
  body[data-mode="overview"] .ov .quote { font-size: 19px; padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-mode="overview"] .viewport { scroll-behavior: auto; }
}

/* Integration with the website's floating bottom navigation and new CTA. */
body[data-mode="overview"] .viewport {
  height: 100vh;
  height: 100dvh;
  padding-bottom: 96px;
  scroll-padding-bottom: 112px;
}
body[data-mode="overview"] #s01>.chrome {
  position: relative;
  inset: auto;
  height: 26px;
  min-height: 26px;
  margin: 0 0 40px;
}
body[data-mode="overview"] #s01 .web-explore {
  position: relative;
  align-self: flex-start;
  margin-top: 28px;
  min-height: 52px;
  padding: 15px 22px;
  font-size: 17px;
  line-height: 1.25;
}

/* The timeline and chart form one unit, alongside the numerical evidence. */
body[data-mode="overview"] #s03 .web-record-viewer {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  gap: 20px;
  min-width: 0;
  width: 100%;
  margin: 0;
}
body[data-mode="overview"] #s03 .web-record-viewer .bgchart { align-self: auto; margin: 0; }
body[data-mode="overview"] #s03 .web-record-controls {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}
@media (max-width: 1100px) {
  body[data-mode="overview"] #s03 .web-record-viewer { order: 2; margin-top: 42px; align-self: center; max-width: 744px; }
  body[data-mode="overview"] #s03 .foot { order: 3; }
}
@media (max-width: 650px) {
  body[data-mode="overview"] #s01>.chrome { margin-bottom: 38px; }
  body[data-mode="overview"] #s01 .web-explore { font-size: 16px; min-height: 50px; margin-top: 26px; padding: 14px 20px; }
  body[data-mode="overview"] #s03 .web-record-viewer { gap: 18px; margin-top: 34px; }
}

/* One event owns the scene. Existing event evidence remains in its original panel. */
#s07[data-event-stories] h2 { margin-bottom: 20px; }
#s07[data-event-stories] .web-story-nav {
  display: flex;
  align-items: stretch;
  gap: 42px;
  flex: none;
  margin: 0 0 24px;
  padding: 0;
  border-bottom: 1px solid var(--line, rgba(53,59,87,.5));
}
#s07[data-event-stories] .web-story-tab {
  appearance: none;
  position: relative;
  padding: 8px 0 18px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mut, #858db3);
  font: 600 25px/1.3 var(--sans, "Manrope", sans-serif);
  letter-spacing: -.025em;
  text-align: left;
  cursor: pointer;
  transition: color 180ms ease;
}
#s07[data-event-stories] .web-story-tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--purple2, #a492f5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
}
#s07[data-event-stories] .web-story-tab:hover,
#s07[data-event-stories] .web-story-tab[aria-selected="true"] { color: var(--ink, #fff); }
#s07[data-event-stories] .web-story-tab[aria-selected="true"]::after { transform: scaleX(1); }
#s07[data-event-stories] .web-story-tab:focus-visible { outline: 2px solid var(--purple2, #a492f5); outline-offset: 6px; border-radius: 4px; }

#s07[data-event-stories] .ecards {
  position: relative;
  display: block;
  height: 510px;
  min-height: 0;
  flex: 0 0 510px;
  isolation: isolate;
}
#s07[data-event-stories] .ecards > .ecard,
#s07[data-event-stories] .ecards > .ecard:first-child {
  position: absolute;
  inset: 0;
  grid-column: auto;
  grid-row: auto;
  display: none;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: var(--card, #171a28);
  box-shadow: none;
  overflow: hidden;
  animation: none !important;
}
#s07[data-event-stories] .ecards > .ecard[data-story-active="true"] {
  display: block;
  animation: web-event-in 300ms ease-out both !important;
}
#s07[data-event-stories] .ecards > .ecard::after { content: none; }
#s07[data-event-stories] .ecards > .ecard > .media {
  position: absolute;
  inset: 0 auto 0 0;
  width: 64%;
  height: 100%;
  min-height: 0;
  background-size: cover;
  background-position: center;
  border: 0;
  border-radius: 0;
}
#s07[data-event-stories] .ecard > .media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 73%, var(--card, #171a28) 100%);
}
#s07[data-event-stories] .ecard > .media video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
#s07[data-event-stories] .ecard > .media .v7-media-hint { right: 25%; }
#s07[data-event-stories] .ecards > .ecard .et,
#s07[data-event-stories] .ecards > .ecard:first-child .et {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  height: 100%;
  margin-left: 60%;
  padding: 32px 38px 30px 16px;
}
#s07[data-event-stories] .ecard .pill {
  max-width: 100%;
  white-space: normal;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--text, #c3c7d9);
}
#s07[data-event-stories] .ecards > .ecard h3,
#s07[data-event-stories] .ecards > .ecard:first-child h3 {
  margin: 12px 0 0;
  font-size: 49px;
  line-height: 1.07;
  letter-spacing: -.038em;
  font-weight: 700;
  color: var(--ink, #fff);
}
#s07[data-event-stories] .ecards > .ecard .prize,
#s07[data-event-stories] .ecards > .ecard:first-child .prize { margin: 26px 0 0; }
#s07[data-event-stories] .ecards > .ecard .prize b,
#s07[data-event-stories] .ecards > .ecard:first-child .prize b {
  font-size: 84px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.055em;
  color: var(--warm-300, #e89c34);
}
#s07[data-event-stories] .ecards > .ecard .estat,
#s07[data-event-stories] .ecards > .ecard:first-child .estat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  width: 100%;
  margin: auto 0 0;
  padding: 24px 0 0;
  border: 0;
}
#s07[data-event-stories] .ecards > .ecard .estat b,
#s07[data-event-stories] .ecards > .ecard:first-child .estat b {
  font-size: 39px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.03em;
  color: var(--orange, #edab49);
}
#s07[data-event-stories] .ecards > .ecard .estat .up b { color: var(--green2, #73b148); }
#s07[data-event-stories] .ecards > .ecard .estat span,
#s07[data-event-stories] .ecards > .ecard:first-child .estat span {
  display: block;
  max-width: none;
  margin-top: 10px;
  font-size: 21px;
  line-height: 1.35;
  color: var(--text, #c3c7d9);
}
#s07[data-event-stories] .evstrip { margin-top: 26px; padding-top: 22px; border-top: 0; }
#s07[data-event-stories] .foot { margin-top: auto; padding-top: 16px; }
@keyframes web-event-in { from { opacity: .35; } to { opacity: 1; } }

/* A continuous website has natural height; it is not a scaled slide. */
body[data-mode="overview"] #s07[data-event-stories] { height: auto; min-height: 0; overflow: visible; }
body[data-mode="overview"] #s07[data-event-stories] .web-story-nav { gap: clamp(24px, 4vw, 60px); margin-bottom: 28px; }
body[data-mode="overview"] #s07[data-event-stories] .web-story-tab { font-size: clamp(20px, 2vw, 25px); }
body[data-mode="overview"] #s07[data-event-stories] .ecards { height: auto; min-height: 0; flex: none; }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard {
  position: relative;
  inset: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 0;
  height: auto;
  min-height: 500px;
}
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard[data-story-active="true"] { display: grid; }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard > .media {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-height: 400px;
  align-self: stretch;
}
body[data-mode="overview"] #s07[data-event-stories] .ecard > .media::after { content: none; }
body[data-mode="overview"] #s07[data-event-stories] .ecard > .media .v7-media-hint { right: 18px; }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .et {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: auto;
  margin: 0;
  padding: clamp(26px, 3vw, 44px);
}
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard h3 { font-size: clamp(34px, 3.5vw, 49px); }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .prize b { font-size: clamp(64px, 6vw, 84px); }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat { margin-top: 30px; padding-top: 0; }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat b { font-size: clamp(30px, 3vw, 39px); }
body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat span { font-size: clamp(18px, 1.65vw, 21px); }
body[data-mode="overview"] #s07[data-event-stories] .evstrip { margin-top: 36px; padding-top: 0; gap: 32px; }
body[data-mode="overview"] #s07[data-event-stories] .foot { margin-top: 28px; }

@media (max-width: 1000px) {
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard > .media { grid-column: 1; grid-row: 1; aspect-ratio: 16 / 9; height: auto; min-height: 0; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .et { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 1fr auto; gap: 10px 28px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecard .pill { grid-column: 1; grid-row: 1; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard h3 { grid-column: 1; grid-row: 2; margin: 0; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .prize { grid-column: 2; grid-row: 1 / 3; margin: 0; align-self: center; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat { grid-column: 1 / 3; grid-row: 3; margin-top: 22px; gap: 30px; }
  body[data-mode="overview"] #s07[data-event-stories] .evstrip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
}
@media (max-width: 600px) {
  body[data-mode="overview"] #s07[data-event-stories] .web-story-nav { width: 100%; gap: 18px; }
  body[data-mode="overview"] #s07[data-event-stories] .web-story-tab { flex: 1; min-width: 0; padding: 8px 0 14px; font-size: 17px; line-height: 1.25; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard { border-radius: 16px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .et { display: flex; padding: 24px; gap: 0; }
  body[data-mode="overview"] #s07[data-event-stories] .ecard .pill { font-size: 16px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard h3 { margin-top: 10px; font-size: 34px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .prize { align-self: flex-start; margin-top: 22px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .prize b { font-size: 67px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat { gap: 22px; margin-top: 28px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat b { font-size: 31px; }
  body[data-mode="overview"] #s07[data-event-stories] .ecards > .ecard .estat span { font-size: 17px; }
  body[data-mode="overview"] #s07[data-event-stories] .evstrip { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  body[data-mode="overview"] #s07[data-event-stories] .evstrip .lead b { max-width: none; font-size: 21px; }
  body[data-mode="overview"] #s07[data-event-stories] .evstrip .it b { font-size: 22px; }
  body[data-mode="overview"] #s07[data-event-stories] .evstrip .it span { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  #s07[data-event-stories] .ecards > .ecard[data-story-active="true"] { animation: none !important; }
  #s07[data-event-stories] .web-story-tab, #s07[data-event-stories] .web-story-tab::after { transition: none; }
}

/* Export includes every story and its facts, without a hidden selection. */
@media print {
  #s07[data-event-stories] .web-story-nav { display: none !important; }
  #s07[data-event-stories] .ecards { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; height: 560px !important; flex: 0 0 560px !important; }
  #s07[data-event-stories] .ecards > .ecard,
  #s07[data-event-stories] .ecards > .ecard[data-story-active="true"] {
    display: grid !important; position: relative !important; inset: auto !important;
    grid-column: 1 !important; grid-row: auto !important; grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 28px !important; min-height: 0 !important; height: 100% !important;
    background: none !important; border: 0 !important; border-radius: 0 !important; animation: none !important;
  }
  #s07[data-event-stories] .ecards > .ecard > .media { position: relative !important; inset: auto !important; grid-column: 1 !important; grid-row: 1 !important; width: 300px !important; height: 100% !important; min-height: 0 !important; aspect-ratio: auto !important; border-radius: 12px !important; }
  #s07[data-event-stories] .ecard > .media::after { content: none !important; }
  #s07[data-event-stories] .ecard > .media video { display: none !important; }
  #s07[data-event-stories] .ecards > .ecard .et { position: relative !important; grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 18px 0 !important; display: grid !important; grid-template-columns: 340px 220px minmax(0, 1fr) !important; grid-template-rows: auto 1fr !important; gap: 10px 30px !important; }
  #s07[data-event-stories] .ecard .pill { grid-column: 1 !important; grid-row: 1 !important; font-size: 17px !important; }
  #s07[data-event-stories] .ecards > .ecard h3 { grid-column: 1 !important; grid-row: 2 !important; font-size: 36px !important; margin: 0 !important; }
  #s07[data-event-stories] .ecards > .ecard .prize { grid-column: 2 !important; grid-row: 1 / 3 !important; align-self: center !important; margin: 0 !important; }
  #s07[data-event-stories] .ecards > .ecard .prize b { font-size: 62px !important; }
  #s07[data-event-stories] .ecards > .ecard .estat { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; margin: 0 !important; padding: 0 !important; gap: 24px !important; }
  #s07[data-event-stories] .ecards > .ecard .estat b { font-size: 32px !important; }
  #s07[data-event-stories] .ecards > .ecard .estat span { font-size: 20px !important; margin-top: 8px !important; }
  #s07[data-event-stories] .evstrip { grid-template-columns: 1.15fr 1fr 1.15fr 1fr !important; margin-top: 28px !important; gap: 32px !important; }
}

/* The SVG keeps its original geometry; controls live beside it, never inside it. */
#s03[data-record-scrubber] .web-record-viewer { display: contents; }
body[data-mode="present"] #s03[data-record-scrubber] #s03-bg { top: 264px; }
#s03[data-record-scrubber] .web-record-controls {
  position: absolute;
  top: 918px;
  right: 96px;
  width: 744px;
  z-index: 4;
  color: var(--text, #c3c7d9);
  font-family: var(--sans, "Manrope", sans-serif);
}
#s03[data-record-scrubber] .web-record-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#s03[data-record-scrubber] .web-record-readout { display: flex; align-items: baseline; gap: 11px; min-width: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
#s03[data-record-scrubber] .web-record-time { font-size: 17px; color: var(--text, #c3c7d9); }
#s03[data-record-scrubber] .web-record-count { font-size: 24px; line-height: 1.2; color: var(--purple2, #a492f5); font-weight: 700; }
#s03[data-record-scrubber] .web-record-kind { font-size: 16px; color: var(--mut, #858db3); }
#s03[data-record-scrubber] .web-record-jumps { display: flex; align-items: center; gap: 8px; flex: none; }
#s03[data-record-scrubber] .web-record-jump {
  appearance: none;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--mut, #858db3);
  font: 500 16px/1.3 var(--sans, "Manrope", sans-serif);
  white-space: nowrap;
  cursor: pointer;
}
#s03[data-record-scrubber] .web-record-jump:hover,
#s03[data-record-scrubber] .web-record-jump[data-record-current="true"] { background: var(--card2, #23273c); color: var(--text, #c3c7d9); }
#s03[data-record-scrubber] .web-record-jump:focus-visible,
#s03[data-record-scrubber] .web-record-range:focus-visible { outline: 2px solid var(--purple2, #a492f5); outline-offset: 4px; }
#s03[data-record-scrubber] .web-record-range {
  appearance: none;
  display: block;
  width: 100%;
  height: 32px;
  margin: 6px 0 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  cursor: ew-resize;
  accent-color: var(--purple2, #a492f5);
  touch-action: pan-y;
}
#s03[data-record-scrubber] .web-record-range::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, var(--purple2, #a492f5) 0 var(--record-progress, 0%), var(--line2, #353b57) var(--record-progress, 0%) 100%);
}
#s03[data-record-scrubber] .web-record-range::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; margin-top: -7px; border: 3px solid var(--bg, #10121c); border-radius: 50%; background: var(--purple2, #a492f5); box-shadow: 0 0 0 1px var(--purple2, #a492f5); }
#s03[data-record-scrubber] .web-record-range::-moz-range-track { height: 4px; border-radius: 4px; background: var(--line2, #353b57); }
#s03[data-record-scrubber] .web-record-range::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--purple2, #a492f5); }
#s03[data-record-scrubber] .web-record-range::-moz-range-thumb { width: 14px; height: 14px; border: 3px solid var(--bg, #10121c); border-radius: 50%; background: var(--purple2, #a492f5); box-shadow: 0 0 0 1px var(--purple2, #a492f5); }
#s03[data-record-scrubber] .web-record-note { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#s03[data-record-scrubber] .web-record-marker { position: absolute; z-index: 3; display: block; pointer-events: none; overflow: visible; }
#s03[data-record-scrubber] .web-record-marker.web-record-hovering { opacity: 0; }
#s03[data-record-scrubber] .web-record-line { stroke: var(--purple2, #a492f5); stroke-width: 1.2; stroke-dasharray: 4 5; opacity: .85; }
#s03[data-record-scrubber] .web-record-dot { fill: var(--purple2, #a492f5); stroke: var(--bg, #10121c); stroke-width: 2.5; }

body[data-mode="overview"] #s03[data-record-scrubber] .web-record-viewer { display: flex; flex-direction: column; min-width: 0; grid-column: 2; grid-row: 2; }
body[data-mode="overview"] #s03[data-record-scrubber] .web-record-controls { position: relative; inset: auto; width: 100%; margin: 12px 0 0; }
body[data-mode="overview"] #s03[data-record-scrubber] .web-record-top { flex-wrap: wrap; gap: 12px 20px; }
body[data-mode="overview"] #s03[data-record-scrubber] .web-record-jumps { flex-wrap: wrap; }
@media (max-width: 1100px) {
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-viewer { grid-column: 1 / -1; order: 2; }
}
@media (max-width: 600px) {
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-top { display: block; }
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-readout { gap: 10px; }
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-time,
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-kind { font-size: 16px; }
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-count { font-size: 24px; }
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-jumps { margin: 12px -10px 0; gap: 8px; }
  body[data-mode="overview"] #s03[data-record-scrubber] .web-record-range { height: 44px; margin-top: 4px; }
}
@media print {
  #s03[data-record-scrubber] .web-record-viewer { display: contents !important; }
  #s03[data-record-scrubber] .web-record-controls,
  #s03[data-record-scrubber] .web-record-marker { display: none !important; }
  body[data-mode] #s03[data-record-scrubber] #s03-bg { top: 304px; }
}

/* Final browser QA corrections. */
body[data-mode="present"] #s03[data-record-scrubber] .web-record-controls{top:950px}
body[data-mode="overview"] #s01 .kpis{border-radius:20px}
body[data-mode="overview"] .viewport{scrollbar-width:thin;scrollbar-color:#353b57 transparent}
#s07[data-event-stories] .ecard[data-story-active="false"]{display:none!important}
#s11 .stp[data-production-active="false"]{display:none!important}
body[data-mode="overview"] #s03 .web-record-viewer .bgchart{order:0}
body[data-mode="overview"] #s03 .web-record-controls{order:1;margin-top:0}
@media(max-width:700px){body[data-mode="overview"] #s05 .s5ch{height:260px}body[data-mode="overview"] .ov .pcard,body[data-mode="overview"] .ov .dashfull,body[data-mode="overview"] #o2-daily,body[data-mode="overview"] #o2-hourly{height:300px!important}}
body[data-motion="paused"] .ov,body[data-motion="paused"] .ovbd,body[data-motion="paused"] .web-story-tab,body[data-motion="paused"] .web-story-tab::after{transition:none!important}
@media(max-width:700px){body[data-mode="overview"] .ov .pcard svg{overflow:visible}}
body[data-mode="overview"][data-motion="paused"] .viewport{scroll-behavior:auto!important}
body[data-mode="overview"] #s03 .web-record-viewer .bgchart{padding:20px;aspect-ratio:auto}
/* The cinematic layer must never intercept navigation or controls. */
::view-transition{pointer-events:none}

/* MAGIC RUST / GLASS
   Warm and violet accents retain the verified Magic UI Kit values.
   Translucency belongs to surfaces over real media, not to body text. */
:root{
 --glass-fill:rgba(23,26,40,.72);
 --glass-shine:linear-gradient(125deg,rgba(228,221,255,.115),rgba(228,221,255,.025) 42%,rgba(228,221,255,.055));
 --glass-shadow:0 18px 48px rgba(3,5,14,.28),inset 0 1px 0 rgba(255,255,255,.18),inset 1px 0 0 rgba(255,255,255,.065),inset 0 -1px 0 rgba(255,255,255,.045);
}
.glass-edition .glass-surface{
 background:var(--glass-shine),var(--glass-fill)!important;
 -webkit-backdrop-filter:blur(26px) saturate(135%)!important;backdrop-filter:blur(26px) saturate(135%)!important;
 box-shadow:var(--glass-shadow)!important;border:0;
}
.glass-edition .bar{
 background:linear-gradient(120deg,rgba(228,221,255,.09),rgba(228,221,255,.01)),rgba(23,26,40,.7);
 border-radius:20px;box-shadow:0 12px 42px #0006,inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.035);
 backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);
}
.glass-edition .bar .bb:hover{background:rgba(195,199,217,.09)}
.glass-edition .web-step span{height:3px;background:rgba(133,141,179,.25)}
.glass-edition .web-step.web-complete span{background:#6950d5}
.glass-edition .web-step[aria-current="step"] span{background:#edab49}
.glass-edition .web-step{padding-block:8px}
.glass-edition .web-explore{border-radius:16px;background:#5138bc;box-shadow:inset 0 1px 0 rgba(228,221,255,.25),0 8px 24px rgba(3,5,14,.18)}
.glass-edition .web-explore:hover{background:#6950d5;box-shadow:inset 0 1px 0 rgba(228,221,255,.35),0 12px 28px rgba(3,5,14,.28)}
.glass-edition :where(h2,h3){text-wrap:balance}
.glass-edition .v7-media-hint{background:rgba(16,18,28,.46);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);border:0}
/* 01. A single floating instrument panel, with uninterrupted film behind it. */
.glass-edition #s01 .shade{background:linear-gradient(90deg,rgba(16,18,28,.93),rgba(16,18,28,.60) 43%,rgba(16,18,28,.03) 85%),linear-gradient(0deg,rgba(16,18,28,.55),transparent 65%)}
.glass-edition #s01 .kpis{--glass-fill:rgba(16,18,28,.5);border:0;border-radius:24px;padding:26px 34px 28px;gap:46px}
.glass-edition #s01 .kpi b{font-size:68px;color:#edab49}
.glass-edition #s01 .kpi span{font-size:19px;color:#c3c7d9}
.glass-edition #s01 .names{margin-top:22px}
.glass-edition #s01 .content{padding-bottom:44px}
/* 02. Live imagery and inset glass captions. */
.glass-edition #s02 .cards4{gap:20px 28px}
.glass-edition #s02 .dcard{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;background:#171a28;box-shadow:0 12px 36px #0002}
.glass-edition #s02 .dcard:first-child{border-radius:24px}
.glass-edition #s02 .dcard:first-child .body{inset:auto 22px 22px;padding:24px 28px;border-radius:20px;--glass-fill:rgba(16,18,28,.61)}
.glass-edition #s02 .dcard:first-child .media{border-radius:0}
.glass-edition #s02 .dcard:not(:first-child){display:block}
.glass-edition #s02 .dcard:not(:first-child) .media{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background-position:left center}
.glass-edition #s02 .dcard:not(:first-child) .media video{object-position:left center}
.glass-edition #s02 .dcard:not(:first-child) .body{position:relative;margin-left:32%;width:68%;height:100%;padding:20px 26px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-radius:20px 0 0 20px;--glass-fill:rgba(16,18,28,.72);box-shadow:inset 1px 1px 0 rgba(255,255,255,.14)}
.glass-edition #s02 .dcard:not(:first-child) h3{font-size:28px}
.glass-edition #s02 .dcard:not(:first-child) p{font-size:21px;line-height:1.42;margin:0}
.glass-edition #s02 .dcard .v7-media-hint{left:12px;right:auto;bottom:12px}
.glass-edition #s02 .founders{gap:24px}
.glass-edition #s02 .fcd{padding:18px 20px;border:0;border-radius:20px;background:linear-gradient(120deg,rgba(228,221,255,.065),rgba(228,221,255,.015)),rgba(23,26,40,.6);box-shadow:inset 0 1px 0 rgba(228,221,255,.12)}
.glass-edition #s02 .rowh{margin:30px 0 18px}
/* Dense data has a quieter, more opaque material. */
.glass-edition #s03 .bgchart,.glass-edition #s05 .s5b:nth-child(2){background:linear-gradient(135deg,rgba(164,146,245,.09),rgba(164,146,245,.015) 55%),rgba(23,26,40,.92);box-shadow:0 20px 60px #0002,inset 0 1px 0 rgba(195,199,217,.14);border:0}
.glass-edition #s05 .s5b:nth-child(2){border-radius:24px}
.glass-edition #s03 .web-record-controls{background:linear-gradient(115deg,rgba(228,221,255,.085),rgba(228,221,255,.02)),rgba(23,26,40,.8);border-radius:16px;box-shadow:inset 0 1px 0 rgba(228,221,255,.14)}
.glass-edition #s06 .socialcol{border-radius:24px}
/* 07. The film fills the scene; its evidence floats on a glass sheet. */
.glass-edition #s07[data-event-stories] .ecards>.ecard{border-radius:28px;background:#10121c}
.glass-edition #s07[data-event-stories] .ecards>.ecard>.media{width:100%;background-position:center 42%}
.glass-edition #s07[data-event-stories] .ecard>.media::after{background:linear-gradient(90deg,transparent 35%,rgba(16,18,28,.17))}
.glass-edition #s07[data-event-stories] .ecards>.ecard .et{position:absolute;inset:24px 24px 24px auto;width:38%;height:auto;margin:0;padding:30px 34px;border-radius:24px;--glass-fill:rgba(16,18,28,.63)}
.glass-edition #s07[data-event-stories] .ecards>.ecard h3{font-size:46px}
.glass-edition #s07[data-event-stories] .ecards>.ecard .prize{margin-top:24px}
.glass-edition #s07[data-event-stories] .ecards>.ecard .prize b{font-size:80px}
.glass-edition #s07[data-event-stories] .ecard>.media .v7-media-hint{right:auto;left:24px;bottom:24px}
.glass-edition #s07[data-event-stories] .ecard .pill{background:rgba(228,221,255,.07);border-radius:8px;padding:6px 10px}
.glass-edition #s09 .qband{--glass-fill:rgba(16,18,28,.68);border-radius:24px}
/* 12. A connected scene, with clear separation between both responsibilities. */
.glass-edition #s12 .s12c[data-final-ask] .cols{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;gap:36px;padding:24px;grid-template-columns:1fr 1fr}
.glass-edition #s12 .s12c[data-final-ask] .col.give{position:static;padding:0;justify-content:flex-end}
.glass-edition #s12 .s12c[data-final-ask] .give>.bgs{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-1;border-radius:0;max-width:none}
.glass-edition #s12 .s12c[data-final-ask] .give>.bgs>.media{background-position:center;}
.glass-edition #s12 .s12c[data-final-ask] .give>.bgs video{object-position:center}
.glass-edition .glass-responsibilities{padding:28px 32px;border-radius:24px;--glass-fill:rgba(16,18,28,.65)}
.glass-edition #s12 .s12c[data-final-ask] .col.ask{padding:30px 34px;border-radius:24px;--glass-fill:rgba(16,18,28,.79)}
.glass-edition #s12 .s12c[data-final-ask] .col h3{font-size:34px;margin-bottom:22px;color:white}
.glass-edition #s12 .s12c[data-final-ask] .col li{font-size:25px;line-height:1.4}
.glass-edition #s12 .s12c[data-final-ask] .col ul{gap:14px}
.glass-edition #s12 .s12c[data-final-ask] .ask>.sub{font-size:25px;line-height:1.4;margin-top:28px}
.glass-edition #s12 .s12c[data-final-ask] .ask>.sub b~b{margin-top:22px}
/* End on a purposeful pair of large external links, not four identical labels. */
.glass-edition #s14 .contacts{gap:20px}
.glass-edition #s14 .contacts>span:has(a){border-radius:20px;background:linear-gradient(125deg,rgba(164,146,245,.11),rgba(164,146,245,.025)),rgba(23,26,40,.7);box-shadow:inset 0 1px 0 rgba(228,221,255,.14);padding:22px 26px;}
.glass-edition #s14 .contacts a{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;color:#e4ddff}
.glass-edition #s14 .contacts a::after{content:'↗';color:#a492f5}
.glass-edition #s14 .contacts a:hover{color:white}
/* Native overlays retain their accessible, keyboard-operated structure. */
.glass-edition .v7-dialog,.glass-edition .ov{background:linear-gradient(135deg,rgba(228,221,255,.07),transparent 55%),rgba(23,26,40,.88);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);box-shadow:0 30px 100px #0008,inset 0 1px 0 rgba(228,221,255,.17);border:0}
.glass-edition .v7-dialog-close,.glass-edition .ov .x{border:0;background:rgba(228,221,255,.075);border-radius:12px}
/* Reading mode keeps real sizes and spacing; glass never forces a fixed height. */
body.glass-edition[data-mode="overview"] #s01 .kpis{padding:24px 28px;gap:28px;border-radius:24px}
body.glass-edition[data-mode="overview"] #s01 .kpi b{font-size:clamp(34px,4.6vw,58px)}
body.glass-edition[data-mode="overview"] #s01 .kpi span{font-size:16px}
body.glass-edition[data-mode="overview"] #s02 .dcard:first-child .body{padding:24px;inset:auto 18px 18px}
body.glass-edition[data-mode="overview"] #s02 .dcard:not(:first-child) .body{padding:20px}
body.glass-edition[data-mode="overview"] #s02 .dcard:not(:first-child) h3{font-size:24px}
body.glass-edition[data-mode="overview"] #s02 .dcard:not(:first-child) p{font-size:17px}
body.glass-edition[data-mode="overview"] #s02 .fcd{padding:24px}
body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard>.media{position:absolute;inset:0;grid-column:auto;grid-row:auto;width:100%;height:100%;aspect-ratio:auto}
body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .et{position:relative;inset:auto;grid-column:2;grid-row:1;align-self:stretch;margin:22px;width:auto;padding:28px;border-radius:24px}
body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard h3{font-size:38px}
body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .prize b{font-size:68px}
body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .cols{padding:20px;gap:24px;align-items:stretch;min-height:590px}
body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col.ask{padding:28px}
body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col h3{font-size:28px}
body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col li,body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .ask>.sub{font-size:19px;line-height:1.55}
body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .give>.bgs{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;margin:0}
@media(max-width:1100px){
 body.glass-edition[data-mode="overview"] #s02 .cards4{gap:24px}
 body.glass-edition[data-mode="overview"] #s02 .dcard,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child{display:flex;position:relative;flex-direction:column;overflow:hidden;gap:0;background:#171a28;min-height:390px}
 body.glass-edition[data-mode="overview"] #s02 .dcard .media,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child .media{position:absolute;inset:0;min-height:0;aspect-ratio:auto;height:100%;width:100%}
 body.glass-edition[data-mode="overview"] #s02 .dcard .body,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child .body{position:relative;inset:auto;width:auto;height:auto;margin:180px 16px 16px;padding:22px;border-radius:20px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;background:var(--glass-shine),rgba(16,18,28,.72)}
 body.glass-edition[data-mode="overview"] #s02 .dcard h3,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child h3{font-size:24px}
 body.glass-edition[data-mode="overview"] #s02 .dcard p,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child p{font-size:17px;margin:0}
 body.glass-edition[data-mode="overview"] #s02 .dcard .v7-media-hint{top:14px;bottom:auto;left:auto;right:14px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .cols{grid-template-columns:1fr;min-height:0;padding:16px;gap:16px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col.give{padding-top:250px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .give>.bgs{height:550px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col.ask{padding:28px;background:var(--glass-shine),rgba(23,26,40,.92)}
 body.glass-edition[data-mode="overview"] #s12 .glass-responsibilities{padding:28px}
}
@media(max-width:1000px){
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard>.media{position:absolute;inset:0;height:100%;width:100%}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .et{grid-column:1;grid-row:1;margin:240px 18px 18px;padding:26px}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecard>.media .v7-media-hint{top:18px;bottom:auto;left:18px}
}
@media(max-width:600px){
 body.glass-edition[data-mode="overview"] #s01 .kpis{gap:26px 18px;padding:24px;border-radius:20px}
 body.glass-edition[data-mode="overview"] #s01 .kpi b{font-size:35px}
 body.glass-edition[data-mode="overview"] #s01 .kpi span{font-size:14px}
 body.glass-edition[data-mode="overview"] #s02 .cards4{gap:20px}
 body.glass-edition[data-mode="overview"] #s02 .dcard,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child{min-height:380px;border-radius:24px}
 body.glass-edition[data-mode="overview"] #s02 .dcard .body,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child .body{margin:185px 12px 12px;padding:22px;border-radius:20px}
 body.glass-edition[data-mode="overview"] #s02 .dcard h3,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child h3{font-size:25px}
 body.glass-edition[data-mode="overview"] #s02 .dcard p,body.glass-edition[data-mode="overview"] #s02 .dcard:first-child p{font-size:18px}
 body.glass-edition[data-mode="overview"] #s02 .fcd{padding:20px}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard{border-radius:24px}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .et{margin:200px 12px 12px;padding:24px;display:flex}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard h3{font-size:34px}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .prize b{font-size:64px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .cols{padding:12px;gap:18px;border-radius:24px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col.give{padding-top:200px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col.ask,body.glass-edition[data-mode="overview"] #s12 .glass-responsibilities{padding:24px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col h3{font-size:26px}
 body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .col li,body.glass-edition[data-mode="overview"] #s12 .s12c[data-final-ask] .ask>.sub{font-size:18px;line-height:1.55}
 body.glass-edition[data-mode="overview"] #s14 .contacts>span:has(a){padding:20px;width:100%}
 body.glass-edition[data-mode="overview"] #s14 .contacts a{font-size:18px;width:100%}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-edition .glass-surface,.glass-edition .ov,.glass-edition .v7-dialog,.glass-edition .bar{background:#171a28!important}}
@media(prefers-reduced-transparency:reduce){.glass-edition .glass-surface,.glass-edition .ov,.glass-edition .v7-dialog,.glass-edition .bar{background:#171a28!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* A visual chapter index turns navigation into an overview of the story. */
.glass-edition .v7-dialog{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-edition .v7-dialog::backdrop{background:rgba(6,8,15,.61);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.glass-edition .v7-dialog-panel{border:0;border-radius:28px;background:linear-gradient(130deg,rgba(228,221,255,.085),rgba(228,221,255,.015)),rgba(23,26,40,.83);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:var(--glass-shadow)}
.glass-edition .v7-dialog-title{font-size:32px;letter-spacing:-.035em}
.glass-edition .glass-chapter-cover{height:144px;width:100%;background-size:cover;background-position:center;border-radius:16px;margin-bottom:22px}
.glass-edition .v7-chapter-label{font-size:14px;letter-spacing:0;color:#fff;border:0;margin-bottom:6px}
.glass-edition .v7-chapter-label>span{color:#edab49}
.glass-edition .v7-chapter-link{border:0;border-radius:12px;gap:8px;padding:12px 10px;min-height:68px}
.glass-edition .v7-chapter-name{font-size:15px}
.glass-edition .v7-chapter-link[aria-current="page"]{background:rgba(164,146,245,.13);box-shadow:inset 0 1px 0 rgba(228,221,255,.12)}
.glass-edition .v7-chapter-link[aria-current="page"] .v7-chapter-number{color:#edab49}
.glass-edition .v7-dialog-footer{border:0}
@media(max-width:600px){.glass-edition .glass-chapter-cover{height:116px;margin-bottom:18px}.glass-edition .v7-dialog-panel{border-radius:24px}.glass-edition .v7-chapter-link{min-height:56px}.glass-edition .v7-lightbox .v7-dialog-title{font-size:17px}}
.glass-edition #s14 .contacts{background:transparent;box-shadow:none;border:0;padding:0;align-items:center}
@media(max-width:1100px){body.glass-edition[data-mode="overview"] #s12 .give>.bgs::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#10121c,transparent 30%)}}
/* Preserve the source film's composition on narrow screens. */
@media(max-width:1000px){
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard>.media{height:auto;aspect-ratio:16/9;inset:0 0 auto;min-height:0}
 body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .et{margin-top:calc(56.25vw - 75px)}
}
@media(max-width:600px){body.glass-edition[data-mode="overview"] #s07[data-event-stories] .ecards>.ecard .et{margin-top:calc(56.25vw - 60px)}}

/* Real destinations remain part of the existing typography, not a new button grid. */
a.glass-link,
a.glass-link:visited {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-decoration-line: underline;
  text-decoration-color: rgba(164, 146, 245, .42);
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-skip-ink: auto;
  border-radius: 3px;
  cursor: pointer;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}
a.glass-link:hover { color: var(--purple2, #a492f5); text-decoration-color: currentColor; }
a.glass-link:focus-visible { outline: 2px solid var(--purple2, #a492f5); outline-offset: 4px; text-decoration-color: currentColor; }
a.glass-link--channel { text-decoration-color: rgba(164, 146, 245, .28); }
a.glass-link--stat { text-decoration-color: currentColor; text-decoration-thickness: 1px; }
#v7-lightbox .v7-dialog-footer { flex-wrap: wrap; }
#v7-lightbox a.glass-link--original {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 5px 0;
  color: var(--purple2, #a492f5);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 650px) {
  #v7-lightbox a.glass-link--original { font-size: 16px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { a.glass-link { transition: none; } }
@media print { a.glass-link { color: inherit !important; text-decoration: none; } }

/* One interaction cadence. Hover never replaces an image or moves its hit area. */
:root{--ui-ease:cubic-bezier(.2,.7,.2,1);--ui-fast:180ms;--ui-state:260ms}
.glass-edition .web-explore{
 background:#5138bc;transform:none;
 transition:background-color var(--ui-state) var(--ui-ease),box-shadow var(--ui-state) var(--ui-ease),color var(--ui-fast) ease;
}
.glass-edition .web-explore:hover,.glass-edition .web-explore:focus-visible{background:#6950d5;transform:none}
.glass-edition .web-explore>span:last-child{display:inline-block;transition:transform var(--ui-state) var(--ui-ease)}
.glass-edition .web-explore:hover>span:last-child,.glass-edition .web-explore:focus-visible>span:last-child{transform:translate(2px,-2px)}
.glass-edition .web-explore:active{background:#5138bc;box-shadow:inset 0 1px 0 rgba(228,221,255,.12),0 4px 12px rgba(3,5,14,.22)}
.glass-edition .web-explore:active>span:last-child{transform:none}
.glass-edition .bar .bb,.glass-edition .web-chapter-label,.glass-edition .v7-dialog-close,.glass-edition .ov .x,
.glass-edition #s03[data-record-scrubber] .web-record-jump{
 transition:background-color var(--ui-state) var(--ui-ease),color var(--ui-fast) ease,box-shadow var(--ui-state) var(--ui-ease);
}
.glass-edition .bar .bb:not(:disabled):active,.glass-edition .ov .x:active,.glass-edition .v7-dialog-close:active{background-color:rgba(195,199,217,.14)}
.glass-edition .bar .bb:disabled{pointer-events:none}
/* Hover is a quiet rectangular surface, while one underline follows selection. */
.glass-edition #s07[data-event-stories] .web-story-nav{position:relative}
.glass-edition #s07[data-event-stories] .web-story-tab{isolation:isolate;transition:color var(--ui-state) var(--ui-ease)!important}
.glass-edition #s07[data-event-stories] .web-story-tab::before{
 content:'';position:absolute;inset:0 -13px 6px;border-radius:12px;z-index:-1;pointer-events:none;
 background:rgba(164,146,245,.10);opacity:0;transition:opacity var(--ui-state) var(--ui-ease);
}
.glass-edition #s07[data-event-stories] .web-story-tab:hover::before,.glass-edition #s07[data-event-stories] .web-story-tab:focus-visible::before{opacity:1}
.glass-edition #s07[data-event-stories] .web-story-tab[aria-selected="true"]::before{background:rgba(164,146,245,.065)}
.glass-edition #s07[data-event-stories] .web-story-nav[data-glass-indicator] .web-story-tab::after{display:none}
.glass-story-indicator{position:absolute;bottom:-1px;left:0;height:3px;width:0;background:#a492f5;border-radius:999px;pointer-events:none}
.web-story-nav[data-glass-indicator="ready"] .glass-story-indicator{transition:transform 320ms var(--ui-ease),width 320ms var(--ui-ease)}
.glass-edition #s07[data-event-stories] .ecards>.ecard[data-story-active="true"]{animation:none!important}
.glass-edition #s07[data-event-stories] .ecards>.ecard.glass-story-outgoing[data-story-active="false"]{
 display:grid!important;position:absolute!important;inset:0!important;width:100%;height:100%;margin:0;z-index:3;pointer-events:none;animation:none!important;
}
.glass-edition #s11 .v8-production-tab{transition:background-color var(--ui-state) var(--ui-ease),color var(--ui-state) var(--ui-ease),box-shadow var(--ui-state) var(--ui-ease)}
.glass-edition #s11 .v8-production-index{transition:color var(--ui-state) var(--ui-ease)}
.glass-edition #s11 .v8-production-tab::after{transition:opacity var(--ui-state) var(--ui-ease),color var(--ui-state) var(--ui-ease)}
.glass-edition .v7-chapter-link{transition:background-color var(--ui-state) var(--ui-ease),box-shadow var(--ui-state) var(--ui-ease),color var(--ui-fast) ease}
.glass-edition .v7-chapter-number{transition:color var(--ui-state) var(--ui-ease)}
.glass-edition .media video.loop{transition:opacity .6s ease,filter .3s var(--ui-ease)}
.glass-edition .v7-media-target::before{border-radius:inherit}
@media(max-width:1100px){body.glass-edition[data-mode="overview"] #s11 .v8-production-nav{padding-inline:8px;scroll-padding-inline:8px}}
body.glass-edition[data-motion="paused"] .vtrack{animation-play-state:paused!important}
body.glass-edition[data-motion="paused"] .web-explore>span:last-child{transform:none;transition:none}
body.glass-edition[data-motion="paused"] .glass-story-indicator{transition:none!important}
body.glass-edition[data-motion="paused"] #s11 .stp[data-production-active="true"]{animation:none!important}
@media(max-width:600px){.glass-edition #s07[data-event-stories] .web-story-tab::before{inset:0 -6px 6px;border-radius:8px}}
@media(hover:none){.glass-edition .web-explore:hover>span:last-child{transform:none}}
@media(prefers-reduced-motion:reduce){
 .glass-edition .web-story-tab,.glass-edition .web-story-tab::before,.glass-edition .glass-story-indicator,
 .glass-edition .web-explore,.glass-edition .web-explore>span:last-child,.glass-edition .bar .bb,
 .glass-edition .v7-chapter-link,.glass-edition .v7-chapter-number,.glass-edition .v7-dialog-close,
 .glass-edition .ov .x,.glass-edition .v8-production-tab,.glass-edition .v8-production-index,.glass-edition .v8-production-tab::after,
 .glass-edition .media video.loop{transition:none!important;animation:none!important}
 .glass-edition .web-explore>span:last-child{transform:none!important}
}
body.glass-edition[data-motion="paused"] .slide.active>.bgs,
body.glass-edition[data-motion="paused"] .slide.active>.media.bg{animation-play-state:paused!important}

/* The final label reserves its exact width; changing digits never change layout. */
#s07 .prize b.glass-money {
  position: relative;
  display: inline-block;
  white-space: pre;
  font-variant-numeric: lining-nums tabular-nums;
}
#s07 .prize b.glass-money > .glass-money-final,
#s07 .prize b.glass-money > .glass-money-visual {
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}
#s07 .prize b.glass-money > .glass-money-final { opacity: 0; }
#s07 .prize b.glass-money > .glass-money-visual {
  position: absolute;
  inset: 0;
  text-align: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
body[data-motion="paused"] #s07 .glass-money > .glass-money-final { opacity: 1; }
body[data-motion="paused"] #s07 .glass-money > .glass-money-visual { visibility: hidden; }
@media (prefers-reduced-motion: reduce), print {
  #s07 .prize b.glass-money > .glass-money-final { opacity: 1; }
  #s07 .prize b.glass-money > .glass-money-visual { display: none; }
}

/* The panel's exit is owned by closeDialog; the native backdrop fades with it. */
.glass-edition .v7-dialog[data-glass-closing]::backdrop {
  animation: glass-dialog-backdrop-out 140ms cubic-bezier(.4,0,1,1) forwards;
}
@keyframes glass-dialog-backdrop-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@media (prefers-reduced-motion: reduce), print {
  .glass-edition .v7-dialog[data-glass-closing]::backdrop { animation: none !important; }
}
body[data-motion="paused"] .v7-dialog[data-glass-closing]::backdrop { animation: none !important; }

/* A quiet, contextual step count inside the existing presenter toolbar. */
.bar .presenter-context {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  height: 28px;
  margin-right: 4px;
  padding: 0 12px 0 4px;
  border-right: 1px solid rgba(133, 141, 179, .16);
  color: var(--mut, #858db3);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
}
.bar .presenter-context[hidden], body:not([data-mode="present"]) .presenter-context { display: none !important; }
.presenter-context-label { max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
.presenter-context-count { min-width: 4ch; color: var(--text, #c3c7d9); font-variant-numeric: tabular-nums; }
.presenter-context-keys { margin-left: 3px; color: var(--mut, #858db3); font-size: 10px; }
#help [data-presenter-help] > span:last-child { white-space: nowrap; }
#stage[data-presenter-focus]:focus { outline: none; }
@media (max-width: 1240px) { .presenter-context-keys { display: none; } }
@media (max-width: 1050px) {
  .bar .presenter-context { gap: 5px; padding-right: 8px; margin-right: 0; }
  .presenter-context-label { max-width: 72px; }
}
@media print { .presenter-context { display: none !important; } }

/* S05: readable landscape examples rather than narrow crops. */
#s05 #s05-plugins .pg:nth-child(1)>.media{background-image:url('deck-v3-assets/img/s05-plugin-1.jpg')!important}
#s05 #s05-plugins .pg:nth-child(3)>.media{background-image:url('deck-v3-assets/img/s05-plugin-3.jpg')!important}
#s05 #s05-plugins .pg:not(:nth-child(2))>.media{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#10121c}
body[data-mode="present"] #s05 .s5b:first-child{padding-top:18px}
body[data-mode="present"] #s05 .pgrid{grid-template-rows:275.625px auto;row-gap:22px}
body[data-mode="present"] #s05 .pg:nth-child(2){grid-template-columns:490px minmax(0,1fr)}
body[data-mode="present"] #s05 .pg:nth-child(2) .media{width:490px;height:275.625px;aspect-ratio:16/9}
body[data-mode="present"] #s05 .pg:not(:nth-child(2)) .media{width:100%;height:auto;aspect-ratio:16/9}
body[data-mode="overview"] #s05 #s05-plugins .pg:not(:nth-child(2))>.media{aspect-ratio:16/9}

/* S12 follows the speaker: film, responsibilities, then the complete proposal. */
.glass-edition #s12[data-presenter-reveal] .give>.bgs{z-index:0;pointer-events:none}
.glass-edition #s12[data-presenter-reveal] .glass-responsibilities,
.glass-edition #s12[data-presenter-reveal] .col.ask{position:relative;z-index:1}
body[data-mode="present"] #s12[data-presenter-reveal] .glass-responsibilities,
body[data-mode="present"] #s12[data-presenter-reveal] .col.ask{
 transition:opacity 320ms cubic-bezier(.2,.7,.2,1),transform 320ms cubic-bezier(.2,.7,.2,1),visibility 320ms;
 opacity:1;transform:none;visibility:visible;
}
body[data-mode="present"] #s12[data-presenter-reveal="0"] .glass-responsibilities,
body[data-mode="present"] #s12[data-presenter-reveal="0"] .col.ask,
body[data-mode="present"] #s12[data-presenter-reveal="1"] .col.ask{
 opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;
}
body[data-motion="paused"] #s12[data-presenter-reveal] .glass-responsibilities,
body[data-motion="paused"] #s12[data-presenter-reveal] .col.ask{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 #s12[data-presenter-reveal] .glass-responsibilities,#s12[data-presenter-reveal] .col.ask{transition:none!important;transform:none!important}
}
@media print{
 #s12[data-presenter-reveal] .glass-responsibilities,#s12[data-presenter-reveal] .col.ask{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
}