/* Experience pages: a place to imagine, followed by a choice to understand. */
.experience-opening{--ink:#193b3e;--muted:#536867;--action:#17625d;--line:#cbd8d2;width:min(1360px,calc(100% - 48px));margin:0 auto}
.opening-scene{min-height:620px;position:relative;isolation:isolate;overflow:hidden;border-radius:6px;color:#fff;background:#183a3d;display:flex;align-items:center}
.opening-picture{position:absolute;inset:-24px 0;z-index:-2;overflow:hidden}
.opening-picture img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.opening-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,29,34,.88),rgba(10,29,34,.63) 35%,rgba(10,29,34,.04) 73%),linear-gradient(0deg,rgba(10,29,34,.7),transparent 40%)}
.opening-copy{padding:68px 64px 120px;max-width:690px}
.opening-copy .eyebrow{color:#fff;font-size:12px;letter-spacing:.09em;margin-bottom:34px}
.opening-copy h1{font-size:clamp(64px,6.6vw,100px);max-width:9ch;line-height:.98;margin:0 0 28px;letter-spacing:-.045em;font-weight:400}
.opening-intro{font-size:18px;line-height:1.65;max-width:39ch;margin-bottom:30px;color:#f0f5f5}
.opening-copy .button{background:#f0f6ed;color:#153b3c;min-width:175px;justify-content:space-between}
.opening-copy .button:hover{background:#fff}
.opening-copy a:focus-visible{outline-color:white}
.opening-note{position:absolute;right:40px;bottom:36px;display:flex;gap:20px;max-width:305px;padding-top:20px;border-top:1px solid #b6c6c8;color:#fff}
.note-mark{font-size:28px;line-height:1}
.opening-note p{font-size:15px;font-weight:600;margin:0 0 8px}
.opening-note span:not(.note-mark){display:block;font-size:13px;line-height:1.6}
.opening-caption{padding:20px 0 24px;display:flex;justify-content:space-between;gap:24px;align-items:start}
.opening-facts{display:flex;flex-wrap:wrap;gap:8px 18px;flex-shrink:0;font-size:12px;font-weight:500;margin:0;color:var(--ink)}
.opening-facts span+span:before{content:'·';margin-right:18px;color:var(--muted)}
.opening-caption .image-credit{margin:0;text-align:right;max-width:610px;line-height:1.5}
/* Illustrative objects stay explicitly illustrative, on an open split canvas. */
.object-opening .opening-scene{background:#edf1f0;color:var(--ink)}
.object-opening .opening-picture{inset:0 0 0 32%;z-index:-1}
.object-opening .opening-picture img{object-position:center}
.object-opening .opening-scene:after{background:linear-gradient(90deg,#edf1f0 0%,#edf1f0 28%,rgba(237,241,240,.9) 38%,rgba(237,241,240,0) 57%);z-index:-1}
.object-opening .opening-copy{max-width:600px;padding-bottom:86px}
.object-opening .opening-copy h1{font-size:clamp(58px,5.8vw,86px);max-width:10ch}
.object-opening .opening-copy .eyebrow,.object-opening .opening-intro{color:var(--ink)}
.object-opening .opening-intro{max-width:34ch;font-size:17px}
.object-opening .opening-note{color:var(--ink);background:rgba(237,241,240,.95);padding:20px 24px;border:0;max-width:300px;right:28px;bottom:28px}
.object-opening .opening-copy .button{background:var(--action);color:white}
.object-opening .opening-copy a:focus-visible{outline-color:var(--action)}
.chapter-nav{position:sticky;top:var(--header-height);z-index:25;background:var(--canvas);border-bottom:1px solid var(--line)}
.chapter-nav .wrap{display:flex;justify-content:space-between;gap:12px}
.chapter-nav a{position:relative;display:flex;align-items:center;min-height:58px;padding:0 12px;font-size:13px;color:var(--muted);font-weight:500;text-decoration:none}
.chapter-nav a:after{content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--action);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.chapter-nav a[aria-current=location]{color:var(--ink)}
.chapter-nav a[aria-current=location]:after{transform:scaleX(1)}
html:has(.chapter-nav){scroll-padding-top:calc(var(--header-height) + 88px)}
.guide-disclosure{max-width:none;text-align:left;font-size:12px;margin:24px 0 0}
.guide-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 80px;max-width:none;margin-top:88px;margin-bottom:96px;align-items:start}
.guide-overview h2{grid-row:1/3;font:400 clamp(42px,4.1vw,60px)/1.04 var(--display);letter-spacing:-.035em;max-width:15ch;margin:0}
.overview-lead{font-size:21px;line-height:1.65;letter-spacing:-.018em;margin:0}
.overview-limit{grid-column:2;margin-top:12px;padding-left:20px;border-left:2px solid #78a8a5;max-width:58ch}
.overview-limit h3{font-size:14px;font-weight:500;margin-bottom:8px;letter-spacing:0;color:#245b56}
.overview-limit p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.compare-section{padding:48px 40px 32px;margin-inline:-40px;border:1px solid #dce7e6;border-radius:18px;background:linear-gradient(130deg,#e5eff1,#eef3ef);box-shadow:0 2px 2px #21454b05}
.compare-section .section-heading{align-items:center}
.compare-section .section-heading h2{font-size:30px;max-width:18ch;font-weight:500}
.compare-section .table-wrap{position:relative;background:#fff;border:1px solid #dce4e2;border-radius:12px;padding:28px 24px 0;box-shadow:0 14px 34px -20px #21454b42}
.compare-section thead th{padding-bottom:28px}
.compare-section .listing-name{font-size:22px;line-height:1.35;font-weight:500;color:#183c44}
.compare-section .listing-fit{font-size:15px;line-height:1.65}
.compare-section tbody tr:last-child td,.compare-section tbody tr:last-child th{border-bottom:0}
.comparison-compass{display:grid;grid-template-columns:19% 40.5% 40.5%;position:sticky;top:calc(var(--header-height) + 59px);z-index:12;height:50px;margin-bottom:-50px;visibility:hidden;pointer-events:none;background:#fff;box-shadow:0 6px 12px -10px #294d55;border-bottom:1px solid #cfdddc;color:#193b42;font-size:14px;font-weight:500;align-items:center}
.comparison-compass span:not(:first-child){padding-inline:28px}
.comparison-compass span:first-child{color:var(--muted);font-size:12px;font-weight:400}
.table-wrap[data-reading=true] .comparison-compass{visibility:visible}
.comparison-note{font-size:13px;color:#53656a;max-width:78ch;margin:24px 0 0}
.booking-preparation{display:grid;grid-template-columns:.65fr 1.35fr;gap:0 72px;max-width:none}
.booking-preparation>h2{font:400 46px/1.08 var(--display);max-width:8ch;margin:4px 0 0}
.booking-preparation .checklist{margin-top:0}
.research-note{grid-column:2;margin-top:32px;max-width:65ch}
.research-note h3{font-size:22px}
.research-note p{font-size:16px;color:var(--muted)}
@keyframes opening-arrive{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.opening-copy{animation:opening-arrive .85s var(--ease) both}}
@media(max-width:1300px){.compare-section{margin-inline:-16px;padding-inline:24px}.guide-overview{column-gap:48px}}
@media(min-width:701px) and (max-width:1000px){.opening-copy{padding-left:40px;max-width:570px}.opening-note{max-width:240px;right:28px}.object-opening .opening-copy{max-width:520px}.opening-caption{display:block}.opening-caption .image-credit{max-width:none;text-align:left;margin-top:12px}}
@media(max-width:700px){
 .experience-opening{width:100%}.opening-scene{min-height:670px;border-radius:0;align-items:start}
 .opening-picture{inset:-16px 0}.opening-picture img{object-position:60% 50%}
 .opening-scene:after{background:linear-gradient(180deg,rgba(10,29,34,.87),rgba(10,29,34,.58) 52%,rgba(10,29,34,.3) 65%,rgba(10,29,34,.87))}
 .opening-copy{padding:44px 26px 172px;max-width:none}.opening-copy .eyebrow{font-size:11px;margin-bottom:24px;max-width:25ch}
 .opening-copy h1{font-size:clamp(60px,15vw,80px);max-width:8ch;margin-bottom:22px}
 .opening-intro{font-size:16px;max-width:34ch;margin-bottom:24px}
 .opening-note{right:26px;left:26px;bottom:28px;max-width:none;padding-top:18px;gap:16px}
 .opening-note p{font-size:14px}.opening-note span:not(.note-mark){font-size:12px;max-width:38ch}
 .opening-caption{display:block;padding:20px 22px}.opening-facts{font-size:11px;gap:8px 10px}.opening-facts span+span:before{margin-right:10px}
 .opening-caption .image-credit{text-align:left;margin-top:12px;font-size:11px;max-width:none}
 .object-opening .opening-scene{display:flex;flex-direction:column;min-height:0;background:#edf1f0;overflow:hidden}
 .object-opening .opening-picture{position:relative;inset:auto;width:100%;height:300px;order:2;z-index:0;margin-top:-28px}
 .object-opening .opening-picture img{object-fit:cover;object-position:center;transform:none!important}
 .object-opening .opening-scene:after{display:none}.object-opening .opening-copy{padding:40px 26px 28px;max-width:none;order:1}
 .object-opening .opening-copy h1{font-size:58px;max-width:11ch}.object-opening .opening-intro{font-size:16px;max-width:36ch}
 .object-opening .opening-note{position:relative;inset:auto;max-width:none;order:3;margin:0 26px 28px;padding:20px 0 0;border-top:1px solid #bacdca;background:none}
 .chapter-nav .wrap{width:calc(100% - 28px);gap:0}.chapter-nav a{font-size:11px;min-height:54px;padding:0 7px;line-height:1.3;max-width:25%;text-align:center;justify-content:center}
 .chapter-nav a:after{left:7px;right:7px}.guide-disclosure{font-size:12px;margin-top:24px}
 .guide-overview{display:block;margin-top:52px;margin-bottom:56px}.guide-overview h2{font-size:42px;max-width:15ch;margin-bottom:24px}
 .overview-lead{font-size:18px}.overview-limit{margin-top:28px;padding-left:16px}.overview-limit p{font-size:15px}
 .compare-section{padding:30px 12px 22px;margin-inline:-12px;border-radius:12px}.compare-section .section-heading{padding-inline:4px}
 .compare-section .section-heading h2{font-size:27px}.compare-section .section-heading>p{font-size:13px}
 .compare-section .table-wrap{padding:22px 14px 0;border-radius:9px}
 .compare-section .listing-name{font-size:18px}.compare-section .listing-fit{font-size:14px}
 .compare-section thead th:first-child{display:none}.compare-section th,.compare-section td{padding-inline:0}
 .compare-section tr{column-gap:24px}.compare-section thead th{padding-bottom:24px}
 .comparison-compass{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;top:calc(var(--header-height) + 55px);font-size:12px;line-height:1.4;height:48px;margin-bottom:-48px}
 .comparison-compass span:first-child{display:none}.comparison-compass span:not(:first-child){padding:0}
 .comparison-note{font-size:12px;padding-inline:4px}
 .booking-preparation{display:block}.booking-preparation>h2{font-size:38px;max-width:none;margin-bottom:28px}
 .research-note{margin-top:36px}

}
@media(max-width:359px){.opening-copy{padding-inline:22px}.opening-copy h1{font-size:58px}.object-opening .opening-copy h1{font-size:52px}.opening-facts{font-size:10px}}
@media(prefers-reduced-motion:reduce){.opening-picture img{transform:none!important;will-change:auto}.opening-copy{animation:none!important}.chapter-nav a:after{transition:none}}