:root{--bg:#050505;--paper:#eeeDEA;--line:rgba(255,255,255,.14);--muted:#a4a4a4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Helvetica,Arial,sans-serif;overflow-x:hidden}
.nav{height:84px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:5;background:rgba(5,5,5,.78);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.03em;line-height:1}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;display:block;image-rendering:auto}.brand-name{font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;font-weight:900;letter-spacing:.02em;position:relative;top:0}
.nav nav{display:flex;gap:30px;align-items:center}.nav nav a{font-family:Inter,Helvetica,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#d5d5d5;text-decoration:none;transition:color .25s,transform .25s}.nav nav a:hover,.nav nav a.active{color:#fff;transform:translateY(-1px)}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#050505}.hero-copy{padding:125px 4vw 70px;position:relative;z-index:2}.eyebrow{font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;letter-spacing:.12em;color:#8b8b8b;margin:0 0 26px}.hero h1,.section h2{font-size:clamp(58px,8vw,140px);line-height:.84;letter-spacing:-.075em;margin:0;font-weight:900}.hero h1 em,.section h2 em,.story-content h2 em,.about-closing h2 em,.collection-empty h3 em{font-style:normal;font-weight:500;color:#8d8d8d}.intro{max-width:500px;line-height:1.8;color:#aaa;margin:38px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:20px;padding:15px 19px;text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.btn.primary{background:var(--paper);color:#090909}.btn.ghost{border:1px solid #4b4b4b;color:#fff;background:transparent}.btn span{font-size:17px}
.hero-art{height:100%;min-height:620px;display:flex;align-items:stretch;justify-content:center;position:relative;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.1) 22%,rgba(5,5,5,0) 58%,rgba(5,5,5,.4) 100%);pointer-events:none;z-index:2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.01)}
.section{padding:clamp(70px,10vw,145px) 4vw;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:54px}.text-link{font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;text-transform:uppercase;color:#ddd;text-decoration:none}.collection-empty{min-height:430px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,5vw,80px);background:radial-gradient(circle at 72% 50%,rgba(255,255,255,.045),transparent 38%),#080808}.empty-kicker{font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;letter-spacing:.13em;color:#777;margin:0 0 22px}.collection-empty h3{font-size:clamp(48px,6.5vw,110px);line-height:.85;letter-spacing:-.07em;margin:0 0 28px;font-weight:900}.empty-copy{max-width:720px;color:#8f8f8f;line-height:1.8;margin:0}.empty-line{margin-top:42px;height:1px;background:#222;width:100%;position:relative}.empty-line span{position:absolute;left:0;top:-1px;width:80px;height:3px;background:#fff}
.nft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nft-card{border:1px solid var(--line);background:#0b0b0b;transition:transform .35s,border-color .35s}.nft-card:hover{transform:translateY(-8px);border-color:#666}.nft-card a{display:block;color:inherit;text-decoration:none}.nft-image{aspect-ratio:1;overflow:hidden;background:#111}.nft-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.nft-card:hover .nft-image img{transform:scale(1.035)}.nft-info{display:flex;justify-content:space-between;gap:12px;padding:15px}.nft-name{font-size:14px;font-weight:800}.nft-chain{font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#777}.fetch-note{margin-top:22px;font-size:11px;color:#686868}.manifesto{background:#0a0a0a}.manifesto-top{display:flex;justify-content:space-between}.manifesto-mark{font-size:80px;font-weight:900;line-height:.7}.manifesto-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.manifesto-grid p{max-width:460px;line-height:1.9;color:#999}.community{display:flex;justify-content:space-between;align-items:end;gap:40px}footer{padding:32px 4vw;display:flex;justify-content:space-between;align-items:center;color:#777;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.footer-brand img{width:32px;height:32px}.footer-brand .brand-name{font-size:14px}
.about-nav{position:relative}.back-link{display:none;color:#aaa;text-decoration:none;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.about-hero{min-height:70vh;padding:clamp(120px,14vw,190px) 10vw 100px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,#1a1a1a 0,transparent 40%),#060606}.about-hero h1{font-size:clamp(58px,10vw,170px);line-height:.82;letter-spacing:-.08em;margin:0;font-weight:900}.about-lead{max-width:770px;font-size:clamp(16px,1.5vw,21px);line-height:1.8;color:#aaa;margin-top:48px}.story-block{display:grid;grid-template-columns:24% 1fr;gap:60px;padding:clamp(72px,9vw,145px) 10vw;border-bottom:1px solid var(--line)}.story-block.alt{background:#0a0a0a}.story-label{font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;color:#777;letter-spacing:.1em}.story-content{max-width:900px}.story-content h2,.about-closing h2{font-size:clamp(46px,6.5vw,108px);line-height:.86;letter-spacing:-.07em;margin:0 0 45px;font-weight:900}.story-content p{font-size:clamp(15px,1.25vw,18px);line-height:1.95;color:#999;margin:0 0 23px;max-width:800px}.about-closing{padding:clamp(90px,13vw,180px) 10vw;background:#ecebe7;color:#090909}.about-closing .eyebrow{color:#666}.about-closing p{max-width:760px;color:#666;line-height:1.9}.about-closing .btn{margin-top:20px}

/* Responsive layout: preserve the desktop hero composition on phones */
@media (max-width: 850px){
  .nav{height:72px;padding:0 24px;position:absolute;background:rgba(5,5,5,.72)}
  .nav nav{gap:18px}
  .nav nav a{font-size:10px}
  .nav nav a:first-child{display:none}
  .nav nav a[href*="opensea"]{display:none}

  .hero{min-height:100svh;height:100svh;display:block;position:relative;overflow:hidden}
  .hero-copy{position:relative;z-index:3;width:58%;height:100%;padding:30vh 0 7vh 28px;display:flex;flex-direction:column;justify-content:flex-start}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:24px;white-space:nowrap}
  .hero h1{font-size:clamp(43px,13.5vw,78px);line-height:.86;letter-spacing:-.075em}
  .intro{font-size:12px;line-height:1.65;margin:30px 0 28px;max-width:285px;color:#aaa}
  .actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
  .btn{font-size:8px;min-height:0;padding:11px 13px;gap:12px;letter-spacing:.05em}
  .btn span{font-size:13px}

  .hero-art{position:absolute;z-index:1;right:0;top:0;width:58%;height:100%;min-height:0;display:block;overflow:hidden}
  .hero-art:after{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.82) 8%,rgba(5,5,5,.2) 45%,rgba(5,5,5,0) 75%,rgba(5,5,5,.18) 100%)}
  .hero-art img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none}

  .section{padding:88px 24px}
  .section-head{display:block;margin-bottom:42px}
  .text-link{display:inline-block;margin-top:22px}
  .section h2{font-size:clamp(48px,13vw,82px)}
  .collection-empty{min-height:360px;padding:38px 26px}
  .collection-empty h3{font-size:clamp(42px,12vw,72px)}
  .empty-copy{font-size:14px;line-height:1.75}
  .nft-grid{grid-template-columns:1fr;gap:14px}
  .manifesto-top{display:block}
  .manifesto-mark{display:none}
  .manifesto-grid{grid-template-columns:1fr;gap:30px}
  .manifesto-grid p{font-size:15px;line-height:1.8}
  .community{display:block}
  .community .btn{margin-top:28px}
  footer{padding:28px 24px;gap:20px;flex-wrap:wrap}
}

@media (max-width:520px){
  .nav{height:68px;padding:0 18px}
  .brand{gap:9px}.brand img{width:38px;height:38px}.brand-name{font-size:15px}
  .nav nav{gap:16px}.nav nav a{font-size:9px}
  .hero-copy{width:60%;padding-left:22px;padding-top:31vh}
  .hero-copy .eyebrow{font-size:7px;margin-bottom:20px}
  .hero h1{font-size:clamp(39px,13.2vw,62px)}
  .intro{font-size:11px;line-height:1.62;margin:25px 0 24px;max-width:205px}
  .btn{padding:10px 12px;font-size:7.5px;gap:9px}
  .hero-art{width:60%}
  .hero-art:after{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.88) 9%,rgba(5,5,5,.28) 48%,rgba(5,5,5,0) 78%,rgba(5,5,5,.2) 100%)}
  .section{padding:76px 20px}
  .collection-empty{padding:32px 20px}
}