:root { --ink:#17263b; --paper:#fffdf8; --accent:#d9483b; --muted:#625e57; --dark:#1f3146; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:18px; line-height:1.65; }
.wrap { width:min(1080px,calc(100% - 40px)); margin:0 auto; }
.hero { padding:88px 0 64px; background:linear-gradient(135deg,#21364e,#0e1d2d); color:white; }
.hero--compact { padding:64px 0 48px; }
.hero--film { min-height:76vh; display:flex; align-items:end; padding:96px 0 72px; background-image:linear-gradient(90deg,rgba(7,13,20,.84) 0%,rgba(7,13,20,.48) 47%,rgba(7,13,20,.12) 100%),url("/media/lust-for-life-hero.png"); background-size:cover; background-position:center; }
.eyebrow { margin:0 0 12px; color:#e2695e; letter-spacing:.1em; font-size:.8rem; font-weight:750; text-transform:uppercase; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; line-height:1.05; }
h1 { max-width:850px; margin:0; font-size:clamp(2.7rem,8vw,5.8rem); letter-spacing:-.045em; }
h2 { max-width:740px; margin:0 0 24px; font-size:clamp(2.2rem,5vw,4.1rem); letter-spacing:-.035em; }
.lead { max-width:620px; font-size:1.2rem; }
nav { display:flex; flex-wrap:wrap; gap:18px; margin-top:30px; }
nav a { color:white; text-underline-offset:5px; }
.section { padding:88px 0; }
.copy { max-width:730px; }
.film { margin:46px 0 0; }
video { width:100%; background:#080d13; border-radius:8px; }
figcaption,.note { color:var(--muted); font-size:.93rem; }
.section--dark { background:var(--dark); color:white; }
.section--dark .note { color:#d7dee7; }
.split { display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.split img { width:100%; border-radius:8px; box-shadow:20px 20px 0 #d9483b; }
.film-intro { max-width:850px; }
.button { display:inline-block; padding:13px 18px; color:#fff; background:#d9483b; border-radius:5px; font-weight:700; text-decoration:none; }
.button:hover,.button:focus { background:#f05a4d; }
.button--rent { display:flex; flex-direction:column; gap:1px; padding:14px 21px 15px; color:#17263b; background:#b8f266; box-shadow:5px 5px 0 #f05a4d; line-height:1.25; transform:rotate(-1.5deg); }
.button--rent:hover,.button--rent:focus { background:#d1ff8e; box-shadow:7px 7px 0 #f05a4d; transform:rotate(0deg) translate(-1px,-1px); }
.rent-kicker { color:#386319; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.film-links { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:30px 0 18px; }
.button--outline { border:1px solid #fff; background:transparent; }
.button--outline:hover,.button--outline:focus { border-color:#f05a4d; }
.text-link { color:#fff; text-underline-offset:4px; }
.footer { display:flex; justify-content:space-between; gap:20px; padding:30px 0; color:var(--muted); font-size:.9rem; }
.footer a { color:inherit; }
.legal { max-width:800px; }
.legal h2 { margin-top:56px; font-size:clamp(2rem,4vw,3.2rem); }
.legal h2:first-child { margin-top:0; }
.legal a { color:#a72e25; }
.skip-link { position:absolute; left:-999px; top:auto; }
.skip-link:focus { left:16px; top:16px; z-index:2; padding:10px; color:#000; background:#fff; }
@media (max-width:720px) { .hero{padding:64px 0 48px}.hero--film{min-height:78vh;background-position:60% center}.section{padding:64px 0}.split{grid-template-columns:1fr;gap:32px}.footer{display:block}.split img{box-shadow:12px 12px 0 #d9483b} }