.final-frame{position:relative;display:grid;grid-template-columns:40% 60%;min-height:590px;background:#13232d;overflow:hidden;border-top:1px solid #718f9b55;border-bottom:1px solid #718f9b55}
.final-frame-art{display:grid;grid-template-columns:1fr 1fr;gap:3px;min-height:100%;overflow:hidden;background:#03090c}
.final-frame-photo{position:relative;overflow:hidden;min-height:590px}
.final-frame-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 12%;transform:scale(1.42);transform-origin:center top;filter:saturate(.7) contrast(1.06)}
.final-frame-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07101542,transparent),linear-gradient(0deg,#101e27b0,transparent 60%)}
.final-frame-content{padding:clamp(62px,8vw,130px) clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 90% 15%,#27404b,#14242e 48%,#0d1a23)}
.final-frame-kicker{font-size:12px;color:#a8d4e2;font-weight:700;letter-spacing:.24em}
.final-frame-content h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5vw,76px);line-height:1.08;letter-spacing:-.06em;color:#edf7f9;margin:24px 0 22px}
.final-frame-content h2 em{font-weight:400;color:#a8d4e2}
.final-frame-content>p{font-size:18px;line-height:1.65;color:#b8cbd3;max-width:610px;margin:0}
.final-frame-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:36px}
.final-frame-secondary{padding:12px 0;border-bottom:1px solid #a8d4e2;color:#e6f3f7;font-size:12px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}
.final-frame-secondary:hover{border-color:white;color:white}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:48px;padding:76px clamp(24px,8.7vw,150px) 34px;background:#071015;color:#9db3be}
.footer-statement .footer-kicker{font-size:13px;letter-spacing:.22em;color:#bddae4;font-weight:700}
.footer-statement p{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,6vw,82px);letter-spacing:-.06em;line-height:1.05;color:#e9f4f7;margin:22px 0 0}
.footer-statement p em{font-weight:400;color:#a8d4e2}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(85px,1fr));align-content:start;gap:22px 30px;padding-top:4px}
.footer-nav a{font-size:14px;letter-spacing:.03em;text-transform:none;color:#c6dbe2}
.footer-nav a:hover{color:white}
.footer-bottom{grid-column:1/-1;border-top:1px solid #607c894d;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;font-size:11px;letter-spacing:.12em}
.footer-bottom span:first-child{color:#e1edf1}
@media(max-width:900px){.trailer-heading{display:block}.trailer-heading>p{margin-top:22px;max-width:650px}.final-frame{grid-template-columns:1fr}.final-frame-art{height:285px}.final-frame-photo{min-height:285px}.final-frame-photo img{transform:scale(1.22)}.final-frame-content{padding:55px 32px 68px}.site-footer{padding:60px 28px 28px}}
@media(max-width:600px){.trailer-section{padding:55px 22px 75px}.trailer-heading{padding:36px 0 25px}.trailer-heading>p{font-size:15px}.trailer-stage{aspect-ratio:4/5}.trailer-placeholder{background-position:center top}.trailer-placeholder strong{font-size:38px}.trailer-foot{flex-direction:column}.trailer-foot span:last-child{text-align:left}.trailer-control-row{flex-direction:column}.final-frame-art{height:235px}.final-frame-photo{min-height:235px}.final-frame-content{padding:48px 22px 62px}.final-frame-content h2{font-size:clamp(42px,11vw,61px)}.final-frame-content>p{font-size:16px}.final-frame-links{align-items:flex-start;flex-direction:column;gap:16px}.site-footer{grid-template-columns:1fr;gap:38px;padding:57px 22px 26px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-width:350px}.footer-bottom{grid-column:1;align-items:flex-start;flex-direction:column;gap:17px}.footer-actions{width:100%;justify-content:space-between}}
.trailer-section{padding:85px clamp(22px,6.5vw,110px) 105px;background:#0b151c;color:#eaf4f7;border-top:1px solid #7795a044}
.trailer-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:55px 0 34px}
.trailer-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,6vw,84px);letter-spacing:-.06em;line-height:1.07;margin:14px 0 0}
.trailer-heading h2 em{color:#add6e1;font-weight:400}
.trailer-heading>p{max-width:360px;font-size:17px;line-height:1.6;color:#b5cbd2;margin:0 0 8px}
.trailer-stage{position:relative;aspect-ratio:16/9;max-height:780px;background:#111e25;overflow:hidden;border:1px solid #7895a066}
.trailer-placeholder,.trailer-player{width:100%;height:100%}
.trailer-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(0deg,#071116ec,#07111622 80%),linear-gradient(90deg,#0d1924a9,#0d19242e),url('/assets/skulltop.jpeg') center 27%/cover}
.trailer-placeholder>span:not(.trailer-play){font-size:clamp(10px,1.3vw,15px);font-weight:800;letter-spacing:.33em}
.trailer-placeholder strong{font-family:Georgia,serif;font-size:clamp(35px,7vw,100px);font-weight:400;letter-spacing:-.065em;text-align:center}
.trailer-placeholder small{color:#c4dae0;font-size:12px;font-weight:700;letter-spacing:.23em}
.trailer-play{border:1px solid #d2eef2aa;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;padding-left:5px;font-size:22px;background:#0b1d27ad;margin-bottom:15px}
.trailer-player iframe{display:block;border:0;width:100%;height:100%}
.trailer-foot{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #7895a055;color:#bed0d6;font-size:12px;line-height:1.5;letter-spacing:.07em}
.trailer-foot span:last-child{font-size:10px;letter-spacing:.16em;text-align:right}
.trailer-controls{margin-top:30px;border:1px solid #86aab766;padding:24px;background:#15252d;max-width:720px;display:grid;gap:12px}
.trailer-controls[hidden],.trailer-placeholder[hidden],.trailer-player[hidden]{display:none}
.trailer-controls strong{font-size:12px;letter-spacing:.17em;color:#b7dce7}
.trailer-controls label{font-size:14px}
.trailer-control-row{display:flex;gap:10px}
.trailer-control-row input{min-width:0;flex:1;background:#08151b;border:1px solid #698998;color:white;padding:12px;font:inherit}
.trailer-controls button{border:1px solid #a9d5e1;background:#add8e4;color:#071319;padding:12px 20px;cursor:pointer;font-weight:700}
.trailer-controls button:disabled{opacity:.45;cursor:default}
.trailer-controls>button{justify-self:start;background:transparent;color:#dbf2f7}
.trailer-controls p{color:#b9cdd3;font-size:13px;line-height:1.5;margin:0}
#trailer-save-status{font-size:13px;color:#d1e9ef}