@font-face{font-family:Pretendard;src:url('./assets/fonts/PretendardVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#fffcfc;--ink:#311317;--muted:#695b5b;--rule:#d9cdcd;--section-rule:#aa9699;--serif-optical-inset:-.06em;--accent:#3d5544;--sans:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:"Noto Serif KR",Georgia,serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;scrollbar-gutter:stable}
html[data-page="home"]{scroll-snap-type:y mandatory}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button:active,a:active{opacity:.65}::selection{background:#e7dfd2;color:var(--ink)}
.skip-link{position:fixed;z-index:20;left:16px;top:12px;padding:12px 18px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{position:fixed;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:minmax(160px,1fr) minmax(440px,1.86fr) 44px;gap:26px;align-items:start;padding:16px 16px 40px;background:linear-gradient(var(--paper) 58%,rgb(255 252 252 / 0));pointer-events:none}.header>*{pointer-events:auto}
.wordmark{border-top:1px solid var(--ink);padding-top:9px;font-size:35px;line-height:1;letter-spacing:-.065em;font-weight:440;display:flex;align-items:baseline;gap:7px}.wordmark span{font-size:20px;letter-spacing:-.045em;font-weight:370}
.header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.header nav a{border-top:1px solid var(--ink);text-align:left;padding:10px 0 12px;font-size:16px;line-height:1.5;min-height:44px}.language{border-top:1px solid var(--ink);padding:10px 0 12px;font-size:13px;display:flex;justify-content:space-between;gap:7px;min-height:44px}
.home-story:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.illustration{position:fixed;inset:0 auto auto 0;width:50%;height:100svh;overflow:hidden;pointer-events:none}.illustration img{display:block;width:calc(100% - 50px);height:auto;margin:100px 25px 0;will-change:transform}
.story-copy{position:relative;margin-left:50%;width:50%}.story-scene{min-height:540px;height:100svh;display:flex;align-items:center;padding:100px 32px 100px 0;scroll-snap-align:start}.scene-content{width:min(100%,464px);display:flex;flex-direction:column;align-items:flex-start;gap:24px;text-align:start}.scene-content h1,.scene-content h2{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.4;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;margin:0}.scene-content h1 span,.scene-content h2 span{display:block}
.research-link{display:inline-flex;align-items:center;gap:6px;border-top:1px solid var(--ink);margin:0;padding:8px 0 12px;font-size:16px;line-height:1.5;min-height:44px}.arrow{display:inline-block;transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.noscript-message{padding:24px 30px;background:var(--paper);font-size:16px}.noscript-message a{text-decoration:underline}


/* Optical alignment compensates for the Korean serif glyph sidebearing. */
html[lang=ko] .scene-content :is(h1,h2){margin-inline-start:var(--serif-optical-inset)}
html[lang=en] .scene-content h1,html[lang=en] .scene-content h2{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.3}
@media(hover:hover) and (pointer:fine){.header nav a:hover,.language:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.research-link:hover .arrow{transform:translate(2px,-2px)}}
@media(min-width:1700px){.scene-content{width:520px}.scene-content h1,.scene-content h2{font-size:40px}}
@media(max-width:991px){html[data-page="home"]{scroll-snap-type:none}.header{grid-template-columns:1fr 44px;gap:20px 24px;padding:16px 20px 30px}.wordmark{font-size:32px}.wordmark span{font-size:20px}.header nav{grid-row:2;grid-column:1/-1;gap:16px}.header nav a{font-size:14px;padding-block:9px}.language{grid-column:2;grid-row:1}.illustration{position:relative;width:100%;height:58svh;min-height:360px;margin-top:130px}.illustration img{width:100%;height:100%;margin:0;object-fit:contain;transform:none!important;will-change:auto}.story-copy{margin-left:0;width:100%}.story-scene{height:auto;min-height:0;padding:38px 28px 70px}.scene-content{width:100%;max-width:520px}.scene-content h1,.scene-content h2{font-size:clamp(28px,4.5vw,36px)}.story-scene+.story-scene{border-top:1px solid var(--rule);margin-inline:28px;padding-inline:0}}

@media(prefers-reduced-motion:reduce){html[data-page="home"]{scroll-snap-type:none}*,*::before,*::after{transition:none!important}.illustration img{transform:none!important;will-change:auto}@media(min-width:992px){.illustration img{width:100%;height:calc(100svh - 160px);object-fit:contain;margin:80px 0 0}}}