:root{--paper:#f6f3ea;--ink:#0b0f1a;--night:#070b14;--gold:#f2b631;--ginkgo:#e9c45a;--forsythia:#ffd84a;--muted:#6c6a63;--serif-ko:"Noto Serif KR", serif;--serif-en:"Instrument Serif", serif;--sans:"Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--night)}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:hidden}a{color:inherit;text-decoration:none}.eyebrow{letter-spacing:.28em;color:var(--muted);font-size:12px;font-weight:500}.eyebrow.light{color:#fff9}.nav{z-index:50;color:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px);transition:opacity .5s;display:flex;position:fixed;inset:0 0 auto}.nav.on{opacity:1;pointer-events:auto}.logo{font-family:var(--serif-en);font-size:28px;line-height:1}.logo sup{font-family:var(--serif-ko);vertical-align:top;margin-left:3px;font-size:11px}.nav nav{gap:32px;font-size:14px;font-weight:500;display:flex}.nav-cta{font-size:14px;font-weight:600}@media (width<=760px){.nav nav{display:none}}.btn{border-radius:999px;justify-content:center;align-items:center;height:52px;padding:0 26px;font-size:15px;font-weight:700;transition:transform .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-light{color:var(--ink);background:#fff}.btn-ghost{color:#fff;border:1px solid #ffffff73}.btn-dark{background:var(--ink);color:#fff;height:60px;padding:0 34px;font-size:16px}.hero{height:260vh;position:relative}.hero-pin{height:100vh;position:sticky;top:0;overflow:hidden}.hero-paper{z-index:5;background:var(--paper);flex-direction:column;justify-content:center;padding:clamp(20px,4vw,56px);display:flex;position:absolute;inset:0;box-shadow:0 30px 80px #00000073}.hero-hanja{font-family:var(--serif-ko);letter-spacing:-.02em;color:var(--ink);transform-origin:0;font-size:clamp(140px,34vw,460px);font-weight:900;line-height:.9}.hero-meta{letter-spacing:.3em;justify-content:space-between;margin-top:6vh;font-size:11px;font-weight:600;display:flex}.hero-rule{background:var(--gold);transform-origin:0 0;height:1px;margin-top:12vh}.hero-night{color:#fff;background:linear-gradient(#03050d 0%,#08102a 50%,#101a3c 100%);position:absolute;inset:0;overflow:hidden}.curtain{filter:blur(40px)saturate(1.2);position:absolute;inset:-20%}.curtain i{mix-blend-mode:screen;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.curtain i:first-child{background:radial-gradient(closest-side,#fff6dc,#ffd45a 45%,#f2b63100);width:46vw;height:70vh;bottom:8%;right:10%}.curtain i:nth-child(2){background:radial-gradient(closest-side,#ffe28ce6,#f2961e00);width:30vw;height:90vh;animation-duration:18s;top:10%;right:28%}.curtain i:nth-child(3){background:radial-gradient(closest-side,#7896ff8c,#283ca000);width:38vw;height:60vh;animation-duration:16s;bottom:0;left:8%}.curtain i:nth-child(4){background:radial-gradient(closest-side,#ffffffd9,#ffdc7800);width:22vw;height:50vh;animation-duration:11s;top:18%;right:4%}.curtain i:nth-child(5){background:radial-gradient(closest-side,#ffc85a99,#ffaa2800);width:26vw;height:40vh;animation-duration:20s;bottom:10%;left:36%}.hero-night:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,#03050db8 0,#03050d40 10px,#ffffff0f 30px,#ffffff24 38px,#03050d59 52px,#03050db8 64px);position:absolute;inset:0}.hero-night:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#03050dd9 0%,#03050d00 35% 70%,#03050d99 100%);position:absolute;inset:0}.glass{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-night.gl .curtain,.hero-night.gl:before{display:none}.cursor-light{mix-blend-mode:screen;will-change:transform;background:radial-gradient(closest-side,#fff 0%,#fff1c4 22%,#ffcf4a 48%,#f2aa2859 70%,#f2aa2800 100%);border-radius:50%;width:44vw;height:44vw;margin:-22vw 0 0 -22vw;position:absolute;top:0;left:0}@keyframes drift{0%{transform:translate(-4%,3%)scale(.95)}to{transform:translate(5%,-4%)scale(1.08)}}.hero-word{font-family:var(--serif-en);color:#fdf8ea;z-index:2;white-space:nowrap;font-size:clamp(120px,26vw,420px);font-style:italic;line-height:1;position:absolute;top:-6vw;left:3vw}.hero-eyebrow{z-index:3;letter-spacing:.3em;color:#ffffffa6;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:46vh;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.hero-title{z-index:3;letter-spacing:-.04em;font-size:clamp(36px,5.6vw,84px);font-weight:800;position:absolute;top:calc(46vh + 34px);left:clamp(20px,4vw,56px)}.hero-foot{z-index:3;border-top:1px solid #ffffff2e;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:28px;display:flex;position:absolute;bottom:7vh;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.hero-foot p{color:#ffffffb3;font-size:16px;line-height:1.7}.hero-btns{gap:10px;display:flex}.name{background:#f7f2e2;height:130vh;position:relative;overflow:hidden}.mosaic{width:100%;height:100%;display:block;position:absolute;inset:0}.name-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-radius:28px;width:min(460px,100% - 32px);padding:36px 36px 32px;position:absolute;top:50%;left:clamp(16px,4vw,56px);transform:translateY(-50%);box-shadow:0 30px 80px #1414282e}.name-hanja{font-family:var(--serif-ko);color:var(--ink);margin-top:18px;font-size:clamp(110px,12vw,170px);font-weight:900;line-height:1}.name-line{letter-spacing:-.04em;margin-top:18px;font-size:30px;font-weight:800}.name-rule{background:#ddd8c8;height:1px;margin:22px 0}.name-glyphs{color:var(--muted);letter-spacing:.1em;gap:28px;font-size:14px;display:flex}.name-glyphs b{font-family:var(--serif-ko);color:#b6820f;letter-spacing:0;vertical-align:-5px;margin-right:6px;font-size:30px}.name-note{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.7}.pill{background:#ffffffd9;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;position:absolute;top:12vh;right:clamp(16px,4vw,56px)}@media (hover:none){.pill{display:none}}.journey{background:var(--night);height:620vh;position:relative}.journey-pin{height:100vh;position:sticky;top:0;overflow:hidden}#city{width:100%;height:100%;display:block;position:absolute;inset:0}.journey-intro{color:#fff;z-index:3;position:absolute;top:16vh;left:clamp(20px,4vw,56px)}.journey-intro h2{letter-spacing:-.045em;text-shadow:0 10px 40px #00000080;margin-top:22px;font-size:clamp(40px,6vw,92px);font-weight:800;line-height:1.08}.tags{pointer-events:none;z-index:2;position:absolute;inset:0}.tag{color:#fff;white-space:nowrap;background:#090e1cd1;border:1px solid #f2b63173;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .3s;position:absolute;transform:translate(-50%,-100%)}.stop-card{z-index:4;min-width:260px;max-width:340px;color:var(--ink);opacity:0;pointer-events:none;background:linear-gradient(160deg,#f2b631f5,#c48010f5);border:2px solid #ffe9a8;border-radius:14px;padding:16px 18px;transition:opacity .35s;position:absolute;transform:translate(-10%,-120%);box-shadow:0 20px 60px #f2b63159}.stop-card.on{opacity:1}.sc-top{letter-spacing:.1em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.sc-year{border:1px solid #0b0f1a66;border-radius:6px;padding:1px 6px}.sc-title{letter-spacing:-.04em;margin-top:6px;font-size:40px;font-weight:900;line-height:1.05}.sc-en{font-family:var(--serif-en);opacity:.75;border-bottom:1px solid #0b0f1a4d;margin-top:2px;padding-bottom:8px;font-size:16px;font-style:italic}.sc-sub{margin-top:8px;font-size:13px;font-weight:600}.journey-foot{z-index:3;color:#fff;position:absolute;bottom:6vh;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.jf-kicker{letter-spacing:.3em;color:var(--gold);font-size:11px;font-weight:700}.jf-title{letter-spacing:-.04em;color:#ffffffe0;margin-top:8px;font-size:clamp(30px,3.6vw,52px);font-weight:800}.jf-track{margin-top:18px}.jf-line{background:#ffffff2e;height:2px;position:relative}.jf-line i{background:var(--gold);width:0;box-shadow:0 0 12px var(--gold);position:absolute;inset:0 auto 0 0}.jf-dots{color:#ffffffb3;justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.values{background:#06070c;height:360vh;position:relative}.values-pin{color:#fff;height:100vh;position:sticky;top:0;overflow:hidden}#waves{width:100%;height:100%;display:block;position:absolute;inset:0}.values-eyebrow{position:absolute;top:96px;left:clamp(20px,4vw,56px)}.value-stage{place-items:center;display:grid;position:absolute;inset:0}.value{text-align:center;opacity:0;position:absolute;transform:translateY(40px)}.v-word{letter-spacing:-.06em;text-shadow:0 20px 80px #0009;font-size:clamp(110px,20vw,300px);font-weight:900;line-height:1}.v-en{font-family:var(--serif-en);color:#ffffffbf;margin-top:8px;font-size:clamp(28px,3vw,46px);font-style:italic}.v-hanja{font-family:var(--serif-ko);letter-spacing:.5em;color:#ffffff80;margin-top:14px;font-size:15px}.values-tabs{color:#ffffff73;border-top:1px solid #ffffff26;justify-content:space-between;padding-top:14px;font-size:13px;display:flex;position:absolute;bottom:5vh;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.values-tabs span.on{color:#fff;font-weight:700}.values-note{color:#ffffff73;letter-spacing:.1em;font-size:12px;position:absolute;top:96px;right:clamp(20px,4vw,56px)}.names{background:#f4f1e8;height:420vh;position:relative}.names-pin{height:100vh;padding:96px clamp(20px,4vw,56px) 0;position:sticky;top:0;overflow:hidden}.names-title{letter-spacing:-.045em;z-index:3;margin-top:14px;font-size:clamp(40px,5.4vw,80px);font-weight:800;line-height:1.08;position:relative}.names-arcs{z-index:1;width:100%;height:62vh;position:absolute;inset:22vh 0 auto}.names-arcs path{fill:none;stroke:var(--gold);stroke-width:2px;vector-effect:non-scaling-stroke}.ring{perspective:1400px;z-index:2;cursor:grab;touch-action:pan-y;height:50vh;position:absolute;top:30vh;left:0;right:0}.ring:active{cursor:grabbing}.ncard{color:#fff;will-change:transform;background:linear-gradient(170deg,#f7d878 0%,#e0a92a 55%,#b77c10 100%);border-radius:6px;width:clamp(200px,19vw,280px);height:100%;margin-left:calc(clamp(200px,19vw,280px)/-2);padding:18px;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 30px 60px #78500040}.ncard.dark{background:linear-gradient(170deg,#2a3150 0%,#121829 70%)}.nc-top{letter-spacing:.12em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.nc-top span:last-child{border:1px solid #fff9;border-radius:999px;padding:2px 8px}.nc-year{font-family:var(--serif-en);opacity:.55;margin-top:10px;font-size:clamp(64px,7vw,104px);font-style:italic;line-height:1}.nc-name{letter-spacing:-.04em;font-size:clamp(22px,2.1vw,30px);font-weight:800;line-height:1.15;position:absolute;bottom:46px;left:18px;right:18px}.nc-note{opacity:.85;font-size:12px;position:absolute;bottom:18px;left:18px;right:18px}.names-foot{z-index:3;border-top:1px solid #d9d3c2;justify-content:space-between;align-items:baseline;padding-top:14px;display:flex;position:absolute;bottom:5vh;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.nf-name b{letter-spacing:-.03em;font-size:26px;font-weight:800}.nf-name em{font-family:var(--serif-en);color:#b6820f;margin:0 12px;font-size:24px}.nf-name span{color:var(--muted);font-size:14px}.nf-hint{letter-spacing:.3em;color:var(--muted);font-size:11px}.finale{background:#f2b631;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.rays{filter:blur(10px);background:repeating-conic-gradient(at 50% 60%,#fff0 0deg 4deg,#ffffffbf 5deg 6.5deg,#fff0 7.5deg 11deg),radial-gradient(60% 55% at 50% 60%,#fff 0%,#fff6d8 30%,#ffd84a 62%,#e0a21f 85%,#b77c10 100%);animation:18s linear infinite alternate rays;position:absolute;inset:-20%}@keyframes rays{0%{transform:rotate(-3deg)scale(1.05)}to{transform:rotate(3deg)scale(1.1)}}.finale-inner{text-align:center;z-index:2;position:relative}.finale h2{letter-spacing:-.05em;color:var(--ink);margin-bottom:36px;font-size:clamp(40px,6vw,92px);font-weight:900;line-height:1.12}.finale-foot{color:var(--ink);z-index:2;justify-content:space-between;align-items:center;font-size:13px;display:flex;position:absolute;bottom:54px;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.ff-mark{font-family:var(--serif-ko);font-size:22px;font-weight:900}.credit{text-align:center;color:#0b0f1aa6;z-index:2;padding:0 16px;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.credit a,.credit-by a{text-decoration:underline}.credit-by{text-align:center;color:var(--ink);z-index:2;padding:0 16px;font-size:13px;font-weight:600;position:absolute;bottom:34px;left:0;right:0}.finale-foot{bottom:72px}@media (width<=760px){.name-card{padding:26px;top:auto;bottom:6vh;transform:none}.stop-card{min-width:220px}.sc-title{font-size:30px}.finale-foot{font-size:11px}.hero-eyebrow span:last-child{display:none}.ncard{width:62vw;margin-left:-31vw}.names-foot{display:block}.nf-name span{margin-top:4px;display:block}.nf-hint{display:none}}@media (prefers-reduced-motion:reduce){.curtain i,.rays{animation:none}}