*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080808}body{overscroll-behavior:none}#stage{position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#080808;color:#f6f6f1;outline:0;touch-action:manipulation;cursor:crosshair;user-select:none;-webkit-user-select:none}.scene{position:absolute;inset:0;overflow:hidden}.layer{position:absolute;pointer-events:none;transform-origin:center;will-change:transform}.word{margin:0;font-family:"Arial Black","Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-weight:1000;line-height:.94;letter-spacing:-.075em;white-space:pre-line;overflow-wrap:normal;word-break:keep-all;text-wrap:initial}.media{display:block;object-fit:cover;max-width:none;max-height:none}.word.outline{-webkit-text-stroke:2px currentColor;color:transparent!important}.word.vertical{writing-mode:vertical-rl;letter-spacing:-.06em;line-height:1}.word.strip{padding:.025em .08em;line-height:1.07;background:var(--ink);color:var(--paper)!important}.media.drift{animation:drift var(--duration,4s) linear both}.cut-in{animation:cut-in .16s steps(1,end) both}@keyframes cut-in{0%{transform:translateX(1.2vw)}45%{transform:translateX(-.8vw)}100%{transform:none}}@keyframes drift{from{transform:scale(1.03) translateX(-1%)}to{transform:scale(1.13) translateX(1%)}}@media(prefers-reduced-motion:reduce){.media.drift,.cut-in{animation:none}}noscript{color:#fff;font:20px sans-serif;padding:32px}
/* 1.2: abrupt edits, held paragraphs, passing captions, and intervals of silence. */
.word{font-family:'Apple SD Gothic Neo','Noto Sans KR',sans-serif;letter-spacing:-.035em;color:var(--ink);font-weight:600;line-height:1.35;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.paragraph{inset:8% 7%;width:86%;height:84%;margin:0;display:block;overflow:hidden;font-weight:500;line-height:1.5;letter-spacing:-.025em}
.paragraph-long{overflow-y:auto;pointer-events:auto;user-select:text}
.giant{left:-2%;top:8%;width:105%;font-size:clamp(72px,18vw,420px);font-weight:900;line-height:1.03;letter-spacing:-.065em}
.wall{inset:-3%;width:106%;height:110%;overflow:hidden;font-size:clamp(50px,8vw,170px);line-height:1.02;font-weight:800;word-break:break-all;text-align:justify}
.whisper{width:46%;font-size:clamp(18px,2.5vw,46px);line-height:1.6;font-weight:400}
.ticker-window{position:absolute;bottom:5%;left:0;width:100%;height:clamp(64px,10vw,140px);overflow:hidden;background:var(--paper);z-index:5;display:flex;align-items:center}
.word.ticker{position:relative;flex:none;width:max-content;margin:0;white-space:nowrap;font-size:clamp(32px,5.6vw,104px);font-weight:500;line-height:1.3;transform:translateX(100vw);animation:passing var(--scene-time,12s) linear forwards}
@keyframes passing{to{transform:translateX(-100%)}}
.paused *{animation-play-state:paused!important}
.cinema-paragraph{background:var(--paper)}
@media(max-width:600px){.paragraph{inset:7% 6%;width:88%;height:86%}.whisper{max-width:75%;width:46%}.giant{font-size:23vw;top:17%}}
@media(prefers-reduced-motion:reduce){.word.ticker{animation:none;transform:none;white-space:pre-wrap;width:90%;font-size:24px;margin:auto}.ticker-window{height:auto;min-height:100px;max-height:50%;overflow:auto}}
.view-controls{position:fixed;top:14px;right:16px;z-index:1000;display:flex;gap:4px;padding:4px;background:rgba(12,14,13,.82);border:1px solid #666;border-radius:3px}.view-controls button{font:14px/1.3 system-ui;color:#ddd;background:transparent;border:0;padding:9px 11px;cursor:pointer}.view-controls button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.view-controls button:focus-visible{outline:2px solid white}.collection{position:fixed;inset:0;overflow:auto;background:#edece7;color:#202320;padding:88px max(6vw,22px) 80px;z-index:100}.collection[hidden],#stage[hidden]{display:none!important}.collection h2{font:500 clamp(22px,3vw,38px)/1.4 system-ui;margin:40px 0 24px}.collection-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:30px}.collection img,.collection video{width:100%;max-height:70vh;object-fit:contain;background:#111}.collection audio{display:block;width:min(100%,600px);margin:16px 0}.collection-text{font:400 clamp(18px,2vw,27px)/1.9 system-ui;white-space:pre-wrap;max-width:850px;padding:30px 0;border-bottom:1px solid #aaa;margin:0}
/* 1.4 · memories on paper. Original materials and scene controls retained. */
html,body,#stage{background:#fafaf7}.media{object-fit:contain}.cinema-image .media{inset:16% 14%!important;width:72%!important;height:67%!important}.cinema-image .media.drift{animation:none}.paragraph{inset:19% 16% 15%;width:68%;height:66%;font-weight:400;line-height:1.85;font-family:Georgia,'AppleMyungjo','Noto Serif KR',serif}.whisper{font-family:Georgia,'AppleMyungjo',serif;font-size:clamp(17px,2.1vw,32px);line-height:1.9}.memory-image{object-fit:contain;filter:saturate(.8);max-width:none}.memory-note{max-width:60%;max-height:19%;overflow:auto;pointer-events:auto;user-select:text;font:400 clamp(14px,1.45vw,22px)/1.9 Georgia,'AppleMyungjo',serif;letter-spacing:0}.view-controls{background:rgba(250,250,247,.94);border:1px solid #d9d9d1;border-radius:0;gap:3px}.view-controls button{color:#575950;font-size:12px}.view-controls button[aria-pressed=true]{color:#20221e}.view-controls button:focus-visible{outline:2px solid #666}.collection{background:#fafaf7}.collection img,.collection video{background:transparent}.memory-dialog{border:1px solid #d8d8cf;padding:48px 0 0;width:min(590px,94vw);height:min(760px,90dvh);background:#fafaf7;overflow:hidden}.memory-dialog::backdrop{background:rgba(245,245,240,.7);backdrop-filter:blur(5px)}.memory-dialog iframe{border:0;width:100%;height:100%;display:block}.memory-close{position:absolute;right:20px;top:12px;border:0;border-bottom:1px solid #999;background:none;color:#333;padding:5px;cursor:pointer;font:14px system-ui}@media(max-width:600px){.view-controls{top:10px;right:10px;left:10px;justify-content:flex-end}.view-controls button{padding:8px}.paragraph{inset:20% 9% 14%;width:82%;height:66%}.memory-note{max-width:78%;bottom:13%!important}.cinema-image .media{inset:20% 7%!important;width:86%!important;height:58%!important}}
/* Storyboard 01: three accumulating lines, one fixed children's song. */
.cinema-song01{background:#fff;color:#222;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,5vh,64px);padding:100px 9vw 70px}.song-line{margin:0;font:400 clamp(20px,3.5vw,62px)/1.6 Georgia,'AppleMyungjo','Noto Serif KR',serif;letter-spacing:-.035em;word-break:keep-all;transition:opacity 1.2s ease}@media(max-width:600px){.cinema-song01{padding:90px 8vw 60px;gap:34px}.song-line{font-size:clamp(19px,4.2vw,25px)}}@media(prefers-reduced-motion:reduce){.song-line{transition:none}}
/* Approved storyboard 02: plain warm-white paper, full quotation at once. */
.cinema-paper02{background:#b0af9e;display:grid;place-items:center;padding:80px 5vw 50px;overflow-y:auto}.paper02-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(.88);opacity:.9}.paper02-shade{position:absolute;inset:0;background:#1b221c28}.paper02-sheet{position:relative;width:min(760px,78vw);padding:32px 42px 27px;transform:rotate(-.8deg);background-color:#fdfcf8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23857e68' opacity='.055' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;box-shadow:0 5px 18px #14181126;color:#242821}.paper02-sheet blockquote{margin:0;font:400 clamp(19px,1.9vw,25px)/1.85 Georgia,'AppleMyungjo','Noto Serif KR',serif;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}.paper02-sheet cite{display:block;text-align:right;white-space:pre-line;font:10px/1.8 system-ui;margin-top:22px;color:#5c6658}@media(max-width:600px){.paper02-sheet{width:88vw;padding:25px 26px 22px}.paper02-sheet blockquote{font-size:18px}.paper02-sheet cite{font-size:9px;margin-top:18px}}

.cinema-film05{display:grid;place-items:center;background:#171817}
.film05-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.9)}
.film05-photo{position:relative;display:block;width:auto;height:auto;max-width:18vw;max-height:38vh;object-fit:contain;border:1px solid #292924;box-shadow:0 1px 4px #0005;opacity:0;transition:opacity .35s}
.film05-photo.loaded{opacity:1}
@media(max-width:600px){.film05-photo{max-width:28vw;max-height:30vh}}
@media(prefers-reduced-motion:reduce){.film05-photo{transition:none}}

.cinema-beam06{overflow:hidden;background:#151910}
.beam06-media{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.76) brightness(.79) contrast(1.07)}.beam06-glow{position:absolute;left:var(--x);top:var(--y);width:min(125vw,155vh);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at 49% 51%,#fff 0%,#fff 12%,#fffffff5 18%,#fffbd8ad 25%,#ffe9a64d 34%,#ffdf8c15 43%,transparent 58%);filter:blur(4px);animation:breathe 9s ease-in-out infinite}.beam06-glow:before{content:"";position:absolute;inset:-12%;background:conic-gradient(from 12deg,transparent 0deg 31deg,#fff5 32deg,#fffdeed9 32.4deg,transparent 34deg 81deg,#fffdeeb0 82deg,transparent 83deg 157deg,#fff9 158deg,transparent 160deg 212deg,#fffdeed9 213deg,transparent 214deg 267deg,#fff8 268deg,transparent 270deg 332deg,#fff7 333deg,transparent 334deg);mask-image:radial-gradient(circle,#000 0%,#000 22%,#0008 34%,transparent 56%);filter:blur(2.5px);opacity:.18}.beam06-glow:after{content:"";position:absolute;inset:0;background:linear-gradient(168deg,transparent 48%,#fff5 49%,#fff 49.85%,#fff 50.15%,#fff6 51%,transparent 52%);mask-image:radial-gradient(ellipse,#000 15%,#0009 40%,transparent 67%);filter:blur(3px);opacity:.38}.beam06-rays{position:absolute;inset:4% 18%;background:linear-gradient(82deg,transparent 47%,#fff5 49%,#fff 49.8%,#fff 50.2%,#fff6 51%,transparent 53%);mask-image:radial-gradient(ellipse,#000 20%,transparent 65%);filter:blur(3px);opacity:.23}.beam06-mark{position:absolute;left:var(--mx,var(--x));top:var(--my,var(--y));transition:left 1.6s cubic-bezier(.4,0,.2,1),top 1.9s cubic-bezier(.4,0,.2,1);width:clamp(100px,26vmin,260px);aspect-ratio:1;transform:translate(-50%,-50%);border:4px solid #f1120b;pointer-events:none}.beam06-label{position:absolute;left:calc(100% + 22px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,5vmin,52px);font-weight:400;color:#f1120b;letter-spacing:-.025em}.beam06-label span{margin-right:22px}@keyframes breathe{0%,100%{opacity:.95;scale:1}50%{opacity:1;scale:1.035}}@media(max-width:600px){.beam06-mark{border-width:3px}.beam06-label{left:calc(100% + 12px)}.beam06-label span{margin-right:10px}}@media(prefers-reduced-motion:reduce){.beam06-glow{animation:none}.beam06-mark{transition:none}}
/* Approved open-palm pixel cursor for artwork and its controls. */
html,body,#stage,#stage *,button,a,[role="button"]{cursor:url("pixel-hand.svg") 20 20,pointer!important}