:root{--bg:#0b0d0f;--bg2:#14171a;--panel:#181b1e;--outline:#33393e;--paper:#f6f3e9;--text:#f4f0e6;--soft:#b6b6b0;--dim:#858b8d;--hot:#fc633b;--archive:#eae8df;--max:1450px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.52 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--hot);outline-offset:4px}::selection{background:var(--hot);color:#0b0d0f}
    .container{width:min(calc(100% - 100px),var(--max));margin-inline:auto}.mono{font-family:'IBM Plex Mono',monospace;font-weight:500;letter-spacing:.035em}.display{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;text-transform:uppercase}
    .site-header{position:relative;z-index:8;border-bottom:1px solid #333536;background:#0b0d0f}.navwrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:-.025em;font-size:18px}.logo-glyph{width:37px;height:37px;background:var(--hot);color:#0b0d0f;display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;font-size:17px;font-weight:700;letter-spacing:-3px;padding-right:4px;clip-path:polygon(0 0,100% 0,100% 82%,83% 100%,0 100%)}.logo small{font:500 10px/1.3 'IBM Plex Mono',monospace;color:var(--dim);letter-spacing:.8px;display:block;margin-top:3px}.nav{display:flex;gap:36px;align-items:center}.nav a{font:600 11px/1 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#c9c8c0}.nav a span{color:var(--hot)}.nav a:hover{color:var(--hot)}.nav .contact-nav{padding:14px 17px;background:var(--paper);color:#131416}.nav .contact-nav:hover{background:var(--hot);color:#111}
    .hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #393b3c}.hero::before{content:'';z-index:-2;position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.032) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 83%,transparent 100%)}.hero::after{content:'';position:absolute;z-index:-1;right:-160px;top:50px;width:450px;height:450px;border:1px solid rgba(252,99,59,.18);border-radius:50%;box-shadow:0 0 0 95px rgba(252,99,59,.035),0 0 0 190px rgba(252,99,59,.025);pointer-events:none}
    .hero-inner{min-height:684px;padding:65px 0 45px;display:flex;flex-direction:column}.hero-pre{display:flex;justify-content:space-between;gap:30px;align-items:center;color:#a9aaab;font-size:11px}.signal{display:flex;gap:10px;align-items:center;color:var(--text)}.signal-dot{width:7px;height:7px;background:var(--hot);box-shadow:0 0 0 4px rgba(252,99,59,.12)}.hero-pre .rhs{color:var(--dim)}.hero-main{margin:auto 0;padding:46px 0 18px;position:relative}.hero-title{font-size:clamp(108px,15vw,234px);letter-spacing:-.038em;line-height:.72;margin:0;max-width:1350px}.hero-title>span{display:block;white-space:nowrap}.hero-title>span:nth-child(2){margin-top:30px}.hero-title .of{font-size:.68em;letter-spacing:-.045em;-webkit-text-stroke:2px var(--paper);color:transparent;vertical-align:8%}.hero-title .worlds{color:var(--hot)}.hero-title .dot{color:var(--paper)}.hero-caption{position:absolute;right:8px;bottom:16px;transform:translateY(100%);font-size:11px;line-height:1.8;color:var(--dim);text-align:right}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:66px;border-top:1px solid #45484a;padding-top:23px}.hero-intro{font-size:18px;line-height:1.5;max-width:460px}.hero-intro b{color:var(--hot);font-weight:700}.hero-intro small{display:block;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:var(--dim);margin-top:10px}.scroll-to{display:flex;align-items:center;gap:14px;font-size:11px;white-space:nowrap}.scroll-to .arrow{width:43px;height:43px;display:grid;place-items:center;background:var(--hot);color:#141414;font-size:23px;transition:transform .18s}.scroll-to:hover .arrow{transform:translateY(4px)}
    .microline{height:45px;border-bottom:1px solid #393c3f;display:flex;align-items:center;justify-content:space-between;color:#84898a;font-size:10px}.microline .slashes{color:var(--hot);font-size:12px;letter-spacing:4px}
    .work{padding:98px 0 114px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.kicker{color:var(--hot);font-size:11px;letter-spacing:.09em}.section-head h2{margin:8px 0 0;font-size:clamp(70px,8.2vw,126px);letter-spacing:-.02em;line-height:.86}.section-head h2 .mark{color:var(--hot)}.section-head .aside{color:var(--dim);font-size:11px;text-align:right;margin-bottom:5px}
    .features{display:grid;gap:12px}.feature{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(0,.74fr);background:#131619;border:1px solid var(--outline);min-height:450px;position:relative}.feature:before{content:'';width:6px;height:6px;position:absolute;top:-1px;left:-1px;background:var(--hot);z-index:3}.feature.reverse{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)}.feature.reverse .capture{order:2}.feature.reverse .feature-copy{order:1}
    .capture{position:relative;min-width:0;padding:14px;background:#0e1113;display:flex;align-items:stretch;overflow:hidden}.viewport{border:1px solid #51585a;position:relative;aspect-ratio:16/10;width:100%;min-height:0;overflow:hidden;background:linear-gradient(rgba(155,161,163,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(155,161,163,.045) 1px,transparent 1px),radial-gradient(ellipse at 52% 65%,#222629,#111416 67%);background-size:42px 42px,42px 42px,100% 100%;display:grid;place-items:center;cursor:pointer}.viewport:before,.viewport:after{content:'';position:absolute;z-index:3;width:18px;height:18px;border-color:var(--hot);border-style:solid;pointer-events:none}.viewport:before{top:0;left:0;border-width:2px 0 0 2px}.viewport:after{right:0;bottom:0;border-width:0 2px 2px 0}.viewport video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;display:none;background:#08090a}.viewport.has-video video{display:block}.viewport.has-video .add-video{display:none}.viewport .hud{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;top:15px;left:16px;color:#d4d5d0;font-size:10px}.viewport .hud i{width:6px;height:6px;border-radius:50%;background:var(--hot);display:block}.viewport .hud b{color:var(--hot);font-weight:700}.viewport .foot-hud{position:absolute;z-index:4;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;color:#a6acae;font-size:10px;pointer-events:none}.add-video{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:250px}.play-box{width:79px;height:79px;display:grid;place-items:center;border:1px solid var(--hot);background:rgba(252,99,59,.07);transform:rotate(-8deg);transition:transform .25s,background .2s}.play-box svg{width:25px;fill:var(--hot);transform:rotate(8deg);margin-left:4px}.viewport:hover .play-box{transform:rotate(0deg) scale(1.05);background:rgba(252,99,59,.14)}.viewport:hover .play-box svg{transform:rotate(0)}.add-video strong{font:700 13px/1.2 'IBM Plex Mono',monospace;color:#f6f3e9}.add-video small{font:400 10px/1.5 'IBM Plex Mono',monospace;color:#7f8a8c}
    .feature-copy{display:flex;flex-direction:column;justify-content:space-between;padding:35px 44px 39px;border-left:1px solid #34393c;min-width:0}.feature.reverse .feature-copy{border-left:0;border-right:1px solid #34393c}.feature-top{display:flex;justify-content:space-between;align-items:center;color:#959c9d;font-size:10px;letter-spacing:.11em}.feature-top span:first-child{color:var(--hot)}.feature-mid h3{font-size:clamp(46px,5vw,76px);line-height:.88;letter-spacing:-.01em;margin:30px 0 18px}.feature-mid p{font-size:14px;line-height:1.75;color:#abb0ae;max-width:310px;margin:0}.feature-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #45494c;padding-top:19px;margin-top:34px}.feature-bottom .idx{color:#7c8385;font-size:10px}.feature-button{border:0;background:none;padding:3px 0;color:var(--paper);font-size:11px}.feature-button .arrow{color:var(--hot);font-size:19px;vertical-align:-2px;margin-left:10px}.feature-button:hover{color:var(--hot)}
    .archive{background:var(--archive);color:#181b1b;padding:94px 0 118px}.archive .section-head{margin-bottom:30px}.archive .section-head h2{font-size:clamp(78px,9vw,144px)}.archive .kicker{color:#b9482b}.archive .section-head .aside{color:#6b6f6d}.archive .section-head h2 .mark{color:var(--hot)}
    .nda {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      column-gap: 18px;
      row-gap: 7px;
      align-items: start;
      padding: 24px;
      margin-bottom: 39px;
      border: 1px solid var(--outline);
      border-left: 4px solid var(--hot);
      background: var(--panel);
      color: var(--paper);
    }
    .nda .icon {
      grid-row: 1 / 3;
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      background: var(--hot);
      color: var(--bg);
      font-size: 25px;
      font-weight: 700;
      line-height: 1;
    }
    .nda strong {
      grid-column: 2;
      font-size: 15px;
      line-height: 1.4;
      color: var(--hot);
    }
    .nda p {
      grid-column: 2;
      margin: 0;
      max-width: 84ch;
      font-size: 15px;
      line-height: 1.65;
      color: var(--paper);
    }

    .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 19px}.archive-card{min-width:0;cursor:pointer;display:block;border:0;background:none;color:inherit;padding:0;text-align:left}.archive .capture{padding:6px;background:#181b1d}.archive .viewport{aspect-ratio:16/10;background:linear-gradient(rgba(155,161,163,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(155,161,163,.045) 1px,transparent 1px),#202427;background-size:32px 32px,32px 32px,100% 100%;border-color:#535b5d}.archive .hud{font-size:8px;left:9px;top:9px}.archive .foot-hud{font-size:8px;left:9px;right:9px;bottom:9px}.archive .add-video strong{font-size:9px}.archive .add-video small{font-size:8px}.archive .play-box{width:47px;height:47px}.archive .play-box svg{width:14px}.archive .viewport:before,.archive .viewport:after{width:10px;height:10px}.archive-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-bottom:1px solid #b9bcb5;padding-bottom:13px}.archive-item-bottom .name{font:700 27px/.98 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase}.archive-item-bottom .num{display:block;color:#747b79;font-size:10px;margin-top:4px}.archive-item-bottom .arr{font-size:25px;color:#cc5232;transition:transform .2s}.archive-card:hover .arr{transform:translate(3px,-3px)}
    .footer{background:#0b0d0f;padding:87px 0 28px;border-top:4px solid var(--hot)}.footer-grid{display:flex;align-items:end;justify-content:space-between;gap:25px}.footer h2{font-size:clamp(86px,12vw,168px);letter-spacing:-.025em;line-height:.79;margin:14px 0 9px}.footer h2 span{color:var(--hot)}
    .footer .connect {
      display: grid;
      width: min(100%, 360px);
      gap: 12px;
      margin-bottom: 8px;
      flex-shrink: 0;
    }
    .footer .connect a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 76px;
      padding: 16px 18px;
      border: 1px solid var(--outline);
      background: var(--panel);
      color: var(--paper);
    }
    .footer .connect a:hover {
      border-color: var(--hot);
      background: #202528;
    }
    .contact-text { min-width: 0; }
    .contact-label {
      display: block;
      font-size: 10px;
      line-height: 1.3;
      color: var(--soft);
    }
    .contact-value {
      display: block;
      margin-top: 5px;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    .contact-arrow {
      flex-shrink: 0;
      color: var(--hot);
      font-size: 22px;
      line-height: 1;
    }
    @media (max-width: 980px) {
      .footer-grid { flex-direction: column; align-items: start; gap: 32px; }
      .footer .connect { width: min(100%, 420px); margin-bottom: 0; }
    }
.footer-bottom{border-top:1px solid #35393a;padding-top:21px;margin-top:84px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#83898a}
    .dialog-backdrop{position:fixed;inset:0;z-index:50;background:rgba(1,2,3,.88);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.dialog-backdrop.open{display:flex}.dialog{background:#141719;border:1px solid #485055;max-width:900px;width:100%;max-height:91vh;overflow-y:auto;padding:24px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}.dialog-top h3{font-size:40px;margin:0;line-height:1}.close{height:37px;width:37px;background:var(--hot);color:#0d0d0e;border:0;font-size:26px}.dialog-video{aspect-ratio:16/9;display:grid;place-items:center;background:#0d1012;border:1px solid #454d50;overflow:hidden}.dialog-video video{width:100%;height:100%;object-fit:contain}.empty-modal{display:grid;place-items:center;gap:15px;color:#b8bebd;text-align:center;font-size:13px;padding:20px}.upload-button{background:var(--hot);color:#151515;border:0;padding:14px 20px;font:700 11px 'IBM Plex Mono',monospace}.dialog-desc{color:#a9aeac;line-height:1.8;font-size:14px;margin:21px 0 6px}.file-input{display:none}
    @media (max-width:1280px){.hero-title{font-size:clamp(98px,15vw,190px)}.hero-inner{min-height:570px}.feature{min-height:390px}.feature-copy{padding:28px 30px}.feature-mid h3{font-size:clamp(44px,5vw,72px)}}
    @media (max-width:980px){.container{width:calc(100% - 56px)}.hero-title{font-size:clamp(82px,14.2vw,140px)}.hero-inner{min-height:490px}.feature,.feature.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.feature-copy{padding:20px 22px}.feature-mid h3{font-size:clamp(39px,5vw,55px)}.archive-grid{gap:24px 15px}}
    @media (max-width:700px){.container{width:calc(100% - 32px)}.navwrap{height:67px}.logo{font-size:15px}.logo-glyph{width:32px;height:32px;font-size:15px}.nav{gap:10px}.nav a:not(.contact-nav){display:none}.nav .contact-nav{padding:11px;font-size:10px}.hero-inner{min-height:490px;padding-top:40px;padding-bottom:30px}.hero-pre{font-size:9px}.hero-pre .rhs{display:none}.hero-title{font-size:clamp(70px,15.5vw,124px);line-height:.78;letter-spacing:-.04em}.hero-title>span:nth-child(2){margin-top:17px}.hero-title .of{-webkit-text-stroke:1px var(--paper)}.hero-caption{display:none}.hero-bottom{align-items:start;gap:25px}.hero-intro{font-size:14px}.hero-intro small{font-size:9px}.scroll-to{font-size:9px;gap:8px}.scroll-to .arrow{width:34px;height:34px}.microline{height:38px;font-size:9px}.work{padding:76px 0}.section-head{align-items:end;margin-bottom:23px}.section-head h2{font-size:clamp(48px,11.4vw,78px)}.section-head .aside{display:none}.features{gap:15px}.feature,.feature.reverse{display:flex;flex-direction:column;min-height:0}.feature.reverse .capture,.feature.reverse .feature-copy{order:unset}.feature .capture{padding:9px}.feature .viewport{aspect-ratio:16/10}.feature-copy,.feature.reverse .feature-copy{border:0;border-top:1px solid #383d40;padding:23px 22px 26px;gap:14px}.feature-mid h3{font-size:53px;margin:13px 0 13px}.feature-mid p{font-size:13px}.feature-bottom{margin-top:6px;padding-top:13px}.archive{padding:75px 0 88px}.archive .section-head h2{font-size:clamp(53px,11.4vw,90px)}.nda{grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:6px;padding:18px;margin-bottom:30px}.nda .icon{width:34px;height:34px;font-size:22px}.nda strong{font-size:14px}.nda p{font-size:14px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 11px}.archive .capture{padding:4px}.archive .viewport{aspect-ratio:4/3}.archive .add-video{gap:5px}.archive .play-box{width:37px;height:37px}.archive .play-box svg{width:12px}.archive .add-video small{display:none}.archive .add-video strong{font-size:8px}.archive .hud{font-size:7px;top:6px;left:7px}.archive .foot-hud{display:none}.archive-item-bottom .name{font-size:22px}.footer{padding-top:69px}.footer-grid{flex-direction:column;align-items:start;gap:36px}.footer h2{font-size:clamp(58px,15.1vw,120px)}.footer .connect{gap:18px;margin:0}.footer-bottom{margin-top:75px}}
    @media (max-width:410px){.hero-title{font-size:clamp(64px,15.2vw,91px)}.hero-bottom{flex-direction:column;margin-top:50px}.hero-inner{min-height:465px}.hero-pre .signal{font-size:9px}.section-head h2{font-size:clamp(47px,11.1vw,60px)}.archive .section-head h2{font-size:clamp(51px,11.1vw,60px)}.footer h2{font-size:clamp(55px,14.7vw,72px)}.archive-item-bottom .name{font-size:20px}}
    /* PORTRAIT-FIRST GAMEPLAY / V2: film is the content, not a mock phone image. */
    .feature,.feature.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
    .feature .capture{min-height:666px;display:flex;align-items:center;justify-content:center;padding:26px 56px 42px;isolation:isolate;background:radial-gradient(circle at 50% 46%,#242a2d 0,#151a1d 54%,#0e1113 100%)}
    .feature .capture:before{content:'';position:absolute;inset:22px;pointer-events:none;border:1px dashed rgba(187,197,197,.12);z-index:0}
    .feature .capture:after{content:'VERTICAL FRAME  /  1080 × 1920';position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#8c9294;font:500 9px/1.25 'IBM Plex Mono',monospace;letter-spacing:.13em;pointer-events:none}
    .feature .viewport{width:min(100%,341px);height:auto;aspect-ratio:9/16;flex:none;z-index:1;box-shadow:0 17px 56px rgba(0,0,0,.38)}
    .feature-copy{padding:42px clamp(28px,4.2vw,68px) 40px}
    .feature-mid p{max-width:380px}
    .viewport video{object-fit:contain}
    .archive-grid{gap:32px 19px}
    .archive .capture{position:relative;aspect-ratio:4/5;min-height:0;padding:0;display:block;background:linear-gradient(155deg,#292e30,#14181b);overflow:hidden}
    .archive .capture:before{content:'';position:absolute;inset:14px;border:1px dashed rgba(233,239,235,.10);pointer-events:none}
    .archive .viewport{position:absolute;top:12px;bottom:12px;left:50%;transform:translateX(-50%);height:calc(100% - 24px);width:auto;max-width:calc(100% - 24px);aspect-ratio:9/16;box-shadow:0 12px 26px rgba(0,0,0,.32)}
    .archive .viewport .hud{top:10px;left:10px}
    .archive .viewport .foot-hud{left:10px;right:10px;bottom:10px}
    .archive-card:hover .viewport{border-color:var(--hot)}
    .dialog{max-width:920px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.74fr);grid-template-areas:'header header' 'media details';column-gap:32px;align-items:start;padding:25px 28px}
    .dialog-top{grid-area:header}
    .dialog-video{grid-area:media;justify-self:center;aspect-ratio:9/16;width:min(100%,345px);max-height:none;height:auto}
    .dialog-desc{grid-area:details;margin:32px 0 0;padding:22px 0 0;border-top:1px solid #465054;align-self:start}
    .dialog-desc:before{content:'PROJECT OVERVIEW  /';display:block;color:var(--hot);font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;margin:0 0 18px}
    @media (max-width:1100px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature .capture{min-height:568px;padding:22px 22px 40px}.feature .viewport{width:min(100%,288px)}.feature-copy{padding:31px 26px}.archive .capture{aspect-ratio:4/5}}
    @media (max-width:700px){.feature,.feature.reverse{display:flex;flex-direction:column}.feature .capture{padding:24px 16px 42px;min-height:0}.feature .capture:before{inset:12px}.feature .viewport{width:min(100%,277px);aspect-ratio:9/16;height:auto}.feature-copy,.feature.reverse .feature-copy{padding:23px 22px 26px}.archive .capture{aspect-ratio:9/16}.archive .capture:before{display:none}.archive .viewport{inset:4px;transform:none;width:calc(100% - 8px);height:calc(100% - 8px);max-width:none;aspect-ratio:9/16}.archive .viewport .hud{font-size:7px;top:7px;left:7px}.archive .viewport .foot-hud{display:none}.archive .add-video strong{font-size:8px}.archive .add-video small{display:none}.dialog{padding:15px;grid-template-columns:1fr;grid-template-areas:'header' 'media' 'details';gap:10px;max-height:92svh}.dialog-top{margin:0 0 5px}.dialog-top h3{font-size:32px}.dialog-video{width:min(100%,265px);aspect-ratio:9/16}.dialog-desc{margin:0;padding:15px 2px 5px;font-size:13px}.dialog-desc:before{margin-bottom:10px}}
    @media (max-width:410px){.feature .viewport{width:min(100%,268px)}.archive-grid{gap:26px 11px}.archive .add-video strong{font-size:7px}.archive .play-box{width:35px;height:35px}}
    /* Archive playback and details are separate, intentional actions. */
    .archive-card,.archive .viewport{cursor:default}
    .archive-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090a;pointer-events:none}
    .archive .has-video .archive-poster{display:none}
    .archive-poster~.hud{background:rgba(15,17,19,.78);padding:5px 6px}
    .archive-play{position:absolute;inset:0;z-index:5;border:0;background:transparent;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:12px}
    .archive-play .play-box{width:64px;height:64px}
    .archive-play .play-box svg{width:22px}
    .archive-play .play-label{font-size:11px;font-weight:700;letter-spacing:.1em}
    .archive-play .play-hint{font-size:8px;color:#a6acae}
    .archive-play.has-poster{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12) 65%,rgba(0,0,0,.24))}
    .archive-play.has-poster .play-box{background:rgba(15,17,19,.86);box-shadow:0 3px 16px rgba(0,0,0,.25)}
    .archive-play.has-poster .play-label{padding:6px 8px;background:rgba(15,17,19,.86)}
    .archive-play:hover .play-box{background:rgba(252,99,59,.24)}
    .archive-play.has-poster:hover .play-box{background:#1b1e20}
    .archive-play:focus-visible{outline-offset:-5px}
    .archive .has-video .archive-play,.archive .has-video .foot-hud{display:none}
    .archive .hud,.archive .foot-hud{pointer-events:none}
    .archive-info{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:9px 12px;border:1px solid var(--hot);background:var(--hot);color:#141719;font-size:10px;font-weight:700;white-space:nowrap;transition:background .2s}
    .archive-info:hover{background:#ff805e}
    .info-icon{display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1}
    .archive-item-bottom>div{min-width:0}
    .dialog-shell{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:16px;align-items:center;width:min(100%,1048px)}
    .dialog-nav{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--hot);background:var(--hot);color:#141719;font-size:28px;line-height:1;transition:background .2s}
    .dialog-nav:hover{background:#ff805e}
    .dialog-nav:disabled{opacity:.4;cursor:default}
    .dialog-heading{min-width:0}
    .dialog-desc[hidden]{display:none}
    .dialog-position{display:block;margin-top:8px;color:var(--hot);font-size:10px}
    .close{flex-shrink:0}
    @media (max-width:700px){
      .archive-play{gap:12px}
      .archive-play .play-box{width:48px;height:48px}
      .archive-play .play-box svg{width:17px}
      .archive-play .play-label{font-size:9px}
      .archive-play .play-hint{display:none}
      .archive-info{gap:5px;padding:7px;font-size:8px}
      .info-icon{width:14px;height:14px;font-size:9px}
      .archive-item-bottom{gap:6px;align-items:center}
      .dialog-shell{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:'previous . next' 'content content content';gap:8px}
      .dialog-shell .dialog{grid-area:content;max-height:calc(100svh - 112px)}
      .dialog-prev{grid-area:previous}
      .dialog-next{grid-area:next}
      .dialog-nav{width:44px;height:44px;font-size:25px}
    }
    /* All clips use a poster and explicit Play, including Highlights and dialogs. */
    .viewport{cursor:default}
    .viewport.has-video .archive-poster,.viewport.has-video .archive-play,.viewport.has-video .foot-hud,.viewport.has-video .hud{display:none}
    .viewport .hud,.viewport .foot-hud{pointer-events:none}
    .dialog-video>.capture{width:100%;height:100%;padding:0}
    .dialog-video .viewport{width:100%;height:100%;aspect-ratio:auto;border:0}

    /* Featured stories stay short; milestones, stores and reading links scan separately. */
    .feature.has-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
    .feature.has-story.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
    .has-story .viewport{width:min(100%,380px)}
    .feature .capture:after{content:attr(data-frame-label)}
    .has-story .feature-copy{justify-content:flex-start;padding:32px clamp(26px,3vw,44px)}
    .feature-top .feature-eyebrow{color:var(--hot);letter-spacing:.06em}
    .has-story .feature-mid h3{font-size:clamp(48px,4.7vw,68px);line-height:.92;margin:25px 0 22px}
    .feature-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 22px;padding:18px 0;border-block:1px solid #3b4245;gap:14px}
    .feature-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:5px;min-width:0}
    .feature-stats>div+div{border-left:1px solid #3b4245;padding-left:14px}
    .feature-stats dt{font-size:11px;line-height:1.4;color:#aeb4b2}
    .feature-stats dd{font-size:48px;line-height:1;color:var(--hot);margin:0;letter-spacing:-.025em}
    .has-story .feature-mid p{max-width:100%;font-size:14px;line-height:1.7}
    .has-story .feature-mid .feature-status{margin-top:12px;color:#dedfd8;font-size:12px}
    .store-links{display:flex;gap:10px;margin:22px 0}
    .store-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:60px;padding:10px 12px;border:1px solid #525a5d;background:#0b0e10;transition:border-color .2s,background .2s}
    .store-link:hover{border-color:var(--hot);background:#202426}
    .store-link>svg{width:25px;height:25px;flex-shrink:0}
    .store-link small{display:block;font:500 8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#b0b8b7}
    .store-link strong{display:block;font-size:15px;line-height:1.4;font-weight:600;white-space:nowrap}
    .store-arrow{margin-left:auto;color:var(--hot);font-size:18px}
    .feature-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
    .feature-images img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #41484b}
    .feature-stories{margin-top:20px;padding-top:15px;border-top:1px solid #3b4245}
    .feature-stories>.mono{font-size:9px;letter-spacing:.09em;color:#959f9f}
    .feature-stories>div{display:flex;gap:22px;flex-wrap:wrap}
    .feature-stories a{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:12px}
    .feature-stories a>span{color:var(--hot);font-size:17px}
    .feature-stories a:hover{color:var(--hot)}
    @media (min-width:701px) and (max-width:980px){
      .feature.has-story{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
      .feature.has-story.reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
      .has-story .feature-copy{padding:26px 22px}
      .has-story .feature-mid h3{font-size:52px}
      .has-story .capture{padding-inline:16px}
      .feature-stats{gap:9px}
      .feature-stats>div+div{padding-left:9px}
      .feature-stats dd{font-size:40px}
      .store-link{gap:8px;padding:9px}
      .store-arrow{display:none}
      .store-link strong{font-size:13px}
    }
    @media (max-width:700px){
      .has-story .feature-copy{padding:24px 22px}
      .has-story .feature-mid h3{font-size:54px;margin:10px 0 22px}
      .has-story .feature-mid p{font-size:13px}
      .feature-stats{gap:9px;margin-bottom:20px;padding-block:16px}
      .feature-stats>div+div{padding-left:9px}
      .feature-stats dd{font-size:40px}
      .feature-stats dt{font-size:10px}
      .store-links{gap:8px}
      .store-link{gap:8px;padding:10px}
      .store-link>svg{width:22px;height:22px}
      .store-link strong{font-size:13px}
      .store-link small{font-size:7px}
      .store-arrow{display:none}
      .feature-images{grid-template-columns:1fr;gap:12px}
      .feature-stories>div{gap:18px}
    }
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}