:root{--black:#141414;--black2:#0b0b0b;--red:#e50914;--red2:#b20710;--white:#f5f5f1;--gray:#b3b3b3;--line:#ffffff19;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.top-progress{position:fixed;z-index:100;top:0;left:0;height:3px;width:0;background:var(--red)}.nav{position:fixed;z-index:90;top:0;left:0;right:0;height:76px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080808dd,transparent);transition:.25s}.nav.scrolled{background:#141414f2;backdrop-filter:blur(12px)}.logo,.footer-logo{font:700 20px/.8 "Space Grotesk";letter-spacing:-.05em;text-align:center}.logo span,.footer-logo{display:block}.logo span:first-child{border-bottom:3px solid var(--white);padding-bottom:5px}.nav nav{display:flex;gap:25px;margin-left:auto;margin-right:32px}.nav nav a{font-size:13px;color:#ddd}.nav nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{height:100vh;min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url("assets/tribe-city-hero-concept.png") center/cover no-repeat;filter:saturate(.8)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#090909ee 0%,#090909a8 38%,#09090922 72%),linear-gradient(0deg,#141414 0%,transparent 24%,#09090945 100%)}.hero-content{position:relative;z-index:2;width:min(760px,90%);margin-left:max(6vw,28px);padding-top:50px}.sketch-logo{width:170px;height:112px;overflow:hidden;margin-bottom:20px;mix-blend-mode:screen;filter:grayscale(1) brightness(2.2) contrast(1.15)}.sketch-logo img{width:100%;height:100%;object-fit:cover;object-position:center top}.kicker,.post small{font-size:11px;font-weight:700;letter-spacing:.18em;color:#d7d7d7}.hero h1{font:700 clamp(48px,7vw,92px)/.94 "Space Grotesk";letter-spacing:-.06em;margin:10px 0 22px}.hero h1 span{color:#fff}.hero-copy{font-size:18px;max-width:570px;color:#ddd}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:30px;flex-wrap:wrap}.red-btn,.quiet-btn,.outline-btn{display:inline-flex;align-items:center;gap:18px;border-radius:4px;padding:13px 20px;font-weight:700;font-size:14px;border:1px solid transparent}.red-btn{background:var(--red);color:#fff}.red-btn:hover{background:#f40612}.quiet-btn{background:#ffffff20;border-color:#ffffff1f}.outline-btn{border-color:#ffffff38}.scroll{position:absolute;z-index:3;bottom:30px;left:6vw;color:#aaa;font-size:10px;letter-spacing:.18em}.scroll span{color:#fff;font-size:16px;margin-left:10px}.section{width:min(calc(100% - 48px),var(--max));margin:auto;padding:115px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}.two-col h2,.section-title h2,.future h2,.tribe h2,.join h2{font:600 clamp(40px,5vw,68px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:12px 0 25px}.two-col p{color:#c4c4c4;max-width:540px}.two-col .large{font-size:20px;color:#eee}.hand{font:600 25px "Caveat";color:#ddd!important;transform:rotate(-2deg);margin-top:35px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px}.pillar{background:#181818;border-radius:3px;overflow:hidden;border:1px solid #ffffff08;transition:.3s}.pillar:hover{transform:translateY(-6px);border-color:#ffffff22}.pillar-image{height:280px;background-size:cover;background-position:center}.create-img{background-image:linear-gradient(0deg,#0009,#0000),url("assets/tribe-city-hero-concept.png")}.explore-img{background-image:linear-gradient(0deg,#0009,#0000),url("assets/tribe-city-hero-concept.png");background-position:75% center}.teach-img{background-image:linear-gradient(0deg,#0009,#0000),url("assets/tribe-city-hero-concept.png");filter:saturate(.65)}.pillar-body{padding:25px}.pillar-body h3,.current-info h3{font:600 31px/1 "Space Grotesk";letter-spacing:-.04em;margin:13px 0}.pillar-body p:not(.kicker){color:#aaa}.pillar-body a{font-size:13px;font-weight:700}.pillar-body b,.current-info b{color:#fff}.section-title{max-width:750px;margin-bottom:35px}.section-title>p:last-child{color:#aaa}.current-card{display:grid;grid-template-columns:1.25fr .75fr;background:#181818;min-height:520px}.current-art{position:relative;overflow:hidden}.current-art img{width:100%;height:100%;object-fit:cover;display:block}.current-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#181818 100%)}.art-label{position:absolute;z-index:2;top:22px;left:22px;background:#000b;border:1px solid #fff2;padding:7px 10px;font-size:9px;letter-spacing:.15em}.current-info{padding:50px;display:flex;flex-direction:column;justify-content:center}.current-info>p:not(.kicker){color:#aaa}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.mini-stats{display:flex;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#777}.mini-stats b{display:block;color:#eee;font-size:15px}.origin-card{display:grid;grid-template-columns:1fr 1fr;background:#101010;border:1px solid var(--line)}.origin-photo{min-height:500px;display:flex;align-items:center;justify-content:center;padding:25px;background:#090909}.origin-photo img{width:100%;height:100%;max-height:520px;object-fit:cover;filter:saturate(.8)}.origin-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.origin-copy h2{font:600 55px/1 "Space Grotesk";letter-spacing:-.05em}.origin-copy p{color:#aaa}.future{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.roadmap{border-left:1px solid #ffffff24}.road{position:relative;padding:0 0 48px 35px}.road:before{content:"";position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--black);border:2px solid var(--red)}.road span{color:#e50914;font-size:10px;letter-spacing:.18em;font-weight:700}.road h3{font:600 29px "Space Grotesk";margin:6px 0}.road p{color:#888;margin:0}.tribe{background:linear-gradient(90deg,#090909cc,#09090933),url("assets/tribe-city-hero-concept.png") center/cover;max-width:none;padding-left:max(calc((100% - var(--max))/2),24px);padding-right:max(calc((100% - var(--max))/2),24px)}.tribe-inner{max-width:650px}.tribe-inner>p:not(.kicker){font-size:18px;color:#ccc}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post{min-height:290px;background:#181818;padding:27px;border:1px solid #ffffff09;display:flex;flex-direction:column}.post h3{font:600 27px/1.05 "Space Grotesk";letter-spacing:-.035em}.post p{color:#888}.post a{margin-top:auto;font-size:13px;font-weight:700}.join-card{text-align:center;background:#181818;padding:80px 30px;border-top:3px solid var(--red)}.join-card>p:not(.kicker){color:#999;max-width:600px;margin:0 auto 25px}.join form{display:flex;max-width:550px;margin:auto;gap:8px}.join input{flex:1;background:#0f0f0f;color:#fff;border:1px solid #ffffff24;padding:14px;border-radius:3px;outline:none}.form-msg{font-size:12px!important;margin-top:15px!important}.footer{border-top:1px solid var(--line);padding:45px max(4vw,24px);display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:30px;align-items:end}.footer p{margin:0;color:#aaa;font-size:13px}.footer-links{display:flex;gap:20px;font-size:12px}.muted{color:#555!important}.copy{font-size:11px;color:#666}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;top:65px;right:24px;flex-direction:column;gap:0;background:#141414;padding:10px 15px;border:1px solid var(--line)}.nav nav.open a{padding:10px 5px}.two-col,.future,.origin-card{grid-template-columns:1fr}.pillars,.posts{grid-template-columns:1fr}.current-card{grid-template-columns:1fr}.current-art{min-height:390px}.origin-photo{min-height:360px}.footer{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1}.copy{grid-column:1/-1}.hero{min-height:760px}.sketch-logo{width:150px;height:98px}}@media(max-width:600px){.section{padding:80px 0}.hero-content{margin-left:24px}.hero h1{font-size:49px}.hero-copy{font-size:16px}.two-col{gap:45px}.current-info,.origin-copy{padding:30px}.join form{flex-direction:column}.red-btn,.quiet-btn,.outline-btn{justify-content:center}.footer{grid-template-columns:1fr}.footer-links{grid-column:auto}}