:root{--ink: #061014;--paper: #f5f0e7;--muted: rgba(245, 240, 231, .67);--quiet: rgba(245, 240, 231, .38);--line: rgba(245, 240, 231, .19);--blue: #2176d2;--lime: #c8db67;--coral: #ff6959;--blood: #8c1824}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{touch-action:none;overscroll-behavior:none}button,a{font:inherit}.experience{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 20%,rgba(200,219,103,.08),transparent 28%),radial-gradient(circle at 54% 82%,rgba(255,105,89,.08),transparent 28%),#061014}.photo-stack,.photo-plate,#scene{position:absolute;inset:0}.photo-stack{z-index:0;background:#061014}.photo-plate{opacity:0;background-size:cover;background-position:center;filter:saturate(.8) contrast(1.12) brightness(.55);transform:scale(1.08);transition:opacity .16s linear;will-change:opacity,transform}.photo-plate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030a0df2,#030a0d7a 36%,#030a0d2e 62%,#030a0dd1),linear-gradient(180deg,#030a0d33,#030a0dd1)}.photo-hand{background-image:url(/images/hand.jpg);background-position:58% 52%}.photo-drain{background-image:linear-gradient(120deg,#424642eb,#06101494),url(/images/drain.jpg);filter:saturate(.58) contrast(1.15) brightness(.5)}.photo-river{background-image:url(/images/river.jpg);filter:saturate(.72) contrast(1.12) brightness(.5)}.photo-ocean{background-image:url(/images/ocean.jpg);filter:saturate(.92) contrast(1.14) brightness(.55)}.photo-whale{background-image:url(/images/whale.jpg);filter:saturate(.84) contrast(1.18) brightness(.47)}.photo-stomach{background:radial-gradient(circle at 66% 45%,rgba(255,105,89,.2),transparent 24%),radial-gradient(circle at 42% 58%,rgba(140,24,36,.62),transparent 38%),linear-gradient(120deg,#050708,#23060c 58%,#070608)}#scene{z-index:1;display:block;width:100%;height:100%}.topbar{position:absolute;z-index:4;top:clamp(18px,3vw,36px);left:clamp(18px,3vw,44px);right:clamp(18px,3vw,44px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.identity{display:inline-flex;align-items:center;gap:12px;color:#f5f0e7c7;font-size:13px;text-decoration:none;pointer-events:auto}.identity__bottle{position:relative;width:11px;height:36px;border:1px solid rgba(245,240,231,.64);border-radius:9px 9px 3px 3px;box-shadow:0 0 28px #2176d259}.identity__bottle:before{content:"";position:absolute;top:-6px;left:2px;right:2px;height:5px;border-radius:3px 3px 1px 1px;background:var(--blue)}.topbar__meta{display:grid;gap:6px;justify-items:end;color:var(--muted);font-size:12px;line-height:1.2}.story-copy{position:absolute;z-index:3;left:clamp(22px,6vw,88px);top:50%;width:min(460px,42vw);transform:translateY(-50%);pointer-events:none}.story-copy__kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1}.story-copy__kicker:before{content:"";width:48px;height:1px;background:var(--line)}h1{margin:0;max-width:9ch;font-size:clamp(54px,7.7vw,112px);line-height:.92;font-weight:820;white-space:pre-line;text-wrap:balance;text-shadow:0 22px 64px rgba(0,0,0,.45)}.story-copy__body{margin:24px 0 0;max-width:32em;color:#f5f0e7c7;font-size:clamp(15px,1.15vw,18px);line-height:1.72;word-break:keep-all}.chapter-dock{position:absolute;z-index:4;right:clamp(20px,3.6vw,58px);top:50%;display:grid;gap:21px;transform:translateY(-50%)}.chapter-dot{position:relative;width:18px;height:18px;border:0;border-radius:50%;background:#f5f0e742;color:var(--quiet);cursor:pointer;pointer-events:auto}.chapter-dot:before{content:"";position:absolute;inset:-7px;border:1px solid transparent;border-radius:50%}.chapter-dot span{position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:11px;white-space:nowrap}.chapter-dot.is-active{background:var(--paper);box-shadow:0 0 0 7px #f5f0e71f,0 0 38px #f5f0e780}.chapter-dot.is-active:before{border-color:#f5f0e747}.timeline{position:absolute;z-index:4;left:clamp(22px,6vw,88px);right:clamp(22px,6vw,88px);bottom:clamp(64px,8vw,96px);height:2px;background:#f5f0e729;pointer-events:none}.timeline span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--paper),var(--lime),var(--coral));box-shadow:0 0 28px #c8db6740}.scene-note{position:absolute;z-index:4;left:clamp(22px,6vw,88px);right:clamp(22px,6vw,88px);bottom:clamp(18px,3vw,38px);display:flex;justify-content:space-between;gap:18px;color:#f5f0e7bd;font-size:13px;pointer-events:none}.scene-note__credit{color:#f5f0e761;text-align:right}.fallback{position:absolute;z-index:6;left:18px;right:18px;bottom:18px;display:none;padding:12px 14px;border:1px solid rgba(245,240,231,.2);background:#061014c7;color:var(--muted);font-size:12px;line-height:1.5;backdrop-filter:blur(12px)}.webgl-failed .fallback{display:block}@media(max-width:760px){.topbar__meta{display:none}.story-copy{left:20px;right:58px;top:24%;width:auto}h1{max-width:8.8ch;font-size:clamp(42px,13.5vw,62px)}.story-copy__body{margin-top:18px;max-width:24em;font-size:14px;line-height:1.62}.chapter-dock{right:18px;gap:28px}.chapter-dot span{display:none}.timeline{left:20px;right:58px;bottom:48px}.scene-note{left:20px;right:58px;bottom:17px;display:block;font-size:12px}.scene-note__credit{display:none}}@media(prefers-reduced-motion:reduce){.photo-plate{transition:none}}