*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;color:#e8e5d8;background:#152019;font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{display:flex;justify-content:space-between;gap:18px;padding:21px clamp(20px,4vw,60px);border-bottom:1px solid #dce0cc22;font-size:10px;letter-spacing:.13em}a{color:inherit;text-decoration:none}header span{color:#c5cbb6}.intro{text-align:center;padding:24px 20px 12px}.intro h1{font:400 clamp(25px,4vw,38px)/1.2 Georgia,serif;margin:0 0 4px}.intro p{margin:0 0 14px;font-size:13px;color:#c4c9b7}.controls{display:flex;justify-content:center;gap:8px}button{border:1px solid #c9ceb844;background:transparent;color:inherit;border-radius:30px;font:inherit;font-size:12px;min-height:38px;padding:7px 20px;cursor:pointer}button[aria-pressed="true"]{background:#d7ddc4;color:#18231b;border-color:#d7ddc4}button:focus-visible,a:focus-visible{outline:2px solid #dec789;outline-offset:5px}.encounter{height:210svh;padding:10px 20px 0}.hold{position:sticky;top:22px;display:grid;justify-items:center;gap:14px}figure{margin:0;position:relative;width:min(600px,calc((100svh - 74px)*.75),calc(100vw - 40px));aspect-ratio:3/4;box-shadow:0 20px 70px #020c0670;overflow:hidden}img,canvas{display:block;width:100%;height:100%}canvas{position:absolute;inset:0;opacity:0;transition:opacity .35s}body.is-living canvas{opacity:1}.scroll-cue{color:#d7ddc499;font-size:20px}.after{text-align:center;margin:0;padding:34px 20px 50px;font-size:13px;color:#c4c9b7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}canvas{transition:none}}

.intro{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px 12px}.intro p{margin:0}figure{width:min(600px,calc((100svh - 165px)*.75),calc(100vw - 40px))}
.is-embedded body{overflow:hidden;background:transparent}.is-embedded header,.is-embedded .intro,.is-embedded .after,.is-embedded .scroll-cue{display:none}.is-embedded .encounter{height:100vh;padding:0}.is-embedded .hold{position:static;display:block}.is-embedded figure{width:100vw;height:100vh;box-shadow:none}.is-embedded canvas{transition:none}

.study-footer{display:grid;justify-items:center;gap:10px;padding:0 20px 30px;font-size:11px;color:#c4c9b7;text-align:center}.is-embedded .study-footer{display:none}