.masthead{min-height:110px;padding:25px 4vw;flex-wrap:nowrap;gap:24px;background:#000}
.masthead .brand{font-size:28px;letter-spacing:1px;flex-shrink:0}.masthead .brand img{width:45px;height:45px;border-radius:50%;object-fit:cover}.masthead .brand small{font-size:8px;letter-spacing:1px}
.masthead nav{order:0;width:auto;gap:clamp(18px,2.5vw,40px)}.masthead nav a,.masthead nav button{font-size:13px}
.masthead .header-actions{flex-shrink:0;gap:14px}.buy-button{font-family:Uncial,Georgia,serif;background:#ffe46b;color:#122916;border:2px solid #ffe46b;border-radius:999px;padding:12px 21px;font-size:14px;white-space:nowrap;transition:transform .2s}.buy-button:hover{transform:translateY(-2px);background:#fff4b7}.masthead .sound-button span{display:none}
#beginning{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px;height:auto;aspect-ratio:auto;background:#004526;padding:0 5vw;overflow:hidden}
#beginning .hero-picture{position:relative;display:block;inset:auto;order:2;width:100%;z-index:0}
#beginning .immersive-hero{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;z-index:0;background:none}
#beginning .hero-heading{position:relative;inset:auto;order:1;padding:60px 0 100px;margin:0;width:100%;max-width:none;z-index:2}
#beginning h1{font-size:clamp(80px,10vw,165px);letter-spacing:2px;line-height:1.1;margin:20px 0}
#beginning .hero-vignette{display:none}#beginning .hero-secret{display:none}#beginning .hero-footnote{max-width:380px}#beginning .down-trail{left:5vw;bottom:30px}
#garden{display:block;min-height:0;overflow:hidden;background:#071b10}
#garden>.footer-art{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;z-index:0}
#garden:after{inset:auto 0 0;height:250px;z-index:1;background:linear-gradient(transparent,#071b10eb)}
#garden .footer-overlay{position:relative;min-height:0;padding:30px 0 28px;gap:26px;margin-top:-165px;z-index:2;background:linear-gradient(transparent,#071b10d9 100px)}
#garden .footer-garden-note h2{font-size:34px;margin:0}#garden .footer-dock{position:relative}
@media(max-width:950px){.masthead{flex-wrap:wrap;padding:18px 24px;gap:14px}.masthead nav{order:3;width:100%;justify-content:center;gap:28px}.masthead .header-actions{margin-left:auto}#beginning{min-height:480px}#beginning .hero-heading{padding-bottom:65px}#beginning .hero-description{font-size:22px}#beginning h1{font-size:90px}}
@media(max-width:600px){.masthead{min-height:135px;padding:18px 16px;gap:14px}.masthead .brand{font-size:23px}.masthead .brand img{width:36px;height:36px}.masthead nav{gap:0;justify-content:space-between}.masthead nav a,.masthead nav button{font-size:10px}.buy-button{font-size:12px;padding:10px 15px}.masthead .header-actions{gap:10px}#beginning{display:flex;flex-direction:column;padding:0 20px;min-height:0}#beginning .hero-heading{order:1;padding:28px 0 0;text-align:center}#beginning h1{font-size:94px;margin:10px 0}#beginning .hero-picture{order:2;width:90%;margin:0 auto 35px}#beginning .hero-cta{justify-content:center}#beginning .hero-footnote{margin:18px auto 0}#beginning .down-trail{display:none}#garden .footer-overlay{margin-top:-20px;padding-top:0;background:#071b10}#garden:after{height:80px;bottom:360px}#garden .footer-garden-note h2{font-size:28px}}

/* The supplied company mark and the four-page NFT scroll. */
.masthead .brand img{object-fit:contain}
#garden .footer-brand{display:flex;align-items:center;gap:14px}
#garden .footer-brand img{width:60px;height:60px;flex:none;border-radius:50%;object-fit:contain;border:1px solid #22633a}
.scroll-page .scroll-content{min-height:390px}
.nft-rules{padding-left:23px;line-height:1.6}
.nft-rules li+li{margin-top:14px}
@media(max-width:650px){#garden .footer-brand{justify-content:center}}
@media(max-width:550px){.scroll-page .scroll-content{min-height:470px}}
@media(max-width:600px){#beginning h1{font-size:clamp(58px,18vw,88px);letter-spacing:1px}}