/* Keep one botanical composition, rather than combining it with older About artwork. */
body[data-page="about"] :is(.story-scene,.story-legacy)::before,
body[data-page="about"] :is(.story-scene,.story-legacy)::after { content:none!important; display:none!important; animation:none!important; }
body .garden-scene,body .ambient-bloom,body .page-botanical{display:none!important}

/* A little more parallax per viewport makes the one retained floral layer readable as motion. */
.flora-v52-distant,.flora-v52-main,.flora-v52-near {transition:transform .32s ease-out,opacity .5s ease;transform-box:view-box;transform-origin:center}
.flora-v52-distant {transform:translate3d(0,var(--flora-v53-far,0px),0)}
.flora-v52-main {transform:translate3d(0,var(--flora-v53-main,0px),0) rotate(var(--flora-v53-turn,0deg));opacity:.78}
.flora-v52-near {transform:translate3d(0,var(--flora-v53-near,0px),0)}
/* Burgundy ink and dots keep the illustration within the requested palette. */
.botanical-v52 :is(path,circle) {stroke:#30090e}
.botanical-v52 pattern circle {stroke:none;fill:#30090e}
.botanical-v52 .flora-v52-particles circle {fill:#30090e}

/* A restrained dotted pattern adds texture to the footer without another floral layer. */
body .compact-footer.finale-footer {background:#210609!important}
body .compact-footer.finale-footer::before {
  inset:0; background-image:radial-gradient(circle,#f1e6d9 0.65px,transparent 1px)!important;
  background-size:18px 18px!important; background-position:0 0!important;
  filter:none!important; opacity:.13!important; animation:none!important; transform:none!important;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 44%,transparent 62%,#000);
  mask-image:linear-gradient(90deg,#000,transparent 44%,transparent 62%,#000);
}
body .compact-footer :is(.compact-footer__nav a,.compact-footer__social a,.compact-footer__phone,.compact-footer__bottom a):hover {color:#f1e6d9!important}
body .compact-footer .compact-notes .finale-note:hover {color:#f1e6d9!important;background:#f1e6d912}

/* The 26px positioning wrapper stays unchanged so the pointer hotspot remains centered. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body .star-cursor {color:#f1e6d9!important}
  body .star-cursor svg {position:absolute;left:-4px;top:-4px;width:34px;height:34px;filter:drop-shadow(0 0 4px #f1e6d94a)}
  body .star-cursor.is-interactive svg {filter:drop-shadow(0 0 6px #f1e6d970)}
}
@media(max-width:700px){.flora-v52-main{opacity:.52}.flora-v52-distant,.flora-v52-near{display:none}}
@media(prefers-reduced-motion:reduce){.flora-v52-distant,.flora-v52-main,.flora-v52-near{transform:none!important;transition:none!important}}