@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--black:#0b0d0f;--surface:#181b20;--panel:#23272d;--line:#3b4048;--white:#f0efeb;--muted:#b5b8bf;--red:#ba1a25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #f45b60;outline-offset:4px}.skip{position:absolute;left:-9999px;z-index:99}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.8rem}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{background:#0c0e11;position:relative;z-index:5;border-bottom:1px solid #303238}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{text-decoration:none;line-height:.81;font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;letter-spacing:2px;font-style:italic;font-weight:900;display:flex;flex-direction:column}.wordmark small{font-family:Barlow,sans-serif;font-size:10px;letter-spacing:5px;font-style:normal;color:#e22e37;text-align:center;margin-top:8px}.nav nav{display:flex;gap:32px}.nav nav a{text-decoration:none;color:#dadddf;font-size:14px;font-weight:600}.nav nav a:hover,.link-underline:hover{color:#ff6067}.nav-cta{background:#a8141e;border:1px solid #e73b44;border-radius:4px;padding:12px 17px;font-weight:700;text-decoration:none;font-size:14px}.nav-cta:hover,.button.primary:hover{background:#d42330}.hero{height:clamp(480px,49vw,650px);position:relative;overflow:hidden;background:#0d0d0f}.hero-image{position:absolute;inset:0;background-image:url('assets/hero.jpg');background-size:cover;background-position:center}.hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.09),rgba(6,6,8,.16) 47%,rgba(6,7,8,.35)),linear-gradient(0deg,#0c0d10 0%,transparent 32%,transparent 82%,rgba(0,0,0,.15))}.hero-inner{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:45px}.hero-copy{max-width:590px;padding:24px 28px;background:linear-gradient(90deg,rgba(9,10,12,.85),rgba(9,10,12,.65));border-left:3px solid var(--red);backdrop-filter:blur(3px)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:#e6454c;margin:0 0 13px}.hero h1,.section h2,.closing h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.95;letter-spacing:.7px;font-size:clamp(43px,5.3vw,74px);margin:0;font-weight:900}.hero h1 em{font-style:normal;color:#f3f2f0}.hero-copy>p:not(.eyebrow){line-height:1.55;max-width:440px;color:#dcdddf;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:4px;min-height:44px;padding:13px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s}.button.primary{background:var(--red);border:1px solid #f13a46}.button.ghost{background:rgba(17,18,21,.7);border:1px solid #999ea5}.button.ghost:hover{background:#35383e}.identity{background:#20242a;border-bottom:1px solid #454951}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0}.identity-grid>div{padding:0 28px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #4b5057}.identity-grid>div:first-child{padding-left:0}.identity-grid>div:last-child{border-right:none}.identity-grid b{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px;font-size:19px}.identity-grid span{font-size:13px;color:#bbc0c6}.section{padding:82px 0}.collection{background:linear-gradient(130deg,#191c21,#272b31 64%,#191c20)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.section h2{font-size:clamp(36px,4vw,54px)}.accent{color:#d7222c}.subtle,.muted{color:var(--muted)}.subtle{font-size:12px;letter-spacing:2px;font-weight:700}.product-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:440px;background:#1a1c20;border:1px solid #444950;border-radius:8px;overflow:hidden}.product-art{min-height:440px;background:radial-gradient(circle at 45% 38%,#33343a,#0b0c0e 75%);display:grid;place-items:center;position:relative}.product-art img{width:min(80%,400px);height:min(85%,400px);object-fit:contain;position:relative;z-index:1}.art-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#60636b 1px,transparent 1px),linear-gradient(90deg,#60636b 1px,transparent 1px);background-size:35px 35px}.art-label{position:absolute;bottom:18px;left:20px;z-index:2;letter-spacing:1.7px;font-size:11px;color:#afb2b9}.product-copy{padding:clamp(25px,5vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.chip{font-size:11px;letter-spacing:1.5px;border:1px solid #93333a;color:#f4b2b6;padding:7px 10px}.product-copy h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,5vw,68px);line-height:.94;margin:22px 0}.product-copy p{font-size:16px;line-height:1.65;color:#d3d4d8}.product-copy .muted{font-size:14px;color:#adb2b8}.product-copy .note{font-size:12px;color:#939aa3}.coming{display:flex;align-items:center;gap:24px;margin-top:22px;padding:24px;background:#30343b;border:1px solid #494e55;border-radius:7px}.coming-symbol{font-size:33px;color:#d9353e}.coming h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;letter-spacing:1px;margin:0}.coming p{color:#c0c4c9;margin:5px 0 0;font-size:14px}.link-underline{margin-left:auto;font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid #e5414a;padding-bottom:5px;white-space:nowrap}.story{background:#0f1114}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-image{border-radius:6px;overflow:hidden;box-shadow:0 10px 40px #0007}.story-image img{width:100%;height:340px;object-fit:cover;object-position:55% center;display:block}.story-copy h2{margin-bottom:26px}.story-copy p:not(.eyebrow){color:#bdc2ca;line-height:1.7}.story-copy .link-underline{display:inline-block;margin:17px 0 0}.closing{background:linear-gradient(110deg,#22262c,#111318);border-top:1px solid #3d4148;text-align:center;padding:65px 0}.closing p{color:#d94a54;font-weight:800;letter-spacing:4px;font-size:12px}.closing h2{font-size:clamp(42px,6vw,73px);margin:8px 0 23px}.footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 0 22px}.footer strong{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;font-size:22px}.footer strong span{color:#dc3740}.footer p,.footer small{font-size:13px;color:#a7aab1}.footer>div:nth-child(2){display:flex;gap:20px}.footer a{font-size:13px;color:#c7cbd1}.footer a[data-unconfigured]{display:none}.footer small{width:100%;border-top:1px solid #2e3238;padding-top:18px}
@media(max-width:850px){.nav nav{gap:14px}.nav nav a{font-size:12px}.nav-cta{padding:10px}.hero-image{background-position:35% center}.product-feature{grid-template-columns:1fr}.product-art{min-height:360px}.story-grid{gap:24px}.story-image img{height:285px}.coming{flex-wrap:wrap}.coming .link-underline{margin-left:0}}@media(max-width:650px){.wrap{width:min(100% - 30px,1180px)}.nav{height:68px}.wordmark{font-size:23px}.nav nav{display:none}.nav-cta{font-size:12px}.hero{height:620px}.hero-image{background-position:22% center}.hero-tint{background:linear-gradient(0deg,rgba(7,8,9,.95) 0%,rgba(7,8,9,.5) 45%,transparent 85%)}.hero-inner{padding-bottom:24px;align-items:flex-end}.hero-copy{padding:20px 14px;max-width:100%}.hero h1{font-size:clamp(41px,10vw,60px)}.identity-grid{grid-template-columns:1fr;gap:13px;padding:18px 0}.identity-grid>div{padding:0 0 11px;border-right:0;border-bottom:1px solid #454951}.identity-grid>div:last-child{border-bottom:0}.section{padding:55px 0}.section-head{align-items:flex-start}.section-head .subtle{display:none}.product-art{min-height:320px}.product-copy{padding:28px 23px}.story-grid{grid-template-columns:1fr}.story-image img{height:240px}.story-copy{padding-top:8px}.coming{display:block}.coming .link-underline{display:inline-block;margin-top:18px}.hero-actions .button{flex:1;min-width:140px}.footer>div:nth-child(2){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* v2: entire original banner shown, with CTAs in a separate section. */
.hero{height:auto;overflow:visible;background:#0b0d0f}
.hero-image{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:2048/682;background-image:url('assets/hero.jpg');background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.hero-tint{display:none}
.hero-intro{position:relative;background:linear-gradient(110deg,#1a1e23,#262a30);border-top:1px solid #464950;border-bottom:1px solid #464950}
.hero-inner{height:auto;min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding-top:26px;padding-bottom:28px}
.hero-copy{max-width:650px;padding:0;background:none;border:0;backdrop-filter:none}
.hero h1{font-size:clamp(32px,3.5vw,50px);line-height:1.02}
.hero-copy>p:not(.eyebrow){max-width:620px;margin-bottom:0}
.hero-actions{flex-shrink:0;display:flex;flex-direction:column;min-width:218px;margin-top:0}
@media(max-width:850px){.hero-image{background-position:center}.hero-inner{flex-direction:column;align-items:stretch;gap:20px}.hero-actions{flex-direction:row;flex-wrap:wrap;min-width:0}}
@media(max-width:650px){.hero{height:auto}.hero-image{background-position:center;background-size:100% 100%}.hero-tint{display:none}.hero-inner{padding-top:23px;padding-bottom:25px;align-items:stretch}.hero-copy{max-width:none;padding:0}.hero h1{font-size:clamp(32px,8vw,44px)}.hero-actions{flex-direction:column;gap:10px}.hero-actions .button{flex:none;min-width:0}}

/* v3 banner fix: structural, not overlay. The entire banner is an image in normal flow. */
.hero { display:block !important; position:static !important; height:auto !important; min-height:0 !important; overflow:visible !important; }
.hero-banner { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:2048 / 682; object-fit:contain; object-position:center; background:#08090b; }
.hero .hero-image { display:none !important; }
.hero-intro { display:block !important; position:static !important; clear:both; isolation:isolate; background:#22262c; border-top:1px solid #41464e; }
.hero-intro .hero-inner { position:static !important; height:auto !important; min-height:0 !important; display:flex; flex-wrap:wrap; padding:28px 0 32px; align-items:center; justify-content:space-between; gap:22px; }
.hero-intro .hero-copy { position:static !important; flex:1 1 430px; max-width:690px; padding:0 !important; background:none !important; border:0 !important; backdrop-filter:none !important; }
.hero-intro .hero-actions { position:static !important; flex:0 1 auto; min-width:210px; display:flex; flex-wrap:wrap; gap:12px; margin:0 !important; }
@media(max-width:850px){.hero-intro .hero-inner{display:block}.hero-intro .hero-actions{margin-top:22px !important}}
@media(max-width:650px){.hero-banner{width:100%;height:auto}.hero-intro .hero-inner{padding:22px 0 26px}.hero-intro .hero-actions{display:flex;flex-direction:column}.hero-intro .hero-actions .button{width:100%}}