/* First-screen revision only. All selectors stay inside #top. */
#top{width:min(1380px,calc(100% - 80px));padding-top:46px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px 42px;align-items:center;color:#fff7e8}
#top .hero-copy{min-width:0}
#top .eyebrow{font-size:12px;color:#e3d7c3;letter-spacing:.13em;margin-bottom:28px}
#top h1{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:400;font-size:clamp(40px,4.2vw,65px);line-height:1.06;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;color:#fff7e8}
#top .hero-period{color:#d8b77a}
#top .lead{max-width:440px;color:#e2ded5;font-size:18px;line-height:1.65;margin:30px 0 0}
#top .actions{gap:12px;margin-top:29px;flex-wrap:wrap}
#top .btn{font-size:14px;min-height:53px;gap:17px;padding:14px 18px;border-radius:var(--button-radius,12px)}
#top .gold{background:#e4c58e;color:#171713}
#top .gold:hover{background:#f3d9ae}
#top .hero-outline{border-color:#e4ddcc77;color:#fff7e8;background:#11161355}
#top .hero-outline:hover{background:#fff7e814;border-color:#fff7e8}
#top .hero-atmosphere{inset:-46px -30px -20px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 80%)}
#top .hero-atmosphere:before{background:radial-gradient(ellipse at 65% 35%,#98704728 0,transparent 65%);animation:none}
#top .hero-cinema{min-width:0;width:100%;margin:0;align-self:center}
#top .scene-top{font-size:11px;font-weight:600;letter-spacing:.13em;padding:0 0 15px;color:#e3d7c3}
#top .scene-top span:first-child{display:flex;align-items:center;gap:10px}
#top .scene-top i{width:6px;height:6px;border-radius:50%;background:#d8b77a;box-shadow:0 0 18px #d8b77a66}
#top .hero-screen{position:relative;aspect-ratio:1264/720;background:#070908;border:1px solid #e4c58e38;box-shadow:0 22px 70px #0006;overflow:hidden;border-radius:3px}
#top video{display:block;width:100%;height:100%;object-fit:contain;background:#070908}
#top .hero-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:17px;background:linear-gradient(0deg,#060b0870,transparent 80%);padding:24px;color:#fffaf0;transition:background .25s ease}
#top .hero-start:hover{background:#060b0840}
#top .hero-play-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #fff5dcaa;border-radius:50%;background:#141915b3;backdrop-filter:blur(7px);font-size:24px;padding-left:4px;box-shadow:0 8px 25px #0005;flex-shrink:0}
#top .hero-play-label{font-size:20px;font-weight:650;text-align:left;text-shadow:0 2px 12px #000}
#top .hero-play-label small{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-top:7px}
#top .hero-cinema figcaption{align-items:center;padding:20px 0 0;gap:18px;border-bottom:0}
#top .hero-cinema figcaption .eyebrow{font-size:10px;margin:0 0 4px;color:#d8b77a;letter-spacing:.1em}
#top .hero-cinema strong{font-family:'Segoe UI',Arial,sans-serif;font-weight:650;font-size:24px;line-height:1.25;color:#fff7e8;letter-spacing:-.025em}
#top .hero-cinema figcaption p{font-size:13px;line-height:1.5;color:#d8d8ce;margin:7px 0 0}
#top .hero-tools{display:flex;gap:7px;flex-shrink:0;align-self:center}
#top .hero-tools button{border:1px solid #b7b5a840;border-radius:var(--button-radius,12px);color:#e8e3d7;font-size:11px;min-height:42px;padding:9px 11px;white-space:nowrap;transition:background .2s,border-color .2s}
#top .hero-tools button:hover{background:#fff7e810;border-color:#d8b77a}
#top .hero-playback-message{color:#ffe1c0;font-size:14px;margin:12px 0 0}
#top .hero-bottom{font-size:11px;margin-top:12px;padding-top:19px;color:#d6d6ca;border-color:#e4ddcc30;letter-spacing:.09em}
#top .hero-bottom a{font-size:12px}
@media(min-width:1700px){#top{padding-top:64px;gap:36px 56px}#top h1{font-size:72px}}
@media(max-width:1100px) and (min-width:761px){#top{width:calc(100% - 48px);gap:24px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}#top h1{font-size:clamp(36px,4.5vw,50px)}#top .lead{font-size:16px}#top .actions{gap:10px}#top .btn{font-size:12px;min-height:49px;padding:12px 14px}#top .hero-tools{gap:4px}#top .hero-tools button{font-size:10px;padding:7px}#top .hero-cinema figcaption p{font-size:12px}#top .hero-play-label{font-size:17px}#top .hero-play-label small{font-size:9px}#top .hero-play-icon{width:62px;height:62px}}
@media(max-width:760px){#top{width:calc(100% - 40px);grid-template-columns:1fr;gap:27px;padding-top:30px}#top .hero-copy{max-width:none}#top h1{font-size:clamp(35px,8vw,56px);line-height:1.08;max-width:620px}#top h1 br{display:initial}#top .eyebrow{font-size:11px;margin-bottom:22px}#top .lead{font-size:16px;line-height:1.6;margin-top:24px;max-width:540px}#top .actions{margin-top:21px;gap:10px}#top .btn{font-size:13px;min-height:49px;padding:12px 16px;gap:13px}#top .scene-top{font-size:10px;padding-bottom:12px}#top .hero-play-icon{width:60px;height:60px;font-size:19px}#top .hero-play-label{font-size:17px}#top .hero-play-label small{font-size:9px;letter-spacing:.04em}#top .hero-cinema figcaption{padding-top:15px}#top .hero-cinema strong{font-size:22px}#top .hero-bottom{margin-top:0;font-size:9px;padding-top:13px}#top .hero-bottom>span{font-size:9px;max-width:150px}#top .hero-bottom a{font-size:10px;max-width:165px;text-align:right}#top .hero-tools{gap:5px}#top .hero-tools button{font-size:10px;padding:7px 9px}}
@media(max-width:420px){#top{width:calc(100% - 32px);gap:24px}#top h1{font-size:clamp(31px,8.5vw,36px)}#top .lead{font-size:15px}#top .btn{font-size:12px;padding:12px 13px;gap:10px}#top .hero-cinema figcaption{align-items:start;flex-wrap:wrap;gap:12px}#top .hero-tools{margin-left:auto}#top .hero-start{gap:11px;padding:15px}#top .hero-play-icon{width:49px;height:49px;font-size:17px}#top .hero-play-label{font-size:15px}#top .hero-play-label small{font-size:8px}#top .hero-bottom{font-size:8px}#top .hero-cinema figcaption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){#top .hero-start,#top .hero-tools button{transition:none}}
#top .hero-tools button{font-size:12px}
#top .hero-cinema figcaption .eyebrow{font-size:11px}
#top .hero-play-label small{font-size:10px}
@media(max-width:1100px){#top .hero-atmosphere{inset:0}}
@media(max-width:760px){#top .hero-atmosphere{inset:0}#top .scene-top{font-size:11px}#top .hero-bottom>span,#top .hero-bottom a{font-size:11px}#top .hero-bottom>span{max-width:145px}#top .hero-cinema figcaption{flex-wrap:wrap}}