/* Experiences transcribed from the client's Pages catalogue. */
body.page-experiences .catalogue-pdf-filter-inner{max-width:none}
body.page-experiences .catalogue-pdf-filter-bar .filters{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;padding:5px 4px}
body.page-experiences .catalogue-pdf-filter-bar .filters button{flex:none;min-height:48px;padding-inline:17px;font-size:15px}
body.page-experiences .catalogue-pdf-list{padding-block:clamp(24px,4vw,58px) clamp(72px,9vw,130px)}
body.page-experiences .catalogue-pdf-card-image{aspect-ratio:1.55}
body.page-experiences .catalogue-pdf-card-title{font-size:clamp(29px,2.65vw,42px)}
body.page-experiences .catalogue-pdf-card--experience .catalogue-pdf-card-meta{font-size:12px}
body.page-experiences .catalogue-pdf-card--experience .catalogue-pdf-card-image>.media img{display:block}
body.page-experiences .catalogue-pdf-card[data-experience-card="puno-lakeside-wellness"] .catalogue-pdf-card-image>.media img{object-position:center 62%}

body.page-experience .experience-document-page{background:#f4f0ea;color:#142640}
body.page-experience .experience-document-page .experience-detail-hero{min-height:min(830px,88svh)}
body.page-experience .experience-document-page .experience-detail-shade{background:linear-gradient(180deg,rgba(6,17,29,.34),rgba(6,17,29,.05) 40%,rgba(6,17,29,.57) 100%)}
body.page-experience .experience-document-page .experience-detail-hero-content{display:block;width:min(1380px,calc(100% - 80px));padding:0}
body.page-experience .experience-document-page .experience-detail-hero h1{position:absolute;top:42%;left:0;right:0;max-width:1200px;transform:translateY(-50%);font-size:clamp(50px,6.4vw,100px);line-height:1.01;letter-spacing:-.025em}
body.page-experience .experience-document-page .experience-detail-hero p{position:absolute;right:0;bottom:46px;margin:0;text-align:right;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.experience-document-intro{padding:clamp(70px,9vw,132px) 24px clamp(76px,9vw,130px)}
.experience-document-intro-inner,.experience-document-journeys-inner{width:min(1260px,100%);margin:auto}
.experience-document-intro-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(56px,9vw,150px);align-items:start}
.experience-document-intro .eyebrow,.experience-document-journeys .eyebrow{margin:0 0 22px;color:#a8773d;font:600 12px/1.3 HeroGrotesque,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.experience-document-intro h2,.experience-document-journeys h2{max-width:550px;margin:0;color:#142640;font-size:clamp(38px,4vw,60px);line-height:1.04;font-weight:400;letter-spacing:-.02em}
.experience-document-intro-copy>p:first-child{max-width:640px;margin:0 0 26px;color:#33383e;font:400 clamp(18px,1.5vw,22px)/1.55 HeroGrotesque,Arial,sans-serif}
.experience-document-intro-copy>p:not(:first-child){max-width:640px;color:#4a4b4a;font:400 16px/1.65 HeroGrotesque,Arial,sans-serif}
.experience-document-inclusions{display:flex;flex-wrap:wrap;gap:9px 14px;margin:0 0 32px;padding:0;list-style:none}
.experience-document-inclusions li{padding:7px 0;border-bottom:1px solid rgba(20,38,64,.28);color:#142640;font:400 14px/1.3 HeroGrotesque,Arial,sans-serif}
body.page-experience .experience-document-cta{display:inline-flex;align-items:center;gap:18px;min-height:52px;padding:13px 21px;color:#fff;text-decoration:none}
body.page-experience .experience-document-note{max-width:520px;margin:16px 0 0;color:#666;font:400 12px/1.5 HeroGrotesque,Arial,sans-serif}
.experience-document-journeys{padding:clamp(72px,8vw,110px) 24px clamp(90px,10vw,148px);background:#eae5dd}
.experience-document-journeys-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin:0 0 48px}
.experience-document-journeys-head>p{max-width:390px;margin:0;color:#4a4b4a;font:400 16px/1.55 HeroGrotesque,Arial,sans-serif}
.experience-document-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.experience-document-journey-grid .cusco-journey-card{min-width:0}
.experience-document-journey-grid .cusco-journey-image{aspect-ratio:1.45}
@media(max-width:900px){
  .experience-document-intro-inner{grid-template-columns:1fr;gap:32px}
  .experience-document-journeys-head{display:block}
  .experience-document-journeys-head>p{margin-top:22px}
}
@media(max-width:680px){
  body.page-experiences .catalogue-pdf-filter-bar .filters button{font-size:14px;padding-inline:14px}
  body.page-experience .experience-document-page .experience-detail-hero{min-height:72svh}
  body.page-experience .experience-document-page .experience-detail-hero-content{width:calc(100% - 36px)}
  body.page-experience .experience-document-page .experience-detail-hero h1{top:43%;font-size:clamp(40px,10vw,62px)}
  body.page-experience .experience-document-page .experience-detail-hero p{bottom:26px;font-size:11px}
  .experience-document-intro,.experience-document-journeys{padding-inline:18px}
  .experience-document-intro h2,.experience-document-journeys h2{font-size:clamp(38px,9vw,52px)}
  .experience-document-journey-grid{grid-template-columns:1fr;gap:24px}
  .experience-document-journeys-head{margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){
  body.page-experiences .catalogue-pdf-card-image>.media img{transition:none}
}
@media(max-width:680px){
  body.page-experience .experience-document-page .experience-detail-hero p{max-width:70%;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
}
body.page-experiences .catalogue-pdf-card-foot>a{
  --action-ink:#fff;
  --pm-button-rest-ink:#fff;
  --pm-text-cta-hover-fill:#fff;
  --pm-text-cta-hover-ink:#142640;
  --pm-text-cta-hover-y:0;
}

.experience-document-journey-option{min-width:0}
.experience-document-journey-option .experience-document-add{display:inline-flex;gap:10px;margin-top:12px;padding:8px 10px;color:#142640;text-decoration:underline}
.experience-document-journey-option .experience-document-add{
  --action-ink:#142640;
  --pm-text-cta-hover-fill:#fff;
  --pm-text-cta-hover-ink:#142640;
  --pm-text-cta-hover-y:0;
}

/* Keep the cathedral towers visible in the Sunrise hero at each crop. */
body.page-experience [data-experience-detail-page="arequipa-sunrise-photography"] .experience-detail-cover{object-position:center top}
@media(max-width:740px){
  body.page-experience [data-experience-detail-page="arequipa-sunrise-photography"] .experience-detail-cover{object-position:right top}
}