@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root{--ink:#15171a;--charcoal:#2c2d30;--blue:#168fd4;--red:#c62026;--light:#f3f4f6;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Roboto,Arial,sans-serif;color:#3d434b;background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}
.site-header{min-height:112px;padding:14px max(6vw,24px);display:flex;align-items:center;gap:36px;background:var(--charcoal);position:relative;z-index:10}
.brand{display:block;margin-right:auto}
.brand img{display:block;width:155px;height:82px;object-fit:contain;object-position:left center}
nav{display:flex;align-items:center;gap:32px}
nav a{color:#bfc2c6;text-transform:uppercase;font-size:13px;letter-spacing:.06em;transition:color .2s}
nav a:hover,nav a.active{color:#fff}
.menu-toggle{display:none;border:1px solid #777;background:transparent;color:#fff;padding:8px 12px;text-transform:uppercase;letter-spacing:.08em}
.hero{min-height:500px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(125deg,rgba(6,11,17,.92),rgba(18,56,78,.75)),url('/assets/img-5.jpg') center/cover}
.hero-inner{max-width:920px;padding:80px 24px}
.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.28em;font-size:13px;font-weight:700;color:#6ac8ff}
.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.05;margin:20px 0 24px;font-weight:300}
.hero h1 span{display:block;font-weight:800}
.quote{max-width:760px;margin:auto;color:#d7dce1;font-size:17px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#111;padding:8px}
.gallery img{display:block;width:100%;height:310px;object-fit:cover;filter:saturate(.9);transition:filter .25s,transform .25s}
.gallery img:hover{filter:saturate(1.15);transform:scale(.995)}
.gallery .wide{grid-column:1/-1;height:min(52vw,640px)}
.about{padding:100px 24px;background:linear-gradient(135deg,#f7f8fa,#e7eaed)}
.about-inner{max-width:900px;margin:auto}
.section-kicker{color:var(--red)}
.about h2{font-size:clamp(34px,5vw,56px);line-height:1.1;color:var(--ink);margin:8px 0 28px}
.about p{font-size:17px}
.button{display:inline-block;margin-top:20px;padding:14px 24px;background:var(--red);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:2px;transition:background .2s,transform .2s}
.button:hover{background:#a4181e;transform:translateY(-2px)}
footer{padding:50px 24px;text-align:center;background:#1d1f22;color:#8d9299}
footer span{display:block;color:#fff;font-weight:900;letter-spacing:.5em;margin:0 0 10px .5em}
footer p{margin:0;font-size:13px}
.countdown-page{min-height:calc(100vh - 260px);padding:80px 24px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(7,13,20,.92),rgba(31,34,38,.85)),url('/assets/img-3.jpg') center/cover}
.countdown-card{text-align:center;color:#fff;max-width:1100px;width:100%}
.countdown-card h1{font-size:clamp(38px,6vw,70px);line-height:1.05;margin:16px 0 45px}
.countdown-card h1 span{color:#73c9f5}
.released-card{position:relative;padding:70px 28px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(13,18,24,.78),rgba(24,39,50,.58));box-shadow:0 25px 100px rgba(0,0,0,.48);overflow:hidden}
.released-card:before,.released-card:after{content:"";position:absolute;width:340px;height:4px;background:linear-gradient(90deg,transparent,var(--blue),transparent);transform:rotate(-35deg);opacity:.7}
.released-card:before{top:50px;left:-110px}.released-card:after{right:-110px;bottom:50px}
.release-stamp{display:inline-block;margin:0 0 24px;padding:9px 18px;border:2px solid #ff474d;color:#ff656a;font-size:15px;font-weight:900;letter-spacing:.28em;transform:rotate(-2deg);box-shadow:0 0 30px rgba(198,32,38,.32)}
.release-lede{margin:-20px 0 0;font-size:clamp(20px,3vw,32px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em}
.timer{display:flex;justify-content:center;align-items:flex-start;gap:clamp(8px,2vw,28px)}
.timer div{min-width:clamp(62px,13vw,150px);padding:24px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.timer strong{display:block;font-size:clamp(40px,8vw,90px);line-height:1;font-weight:300}
.timer small{display:block;margin-top:12px;text-transform:uppercase;letter-spacing:.12em;color:#b9c2ca}
.timer b{font-size:clamp(38px,6vw,70px);line-height:1}
.released{margin:22px 0 30px;color:#c8ced4}
@media(max-width:850px){.site-header{min-height:92px}.brand img{width:130px;height:65px}.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px;background:#232427;flex-direction:column;align-items:flex-start;gap:18px}nav.open{display:flex}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:45vw}}
@media(max-width:560px){.hero{min-height:470px}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto;height:70vw}.gallery img{height:85vw}.about{padding:70px 24px}.timer{gap:5px}.timer div{padding:18px 5px;min-width:61px}.timer b{display:none}.timer small{font-size:9px;letter-spacing:.05em}.countdown-page{padding:60px 12px}}