:root{--black:#030608;--charcoal:#090e12;--panel:#0d1318;--white:#f5f7f8;--muted:#9aa7af;--line:rgba(255,255,255,.16);--blue:#00a8ed;--blue-soft:#66d3ff;--font-display:"Barlow Condensed",Impact,sans-serif;--font-body:Inter,Arial,sans-serif;--shell:min(1420px,calc(100% - 64px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:10px 16px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:100;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:22px 3.4%;border-bottom:1px solid transparent;transition:.35s}.site-header.is-scrolled{padding-block:14px;background:rgba(3,6,8,.9);border-color:var(--line);backdrop-filter:blur(16px)}.brand{display:inline-flex;flex-direction:column;font-family:var(--font-display);font-weight:800;line-height:.78;letter-spacing:.03em}.brand span{font-size:27px}.brand small{margin-top:8px;color:var(--blue);font:600 10px var(--font-body);letter-spacing:.55em;text-align:center}.primary-nav{display:flex;justify-content:center;gap:25px}.primary-nav a{position:relative;color:#d2d8dc;font:500 13px var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--blue);transition:.3s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after,.primary-nav a.is-active:after{right:0}.primary-nav a.is-active{color:var(--blue-soft)}.header-social{display:flex;gap:16px;font-size:18px}.header-social a{transition:.2s}.header-social a:hover{color:var(--blue);transform:translateY(-2px)}.menu-toggle{display:none}.hero{position:relative;min-height:760px;height:100svh;isolation:isolate;overflow:hidden}.hero-media{position:absolute;z-index:-3;inset:0;background:url("public/collective-panorama.png") 100% center/320% 100% no-repeat;transform:scale(1.04);animation:heroIn 2s cubic-bezier(.2,.7,.2,1) both}.hero-scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(2,5,7,.98) 0%,rgba(2,5,7,.78) 35%,rgba(2,5,7,.08) 73%),linear-gradient(0deg,rgba(2,5,7,.85),transparent 45%)}.hero-content{width:var(--shell);margin:auto;padding-top:28vh}.eyebrow{margin:0 0 9px;color:var(--blue-soft);font:600 11px var(--font-body);text-transform:uppercase;letter-spacing:.22em}.hero h1{margin:0;font:800 clamp(66px,8.4vw,138px)/.72 var(--font-display);letter-spacing:.02em;text-shadow:0 3px 24px #000}.hero h1 small{display:block;margin-top:28px;padding-left:.04em;color:var(--blue);font-size:.39em;letter-spacing:.46em}.manifesto{margin:30px 0 4px;font-family:var(--font-display);font-size:clamp(22px,2vw,32px);font-weight:500;letter-spacing:.11em;text-transform:uppercase}.manifesto b{color:var(--blue);margin:0 .2em}.secondary{margin:0;color:#c6cdd1;font-family:var(--font-display);font-size:20px;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:0 22px;border:1px solid var(--line);border-radius:2px;color:#fff;background:transparent;font-family:var(--font-display);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.25s}.button span{font-size:19px}.button-primary{border-color:var(--blue);background:var(--blue);box-shadow:0 0 30px rgba(0,168,237,.18)}.button:hover,.button:focus-visible{border-color:var(--blue-soft);background:var(--blue-soft);color:#031017;transform:translateY(-2px)}.scroll-cue{position:absolute;bottom:25px;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;color:#d9dee1;font:500 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue span{width:20px;height:31px;border:1px solid #fff;border-radius:12px}.scroll-cue span:after{content:"";display:block;width:3px;height:7px;margin:6px auto;background:var(--blue);border-radius:4px;animation:scroll 1.8s infinite}.gateways{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:24px 70px}.gateway{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#091014}.gateway:before{content:"";position:absolute;inset:0;background:url("public/collective-panorama.png") var(--pos) center/400% 100% no-repeat;filter:saturate(.85);transition:transform .7s,filter .4s}.gateway:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,5,7,.98) 1%,rgba(2,5,7,.78) 42%,rgba(2,5,7,.08) 82%)}.gateway:hover:before{transform:scale(1.035);filter:saturate(1.08)}.gateway-inner{position:absolute;z-index:1;inset:auto 32px 29px;text-align:center}.number{position:absolute;bottom:429px;left:0;margin:0;color:#c7d0d5;font:500 10px var(--font-body);letter-spacing:.18em;text-transform:uppercase}.gateway h2{margin:0;font:700 clamp(31px,2.5vw,42px)/1 var(--font-display);text-transform:uppercase}.gateway .accent{margin:8px 0 22px;color:var(--blue-soft);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.gateway p:not(.number):not(.accent){max-width:340px;margin:0 auto 26px;color:#c3cbd0}.gateway a,.section-heading>a,.collective-copy>a,.story a{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.gateway a span,.section-heading a span,.collective-copy a span{margin-left:18px;font-size:20px}.gateway a:hover,.story a:hover,.section-heading a:hover,.collective-copy a:hover{color:var(--blue-soft)}.latest{padding-bottom:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;border-top:1px solid var(--line);padding-top:26px}.section-heading h2,.collective-copy h2,.community h2{margin:0;font:700 clamp(42px,5vw,68px)/.92 var(--font-display);text-transform:uppercase}.latest-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:16px}.story{overflow:hidden;border:1px solid var(--line);background:var(--charcoal);transition:.25s}.story:hover{border-color:rgba(102,211,255,.45);transform:translateY(-5px)}.story-image{aspect-ratio:1.25;background:url("public/collective-panorama.png") var(--pos) center/400% 100% no-repeat}.story-body{padding:22px}.tag{display:inline-block;padding:2px 7px;background:#047faf;color:white;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.tag-warm{background:#bc7623}.tag-red{background:#98404b}.meta{margin:18px 0 5px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.story h3{margin:0 0 10px;font:600 28px/1.05 var(--font-display);text-transform:uppercase}.story-body>p:not(.meta){min-height:74px;margin:0 0 15px;color:#aeb9bf;font-size:13px}.story a{font-size:12px}.collective{display:grid;grid-template-columns:34% 66%;min-height:430px;border-block:1px solid var(--line);background:#060a0d}.collective-copy{width:auto;margin:0;padding:70px 8% 60px 10%}.collective-copy p:not(.eyebrow){max-width:470px;color:#aeb9bf}.collective-image{display:flex;align-items:end;justify-content:center;padding:45px;background:linear-gradient(90deg,#060a0d 0%,transparent 30%),linear-gradient(0deg,rgba(3,6,8,.9),transparent 70%),url("public/collective-panorama.png") 36% center/310% 100% no-repeat}.collective-image p{margin:0;font:500 clamp(19px,2vw,31px) var(--font-display);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px 10px #000}.collective-image b{color:var(--blue)}.community{display:grid;grid-template-columns:.9fr 1.4fr;gap:90px;padding-block:72px}.social-block>p:not(.eyebrow),.store p{color:var(--muted)}.social-links{display:flex;gap:10px;margin-top:28px}.social-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid var(--line);transition:.2s}.social-links b{font-size:24px}.social-links span{font:500 9px var(--font-display);text-transform:uppercase}.social-links a:hover{border-color:var(--blue);color:var(--blue-soft);transform:translateY(-3px)}.store{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:25px;padding-left:60px;border-left:1px solid var(--line)}.merch{position:relative;height:220px}.tee{position:absolute;inset:10px 70px 10px 5px;display:grid;place-content:center;clip-path:polygon(21% 0,38% 7%,62% 7%,79% 0,100% 25%,83% 42%,76% 31%,79% 100%,21% 100%,24% 31%,17% 42%,0 25%);background:linear-gradient(130deg,#222,#0c0d0e);font:700 24px/1 var(--font-display);text-align:center;transform:rotate(-3deg);filter:drop-shadow(0 20px 15px #000)}.tee small{color:var(--blue);font-size:10px;letter-spacing:.3em}.disc{position:absolute;right:0;bottom:15px;display:grid;place-items:center;width:100px;height:100px;border:6px solid #13171a;border-radius:50%;background:#050708;box-shadow:0 16px 24px #000;color:var(--blue);font:700 12px var(--font-display)}footer{border-top:1px solid var(--line);background:#020405}.footer-main{display:flex;justify-content:space-between;align-items:end;padding-block:55px}.footer-main p{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.footer-contact{text-align:right}.footer-contact a{font:600 clamp(22px,2.7vw,38px) var(--font-display)}.footer-contact a:hover{color:var(--blue-soft)}.footer-base{display:flex;justify-content:space-between;padding-block:18px;border-top:1px solid var(--line);color:#7e8b92;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.footer-base nav{display:flex;gap:24px}.showreel{width:min(900px,90vw);aspect-ratio:16/9;border:1px solid rgba(102,211,255,.3);background:radial-gradient(circle at center,rgba(0,168,237,.13),transparent 40%),#020405;color:white;box-shadow:0 30px 100px #000}.showreel::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}.showreel button{position:absolute;right:18px;top:10px;border:0;background:none;color:white;font-size:32px;cursor:pointer}.showreel>div{display:grid;place-content:center;height:100%;text-align:center}.showreel span{font:800 clamp(42px,7vw,90px) var(--font-display)}.showreel p{margin:0;color:var(--blue);text-transform:uppercase;letter-spacing:.2em}.showreel small{margin-top:12px;color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.is-visible{opacity:1;transform:none}@keyframes heroIn{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.04)}}@keyframes scroll{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
@media(max-width:1180px){.primary-nav{gap:14px}.primary-nav a{font-size:11px}.header-social{display:none}.latest-grid{grid-template-columns:repeat(2,1fr)}.store{grid-template-columns:1fr 230px}.collective{grid-template-columns:42% 58%}}
@media(max-width:850px){:root{--shell:min(100% - 36px,680px)}body{font-size:14px}.site-header{display:flex;justify-content:space-between;padding:17px 20px}.brand span{font-size:24px}.header-social{display:none}.menu-toggle{z-index:2;display:grid;gap:7px;width:44px;height:44px;padding:12px;border:1px solid var(--line);background:rgba(0,0,0,.2)}.menu-toggle i{display:block;height:1px;background:white;transition:.25s}.menu-toggle[aria-expanded=true] i:first-of-type{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-of-type{transform:translateY(-4px) rotate(-45deg)}.primary-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;background:rgba(3,6,8,.98);opacity:0;visibility:hidden;transform:translateY(-20px);transition:.3s}.primary-nav.is-open{opacity:1;visibility:visible;transform:none}.primary-nav a{font-size:21px}.hero{min-height:700px}.hero-media{background-position:100% center;background-size:400% 100%}.hero-scrim{background:linear-gradient(0deg,rgba(2,5,7,.96),rgba(2,5,7,.08) 72%),linear-gradient(90deg,rgba(2,5,7,.64),transparent)}.hero-content{display:flex;flex-direction:column;justify-content:end;height:100%;padding:0 0 112px}.hero h1{font-size:clamp(58px,17vw,90px)}.hero h1 small{margin-top:20px;font-size:.31em;letter-spacing:.39em}.manifesto{font-size:18px;letter-spacing:.05em}.secondary{font-size:16px}.actions{flex-direction:column;align-items:stretch;width:min(100%,340px);margin-top:28px}.scroll-cue{display:none}.gateways{grid-template-columns:1fr;padding-block:18px 54px}.gateway{min-height:470px}.number{bottom:380px}.latest-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-18px;padding-right:18px;padding-bottom:12px}.story{min-width:82vw;scroll-snap-align:start}.section-heading>a{display:none}.collective{grid-template-columns:1fr}.collective-copy{padding:60px 24px}.collective-image{min-height:330px;padding:28px;background-position:17% center;background-size:400% 100%}.community{grid-template-columns:1fr;gap:55px;padding-block:56px}.store{grid-template-columns:1fr;padding:45px 0 0;border-left:0;border-top:1px solid var(--line)}.merch{display:none}.footer-main{align-items:start;flex-direction:column;gap:38px}.footer-contact{text-align:left}.footer-base{align-items:start;flex-direction:column;gap:14px}.footer-base nav{gap:18px}}
@media(max-width:430px){:root{--shell:calc(100% - 28px)}.hero-content{padding-bottom:75px}.hero h1{font-size:57px}.hero h1 small{letter-spacing:.34em}.manifesto{font-size:16px}.gateway-inner{inset:auto 22px 24px}.social-links{display:grid;grid-template-columns:repeat(4,1fr)}.social-links a{width:auto;height:68px}.collective-image p{font-size:16px;letter-spacing:.08em}.footer-contact a{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}