:root { --nft-lime: #a9bd18; --nft-green: #8b9e23; --nft-cream: #f8f6ef; --nft-ink: #111; --nft-muted: #a7a7a2; }
.nft-page { min-width: 1180px; background: var(--nft-ink); color: var(--nft-cream); }
.nft-page main { min-width: 1180px; overflow: hidden; }
.nft-page .site-header nav a[aria-current="page"] { color: var(--nft-cream); text-decoration: underline; text-underline-offset: 5px; }
.nft-page .bio-footer { min-width: 1180px; max-width: none; margin: 0; }
.nft-page .section-kicker { margin: 0 0 18px; color: var(--nft-lime); font-size: 13px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.nft-hero { position: relative; isolation: isolate; min-height: 980px; padding: 185px max(9vw,110px) 120px; overflow: hidden; background: radial-gradient(circle at 74% 42%,rgb(169 189 24 / .13),transparent 29%),#111 url('assets/profile-grid.png') left center / auto 120% no-repeat; }
.nft-hero::before { content: ''; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,#111 0%,rgb(17 17 17 / .96) 48%,rgb(17 17 17 / .7) 100%); }
.nft-hero::after { content: ''; position: absolute; z-index: 4; left: 0; right: 0; bottom: -1px; height: 42px; background: var(--nft-lime); clip-path: polygon(0 40%,7% 55%,15% 27%,25% 50%,34% 28%,45% 62%,56% 30%,68% 54%,79% 25%,89% 58%,100% 34%,100% 100%,0 100%); }
.roadmap-logo { position: absolute; z-index: 3; top: 125px; left: max(9vw,110px); width: 310px; height: auto; filter: drop-shadow(0 18px 25px rgb(0 0 0 / .35)); }
.nft-hero-copy { position: relative; z-index: 3; width: 690px; padding-top: 250px; }
.nft-hero-copy h1 { margin: 0; font-size: 92px; font-weight: 900; letter-spacing: -.07em; line-height: .88; }
.nft-hero-copy > p:last-of-type { max-width: 660px; margin: 32px 0 0; color: #deded9; font-size: 19px; line-height: 1.75; }
.hero-actions { display: flex; gap: 14px; margin-top: 38px; }
.hero-actions a { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 0 25px; border: 2px solid var(--nft-lime); border-radius: 999px; color: var(--nft-cream); font-size: 13px; font-weight: 800; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; transition: background .2s ease,color .2s ease,transform .2s ease; }
.hero-actions a:first-child,.hero-actions a:hover,.hero-actions a:focus-visible { background: var(--nft-lime); color: #111; outline: 0; transform: translateY(-3px); }
.nft-hero-character { position: absolute; z-index: 2; top: 58px; right: -210px; width: 860px; height: auto; filter: drop-shadow(0 30px 35px rgb(0 0 0 / .45)); animation: nft-page-float 8s ease-in-out infinite; }
.nft-hero-glow { position: absolute; z-index: 0; top: 40px; right: -78px; width: 680px; height: 680px; border: 1px solid rgb(169 189 24 / .26); border-radius: 50%; box-shadow: inset 0 0 95px rgb(169 189 24 / .08),0 0 110px rgb(169 189 24 / .08); }
.nft-hero-orbit { position: absolute; z-index: 1; top: 0; right: -118px; width: 760px; height: 760px; border: 1px solid rgb(255 255 255 / .08); border-radius: 50%; animation: nft-page-spin 40s linear infinite reverse; }
.nft-hero-orbit span { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--nft-lime); box-shadow: 0 0 22px var(--nft-lime); }.nft-hero-orbit span:nth-child(1){top:8%;left:27%}.nft-hero-orbit span:nth-child(2){top:47%;right:-6px}.nft-hero-orbit span:nth-child(3){left:18%;bottom:5%}
@keyframes nft-page-float { 0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(-12px,-18px) rotate(1deg)} }
@keyframes nft-page-spin { to{transform:rotate(360deg)} }
.universe-section { padding: 130px max(7vw,84px) 150px; background: var(--nft-lime) url('assets/manual-art/background-art.webp') center top / 1920px auto no-repeat; color: #111; }
.section-heading { max-width: 780px; margin: 0 auto 70px; text-align: center; }.section-heading h2 { margin: 0; font-size: 66px; font-weight: 900; letter-spacing: -.055em; line-height: .95; }.section-heading > p:last-child { max-width: 650px; margin: 22px auto 0; font-size: 18px; line-height: 1.65; }.universe-section .section-kicker { color: #111; }
.universe-grid { display: grid; width: min(100%,1500px); margin: auto; grid-template-columns: repeat(5,1fr); gap: 18px; }
.universe-card { position: relative; min-height: 330px; padding: 32px 28px; border: 2px solid #111; border-radius: 28px; background: rgb(248 246 239 / .88); box-shadow: 8px 8px 0 #111; transition: transform .2s ease,box-shadow .2s ease; }.universe-card:hover { transform: translate(-4px,-5px); box-shadow: 13px 14px 0 #111; }.universe-card.is-featured { background: #111; color: var(--nft-cream); }.universe-card > span { display: inline-grid; width: 44px; height: 44px; place-items: center; border: 2px solid currentColor; border-radius: 50%; font-size: 13px; font-weight: 900; }.universe-card h3 { margin: 74px 0 14px; font-size: 25px; line-height: 1; letter-spacing: -.03em; }.universe-card p { margin: 0; font-size: 14px; line-height: 1.65; }
.roadmap-section { position: relative; padding: 140px max(8vw,96px) 160px; background: #111; }.roadmap-section::before { content:''; position:absolute; inset:0; background:linear-gradient(rgb(17 17 17 / .76),rgb(17 17 17 / .94)),url('assets/nft-texture.webp') center top / cover fixed; opacity:.6; pointer-events:none; }.roadmap-heading,.roadmap-list { position: relative; }.roadmap-heading { color: var(--nft-cream); }.roadmap-list { width: min(100%,1320px); margin: auto; }.roadmap-list::before { content:''; position:absolute; top:45px; bottom:50px; left:80px; width:3px; background:linear-gradient(var(--nft-lime),#f65abd,#54b9f1,var(--nft-lime)); }
.roadmap-phase { position: relative; display: grid; grid-template-columns: 160px 1fr; gap: 34px; min-height: 250px; }.phase-number { position: relative; z-index: 2; display:grid; width:82px; height:82px; place-items:center; border:3px solid #111; border-radius:50%; background:var(--nft-lime); color:#111; font-size:24px; font-weight:900; box-shadow:0 0 0 5px var(--nft-lime),0 0 0 8px #111; }.phase-copy { padding: 5px 0 62px; border-bottom: 1px solid rgb(255 255 255 / .14); }.phase-copy > p { margin:0 0 10px; color:var(--nft-lime); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.phase-copy h3 { margin:0; font-size:38px; line-height:1; letter-spacing:-.04em; }.phase-copy > div { max-width: 930px; margin-top:18px; color:#cfcfca; font-size:17px; line-height:1.72; }.roadmap-phase:nth-child(3n+2) .phase-number { background:#f45ab6; box-shadow:0 0 0 5px #f45ab6,0 0 0 8px #111; }.roadmap-phase:nth-child(3n) .phase-number { background:#54b9f1; box-shadow:0 0 0 5px #54b9f1,0 0 0 8px #111; }
.holder-section { padding: 135px max(7vw,84px) 155px; background:#f4f3ee url('assets/manual-art/background-art.webp') center 30% / 1920px auto no-repeat; color:#111; }.holder-section .section-kicker { color:#7d8e0a; }.holder-grid { display:grid; width:min(100%,1440px); margin:auto; grid-template-columns:repeat(4,1fr); gap:22px; }.holder-grid article { min-height:360px; padding:35px 32px; border:1px solid #aaa; border-radius:26px; background:rgb(255 255 255 / .88); box-shadow:0 16px 38px rgb(0 0 0 / .1); }.holder-grid article:first-child { background:#111; color:var(--nft-cream); border-color:var(--nft-lime); }.holder-grid span { color:#839509; font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.holder-grid h3 { margin:86px 0 18px; font-size:29px; line-height:1.05; letter-spacing:-.04em; }.holder-grid p { margin:0; color:#53534f; font-size:15px; line-height:1.7; }.holder-grid article:first-child p { color:#ccc; }
.engine-section { display:grid; min-height:690px; grid-template-columns: .8fr 1.2fr; align-items:center; gap:90px; padding:110px max(8vw,96px); background:var(--nft-green); color:#111; }.engine-heading h2 { margin:0; font-size:64px; line-height:.95; letter-spacing:-.055em; }.engine-heading > p:last-child { max-width:520px; margin:25px 0 0; font-size:18px; line-height:1.7; }.engine-section .section-kicker { color:#111; }.engine-list { list-style:none; margin:0; padding:0; border-top:2px solid #111; }.engine-list li { display:grid; grid-template-columns:190px 1fr; gap:32px; padding:28px 8px; border-bottom:2px solid #111; }.engine-list strong { font-size:21px; }.engine-list span { font-size:16px; line-height:1.65; }
.chapter-section { position:relative; isolation:isolate; min-height:800px; padding:135px max(9vw,108px) 150px; overflow:hidden; background:#111; text-align:center; }.chapter-section::before { content:''; position:absolute; z-index:-1; inset:-8px; background:url('assets/profile-grid.png') center / cover no-repeat; opacity:.42; filter:blur(1.5px); -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%); pointer-events:none; }.chapter-section::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgb(17 17 17 / .16),transparent 30%,transparent 72%,rgb(17 17 17 / .34)); pointer-events:none; }.chapter-section h2 { margin:0; font-size:72px; line-height:.94; letter-spacing:-.06em; }.chapter-section ol { display:flex; width:min(100%,1420px); justify-content:center; gap:11px; margin:55px auto; padding:0; list-style:none; }.chapter-section li { display:grid; min-height:92px; flex:1; place-items:center; padding:15px; border:1px solid rgb(169 189 24 / .55); border-radius:18px; background:rgb(26 26 26 / .8); font-size:13px; font-weight:800; line-height:1.3; text-transform:uppercase; }.chapter-section blockquote { max-width:1050px; margin:65px auto 35px; font-size:30px; font-weight:700; line-height:1.5; }.chapter-section > a { display:inline-flex; gap:8px; color:var(--nft-lime); font-size:13px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }.chapter-section > a:hover,.chapter-section > a:focus-visible { color:#fff; outline:0; }.chapter-bubble { position:absolute; left:-85px; bottom:-100px; width:280px; filter:blur(2px); opacity:.55; animation:nft-page-float 10s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .nft-hero-character,.nft-hero-orbit,.chapter-bubble { animation:none; } }