/* Bespoke line art and interactive details around Lais's illustration. */
.scene-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;z-index:2;border-radius:45%;-webkit-tap-highlight-color:transparent}
.scene-trigger:focus-visible{outline:1px dashed var(--accent);outline-offset:15px}
.scene-art{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;transform-origin:50% 70%}
.enchanted-drawing{position:absolute;width:115%;height:135%;left:-7.5%;top:-20%;pointer-events:none;color:#bb7697;overflow:visible;z-index:1;transition:transform 1.2s;transform:scale(.92)}
.drawn-lines path{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0;transition:stroke-dashoffset 2.3s ease,opacity .7s}
.drawn-lines .constellation{stroke-dasharray:3 7;stroke-dashoffset:0}
.reveal-stars,.reveal-petals{opacity:0;transform:translateY(16px) scale(.9);transform-origin:center;transition:opacity .8s .15s,transform 1.4s .1s}
.scene-glow{transition:opacity 1s,transform 1.4s;opacity:.45}
.scene-whisper{position:absolute;left:0;right:0;bottom:-15%;text-align:center;font-family:var(--serif);font-size:20px;font-style:italic;color:var(--accent);opacity:0;translate:0 8px;transition:opacity .8s .3s,translate .8s .3s;pointer-events:none}
.scene-hint{position:absolute;top:104%;left:0;right:0;text-align:center;font-size:10px;font-family:var(--serif);font-style:italic;letter-spacing:.07em;color:var(--muted);transition:opacity .4s;pointer-events:none}.touch-hint{display:none}
.scene.is-enchanted .scene-art,.scene:has(.scene-trigger:focus-visible) .scene-art{transform:scale(1.075) rotate(-2deg);filter:drop-shadow(0 18px 23px #a9698c28)}
.scene.is-enchanted .enchanted-drawing,.scene:has(.scene-trigger:focus-visible) .enchanted-drawing{transform:scale(1)}
.scene.is-enchanted .drawn-lines path,.scene:has(.scene-trigger:focus-visible) .drawn-lines path{stroke-dashoffset:0;opacity:1}
.scene.is-enchanted .reveal-stars,.scene.is-enchanted .reveal-petals,.scene:has(.scene-trigger:focus-visible) .reveal-stars,.scene:has(.scene-trigger:focus-visible) .reveal-petals{opacity:1;transform:translateY(0) scale(1)}
.scene.is-enchanted .scene-glow{opacity:1;transform:scale(1.25)}
.scene.is-enchanted .scene-whisper,.scene:has(.scene-trigger:focus-visible) .scene-whisper{opacity:1;translate:0 0}
.scene.is-enchanted .scene-hint,.scene:has(.scene-trigger:focus-visible) .scene-hint{opacity:0}
.world-link:before{content:'✧';position:absolute;right:100%;top:15px;font-size:30px;color:var(--accent);opacity:0;transform:translateX(-14px) rotate(-35deg);transition:transform .5s,opacity .4s;pointer-events:none;margin-right:12px}
.world-link:hover:before,.world-link:focus-visible:before{opacity:1;transform:translateX(0) rotate(0)}
.world-link:after{content:'';position:absolute;bottom:-6px;left:0;width:90%;height:9px;border-top:1px solid #b67f97;border-radius:50%;transform:scaleX(0);transform-origin:left;transition:transform .55s;pointer-events:none}
.world-link:hover:after,.world-link:focus-visible:after{transform:scaleX(1)}
.artwork{position:relative;isolation:isolate}.artwork>span{position:relative;z-index:2}
.artwork:after{content:'view a little closer ↗';position:absolute;bottom:58px;left:50%;transform:translate(-50%,12px);white-space:nowrap;opacity:0;background:#fae9eeee;color:var(--ink);padding:9px 16px;font-family:var(--serif);font-size:17px;font-style:italic;pointer-events:none;transition:opacity .35s,transform .35s}
.artwork:hover img,.artwork:focus-visible img{transform:scale(1.025);filter:drop-shadow(0 12px 18px #84556b25)}
.artwork:hover:after,.artwork:focus-visible:after{opacity:1;transform:translate(-50%,0)}
@media(hover:none){.hover-hint{display:none}.touch-hint{display:inline}.world-link:before{display:none}}
@media(max-width:600px){.scene-whisper{font-size:16px;bottom:-13%}.scene-hint{font-size:11px;top:103%}.enchanted-drawing{width:118%;height:118%;left:-9%;top:3%}.world-link:before{font-size:22px;margin-right:5px}.artwork:after{font-size:13px;padding:7px 10px;bottom:50px}}
@media(prefers-reduced-motion:reduce){.scene-art,.enchanted-drawing,.reveal-stars,.reveal-petals,.scene-whisper,.artwork img{transform:none!important;translate:none!important}}