:root{--ink:#31564c;--muted:#6b7a70;--paper:#fffaf3;--sage:#91b7a6;--host-offset:0px;--host-reserve:0px;--host-bottom-reserve:0px;--available-height:100svh;--actor-size:360px;--actor-top:0px;--actor-left:0px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--host-offset) + 16px)}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans CJK KR","Noto Sans KR",Arial,sans-serif;overflow-wrap:break-word}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #91b7a6;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}#host-spacer{height:var(--host-reserve);pointer-events:none}.top-anchor{height:0;scroll-margin-top:var(--host-offset)}.skip{position:fixed;top:-100px;left:16px;z-index:50;padding:14px;background:#fff;color:#342a20}.skip:focus{top:calc(var(--host-offset) + 10px)}.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}.read-progress{position:fixed;top:var(--host-offset);left:0;right:0;height:3px;z-index:20;pointer-events:none}.read-progress i{display:block;height:100%;background:#d7b09b;transform-origin:left;transform:scaleX(0)}
.experience{height:auto}.hero{height:var(--available-height);min-height:0;position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:24px 7% 18px;background:#f3eee3;overflow:hidden}.landscape{position:absolute;inset:0;z-index:-3;background:url(assets/landscape.webp) 50% var(--scene-background-y,50%)/cover no-repeat}.window-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(110deg,#fff7d628,transparent 64%);animation:sunlight 12s ease-in-out infinite alternate}@keyframes sunlight{to{opacity:.35}}.hero-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px}.tbc-detail-brand{text-decoration:none;font-size:12px;letter-spacing:2px;line-height:1.3;font-weight:700;padding-block:5px}.tbc-detail-brand span{display:block;font-size:10px;letter-spacing:1.7px;font-weight:400;margin-top:6px}.edition{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.6px;margin:0}.edition b{font-weight:400;font-size:22px}.hero-body{display:grid;grid-template-columns:48% 52%;min-height:0;position:relative}.copy{align-self:center;position:relative;z-index:2;padding:24px 0;max-width:100%}.copy:before{content:"";position:absolute;inset:-30px -40px;background:radial-gradient(ellipse,#fffaf2e8 10%,#fffaf2bd 50%,transparent 74%);z-index:-1;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;margin:0 0 20px}h1{font-size:clamp(40px,4.8vw,72px);line-height:1.2;letter-spacing:-3px;font-weight:400;margin:0}.intro{font-size:14px;line-height:1.8;margin:24px 0 0;color:#5d7468}.links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px}.links a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font-size:11px;text-decoration:none;border-bottom:1px solid #6e5a4266}.actor-slot{position:relative;min-width:0;min-height:0}.character-stage{position:absolute;left:0;top:0;width:100%;height:100%}.layout-ready .character-stage{left:var(--actor-left);top:var(--actor-top);width:var(--actor-size);height:var(--actor-size);will-change:transform}.character-stage canvas,.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.fallback{display:block}.character-stage canvas{display:none}.hero-animated .character-stage canvas{display:block}.hero-animated .fallback{display:none}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font-size:9px;letter-spacing:1.5px}.hero-footer a{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}.hero-footer a span{font-size:18px}.motion-control{border:1px solid #6e5a4250;background:#f6eedec9;min-height:44px;padding:9px 14px;border-radius:30px;font-size:10px;letter-spacing:0;white-space:normal}.hero-footer>span{max-width:40%;line-height:1.5}
html[data-available-band="tall"] .experience.motion-enabled{height:calc(var(--available-height) * 1.65)}html[data-available-band="tall"] .experience.motion-enabled .hero{position:sticky;top:var(--host-offset)}html[data-available-band="tall"] .copy{will-change:transform,opacity}
.wrap{width:min(1120px,84%);margin-inline:auto}.section-label{font-size:10px;letter-spacing:2px;line-height:1.6;font-weight:600;margin:0 0 24px}h2{font-size:clamp(32px,4.1vw,54px);font-weight:400;line-height:1.3;letter-spacing:-2px;margin:0}h2 em{font-style:normal;color:var(--sage)}.muted{color:var(--muted);font-size:14px;line-height:1.9}.intro-section{padding:104px 0 80px}.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.intro-grid p{font-size:14px;line-height:1.9;margin:0 0 20px}.tone-line{display:flex;justify-content:space-between;gap:18px;margin-top:64px;padding-top:28px;border-top:1px solid #b4a89166;font-size:12px;line-height:1.7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.section-head p{margin-bottom:0}.feelings{padding:80px 0 90px;background:#edf4ec}.feeling-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feeling-card{background:#fffaf3;padding:18px 22px 28px;min-width:0;box-shadow:0 16px 45px #534b3810}.feeling-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.feeling-card>div{padding-top:12px;border-top:1px solid #b8b6a34d}.feeling-card span{font-size:9px;letter-spacing:1px}.feeling-card h3{font-size:29px;font-weight:400;letter-spacing:-1px;margin:12px 0}.feeling-card p{font-size:12px;line-height:1.8;margin:0;color:#746c5b}.film-section{padding:90px 0;background:#fff7ef}.film-placeholder{min-height:290px;aspect-ratio:16/6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #cbbd9d88;background:radial-gradient(ellipse at 50% 65%,#f4e8cd,#ede8da);padding:32px}.film-mark{font-size:38px;letter-spacing:6px;color:#5d705e80}.status-label{font-size:20px;letter-spacing:-.6px;margin:18px 0 8px}.film-placeholder p:last-child{font-size:13px;line-height:1.9;color:#746551;margin:0}.film-note{font-size:11px;line-height:1.8;color:#776857;margin:18px 0 0}.collection{padding:100px 0 80px}.emotion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.emotion{appearance:none;min-width:0;border:1px solid #d9ceba;background:#fffaf3;padding:12px 12px 18px;text-align:left;transition:transform .2s,background .2s}.emotion:hover{background:#fffaf3;transform:translateY(-3px)}.emotion img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.emotion span{display:flex;align-items:baseline;gap:13px;line-height:1.6;font-size:12px;margin:8px 4px 0}.emotion small{font-size:9px;color:#806e56}.collection-note,.no-script-help{font-size:11px;line-height:1.8;color:#776857;text-align:center;margin:28px 0 0}.ending{padding:105px 8% 80px;text-align:center;background:#648a77;color:#f6eedc}.ending h2{font-size:clamp(42px,6vw,76px);line-height:1.25}.ending h2 em{color:#e5d4b5}.ending-sticker{display:block;background:#fffaf3;border-radius:18px;width:210px;height:210px;object-fit:contain;margin:28px auto}.ending>p:not(.section-label){font-size:13px;line-height:1.8;color:#e0dccd}.ending-link{display:inline-flex;align-items:center;gap:24px;min-height:48px;font-size:12px;text-decoration:none;border-bottom:1px solid #e0dccd77;margin-top:18px}.back-top{display:block;width:fit-content;min-height:44px;padding:13px;margin:42px auto 0;font-size:11px;text-decoration:none}.review-note{position:relative;padding:14px 8%;text-align:center;background:#3e6050;color:#e1ddce;font-size:10px;line-height:1.8;letter-spacing:.4px}
dialog{border:0;padding:26px;color:var(--ink);background:#fffaf3;width:min(90vw,600px);max-height:calc(var(--available-height) - 24px);overflow:auto;margin:auto;overscroll-behavior:contain}dialog::backdrop{background:#28281fde}#close-dialog{display:block;margin-left:auto;border:0;background:transparent;min-height:44px;min-width:80px;padding:8px 0 8px 20px;font-size:13px}#dialog-number{font-size:10px;letter-spacing:3px;margin:0}#dialog-title{font-size:26px;letter-spacing:-1px;margin-top:10px}#dialog-image{display:block;width:min(100%,390px);height:auto;aspect-ratio:1;object-fit:contain;margin:auto}.dialog-controls{display:flex;justify-content:space-between;gap:20px}.dialog-controls button{border:1px solid #b8b79d;background:transparent;padding:12px 20px;min-height:46px;min-width:104px;font-size:13px}.dialog-help{font-size:10px;line-height:1.8;color:#776857;text-align:center;margin:18px 0 0}
@media(max-width:760px){.hero{padding:16px 7% 12px;gap:8px}.hero-header{min-height:44px}.tbc-detail-brand{font-size:10px;letter-spacing:1.6px}.tbc-detail-brand span{font-size:9px;margin-top:5px}.edition{font-size:7px;letter-spacing:.7px;gap:7px}.edition b{font-size:18px}.hero-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.copy{align-self:start;padding:16px 0 4px}.copy:before{inset:-20px -30px}.eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:1.8px}h1{font-size:46px;letter-spacing:-2.5px;line-height:1.18}.intro{font-size:12px;line-height:1.7;margin-top:16px}.links{gap:8px 20px;margin-top:12px}.links a{font-size:10px;gap:12px}.hero-footer{font-size:7px;letter-spacing:.7px;gap:9px}.hero-footer>span{max-width:35%}.hero-footer a{gap:6px}.hero-footer a span{font-size:16px}.motion-control{font-size:9px;padding:8px 11px}.intro-section{padding:65px 0 52px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-grid p{font-size:13px}.tone-line{font-size:10px;margin-top:28px;gap:12px;padding-top:23px;flex-wrap:wrap}.section-label{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}h2{font-size:33px;letter-spacing:-1.6px}.section-head{display:block;margin-bottom:28px}.section-head .muted{font-size:12px;line-height:1.8;margin-top:20px}.feelings,.film-section{padding:58px 0}.feeling-grid{grid-template-columns:1fr;max-width:360px;margin:auto;gap:18px}.feeling-card{padding:16px 24px 24px}.feeling-card h3{font-size:30px}.film-placeholder{aspect-ratio:auto;min-height:255px;padding:30px 20px}.film-mark{font-size:32px}.status-label{font-size:18px}.film-placeholder p:last-child{font-size:12px}.film-note{font-size:10px}.collection{padding:62px 0}.emotion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.emotion{padding:7px 7px 13px}.emotion span{font-size:11px;gap:9px;margin:4px 4px 0}.emotion small{font-size:8px}.ending{padding:76px 8% 60px}.ending>p:not(.section-label){font-size:12px}.ending-link{font-size:11px}.review-note{font-size:9px}dialog{padding:20px}.dialog-help{font-size:9px}}
/* Type and spacing vary continuously with available height; the 560/780
   band boundaries change behavior, not the character or text scale abruptly. */
.copy{padding:12px 0}.eyebrow{line-height:1.4;margin-bottom:12px}h1{font-size:clamp(30px,min(4.8vw,calc(var(--available-height) * .085)),72px)}.intro{margin-top:16px}.links{margin-top:16px}
@media(max-width:760px){.copy{padding:5px 0}.eyebrow{font-size:clamp(8px,calc(var(--available-height) * .012),9px);margin-bottom:10px}h1{font-size:clamp(30px,min(12.5vw,calc(var(--available-height) * .059)),46px);letter-spacing:-1.8px}.intro{font-size:clamp(11px,calc(var(--available-height) * .0154),12px);line-height:1.7;margin-top:10px}.links{margin-top:10px}}
html[data-available-band="flow"] .hero{height:auto;min-height:var(--available-height);overflow:visible}html[data-available-band="flow"] .hero-body{min-height:420px}html[data-available-band="flow"] .actor-slot{min-height:220px}html[data-available-band="flow"] h1{font-size:30px}
@media(max-width:760px){html[data-available-band="flow"] .copy:before{left:max(-30px,-8%);right:max(-30px,-8%)}}
html[data-motion="paused"] .window-light,.hero.offscreen .window-light,.is-hidden .window-light{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.window-light{animation:none}.emotion{transition:none}.emotion:hover{transform:none}.experience.motion-enabled{height:auto!important}.experience.motion-enabled .hero{position:relative!important}.copy,.character-stage{transform:none!important;opacity:1!important;will-change:auto!important}}

/* Supplied external bottom obstruction: flow controls remain scroll-reachable. */
html[data-available-band="flow"] .experience{padding-bottom:var(--host-bottom-reserve)}

/* Private video review sits in normal flow; host geometry is unchanged. */
.review-player{max-width:960px;margin:auto;background:#fff9ef;border:1px solid #d9c9b1;border-radius:18px;padding:clamp(12px,3vw,28px);color:#3f3230}.review-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#211d19;border-radius:10px}.video-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.video-controls select,.video-controls button{font:inherit;color:inherit;background:#fff9ef;border:1px solid #8b7054;border-radius:8px;min-height:44px;padding:8px 14px;max-width:100%}.review-player summary{cursor:pointer;padding:14px 0;min-height:44px}.review-player :focus-visible{outline:3px solid #70502e;outline-offset:4px}#video-transcript{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}#video-status{font-size:.9rem;line-height:1.6}


#dialog-quality-note{max-width:32em;margin:12px auto;color:#68584c;font-size:13px;line-height:1.65;padding:0 16px}.collection-note{max-width:72ch}