/* Three short chapters, built on the original artwork and native page scroll. */
:root{--scene-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:116px}body{overflow-x:clip}.site-header{position:sticky;top:12px;z-index:60;height:72px;margin:12px auto 20px;width:calc(100% - 40px);max-width:1376px;padding:0 28px;border:1px solid #c69aff24;border-radius:14px;background:#0d0915db;backdrop-filter:blur(18px);box-shadow:0 12px 50px #0003;transition:background .3s,border-color .3s}.site-header.has-scrolled{background:#0c0814f2;border-color:#c69aff40}.site-header:after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:1px;background:#cba5ff;transform-origin:left;transform:scaleX(var(--page-progress,0));opacity:.7}.site-header .brand-wordmark{width:190px}.site-header nav{gap:24px;font-size:11px}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:#cc9aff;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}.site-header .wallet-button{padding:11px 15px;background:#6a2ca218}
button:active,.btn:active,.secondary:active,.nft-link:active{scale:.98}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,.showcase-window:focus-visible{outline:2px solid #dfc5ff;outline-offset:4px}select:hover,input:hover{border-color:#ba8eea77}select:focus,input:focus{border-color:#c19aff}button:disabled{cursor:wait;background-image:linear-gradient(110deg,transparent,#b06aea18,transparent);background-size:200% 100%;animation:pending-light 1.6s linear infinite}.gallery-filter select:not(:has(option:first-child:checked)){border-color:#bb80ef;background-color:#29133e}.status{min-height:1.7em}.skeleton{background:linear-gradient(110deg,#1a1027 20%,#30203d 40%,#1a1027 60%);background-size:220% 100%;animation:pending-light 2s linear infinite}
/* Opening: near, mid, and far planes move at different depths. */
.opening-track{position:relative;isolation:isolate;--scene-p:0}.hero{min-height:calc(100svh - 104px);padding-top:0;padding-bottom:70px;overflow:clip;max-width:none;border-bottom:1px solid #c291ed24;background:radial-gradient(ellipse at 78% 45%,#3a145d24,transparent 60%),#07050e}.hero-copy{z-index:4}.hero h1{font-size:clamp(68px,6.7vw,104px);letter-spacing:-.065em;font-weight:600;line-height:1.01}.hero-line{font-size:18px}.hero .hero-footnote{margin-top:26px}.world-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;transform:translate3d(0,var(--world-y,0px),0) scale(var(--world-scale,1));transform-origin:70% 50%}.world-backdrop>span{position:absolute;bottom:3%;left:2%;font:600 clamp(160px,23vw,400px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.075em;color:#c18dff05;-webkit-text-stroke:1px #b282df14;white-space:nowrap;user-select:none}.world-orbit{position:absolute;right:-12%;top:-50%;width:85vw;aspect-ratio:1;border:1px solid #b989ef13;border-radius:50%;box-shadow:0 0 0 80px #b989ef03,0 0 0 160px #b989ef03;transform:rotate(var(--orbit-rotation,0deg))}.world-orbit:before{content:'✧';position:absolute;top:50%;left:2%;color:#dab2ff4d;font:40px Georgia}.hero .portal-stage{height:min(630px,70svh);z-index:2;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(var(--art-scale,1));transform-origin:55% 45%;transition:none}.hero .portal-ring{border-color:#b688e94d}.hero .floating-portrait{animation:none;will-change:auto}.hero .portrait-main{transform:rotate(-4deg);width:65%;left:11%;top:15%;box-shadow:0 35px 90px #0009,0 0 70px #8c3fea22}.hero .portrait-frug{transform:translate3d(calc(var(--scene-p)*32px),calc(var(--scene-p)*-35px),0) rotate(10deg);top:2%;width:40%;left:56%}.hero .portrait-chicken{transform:translate3d(calc(var(--scene-p)*40px),calc(var(--scene-p)*35px),0) rotate(12deg);top:55%;width:36%;left:61%}.hero .portal-label{bottom:0;left:8%}.hero .portal-stage:before{opacity:.55;filter:blur(35px)}.scene-cue{position:absolute;left:64px;bottom:25px;z-index:5;display:flex;align-items:center;gap:16px;font:8px 'JetBrains Mono',monospace;letter-spacing:1.5px;color:#a38bb9}.cue-line{width:50px;height:1px;background:#a27cc244;position:relative}.cue-line:after{content:'';position:absolute;inset:0;background:#c69aff;transform-origin:left;transform:scaleX(calc(.15 + var(--scene-p)*.85))}.scene-cue>span:last-child{font:20px 'Space Grotesk'}.scene-edge{position:absolute;z-index:2;pointer-events:none;inset:12px;border:1px solid #b888ee15;border-radius:18px;transform:scale(calc(1 + var(--scene-p)*.1));opacity:calc(.8 - var(--scene-p)*.7)}.scroll-cinema .opening-track{height:calc(150svh - 104px)}.scroll-cinema .hero{position:sticky;top:96px;height:calc(100svh - 112px);min-height:0}.scroll-cinema .hero-copy{transform:translate3d(0,var(--copy-y,0px),0);opacity:var(--copy-opacity,1)}
/* Census: a quiet, architectural counterpoint to the opening. */
.ribbon{position:relative;z-index:3;background:#0d0814}.census-section{position:relative;padding-top:100px;padding-bottom:90px;background:radial-gradient(ellipse at 12% 45%,#42216416,transparent 65%)}.census-panel{border-radius:4px 28px 4px 28px;background:linear-gradient(115deg,#21162d,#100b18 70%)}.census-panel.chapter-entrance{clip-path:inset(0 0 0 0 round 4px 28px 4px 28px);transition:clip-path 1s var(--scene-ease),opacity .7s}.motion-active .census-panel.chapter-entrance:not(.chapter-visible){clip-path:inset(0 0 0 20% round 4px 28px 4px 28px);opacity:0}.census-symbol{font-size:65px;color:#b58ed419}.census-intro h2{letter-spacing:-2px}.new-collections a{transition:background .2s,color .2s}.new-collections a:hover{background:#3a1c53;color:#ead2ff}
/* Daily wizard: art first, then the story; the primary action stays visible. */
.spotlight-section{position:relative;padding-top:40px;padding-bottom:80px}.spotlight-sticky{position:relative;isolation:isolate}.chapter-watermark{position:absolute;top:-46px;right:0;z-index:-1;font:600 clamp(75px,10vw,155px)/1 'Space Grotesk';letter-spacing:-.07em;color:#c18dff07;white-space:nowrap;pointer-events:none}.spotlight{border-radius:6px 26px;background:radial-gradient(ellipse at 2% 25%,#66259e25,transparent 65%),#100a18;box-shadow:0 30px 90px #0004;grid-template-columns:1fr 1.05fr}.spotlight.motion-reveal{opacity:1!important;translate:none!important}.spotlight-art{min-height:0;aspect-ratio:1;background:radial-gradient(circle,#4c27684d,#0d0716 72%);margin:24px;overflow:visible;border:1px solid #d2a3ff4d;box-shadow:0 16px 45px #0008,0 0 60px #8139b229;transform-origin:center;border-radius:8px}.spotlight-art img{border-radius:7px;object-fit:contain}.spotlight-art:before{content:'';position:absolute;inset:-10px;border:1px solid #ae75e62e;border-radius:12px;pointer-events:none}.spotlight-art:after{bottom:-5px;left:-10px;color:#d8aaff;z-index:3}.spotlight-copy{padding:36px 34px 32px 20px;align-self:center;min-width:0}.spotlight-copy h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:1.08;margin-top:15px}.spotlight-copy .collection-tag{display:block;margin-top:19px}.spotlight-copy .trait-tags{gap:5px;margin-top:16px}.spotlight-copy .trait-tags span{font-size:9px}.spotlight-copy .btn{margin-top:24px;max-width:100%;font-size:11px;min-height:48px}.spotlight-copy>.owner-badge,.spotlight-copy>span:has(.owner-badge){display:block;margin-top:16px}.spotlight-rarity{margin-top:20px;padding-block:18px;gap:18px}.spotlight-copy:focus-within>*{opacity:1!important;transform:none!important}.scroll-cinema .spotlight-section.spotlight-ready{height:calc(135svh - 80px);padding-top:30px}.scroll-cinema .spotlight-ready .spotlight-sticky{position:sticky;top:116px}.scroll-cinema .spotlight-ready .spotlight-art{scale:var(--daily-art-scale,.9)}.scroll-cinema .spotlight-copy h2{opacity:var(--daily-title,0);translate:0 var(--daily-lift,24px);transition:none}.scroll-cinema .spotlight-copy>p,.scroll-cinema .spotlight-copy>.trait-tags,.scroll-cinema .spotlight-copy>.spotlight-rarity{opacity:var(--daily-detail,0);transition:none}.scroll-cinema .spotlight-copy h2 .kinetic-word{opacity:1;transform:none;filter:none}.spotlight-sticky .section-kicker{margin-bottom:20px}
/* Cross-collection journey: one short horizontal chapter. */
.archive-section{padding-top:60px;padding-bottom:70px;position:relative}.archive-sticky{position:relative}.archive-sticky .section-title{margin-bottom:24px}.archive-sticky .section-title h2{font-size:clamp(36px,4.4vw,60px);margin-top:7px}.archive-sticky .section-title p{font-size:12px;margin-top:10px}.showcase-window{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b07cda55 #130b1e;position:relative;border-radius:14px;padding:6px 1px 18px}.showcase-window #home-gallery{display:flex;gap:22px;align-items:stretch}.showcase-window .nft-card{width:290px;min-width:290px;flex:none;height:auto;opacity:1!important;translate:none!important;transform:none!important}.showcase-window .nft-info{padding:17px}.showcase-window .nft-info h3{font-size:20px}.showcase-window .nft-info .trait-tags{height:58px;min-height:58px;grid-template-rows:repeat(2,26px)}.showcase-window .nft-info .trait-tags span{font-size:9px;line-height:14px}.showcase-window .nft-metrics{min-height:80px;margin-top:14px}.showcase-window .nft-metrics strong{font-size:15px}.showcase-window .metric-label{font-size:7px}.showcase-window .nft-metrics small{font-size:9px}.showcase-window .nft-bottom{min-height:56px;gap:8px}.showcase-window .nft-link{font-size:9px;padding:8px 10px}.showcase-window .owner-copy strong{font-size:13px}.showcase-window .owner-badge img{width:28px;height:28px}.showcase-window .nft-card:hover{border-color:#c491f2;box-shadow:0 0 25px #a64cff16}.archive-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:10px;position:relative;padding-bottom:16px}.showcase-instruction{font:7px 'JetBrains Mono';letter-spacing:1px;color:#b195c6}.showcase-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#b386d326}.showcase-progress i{display:block;height:1px;background:#c29af0;transform-origin:left;transform:scaleX(calc(.05 + var(--showcase-p,0)*.95))}.scroll-cinema .archive-section{height:155svh}.scroll-cinema .archive-sticky{position:sticky;top:108px}.scroll-cinema .showcase-window .nft-card{width:270px;min-width:270px}.scroll-cinema .archive-section .section-title{margin-bottom:18px}
/* Explorer settles after its entrance. Filters and hit targets never move. */
.gallery-page{padding-top:52px}.gallery-filter{position:relative;z-index:5;background:#0b0711e8;backdrop-filter:blur(10px)}.gallery-page .nft-card{transition:border-color .25s,box-shadow .25s,opacity .65s,translate .7s var(--scene-ease);transition-delay:0s}.motion-active .gallery-page .nft-card.chapter-entrance:not(.chapter-visible){opacity:0;translate:0 22px}.gallery-page .nft-card.chapter-visible{opacity:1;translate:0 0;transition-delay:var(--tile-delay,0ms)}.gallery-page .nft-card .nft-art{clip-path:inset(0 round 12px 12px 0 0)}.gallery-page .nft-card .nft-art img{transition:scale .5s var(--scene-ease);transform:none!important}.gallery-page .nft-card:hover .nft-art img{scale:1.025}.nft-link{transition:background .2s,border-color .2s,color .2s}.nft-link:hover{background:#6037843d;border-color:#cb9afa;color:white}.nft-card:focus-within{border-color:#d9b6ff;box-shadow:0 0 0 1px #c38be944}.gallery-page .nft-card:focus-within{opacity:1!important;translate:none!important}.gallery-page .magic-tilt{transform:none!important}.gallery-page .nft-card:hover{transform:none}.arcane-particles{opacity:.5}.stars{opacity:.3}
/* Human chapter and founders invitation: quieter, distinct compositions. */
.council-section{padding-top:90px;padding-bottom:100px}.council-panel{border-radius:24px 4px;background:radial-gradient(ellipse at 20% 40%,#56297d33,transparent 55%),#110b1a;border:1px solid #b784dd30;position:relative;overflow:hidden}.council-panel:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c28ff4,transparent);transform:scaleX(1);transform-origin:center;transition:transform 1.1s var(--scene-ease)}.motion-active .council-panel.chapter-entrance:not(.chapter-visible):before{transform:scaleX(.05)}.council-panel .council-visual{transition:transform 1.3s var(--scene-ease)}.motion-active .council-panel.chapter-entrance:not(.chapter-visible) .council-visual{transform:scale(.88) rotate(-4deg)}.featured-section{padding-bottom:90px}.featured-panel{border-radius:4px 28px;padding-block:65px;background:radial-gradient(ellipse at 50% 110%,#5e2b8b38,transparent 65%),#0d0914}.featured-panel .eyebrow{justify-content:center}.featured-panel h2{font-size:clamp(36px,5vw,67px)}.motion-paused .hero-copy,.motion-paused .world-backdrop,.motion-paused .hero .portal-stage,.motion-paused .portrait-frug,.motion-paused .portrait-chicken{transform:none!important;opacity:1!important}.motion-paused .spotlight-copy>*,.motion-paused .chapter-entrance{opacity:1!important;translate:none!important;clip-path:none!important}.motion-paused .spotlight-art{scale:1!important}.motion-paused .council-visual{transform:none!important}
@keyframes pending-light{to{background-position:-200% 0}}
@media(max-width:1100px){.site-header{padding-inline:20px}.site-header .brand-wordmark{width:170px}.site-header nav{gap:18px}.hero h1{font-size:76px}.scene-cue{left:32px}.hero .portal-stage{height:550px}.spotlight-copy h2{font-size:40px}.spotlight-copy{padding:28px 24px 28px 10px}.spotlight-copy .btn{font-size:10px}.showcase-window .nft-card{width:280px;min-width:280px}}
@media(max-width:999px),(max-height:759px){.opening-track,.spotlight-section,.archive-section{height:auto!important}.hero,.spotlight-sticky,.archive-sticky{position:relative!important;top:auto!important}.hero-copy,.hero .portal-stage{transform:none!important;opacity:1!important}.hero{min-height:650px}.hero .portal-stage{height:500px}.hero h1{font-size:clamp(55px,8vw,78px)}.spotlight-copy>*{opacity:1!important;translate:none!important}.spotlight-art{scale:1!important}.spotlight-section{padding-top:20px}.showcase-instruction{font-size:0}.showcase-instruction:before{content:'SWIPE OR USE ARROW KEYS →';font:7px 'JetBrains Mono';letter-spacing:.7px}.census-section{padding-top:65px;padding-bottom:65px}}
@media(max-width:800px){.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 30px;gap:0;height:92px;top:0;width:100%;margin:0 0 8px;padding:3px 21px 7px;border-radius:0;background:#0b0713f2}.site-header .brand-wordmark{width:165px}.site-header .brand{grid-row:1;grid-column:1}.site-header .wallet-button{grid-row:1;grid-column:2;font-size:10px;padding:9px 12px}.site-header nav{display:flex;grid-row:2;grid-column:1/-1;justify-content:space-between;gap:12px;font-size:10px;white-space:nowrap}.site-header nav a{padding:4px 0}.hero{padding-top:20px;min-height:600px;gap:10px}.hero h1{font-size:64px}.hero .portal-stage{height:470px}.scene-cue{left:32px;font-size:7px;bottom:18px}.hero .hero-footnote{display:none}.spotlight-copy{padding:28px 22px 28px 4px}.spotlight-copy h2{font-size:35px}.spotlight-art{margin:18px}.spotlight-rarity strong{font-size:18px}.spotlight-copy .btn{font-size:9px}.chapter-watermark{font-size:95px;top:-20px}.showcase-window .nft-card{width:280px;min-width:280px}.council-section{padding-block:65px}.gallery-page{padding-top:32px}}
@media(max-width:600px){html{scroll-padding-top:110px}.hero{min-height:0;display:flex;padding-top:18px;padding-bottom:40px}.hero h1{font-size:clamp(58px,16vw,82px);margin:21px 0;letter-spacing:-.06em}.hero .hero-line{font-size:16px;margin-top:20px}.hero .hero-sub{font-size:12px;margin-top:10px}.hero-actions{margin-top:24px}.hero .portal-stage{height:370px;margin-top:27px;flex:none}.hero .portrait-main{width:64%;top:9%;left:9%}.hero .portrait-frug{left:54%;top:0}.hero .portrait-chicken{top:47%;left:59%;width:35%}.hero .portal-label{bottom:2%;font-size:5px;left:5%}.hero .runes{font-size:16px;line-height:340px}.hero .scene-cue{bottom:16px;left:21px;font-size:6px;gap:10px}.scene-cue .cue-line{width:30px}.scene-edge{inset:5px;border-radius:12px}.world-backdrop>span{bottom:9%;font-size:34vw;color:#c18dff08}.world-orbit{width:150vw;right:-50%;top:28%}.hero .hero-actions .btn{font-size:10px}.hero .hero-actions .secondary{font-size:9px}.census-section{padding-top:48px;padding-bottom:60px}.census-panel{border-radius:4px 22px}.chapter-watermark{font-size:65px;top:-12px}.spotlight-section{padding-bottom:55px}.spotlight{display:flex;flex-direction:column}.spotlight-art{aspect-ratio:1;width:calc(100% - 40px);margin:20px;min-height:0}.spotlight-copy{padding:13px 24px 28px;width:100%}.spotlight-copy h2{font-size:38px}.spotlight-copy .btn{font-size:10px;width:100%;justify-content:center;padding-inline:14px}.spotlight-rarity{margin-top:18px;padding-block:17px}.spotlight-copy .trait-tags span{font-size:9px}.archive-section{padding-top:20px;padding-bottom:35px}.archive-sticky .section-title h2{font-size:40px}.archive-sticky .section-title p{font-size:11px;max-width:300px}.archive-sticky .section-title{gap:16px}.showcase-window{margin-right:-21px;border-radius:12px 0 0 12px;padding-right:21px}.showcase-window .nft-card{width:275px;min-width:275px}.archive-note{align-items:start;flex-direction:column;gap:9px;font-size:9px}.showcase-instruction:before{font-size:6px}.council-section{padding-top:45px;padding-bottom:60px}.council-panel{border-radius:22px 4px}.council-panel .council-copy{padding:0 26px 32px}.featured-panel{padding:40px 23px;border-radius:4px 22px}.featured-panel h2{font-size:39px}.featured-panel .eyebrow{font-size:6px;letter-spacing:.9px}.featured-section{padding-bottom:55px}.magic-control{bottom:12px;font-size:9px}.gallery-filter{backdrop-filter:none}.gallery-page .nft-card .nft-art img{scale:1!important}.site-header .brand small{display:none}}
@media(prefers-reduced-motion:reduce){.opening-track,.spotlight-section,.archive-section{height:auto!important}.hero,.spotlight-sticky,.archive-sticky{position:relative!important;top:auto!important}.hero-copy,.world-backdrop,.hero .portal-stage,.portrait-frug,.portrait-chicken,.council-visual{transform:none!important;opacity:1!important}.spotlight-copy>*,.chapter-entrance,.gallery-page .nft-card{opacity:1!important;translate:none!important;clip-path:none!important}.spotlight-art{scale:1!important}.scene-edge{transform:none}.btn:active,button:active{scale:1}.showcase-window{scroll-behavior:auto}.council-panel:before{transform:none!important}}
/* Preserve intrinsic square artwork when HTML dimensions reserve its space. */
.hero .floating-portrait img{height:auto;aspect-ratio:1;object-fit:contain}
.scroll-cinema .archive-section:not(.scene-fits),.scroll-cinema .spotlight-section:not(.scene-fits){height:auto;padding-bottom:65px}.scroll-cinema .archive-section:not(.scene-fits) .archive-sticky,.scroll-cinema .spotlight-section:not(.scene-fits) .spotlight-sticky{position:relative;top:auto}.scroll-cinema .spotlight-section:not(.scene-fits) .spotlight-copy>*{opacity:1;translate:none}.scroll-cinema .spotlight-section:not(.scene-fits) .spotlight-art{scale:1}
.scroll-cinema .archive-section .section-title h2{font-size:48px;margin-bottom:10px}.scroll-cinema .archive-section .section-title p{margin-top:0}.scroll-cinema .archive-section .archive-note{font-size:8px}
@media(max-width:600px){.hero h1{font-size:clamp(48px,14vw,62px);line-height:1.04}.hero .portal-stage{height:340px}.hero .hero-sub{line-height:1.7}}
.home-page main{overflow-anchor:none}
/* A one-time curtain reveal leaves the artwork itself uncropped and stationary. */
.gallery-page .nft-art:before{content:'';position:absolute;inset:0;z-index:4;background:linear-gradient(140deg,#241532,#100a18);pointer-events:none;transform:translateY(-101%);transition:transform .85s var(--scene-ease);transition-delay:var(--tile-delay,0ms)}.motion-active .gallery-page .nft-card.chapter-entrance:not(.chapter-visible) .nft-art:before{transform:translateY(0)}.gallery-page .nft-card:focus-within .nft-art:before,.motion-paused .gallery-page .nft-art:before{display:none}@media(prefers-reduced-motion:reduce){.gallery-page .nft-art:before{display:none}}