:root{--ink:#17242c;--ink-soft:#405059;--route:#bb4d36;--route-dark:#8f3525;--paper:#fff1dc;--paper-light:#fffaf0;--paper-deep:#edd9be;--line:#17242c2e;--line-strong:#17242c61;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Noto Serif KR", "Nanum Myeongjo", Georgia, serif;--body:Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Inter, system-ui, sans-serif;--max-width:1220px;--page-pad:clamp(1.25rem, 4vw, 3.5rem);color:var(--ink);background:var(--paper-light);font-family:var(--body);font-synthesis:none;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{min-width:320px;color:var(--ink);background:linear-gradient(#bb4d3609 1px, transparent 1px), linear-gradient(90deg, #bb4d3609 1px, transparent 1px), var(--paper-light);text-rendering:optimizelegibility;background-size:32px 32px;margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--route);outline-offset:4px;border-radius:2px}.skip-link{z-index:100;min-height:44px;color:var(--paper-light);background:var(--ink);padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#fffaf0f0;position:sticky;top:0}.header-inner,.footer-grid,.footer-bottom,.section-inner,.page-shell{width:min(calc(100% - (var(--page-pad) * 2)), var(--max-width));margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:76px;display:flex}.wordmark{align-items:center;gap:.8rem;min-height:44px;text-decoration:none;display:inline-flex}.wordmark-text{font-family:var(--display);letter-spacing:-.02em;font-size:1.16rem}.wordmark-text strong{color:var(--route);font-weight:700}.route-mark{border-top:4px solid var(--route);border-right:4px solid var(--route);width:33px;height:29px;display:block;position:relative}.route-mark:before,.route-mark:after,.route-mark span{content:"";background:var(--route);display:block;position:absolute}.route-mark:before{width:22px;height:4px;top:9px;right:0}.route-mark:after{width:4px;height:13px;top:9px;left:7px}.route-mark span{width:26px;height:4px;bottom:3px;left:7px}.nav-list,.footer-links,.breadcrumb-list,.tag-list,.route-list,.fact-list{margin:0;padding:0;list-style:none}.nav-list{align-items:center;gap:clamp(.2rem,2vw,1.65rem);display:flex}.nav-list a{min-height:44px;color:var(--ink-soft);align-items:center;padding:.45rem .4rem;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex}.nav-list a:hover{color:var(--route)}main{overflow:clip}.hero{border-bottom:1px solid var(--line);position:relative}.hero:after{right:max(var(--page-pad), calc((100vw - var(--max-width)) / 2));content:"";background:var(--route);width:min(28vw,360px);height:9px;position:absolute;bottom:-1px}.hero-grid{width:min(calc(100% - (var(--page-pad) * 2)), var(--max-width));grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:min(760px,100vh - 76px);margin-inline:auto;padding-block:clamp(4.5rem,10vw,8.5rem);display:grid}.eyebrow,.section-number,.footer-label,.folio-label,.card-meta,.route-mode{color:var(--route);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hero h1,.page-title,.section-title,.card-title,.folio-title,.route-title{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:600;line-height:1.08}.hero h1{max-width:13ch;margin-top:1rem;font-size:clamp(3.35rem,8.3vw,7.8rem)}.hero h1 em{color:var(--route);font-style:italic}.hero-lede{max-width:48rem;color:var(--ink-soft);word-break:keep-all;margin:2rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2.2rem;display:flex}.button-link{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper-light);justify-content:center;align-items:center;padding:.75rem 1.15rem;font-size:.91rem;font-weight:750;text-decoration:none;display:inline-flex}.button-link.secondary{color:var(--ink);background:0 0}.button-link:hover{border-color:var(--route);background:var(--route);color:#fff}.route-poster{border:1px solid var(--line-strong);background:var(--paper);min-height:390px;padding:2rem;position:relative;box-shadow:20px 20px #bb4d3617}.route-poster:before{border-top:9px solid var(--route);border-right:9px solid var(--route);content:"";position:absolute;inset:2rem}.route-poster:after{border-bottom:9px solid var(--route);border-left:9px solid var(--route);content:"";width:65%;height:42%;position:absolute;top:9rem;right:2rem}.poster-copy{z-index:2;background:var(--ink);max-width:13rem;color:var(--paper-light);padding:1.15rem;position:absolute;bottom:3.3rem;right:3.2rem}.poster-copy span{color:var(--paper-deep);letter-spacing:.12em;font-size:.7rem;font-weight:800;display:block}.poster-copy strong{font-family:var(--display);margin-top:.45rem;font-size:1.55rem;line-height:1.2;display:block}.content-section{border-bottom:1px solid var(--line);padding-block:clamp(4.5rem,9vw,8rem)}.section-heading{grid-template-columns:1fr minmax(260px,.55fr);align-items:end;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.section-title{max-width:16ch;margin-top:.65rem;font-size:clamp(2.3rem,5vw,4.8rem)}.section-intro{color:var(--ink-soft);word-break:keep-all;margin:0;line-height:1.8}.method-grid,.journey-grid,.region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.method-card,.journey-card,.region-card{border:1px solid var(--line);background:#fff1dca3;padding:clamp(1.35rem,3vw,2rem);position:relative}.method-card{min-height:250px}.method-card:before{content:"";background:var(--route);width:42px;height:7px;margin-bottom:2.5rem;display:block}.method-card h3,.region-card h3{font-family:var(--display);margin:0;font-size:1.65rem;line-height:1.2}.method-card p,.region-card p,.journey-card p{color:var(--ink-soft);margin:1rem 0 0}.journey-card,.region-card{flex-direction:column;min-height:300px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.journey-card:hover,.region-card:hover{border-color:var(--route);transform:translate(-3px,-3px);box-shadow:9px 9px #bb4d361f}.card-title{margin-top:1.2rem;font-size:clamp(1.65rem,3vw,2.3rem)}.card-link{min-height:44px;color:var(--route-dark);justify-content:space-between;align-items:end;gap:1rem;margin-top:auto;padding-top:1.5rem;font-weight:750;text-decoration:none;display:inline-flex}.card-link:after{content:"→";font-size:1.45rem}.publication-note{border:1px solid var(--line-strong);background:var(--ink);min-height:270px;color:var(--paper-light);text-align:center;place-items:center;padding:clamp(2rem,5vw,4rem);display:grid}.publication-note p{max-width:42rem;font-family:var(--display);word-break:keep-all;margin:0;font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.45}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(125deg,#fff1dcd1,#fffaf066);padding-block:clamp(4.25rem,9vw,8rem) clamp(3.25rem,7vw,6rem)}.page-title{max-width:18ch;margin-top:1rem;font-size:clamp(3rem,7vw,6.6rem)}.page-lede{max-width:52rem;color:var(--ink-soft);word-break:keep-all;margin:1.75rem 0 0;font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.9}.breadcrumb{margin-bottom:2rem}.breadcrumb-list{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.83rem;display:flex}.breadcrumb-list li:not(:last-child):after{color:var(--route);content:"/";margin-left:.45rem}.breadcrumb-list a{align-items:center;min-height:44px;display:inline-flex}.article-shell{width:min(calc(100% - (var(--page-pad) * 2)), var(--max-width));grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,7vw,7rem);margin-inline:auto;padding-block:clamp(3.5rem,7vw,7rem);display:grid}.article-rail{border-top:7px solid var(--route);padding-top:.75rem;position:sticky;top:110px}.article-rail dl{margin:0}.article-rail div{border-bottom:1px solid var(--line);padding-block:.8rem}.article-rail dt{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.article-rail dd{margin:.2rem 0 0;font-weight:700}.article-body{min-width:0}.article-body>:first-child{margin-top:0}.article-body h2,.prose-page h2{font-family:var(--display);margin:3rem 0 1rem;font-size:clamp(1.75rem,3.5vw,2.65rem);line-height:1.2}.article-body h3,.prose-page h3{margin:2rem 0 .75rem;font-size:1.15rem}.article-body p,.prose-page p,.prose-page li{color:var(--ink-soft);word-break:keep-all;line-height:1.9}.journey-facts{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:3rem;display:grid}.fact-panel{background:var(--paper-light);padding:1.4rem}.fact-panel h2{font-family:var(--display);margin:0 0 .7rem;font-size:1.35rem}.fact-list li+li{margin-top:.55rem}.folio-list{gap:1rem;margin-top:1.2rem;display:grid}.folio-card{border:1px solid var(--line);background:var(--paper);padding:clamp(1.5rem,3vw,2.4rem);position:relative}.folio-title{margin-top:.4rem;font-size:clamp(1.45rem,3vw,2rem)}.tag-list{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.tag-list li{border:1px solid var(--line-strong);color:var(--ink-soft);padding:.35rem .65rem;font-size:.82rem}.route-list{gap:.75rem;margin-top:1.2rem;display:grid}.route-list li{border-left:7px solid var(--route);background:#edd9be6b;grid-template-columns:1fr auto;gap:1rem;padding:1rem 1.15rem;display:grid}.route-list a{min-height:44px;font-weight:750}.prose-page{max-width:780px;padding-block:clamp(3.5rem,7vw,6.5rem)}.prose-page .notice{border-left:7px solid var(--route);background:var(--paper);margin-block:2.5rem;padding:1.5rem}.prose-page a,.article-body a{overflow-wrap:anywhere;vertical-align:middle;align-items:center;max-width:100%;min-height:44px;display:inline-flex}.site-footer{background:var(--ink);color:var(--paper-light);padding-block:clamp(3.5rem,7vw,6rem) 1.5rem}.footer-grid{grid-template-columns:1.5fr .65fr .85fr;gap:clamp(2rem,7vw,6rem);display:grid}.wordmark-footer .route-mark,.wordmark-footer .route-mark:before,.wordmark-footer .route-mark:after,.wordmark-footer .route-mark span{border-color:var(--paper)}.wordmark-footer .route-mark:before,.wordmark-footer .route-mark:after,.wordmark-footer .route-mark span{background:var(--paper)}.footer-statement{max-width:27rem;color:var(--paper-deep);margin:1.2rem 0 0}.footer-label{color:#e99480;margin:0 0 .75rem}.footer-links a{min-height:44px;color:var(--paper-deep);align-items:center;text-decoration:none;display:inline-flex}.footer-links a:hover{color:#fff}.footer-bottom{color:#fff1dc9e;border-top:1px solid #fff1dc33;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.2rem;font-size:.75rem;display:flex}@media (width<=860px){.hero-grid,.section-heading,.article-shell{grid-template-columns:1fr}.hero-grid{padding-top:4rem}.route-poster{min-height:300px}.method-grid,.journey-grid,.region-grid{grid-template-columns:1fr 1fr}.article-rail{display:none;position:static}}@media (width<=680px){.header-inner{min-height:68px}.nav-list li:nth-child(-n+2){display:none}.nav-list{gap:.1rem}.hero-grid{min-height:auto;padding-block:3.75rem 5rem}.hero h1{font-size:clamp(3rem,16vw,5rem)}.route-poster{min-height:250px}.method-grid,.journey-grid,.region-grid,.journey-facts,.footer-grid{grid-template-columns:1fr}.section-heading{gap:1rem}.method-card,.journey-card,.region-card{min-height:220px}.route-list li{grid-template-columns:1fr;gap:.25rem}.footer-bottom{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
