/* Visible views, rather than another layer of explanation. */
.scene-choice-photo{display:block;object-fit:cover;background:#12365c;flex:none}
.serein-home .arrival-time-buttons{gap:10px}
.serein-home .arrival-time-buttons button{display:flex;flex-direction:column;gap:8px;align-items:center;padding:0 0 10px;min-width:78px}
.arrival-time-buttons .scene-choice-photo{width:78px;height:47px;opacity:.6;transition:opacity .2s}
.arrival-time-buttons button[aria-pressed=true] .scene-choice-photo{opacity:1}
.coastal-world .room-viewfinder-controls{gap:12px}
.coastal-world .room-viewfinder-controls>span{display:none}
.coastal-world .room-viewfinder-controls button{display:flex;align-items:center;gap:9px;padding:0 11px 0 0;border:0;border-bottom:1px solid #7195be;min-height:48px}
.coastal-world .room-viewfinder-controls button[aria-pressed=true]{border-bottom-color:#f4f3e9;background:none;color:#f4f3e9}
.room-viewfinder-controls .scene-choice-photo{width:59px;height:43px;opacity:.6}
.room-viewfinder-controls button[aria-pressed=true] .scene-choice-photo{opacity:1}
.coastal-world .coast-weather-shortcuts{gap:14px}
.coastal-world .coast-weather-shortcuts button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #7195be;background:none;padding:0 12px 0 0;min-height:48px}
.coastal-world .coast-weather-shortcuts button[aria-pressed=true]{background:none;color:#f4f3e9;border-bottom-color:#f4f3e9}
.coast-weather-shortcuts .scene-choice-photo{width:64px;height:44px;opacity:.6}
.coast-weather-shortcuts button[aria-pressed=true] .scene-choice-photo{opacity:1}
.coastal-world .room-deep-copy p{max-width:62ch}
.coastal-world .room-choice a[aria-current=page]{text-decoration-thickness:1px;text-underline-offset:8px}
@media(max-width:760px){
 .serein-home .arrival-time-buttons{justify-content:flex-start;gap:15px;border-bottom:0}
 .serein-home .arrival-time-buttons button{flex:1;padding-bottom:8px;font-size:14px}
 .arrival-time-buttons .scene-choice-photo{width:100%;height:58px}
 .coastal-world .viewfinder-heading{margin-bottom:14px}
 .coastal-world .room-viewfinder-controls{gap:10px;align-items:stretch}
 .coastal-world .room-viewfinder-controls button{flex:1;flex-direction:column;gap:7px;padding:0 0 8px;font-size:12px}
 .room-viewfinder-controls .scene-choice-photo{width:100%;height:46px}
 .coastal-world .room-frame-count{align-self:end;padding-bottom:13px}
 .coastal-world .viewfinder-heading .room-inner-intro{margin-top:13px}
 .coastal-world .room-viewfinder-track{align-items:start;padding-top:0;margin-top:0}
 .coastal-world .room-viewfinder-track>figure{margin-top:0!important}
 .coastal-world .coast-weather-shortcuts{gap:11px}
 .coastal-world .coast-weather-shortcuts button{flex:1;min-width:0;gap:7px;font-size:12px;padding-right:5px}
 .coast-weather-shortcuts .scene-choice-photo{width:43px;height:42px}
}
@media(max-width:350px){.serein-home .arrival-time-buttons{gap:10px}.arrival-time-buttons .scene-choice-photo{height:48px}.coastal-world .room-viewfinder-controls{gap:7px}.coastal-world .room-viewfinder-controls button{font-size:11px}.room-viewfinder-controls .scene-choice-photo{height:40px}.coast-weather-shortcuts .scene-choice-photo{width:33px;height:40px}.coastal-world .coast-weather-shortcuts{gap:8px}}
@media(prefers-reduced-motion:reduce){.scene-choice-photo{transition:none}}

/* Light is explored in one cinematic window; no autoplay or extra carousel. */
.arrival-window{position:relative}
.arrival-compare{position:absolute;inset:0;--light-position:50%;z-index:2;overflow:hidden}
.arrival-compare[hidden]{display:none}
.arrival-compare>picture{display:block;position:absolute;inset:0;pointer-events:none}
.arrival-compare>picture>img{width:100%;height:100%;object-fit:cover}
.arrival-light-range{position:absolute;inset:0;appearance:none;-webkit-appearance:none;width:100%;height:100%;margin:0;cursor:ew-resize;background:transparent;opacity:.01;z-index:3;touch-action:pan-y}
.arrival-light-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:100%;min-height:150px;background:transparent}
.arrival-light-range::-moz-range-thumb{width:44px;height:100%;background:transparent;border:0}
.arrival-light-divider{position:absolute;inset-block:0;left:var(--light-position);width:1px;background:#fff7e6;pointer-events:none}
.arrival-light-divider::after{content:'';position:absolute;top:50%;left:0;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid #f4f3e9;border-radius:50%;background:#0b346e99}
.arrival-light-divider::before{content:'';position:absolute;z-index:1;top:50%;left:0;width:14px;height:8px;transform:translate(-50%,-50%);border-inline:1px solid #fff7e6}
.arrival-compare:has(.arrival-light-range:focus-visible){outline:3px solid #f4f3e9;outline-offset:-8px}
.arrival-compare-labels{position:absolute;inset:auto 3% 24px;display:flex;justify-content:space-between;pointer-events:none;font:14px Noto,sans-serif;color:#fff7e6}
.arrival-compare-labels span{padding:7px 12px;background:#082754d9}
.serein-home .arrival-controls{grid-template-columns:auto auto minmax(0,1fr) auto;gap:24px}
.arrival-compare-toggle{min-height:44px;padding:10px 0;background:none;border:0;border-bottom:1px solid #7899bb;color:#f4f3e9;font:13px Noto,sans-serif;white-space:nowrap}
.arrival-compare-toggle[aria-pressed=true]{border-color:#f4f3e9;color:#fff7e6}
.travel-party{display:flex;gap:14px;border-block:1px solid #7092b3;margin-top:22px;padding:0}
.travel-party button{flex:1;min-height:50px;padding:10px 12px;background:transparent;border:0;border-bottom:2px solid transparent;font:15px SweiSpring,Noto,serif;color:#d6e6ee}
.travel-party button[aria-pressed=true]{border-bottom-color:#f4f3e9;color:#fff7e6;background:#ffffff08}
.serein-home .travel-party-result{font-size:14px;line-height:1.8;min-height:25px;margin:14px 0 7px;color:#f4f3e9}
.coastal-world .catalog-photo>figcaption>span.duplicate-image-description{display:none}
.coastal-world .stay-inner-heading{padding-top:15px;padding-bottom:25px}
.coastal-world .stay-inner-heading h1{font-size:clamp(36px,3.8vw,52px);line-height:1.5}
.coastal-world .room-viewfinder .room-en{display:none}
.coastal-world .room-viewfinder-track{padding-top:12px}
.coastal-world .room-deep-copy{gap:8vw;padding-block:65px}
.coastal-world .room-full-specs{padding:20px 30px;background:#f4f3e9;color:#12365c}
.coastal-world .room-full-specs>div{border-color:#bac8cd;padding-block:15px}
.coastal-world .room-full-specs dt{color:#395b75}
.coastal-world .room-full-specs dd{color:#12365c}
.coastal-world .coast-page-heading{padding-top:20px;grid-template-columns:1fr auto;gap:24px}
.coastal-world .coast-page-heading h1{font-size:clamp(38px,4vw,56px)}
.coastal-world .coast-editor-intro>p:first-of-type{display:none}
.coastal-world .coast-live-landscape .catalog-photo>figcaption>span{display:none}
.coastal-world .coast-live-landscape{align-items:center}
.coastal-world .coast-plan-body{position:relative}
.coastal-world .coast-route-photo{position:sticky;top:120px;align-self:start}
.coastal-world .coast-itinerary{margin-top:32px}
.coastal-world .itinerary-stop{appearance:none;border:0;background:none;text-align:left;color:inherit;font:inherit;font-size:inherit;min-height:44px;padding:0 25px 0 0;cursor:pointer}
.coastal-world .itinerary-stop[aria-pressed=true]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.coastal-world .coast-itinerary li.is-selected>time{color:#fff7e6;font-weight:700}
.coastal-world .itinerary-stop:focus-visible{outline:2px solid #f4f3e9;outline-offset:5px}
.coastal-world .stay-dock{min-height:72px;padding-block:12px;gap:30px}
.coastal-world .stay-dock .dock-selection{font:12px/1.8 Chivo,Noto,sans-serif;max-width:40ch;margin:0;color:#d7e6ef}
.coastal-world :is(input,textarea){caret-color:#f4f3e9}
.coastal-world ::selection{background:#d5e7ed;color:#0b346e}
.coastal-world :is(.room-viewfinder-track,.panorama-track){scrollbar-color:#7ca0bf #12365c}
@media(max-width:760px){
 .serein-home .arrival-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px 18px}
 .serein-home .arrival-time-buttons{grid-column:1/-1;grid-row:1;gap:14px}
 .arrival-compare-toggle{grid-column:2;grid-row:2;padding-block:9px;align-self:start}
 .serein-home .arrival-controls>p{grid-column:1;grid-row:2;font-size:13px;max-width:none}
 .serein-home .arrival-room-link{grid-column:1/-1;grid-row:3;justify-content:space-between;min-height:43px}
 .arrival-compare-labels{bottom:14px;font-size:12px}
 .arrival-light-divider::after{width:34px;height:34px}
 .serein-home .arrival-intro{padding-top:27px;padding-bottom:28px}
 .serein-home .arrival-intro h2{font-size:29px;line-height:1.6;margin-bottom:17px;text-align:left}
 .serein-home .travel-party{margin-top:18px}
 .travel-party button{font-size:15px;padding-inline:8px}
 .coastal-world .breadcrumbs{padding-block:18px}
 .coastal-world .stay-inner-heading{padding-top:8px;padding-bottom:20px}
 .coastal-world .stay-inner-heading h1{font-size:35px}
 .coastal-world .room-choice{padding-block:12px}
 .coastal-world .room-choice a>span:last-child{display:none}
 .coastal-world .room-viewfinder .viewfinder-heading{padding-top:20px;margin-bottom:10px}
 .coastal-world .room-inner-intro{margin-top:12px}
 .coastal-world .room-viewfinder-track{padding-top:0}
 .coastal-world .room-deep-copy{padding-block:35px}
 .coastal-world .room-full-specs{padding:10px 20px;margin-top:24px}
 .coastal-world .coast-page-heading{padding-top:12px;padding-bottom:22px;display:block}
 .coastal-world .coast-page-heading h1{font-size:36px;margin:0 0 20px}
 .coastal-world .coast-planning-body{display:flex;flex-direction:column}
 .coastal-world .coast-planning-body>.coast-editor{order:1;padding-top:0;padding-bottom:25px;margin-top:0}
 .coastal-world .coast-planning-body>.coast-live-landscape{order:2;padding-top:0;margin-top:0}
 .coastal-world .coast-editor-intro h2{font-size:26px;margin-top:0}
 .coastal-world .coast-editor-intro{padding-bottom:10px}
 .coastal-world .coast-editor #coast-form{margin-top:12px}
 .coastal-world .coast-concept-note{margin-block:10px}
 .coastal-world .coast-plan-body{position:static}
 .coastal-world .coast-route-photo{position:static}
 .coastal-world .coast-itinerary{margin-top:22px}
 .coastal-world .stay-dock{min-height:72px;gap:14px;padding-block:11px}
 .coastal-world .stay-dock .dock-room>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .coastal-world .stay-dock .dock-selection{display:none}
 .coastal-world .stay-dock select,.coastal-world #dock-plan{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.arrival-light-divider,.travel-party button{transition:none}}
@media print{.scene-choice-photo{display:none}}
