:where(.pv){
  --pv-r-glide:760ms;          
}




:where(.pv) .rn-sticky .roomnav{position:relative}
:where(.pv) .rn-mark{position:absolute; left:0; top:0; width:100px; height:2px; background:var(--pv-accent);
  transform-origin:0 0; pointer-events:none; opacity:0;
  transition:transform 380ms var(--pv-ease), opacity 220ms var(--pv-ease)}
:where(.pv) .rn-mark.is-on{opacity:1}
:where(.pv) .rn-mark.no-ease{transition:none}




@media (min-width:721px){
  :where(.pv) main > .hero-sub{padding-block:clamp(30px,2.8vw,40px) 16px}
  :where(.pv) main > .hero-sub .lede{margin:16px 0 0}
  :where(.pv) .rn-sticky .roomnav{padding-block:8px}
}



:where(.pv) .rhero-cap > *{transition-duration:600ms, 600ms; transition-delay:220ms, 220ms}
:where(.pv) .rhero-cap > .rhero-h{transition-delay:300ms, 300ms}


:where(.pv) .rhero-cap .rhero-h{color:inherit; margin:0; font-weight:400; text-wrap:wrap}


:where(.pv.js-motion) .rhero.r6-hold img,
:where(.pv.js-motion) .rhero.r6-hold .rp-ph{transform:scale(1.06); opacity:0; transition:none}
:where(.pv.js-motion) .rhero.r6-hold::after{opacity:0}
:where(.pv.js-motion) .rhero.r6-hold .rhero-cap > *{opacity:0; transform:translateY(var(--pv-rise)); transition:none}


:where(.pv) .rhero.r6-land .rhero-cap > *{transition:none}


:where(.pv) .pcards.is-in > *:nth-child(2){transition-delay:110ms}
:where(.pv) .pcards.is-in > *:nth-child(3){transition-delay:220ms}





@media (min-width:901px){
  :where(.pv) .pcards{row-gap:0}
  :where(.pv) .pcard{display:grid; grid-row:span 5; grid-template-rows:subgrid; row-gap:0}
  :where(.pv) .pcard-txt{display:contents}
  :where(.pv) .pcard-n{margin-top:16px}
}

:where(.pv) .pcard-pic img, :where(.pv) .pcard-pic .rp-ph{transition:transform 900ms var(--pv-ease)}
:where(.pv.js-motion) .pcards:not(.is-in) .pcard-pic img, :where(.pv.js-motion) .pcards:not(.is-in) .pcard-pic .rp-ph{transform:scale(1.08)}
@media (hover:hover){
  :where(.pv) .pcards.is-in .pcard:hover .pcard-pic img,
  :where(.pv) .pcards.is-in .pcard:hover .pcard-pic .rp-ph{transform:scale(1.06); transition-duration:420ms}
}

:where(.pv) .pcards.is-in .pcard.is-near .pcard-pic img,
:where(.pv) .pcards.is-in .pcard.is-near .pcard-pic .rp-ph{transform:scale(1.06); transition-duration:700ms}




:where(.pv) .room2{--pv-fold-dur:560ms}   
:where(.pv) .room2 .fold-body{transition-duration:var(--pv-fold-dur)}
:where(.pv) .room2 .fold-in > .figure{transition:transform 560ms var(--pv-ease)}
:where(.pv) .room2 .fold:not(.open) .fold-in > .figure{transform:translateY(-28px)}
:where(.pv) .room2 .fold-btn{transition:background-color var(--pv-dur) var(--pv-ease), transform var(--pv-dur-fast) var(--pv-ease)}








:where(.pv) .pager-door{display:flex; flex-direction:column; align-items:stretch; gap:14px; padding-top:clamp(36px,4.5vw,64px)}
:where(.pv) .pager-door > .pg-prev{align-self:flex-start}
:where(.pv) .pager a.pg-pic{display:block; background:none; text-decoration:none; color:#fff}
:where(.pv) .pg-thumb{display:block; position:relative; width:100%; aspect-ratio:3/1; margin:0; overflow:hidden; background:var(--pv-band)}
:where(.pv) .pg-thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform 900ms var(--pv-ease)}

:where(.pv) .pg-thumb::after{content:""; position:absolute; inset:auto 0 0 0; height:80%; pointer-events:none;
  background:linear-gradient(to top,rgba(10,10,46,.88) 0%,rgba(10,10,46,.62) 45%,rgba(10,10,46,0) 100%)}
:where(.pv) .pg-cap{position:absolute; left:clamp(18px,2.6vw,36px); right:clamp(18px,2.6vw,36px); bottom:clamp(16px,2.4vw,32px); z-index:1;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px; color:#fff}
:where(.pv) .pg-eb{font-family:var(--pv-mono); font-size:var(--pv-fs-micro); letter-spacing:.12em; text-transform:uppercase; text-shadow:0 1px 8px rgba(0,0,0,.45)}
:where(.pv) .pg-name{font-family:var(--pv-disp); font-size:var(--pv-fs-h3); line-height:1.05; letter-spacing:-.01em; text-shadow:0 2px 18px rgba(0,0,0,.35);
  padding-bottom:4px; background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  transition:background-size var(--pv-dur) var(--pv-ease)}
:where(.pv) .pg-name > span{display:inline-block; transition:transform var(--pv-dur) var(--pv-ease)}
@media (hover:hover){
  :where(.pv) .pager a.pg-pic:hover .pg-name{background-size:100% 1px}
  :where(.pv) .pager a.pg-pic:hover .pg-name > span{transform:translateX(6px)}
  :where(.pv) .pager a.pg-pic:hover .pg-thumb img{transform:scale(1.04)}
}
:where(.pv) .pager a.pg-pic:focus-visible{outline:2px solid var(--pv-focus); outline-offset:4px}
:where(.pv) .pager a.pg-pic:focus-visible .pg-name{background-size:100% 1px}
:where(.pv) .pg-thumb.is-gone{opacity:0}

:where(.pv) .pg-thumb .rp-desc{display:none}
:where(.pv) .pg-thumb .rp-ph{padding:8px; background:color-mix(in srgb, var(--pv-foot-bg) 85%, var(--pv-foot-ink))}
:where(.pv) .pg-thumb .rp-eb{color:var(--pv-foot-body)}


:where(.pv) .pager .pg-thumb > .rp-wm{top:8px; right:8px; bottom:auto; max-width:calc(100% - 16px); padding:3px 8px 4px; font-size:var(--pv-fs-micro)}
@media (max-width:720px){
  :where(.pv) .pg-thumb{aspect-ratio:16/10}
  :where(.pv) .pager-door{gap:12px}
}


:where(.pv) .r6-fly{position:fixed; inset:0; z-index:35; pointer-events:none; overflow:hidden}
:where(.pv) .r6-media{position:absolute; overflow:hidden}
:where(.pv) .r6-media > img, :where(.pv) .r6-media > .rp-ph{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transform-origin:50% 50%}
:where(.pv) .r6-media .rp-ph > span{opacity:0}
:where(.pv) .r6-media > .rp-ph{background:color-mix(in srgb, var(--pv-foot-bg) 85%, var(--pv-foot-ink)); outline:0}

:where(.pv) .r6-scrim{position:absolute; inset:auto 0 0 0; height:70%; opacity:0;
  background:linear-gradient(to top,rgba(10,10,46,.88) 0%,rgba(10,10,46,.62) 45%,rgba(10,10,46,0) 100%)}


:where(.pv) .roomnav a, :where(.pv) .pager a, :where(.pv) .room2 .fold-btn{-webkit-tap-highlight-color:transparent}
:where(.pv) .pager a.pg-pic:active .pg-thumb{transform:scale(.985)}
:where(.pv) .pg-thumb{transition:transform var(--pv-dur-fast) var(--pv-ease), opacity var(--pv-dur-fast) var(--pv-ease)}


@media (prefers-reduced-motion:reduce){
  :where(.pv) .rn-mark{transition:none}
  :where(.pv) .room2 .fold:not(.open) .fold-in > .figure{transform:none}
  :where(.pv) .pcard-pic img, :where(.pv.js-motion) .pcards:not(.is-in) .pcard-pic img, :where(.pv) .pcard-pic .rp-ph{transform:none}
}




:where(.pv) .hero-sub h1{font-size:var(--pv-fs-display-split); max-width:none; text-wrap:pretty}
:where(.pv) .room2-brief{max-width:none; text-wrap:pretty}   


@media print{
  :where(.pv) .room2 .fold-in > .figure{transform:none}
  :where(.pv) .rn-mark, :where(.pv) .r6-fly{display:none}
}