:root{color-scheme:dark;--ink:#f5f8fd;--muted:#bec8d6;--gold:#f4d786;--blue:#9fc4ff;--glass:rgba(10,25,43,.58);--line:rgba(232,240,251,.18);--ease:cubic-bezier(.22,.72,.18,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071322}body{font-family:"Pretendard","Inter","Segoe UI","Malgun Gothic",sans-serif;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button,input,summary{font:inherit}button,a,summary{-webkit-touch-callout:none}button{color:inherit}a{color:inherit}button,summary{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button svg,a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.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}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;background:#fff;color:#09182a;transform:translateY(-160%)}.skip-link:focus{transform:none}
.journey{position:relative;isolation:isolate;width:100%;min-height:780px;height:100svh;overflow:hidden}.scene-stack{position:absolute;inset:0;z-index:-2;background:#091a2c;overflow:hidden}.scene{position:absolute;inset:-2%;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0;transform:scale(1.09);filter:brightness(.95) saturate(.94);transition:opacity 1.25s ease,transform 1.9s var(--ease);will-change:transform,opacity}.scene.is-current{opacity:1;transform:scale(1)}.scene.is-leaving{opacity:0;transform:scale(1.35) translate(-2%,1%)}.scene--earth{background-image:url("/assets/journey/earth-original.webp");background-position:center 47%;transform-origin:59% 38%}.scene--city{background-image:url("/assets/journey/city-selected.webp");transform-origin:53% 47%}.scene--district{background-image:url("/assets/journey/district-selected.webp");transform-origin:52% 53%}.scene--neighborhood{background-image:url("/assets/journey/neighborhood-seoknam.webp");transform-origin:54% 56%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,24,.84),rgba(3,12,24,.50) 35%,rgba(3,12,24,.12) 65%,rgba(3,12,24,.29)),linear-gradient(0deg,rgba(3,12,24,.7),transparent 45%,rgba(3,12,24,.18));transition:opacity 1.2s ease}.scene-vignette{position:absolute;inset:0;box-shadow:inset 0 0 150px 35px rgba(1,9,22,.18);pointer-events:none}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 5.7vw;position:relative;z-index:10}.brand{display:block;line-height:0}.brand img{display:block;width:236px;height:60px;object-fit:contain;object-position:left center}.header-actions{display:flex;gap:22px;align-items:center}.preview-label{font-size:10px;letter-spacing:.13em;color:#ccd6e6}.home-button{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(11,25,43,.25);font-size:11px;backdrop-filter:blur(10px)}.home-button svg{width:15px;height:15px}.home-button:hover{background:rgba(27,50,77,.6);border-color:rgba(244,215,134,.55)}
.journey-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:6vw;margin:8vh 5.7vw 100px 8.2vw;height:calc(100svh - 320px);min-height:465px}.journey-copy{max-width:600px;align-self:center;padding:10px 0 40px}.eyebrow{font-size:10px;line-height:1.6;font-weight:750;letter-spacing:.22em;color:#e4edf8}.chapter{display:flex;align-items:center;gap:12px;margin:29px 0 16px;font-size:12px;letter-spacing:.08em;color:#c9d5e6}.chapter span{font-size:10px;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:3px}.journey-copy h1{margin:0;font-size:clamp(46px,5.1vw,75px);font-weight:750;letter-spacing:-.062em;line-height:1.18;text-wrap:balance;text-shadow:0 8px 35px rgba(0,8,18,.15)}.journey-copy h1:focus{outline:none}.journey-description{margin:25px 0 0;color:#d0dbea;font-size:16px;line-height:1.85;letter-spacing:-.025em}.copy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:31px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:54px;padding:16px 23px;border:1px solid rgba(221,235,255,.58);border-radius:4px;background:rgba(49,89,163,.84);text-decoration:none;font-size:13px;font-weight:750;box-shadow:0 1px 0 #f05c73,0 12px 30px rgba(1,9,26,.12);transition:background .2s,transform .2s,border-color .2s}.primary-button:hover{background:#3966b4;transform:translateY(-2px);border-color:#fff}.back-button{display:inline-flex;align-items:center;gap:7px;padding:12px 0;border:0;background:transparent;color:#d7e4f5;font-size:12px}.back-button:hover{color:var(--gold)}.back-button svg{width:17px;height:17px}.copy-note{margin:27px 0 0;color:#9cafc7;font-size:10px;line-height:1.7;letter-spacing:.04em}
.selection-panel,.arrival-panel{align-self:center;width:340px;padding:24px;border:1px solid rgba(223,236,255,.21);border-radius:10px;background:linear-gradient(145deg,rgba(17,37,61,.70),rgba(7,22,39,.57));backdrop-filter:blur(17px);box-shadow:0 20px 70px rgba(1,8,19,.20);max-height:calc(100svh - 220px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(179,199,225,.4) transparent}.selection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.panel-kicker{margin:0 0 10px;color:#aac6ef;font-size:8px;font-weight:750;letter-spacing:.18em}.selection-heading h2{font-size:20px;line-height:1.3;letter-spacing:-.045em;margin:0;font-weight:700}.selection-count{flex:none;margin-bottom:2px;font-size:10px;color:#aec9ee;border:1px solid rgba(173,203,244,.27);border-radius:99px;padding:4px 7px}.selection-description{margin:13px 0 19px;color:#b3c0d3;font-size:11px;line-height:1.7;letter-spacing:-.025em}.place-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.place-button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:58px;padding:11px 12px;border:1px solid rgba(191,211,240,.13);border-radius:5px;background:rgba(173,200,240,.035);text-align:left;transition:border-color .2s,background .2s,transform .2s}.place-name{font-size:13px;letter-spacing:-.025em;font-weight:650}.place-button small{font-size:8px;margin-top:5px;color:#93a5bf;line-height:1.4}.place-button:disabled{color:#93a4bd;background:rgba(100,136,179,.025);opacity:.6}.place-button.is-ready{border-color:rgba(244,215,134,.55);background:rgba(235,201,120,.095);color:#ffe5a1}.place-button.is-ready small{color:#e3d3b0}.place-button.is-ready .place-name{padding-right:12px}.place-button.is-ready:after{content:"↗";position:absolute;right:10px;top:12px;font-size:14px;color:#ffe2a0}.place-button.is-ready:hover{transform:translateY(-1px);border-color:#ffe1a2;background:rgba(244,215,134,.18)}.ready-note{display:flex;gap:7px;align-items:center;margin:17px 0 0;font-size:9px;color:#a8b9d1;line-height:1.6}.ready-dot{height:4px;width:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px rgba(244,215,134,.5);flex:none}.boundary-panel{margin-top:18px;border-top:1px solid rgba(183,207,239,.14)}.boundary-panel summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:14px 0 0;font-size:10px;color:#bdcde3}.boundary-panel summary::-webkit-details-marker{display:none}.boundary-panel summary span{font-size:14px;transition:transform .2s}.boundary-panel[open] summary span{transform:rotate(45deg)}.boundary-description,.boundary-help{font-size:9px;color:#99abc4;line-height:1.65;margin:12px 0}.boundary-map{height:225px;margin-top:12px;border:1px solid rgba(155,186,229,.16);border-radius:5px;overflow:hidden;background:linear-gradient(160deg,#132d45,#0b1e32)}.boundary-map svg{display:block;width:100%;height:100%}.boundary-feature{fill:#1e405b;stroke:#a0b6cc;stroke-width:1;vector-effect:non-scaling-stroke;fill-rule:evenodd;opacity:.33}.boundary-feature.is-ready{fill:#ddb865;stroke:#f8dfa4;opacity:.9;cursor:pointer}.boundary-feature.is-ready:hover,.boundary-feature.is-ready:focus{fill:#ffe2a0;stroke:white;outline:none;stroke-width:2}.boundary-map text{fill:#eff5fe;paint-order:stroke;stroke:#0b1a2e;stroke-width:3px;stroke-linejoin:round;font-size:10px;font-weight:700;pointer-events:none}.boundary-extent{display:block;width:100%;padding:9px 8px;border:1px solid rgba(164,190,223,.22);border-radius:3px;color:#bdd3f2;background:rgba(181,208,249,.045);font-size:9px}.boundary-extent:hover{border-color:#aac7ef}.arrival-panel{padding:28px}.arrival-panel h2{font-size:29px;line-height:1.45;letter-spacing:-.05em;margin:14px 0 17px}.arrival-panel>p:not(.panel-kicker){font-size:13px;color:#bfcee2;line-height:1.9;margin:0}.arrival-route{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:30px;padding-top:19px;border-top:1px solid var(--line);font-size:10px;color:#abbfd8}.arrival-route strong{font-weight:650;color:var(--gold)}
.journey-footer{position:absolute;z-index:15;bottom:27px;left:8.2vw;right:5.7vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#a5b8d1;font-size:10px;letter-spacing:.025em}.breadcrumb button{border:0;padding:6px 0;background:transparent;color:#bacfe8;font-size:10px}.breadcrumb button:hover{color:var(--gold)}.breadcrumb [aria-current]{color:#f6e0a6}.breadcrumb .separator{color:#657d9a;font-size:12px}.footer-meta{display:flex;gap:18px;align-items:center;flex:none}.illustration-label{color:#a5b7ce;font-size:9px;letter-spacing:.03em}.sources{position:relative}.sources summary{list-style:none;color:#b6c9e1;font-size:9px;padding:6px 0;text-decoration:underline;text-decoration-color:rgba(179,201,230,.4);text-underline-offset:4px}.sources summary::-webkit-details-marker{display:none}.sources-card{position:absolute;bottom:33px;right:0;width:350px;padding:22px;border:1px solid rgba(210,229,255,.25);border-radius:8px;background:rgba(9,25,45,.97);box-shadow:0 20px 60px rgba(0,7,19,.4);backdrop-filter:blur(12px);max-height:min(510px,75svh);overflow:auto}.sources-card h2{font-size:14px;margin:0 0 14px;letter-spacing:-.02em}.sources-card p{font-size:11px;line-height:1.85;color:#b9c9de;margin:12px 0}.sources-card a{color:#d1e2fb;text-underline-offset:3px}.sources-card .sources-small{font-size:9px;color:#99acc6;padding-top:10px;border-top:1px solid var(--line)}.progress-rail{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(191,213,241,.12)}.progress-rail span{display:block;height:100%;width:25%;background:linear-gradient(90deg,#d05067,#779fdc,#f1d483);transition:width 1.5s var(--ease)}body[data-stage=city] .progress-rail span{width:50%}body[data-stage=district] .progress-rail span{width:75%}body[data-stage=neighborhood] .progress-rail span{width:100%}.toast{position:fixed;z-index:50;bottom:70px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:calc(100% - 30px);width:max-content;padding:11px 17px;border:1px solid rgba(239,222,168,.3);border-radius:6px;background:rgba(14,31,49,.96);color:#f6dfac;font-size:12px;line-height:1.7;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.journey.is-busy .primary-button{opacity:.75;cursor:wait}body[data-stage=earth] .journey-layout{grid-template-columns:1fr}.journey-copy.is-changing{animation:copy-arrive .75s var(--ease) both}@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.scene.is-leaving.is-retreating{transform:scale(.85) translate(1%,-1%)}
@media(min-width:1650px){.journey-layout{grid-template-columns:minmax(0,1fr) 380px;margin-top:10vh;gap:12vw}.selection-panel,.arrival-panel{width:380px;padding:28px}.place-button{min-height:66px}}
@media(max-width:1100px){.site-header{padding:22px 4vw}.brand img{width:206px;height:53px}.journey-layout{margin-left:5vw;margin-right:4vw;grid-template-columns:minmax(0,1fr) 308px;gap:4vw}.selection-panel,.arrival-panel{width:308px;padding:20px}.journey-copy h1{font-size:clamp(39px,5vw,61px)}.journey-description{font-size:14px}.journey-footer{left:5vw;right:4vw}}
@media(max-height:820px) and (min-width:761px){.journey{height:100svh;min-height:660px}.site-header{padding-top:18px;padding-bottom:18px}.journey-layout{margin-top:2vh;height:calc(100svh - 220px);min-height:435px}.journey-copy{padding-bottom:15px}.chapter{margin-top:24px}.selection-panel,.arrival-panel{max-height:calc(100svh - 160px)}.place-button{min-height:52px;padding:9px 11px}.journey-copy h1{font-size:clamp(43px,4.8vw,64px)}.journey-description{margin-top:19px}.copy-actions{margin-top:25px}.journey-footer{bottom:22px}.ready-note{margin-top:14px}.boundary-panel{margin-top:13px}.selection-description{margin-bottom:15px}}
@media(max-width:760px){.journey{height:auto;min-height:100svh;padding-bottom:85px;overflow:clip}.site-header{padding:20px 22px;gap:12px}.brand img{width:168px;height:44px}.header-actions{gap:10px}.preview-label{font-size:8px;letter-spacing:.05em}.home-button{font-size:10px;padding:8px 10px}.home-button svg{width:12px;height:12px}.journey-layout,body[data-stage=earth] .journey-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin:4vh 25px 20px;height:auto;min-height:0}.journey-copy{width:100%;max-width:520px;padding:8px 0 0}.eyebrow{font-size:8px;letter-spacing:.19em}.chapter{margin:25px 0 14px;font-size:11px}.journey-copy h1{font-size:clamp(40px,10vw,65px);line-height:1.19}.journey-description{font-size:13px;line-height:1.8;margin-top:21px}.copy-actions{margin-top:24px;gap:17px}.primary-button{min-height:48px;padding:13px 18px;font-size:12px;gap:23px}.copy-note{margin-top:21px;font-size:9px;max-width:300px}.selection-panel,.arrival-panel{width:100%;max-height:none;border-radius:8px;padding:21px;align-self:stretch}.selection-heading h2{font-size:19px}.place-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.place-button{min-height:57px;padding:10px 9px}.place-name{font-size:12px}.place-button small{font-size:7px}.place-button.is-ready:after{right:6px;top:10px;font-size:11px}.selection-description{font-size:10px}.scene-shade{background:linear-gradient(90deg,rgba(3,12,24,.64),rgba(3,12,24,.30) 80%),linear-gradient(0deg,rgba(3,12,24,.73),rgba(3,12,24,.10) 70%,rgba(3,12,24,.14))}.scene--earth{background-position:60% center}.scene--city,.scene--district,.scene--neighborhood{background-position:57% center}.journey-footer{position:relative;bottom:auto;left:auto;right:auto;margin:35px 25px -50px;align-items:flex-start;gap:15px}.breadcrumb{gap:7px;font-size:9px;max-width:62%}.breadcrumb button{font-size:9px}.footer-meta{gap:10px;padding-top:5px;flex-wrap:wrap;justify-content:flex-end}.illustration-label,.sources summary{font-size:8px}.sources-card{width:min(350px,calc(100vw - 40px));right:-2px;bottom:31px;padding:20px}.arrival-panel{padding:24px}.arrival-panel h2{font-size:24px}.arrival-panel>p:not(.panel-kicker){font-size:12px}.arrival-route{margin-top:20px}body[data-stage=earth] .journey-layout{min-height:calc(100svh - 270px);justify-content:center;margin-top:0}body[data-stage=earth] .journey-copy{padding-bottom:25px}body[data-stage=earth] .journey-footer{margin-top:0}.boundary-map{height:255px}}
@media(max-width:390px){.site-header{padding-left:18px;padding-right:18px}.brand img{width:148px;height:39px}.preview-label{display:none}.journey-layout{margin-left:20px;margin-right:20px}.selection-panel{padding:17px}.place-list{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-footer{margin-left:20px;margin-right:20px}.journey-copy h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.scene{transform:none!important}.scene.is-leaving{transform:none!important}}
.arrival-panel{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.arrival-panel:hover{border-color:var(--gold);box-shadow:0 22px 65px rgba(0,0,0,.3),0 0 0 1px rgba(242,211,142,.2)}
.arrival-panel:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.arrival-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;color:var(--gold);font-size:13px;font-weight:650}
.arrival-action>span{font-size:22px;line-height:1}

.earth-hotspot{position:absolute;z-index:3;left:62%;top:44%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(7,16,21,.18);color:#fff;transform:translate(-22px,-22px);transform-origin:22px 22px;text-shadow:0 2px 12px #071322;cursor:pointer}.earth-hotspot:hover{background:rgba(7,16,21,.45)}.earth-hotspot__dot{position:relative;width:13px;height:13px;border-radius:50%;background:#ffd35c;box-shadow:0 0 0 7px rgba(255,211,92,.16),0 0 36px 15px rgba(255,190,48,.6)}.earth-hotspot__dot:before,.earth-hotspot__dot:after{content:"";position:absolute;inset:-11px;border:1px solid rgba(255,211,92,.75);border-radius:50%;animation:earth-hotspot-pulse 2.3s ease-out infinite}.earth-hotspot__dot:before{animation-delay:1.1s}.earth-hotspot__label{position:absolute;left:43px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:999px;background:rgba(7,16,21,.3);white-space:nowrap;font-size:11px;font-weight:750;letter-spacing:.14em}.earth-hotspot__label>span{color:var(--gold);font-size:16px;letter-spacing:0}.earth-hotspot.is-label-left .earth-hotspot__label{left:auto;right:43px}.earth-hotspot:hover .earth-hotspot__label{background:rgba(7,16,21,.6)}@keyframes earth-hotspot-pulse{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.8);opacity:0}}
@media(max-width:760px){body[data-stage=earth] .journey-copy h1{margin-bottom:62px}}

/* Homepage language navigation; source preview styles stay untouched. */
.lang-select{max-width:104px;min-height:36px;padding:8px 26px 8px 10px;border:1px solid rgba(222,237,255,.27);border-radius:999px;background:rgba(11,25,43,.38);color:#e7f1ff;font-size:11px;cursor:pointer}.lang-select option{color:#152a43;background:#fff}.lang-select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.header-story-link{color:#d5e1f2;text-decoration:none;font-size:10px;font-weight:650;letter-spacing:.08em}.header-story-link:hover{color:var(--gold)}.brand picture{display:block}html:lang(en) .journey-copy h1{font-size:clamp(41px,4.4vw,66px);letter-spacing:-.055em}.place-button small{font-size:9px}.place-button:disabled small{font-size:8px}
@media(max-width:760px){.header-actions{gap:8px}.header-story-link{display:none}.lang-select{font-size:10px;padding:7px 22px 7px 9px;min-height:32px}.home-button{padding:8px;gap:5px}.site-header{gap:9px}html:lang(en) .journey-copy h1{font-size:clamp(37px,9.6vw,58px)}.place-button small{font-size:8px}}
@media(max-width:390px){.brand img{width:126px;height:39px}.lang-select{max-width:81px}.home-button svg{display:none}.home-button{font-size:9px}}