html{scroll-padding-top:calc(var(--header-height,76px) + 16px)}
.refined-a .header-actions{gap:20px}
.refined-a .desktop-nav{font-size:12px;gap:25px;color:#e3ddce}
.refined-a .reserve-mini{font-size:12px;min-height:44px;padding:13px 18px;gap:20px}
.refined-a .site-header .motion-control{position:static;inset:auto;flex:0 0 44px;width:44px;height:44px;font-size:12px;z-index:auto;box-shadow:none;background:#10161077;border-color:#c5b49166}
.refined-a .site-header .motion-control.paused{background:#e9e3d7;color:#222}
.refined-a .site-header .motion-control:disabled{opacity:.55;cursor:default}
.refined-a .site-header .menu-toggle{width:44px;height:44px;flex-shrink:0}
.refined-a .hero-sub{font-size:13px;color:#e0d8c7;letter-spacing:.13em}
.refined-a .hero-place{font-size:13px}
.refined-a .hero-place>span:first-child{font-size:11px;color:#d2c2a5}
.refined-a .hero-scroll{font-size:11px}
.refined-a .hero-footnote{font-size:10px;color:#c3b89f}
.refined-a .section-label{font-size:11px;color:#bdaf91}
.refined-a .intro-body .body-copy{color:#e0dbcf;line-height:2.3}
.refined-a .intro-note{font-size:10px;line-height:1.8;opacity:.75}
.refined-a .intro-body .text-link{font-size:13px}
.refined-a .space-heading .body-copy{font-size:15px;line-height:2.2}
.refined-a .room-description{font-size:14px;line-height:2;opacity:1;color:#d7d2c5;min-height:56px}
.refined-a .img-credit{font-size:10px;opacity:.75}
.refined-a .info-list dd{font-size:15px}
.refined-a .info-list dd small{font-size:12px;opacity:.85;line-height:1.9}
.refined-a .info-list dt{font-size:12px;opacity:.85}
.refined-a .faq summary{font-size:14px}
.refined-a .faq p{font-size:13px;line-height:2}
.refined-a .site-footer{font-size:11px}
.refined-a .site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px}
.refined-a .reservation-helper{margin-top:18px;font:12px/2 var(--sans);color:#cfc6b4}
.refined-a .reservation-helper a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.refined-a .invite-note{font-size:12px;opacity:.85}
.refined-a .menu-panel nav .reserve-menu{font-size:20px;margin-top:20px;min-height:52px;line-height:1.8}
.refined-a .mobile-dock [data-reservation]{background:#c9af81;color:#151b14}

/* Keep each scene long enough to read, with less travel between scenes. */
.refined-a .scene-track{height:225svh;min-height:0}
.refined-a .scene-sticky{height:100svh;min-height:520px}
.refined-a .scene-frame{transition:opacity .65s ease}
.refined-a .scene-photo{transform:scale(1.045);transition:transform 1.2s var(--ease)}
.refined-a .scene-frame .scene-copy{transition:opacity .12s ease}
.refined-a .scene-frame.active .scene-copy{transition-delay:.14s}
.refined-a .scene-copy h2>span{transform:translateY(14px);transition:transform .7s var(--ease) .03s,opacity .55s ease .03s}
.refined-a .scene-copy h2>span+span{transition-delay:.12s}
.refined-a .scene-copy>.kicker{font-size:11px;color:#d1c1a1}
.refined-a .scene-copy p:last-child{font-size:15px;line-height:2.1;color:#e8e0d1}
.refined-a .scene-nav button>small{font-size:11px}
.refined-a .scene-credit{font-size:10px;opacity:.85}
.refined-a .scene-next{font-size:12px;min-height:44px}
.page-hidden .refined-a *{animation-play-state:paused!important}

@media(min-width:761px) and (max-width:1050px){
 .refined-a .header-actions{gap:12px}
 .refined-a .desktop-nav{gap:15px;font-size:11px}
 .refined-a .reserve-mini{padding-inline:13px;gap:12px}
 .refined-a .scene-nav button{width:115px}
 .refined-a .scene-nav button>small{font-size:10px}
}
@media(max-width:760px){
 .refined-a .site-header,.refined-a .site-header.is-scrolled{padding:12px 20px;min-height:68px;align-items:center}
 .refined-a .site-header .header-actions{gap:6px;align-items:center}
 .refined-a .site-header .menu-toggle{width:44px;height:44px}
 .refined-a .site-header .brand-mark{top:22px}
 .refined-a .header-wordmark{font-size:20px;line-height:44px}
 .refined-a .hero-a{height:calc(100svh - var(--dock-height,68px));min-height:480px;max-height:930px}
 .refined-a .hero-a-copy{top:clamp(100px,18svh,145px);right:27px;bottom:auto}
 .refined-a .hero-a h1 span{font-size:clamp(30px,8.3vw,38px)}
 .refined-a .hero-eyebrow{right:136px;font-size:10px;color:#d9c9a9;opacity:1;text-shadow:0 1px 7px #000}
 .refined-a .hero-sub{font-size:11px;margin-top:20px;letter-spacing:.08em;text-shadow:0 1px 7px #000}
 .refined-a .hero-bottom{bottom:22px;gap:16px;align-items:end}
 .refined-a .hero-place{font-size:12px;line-height:2.1}
 .refined-a .hero-place>span:first-child{font-size:10px}
 .refined-a .hero-scroll{font-size:10px;gap:12px;min-height:44px}
 .refined-a .hero-scroll i{width:40px;height:40px}
 .refined-a .hero-footnote{font-size:9px;bottom:61px}
 .refined-a .hero-side{display:none}
 .refined-a .section-label,.refined-a .intro-heading .section-label{font-size:10px}
 .refined-a .intro-body .body-copy{font-size:14px;line-height:2.3}
 .refined-a .intro-body .text-link{font-size:13px}
 .refined-a .intro-note{font-size:9px;line-height:1.8}
 .refined-a .space-heading .body-copy{font-size:14px;line-height:2.2}
 .refined-a .room-tabs button{font-size:14px;min-height:48px}
 .refined-a .room-description{font-size:14px;line-height:2;min-height:84px}
 .refined-a .img-credit{font-size:9px}
 .refined-a .scene-track{height:215svh;min-height:0}
 .refined-a .scene-sticky{height:calc(100svh - var(--dock-height,68px));min-height:480px}
 .refined-a .scene-copy{top:calc(var(--header-height,68px) + 22px)}
 .refined-a .scene-copy>.kicker{font-size:10px;gap:18px}
 .refined-a .scene-copy p:last-child{font-size:14px;line-height:2.1}
 .refined-a .scene-copy h2{font-size:clamp(37px,10vw,44px);line-height:1.42;margin:22px 0 18px}
 .refined-a .scene-footer{bottom:22px;gap:12px}
 .refined-a .scene-credit{font-size:9px;bottom:90px;right:24px}
 .refined-a .scene-next{font-size:11px;gap:8px}
 .refined-a .invite-note{font-size:11px}
 .refined-a .info-list dd{font-size:14px}
 .refined-a .info-list dd small{font-size:12px}
 .refined-a .big-reserve{font-size:19px;letter-spacing:.04em}
 .refined-a .reservation-helper{font-size:12px;line-height:1.9}
 .refined-a .menu-panel nav .reserve-menu{font-size:17px;letter-spacing:.03em}
 .refined-a .mobile-dock a{font-size:12px;letter-spacing:.03em;min-height:49px}
 .refined-a .site-footer{font-size:10px;padding-bottom:calc(var(--dock-height,68px) + 24px)}
}
@media(max-width:760px) and (max-height:650px){
 .refined-a .hero-a-copy{top:100px}
 .refined-a .hero-a h1 span{font-size:30px;letter-spacing:.12em}
 .refined-a .hero-a h1 span:last-child{padding-top:33px}
 .refined-a .hero-sub{margin-top:15px}
 .refined-a .hero-bottom{bottom:18px}
 .refined-a .scene-copy{top:82px}
 .refined-a .scene-copy h2{font-size:36px;margin:17px 0 14px}
 .refined-a .scene-footer{bottom:17px}
 .refined-a .scene-credit{bottom:78px}
}
@media(max-width:360px){
 .refined-a .header-wordmark{font-size:18px;letter-spacing:.08em}
 .refined-a .header-wordmark small{margin-right:6px}
 .refined-a .hero-eyebrow{right:129px}
 .refined-a .scene-nav{gap:10px}
 .refined-a .scene-nav button{min-width:43px;padding-inline:7px}
 .refined-a .scene-next{font-size:10px}
 .refined-a .room-tabs button{font-size:13px}
 .refined-a .big-reserve{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .refined-a .scene-track{height:auto;min-height:0}
 .refined-a .scene-sticky{position:relative}
}

/* Keep the two external destinations within reach throughout the page. */
.refined-a .header-instagram{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;font:12px var(--sans);color:#e3ddce;white-space:nowrap}
.refined-a .header-instagram svg{width:20px;height:20px;flex:none}
.refined-a .header-instagram:hover{color:#d1b98b}
.refined-a .menu-panel nav .instagram-menu{font-size:20px;margin-top:0;min-height:52px;line-height:1.8}
.refined-a .menu-panel nav .reserve-menu{margin-top:0}

/* Give the sake photograph its own place below the introduction. */
.refined-a .intro-refined{row-gap:36px}
.refined-a .intro-refined .intro-body{padding-bottom:0}
.refined-a .intro-detail{position:relative;grid-column:1;grid-row:3;inset:auto;align-self:start;justify-self:start;width:228px;max-width:calc(100% - 38px);height:auto;border:0;margin:0 0 0 38px;transform:none!important}
.refined-a .intro-detail-image{width:100%;aspect-ratio:4/5}
.refined-a .intro-detail-image img{object-position:center}
.refined-a .intro-detail figcaption{position:static;writing-mode:horizontal-tb;margin-top:14px;font-size:13px;line-height:1.8;letter-spacing:.12em;color:#cfc6b4;text-shadow:none}
.refined-a .intro-note{grid-column:2;grid-row:3;align-self:start;margin:0;max-width:100%}
@media(min-width:761px) and (max-width:1200px){
 .refined-a .header-instagram span{display:none}
}
@media(min-width:761px) and (max-width:1050px){
 .refined-a .intro-detail{margin-left:0;max-width:100%;width:210px}
}
@media(min-width:761px) and (max-width:950px){
 .refined-a .desktop-nav{gap:12px;font-size:10px;letter-spacing:.02em}
 .refined-a .header-actions{gap:8px}
 .refined-a .reserve-mini{padding-inline:10px;gap:8px;white-space:nowrap}
}
@media(max-width:760px){
 .refined-a .header-instagram{display:none}
 .refined-a .mobile-dock{grid-template-columns:52px 68px minmax(0,1fr);gap:8px}
 .refined-a .mobile-dock a{padding:6px;white-space:nowrap;gap:7px}
 .refined-a .mobile-dock .dock-utility{display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1;letter-spacing:0}
 .refined-a .mobile-dock .dock-utility svg{width:17px;height:17px;flex:none}
 .refined-a .mobile-dock [data-reservation]{font-size:12px;letter-spacing:0}
 .refined-a .menu-panel nav .instagram-menu{font-size:17px}
 .refined-a .intro-refined{row-gap:0}
 .refined-a .intro-detail{grid-column:1;grid-row:4;width:min(76%,240px);max-width:none;margin:34px 0 0}
 .refined-a .intro-detail figcaption{font-size:12px;margin-top:12px}
 .refined-a .intro-note{grid-column:1;grid-row:5;margin-top:24px;justify-self:start}
}
@media(max-width:360px){
 .refined-a .mobile-dock{grid-template-columns:44px 62px minmax(0,1fr);gap:7px}
 .refined-a .mobile-dock [data-reservation]{font-size:11px;gap:4px}
}
