*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101b25;color:#eee9e0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif}a{color:inherit}.fiction{padding:7px 20px;background:#efe9df;color:#101b25;font:10px sans-serif;text-align:center}.fiction a{margin-left:16px}.float-nav{position:fixed;z-index:4;top:48px;left:4vw;right:4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;mix-blend-mode:difference}.float-nav>b{font:700 16px/.8 Arial}.float-nav nav{display:flex;gap:30px;font:11px sans-serif}.float-nav>button{justify-self:end;padding:12px 18px;border:1px solid;background:transparent;color:#fff}.arrival{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:9vw 7vw;background:linear-gradient(0deg,#101b25 0,transparent 65%),url("../images/showcase-hotel-hero.png") center/cover}.arrival h1{margin:.2em 0;font-size:clamp(68px,11vw,155px);font-weight:400;line-height:.84;letter-spacing:-.07em}.arrival small{font:10px Arial;letter-spacing:.2em}.arrival p{font-size:20px}.arrival>span{position:absolute;right:3vw;bottom:4vw;writing-mode:vertical-rl;font:10px Arial}.hours{display:grid;grid-template-columns:1.2fr .8fr 1fr}.hours article{min-height:630px;display:flex;flex-direction:column;justify-content:flex-end;padding:45px;background-size:cover;background-position:center}.hours .dawn{background:linear-gradient(0deg,#172a37,transparent),url("../images/showcase-hotel-hero.png") left center/cover}.hours .meal{background:#d4b581;color:#101b25}.hours .walk{background:#263a49}.hours time{font-size:48px}.hours h2{font-size:40px;font-weight:400}.room-gallery{padding:10vw 5vw;background:#e9e3d9;color:#101b25}.room-gallery header{display:grid;grid-template-columns:200px 1fr;align-items:end}.room-gallery h2{font-size:clamp(48px,7vw,96px);font-weight:400}.room-stage{display:grid;grid-template-columns:70px 1.4fr .6fr 70px;min-height:620px;margin-top:60px;border-block:1px solid}.room-stage>button{border:0;border-inline:1px solid;background:transparent;font-size:32px}.room-stage figure{margin:0;background:url("../images/showcase-hotel-hero.png") center/cover;transition:background-position .5s}.room-stage article{align-self:center;padding:45px}.room-stage h3{font-size:44px;font-weight:400}.room-stage dl>div{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-top:1px solid}.room-stage dd{margin:0}.room-dots{display:flex;gap:10px;margin:20px 70px}.room-dots button{width:44px;height:3px;border:0;background:#aaa}.room-dots button.active{background:#101b25}.local{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.local>div{padding:9vw 6vw;background:#d4b581;color:#101b25}.local h2{font-size:clamp(50px,7vw,88px);font-weight:400}.local ol{margin:0;padding:80px 6vw;list-style:none}.local li{display:flex;justify-content:space-between;padding:28px 0;border-bottom:1px solid #556}.booking-dock{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr) auto;background:#efe9df;color:#101b25;box-shadow:0 -20px 60px #0005}.booking-dock>div{padding:18px 22px;border-right:1px solid #aaa}.booking-dock small,.booking-dock strong{display:block}.booking-dock input,.booking-dock select{border:0;background:transparent;margin-top:8px}.booking-dock>button{border:0;padding:20px;background:#d4b581}.booking-dock .dock-close{display:none}.booking-dock p{grid-column:1/-1;margin:0;padding:6px 20px;background:#101b25;color:#fff;font:9px sans-serif}@media(max-width:760px){.float-nav{top:44px}.float-nav nav{display:none}.arrival{min-height:780px;padding:100px 24px 55px}.arrival h1{font-size:72px}.hours{display:block}.hours article{min-height:520px}.room-gallery{padding:90px 18px}.room-gallery header{grid-template-columns:1fr}.room-stage{grid-template-columns:1fr}.room-stage>button{position:absolute;z-index:1;width:55px;height:55px;background:#e9e3d9}.room-stage>button:last-child{right:18px}.room-stage figure{min-height:440px}.room-stage article{padding:35px 20px}.room-dots{margin:20px 0}.local{grid-template-columns:1fr}.local>div,.local ol{padding:80px 24px}.booking-dock{position:fixed;inset:auto 0 0;display:none;grid-template-columns:1fr 1fr}.booking-dock.open{display:grid}.booking-dock>button{grid-column:1/-1}.booking-dock .dock-close{display:block;position:absolute;right:5px;top:-48px;width:44px;height:44px;grid-column:auto}.booking-dock p{grid-column:1/-1}}