/* Selected iLAF Intro: stable local implementation, no study controls. */
body.intro-active{overflow:hidden}
#intro{position:fixed;inset:0;z-index:100;min-height:100svh;overflow:hidden;background:#eee7da;color:#302a22;isolation:isolate}
.film-stage{position:absolute;inset:0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.story-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}#film-0{opacity:1}
.loop-start{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eee7da;opacity:1;pointer-events:none}
.flare-repair{position:absolute;z-index:1;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}
.caption-wash{position:absolute;left:0;right:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(to top,#eee7da 0%,rgba(238,231,218,.90) 18%,rgba(238,231,218,.62) 39%,rgba(238,231,218,.24) 66%,transparent 100%)}
.copy-track{position:absolute;z-index:3;left:5vw;right:5vw;bottom:max(14px,env(safe-area-inset-bottom));opacity:0;pointer-events:none}
.copy-label{display:block;font:var(--caption-label-size,10px)/1.5 Arial,sans-serif;letter-spacing:.13em;color:#826137;margin-bottom:3px}
.copy-line{font:700 var(--caption-size,20px)/1.3 Be,Arial,sans-serif;letter-spacing:-.035em;max-width:100%;text-wrap:balance;color:#285b5d}
.copy-accent{color:#a53f4c;white-space:nowrap}
.film-enter{position:absolute;z-index:5;display:flex;align-items:center;gap:22px;padding:0;border:0;background:none;color:#302a22;cursor:pointer;white-space:nowrap;font:700 15px/1.3 Be,Arial,sans-serif;transform:translate(calc(-100% + 28px),-50%);isolation:isolate}
.film-enter>span:first-child{position:relative;z-index:2;text-shadow:0 1px 2px #eee7da,0 0 5px #eee7da}
.enter-orb{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border:1px solid #c2b5a0;border-radius:50%;background:#eee7da;box-shadow:0 0 4px 13px #eee7da,0 0 18px 22px rgba(238,231,218,.96),0 0 30px 27px rgba(238,231,218,.48);transition:transform .25s,background .25s}
.enter-orb svg{width:23px;height:23px;fill:#233d50;stroke:#233d50;stroke-width:1;stroke-linejoin:round}
.film-enter:hover .enter-orb{transform:scale(1.06);background:#f8f2e7}.film-enter:hover .enter-orb svg{fill:#142b3a;stroke:#142b3a}
.film-enter:focus-visible{outline:2px solid #007b77;outline-offset:7px;border-radius:28px}
.music-control{position:absolute;top:max(14px,env(safe-area-inset-top));right:4vw;z-index:6;width:44px;height:44px;display:grid;place-items:center;border:0;background:rgba(238,231,218,.9);border-radius:50%;cursor:pointer;color:#594c3c}
.music-control svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.music-control[data-state="playing"]{color:#a53f4c}.music-control[data-state="playing"] .sound-slash{display:none}
.music-control:focus-visible{outline:2px solid #007b77;outline-offset:3px}
#render-status{position:absolute;top:20px;left:5vw;right:18vw;z-index:7;color:#594c3c;font:12px/1.5 Arial,sans-serif;pointer-events:none}
.motion-skip{position:absolute;z-index:8;top:12px;left:5vw;padding:10px 14px;min-height:44px;background:#eee7da;border:1px solid #826137;border-radius:6px;color:#285b5d;font:700 12px/1.4 Be,Arial,sans-serif;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.motion-skip:focus-visible{clip-path:none;width:auto;height:auto;overflow:visible}
.no-script-enter{position:absolute;z-index:9;left:50%;bottom:7vh;transform:translateX(-50%);padding:15px 24px;border-radius:30px;background:#eee7da;color:#285b5d;font:700 16px/1.4 Be,Arial,sans-serif;text-decoration:none}
.no-script-brand{position:absolute;z-index:8;top:24px;left:5vw;width:120px;height:auto}
@media(max-width:600px){.film-enter{gap:17px;font-size:12px;transform:translate(calc(-100% + 23px),-50%)}.enter-orb{width:46px;height:46px;box-shadow:0 0 3px 10px #eee7da,0 0 14px 17px rgba(238,231,218,.97),0 0 23px 22px rgba(238,231,218,.5)}.copy-track{bottom:25px}.copy-line{font-size:20px;max-width:340px}.copy-label{font-size:10px}.music-control{right:4vw;top:max(12px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){.enter-orb{transition:none}html{scroll-behavior:auto}}
/* Captions and their veil share the real contained-film coordinates, including portrait. */
@media(max-width:600px){.film-enter{gap:12px;font-size:11px;width:max-content}.film-enter>span:first-child{width:106px;max-width:106px;flex-shrink:0;white-space:normal;text-align:right;text-wrap:balance}.copy-line{font-size:var(--caption-size,14px);max-width:100%}.copy-label{font-size:var(--caption-label-size,8px)}}

.ending-grade{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}