:root{--space:#171629;--ink:#26213b;--paper:#f1d7a6;--peach:#df795c;--sun:#efb853;--aqua:#69b9ad;--cream:#f8e8c7;--frame:#3b3552}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS","Microsoft YaHei UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.frame-width{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.reel-header{position:sticky;top:0;z-index:60;border-bottom:3px solid var(--ink);background:var(--cream)}.reel-nav{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.reel-logo{display:grid;grid-template-columns:34px auto;column-gap:9px;align-items:center;font-weight:900;line-height:1}.reel-logo img{grid-row:1/3;display:block;width:34px;height:34px;object-fit:contain}.reel-logo small{font-size:6px;letter-spacing:.15em}.reel-links{display:flex;justify-content:center;gap:clamp(16px,3vw,35px);font-size:10px;font-weight:900;letter-spacing:.1em}.reel-links a:hover{color:#a74336}.reel-download{padding:9px 15px;border:2px solid var(--ink);background:var(--sun);box-shadow:4px 4px 0 var(--ink);font:900 9px "Courier New",monospace;letter-spacing:.12em}
.poster-hero{position:relative;overflow:hidden;min-height:900px;padding:80px 0 130px;color:var(--cream);background:var(--space)}.poster-hero::after{content:"";position:absolute;inset:0;z-index:5;opacity:.12;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px),radial-gradient(#fff 1px,transparent 1px);background-size:auto,31px 31px}.poster-sky{position:absolute;inset:0}.poster-orb{position:absolute;top:90px;left:13%;width:330px;height:330px;border-radius:50%;background:linear-gradient(180deg,var(--sun) 0 45%,var(--peach) 45% 55%,#b74b49 55%)}.poster-moon{position:absolute;top:65px;right:9%;width:90px;height:90px;border:6px solid var(--aqua);border-radius:50%;box-shadow:0 0 0 12px var(--space),0 0 0 15px var(--peach)}.poster-layout{position:relative;z-index:10;display:grid;grid-template-columns:.8fr 1.1fr;gap:45px;align-items:start}.poster-title{padding-top:30px}.poster-title>p,.scene-label{margin:0 0 10px;font:700 9px "Courier New",monospace;letter-spacing:.25em}.poster-title h1,.feature-layout-retro h2,.desktop-copy h2,.premiere-copy h2,.signal-layout h2,.guide-layout-retro h2,.support-layout h2,.final-layout h2{margin:0;font-family:Impact,"Arial Narrow","Microsoft YaHei UI",sans-serif;font-weight:400;line-height:.9;text-transform:uppercase}.poster-title h1{font-size:clamp(68px,9vw,120px);letter-spacing:-.02em;text-shadow:6px 6px 0 #ab453f}.poster-credit{margin:24px 0 34px;color:#e7ba79;font-size:10px}.poster-title>a,.final-layout>a{display:inline-block;padding:12px 22px;border:2px solid var(--cream);background:var(--peach);box-shadow:6px 6px 0 var(--cream);font-weight:900;font-size:11px;transition:transform .2s}.poster-title>a:hover,.final-layout>a:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--cream)}.software-window{position:relative;margin-top:100px;border:5px solid #2b2742;background:#c6b493;color:var(--ink);box-shadow:18px 20px 0 rgba(0,0,0,.3);transform:rotate(2deg)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:3px solid #2b2742;background:var(--aqua);font:900 10px "Courier New",monospace}.window-bar div{display:flex;gap:4px}.window-bar i{display:block;width:13px;height:13px;border:2px solid #2b2742;background:var(--cream)}.window-menu{padding:5px 8px;border-bottom:2px solid #2b2742;background:#e6d7b9;font:9px "Courier New",monospace}.software-window figure{align-self:center;height:auto;margin:0;padding:24px 70px 0;overflow:visible;background:#887f88}.software-window img,.screen-stage img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.window-status{display:flex;justify-content:space-between;padding:7px 10px;border-top:3px solid #2b2742;background:#e6d7b9;font:9px "Courier New",monospace}.window-status b{color:#8d3935}.poster-note{position:absolute;right:2%;bottom:-65px;width:240px;padding:15px 18px;border:3px solid var(--ink);background:var(--sun);color:var(--ink);box-shadow:6px 6px 0 var(--peach);transform:rotate(-3deg)}.poster-note b{font-size:16px}.poster-note p{margin:5px 0;font-size:10px}.horizon-grid{position:absolute;right:-20%;bottom:-250px;left:-20%;height:430px;background:repeating-linear-gradient(90deg,transparent 0 89px,rgba(105,185,173,.65) 90px 92px),repeating-linear-gradient(0deg,transparent 0 45px,rgba(105,185,173,.65) 46px 48px);transform:perspective(420px) rotateX(58deg);transform-origin:50% 0}
.feature-reel{padding:clamp(100px,13vw,170px) 0;background:var(--paper)}.feature-layout-retro>header{display:grid;grid-template-columns:.35fr 1.65fr;gap:35px;align-items:end;margin-bottom:55px}.feature-layout-retro>header span{font:700 9px "Courier New",monospace;letter-spacing:.2em}.feature-layout-retro h2,.desktop-copy h2,.premiere-copy h2,.signal-layout h2,.guide-layout-retro h2,.support-layout h2{font-size:clamp(42px,6vw,72px)}.filmstrip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:28px 16px;background:var(--ink)}.filmstrip::before,.filmstrip::after{content:"";position:absolute;right:8px;left:8px;height:10px;background:repeating-linear-gradient(90deg,var(--paper) 0 13px,transparent 13px 25px)}.filmstrip::before{top:7px}.filmstrip::after{bottom:7px}.filmstrip article{min-height:245px;padding:24px;border:2px solid var(--ink);background:var(--cream)}.filmstrip article:nth-child(2){background:var(--aqua)}.filmstrip article:nth-child(3){background:var(--peach)}.filmstrip article:nth-child(4){background:var(--sun)}.filmstrip b{font:900 32px "Courier New",monospace}.filmstrip h3{margin-top:55px}.filmstrip p{font-size:11px}
.desktop-scene{padding:clamp(100px,13vw,170px) 0;background:var(--aqua)}.desktop-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.desktop-copy ol{margin:40px 0 0;padding:0;list-style:none}.desktop-copy li{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:17px 0;border-top:2px solid var(--ink)}.desktop-copy li:last-child{border-bottom:2px solid var(--ink)}.desktop-copy li>span{font:900 20px "Courier New",monospace}.desktop-copy h3,.desktop-copy p{margin:0}.desktop-copy p{font-size:11px}.desktop-stack{position:relative;padding:45px 20px}.retro-dialog{position:relative;z-index:2;border:4px solid var(--ink);background:#d9ceb7;box-shadow:13px 13px 0 var(--ink);transform:rotate(-2deg)}.retro-dialog>header{display:flex;justify-content:space-between;padding:7px 9px;background:var(--peach);border-bottom:3px solid var(--ink);font:900 10px "Courier New",monospace}.retro-dialog button{width:20px;height:18px;padding:0;border:2px solid var(--ink);background:var(--cream)}.retro-dialog>div{display:grid;padding:25px}.retro-dialog label{font:900 9px "Courier New",monospace}.retro-dialog select{width:100%;margin:4px 0 16px;padding:8px;border:2px solid var(--ink);background:var(--cream);font:10px "Courier New",monospace}.retro-dialog p{font-size:9px}.retro-dialog a{justify-self:start;padding:8px 15px;border:2px solid var(--ink);background:var(--sun);box-shadow:3px 3px 0 var(--ink);font-size:10px}.desktop-palette{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);transform:rotate(5deg)}.desktop-palette span:nth-child(1){background:var(--paper)}.desktop-palette span:nth-child(2){background:var(--peach)}.desktop-palette span:nth-child(3){background:var(--sun)}.desktop-palette span:nth-child(4){background:var(--space)}
.device-premiere{padding:clamp(100px,13vw,170px) 0;color:var(--cream);background:var(--space)}.premiere-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.screen-stage{align-self:center;height:auto;margin:0;padding:0 0 18px;border:4px solid var(--cream);background:#9e8d86;box-shadow:-12px 13px 0 var(--peach);overflow:visible;transform:rotate(1deg)}.screen-top{padding:8px 12px;border-bottom:3px solid var(--cream);background:var(--peach);font:900 9px "Courier New",monospace}.screen-stage figcaption{text-align:center;margin-top:13px;font-size:9px}.premiere-copy p:not(.scene-label){color:#c9b99e;font-size:11px}.platform-tapes{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.platform-tapes a{padding:8px 11px;border:2px solid var(--cream);background:var(--aqua);color:var(--ink);font:900 9px "Courier New",monospace}
.signal-break{padding:clamp(100px,13vw,160px) 0;background:var(--peach)}.signal-layout>header{max-width:900px}.signal-bars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:3px solid var(--ink)}.signal-bars article{padding:30px}.signal-bars article+article{border-left:3px solid var(--ink)}.signal-bars span{font:900 9px "Courier New",monospace}.signal-bars b{display:block;margin:35px 0 7px;font-size:25px}.signal-bars p,.signal-caption{font-size:11px}.signal-caption{text-align:center;margin-top:24px}
.guide-reel{padding:clamp(100px,13vw,170px) 0;background:var(--cream)}.guide-layout-retro{display:grid;grid-template-columns:.5fr 1.5fr;gap:60px}.guide-layout-retro header>a{display:inline-block;margin-top:25px;border-bottom:2px solid var(--ink);font-size:10px}.guide-windows{display:grid;gap:13px}.guide-windows article{display:grid;grid-template-columns:110px 1.2fr 1fr 45px;gap:18px;align-items:center;padding:18px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.guide-windows article:nth-child(1){background:var(--aqua)}.guide-windows article:nth-child(2){background:var(--sun)}.guide-windows article:nth-child(3){background:var(--peach)}.guide-windows span,.guide-windows a{font:900 9px "Courier New",monospace}.guide-windows h3,.guide-windows p{margin:0}.guide-windows p{font-size:10px}
.support-program{padding:clamp(100px,13vw,170px) 0;color:var(--cream);background:#34304c}.support-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.support-list{border-top:2px solid var(--cream)}.support-list details{border-bottom:2px solid var(--cream)}.support-list summary{padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.support-list summary::-webkit-details-marker{display:none}.support-list p{margin:0 0 20px;color:#c7b8a3;font-size:11px}
.final-poster{padding:120px 0;background:var(--sun);background-image:linear-gradient(90deg,transparent 49%,rgba(38,33,59,.15) 50%,transparent 51%)}.final-layout{text-align:center}.final-layout span{font:900 9px "Courier New",monospace;letter-spacing:.2em}.final-layout h2{margin:20px 0 40px;font-size:clamp(58px,8vw,100px)}.final-layout>a{border-color:var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--space);color:var(--cream)}
.reel-footer{padding:55px 0 20px;color:var(--cream);background:var(--space)}.footer-layout-retro{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:50px}.footer-layout-retro>div p{color:#a99b88;font-size:10px}.footer-layout-retro nav{display:flex;flex-direction:column;gap:7px}.footer-layout-retro h3{margin:0 0 8px;color:var(--sun);font:900 10px "Courier New",monospace}.footer-layout-retro nav a{color:#c8bba7;font-size:10px}.reel-copy{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #59536e;color:#817a91;font-size:9px}
@media(max-width:900px){.poster-layout{grid-template-columns:1fr}.software-window{margin-top:20px}.poster-note{position:relative;right:auto;bottom:auto;margin:25px 0 0}.desktop-layout,.premiere-layout,.guide-layout-retro,.support-layout{grid-template-columns:1fr}.guide-windows article{grid-template-columns:100px 1fr}.guide-windows p{grid-column:2}.filmstrip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.frame-width{width:min(100% - 22px,1200px)}.reel-nav{grid-template-columns:auto auto}.reel-nav>.reel-download{display:none}.reel-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:9px 0}.poster-hero{min-height:1000px}.poster-title h1{font-size:60px}.software-window figure{padding:20px 30px 0}.feature-layout-retro>header{grid-template-columns:1fr}.filmstrip{grid-template-columns:1fr}.signal-bars{grid-template-columns:1fr}.signal-bars article+article{border-top:3px solid var(--ink);border-left:0}.guide-windows article{grid-template-columns:1fr}.guide-windows p{grid-column:auto}.footer-layout-retro{grid-template-columns:1fr 1fr}.footer-layout-retro>div{grid-column:1/3}.reel-copy{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster-title>a,.final-layout>a{transition:none}.poster-title>a:hover,.final-layout>a:hover{transform:none}}
.software-window figure,.screen-stage{align-self:center;height:auto;margin-bottom:0;overflow:visible}.software-window img,.screen-stage img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}