@font-face{font-family:SeoulHome;src:url('/korea/seoul/assets/hotel-shared/fonts/article-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html:has(.seoul-home-page){scrollbar-width:none;scroll-behavior:smooth}
html:has(.seoul-home-page)::-webkit-scrollbar{display:none}
body.seoul-home-page{margin:0;color:#050f43;background:#eef8ff;font-family:SeoulHome,'Noto Sans JP','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased}
.h-page{--u:min(1.326px,calc(100vw / 1448));--blue:#007eff;--ink:#061043;width:min(100%,1920px);margin:auto;background:linear-gradient(#ffffff9c,#ffffffb8),url('/korea/seoul/assets/home-design-20261015/hero-desktop.png') center/cover}
.h-page *{box-sizing:border-box}
.h-page h1,.h-page h2,.h-page h3,.h-page p,.h-page ul{margin:0}
.h-page a{color:inherit;text-decoration:none}
.h-page button,.h-page input,.h-page select{font:inherit;color:inherit}
.h-page button{cursor:pointer}
.h-page button:disabled{cursor:default;opacity:.55}
.h-page button,.h-page a{-webkit-tap-highlight-color:transparent}
.h-page :focus-visible{outline:3px solid #263cc6;outline-offset:4px}
.h-page [hidden]{display:none!important}
.h-icon{display:inline-block;width:calc(24 * var(--u));height:calc(24 * var(--u));flex-shrink:0;vertical-align:middle}
.h-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.h-skip{position:fixed;z-index:3000;top:-100px;left:15px;background:#fff;padding:12px;color:#061043}
.h-skip:focus{top:10px}
.h-fragment{position:relative;display:block;overflow:hidden;flex-shrink:0}
.h-fragment img{position:absolute;display:block;max-width:none;height:auto;pointer-events:none}
.h-header{position:relative;height:calc(79 * var(--u));background:#fff}
.h-brand{position:absolute;top:0;left:calc(50 * var(--u));width:calc(430 * var(--u));height:calc(78 * var(--u))}
.h-brand-mobile{display:none}
.h-desktop-nav{position:absolute;left:calc(567 * var(--u));top:0;width:calc(490 * var(--u));height:100%;white-space:nowrap;font-size:calc(13 * var(--u));font-weight:750}
.h-desktop-nav a,.h-desktop-nav button{position:absolute;top:0;display:flex;align-items:center;height:100%;padding:0;border:0;background:none}
.h-desktop-nav>:nth-child(1){left:0}
.h-desktop-nav>:nth-child(2){left:calc(63 * var(--u))}
.h-desktop-nav>:nth-child(3){left:calc(163 * var(--u))}
.h-desktop-nav>:nth-child(4){left:calc(227 * var(--u))}
.h-desktop-nav>:nth-child(5){left:calc(294 * var(--u))}
.h-desktop-nav>:nth-child(6){left:calc(396 * var(--u))}
.h-desktop-nav [aria-current]{font-weight:900}
.h-desktop-nav [aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:calc(2.5 * var(--u));background:#0086ff}
.h-header-actions{position:absolute;right:calc(52 * var(--u));top:calc(17 * var(--u));display:flex;gap:calc(14 * var(--u));align-items:center;height:calc(49 * var(--u))}
.h-round{display:grid;place-items:center;width:calc(50 * var(--u));height:calc(50 * var(--u));border:0;border-radius:50%;background:#f0f4fa}
.h-round .h-icon{width:calc(23 * var(--u));height:calc(23 * var(--u));stroke-width:2.8}
.h-round .h-icon:has(path[fill]){width:calc(20 * var(--u));height:calc(20 * var(--u))}
.h-header-plan{display:flex;justify-content:center;align-items:center;gap:calc(12 * var(--u));width:calc(146 * var(--u));height:calc(48 * var(--u));border-radius:calc(26 * var(--u));background:linear-gradient(110deg,#0089ff,#006efa);color:#fff!important;font-weight:750;font-size:calc(14 * var(--u))}
.h-header-plan .h-icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.h-header-menu{display:none}
.h-hero{height:calc(438 * var(--u));position:relative;isolation:isolate}
.h-hero-scene{position:absolute;inset:0;z-index:-2;background:url('/korea/seoul/assets/home-design-20261015/hero-desktop.png') center/100% 100%}
.h-hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff54,transparent 70%)}
.h-script{position:absolute;mix-blend-mode:multiply;pointer-events:none}
.h-script img{filter:url(#h-blue-lettering)}
.h-filter-definitions{position:absolute;pointer-events:none}
.h-script-desktop{left:calc(82 * var(--u));top:calc(3 * var(--u));width:calc(142 * var(--u))}
.h-script-mobile{display:none}
.h-hero-copy{position:absolute;left:calc(134 * var(--u));top:calc(63 * var(--u));width:calc(680 * var(--u))}
.h-hero-copy h1{position:relative;z-index:1;font-size:calc(57 * var(--u));line-height:calc(64 * var(--u));font-weight:950;letter-spacing:-.055em;white-space:nowrap}
.h-hero-copy h1>span{display:block}
.h-hero-copy h1>span:first-child{transform:translate(calc(-.86 * var(--u)),calc(-.46 * var(--u))) scale(.976415,.910714);transform-origin:left top}
.h-hero-copy h1>span:last-child{transform:translate(calc(1.29 * var(--u)),calc(-4.26 * var(--u))) scale(.9425,.907407);transform-origin:left top}
.h-hero-copy h1 em{font-style:normal;color:#0047ef}
.h-underline{display:block;width:calc(254 * var(--u));height:calc(17 * var(--u));margin-left:calc(-6 * var(--u));margin-top:calc(-11 * var(--u));overflow:visible}
.h-hero-description{margin-top:0!important;font-size:calc(17 * var(--u));line-height:calc(24 * var(--u));font-weight:600;letter-spacing:-.035em}
.h-copy-desktop>span{display:block}
.h-copy-mobile{display:none}
.h-share{display:flex;align-items:center;gap:calc(9 * var(--u));margin-top:calc(13 * var(--u));height:calc(41 * var(--u))}
.h-share>a,.h-share>button{height:100%;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));border:1px solid #d9e6f1;box-shadow:0 calc(2 * var(--u)) calc(7 * var(--u)) #28427016;border-radius:calc(24 * var(--u));background:#fff;font-weight:800;font-size:calc(14 * var(--u));white-space:nowrap}
.h-share-line{width:calc(173 * var(--u));background:linear-gradient(#00d348,#00bd3b)!important;border:calc(2 * var(--u)) solid #fff!important;color:#fff!important;--line-text:#00be42}
.h-share-line .h-icon{width:calc(28 * var(--u));height:calc(28 * var(--u));overflow:visible}
.h-share-x{width:calc(157 * var(--u))}
.h-share-x .h-icon{width:calc(23 * var(--u));height:calc(23 * var(--u));color:#050505}
.h-share-more{width:calc(143 * var(--u))}
.h-share-mobile{display:none}
.h-hero-note{position:absolute;top:calc(82 * var(--u));left:calc(809 * var(--u));transform:rotate(-9deg);font-size:calc(18 * var(--u));line-height:1.5;font-weight:700;text-align:center;color:#0757cc;letter-spacing:.08em}
.h-hero-note>span{position:absolute;top:calc(4 * var(--u));right:calc(-35 * var(--u));font-size:calc(48 * var(--u));transform:rotate(123deg);color:#8fcaff}
.h-postcards{position:absolute;left:calc(1142 * var(--u));top:calc(52 * var(--u));width:calc(298 * var(--u));clip-path:polygon(0 9%,48% 0,51% 18%,56% 16%,100% 25%,94% 72%,67% 64%,58% 100%,11% 91%,18% 55%,7% 58%)}
.h-categories{position:absolute;bottom:calc(8 * var(--u));left:calc(40 * var(--u));width:calc(1368 * var(--u));height:calc(94 * var(--u));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));background:#ffffffed;border-radius:calc(13 * var(--u));box-shadow:0 0 calc(14 * var(--u)) #5d7ea41a}
.h-category{display:flex;align-items:center;justify-content:center;text-align:left;gap:calc(23 * var(--u));border:0;border-radius:calc(12 * var(--u));min-width:0;box-shadow:0 2px 10px #5287ab08}
.h-category>.h-icon{width:calc(43 * var(--u));height:calc(46 * var(--u));stroke-width:2.8}
.h-category>span{display:block;min-width:0}
.h-category strong{font-size:calc(21 * var(--u));font-weight:900;line-height:calc(26 * var(--u))}
.h-category small{display:block;margin-top:calc(2 * var(--u));font-size:calc(13 * var(--u));font-weight:500;line-height:calc(20 * var(--u));color:#152447}
.h-category .h-category-arrow{width:calc(13 * var(--u));height:calc(15 * var(--u));margin-left:calc(-8 * var(--u));stroke-width:1.5}
.h-basic{background:linear-gradient(120deg,#e0f1ff,#dceeff);color:#004ce0!important}
.h-sightseeing{background:linear-gradient(120deg,#ffe5ed,#ffe2e9);color:#ff0753!important}
.h-restaurant{background:linear-gradient(120deg,#fff4d7,#fff0cc);color:#c14900!important}
.h-restaurant>.h-icon{color:#ff7800}
.h-hotel{background:linear-gradient(120deg,#e3f8e7,#e2f7e5);color:#009444!important}
.h-hotel>.h-icon{color:#00c45b;stroke-width:3.2}
.h-board{position:relative;margin:0 calc(40 * var(--u));padding:calc(11 * var(--u)) calc(20 * var(--u)) calc(14 * var(--u));border-radius:calc(15 * var(--u));background:#fffffffa;box-shadow:0 0 calc(18 * var(--u)) #4885d41a}
.h-actions{display:grid;grid-template-columns:639fr 626fr;gap:calc(11 * var(--u));height:calc(61 * var(--u));margin:calc(15 * var(--u)) calc(26 * var(--u)) 0}
.h-actions>a,.h-actions>button{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(21 * var(--u));border-radius:calc(30 * var(--u));border:calc(1.5 * var(--u)) solid #007aff;background:#fff;color:#0064f0;font-size:calc(19 * var(--u));font-weight:800;text-align:left}
.h-actions .h-icon{width:calc(29 * var(--u));height:calc(33 * var(--u))}
.h-actions .h-plan-bag{color:#007dff;fill:#007dff;stroke:#fff;stroke-width:1.6}
.h-actions small{display:block;font-size:calc(11 * var(--u));line-height:calc(15 * var(--u));font-weight:600}
.h-actions strong{display:block;font-size:calc(19 * var(--u));line-height:calc(25 * var(--u));font-weight:850}
.h-actions .h-action-arrow{width:calc(17 * var(--u));height:calc(17 * var(--u));margin-left:calc(10 * var(--u));stroke-width:1.5}.h-actions .h-plan-pin{display:none}
.h-directory{margin:calc(20 * var(--u)) calc(60 * var(--u));font-size:14px;color:#284266;background:#ffffffd9;border-radius:12px;padding:15px}
.h-directory>summary{cursor:pointer;font-weight:700}
.h-directory ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;padding:15px 18px}
.h-directory a{text-decoration:underline}
.h-noscript{padding:20px;background:#fff}
.h-footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px;font-size:12px;color:#445977;background:#fff}
.h-dialog{position:fixed;inset:0;width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 40px));padding:24px;border:0;border-radius:22px;box-shadow:0 12px 80px #082d6d40;color:#071442;background:#fff;font-family:SeoulHome,sans-serif}
.h-dialog::backdrop{background:#07153c66;backdrop-filter:blur(3px)}
.h-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #e1eaf5;margin-bottom:14px}
.h-dialog-heading h2{font-size:22px;font-weight:850}
.h-dialog-heading button{display:grid;place-items:center;flex-shrink:0;border:0;border-radius:50%;background:#eff5fc;width:42px;height:42px}
.h-dialog .h-icon{width:22px;height:22px}
.h-dialog p{font-size:15px;line-height:1.9;margin:12px 0}
.h-dialog nav,.h-dialog ul{display:grid;gap:10px;padding:0;list-style:none}
.h-dialog li{border:1px solid #dce9f8;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.h-dialog nav a,.h-dialog nav>button{display:block;text-align:left;padding:12px;border:1px solid #dce9f8;border-radius:12px;background:#f7fbff;font-weight:700;font-size:15px}
.h-dialog li>a{color:#005fe3;font-weight:700;font-size:15px}
.h-dialog li>button{font-size:13px;font-weight:700;white-space:nowrap;background:#007bff;border:0;border-radius:8px;color:#fff;padding:9px 12px}
.h-dialog .h-browser-note{font-size:12px;color:#556b83}
.h-toast{position:fixed;z-index:2500;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 20px;border:1px solid #c6dfff;border-radius:14px;box-shadow:0 6px 24px #1833612b;background:#fff;color:#063765;font-size:14px;line-height:1.7}
@media(max-width:1100px){
 .h-page{--u:calc(100vw / 941);width:100%;background:#eff8ff}
 .h-header{height:calc(267 * var(--u))}
 .h-brand{left:calc(25 * var(--u));width:calc(687 * var(--u));height:calc(134 * var(--u))}
 .h-brand-desktop,.h-desktop-nav,.h-header-favorites,.h-header-plan{display:none}
 .h-brand-mobile,.h-header-menu{display:block}
 .h-header-menu{display:grid}
 .h-header-actions{top:calc(30 * var(--u));right:calc(20 * var(--u));height:calc(81 * var(--u));gap:calc(17 * var(--u))}
 .h-round{width:calc(81 * var(--u));height:calc(81 * var(--u))}
 .h-round .h-icon{width:calc(41 * var(--u));height:calc(41 * var(--u));stroke-width:2.5}
 .h-header-menu .h-icon{width:calc(39 * var(--u));height:calc(39 * var(--u));stroke-width:2.5}
 .h-hero{height:calc(574 * var(--u))}
 .h-hero-scene{background-image:url('/korea/seoul/assets/home-design-20261015/hero-mobile.png');background-size:100% 100%}
 .h-hero-scene:after{background:radial-gradient(ellipse at 28% 53%,#ffffffb3 0%,#ffffff8c 28%,#ffffff20 60%,transparent 78%)}
 .h-script-desktop{display:none}
 .h-script-mobile{display:block;left:calc(24 * var(--u));top:calc(6 * var(--u));width:calc(185 * var(--u))}
 .h-hero-copy{left:calc(55 * var(--u));top:calc(90 * var(--u));width:calc(795 * var(--u))}
 .h-hero-copy h1{font-size:calc(73 * var(--u));line-height:calc(87 * var(--u));letter-spacing:-.05em;font-weight:950}
 .h-hero-copy h1>span:first-child{transform:translate(calc(.85 * var(--u)),calc(-2.53 * var(--u))) scale(1.021978,.957746)}
 .h-hero-copy h1>span:last-child{transform:translate(calc(1.22 * var(--u)),calc(-1.97 * var(--u))) scale(.968872,.914286)}
 .h-underline{width:calc(380 * var(--u));height:calc(23 * var(--u));margin-left:calc(-6 * var(--u));margin-top:calc(-11 * var(--u))}
 .h-hero-description{margin-top:calc(12 * var(--u))!important;font-size:calc(29 * var(--u));line-height:calc(41 * var(--u));letter-spacing:-.035em;font-weight:500;white-space:nowrap}
 .h-copy-desktop{display:none}
 .h-copy-mobile{display:block}
 .h-copy-mobile>span{display:block;transform-origin:left top}
 .h-copy-mobile>span:nth-child(1){transform:translate(calc(.13 * var(--u)),calc(.35 * var(--u))) scale(.93735,.961538)}
 .h-copy-mobile>span:nth-child(2){transform:translate(calc(1.16 * var(--u)),calc(.69 * var(--u))) scale(.94799,.923077)}
 .h-copy-mobile>span:nth-child(3){transform:translate(calc(2.08 * var(--u)),calc(.69 * var(--u))) scale(.921875,.923077)}
 .h-copy-mobile>span:nth-child(4){transform:translate(calc(1.31 * var(--u)),calc(-.65 * var(--u))) scale(.898089,.961538)}
 .h-share{height:calc(62 * var(--u));gap:calc(10 * var(--u));margin-top:calc(22 * var(--u));margin-left:calc(-5 * var(--u))}
 .h-share>a,.h-share>button{gap:calc(22 * var(--u));font-size:calc(27 * var(--u));border-radius:calc(35 * var(--u));border-width:calc(2 * var(--u))}
 .h-share-line{width:calc(164 * var(--u));gap:calc(18 * var(--u))!important;border-width:calc(3 * var(--u))!important}
 .h-share-line .h-icon{width:calc(30 * var(--u));height:calc(30 * var(--u))}
 .h-share-x{width:calc(184 * var(--u))}
 .h-share-x .h-icon{width:calc(29 * var(--u));height:calc(29 * var(--u))}
 .h-share-more{width:calc(178 * var(--u))}
 .h-share-more .h-icon{width:calc(29 * var(--u));height:calc(29 * var(--u))}
 .h-share-desktop,.h-hero-note,.h-postcards{display:none}
 .h-share-mobile{display:block}
 .h-categories{bottom:auto;top:calc(-128 * var(--u));left:0;width:100%;height:calc(117 * var(--u));padding:0 calc(12 * var(--u));gap:calc(11 * var(--u));background:#fff;box-shadow:none;border-radius:0}
 .h-category{flex-direction:column;justify-content:center;text-align:center;gap:calc(8 * var(--u));border-radius:calc(16 * var(--u))}
 .h-category>.h-icon{width:calc(46 * var(--u));height:calc(47 * var(--u))}
 .h-category strong{display:block;font-size:calc(30 * var(--u));line-height:calc(37 * var(--u));font-weight:850}
 .h-category small,.h-category .h-category-arrow{display:none}
 .h-board{margin:calc(-1 * var(--u)) 0 0;padding:calc(18 * var(--u)) calc(23 * var(--u)) calc(28 * var(--u));border-radius:calc(29 * var(--u)) calc(29 * var(--u)) 0 0;box-shadow:0 -3px 12px #126fdc0c}
 .h-actions{position:fixed;z-index:1100;left:0;bottom:0;width:100%;height:max(56px,calc(94 * var(--u)));margin:0;padding-bottom:env(safe-area-inset-bottom);gap:0;grid-template-columns:1fr 1fr;background:linear-gradient(100deg,#008aff,#0078ff);box-shadow:0 -2px 8px #0078ff12}
 .h-actions>a{height:100%;padding:0;border:0;border-radius:0;background:none;color:#fff;gap:calc(17 * var(--u));font-size:calc(32 * var(--u));white-space:nowrap}
 .h-actions>a{padding-right:calc(61 * var(--u))}
 .h-actions strong{font-size:calc(32 * var(--u));line-height:1.5;font-weight:650}
 .h-actions .h-icon{width:calc(46 * var(--u));height:calc(46 * var(--u))}
 .h-actions small,.h-actions .h-action-arrow,.h-actions .h-plan-bag{display:none}
 .h-actions .h-plan-pin{display:block}
 .h-directory{margin:16px 18px;font-size:14px}
 .h-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .h-footer{font-size:12px;padding-bottom:max(86px,calc(140 * var(--u)));gap:14px}
 .h-toast{bottom:max(90px,calc(140 * var(--u)))}
}
@media(max-width:600px){
 .h-actions strong{font-size:13px}
 .h-actions>a{gap:7px}
 .h-actions>a{padding-right:28px}
 .h-actions .h-icon{width:21px;height:24px}
 .h-dialog{padding:18px}
 .h-dialog-heading h2{font-size:20px}
 .h-directory ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html:has(.seoul-home-page){scroll-behavior:auto}}
/* The common map replaces the former top-page map; the heading introduces it. */
.h-board-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4 * var(--u)) calc(18 * var(--u));margin:calc(2 * var(--u)) 0 calc(12 * var(--u))}
.h-board-heading h2{display:flex;align-items:center;gap:calc(7 * var(--u));font-size:calc(22 * var(--u));font-weight:900;letter-spacing:-.025em}
.h-board-heading h2>.h-icon{color:#0067ee;width:calc(22 * var(--u));height:calc(28 * var(--u))}
.h-board-heading p{font-size:max(12px,calc(13 * var(--u)));line-height:1.6;color:#334f7a}
.h-board-links{display:flex;flex-wrap:wrap;gap:4px 16px}
.h-board-links a{color:#0067ee;font-weight:700}
.h-actions{grid-template-columns:1fr}
@media(max-width:1100px){.h-board-heading h2{font-size:calc(36 * var(--u))}.h-board-heading h2>.h-icon{width:calc(34 * var(--u));height:calc(42 * var(--u))}.h-board-heading p{font-size:max(12px,calc(24 * var(--u)))}}