/* One photographic palette, with original resolution retained in srcset. */
:root{--bar-height:0px;--photo-tone:saturate(.83) sepia(.075) contrast(.985)}
img[src*="assets/v6/"]{filter:var(--photo-tone);image-rendering:auto}
.room-photo{filter:saturate(.78) sepia(.08) contrast(.99)!important}
.entrance[data-city-photographs] .room-photo{object-position:var(--city-position,50% 50%);filter:saturate(.88) contrast(.99)!important}
.hero-image-credit{flex-basis:100%;font-size:11px;line-height:1.8;opacity:.75}
.room::after{background:linear-gradient(#14130f66,transparent 35%,#14130fa6)}
.entrance-top{top:32px}
.entrance-scroll,.entrance-caption{bottom:30px}
.entrance-scroll{right:160px}
.inside-nav a,.curtain-toggle,.enter-button{min-height:44px}
.inside-nav{top:108px}
.inside-nav a{display:inline-flex;align-items:center}
.room-label>a{min-height:44px}
.dish-switch>button[aria-pressed=false]{opacity:.68}
.recruit-full h2{font-size:clamp(64px,9.4vw,132px)}
.recruit-full h2>span{white-space:nowrap}
@media(max-width:700px){.recruit-full h2{font-size:clamp(64px,17vw,100px)}}
.entrance-caption{letter-spacing:.16em}
.motion-toggle{border-radius:30px;border:1px solid #1b1a1730;box-shadow:none;background:#f8f7f2ed;min-height:40px;font-size:10px;right:14px;bottom:14px}
.motion-toggle::before{background:#8a7255}
@media(max-width:600px){
 .entrance{height:100svh;min-height:630px;max-height:1000px}
 .entrance-top{top:22px}
 .inside-nav{top:100px;font-size:11px;gap:17px}
 .entrance-top>p{font-size:9px;top:50px}
 .curtain-toggle{font-size:11px;gap:14px}
 .enter-button{font-size:12px}
 .room-label{bottom:13%;left:10%;right:10%}
 .room-label>a{font-size:11px;line-height:1.5;gap:6px}
 .room-label h2{font-size:clamp(30px,8.6vw,41px)}
 .room-number{font-size:8px}.room-label>p{font-size:9px}
 .inside-greeting{top:28%;font-size:33px}
 .entry-invitation{bottom:9%}
 .entry-invitation>p{font-size:14px}
 .motion-toggle{min-height:40px;font-size:10px;right:12px;bottom:12px}
 .entrance-scroll{right:auto;left:6%;bottom:28px;font-size:9px}
 .entrance-caption{display:none}
}
@media(max-width:360px){
 .room-label>a{font-size:10px}
 .room-label h2{font-size:29px}
 .noren-city{top:19%}
 .noren-mark{top:30%}
 .noren-word{top:calc(30% + min(68vw,310px) + 12px)}
}