:root { --ink:#090909; --paper:#faf9f7; --orange:#ff7900; --muted:#696969; --line:#e2dfda; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
.site-ticker { position:sticky; z-index:20; top:0; height:34px; overflow:hidden; background:var(--ink); color:var(--orange); border-bottom:1px solid #282828; font:500 10px 'DM Mono',monospace; letter-spacing:.15em; line-height:34px; white-space:nowrap; text-transform:uppercase; }.site-ticker-track { display:flex; width:max-content; animation:ticker-scroll 24s linear infinite; }.site-ticker span { display:block; padding-right:54px; }.site-ticker span::after { content:'✦'; margin-left:54px; color:var(--paper); }@keyframes ticker-scroll { to { transform:translateX(-33.333%); } }
button,a { font:inherit; }
.site-header { position:sticky; z-index:10; top:34px; height:106px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(20px,4vw,56px); background:rgba(250,249,247,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.brand { grid-column:2; display:block; width:238px; height:74px; overflow:hidden; }.brand img { display:block; width:100%; height:100%; object-fit:contain; }
.menu-toggle,.header-join { appearance:none; justify-self:start; border:0; background:transparent; color:var(--ink); font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; cursor:pointer; text-decoration:none; }.menu-toggle span { display:inline-block; margin-left:7px; color:var(--orange); font-size:18px; line-height:0; vertical-align:-2px; transition:transform .2s ease; }.menu-toggle[aria-expanded="true"] span { transform:rotate(45deg); }.header-join { justify-self:end; padding:17px 21px; background:var(--ink); color:var(--orange); }
.site-menu { position:absolute; top:105px; left:clamp(20px,4vw,56px); display:grid; min-width:220px; padding:12px; border:1px solid var(--line); background:var(--paper); box-shadow:0 16px 36px rgba(0,0,0,.1); opacity:0; pointer-events:none; transform:translateY(-6px); transition:opacity .18s ease,transform .18s ease; }.site-menu.is-open { opacity:1; pointer-events:auto; transform:translateY(0); }.site-menu a { padding:12px; color:var(--ink); font-size:13px; font-weight:700; text-decoration:none; }.site-menu a:hover { background:#f0ede9; color:var(--orange); }
.hero { min-height:calc(100vh - 140px); display:grid; grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr); align-items:center; gap:clamp(45px,8vw,120px); padding:clamp(70px,9vw,140px) clamp(24px,7.1vw,120px) 88px; }.eyebrow { margin:0 0 20px; color:var(--orange); font:500 12px 'DM Mono',monospace; letter-spacing:.15em; }h1,h2,h3,p { margin-top:0; }
.hero h1 { max-width:750px; margin-bottom:31px; font-size:clamp(59px,7.6vw,116px); font-weight:700; letter-spacing:-.085em; line-height:.86; }.hero h1 em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.09em; }.hero-text { max-width:620px; margin-bottom:36px; font-size:clamp(17px,1.65vw,25px); font-weight:500; letter-spacing:-.05em; line-height:1.52; }.hero-actions { display:flex; align-items:center; gap:28px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; min-width:244px; padding:22px 25px; background:var(--ink); color:var(--paper); font-size:13px; font-weight:800; letter-spacing:.025em; text-decoration:none; text-transform:uppercase; transition:background .18s ease,color .18s ease,transform .18s ease; }.button span { font-size:25px; line-height:.5; }.button:hover { background:var(--orange); color:var(--ink); transform:translateY(-2px); }.text-link { color:var(--ink); font-size:14px; font-weight:700; text-decoration:none; }.text-link:hover { color:var(--orange); }.microcopy { max-width:600px; margin:32px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
.hero-card { width:min(100%,470px); align-self:start; justify-self:end; margin-top:clamp(0px,3vw,42px); background:var(--ink); color:var(--paper); box-shadow:13px 13px 0 var(--orange); }.card-bar { display:flex; align-items:center; gap:9px; padding:20px 23px; border-bottom:1px solid #303030; color:#d8d8d8; font:500 11px 'DM Mono',monospace; letter-spacing:.1em; }.card-bar > span:last-child { margin-left:auto; color:var(--orange); font-size:10px; }.status-dot { width:10px; height:10px; border-radius:50%; background:var(--orange); }.member-price { padding:36px 30px 26px; }.member-price span,.member-price p { color:#bdbdbd; font-size:13px; }.member-price strong { display:block; margin:5px 0; color:#fff; font-size:72px; line-height:.92; letter-spacing:-.085em; }.member-price p { margin:0; }.hero-card ul { display:grid; gap:14px; margin:0 30px 30px; padding:25px 0; border-top:1px solid #303030; border-bottom:1px solid #303030; list-style:none; color:#dfdfdf; font-size:14px; }.hero-card li::before { content:'+'; margin-right:12px; color:var(--orange); }.hero-card > a { display:flex; justify-content:space-between; padding:21px 30px; color:var(--orange); font-size:12px; font-weight:800; text-decoration:none; text-transform:uppercase; }.hero-card > a:hover { background:#1e1e1e; }.hero-card > a span { font-size:20px; line-height:.55; }
.proof-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:28px clamp(24px,7.1vw,120px); background:var(--orange); }.proof-strip div { display:flex; align-items:baseline; gap:13px; }.proof-strip strong { font:500 15px 'DM Mono',monospace; letter-spacing:.02em; text-transform:uppercase; }.proof-strip span { font-size:13px; font-weight:600; }
.media-section,.wins-section,.community { padding:clamp(85px,11vw,160px) 0; overflow:hidden; }.section-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; max-width:1240px; margin:0 auto 53px; padding:0 clamp(24px,7.1vw,120px); }.section-heading h2,.membership h2 { max-width:720px; margin:0; font-size:clamp(43px,5.7vw,84px); font-weight:700; letter-spacing:-.08em; line-height:.9; }.section-heading > p { max-width:320px; margin:0 0 4px; color:var(--muted); font-size:14px; line-height:1.6; }
.infinite-rail { width:100%; overflow-x:auto; cursor:grab; scrollbar-width:none; touch-action:pan-y pinch-zoom; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scroll-behavior:auto; -webkit-user-select:none; user-select:none; }.infinite-rail::-webkit-scrollbar { display:none; }.infinite-rail.is-dragging { cursor:grabbing; }.rail-track { display:flex; gap:14px; width:max-content; padding:0 14px; }.media-card { position:relative; flex:0 0 auto; overflow:hidden; padding:0; border:0; background:#e8e5e1; cursor:pointer; }.media-card::after { content:'View'; position:absolute; right:13px; bottom:13px; padding:7px 9px; border:1px solid var(--orange); background:var(--ink); color:var(--orange); font:500 9px 'DM Mono',monospace; letter-spacing:.12em; opacity:1; transition:transform .18s ease,background .18s ease; text-transform:uppercase; }.media-card:hover::after,.media-card:focus-visible::after { background:var(--orange); color:var(--ink); transform:translateY(-2px); }.media-card:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }.media-card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }.proof-card { width:clamp(210px,20vw,315px); height:clamp(270px,31vw,445px); }.proof-card:nth-child(2n) { width:clamp(165px,15vw,240px); }.proof-card:nth-child(3n) { width:clamp(245px,23vw,370px); }
.recent-section { padding:clamp(85px,11vw,155px) 0; background:var(--ink); overflow:hidden; }.inverse h2 { color:var(--paper); }.inverse > p { color:#b7b7b7; }.rail-dark { padding-bottom:2px; }.recent-card { width:clamp(195px,18vw,282px); height:clamp(225px,25vw,370px); background:#242424; }.recent-card:nth-child(odd) { width:clamp(230px,22vw,345px); }
.wins-section { padding-left:0; padding-right:0; }.wins-section .section-heading,.community .section-heading { max-width:1240px; }.wins-card { width:clamp(230px,23vw,360px); height:clamp(300px,34vw,510px); }.wins-card:nth-child(2n) { width:clamp(290px,29vw,450px); }
.membership { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:center; margin:0 clamp(24px,7.1vw,120px) clamp(80px,9vw,135px); padding:clamp(45px,6vw,78px); background:var(--orange); }.membership .eyebrow { color:#131313; }.membership h2 { font-size:clamp(51px,6vw,92px); }.membership > div > p:last-child { max-width:680px; margin:28px 0 0; font-size:17px; font-weight:500; line-height:1.6; }.membership-actions { justify-self:end; }.membership-actions .button { min-width:270px; }.membership-actions > p { max-width:300px; margin:15px 0 0; font-size:11px!important; line-height:1.45!important; }
.community { padding-left:0; padding-right:0; }.community-card { width:clamp(250px,25vw,390px); height:clamp(320px,36vw,500px); }.community-card:nth-child(2n) { width:clamp(205px,20vw,315px); }
footer { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; padding:33px clamp(24px,5vw,78px); border-top:1px solid var(--line); color:var(--muted); text-align:center; font:500 10px 'DM Mono',monospace; letter-spacing:.08em; }.footer-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }.footer-nav a { color:inherit; text-decoration:none; }.footer-nav a:hover { color:var(--orange); }.footer-social { display:flex; align-items:center; justify-content:center; gap:13px; }.footer-social a { display:grid; width:20px; height:20px; place-items:center; color:var(--ink); }.footer-social a:hover { color:var(--orange); }.footer-social svg { width:18px; height:18px; fill:currentColor; }.footer-social a:first-child svg { fill:none; stroke:currentColor; stroke-width:1.8; }.footer-social a:first-child svg circle:last-child { fill:currentColor; stroke:none; }
.dialog-open { overflow:hidden; }.image-dialog[hidden] { display:none!important; }.image-dialog { position:fixed; z-index:1000; inset:0; width:100vw; height:100dvh; padding:0; border:0; background:rgba(0,0,0,.82); color:#fff; }.image-dialog > div { display:grid; grid-template-columns:minmax(0,1fr) 320px; width:100%; height:100%; background:#111; }.image-dialog img { width:100%; height:100%; object-fit:contain; background:#111; }.image-dialog section { align-self:end; padding:0 0 34px; }.image-dialog section p,.image-dialog h2 { margin-left:30px; margin-right:30px; }.image-dialog [data-dialog-kicker] { margin-bottom:13px; color:var(--orange); font:500 10px 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }.image-dialog h2 { margin-top:0; margin-bottom:14px; font-size:36px; letter-spacing:-.065em; line-height:.95; }.image-dialog [data-dialog-caption] { margin-bottom:0; color:#bebebe; font-size:14px; line-height:1.5; }.dialog-close { position:absolute; z-index:2; top:18px; right:18px; width:46px; height:46px; border:1px solid var(--orange); border-radius:50%; background:var(--ink); color:var(--orange); font-size:31px; cursor:pointer; }
@media (max-width:800px) { .site-ticker { height:30px; font-size:8px; line-height:30px; letter-spacing:.12em; }.site-ticker span { padding-right:36px; }.site-ticker span::after { margin-left:36px; }.site-header { top:30px; height:72px; padding:0 18px; }.brand { width:155px; height:52px; }.header-join { padding:10px 11px; font-size:10px; }.menu-toggle { font-size:0; }.menu-toggle span { margin:0; font-size:23px; }.site-menu { top:71px; left:18px; right:18px; min-width:0; }.hero { min-height:auto; grid-template-columns:1fr; gap:54px; padding:85px 24px 80px; }.hero h1 { font-size:clamp(56px,16vw,86px); margin-bottom:27px; }.hero-text { font-size:19px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:24px; }.hero-card { width:calc(100% - 12px); justify-self:start; margin-top:0; }.member-price strong { font-size:66px; }.proof-strip { grid-template-columns:1fr; gap:10px; padding:21px 24px; }.section-heading { display:block; margin-bottom:34px; padding:0 24px; }.section-heading h2 { margin-bottom:20px; font-size:48px; }.section-heading > p { max-width:470px; }.media-section,.recent-section,.wins-section,.community { padding-top:82px; padding-bottom:82px; }.rail-track { gap:8px; padding:0 8px; }.proof-card { width:218px; height:300px; }.proof-card:nth-child(2n) { width:165px; }.proof-card:nth-child(3n) { width:240px; }.recent-card { width:200px; height:260px; }.recent-card:nth-child(odd) { width:225px; }.wins-card { width:220px; height:300px; }.wins-card:nth-child(2n) { width:270px; }.community-card { width:235px; height:350px; }.community-card:nth-child(2n) { width:190px; }.membership { grid-template-columns:1fr; gap:32px; margin:0 24px 85px; padding:40px 25px; }.membership h2 { font-size:59px; }.membership-actions { justify-self:start; }.community-grid { grid-template-columns:repeat(3,78vw); gap:8px; overflow-x:auto; padding-bottom:50px; scrollbar-width:none; }.community-grid::-webkit-scrollbar { display:none; }.message-card { height:420px; }.message-card:nth-child(2),.message-card:nth-child(3) { transform:none; } footer { flex-direction:column; align-items:flex-start; padding:28px 24px; }.footer-nav { justify-content:flex-start; }.image-dialog > div { grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) auto; }.image-dialog img { max-height:68vh; }.image-dialog section { padding-bottom:22px; }.image-dialog section p,.image-dialog h2 { margin-left:22px; margin-right:22px; }.image-dialog [data-dialog-kicker] { margin-top:20px; margin-bottom:8px; }.image-dialog h2 { margin-bottom:9px; font-size:29px; } }
@media (prefers-reduced-motion:reduce) { .site-ticker-track { animation:none; } }
@media (max-width:800px) { footer { align-items:center; }.footer-nav { justify-content:center; } }