/* One continuous full-screen banner behind the entire page. */
body{isolation:isolate;background:#0b080f}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('Assets/btcity-banner.png') center center/cover no-repeat;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#0b080f66,#0b080f88 50%,#0b080f44);pointer-events:none}
.hero{display:flex;align-items:center;justify-content:center;min-height:780px}
.hero-image{display:none}
.hero-shade{background:linear-gradient(180deg,#0b080f22,#0b080f33 55%,#0b080f88)}
.hero-content{width:100%;padding:130px 5% 150px;text-align:center;text-shadow:0 2px 28px #08050dcc}
.hero-content h1{font-size:clamp(88px,8.7vw,140px);line-height:.9}
.hero-content p{color:#f0e6f6}
.actions{justify-content:center;text-shadow:none}
.hero-caption{right:5%;bottom:100px}
.scene,.lore,.token,.roadmap,.join{background:none}
.scene:before{background:linear-gradient(180deg,#0b080fb8,#0b080f99 50%,#0b080fbd)}
.join{background:#0b080fa8}
.manifesto-strip{background:#0b080fba}
footer{background:#0b080fca}
.story p,.intro,.road-heading p,.phases p{color:#d9cfdf}
.token-sheet{background:#0b080fd1}
.phases{background:#0b080fb0}
@media(max-width:800px){
 body::before{background-position:65% center}
 body::after{background:#0b080f77}
 .hero{min-height:740px;height:100svh;max-height:1000px}
 .hero-content{padding:120px 6% 130px}
 .hero-content h1{font-size:clamp(64px,15vw,100px);margin:26px 0}
 .hero-content .eyebrow{font-size:8px;letter-spacing:1px}
 .hero-content p{font-size:13px}
 .actions{gap:22px;flex-wrap:wrap}
 .hero-shade{background:linear-gradient(180deg,#0b080f22,#0b080f55 65%,#0b080faa)}
}