@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{--ink:#173b32;--paper:#f4f0e6;--gold:#caa875;--muted:#69776e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR','Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #bd8d41;outline-offset:5px}img{display:block;max-width:100%}.skip{position:fixed;top:-60px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.tour-hero{position:relative;min-height:790px;height:94svh;max-height:1100px;color:#fff8e7;background:#18392f;overflow:hidden}.hero-landscape{position:absolute;inset:0;opacity:0;transition:opacity 1.4s}.hero-landscape.is-active{opacity:1}.hero-landscape img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;animation:panorama 28s ease-in-out infinite alternate}.tour-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e1ce8, #071e1c63 48%,#071e1c05 75%),linear-gradient(0deg,#09231de6,transparent 45%,#09231d60);pointer-events:none}.hero-content{position:relative;z-index:1;width:min(1440px,89%);margin:auto;padding-top:clamp(185px,23vh,260px)}.eyebrow{display:block;letter-spacing:3px;font-size:11px;font-weight:500;color:#9c7b45}.hero-content .eyebrow{color:#e6c892}.hero-content h1{font:500 clamp(48px,5.7vw,86px)/1.22 'Noto Serif KR',serif;letter-spacing:-4px;margin:24px 0}.hero-content h1 em{font-style:normal;color:#e5c58a}.hero-content p{font-size:16px;line-height:2;color:#eceada;max-width:480px}.tour-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 23px;background:var(--ink);color:#fff8e8;border:1px solid var(--ink);font-size:14px;transition:background .2s,transform .2s}.tour-link:hover{background:#2d5647;transform:translateY(-2px)}.hero-content .tour-link{margin-top:22px;background:#e0c28a;color:#183b32;border-color:#e0c28a}.hero-bottom{position:absolute;z-index:2;left:5.5%;right:5.5%;bottom:35px;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-current{display:flex;gap:16px;align-items:center}.hero-current>span{font:40px 'Noto Serif KR';border:1px solid #dac29980;width:64px;height:64px;display:grid;place-items:center}.hero-current small{font-size:10px;letter-spacing:2px;color:#e0c690}.hero-current strong{display:block;font:23px 'Noto Serif KR';margin-top:8px}.hero-controls{display:flex;gap:9px;align-items:center}.hero-controls button{border:1px solid #ffffff57;background:#0c272c44;color:white;border-radius:50%;width:40px;height:40px;font-size:11px}.hero-controls button[aria-pressed=true]{background:#e0c28a;color:#19392f;border-color:#e0c28a}.hero-controls #hero-pause{border-radius:0;width:auto;padding:0 13px;margin-left:10px}.tour-nav{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:0;padding:0 5%;background:#f4f0e6f5;backdrop-filter:blur(15px);border-bottom:1px solid #c7c8b7;box-shadow:0 5px 20px #14382807}.tour-nav>a{flex:1;max-width:240px;text-align:center;padding:22px 10px;font-size:14px;border-bottom:2px solid transparent;white-space:nowrap}.tour-nav>a span{font:17px 'Noto Serif KR';color:#9a8052;margin-right:11px}.tour-nav>a:hover,.tour-nav>a[aria-current=true]{border-color:#345442;background:#e9e8dc}.intro{max-width:1440px;width:89%;margin:90px auto 72px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.intro h2{font:500 clamp(28px,3vw,43px)/1.5 'Noto Serif KR';letter-spacing:-1.5px;margin:19px 0 0}.intro p{margin:0;color:var(--muted);line-height:2;font-size:15px}.chapter{max-width:1440px;width:89%;margin:0 auto;padding:55px 0 86px;border-top:1px solid #c8ccbd;scroll-margin-top:68px}.chapter-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.chapter-title h2{font:500 clamp(37px,4.3vw,64px)/1.2 'Noto Serif KR';letter-spacing:-2px;margin:15px 0 0}.chapter-title .chapter-tag{font-size:13px;color:var(--muted);padding-bottom:5px}.chapter-title .index{font:italic 52px 'Noto Serif KR';color:#c2bda9;letter-spacing:-3px}.village-spread{display:grid;grid-template-columns:1.14fr 1fr;gap:25px}.art-frame{margin:0;position:relative;min-height:590px;overflow:hidden;border-radius:2px;background:#c9d3c6}.art-frame>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.art-frame:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#09251de6)}.art-caption{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;color:#fff5de}.art-caption small{letter-spacing:2px;font-size:10px;color:#e6cd9a}.art-caption p{font:500 clamp(25px,2.6vw,37px)/1.55 'Noto Serif KR';margin:16px 0 0;letter-spacing:-1px}.village-side{display:flex;flex-direction:column;min-width:0}.live-frame{margin:0;background:#172f28;position:relative;overflow:hidden}.live-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;position:relative}.live-button>img{width:100%;aspect-ratio:1.77;object-fit:cover;transition:transform .7s}.live-button:hover>img{transform:scale(1.035)}.live-label{position:absolute;top:14px;left:15px;background:#173c32ed;color:#fff8e4;padding:7px 10px;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.live-label:before{content:'';width:6px;height:6px;background:#e1c181;border-radius:50%}.expand{position:absolute;right:12px;bottom:12px;width:30px;height:30px;background:#fffdf0dd;display:grid;place-items:center;color:#16382f;font-size:17px}.live-frame figcaption{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:#e8e7d8;font-size:11px;gap:10px}.scene-picker{display:flex;gap:5px}.scene-picker button{width:26px;height:24px;background:transparent;border:1px solid #a7b9a750;color:#e8e7d8;font-size:10px;padding:0}.scene-picker button[aria-pressed=true]{background:#dbbf89;color:#193c32}.story{padding:26px 0 0;display:flex;flex-direction:column;flex:1}.story h3{font:500 22px/1.6 'Noto Serif KR';margin:0 0 12px;letter-spacing:-.6px}.story>p{font-size:13px;color:var(--muted);line-height:2;margin:0 0 18px;word-break:keep-all}.highlights{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:#537260;margin:0 0 25px}.highlights span:before{content:'＋';color:#a17f45;margin-right:5px}.story-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c8ccbd;padding-top:19px}.story-bottom small{color:var(--muted);font-size:11px;line-height:1.8}.story-bottom .tour-link{padding:13px 18px;gap:24px;white-space:nowrap}.chapter:nth-of-type(even) .art-frame{order:2}.chapter:nth-of-type(even) .village-spread{grid-template-columns:1fr 1.14fr}.journeys{padding:85px 5.5%;background:#183b32;color:#f7efde}.journeys-inner{max-width:1440px;margin:auto}.journeys .eyebrow{color:#cdb17b}.journeys h2{font:500 clamp(30px,3.4vw,45px)/1.5 'Noto Serif KR';margin:15px 0 38px}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.journey{border-top:1px solid #ffffff40;padding-top:24px;min-width:0}.journey-image{height:310px;overflow:hidden;position:relative}.journey-image img{width:100%;height:100%;object-fit:cover}.journey-image .live-label{top:auto;bottom:15px}.journey h3{font:500 28px 'Noto Serif KR';margin:25px 0 15px}.journey p{font-size:13px;color:#c7d2c6;line-height:2;max-width:550px}.journey a{display:inline-block;color:#e2c388;font-size:13px;padding:12px 0;margin-right:25px;border-bottom:1px solid #a88b5d}.how-to{max-width:1440px;width:89%;margin:85px auto;display:grid;grid-template-columns:1fr 2fr;gap:70px}.how-to h2{font:500 31px/1.5 'Noto Serif KR';margin:15px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps div{border-top:1px solid #b9c3b2;padding-top:20px}.steps small{font:25px 'Noto Serif KR';color:#a88c56}.steps h3{font-size:15px;margin:20px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.tour-footer{padding:30px 5.5%;border-top:1px solid #cad0c1;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#758277;line-height:1.8}.tour-footer strong{font-size:16px;color:#244937}.photo-dialog{padding:0;border:0;background:#102c25;color:#f5efdf;width:min(1200px,94vw);max-width:94vw;max-height:94svh;box-shadow:0 20px 100px #0008}.photo-dialog::backdrop{background:#061c17df;backdrop-filter:blur(5px)}.photo-dialog img{width:100%;max-height:79svh;object-fit:contain}.photo-dialog footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:20px}.photo-dialog p{margin:0;font-size:13px}.photo-dialog button{background:#e0c28a;border:0;padding:10px 18px;color:#173c32;white-space:nowrap}.image-note{font-size:11px!important;margin-top:18px!important;color:#89917d!important}.hero-art-note{color:#ddd3b9;font-size:10px;margin-top:12px;letter-spacing:.5px}@keyframes panorama{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(min-width:1700px){.art-frame{min-height:680px}.story{padding-top:35px}.story>p{font-size:15px}.story h3{font-size:25px}}
@media(max-width:1050px){.tour-hero{min-height:720px}.hero-content{padding-top:190px}.village-spread,.chapter:nth-of-type(even) .village-spread{grid-template-columns:1fr 1fr;gap:20px}.art-frame{min-height:560px}.story-bottom{align-items:start;flex-direction:column;gap:12px}.story-bottom small{display:none}.intro{gap:40px}.how-to{gap:35px;grid-template-columns:1fr}.journey-image{height:270px}}
@media(max-width:700px){html{scroll-padding-top:62px}.tour-hero{height:830px;max-height:none;min-height:0}.hero-content{padding-top:210px}.hero-content h1{font-size:49px;letter-spacing:-2px}.hero-content p{font-size:14px;max-width:320px}.hero-landscape img{object-position:58% center}.tour-hero:after{background:linear-gradient(90deg,#102c25cc,#102c2544),linear-gradient(0deg,#0b291fe6,transparent 65%)}.hero-bottom{bottom:25px;display:block}.hero-current{margin-bottom:25px}.hero-current>span{width:48px;height:48px;font-size:28px}.hero-current strong{font-size:19px}.hero-controls{gap:7px}.hero-controls button{width:33px;height:33px}.hero-controls #hero-pause{margin-left:auto;font-size:10px}.tour-nav{padding:0 3%;overflow:auto;justify-content:flex-start}.tour-nav>a{padding:18px 12px;font-size:12px;min-width:max-content}.tour-nav>a span{font-size:14px;margin-right:5px}.intro{grid-template-columns:1fr;gap:25px;margin:55px auto 40px}.intro h2{font-size:30px}.intro p{font-size:13px}.chapter{padding:38px 0 50px}.chapter-title{margin-bottom:25px}.chapter-title h2{font-size:39px}.chapter-title .chapter-tag{display:none}.chapter-title .index{font-size:40px}.village-spread,.chapter:nth-of-type(even) .village-spread{grid-template-columns:1fr;gap:18px}.chapter:nth-of-type(even) .art-frame{order:0}.art-frame{height:440px;min-height:0}.art-caption{bottom:23px;left:23px}.art-caption p{font-size:30px}.story{padding-top:22px}.story h3{font-size:22px}.story>p{font-size:13px}.story-bottom{flex-direction:row;align-items:center}.story-bottom small{display:block}.story-bottom .tour-link{font-size:12px;gap:15px}.journeys{padding-top:55px;padding-bottom:55px}.journey-grid{grid-template-columns:1fr;gap:40px}.journey-image{height:260px}.journey h3{font-size:26px}.how-to{margin:55px auto;gap:20px}.steps{grid-template-columns:1fr;gap:16px}.steps div{display:grid;grid-template-columns:30px 1fr;gap:8px 16px}.steps h3{margin:3px 0 0}.steps p{grid-column:2;margin:0}.tour-footer{flex-direction:column;gap:10px}.photo-dialog footer{padding:12px}.photo-dialog p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.live-button>img{height:auto}.chapter{scroll-margin-top:0}
@media(max-width:700px){.tour-hero{height:auto;min-height:800px}.hero-content{padding-top:185px;padding-bottom:220px}.hero-content h1{font-size:clamp(30px,9.3vw,42px);letter-spacing:-1.6px;word-break:keep-all}.hero-content .eyebrow{font-size:9px;letter-spacing:2px;line-height:1.8}}
@media(max-width:700px){.hero-content{padding-top:calc(var(--tour-header-height,113px) + 72px)}}
/* Three Kingdoms is a full destination with its own existing introduction. */
.kingdom-chapter{padding:70px 0 80px;background:#102d27;scroll-margin-top:65px}.kingdom-heading,.kingdom-story,.kingdom-lands{max-width:1440px;width:89%;margin:0 auto}.kingdom-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.kingdom-heading h2{font-size:clamp(44px,5.6vw,76px);margin:14px 0 0;letter-spacing:-2px}.kingdom-heading p{color:#c3cfbf;line-height:1.9;font-size:14px}.kingdom-panorama{position:relative;margin:0;overflow:hidden}.kingdom-panorama>img{width:100%;height:auto}.kingdom-panorama figcaption{position:absolute;right:6%;bottom:9%;padding:28px 32px;background:#10221ac9;border:1px solid #c7a56a;color:#f7edda;max-width:430px}.kingdom-panorama strong{display:block;font:500 clamp(28px,3.4vw,52px)/1.4 'Noto Serif KR',serif;margin:18px 0}.kingdom-panorama span,.kingdom-panorama small{font-size:11px;letter-spacing:1px;color:#ddc493}.kingdom-story{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:55px 0}.kingdom-story h3{font:500 clamp(25px,3vw,38px)/1.6 'Noto Serif KR',serif;margin:0}.kingdom-story p{font-size:14px;line-height:2;color:#c8d2c5;margin:0 0 15px;word-break:keep-all}.kingdom-story .tour-link{background:#ddc08a;color:#193a2e;margin-top:12px}.kingdom-lands{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.kingdom-land{background:#1c3c32;overflow:hidden;border:1px solid #c4a77140}.kingdom-land>img{width:100%;aspect-ratio:1.4;object-fit:cover}.kingdom-land>div{padding:25px}.kingdom-seal{float:right;display:grid;place-items:center;width:46px;height:46px;border:1px solid #b69a63;color:#e0c790;font:28px 'Noto Serif KR',serif}.kingdom-land h3{font:500 29px 'Noto Serif KR',serif;margin:0 0 14px}.kingdom-land strong{font-size:13px;color:#e1c78e}.kingdom-land p{font-size:13px;line-height:1.9;color:#c5d0c3;min-height:74px}.kingdom-more{display:block;border-top:1px solid #c4a77140;padding-top:17px;font-size:11px;color:#e1c78e}.kingdom-land:hover{border-color:#dbc38f}.live-button>img{height:auto;aspect-ratio:16/9;object-fit:contain}.live-button:hover>img{transform:none}.photo-dialog{width:min(1600px,96vw);max-width:96vw}.photo-dialog img{image-rendering:auto}
@media(max-width:700px){.kingdom-chapter{padding:45px 0}.kingdom-heading{display:block;margin-bottom:25px}.kingdom-heading h2{font-size:45px}.kingdom-heading p{font-size:12px;margin-top:20px}.kingdom-panorama figcaption{position:relative;inset:auto;max-width:none;background:#17372d;padding:23px 6%;border-left:0}.kingdom-panorama strong{font-size:30px;margin:12px 0}.kingdom-panorama span{font-size:10px;letter-spacing:0}.kingdom-story{grid-template-columns:1fr;gap:22px;padding:35px 0}.kingdom-story p{font-size:13px}.kingdom-lands{grid-template-columns:1fr;gap:20px}.kingdom-land p{min-height:0}.kingdom-land>img{aspect-ratio:1.6}.kingdom-land>div{padding:23px}}