:root{--abyss:#070a12;--navy:#0b0e1a;--pearl:#f2efe6;--dawn:#e8b44a;--mist:#58c6b2;--dim:rgba(242,239,230,.62);--faint:rgba(242,239,230,.28);--line:rgba(242,239,230,.12)}
*{box-sizing:border-box}
html{background:var(--abyss);scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% 2%,#151a2b 0,var(--abyss) 24%);color:var(--pearl);font-family:'Noto Sans KR',sans-serif;font-weight:300;overflow-x:hidden}
.record-progress{position:fixed;z-index:30;top:0;left:0;right:0;height:2px;background:rgba(242,239,230,.04);pointer-events:none}.record-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--mist),var(--dawn));will-change:transform}
.record-rail{position:fixed;z-index:18;left:clamp(14px,2.5vw,34px);top:50%;display:grid;gap:16px;transform:translateY(-50%);color:var(--faint);font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl}.record-rail a{color:rgba(242,239,230,.52);text-decoration:none}.record-rail b{color:var(--dawn);font-weight:400}
#story{width:100%}
.story-hero{min-height:calc(100svh - 86px);display:grid;place-content:center;text-align:center;padding:13vh 26px 12vh}
.archive-number{margin:0 0 52px;color:var(--faint);font-size:9px;letter-spacing:.34em}.story-hero .kicker{color:var(--dawn);font-size:10px;letter-spacing:.42em;margin:0 0 20px}.story-hero h1{font:700 clamp(42px,9vw,78px)/1.26 'Gowun Batang',serif;margin:0}.story-lead{width:calc(100vw - 52px);max-width:540px;margin:34px auto 0;color:var(--dim);font:400 clamp(15px,2.2vw,18px)/2.05 'Gowun Batang',serif;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-wrap:balance}
.record-meta{display:grid;grid-template-columns:repeat(4,1fr);width:min(720px,86vw);margin:52px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.record-meta div{padding:18px 12px}.record-meta dt{color:var(--faint);font-size:8px;letter-spacing:.15em}.record-meta dd{margin:8px 0 0;color:rgba(242,239,230,.72);font-size:9px;letter-spacing:.08em}.original-note{margin:22px auto 0;color:var(--faint);font-size:10px;line-height:1.7}.scroll-mark{display:block;width:1px;height:60px;margin:48px auto 0;background:rgba(242,239,230,.08);overflow:hidden}.scroll-mark i{display:block;width:100%;height:50%;background:var(--dawn);animation:mark 2.4s ease-in-out infinite}
.chapter{min-height:68svh;display:grid;place-content:center;text-align:center;padding:19vh 24px 15vh;background:radial-gradient(circle,rgba(88,198,178,.055),transparent 48%)}.chapter span{color:var(--mist);font-size:10px;letter-spacing:.45em}.chapter h2{font:400 clamp(28px,6vw,48px)/1.5 'Gowun Batang',serif;margin:18px 0 0}
.scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding:8vh 0 18vh;scroll-margin-top:112px}.scene-copy{width:min(82vw,580px);margin:0 auto 7vh;position:relative;z-index:2}.scene-copy>span{color:var(--dawn);font-size:9px;letter-spacing:.28em}.scene-copy h3{font:700 clamp(23px,5vw,36px)/1.5 'Gowun Batang',serif;margin:12px 0 24px}.scene-copy p{font:400 clamp(15px,2.6vw,18px)/2.1 'Gowun Batang',serif;color:var(--dim);margin:0 0 10px}.scene figure{width:min(100%,941px);margin:0;position:relative;background:#090c15}.scene figure:after{content:'';position:absolute;inset:-1px;background:linear-gradient(var(--abyss),transparent 7%,transparent 91%,var(--abyss));pointer-events:none}.scene img{display:block;width:100%;height:auto;filter:saturate(.88) contrast(1.025)}.scene blockquote{width:min(80vw,620px);margin:12vh auto 0;padding:0;text-align:center;color:var(--pearl);font:400 clamp(19px,4vw,30px)/2 'Gowun Batang',serif;quotes:none}.scene blockquote:before{content:'·';display:block;color:var(--dawn);font-size:22px;margin-bottom:28px}.scene-quiet{padding-top:18vh;padding-bottom:28vh}.scene-quiet figure{width:min(78vw,720px)}.scene-intimate figure{width:min(88vw,820px)}.scene-action .scene-copy{margin-bottom:4vh}.scene-action figure{width:min(100%,1100px)}.scene-wide figure{width:100%;max-width:1180px}
.story-end{min-height:92svh;display:grid;place-content:center;text-align:center;padding:18vh 28px}.story-end>span{font-size:58px;color:var(--dawn);font-weight:200}.story-end p{max-width:560px;color:var(--dim);font:400 clamp(16px,3vw,22px)/2 'Gowun Batang',serif;white-space:pre-line}.story-end a{display:flex;justify-content:space-between;align-items:center;width:min(360px,80vw);margin:52px auto 0;padding:18px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:rgba(242,239,230,.7);font-size:9px;letter-spacing:.18em;text-decoration:none}.story-end a i{color:var(--dawn);font-style:normal;font-size:16px}
@media(min-width:900px){.scene-copy{transform:translateX(-13vw)}.scene:nth-of-type(even) .scene-copy{transform:translateX(13vw)}.scene figure{border-left:1px solid rgba(242,239,230,.05);border-right:1px solid rgba(242,239,230,.05)}}
@media(max-width:700px){.record-rail{left:auto;right:12px;top:12px;bottom:auto;display:flex;writing-mode:horizontal-tb;transform:none;padding:8px 11px;border:1px solid rgba(242,239,230,.09);border-radius:999px;background:rgba(7,10,18,.72);backdrop-filter:blur(12px)}body.tae-site-page .record-rail{top:98px}.record-rail>a,.record-rail>span{display:none}.story-hero{min-height:calc(100svh - 86px)}.archive-number{margin-bottom:38px}.record-meta{grid-template-columns:1fr 1fr}.record-meta div{padding:14px 8px}.scene-copy{width:min(84vw,580px)}}
@media(prefers-reduced-motion:no-preference){.scene img{opacity:.22;transform:translateY(34px);transition:opacity .85s,transform 1.1s}.scene img.is-loaded{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@keyframes mark{0%{transform:translateY(-110%);opacity:0}30%{opacity:1}70%{opacity:1}100%{transform:translateY(210%);opacity:0}}