/* Editorial travel collections, using the approved shared site styles. */
.experience-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:9%;padding-top:65px;padding-bottom:48px}
.experience-heading .eyebrow{color:var(--muted);margin-bottom:22px}
.experience-heading h1{font-size:clamp(52px,5.8vw,84px);line-height:1.08}
.experience-heading h1 em{color:#677957}
.experience-intro>p:first-child{font:25px/1.4 var(--serif);margin-bottom:15px}
.experience-intro>p:nth-child(2){font-size:14px;max-width:380px;color:var(--muted)}
.experience-intro .text-link{margin-top:14px}
.experience-panorama{position:relative;margin:0 4%;height:340px;isolation:isolate;background:var(--ink)}
.experience-panorama img{width:100%;height:100%;object-position:center 48%}
.experience-panorama:after{content:'';position:absolute;inset:55% 0 0;z-index:0;background:linear-gradient(transparent,#082f35cf)}
.experience-panorama figcaption{position:absolute;z-index:1;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:9px;letter-spacing:2px}
.experience-panorama figcaption span{font:italic 26px var(--serif);letter-spacing:0}
/* The fixed-height stage prevents surrounding content from shifting during zoom. */
.experience-focus.focus-ready{height:calc(var(--focus-height) + var(--focus-travel))}
.focus-ready .experience-focus-stage{position:sticky;top:var(--focus-header);height:var(--focus-height)}
.focus-ready .experience-panorama{height:var(--focus-image-height);margin-inline:var(--focus-inset);overflow:hidden}
.focus-ready .experience-panorama img{transform:scale(var(--focus-scale));transform-origin:center;will-change:transform}
@media(prefers-reduced-motion:reduce){
 .experience-focus.focus-ready{height:auto}
 .focus-ready .experience-focus-stage{position:static;height:auto}
 .focus-ready .experience-panorama{height:340px;margin-inline:4%}
 .focus-ready .experience-panorama img{transform:none;will-change:auto}
}
.experience-index{display:flex;justify-content:space-between;gap:14px;padding:24px 7%;border-bottom:1px solid var(--line)}
.experience-index a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px}
.experience-index a:hover{color:#825a2f}
.experience-index span{font:italic 17px var(--serif);color:#667655}
.ocean-feature,.together-feature{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:9%}
.ocean-feature figure,.together-feature figure{min-width:0}
.ocean-feature figure>img{width:100%;height:500px;object-position:62% center}
.ocean-feature figcaption,.together-feature figcaption{font-size:8px;letter-spacing:1.5px;margin-top:17px;color:var(--muted)}
.experience-copy .eyebrow{color:var(--muted);margin-bottom:20px}
.experience-copy h2{margin-bottom:25px}
.experience-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:16px}
.experience-copy>p.experience-lead{font:25px/1.45 var(--serif);color:var(--ink)}
.experience-copy .text-link{margin-top:23px}
.land-and-sea{background:#eaece3}
.journey-pair{display:grid;grid-template-columns:1fr 1fr;gap:7%}
.journey-pair section{min-width:0}
.journey-pair section>img{width:100%;height:330px}
.journey-pair section:nth-child(2){padding-top:80px}
.journey-copy{padding-top:28px}
.journey-copy .eyebrow{color:var(--muted);margin-bottom:18px}
.journey-copy h2{font-size:clamp(38px,4vw,57px);margin-bottom:23px}
.journey-copy>p:not(.eyebrow){font-size:14px;max-width:470px;color:var(--muted)}
.journey-secondary{display:block;font-size:11px;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding-top:17px;width:fit-content}
.together-feature{grid-template-columns:1fr 1.15fr}
.together-feature figure>img{width:100%;height:470px}
.romance-feature{background:#eaece3}
.romance-inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:10%}
.romance-inner>img{width:100%;height:460px;border-radius:48% 48% 0 0;object-position:center}
.romance-inner h2{font-size:clamp(40px,4.3vw,62px)}
.travel-detail{border-top:1px solid var(--line)}
.travel-detail:last-child{border-bottom:1px solid var(--line)}
.travel-detail summary{display:flex;align-items:center;gap:25px;min-height:92px;padding:20px 4px;cursor:pointer;list-style:none}
.travel-detail summary::-webkit-details-marker{display:none}
.travel-detail summary:hover{color:#825a2f}
.travel-detail summary:focus-visible{outline:3px solid #8a592b;outline-offset:3px}
.detail-number{font:italic 19px var(--serif);color:var(--muted);min-width:30px}
.travel-detail h3{font-size:32px;line-height:1.25}
.detail-symbol{margin-left:auto;flex-shrink:0;border:1px solid #91a18b;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font:25px Manrope,Arial,sans-serif}
.detail-symbol:before{content:'+'}
.travel-detail[open] .detail-symbol:before{content:'−'}
.detail-body{padding:0 60px 30px;max-width:820px}
.detail-body p{font-size:14px;color:var(--muted)}
.detail-body .detail-lead{font:24px/1.4 var(--serif);color:var(--ink);margin-bottom:12px}
.detail-body .text-link{margin-top:13px}
@media(max-width:1000px){
 .experience-heading{gap:5%;padding-block:45px}
 .experience-heading h1{font-size:55px}
 .experience-intro>p:first-child{font-size:22px}
 .experience-panorama{height:290px}
 .experience-index{flex-wrap:wrap;justify-content:center;gap:0 24px;padding-block:15px}
 .ocean-feature,.together-feature{gap:6%}
 .ocean-feature figure>img,.together-feature figure>img{height:450px}
 .journey-pair{gap:6%}
 .journey-pair section>img{height:270px}
 .romance-inner{gap:7%}
 .romance-inner>img{height:400px}
}
@media(max-width:650px){
 .experience-heading{display:block;padding-block:40px 30px}
 .experience-heading .eyebrow{font-size:9px;letter-spacing:1.4px}
 .experience-heading h1{font-size:clamp(40px,11.5vw,65px)}
 .experience-intro{margin-top:23px}
 .experience-intro>p:first-child{font-size:22px}
 .experience-panorama{margin:0;height:220px}
 .experience-panorama figcaption{left:7%;right:7%;bottom:18px;font-size:7px;letter-spacing:1px;gap:15px}
 .experience-panorama figcaption span{font-size:19px}
 .experience-index{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:15px 7%}
 .experience-index a{font-size:10px;gap:7px;line-height:1.5}
 .experience-index span{font-size:15px}
 .ocean-feature,.together-feature,.romance-inner{display:flex;flex-direction:column;gap:27px}
 .ocean-feature figure,.together-feature figure{width:100%}
 .ocean-feature figure>img,.together-feature figure>img{height:auto;aspect-ratio:1.1}
 .ocean-feature figcaption,.together-feature figcaption{font-size:7px;letter-spacing:1px;margin-top:12px}
 .experience-copy{width:100%}
 .experience-copy h2{font-size:44px;margin-bottom:22px}
 .experience-copy .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:16px}
 .experience-copy>p.experience-lead{font-size:24px}
 .journey-pair{display:block}
 .journey-pair section>img{height:auto;aspect-ratio:1.25}
 .journey-pair section:nth-child(2){padding-top:45px}
 .journey-copy{padding-top:23px}
 .journey-copy h2{font-size:42px}
 .journey-copy .eyebrow{font-size:9px;letter-spacing:1.5px}
 .journey-secondary{font-size:12px}
 .together-feature figure{order:-1}
 .romance-inner>img{height:auto;aspect-ratio:1.05;max-width:380px}
 .romance-inner h2{font-size:clamp(36px,10vw,44px)}
 .travel-detail summary{gap:12px;min-height:84px}
 .travel-detail h3{font-size:25px}
 .detail-number{min-width:22px;font-size:16px}
 .detail-symbol{width:32px;height:32px;font-size:22px}
 .detail-body{padding:0 0 25px}
 .detail-body .detail-lead{font-size:23px}
}