@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#09090c;--text:#f4f1f1;--muted:#a3a0aa;--pink:#ff349b;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#09090cf2;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px)}.brand{font-weight:800;font-size:24px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand img{width:35px;height:35px;border-radius:50%}.brand>span{font-size:11px;align-self:flex-start;margin-top:4px}nav{display:flex;gap:34px;color:var(--muted);font-size:13px}nav a:hover,nav a.active{color:var(--pink)}.header-cta{border:1px solid var(--line);padding:13px 18px;font-size:12px}.header-cta span{margin-left:24px}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:65px 5% 100px;overflow:hidden}.hero-back{position:absolute;inset:0;background:linear-gradient(90deg,#09090cf5,#09090c7d),url('Assets/boulevard.png') center/cover;opacity:.5}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow,.micro,.section-label,.hero-foot,.orbit-label,.art-caption,.ticker,.image-tag,.phase-top,.token-data>div>span,.footer-top>span,.footer-top>a:last-child,.footer-bottom,.socials>a>span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1.4px;line-height:1.8}.eyebrow{font-size:11px;letter-spacing:2px}.dot{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;box-shadow:0 0 12px #ff349b;margin-right:9px}.pink{color:var(--pink)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:-1.5px;line-height:.96}h1{font-size:clamp(65px,6.8vw,110px);margin:26px 0}h2{font-size:clamp(49px,5.2vw,78px);margin-bottom:27px}.intro{color:#b7b2bd;line-height:1.9;font-size:15px}.intro strong{font-weight:500;color:var(--text)}.actions{display:flex;gap:12px;margin:32px 0 20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 21px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--pink);color:#14050e}.primary:hover{background:#ff72b9}.secondary{border:1px solid #ffffff38;background:#09090c60}.micro{color:var(--muted);font-size:9px}.hero-art{text-align:center;padding-left:30px}.hero-art>img{width:100%;max-width:540px;display:block;mix-blend-mode:screen;margin:15px auto}.orbit-label{color:#b9a8b7;font-size:9px}.art-caption{display:flex;justify-content:space-between;font-size:8px;color:#a291a3}.hero-foot{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:24px;border-block:1px solid var(--line);padding:22px 4%;font-size:10px;overflow:hidden;white-space:nowrap}.ticker b{color:var(--pink);font-size:20px}.section{padding:85px 7%}.section-label{display:flex;justify-content:space-between;color:var(--pink);margin-bottom:48px}.section-label>span{color:#77717e;font-size:9px}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.lore-art{position:relative;height:530px}.lore-art img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(.75)}.image-tag{position:absolute;bottom:20px;left:20px;font-size:8px;color:#eee}.lore-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.85;max-width:470px}.lore-copy .eyebrow{font-size:9px}.quote{font-size:23px;line-height:1.35;letter-spacing:-.7px;border-left:2px solid var(--pink);padding-left:20px;margin:25px 0 15px}.manifesto{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:65px;padding-top:30px;border-top:1px solid var(--line)}.manifesto>div>span{font-family:monospace;color:var(--pink);font-size:11px}.manifesto h3{font-size:16px;margin:15px 0 10px}.manifesto p{font-size:12px;color:var(--muted);line-height:1.8;max-width:270px}.token{background:linear-gradient(100deg,#101016f7,#101016eb),url('Assets/wojacity.png') right center/600px no-repeat;border-block:1px solid var(--line)}.token-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.token-heading>p{color:var(--muted);font-size:13px;line-height:1.9}.token-data{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:25px;padding:30px 0}.token-data>div{padding:0 25px;border-right:1px solid var(--line)}.token-data>div:first-child{padding-left:0}.token-data>div:last-child{border:0}.token-data span{display:block;color:var(--muted);font-size:9px!important;margin-bottom:12px}.token-data strong{font-size:21px;font-weight:500;letter-spacing:-.5px}.contract{margin-top:22px;padding:23px;background:#09090c88;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.contract p{font-family:monospace;font-size:12px;margin:8px 0 0;overflow-wrap:anywhere;color:#c3bec8}.contract button{background:none;color:var(--text);border:1px solid #ffffff30;padding:12px 18px;font-size:11px;white-space:nowrap;cursor:pointer}.contract button:disabled{color:#85808c;cursor:default}.token-note{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:10px;color:var(--muted)}.token-note p{margin:0}.roadmap{position:relative;background:radial-gradient(ellipse at 90% 100%,#32102666,transparent 60%)}.road-intro{color:var(--muted);font-size:13px;line-height:1.8}.phases{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--line)}.phases article{position:relative;padding:28px 25px 78px 0;border-right:1px solid var(--line)}.phases article+article{padding-left:30px}.phases article:last-child{border:0}.phase-top{display:flex;justify-content:space-between;font-size:9px;color:var(--pink);gap:12px}.phase-state{font-size:8px;color:#93909a;border:1px solid var(--line);padding:1px 6px;letter-spacing:1px}.phases h3{font-size:26px;letter-spacing:-1px;margin:35px 0 10px}.phases p{color:var(--muted);font-size:12px}.phases ul{list-style:none;padding:0;margin-top:27px;color:#b7b1bd;font-size:11px;line-height:2.5}.phases li:before{content:'↗';color:var(--pink);margin-right:12px}.phase-number{position:absolute;bottom:0;right:24px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:80px;color:#ffffff0b;line-height:1}.community{position:relative;text-align:center;padding-top:100px;padding-bottom:80px;overflow:hidden;border-block:1px solid var(--line)}.community-bg{position:absolute;inset:0;background:linear-gradient(#09090ca6,#09090c90 45%,#09090cf5),url('Assets/skyline.png') center/cover;z-index:-1}.community h2{font-size:clamp(56px,6.6vw,96px);margin:28px 0}.community h2 em{font-style:normal;color:var(--pink)}.community>p:not(.eyebrow){color:#bfb7c4;font-size:13px}.socials{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;margin-top:55px;border:1px solid #ffffff38;background:#09090c88}.socials a{padding:24px;border-right:1px solid #ffffff38;transition:background .2s}.socials a:last-child{border:0}.socials a:hover{background:#ff349b20}.socials>a>span{font-size:8px;color:var(--muted)}.socials strong{font-size:21px;font-weight:500;display:block;margin-top:15px}.socials b{float:right;color:var(--pink);font-weight:400}footer{padding:36px 5% 24px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top>span{font-size:9px;color:#8c8593}.footer-top>a:last-child{font-size:9px}.footer-bottom{align-items:flex-start;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:8px;color:#827c89;letter-spacing:.3px}.footer-bottom p{max-width:520px;text-align:right;margin:0;line-height:1.8}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f2e8ef;color:#160710;padding:15px 24px;font-size:12px;z-index:30;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:820px}}@media(max-width:1000px){header{padding-inline:4%}nav{gap:20px}.hero{padding-inline:5%;min-height:640px}.hero-art{padding-left:15px}.actions{flex-wrap:wrap}.section{padding:65px 5%}.lore-grid{gap:5%}.lore-art{height:490px}.token-data strong{font-size:17px}.token-data>div{padding-inline:16px}.phase-top{flex-wrap:wrap}.phases article+article{padding-left:20px}.phases li{line-height:1.8;margin-bottom:9px}}
@media(max-width:700px){header{height:72px}.brand{font-size:20px}.brand img{width:30px;height:30px}nav{display:none}.header-cta{padding:11px;font-size:10px}.header-cta span{margin-left:10px}.hero{grid-template-columns:1fr;padding:40px 6% 65px;min-height:auto}.hero-content{text-align:left}h1{font-size:76px}.intro{font-size:13px}.hero-art{padding:25px 10px 10px;max-width:460px;width:100%;margin:auto}.hero-art>img{max-width:360px;margin:10px auto}.hero-foot{font-size:7px;bottom:20px}.hero-foot>a{display:none}.art-caption{font-size:7px}.ticker{justify-content:flex-start;gap:24px;font-size:8px;padding:13px 5%}.ticker span:last-child{display:none}.section{padding:52px 6%}.section-label{margin-bottom:30px;font-size:9px}.section-label>span{font-size:7px;letter-spacing:.5px}.lore-grid{grid-template-columns:1fr;gap:32px}.lore-art{height:300px}.lore-copy h2{font-size:58px}.manifesto{grid-template-columns:1fr;gap:18px;margin-top:35px}.manifesto>div{position:relative;padding-left:34px}.manifesto>div>span{position:absolute;left:0;top:14px}.manifesto p{max-width:none}.token-heading{display:block}.token-data{grid-template-columns:1fr 1fr;padding:0}.token-data>div{padding:22px 12px!important;border-bottom:1px solid var(--line)}.token-data>div:nth-child(even){border-right:0}.token-data>div:nth-child(n+3){border-bottom:0}.token-data strong{font-size:18px}.contract{align-items:flex-start;flex-direction:column;padding:18px}.token-note{flex-direction:column;gap:8px;line-height:1.7}.phases{grid-template-columns:1fr}.phases article,.phases article+article{padding:25px 0 45px;border-right:0;border-bottom:1px solid var(--line)}.phases h3{margin-top:24px}.phases ul{margin-top:18px}.phases li{line-height:2}.phase-number{font-size:100px}.community h2{font-size:58px}.socials{grid-template-columns:1fr;margin-top:35px}.socials a{border-right:0;border-bottom:1px solid var(--line);padding:20px}.socials strong{font-size:21px;margin-top:7px}.footer-top{flex-wrap:wrap}.footer-top>span{display:none}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom p{text-align:left}.actions{gap:9px}.button{padding:15px;font-size:11px;gap:15px}#toast{width:max-content;max-width:90vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.community{isolation:isolate}
/* Blend the entire artwork stacking context with the city backdrop so the
   source image's black canvas disappears without cropping the neon ring. */
.hero-art{mix-blend-mode:screen}