@font-face{font-family:StoryDodum;src:url("assets/GowunDodum-story.woff2") format("woff2");font-display:swap}
.brand{width:140px;height:96px;overflow:hidden;position:relative}.brand img{position:absolute;width:225px;max-width:none;left:-42px;top:-59px}
:root{color-scheme:light;--paper:#fcfaf6;--ink:#494c40;--muted:#858376;--green:#617b59;--pink:#ead6d7}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 78%,#f2e4e966,transparent 50%),radial-gradient(ellipse at 90% 30%,#e7e0f266,transparent 50%),var(--paper);color:var(--ink);font-family:StoryDodum,"Gowun Dodum",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.layout{max-width:1110px;margin:auto;min-height:100svh;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:90px;padding:44px 32px}.intro{padding-bottom:110px}.brand{display:inline-flex;gap:13px;align-items:baseline;text-decoration:none;color:#69825f;font:italic 31px Georgia,serif;letter-spacing:-1.6px}.brand span{font:13px StoryDodum,sans-serif;letter-spacing:.12em;color:var(--muted)}.eyebrow{margin:70px 0 22px;font-size:13px;letter-spacing:.12em;color:var(--green)}h1{font-weight:400;font-size:clamp(29px,3.3vw,42px);line-height:1.65;letter-spacing:-.065em;margin:0}.lead{font-size:16px;line-height:2.1;margin:26px 0 34px;color:#797a6e}.journey{display:flex;align-items:center;gap:10px;font-size:12px;color:#65765b}.journey i{height:1px;width:20px;background:#c9cdbf;position:relative}.journey i:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border:solid #c9cdbf;border-width:1px 1px 0 0;transform:rotate(45deg)}.footnote{font-size:12px;color:#969285;margin:42px 0 0}.player{min-width:0}.paper{position:relative;aspect-ratio:9/16;width:100%;background:var(--paper);box-shadow:0 18px 66px #665c4820,0 1px 3px #665c4820;border-radius:5px 11px 7px 4px;overflow:hidden}canvas{width:100%;height:100%;display:block}.controls{padding:18px 3px 0}.control-row{display:flex;align-items:center;gap:16px;font-size:12px}.control-row button{border:0;background:transparent;padding:8px 0;min-height:36px}.control-row button:first-child{color:var(--green);min-width:51px}.control-row button:nth-child(2){color:var(--muted)}#time{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}#seek{width:100%;accent-color:#718967;cursor:pointer;margin:7px 0;height:20px}.scene-row{display:flex;justify-content:space-between;font-size:11px;color:#969286;gap:10px}.scene-row span:first-child{color:#68765c}.chapters{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.chapters button{background:transparent;border:1px solid #e3e1d6;border-radius:20px;padding:7px 10px;font-size:11px;min-height:32px}.chapters button[aria-current="true"]{background:#e9eddf;border-color:#bccbad;color:#506342}.transcript{font-size:12px;color:#858376;margin-top:18px;line-height:1.9}.transcript summary{cursor:pointer}.transcript p{max-width:38em}.motion-note{font-size:12px;line-height:1.7;color:#758169}.motion-toggle{position:absolute;right:13px;bottom:13px;width:35px;height:35px;border:1px solid #e4e1d6;border-radius:50%;background:#fcfaf6dd;color:#73806a;opacity:0;transition:opacity .15s}.paper:hover .motion-toggle,.motion-toggle:focus-visible{opacity:1}.no-script{position:absolute;inset:40% 20px auto;text-align:center;line-height:2}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.layout{grid-template-columns:1fr 360px;gap:35px;padding:32px 24px}.intro{padding-bottom:100px}h1{font-size:29px}.journey{flex-wrap:wrap}}
@media(max-width:760px){.layout{display:block;max-width:450px;padding:24px 20px 38px}.intro{padding:0 0 28px}.brand{font-size:25px}.eyebrow{margin:26px 0 12px;font-size:11px}h1{font-size:27px;line-height:1.55}.lead,.journey,.footnote{display:none}.paper{border-radius:5px}.motion-toggle{opacity:1}}
.embed body{background:var(--paper)}.embed .layout{display:block;padding:0;min-height:0;max-width:none}.embed .intro,.embed .controls,.embed .transcript,.embed .motion-note{display:none}.embed .player{width:100%;height:100svh;display:grid;place-items:center}.embed .paper{height:min(100svh,177.77778vw);width:auto;max-width:100%;aspect-ratio:9/16;box-shadow:none;border-radius:0}.embed .motion-toggle{opacity:0}.embed .paper:hover .motion-toggle,.embed .motion-toggle:focus-visible{opacity:1}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.motion-toggle,.embed .motion-toggle{opacity:1}}

/* Wider homepage film. The scene itself is recomposed, not stretched. */
.layout{max-width:1200px;display:block;padding:24px 40px 48px}.intro{padding:0;position:relative}.brand{width:120px;height:70px}.eyebrow{margin:10px 0 9px}h1{font-size:28px;line-height:1.45}h1 br{display:none}.lead,.journey,.footnote{display:none}.player{margin:26px auto 0;max-width:1080px}.paper{aspect-ratio:4/3}.controls{max-width:900px;margin:auto}.transcript{max-width:900px;margin:18px auto 0}.embed .player{margin:0;max-width:none}.embed .paper{aspect-ratio:4/3;height:min(100svh,75vw)}
@media(max-width:760px){.layout{max-width:none;padding:18px 12px 30px}.intro{padding:0 10px}.eyebrow{font-size:11px}h1{font-size:23px}.player{margin-top:18px}.controls{padding:14px 8px 0}.chapters{gap:5px}.chapters button{font-size:10px}.transcript{padding:0 8px}}

/* Keep the complete supplied logo inside the header. */
.intro .brand img{width:190px;left:-37px;top:-48px}