*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;text-wrap:balance;word-break:keep-all}h1{font-size:clamp(3rem,6.5vw,6rem);font-weight:850}h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800}h3{font-size:1.5rem}p{word-break:keep-all}.wrap{width:min(1280px,calc(100% - 88px));margin:auto}.skip{position:absolute;top:-90px;left:20px;padding:12px;background:var(--ink);color:white;z-index:50}.skip:focus{top:10px}.demo-bar{font-size:12px;line-height:1.5;display:flex;justify-content:space-between;gap:12px;padding:8px 44px;background:var(--ink);color:white}.demo-bar a{white-space:nowrap}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.brand{font-size:1.35rem;font-weight:850;letter-spacing:-.04em;line-height:1.2}.brand span{display:block;font-size:11px;letter-spacing:.15em;margin-top:6px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.site-header [aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;border:1px solid var(--ink);background:var(--ink);color:white;font-weight:750;min-height:52px;line-height:1.4}.button:hover{text-decoration:none;filter:brightness(.9)}.button.light{background:transparent;color:var(--ink)}.button.accent{background:var(--accent);border-color:var(--accent);color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.subcopy{font-size:18px;max-width:42ch;line-height:1.75}.small{font-size:13px;line-height:1.6}.muted{color:var(--muted)}.section{padding:96px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-head p{max-width:39ch}.photo{position:relative;aspect-ratio:1;background-image:url("/demos/stay-night/assets/photos.png");background-size:200% 200%;background-position:0 0;background-color:var(--soft);overflow:hidden}.photo.p2{background-position:100% 0}.photo.p3{background-position:0 100%}.photo.p4{background-position:100% 100%}.photo.failed{background-image:none;display:grid;place-items:center;padding:30px}.photo.failed:after{content:"이미지를 불러오지 못했어요. 아래 설명을 확인해 주세요.";font-size:14px;text-align:center}.caption{font-size:12px;margin-top:10px;color:var(--muted)}.choice-row{display:flex;flex-wrap:wrap;gap:10px}.choice{padding:12px 20px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;min-height:48px}.choice[aria-pressed="true"]{background:var(--accent);border-color:var(--ink)}.choice:hover{border-color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;padding:52px 0 88px}.detail-copy>p{margin-top:24px}.detail-copy h1{font-size:clamp(3.5rem,5.7vw,5.5rem);margin-top:30px}.facts{margin:30px 0}.facts>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:14px;font-weight:750}.facts dd{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.steps{padding:0;margin:32px 0 0;list-style:none;counter-reset:step}.steps li{display:grid;grid-template-columns:38px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);font-size:22px;font-weight:800}.steps strong{display:block;font-size:18px;margin-bottom:5px}.faq{max-width:900px;margin:40px auto 0}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:750;font-size:18px}details p{margin-top:15px;max-width:68ch}.compare-head{margin-bottom:25px}.compare-controls{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0 24px}.compare-controls label{display:flex;gap:9px;align-items:center;font-weight:700;cursor:pointer}.compare-controls input{width:18px;height:18px;accent-color:var(--ink)}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}.comparison article{padding:28px 28px 30px 0;border-bottom:1px solid var(--line)}.comparison article:not(:first-child){padding-left:28px;border-left:1px solid var(--line)}.comparison h3{margin-bottom:16px}.comparison dl{margin:0}.comparison dt{font-size:12px;color:var(--muted);margin-top:18px}.comparison dd{margin:3px 0 0;font-weight:650}.empty{padding:30px;background:var(--soft)}[hidden]{display:none!important}.site-footer{padding:38px 0 30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.site-footer .small{max-width:78ch;margin-top:24px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.inquiry-title{max-width:900px;padding:52px 0 50px}.inquiry-title h1{font-size:clamp(3rem,5.8vw,5.4rem)}.inquiry-title p{margin-top:24px}.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-bottom:96px}.form-group{margin-bottom:26px}.form-group label,.group-label{display:block;font-size:14px;font-weight:750;margin-bottom:8px}.form-group input:not([type="checkbox"]),.form-group select,.form-group textarea{width:100%;border:1px solid var(--line);border-radius:0;padding:14px 16px;background:white;color:var(--ink);min-height:52px}.form-group textarea{min-height:130px;resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check-label{display:flex!important;gap:10px;align-items:center;font-size:15px!important;font-weight:500!important}.check-label input{width:18px;height:18px;accent-color:var(--ink)}.summary-panel{padding:32px;background:var(--soft);align-self:start}.summary-panel h2{font-size:1.75rem}.summary-panel p{margin:12px 0 20px}.summary-text{width:100%;min-height:310px;resize:vertical;padding:18px;background:white;border:1px solid var(--line);color:var(--ink);font-size:14px;line-height:1.85}.summary-panel .actions{margin-top:20px}.status{min-height:1.6em;margin-top:12px;font-size:13px}.error{color:#a6251b}.storage-note{font-size:12px;line-height:1.7;margin-top:14px}.note{font-size:13px;background:var(--soft);padding:18px 22px;margin-top:28px}.link-arrow{font-weight:750;text-decoration:underline;text-underline-offset:5px}.breadcrumb{font-size:13px;padding-top:24px}.icon-arrow{font-size:24px;line-height:1}.page-end{padding:64px 0 80px}.page-end h2{margin-bottom:25px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.demo-bar{padding:8px 24px}.site-header nav{gap:18px}.detail-grid,.split{gap:36px}.inquiry-grid{gap:28px}.section{padding:72px 0}.facts>div{grid-template-columns:85px 1fr}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.demo-bar{padding:8px 18px;align-items:start}.demo-bar span{max-width:27ch}.site-header{padding:22px 0;flex-wrap:wrap;gap:22px}.brand{font-size:1.2rem}.site-header nav{width:100%;justify-content:space-between;gap:8px;font-size:13px}.site-header nav .button{padding:10px 14px;min-height:42px}.section{padding:58px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:18px}.section-head h2{font-size:2.25rem}.detail-grid,.split,.inquiry-grid{grid-template-columns:1fr;gap:32px}.detail-grid{padding:34px 0 52px}.detail-copy h1{margin-top:24px;font-size:3.5rem}.detail-grid .detail-copy{order:0}.detail-grid .detail-photo{order:1}.detail-copy>p{margin-top:18px}.subcopy{font-size:16px}.facts{margin:20px 0}.footer-top{display:block}.footer-links{margin-top:26px}.site-footer .small{font-size:11px}.comparison{grid-template-columns:1fr}.comparison article,.comparison article:not(:first-child){padding:25px 0;border-left:0}.comparison dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.comparison dl>div{min-width:0}.comparison h3{margin:0}.compare-controls{gap:16px;font-size:14px}.inquiry-title{padding:34px 0}.inquiry-title h1{font-size:3rem}.inquiry-grid{padding-bottom:56px}.summary-panel{padding:24px}.form-pair{grid-template-columns:1fr;gap:0}.button{padding:14px 20px}.page-end{padding:50px 0}.choice-row{gap:8px}.choice{padding:11px 15px;font-size:14px}.note{padding:15px}.detail-copy .choice-row{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--ink:#142735;--paper:#F2F4F3;--accent:#DFE8E5;--soft:#FFFFFF;--muted:#4E626A;--line:#AFBDBF;--focus:#8C571B}::selection{background:#c0d2d4;color:#142735}.night h1,.night h2,.night h3{font-family:"Iowan Old Style","AppleMyungjo","Batang",serif;font-weight:500;letter-spacing:-.035em}.night h1{line-height:1.2}.night .demo-bar{background:#0d1c27}.demo-links{display:flex;gap:24px}.site-header{padding:30px 0}.brand{font-weight:600;font-family:"AppleMyungjo","Batang",serif;font-size:1.4rem}.brand span{font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:10px;font-weight:400;letter-spacing:.24em}.site-header nav{font-weight:500}.button{border-radius:0;font-weight:550;min-height:52px}.button.accent{background:#142735;border-color:#142735;color:#F2F4F3}.button:hover{filter:none;background:#304c5d;color:white}.button.light{background:transparent;color:var(--ink)}.button.light:hover{background:#142735;color:white}.night-hero{padding-top:24px;padding-bottom:0}.stay-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}.stay-heading h1{font-size:clamp(3.8rem,6vw,5.7rem)}.stay-heading .subcopy{max-width:34ch;font-size:17px;margin-bottom:5px}.room-showcase{display:grid;grid-template-columns:1.4fr .8fr;background:#142735;color:#F2F4F3}.night-room-image{position:relative}.night-room-image .photo{aspect-ratio:1}.image-title{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;background:#142735eb}.image-title>span:first-child{font-family:"AppleMyungjo","Batang",serif;font-size:20px}.image-title>span:last-child{font-size:11px;color:#d0dcdf}.room-picker{padding:35px 35px 30px;display:flex;flex-direction:column;justify-content:center}.room-pick{display:block;text-align:left;padding:22px 0;width:100%;color:#c1d0d6;border:0;border-bottom:1px solid #647883;background:none}.room-pick:first-child{border-top:1px solid #647883}.room-pick strong{font-family:"AppleMyungjo","Batang",serif;font-size:24px;font-weight:500;display:block}.room-pick span{font-size:12px;display:block;margin-top:10px}.room-pick[aria-pressed=true]{color:#fff}.room-pick[aria-pressed=true] strong{text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:1px}.room-pick:hover{color:#fff}.room-pick:focus-visible{outline-color:#dfd4b5}.room-picker .button.accent{background:#DFE8E5;color:#142735;border-color:#DFE8E5;margin-top:30px}.room-picker .button.accent:hover{background:#fff}.room-picker .link-arrow{margin-top:20px;align-self:center;font-size:13px;font-weight:500}.stay-hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:22px 0 44px}.stay-hero-bottom p{font-size:12px}.stay-hero-bottom .link-arrow{font-size:14px;font-weight:500}.room-section{background:#fff}.room-rows{display:flex;flex-direction:column;gap:50px}.room-row{display:grid;grid-template-columns:.75fr 1fr;gap:56px;align-items:center}.room-row .photo{max-width:430px}.room-description{border-top:1px solid var(--line);padding-top:25px}.room-description h3{font-size:2.5rem}.room-description h3 span{display:block;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:14px;letter-spacing:0;margin-top:16px;color:var(--muted)}.room-description>p{max-width:44ch;font-size:17px;margin-top:24px}.room-description .button{margin-top:26px}.comparison{border-top:1px solid var(--ink)}.comparison h3{font-size:23px}.comparison dd{font-weight:500}.comparison dt{font-size:12px}.compare-controls label{font-weight:500}.lounge-section{background:#142735;color:#F2F4F3}.lounge-section .caption,.lounge-section .muted{color:#c9d6da}.lounge-section .facts>div{border-color:#72848d}.lounge-section h2{margin-bottom:25px}.lounge-section .facts dt{font-weight:500}.travel-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}.travel-flow article{border-top:1px solid var(--ink);padding-top:24px}.travel-flow strong{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:22px}.travel-flow h3{font-size:25px;margin-bottom:18px}.travel-flow p{font-size:15px}.detail-grid{grid-template-columns:1.1fr 1fr;gap:62px;padding-top:34px;align-items:center}.detail-photo{order:-1;transform:none;box-shadow:none;padding:0}.detail-photo .caption{font-size:12px}.detail-copy h1{font-size:4.4rem;font-weight:500;margin-top:30px}.detail-copy .choice-row{gap:8px}.choice{border-radius:0;background:transparent;font-weight:500;border-color:#91a5ad}.choice[aria-pressed=true]{color:#fff;background:#142735;border-color:#142735}.detail-copy .actions{margin-top:30px}.detail-copy .small{margin-top:24px}.facts dt{font-weight:600}.facts dd{font-size:15px}.room-facility-section{background:#fff}.steps strong{font-weight:600}.steps li:before{font-family:Georgia,serif;font-size:26px;font-weight:500}.faq{margin-left:0;max-width:100%}.faq summary{font-weight:550}.night[data-page=inquiry]{background:#142735;color:#F2F4F3}.night[data-page=inquiry] .site-header .button{border-color:#D2DFE0;background:#D2DFE0;color:#142735}.night[data-page=inquiry] .inquiry-title .muted{color:#c9d6da}.night[data-page=inquiry] main.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start;padding-top:35px}.inquiry-title{padding:0;max-width:100%;position:sticky;top:36px}.inquiry-title h1{font-size:3.8rem;line-height:1.25}.inquiry-title .subcopy{font-size:17px;color:#d0dde0;margin-top:30px}.inquiry-grid{display:block;padding-bottom:75px;color:#142735}.inquiry-grid form{padding:36px;background:#F2F4F3}.summary-panel{margin-top:24px;padding:36px;background:#fff;box-shadow:none}.summary-panel h2{font-size:1.8rem}.summary-text{background:#F2F4F3}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{border-radius:0;border-color:#9aacb1}.form-group input:disabled{background:#dce5e6;color:#576d76}.form-pair{grid-template-columns:1fr;gap:0}.form-group label{font-weight:550}.note{background:#F2F4F3}.night[data-page=inquiry] .site-footer{border-color:#647883}.night[data-page=inquiry] .site-footer .muted{color:#c9d6da}.site-footer{padding-top:42px}.link-arrow{font-weight:550}
@media(max-width:1000px){.room-showcase{grid-template-columns:1.15fr .85fr}.room-picker{padding:22px}.room-pick{padding:17px 0}.room-pick strong{font-size:21px}.room-picker .button.accent{margin-top:22px}.stay-heading h1{font-size:4.3rem}.stay-heading .subcopy{max-width:27ch}.room-row{gap:35px}.detail-grid{gap:35px}.detail-copy h1{font-size:3.6rem}.night[data-page=inquiry] main.wrap{gap:30px;grid-template-columns:.8fr 1.2fr}.inquiry-title h1{font-size:3rem}.inquiry-grid form,.summary-panel{padding:26px}}
@media(max-width:700px){.demo-links{flex-direction:column;align-items:end;gap:3px;font-size:11px}.demo-bar{align-items:center}.site-header{padding:24px 0}.night-hero{padding-top:20px}.stay-heading{display:block;margin-bottom:28px}.stay-heading h1{font-size:3.4rem;line-height:1.23}.stay-heading .subcopy{font-size:15px;margin-top:22px;max-width:40ch}.room-showcase{grid-template-columns:1fr}.night-room-image .photo{aspect-ratio:1}.image-title{padding:14px 17px}.image-title>span:first-child{font-size:18px}.room-picker{padding:7px 22px 26px}.room-pick{padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.room-pick:first-child{border-top:0}.room-pick strong{font-size:19px}.room-pick span{margin-top:0;font-size:11px}.room-picker .button.accent{margin-top:25px}.room-picker .link-arrow{margin-top:18px}.stay-hero-bottom{display:block;padding-bottom:32px}.stay-hero-bottom>a{display:inline-block;margin-top:18px}.room-rows{gap:38px}.room-row{grid-template-columns:1fr;gap:20px}.room-row .photo{max-width:none}.room-description{padding-top:23px}.room-description h3{font-size:2rem}.room-description>p{font-size:16px;margin-top:20px}.room-description .button{margin-top:22px}.travel-flow{grid-template-columns:1fr;gap:28px;margin-top:32px}.travel-flow strong{margin-bottom:16px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-photo{order:0}.detail-copy{order:1!important}.detail-copy h1{font-size:3.35rem}.night[data-page=inquiry] main.wrap{display:block;padding-top:25px}.inquiry-title{position:static;padding:0 0 32px}.inquiry-title h1{font-size:3rem}.inquiry-title .subcopy{font-size:15px;margin-top:22px}.inquiry-grid form,.summary-panel{padding:23px}.summary-panel h2{font-size:1.7rem}.night .section-head h2{font-size:2.3rem}.comparison h3{font-size:23px}}