/* Keep the original flattened backdrop and ribbon pixels unchanged. */
.main-page-tabs button[aria-current="page"] {color:#fff;text-shadow:0 0 20px #61fa9d;}
.home-carousel {isolation:isolate;touch-action:pan-y;user-select:none;background:#352617;cursor:grab;}
.home-carousel:active {transform:none;}
.home-carousel:after {z-index:5;}
.home-carousel.is-swiping {cursor:grabbing;}
.home-carousel .original-album-scene {position:absolute;width:390px;max-width:none;left:0;top:-175px;pointer-events:none;z-index:0;}
.album-cards {position:absolute;inset:0;z-index:3;pointer-events:none;}
.album-card {position:absolute;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;overflow:hidden;transition:none;}
.album-card[data-slot="center"] {left:79px;top:69px;width:233px;height:236px;clip-path:polygon(6% 0,93% 0,100% 100%,0 100%);}
.album-card[data-slot="left"] {left:9px;top:103px;width:80px;height:167px;clip-path:polygon(0 11%,100% 0,87% 93%,20% 100%);}
.album-card[data-slot="right"] {left:303px;top:107px;width:78px;height:164px;clip-path:polygon(0 0,100% 15%,86% 100%,9% 94%);}
.cover-art {position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;transform:translateX(var(--art-shift,0px));transition:opacity 180ms ease,transform 240ms ease;}
.home-carousel[data-section="Middle"] .cover-art {opacity:0;}
.home-carousel:not([data-section="Middle"]) .cover-art {opacity:1;}
.album-card[data-slot="left"] .cover-art {width:176px;height:178px;left:-13px;top:-5px;}
.album-card[data-slot="right"] .cover-art {width:176px;height:178px;left:-87px;top:-7px;}
.home-carousel.is-swiping .cover-art {transition:none;}
.cover-intro .cover-art {background:radial-gradient(ellipse at 12% 0%,#96ed6a,transparent 45%),linear-gradient(125deg,#58d347,#309a32 58%,#48b22f);box-shadow:inset 0 0 15px #b4ff8c38;}
.intro-chevron {position:absolute;left:38px;top:35px;width:134px;height:180px;background:linear-gradient(115deg,#071b12,#001810);clip-path:polygon(0 0,42% 0,100% 50%,44% 100%,0 100%,56% 50%);filter:drop-shadow(0 3px 3px #0004);}
.dreamland-art {display:block;width:100%;height:100%;background-image:url('assets/home-reference.png');background-repeat:no-repeat;background-size:414px 880px;background-position:-87px -259px;}
.cover-outro .cover-art {background:linear-gradient(127deg,#76c7e6,#b5e6ed 60%,#68bad9);}
.outro-arch {position:absolute;width:250px;height:300px;left:59px;top:15px;border:35px solid #dfabc3;border-right-color:#f4d1dd;border-top-color:#ebc2d3;border-radius:52% 50% 20% 20%;transform:rotate(24deg);box-shadow:-8px 3px 0 #b67f9b,inset 8px 0 13px #4e879257;}
.outro-floor {position:absolute;left:-15px;right:-55px;bottom:1px;height:75px;background:linear-gradient(110deg,#c4eaf0 10%,#fcdfdf 48%,#dba7bd 72%,#fff0e8);transform:rotate(27deg);box-shadow:0 -2px 5px #ffffff40;}
.outro-sphere {position:absolute;z-index:2;width:77px;height:91px;left:80px;top:57px;border-radius:50%;background:radial-gradient(ellipse at 24% 25%,#d4f3ef,#8fcedb 40%,#588fa1 90%);box-shadow:13px 26px 20px #435b6b20;}

.carousel-instruction {position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.1px;color:#c9b995;pointer-events:none;z-index:4;}
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(prefers-reduced-motion:reduce) {.cover-art{transition:none;}}