@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500&family=Barlow+Condensed:wght@400;500;600&display=swap');
:root { --paper:#fff; --ink:#222722; --olive:#344939; --burgundy:#8a3839; --cream:#f6f0e4; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Barlow Condensed','Arial Narrow',sans-serif; }
.site-header { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:28px 20px 8px; }
.site-logo { width:min(340px, 72vw); height:auto; display:block; margin:0 auto; filter: drop-shadow(0 8px 18px rgba(0,0,0,.08)); }
main { width:min(1040px,100%); margin:auto; padding:34px 22px 110px; }
.trailer-section { text-align:center; }
.trailer-section h1 { margin:0 0 25px; font-size:clamp(28px,4vw,45px); font-family:'Roboto Slab',Georgia,serif; font-weight:400; letter-spacing:.005em; }
.video-frame { width:min(920px,100%); aspect-ratio:16/9; margin:auto; background:var(--olive); display:grid; place-items:center; overflow:hidden; }
.trailer-placeholder { color:var(--cream); font-size:clamp(25px,4vw,52px); font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-weight:500; letter-spacing:.075em; padding:24px; text-align:center; }
.video-frame iframe { display:block; width:100%; height:100%; border:0; }
.download-section { text-align:center; margin-top:100px; }
.download-section h2 { margin:0; font-size:clamp(42px,6vw,68px); font-family:'Roboto Slab',Georgia,serif; font-weight:400; letter-spacing:.005em; color:var(--ink); }
.download-section p { margin:10px 0 0; font-size:clamp(27px,4vw,42px); font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-weight:500; color:var(--burgundy); letter-spacing:.05em; }
@media(max-width:600px) { .site-header{padding-top:24px} .site-logo{width:min(270px,78vw); margin-top:0} main{padding:40px 16px 85px} .trailer-section h1{margin-bottom:20px} .download-section{margin-top:75px} }