/* The original artwork keeps its natural proportions around four short pages. */
#roadmap.nft-scroll{padding:0;min-height:0;height:auto;aspect-ratio:3/2;position:relative;background:#353b37}
.nft-scroll .scroll-full-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.nft-scroll:before{display:none}
.nft-scroll .roadmap-layout{position:absolute;top:22%;bottom:24%;left:17%;width:66%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:0;color:#30200f}
.nft-pages{flex:1;min-height:0;display:grid;align-items:center}
.nft-page[hidden]{display:none!important}
.nft-page{min-width:0;width:100%}
#nft-page-0{height:100%;min-height:0}
.nft-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:18px;margin:0;height:100%;min-height:0}
.nft-scroll .eyebrow{font:700 clamp(12px,1.15vw,18px)/1.35 Fell,Georgia,serif;color:#68441f;letter-spacing:.5px;margin:0 0 12px}
.nft-scroll h2{font:700 clamp(25px,2.7vw,45px)/1.16 Uncial,Georgia,serif;letter-spacing:-1px;text-shadow:none;color:#30200f;transform:none}
.nft-count{display:block;font-size:clamp(60px,7vw,108px);line-height:1.05;letter-spacing:-3px;margin-bottom:8px}
.nft-intro-description{font:700 clamp(19px,1.85vw,29px)/1.35 Fell,Georgia,serif;margin-top:17px;max-width:420px}
.nft-egg{position:relative;margin:0;min-width:0;width:100%;pointer-events:none}
.nft-egg img{display:block;width:100%;max-height:clamp(220px,23vw,350px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 9px #54311324)}
.nft-detail h3{font:700 clamp(30px,3.3vw,53px)/1.25 Uncial,Georgia,serif;letter-spacing:-.8px;margin:0 0 22px;color:#30200f}
.nft-detail p:not(.eyebrow){font:700 clamp(23px,2.2vw,35px)/1.4 Fell,Georgia,serif;color:#402a16;margin:0;max-width:850px}
.nft-detail p+p:not(.eyebrow){margin-top:17px}
.nft-detail strong{font-weight:900;color:#201508}
.nft-holdings{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:10px}
.nft-holdings li{padding:8px 13px;border:2px solid #7f572e;border-radius:8px;background:#fff4c24d;font:700 clamp(18px,1.8vw,28px)/1.2 Fell,Georgia,serif;white-space:nowrap}
.nft-pagination{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:20px;flex:none;margin-top:16px}
.nft-pagination button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:9px 19px;border:2px solid #5c401f;border-radius:999px;background:#fff6d9;color:#352310;font:700 clamp(13px,1.2vw,18px)/1.2 Uncial,Georgia,serif;box-shadow:2px 3px 0 #704c26;transition:background .15s,transform .15s}
.nft-pagination button:hover{background:#ffeba8;transform:translateY(-2px)}
.nft-pagination button:disabled{opacity:.38;box-shadow:none;transform:none}
.nft-pagination #nft-prev{min-width:48px;padding:8px 13px;font-size:23px}
#nft-page-status{font:700 clamp(14px,1.2vw,19px)/1.2 Fell,Georgia,serif;white-space:nowrap;min-width:55px;text-align:center}
.nft-scroll-signature{flex:none;margin:18px 0 0;text-align:center;font:700 clamp(14px,1.4vw,22px)/1.3 Uncial,Georgia,serif;color:#63411f}
/* Quiet glints keep the original NFT artwork unobscured. */
.egg-sparkles{position:absolute;inset:0;z-index:2;pointer-events:none}
.egg-sparkles i{position:absolute;display:block;color:#fff6be;font-style:normal;font-family:Georgia,serif;line-height:1;font-size:clamp(17px,2.2vw,31px);opacity:0;transform:scale(.45);text-shadow:0 0 5px #ffdd61,0 0 12px #fff6b3;animation:egg-glint 3.8s ease-in-out infinite}
.egg-sparkles i:nth-child(1){left:34%;top:14%;animation-delay:.1s}
.egg-sparkles i:nth-child(2){left:73%;top:36%;animation-delay:1.2s;font-size:25px}
.egg-sparkles i:nth-child(3){left:21%;top:52%;animation-delay:2s}
.egg-sparkles i:nth-child(4){left:60%;top:62%;animation-delay:.8s;font-size:20px}
.egg-sparkles i:nth-child(5){left:84%;top:69%;animation-delay:2.8s;font-size:24px}
.egg-sparkles i:nth-child(6){left:49%;top:34%;animation-delay:3.2s;font-size:19px}
@keyframes egg-glint{0%,35%,100%{opacity:0;transform:scale(.45) rotate(-12deg)}48%{opacity:.92;transform:scale(1) rotate(7deg)}64%{opacity:0;transform:scale(.6) rotate(16deg)}}
.still .egg-sparkles{display:none}
@media(prefers-reduced-motion:reduce){.egg-sparkles{display:none}.nft-pagination button{transition:none}}
/* The final artwork and footer meet in pure black. */
#garden{background:#000}
#garden>.footer-art{mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%)}
#garden:after{display:none}
#garden .footer-overlay{background:linear-gradient(to bottom,transparent,#000 150px);margin-top:-170px;padding:35px 0 32px}
#garden .footer-dock{grid-template-columns:1fr auto;align-items:center}
#garden .footer-project-description{grid-column:1/-1;text-align:center;font-size:18px;line-height:1.5;color:#d5ddb9;margin:12px 0 0}
@media(max-width:1000px) and (min-width:901px){.nft-scroll .roadmap-layout{top:21%;bottom:23%}.nft-intro{gap:12px}.nft-count{font-size:clamp(52px,7vw,72px)}.nft-scroll h2{font-size:clamp(23px,2.8vw,29px)}.nft-intro-description{font-size:20px;margin-top:12px}.nft-scroll .eyebrow{font-size:13px;margin-bottom:9px}.nft-pagination{gap:14px;margin-top:12px}.nft-pagination button{min-height:40px;font-size:12px;padding:8px 14px}.nft-scroll-signature{font-size:15px;margin-top:13px}.nft-detail h3{font-size:31px;margin-bottom:17px}.nft-detail p:not(.eyebrow){font-size:24px}.nft-holdings{gap:8px;margin-bottom:18px}.nft-holdings li{font-size:19px;padding:7px 10px}}
/* A compact portrait scroll for phones, with the same four pages. */
@media(max-width:900px){
 #roadmap.nft-scroll{padding:90px 18px 100px;aspect-ratio:auto;background:#112017}
 .nft-scroll .scroll-full-art{object-fit:cover;object-position:50% 0;opacity:.4}
 .nft-scroll .roadmap-layout{position:relative;inset:auto;width:100%;height:680px;max-width:520px;margin:0 auto;padding:52px 25px 38px;background:linear-gradient(105deg,#eac38a,#f6dba7 45%,#edc58b);border:3px solid #352310;border-radius:22px 25px 18px 20px;box-shadow:0 15px 30px #0004}
 .nft-scroll .roadmap-layout:before,.nft-scroll .roadmap-layout:after{content:"";position:absolute;left:-12px;right:-12px;height:36px;border:3px solid #352310;border-radius:20px;background:linear-gradient(#edca94,#f9dfb0 40%,#d7a969);box-shadow:0 4px 0 #35231044;pointer-events:none}
 .nft-scroll .roadmap-layout:before{top:-7px}.nft-scroll .roadmap-layout:after{bottom:-7px}
 .nft-intro{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:6px;text-align:center}
 .nft-scroll .eyebrow{font-size:15px;letter-spacing:.25px;margin-bottom:12px}
 .nft-scroll h2{font-size:28px;letter-spacing:-1px}
 .nft-count{font-size:69px;letter-spacing:-3px;margin-bottom:8px}
 .nft-intro-description{font-size:22px;max-width:320px;margin:14px auto 0}
 .nft-egg{width:min(100%,225px);height:100%;max-height:225px;margin:3px auto 0;display:flex;align-items:center;justify-content:center}
 .nft-egg img{height:100%;max-height:100%;object-fit:contain}
 .nft-detail h3{font-size:32px;line-height:1.3;margin-bottom:24px}
 .nft-detail p:not(.eyebrow){font-size:25px;line-height:1.4}
 .nft-holdings{gap:9px;margin-bottom:22px}.nft-holdings li{font-size:21px;padding:9px 13px}
 .nft-pagination{gap:13px;margin-top:16px}.nft-pagination button{font-size:13px;padding:10px 14px;gap:9px;min-height:45px}.nft-pagination #nft-prev{min-width:43px;font-size:22px}
 #nft-page-status{font-size:16px;min-width:49px}
 .nft-scroll-signature{font-size:16px;line-height:1.4;margin-top:18px}
 #garden .footer-overlay{margin-top:-65px;padding:8px 0 30px;background:linear-gradient(transparent,#000 70px)}
 #garden .footer-dock{grid-template-columns:1fr;justify-items:center;gap:22px}
 #garden .footer-project-description{font-size:15px;max-width:320px}
 #garden .footer-brand{grid-column:1;text-align:center}#garden .footer-socials{align-items:center}
}
@media(max-width:360px){#roadmap.nft-scroll{padding-left:15px;padding-right:15px}.nft-scroll .roadmap-layout{padding-left:20px;padding-right:20px}.nft-count{font-size:61px}.nft-scroll h2{font-size:26px}.nft-intro-description{font-size:21px}.nft-egg{max-width:195px}.nft-detail h3{font-size:29px}.nft-detail p:not(.eyebrow){font-size:24px}.nft-holdings li{font-size:20px}.nft-pagination{gap:8px}.nft-pagination button{font-size:11px;gap:6px;padding-left:9px;padding-right:9px}.nft-pagination #nft-prev{min-width:38px}#nft-page-status{min-width:45px}.nft-scroll-signature{font-size:15px}}

/* A simple centered footer without the removed share controls. */
#garden .footer-dock{grid-template-columns:1fr;justify-items:center;gap:18px}
#garden .footer-brand{justify-content:center;text-align:center}

/* A small illustration keeps the liquidity explanation easy to scan. */
.nft-liquidity-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,28%);align-items:center;gap:24px}
.liquidity-art{margin:0;min-width:0;pointer-events:none}
.liquidity-art img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;filter:drop-shadow(0 6px 4px #54311320)}
@media(max-width:1100px) and (min-width:901px){.nft-liquidity-body{grid-template-columns:minmax(0,1fr) 150px;gap:16px}#nft-page-2 h3{font-size:31px;margin-bottom:16px}#nft-page-2 p:not(.eyebrow){font-size:23px;line-height:1.3}.liquidity-art img{max-height:120px}}
@media(max-width:900px){.nft-liquidity-body{grid-template-columns:1fr;gap:16px}.liquidity-art{width:190px;margin:0 auto}.liquidity-art img{max-height:112px}#nft-page-2 h3{font-size:30px;margin-bottom:18px}#nft-page-2 p:not(.eyebrow){font-size:23px;line-height:1.32}#nft-page-2 p+p:not(.eyebrow){margin-top:13px}}
@media(max-width:360px){#nft-page-2 h3{font-size:27px;margin-bottom:15px}#nft-page-2 p:not(.eyebrow){font-size:21px;line-height:1.3}.liquidity-art{width:155px}.liquidity-art img{max-height:92px}.nft-liquidity-body{gap:12px}}

#garden .music-credit{font:400 13px/1.5 Fell,Georgia,serif;color:#9aab92;text-align:center;margin:4px 0 0;max-width:520px}#garden .music-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Keep the expanded copy comfortably inside the original parchment. */
.nft-detail p:not(.eyebrow){font-size:clamp(22px,2vw,32px)}
@media(max-width:900px){.nft-detail p:not(.eyebrow){font-size:23px}.nft-intro-description{font-size:21px}}
@media(max-width:360px){.nft-detail p:not(.eyebrow){font-size:22px}.nft-intro-description{font-size:20px}}

.nft-egg{display:block;pointer-events:auto;cursor:pointer;border-radius:20px}.nft-egg:focus-visible{outline:3px solid #704c26;outline-offset:5px}.nft-egg .egg-sparkles{pointer-events:none}

.nft-scroll .nft-intro-description{font-size:clamp(17px,1.65vw,26px)}

/* The liquidity page now gives its explanation the full text column. */
.nft-liquidity-body{display:block}

.scroll-feather-sparkles i:nth-child(4){left:30%;top:26%;animation-delay:-2.4s}.scroll-feather-sparkles i:nth-child(5){left:65%;top:52%;animation-delay:-4.1s}.scroll-feather-sparkles i:nth-child(6){left:40%;top:73%;animation-delay:-5.7s}

/* A short cast shadow lifts the stone edge above the following scene. */
#roadmap.nft-scroll{z-index:3;overflow:visible}
#roadmap.nft-scroll::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);pointer-events:none;z-index:4}

/* Cast directly from the painted stone silhouette onto the pond below. */
#roadmap .scroll-full-art{filter:drop-shadow(0 7px 4px rgba(0,0,0,.42))}

/* Keep every chapter within its parchment and allow longer phone copy to grow. */
.nft-scroll .nft-page{overflow-wrap:anywhere}
.nft-scroll .nft-detail p:not(.eyebrow){font-size:clamp(19px,1.65vw,27px);line-height:1.35}
.nft-scroll .nft-detail h3{font-size:clamp(27px,2.8vw,43px);margin-bottom:16px}
.nft-scroll .nft-pages{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#957448 transparent}
@media(max-width:900px){
 .nft-scroll .roadmap-layout{height:auto;min-height:680px}
 .nft-scroll .nft-pages{flex:none;display:block;overflow:visible}
 .nft-scroll .nft-intro{height:auto;grid-template-rows:auto auto;gap:18px}
 .nft-scroll #nft-page-0{height:auto}
 .nft-scroll .nft-detail p:not(.eyebrow){font-size:20px;line-height:1.4}
 .nft-scroll .nft-detail h3{font-size:29px;line-height:1.2;margin-bottom:18px}
 .nft-scroll .nft-intro-description{font-size:19px;line-height:1.4}
 .nft-scroll .nft-egg{height:auto;max-height:none;max-width:195px}
 .nft-scroll .nft-egg img{height:auto;max-height:195px}
 .nft-scroll .nft-pagination{margin-top:28px;gap:10px;flex-wrap:wrap}
}

/* Match the bold Fell lettering in “The Never-Ending Tale” throughout the scroll. */
#roadmap.nft-scroll .roadmap-layout,
#roadmap.nft-scroll h2,
#roadmap.nft-scroll h3,
#roadmap.nft-scroll .eyebrow,
#roadmap.nft-scroll .nft-intro-description,
#roadmap.nft-scroll .nft-detail p,
#roadmap.nft-scroll .nft-holdings li,
#roadmap.nft-scroll .nft-pagination button,
#roadmap.nft-scroll #nft-page-status,
#roadmap.nft-scroll .nft-scroll-signature{font-family:Fell,Georgia,serif;font-weight:700}
#roadmap.nft-scroll h2,
#roadmap.nft-scroll .nft-detail h3{font-size:clamp(32px,3.2vw,50px);line-height:1.2;letter-spacing:0}
#roadmap.nft-scroll .nft-count{font-size:clamp(68px,7.5vw,116px)}
#roadmap.nft-scroll .nft-intro-description,
#roadmap.nft-scroll .nft-detail p:not(.eyebrow){font-size:clamp(22px,1.95vw,31px);line-height:1.4}
#roadmap.nft-scroll .eyebrow{font-size:clamp(15px,1.3vw,20px)}
#roadmap.nft-scroll .nft-holdings li{font-size:clamp(20px,1.95vw,30px)}
#roadmap.nft-scroll .nft-pagination button{font-size:clamp(14px,1.3vw,20px)}
#roadmap.nft-scroll #nft-prev{font-size:24px}
#roadmap.nft-scroll #nft-page-status{font-size:clamp(16px,1.3vw,20px)}
#roadmap.nft-scroll .nft-scroll-signature{font-size:clamp(17px,1.5vw,24px)}
@media(max-width:900px){
 #roadmap.nft-scroll h2,#roadmap.nft-scroll .nft-detail h3{font-size:32px}
 #roadmap.nft-scroll .nft-count{font-size:76px}
 #roadmap.nft-scroll .nft-intro-description,#roadmap.nft-scroll .nft-detail p:not(.eyebrow){font-size:22px}
 #roadmap.nft-scroll .nft-holdings li{font-size:22px}
 #roadmap.nft-scroll .nft-scroll-signature{font-size:18px}
}
@media(max-width:360px){
 #roadmap.nft-scroll h2,#roadmap.nft-scroll .nft-detail h3{font-size:30px}
 #roadmap.nft-scroll .nft-count{font-size:68px}
 #roadmap.nft-scroll .nft-intro-description,#roadmap.nft-scroll .nft-detail p:not(.eyebrow){font-size:21px}
 #roadmap.nft-scroll .nft-holdings li{font-size:21px}
}

#roadmap.nft-scroll .nft-pages{scrollbar-width:none}#roadmap.nft-scroll .nft-pages::-webkit-scrollbar{display:none}

#roadmap.nft-scroll .roadmap-layout,#roadmap.nft-scroll .roadmap-layout :is(h2,h3,p,span,strong,em,li,a,button){color:#30200f!important}