/* Depth follows the visitor's scroll, with no pinned section or entrance delay. */
.hero-layered h1{translate:0 var(--stage-logo-y,0px)}
.hero-layered .hero-photo{translate:0 var(--stage-back-y,0px)}
.hero-layered.stage-visible h1{will-change:translate}
@media(prefers-reduced-motion:reduce){.hero-layered h1,.hero-layered .hero-photo{translate:none!important;will-change:auto}}

/* The original logo silhouette, recoloured without changing its geometry. */
.hero-layered h1:after{content:"";position:absolute;inset:0;background:#e8c65d;mask:url('/assets/dannic-logo.png') center/contain no-repeat;pointer-events:none}
.hero-layered .hero-wordmark{opacity:0}