:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#080b15;color:#f4f1e9}
.frame button{width:100%;height:100%;border:0;background:linear-gradient(130deg,#1e2840,#171b2a);color:#f5e3b7;font:700 clamp(18px,2.4vw,26px) Inter,system-ui,sans-serif;cursor:pointer}.frame button:hover{background:#263553}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 12%,#202447 0,#0d1224 42%,#080b15 78%);min-height:100vh}a{color:inherit;text-decoration:none}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1160px;margin:auto;padding:26px 28px}.brand{font-size:20px;letter-spacing:.18em;font-weight:800}.brand strong{color:#e5c986}nav,footer{display:flex;gap:26px;color:#c8cbd6}nav a:hover,footer a:hover{color:#e5c986}
main{max-width:1160px;margin:52px auto 70px;padding:0 28px;display:grid;grid-template-columns:minmax(230px,390px) minmax(0,1fr);gap:clamp(28px,6vw,86px);align-items:center}.poster{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#252b40;box-shadow:0 28px 85px #0009}.poster img{display:block;width:100%;height:100%;object-fit:cover}.eyebrow{font-size:12px;letter-spacing:.22em;color:#e5c986;font-weight:800}h1{font-size:clamp(38px,5vw,74px);line-height:1.06;margin:18px 0 26px;overflow-wrap:anywhere}.description{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#d8dbe5;white-space:pre-line}.author{color:#a9adbc}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.actions a,.actions button{font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:14px 19px;min-height:48px;cursor:pointer}.actions .primary{background:#e5c986;color:#14151e}.actions .primary:hover{background:#f2dcaa}.actions .secondary,.actions button{border:1px solid #727996;background:#1a2034;color:#f5f4f0}.actions .secondary:hover,.actions button:hover{background:#2b3451}.fineprint{font-size:13px;color:#abb0be;line-height:1.6}.trailer{max-width:1160px;margin:0 auto 86px;padding:0 28px}.trailer h2{font-size:clamp(27px,3vw,38px)}.trailer p{color:#b8bfcd}.frame{max-width:870px;aspect-ratio:16/9;background:#171b2a;border-radius:18px;overflow:hidden}.frame iframe{border:0;width:100%;height:100%}footer{border-top:1px solid #343b51;font-size:13px;flex-wrap:wrap;padding-top:30px;padding-bottom:38px}
@media(max-width:760px){header{padding:20px;align-items:flex-start;flex-direction:column}nav{gap:16px}main{grid-template-columns:1fr;margin:20px auto 50px;padding:0 20px}.poster{min-height:0;max-width:440px}.poster img{max-height:350px}.actions{flex-direction:column}.actions a,.actions button{width:100%}.trailer{padding:0 20px;margin-bottom:50px}footer{padding:24px 20px}}

.frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}