/* Full-width living covers. Animation never changes the readable copy or hit targets. */
.animated-showcase{min-height:440px;padding:46px 38px 38px;background:#243640;contain:paint}.animated-showcase>.eyebrow{margin-top:10px}.animated-showcase>p,.animated-showcase>h2,.animated-showcase>.card-actions,.animated-showcase>small{position:relative;z-index:2}.animated-showcase:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1b2b39f5 0%,#203340d9 37%,#23384666 67%,#1c2e3922)}.showcase-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.showcase-motion{position:absolute;z-index:3;right:20px;top:17px;padding:6px 10px;font-size:10px;color:#eeeada;background:#23384688;border-color:#e3e4d044;border-radius:20px}.animated-showcase .card-actions{display:flex;flex-wrap:wrap;gap:10px}.dream-frame{position:absolute;inset:0;opacity:0;animation:dream-crossfade 40s linear infinite both}.frame-book{animation-name:book-crossfade;animation-delay:0s;background:radial-gradient(ellipse at 77% 52%,#706b7244,transparent 60%)}.frame-liner{animation-delay:8s}.frame-trail{animation-delay:16s}.frame-hospital{animation-delay:24s}.frame-opera{animation-delay:32s}.frame-picture{position:absolute;inset:-4%;background-size:cover;background-position:70% center;display:block}.liner-illustration{position:absolute;inset:0;width:100%;height:100%}.frame-trail .frame-picture{background-image:url('assets/nightmares/trail.svg');animation:trail-approach 10s ease-in-out infinite alternate}.frame-hospital .frame-picture{background-image:url('assets/nightmares/hospital.svg');animation:hospital-breathe 9s ease-in-out infinite alternate}.frame-opera .frame-picture{background-image:url('assets/nightmares/opera.svg');animation:opera-pan 10s ease-in-out infinite alternate}.dream-haze{position:absolute;inset:35% -25% -30%;background:radial-gradient(ellipse at 65% 40%,#b0c7c33b,transparent 60%);filter:blur(15px);animation:cover-mist 13s ease-in-out infinite alternate}.sea-ribbons{display:none}.wandering-shadow{position:absolute;right:25%;top:47%;width:30px;height:100px;background:linear-gradient(#091821aa,transparent);border-radius:50% 50% 10% 10%;filter:blur(5px);animation:shadow-pass 9s ease-in-out infinite}.hospital-glow{position:absolute;inset:12% 8% 22% 54%;background:radial-gradient(ellipse at 70% 45%,#dfddad44,transparent 60%);animation:ward-light 5s ease-in-out infinite alternate}.curtain-left,.curtain-right{position:absolute;top:0;bottom:0;width:20%;background:repeating-linear-gradient(90deg,#351d32aa 0 12px,#76515d77 22px,#2d2836bb 38px);transform-origin:top;animation:velvet-sway 6s ease-in-out infinite alternate}.curtain-left{left:35%;border-radius:0 0 85% 0}.curtain-right{right:0;border-radius:0 0 0 85%;animation-delay:-3s}
.dream-book{position:absolute;right:5%;top:17%;width:43%;height:70%;perspective:1400px;transform:rotate(-6deg);filter:drop-shadow(0 22px 20px #09142199);animation:book-float 10s ease-in-out infinite alternate}.dream-book i{position:absolute;display:block;top:0;height:100%;border:0}.book-cover{inset:0;background:url('assets/nightmares/book-spread.svg') center/100% 100% no-repeat}.book-left,.book-right{display:none!important}.book-turn{left:50%;width:47%;height:88%!important;top:5%!important;transform-origin:left;background:url('assets/nightmares/book-spread.svg') right center/213% 114% no-repeat;clip-path:polygon(0 4%,45% 0,100% 1%,100% 100%,45% 96%,0 100%);animation:page-unfold 9s cubic-bezier(.45,0,.25,1) infinite;backface-visibility:visible;filter:drop-shadow(-5px 2px 4px #352b3d40)}.book-shadow{position:absolute;bottom:29%;left:63%;width:14%;height:37%;background:radial-gradient(ellipse,#252d3d77,transparent 67%);filter:blur(8px);transform-origin:bottom;animation:book-phantom 9s ease-in-out infinite alternate;mix-blend-mode:multiply}.book-shadow.two{left:20%;height:32%;animation-delay:-3s}.book-shadow.three{left:75%;height:30%;animation-delay:-6s}
@keyframes book-crossfade{0%,18%,100%{opacity:1}23%,97%{opacity:0}}@keyframes dream-crossfade{0%{opacity:0}3%,18%{opacity:1}23%,100%{opacity:0}}@keyframes liner-rock{to{transform:translate(-8px,9px) rotate(.6deg)}}@keyframes trail-approach{to{transform:scale(1.08) translateX(-8px)}}@keyframes hospital-breathe{to{transform:translateY(-6px);filter:brightness(1.18)}}@keyframes opera-pan{to{transform:scale(1.06) translateX(10px)}}@keyframes cover-mist{to{transform:translateX(15%) translateY(-14px)}}@keyframes cover-waves{to{transform:translate(40px,20px)}}@keyframes shadow-pass{0%,100%{opacity:.1;transform:translateX(-30px) scale(.8)}50%{opacity:.7;transform:translateX(45px) scale(1.15)}}@keyframes ward-light{to{opacity:.25;transform:translateX(10px)}}@keyframes velvet-sway{to{transform:skewX(3deg) scaleX(.88)}}@keyframes book-float{to{transform:translateY(-12px) rotate(-4deg)}}@keyframes page-unfold{0%,25%{transform:rotateY(0deg);opacity:0}32%{opacity:1}65%{transform:rotateY(-168deg);opacity:1}78%,100%{transform:rotateY(-178deg);opacity:0}}@keyframes book-phantom{from{opacity:.25;transform:translateY(8px) skewX(-12deg)}to{opacity:.75;transform:translateY(-45px) skewX(8deg)}}
.polar-showcase{background:#6f9aaa;color:#edf2e6}.polar-showcase:after{background:linear-gradient(90deg,#284b61f2 0%,#345c70d9 37%,#537e9255 70%,#5c8b9f11)}.polar-showcase .eyebrow{color:#d2ddd1}.polar-showcase .dlc-places,.polar-showcase small{color:#dae5df}.polar-invitation{font-size:12px!important;border-left:2px solid #d8cdaa;padding-left:12px;color:#e2e9df}.polar-panorama{background:linear-gradient(#97bdc7 0%,#d7e4d9 54%,#82aab9 55%,#3e6c89 100%)}.polar-light{position:absolute;right:14%;top:10%;width:125px;height:125px;border-radius:50%;background:#fff0bf;box-shadow:0 0 90px 40px #fff3bf33;animation:polar-glimmer 12s ease-in-out infinite alternate}.polar-ridge{position:absolute;inset:12% -5% 40% 30%;background:linear-gradient(145deg,#f1f1e1,#a1c5d1 62%,#6b9db2);clip-path:polygon(0 100%,15% 50%,23% 62%,40% 9%,52% 51%,64% 32%,80% 70%,88% 44%,100% 100%);opacity:.65}.floating-berg{z-index:2;position:absolute;right:4%;top:37%;width:36%;height:40%;animation:berg-bob 8s ease-in-out infinite alternate;filter:drop-shadow(0 14px 8px #355e751c)}.floating-berg:before{content:'';position:absolute;inset:0;background:conic-gradient(from 150deg at 43% 12%,#649eb7 0 38deg,#d9eee9 39deg 110deg,#9fc7d2 111deg 177deg,#f3f1dd 178deg 235deg,#91c0ce 236deg);clip-path:polygon(0 88%,16% 38%,28% 48%,43% 7%,56% 28%,68% 22%,86% 47%,100% 88%)}.floating-berg:after{content:'';position:absolute;left:0;right:0;top:90%;height:35%;background:linear-gradient(#b1d7d64d,transparent);clip-path:polygon(0 0,100% 0,77% 75%,32% 100%);filter:blur(3px)}.floating-berg.far{right:38%;top:38%;width:19%;height:23%;opacity:.8;animation-duration:11s;animation-delay:-4s}.polar-water{z-index:1;position:absolute;inset:55% -10% -15%;background:url('assets/travels/water-lines.svg') center/100% 100% no-repeat;animation:cover-waves 9s ease-in-out infinite alternate}.polar-snow{position:absolute;inset:-15%;opacity:.3;background:radial-gradient(circle,#f4f4df 1px,transparent 2px) 0 0/139px 117px,radial-gradient(circle,#edf9f6 1px,transparent 2px) 43px 19px/193px 173px;animation:cover-snow 18s linear infinite}@keyframes berg-bob{0%{transform:translate(-7px,0) rotate(-1deg)}100%{transform:translate(12px,12px) rotate(1deg)}}@keyframes polar-glimmer{to{opacity:.75;transform:translateY(12px)}}@keyframes cover-snow{to{transform:translate(32px,42px)}}
.motion-paused .showcase-art *{animation-play-state:paused!important}
@media(max-width:600px){.animated-showcase{min-height:500px;padding:66px 22px 28px}.animated-showcase h2{font-size:32px;letter-spacing:3px}.animated-showcase:after{background:linear-gradient(90deg,#213745e8,#2b4654b3)}.polar-showcase:after{background:linear-gradient(90deg,#2c5268ed,#416e81a6)}.dream-book{right:-12%;top:16%;width:94%;height:45%;opacity:.85}.frame-picture{background-position:65% center}.floating-berg.near{width:75%;height:32%;right:-15%;top:44%}.floating-berg.far{width:35%;height:22%;right:40%;top:31%}.polar-light{right:7%;width:90px;height:90px}.animated-showcase .eyebrow{font-size:10px;letter-spacing:2px}.animated-showcase .card-actions button{padding:11px 13px;font-size:13px}.animated-showcase>p{font-size:14px}.animated-showcase .showcase-motion{top:17px;right:17px}}
@media(prefers-reduced-motion:reduce){.showcase-art *{animation:none!important}.dream-frame{opacity:0}.frame-book{opacity:1}.book-turn{display:none}.showcase-motion{display:none}.dream-book{transform:rotate(-6deg)}}
.animated-showcase .showcase-motion:hover,.animated-showcase .showcase-motion:focus-visible{background:#e2e6d5;color:#243c4a;border-color:#c6d4cf}
