/* Retain the painted scene down to the stone boundary. */
#garden>video.footer-art{mask-image:none;-webkit-mask-image:none}
#garden::after{display:none}
#garden .garden-bottom-divider{position:relative;z-index:4;margin-top:calc(-10.302734375vw + clamp(6px,1vw,14px));line-height:0;pointer-events:none}
#garden .garden-bottom-divider svg{display:block;width:100%;height:auto;aspect-ratio:2048/211}
#garden .footer-overlay{margin-top:0;background:#000;min-height:540px;padding:95px 0 85px}
#about-boros .section-two-actions.masthead{transform:translateY(-74px)}
@media(max-width:650px){#garden .footer-overlay{min-height:490px;padding-top:80px}#about-boros .section-two-actions.masthead{transform:translateY(-68px)}}

/* A translucent title panel keeps both lines readable over the hero. */
#beginning.video-hero .hero-title-block:before{display:block;inset:0 -8px -4px;background:radial-gradient(ellipse at center,#0009 0%,#0007 43%,#0003 63%,transparent 80%);border-radius:0;box-shadow:none}
@media(max-width:600px){#beginning.video-hero .hero-title-block:before{inset:0 -5px -4px;border-radius:0;box-shadow:none}}

#garden .footer-river-finish{position:relative;z-index:3;display:block;width:100%;margin:0;padding:0;line-height:0;background:#000;overflow:hidden}
#garden .footer-river-finish svg{display:block;width:100%;height:auto;aspect-ratio:2172/300}

/* Keep the quill's hover light close to the feather, with no hard silhouette. */
#roadmap .scroll-feather-link:before{inset:12% 25%;clip-path:none;border-radius:50%;background:radial-gradient(ellipse at center,#ffe9b2 0%,#ffe29299 24%,#ffd87340 48%,transparent 74%);filter:blur(2px);transform:rotate(28deg);pointer-events:none}
#roadmap .scroll-feather-link:hover:before,#roadmap .scroll-feather-link:focus-visible:before{opacity:.36}

/* Separate soft dark panels for the title and subtitle. */
#beginning.video-hero .hero-title-block:before{display:none}
#beginning.video-hero h1,#beginning.video-hero .eyebrow{position:relative;isolation:isolate}
#beginning.video-hero h1:before,#beginning.video-hero .eyebrow:before{content:"";position:absolute;z-index:-1;pointer-events:none;background:#0005;border-radius:4px;filter:blur(3px)}
#beginning.video-hero h1:before{inset:20% 12% 15%}
#beginning.video-hero .eyebrow{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
#beginning.video-hero .eyebrow:before{inset:2px -2px;filter:blur(2px)}

/* Painted footer mushrooms reveal their note on the shared parchment. */
#garden .footer-mushroom{position:absolute;z-index:3;padding:0;border:0;border-radius:40%;background:transparent;box-shadow:none;transform:none;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
#garden .footer-mushroom:hover,#garden .footer-mushroom:focus{background:transparent;box-shadow:none;transform:none}
#garden .footer-mushroom:focus-visible{outline:2px dashed #fff0bd;outline-offset:3px}
#garden .garden-interactions>.footer-mushroom{left:10.3%;top:80.7%;width:max(44px,8.1%);height:max(44px,12.8%)}
#garden .footer-river-finish>.footer-mushroom{left:0;bottom:0;width:max(44px,5%);height:max(44px,25%)}

/* The painting's transparent stone base overlaps the next sky at its natural size. */
@media(min-width:901px){
 #roadmap.nft-scroll{aspect-ratio:1563/1006;background:transparent;z-index:6;overflow:visible}
 #garden.mushroom-footer{margin-top:-2.5vw}
}
@media(max-width:900px){#roadmap.nft-scroll .scroll-scene{aspect-ratio:1563/1006}}

/* Smaller, softer letter shadows on the hero title and subtitle. */
#beginning.video-hero h1{text-shadow:0 1px 0 #07170e,0 2px 3px #0007;filter:drop-shadow(0 1px 1px #0006)}
#beginning.video-hero .eyebrow{text-shadow:0 1px 1px #0008,0 1px 2px #0006}

#garden .footer-river-finish{height:calc(100vw * 294 / 2048 - 4px)}
#garden .footer-river-finish svg{aspect-ratio:2048/294}