/* Isolate rebuilt experience pages from the original 2010s template rules. */
body.experience-detail-page{
  margin:0!important;
  padding:0!important;
  color:var(--ink)!important;
  background:var(--paper)!important;
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.5!important;
}
body.experience-detail-page main{position:relative!important;background:var(--paper)!important}
body.experience-detail-page header.site-header{
  position:fixed!important;
  inset:0 0 auto!important;
  top:0!important;
  min-height:0!important;
  padding:0!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.experience-detail-page header.site-header.scrolled{
  color:var(--ink)!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:rgba(17,23,19,.1)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(14px)!important;
}
body.experience-detail-page .experience-hero{margin:0!important;color:#fff!important}
body.experience-detail-page .hero-copy h1{
  color:#fff!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:500!important;
  text-transform:none!important;
}
body.experience-detail-page .story-heading h2,
body.experience-detail-page .include-copy h2{color:#fff!important}
body.experience-detail-page .story h2,
body.experience-detail-page .include-copy h2,
body.experience-detail-page .good-heading h2,
body.experience-detail-page .booking-intro h2,
body.experience-detail-page .reviews h2{
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:500!important;
  text-transform:none!important;
}
body.experience-detail-page .story-copy p,
body.experience-detail-page .good-grid p,
body.experience-detail-page .booking-intro p,
body.experience-detail-page .review-card p{font-family:"DM Sans",Arial,sans-serif!important}
body.experience-detail-page .trust-card h3{color:#fff!important}
body.experience-detail-page footer{position:relative!important}
body.experience-detail-page footer h3{color:var(--lime)!important}
body.experience-detail-page .page-progress{display:none!important}
.experience-detail-page .related-experiences{order:8;padding:82px 0 90px;background:#f2efe7}
.experience-detail-page .reviews{order:9}
.experience-detail-page .related-heading{display:grid;grid-template-columns:1fr 400px;gap:70px;align-items:end;margin-bottom:42px}
.experience-detail-page .related-heading h2{margin:0;color:#111713;font:500 clamp(38px,4vw,58px)/.97 Manrope,Arial,sans-serif;letter-spacing:-.055em}
.experience-detail-page .related-heading h2 span{color:#3157ff}.experience-detail-page .related-heading>p{margin:0;color:#626962;font:400 15px/1.65 "DM Sans",Arial,sans-serif}
.experience-detail-page .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.experience-detail-page .related-card{display:flex;min-width:0;flex-direction:column;color:#111713;background:#fff;border:1px solid rgba(17,23,19,.09);box-shadow:0 14px 45px rgba(20,26,21,.07);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.experience-detail-page .related-card:hover{color:#111713;transform:translateY(-8px);box-shadow:0 25px 65px rgba(20,26,21,.14)}
.experience-detail-page .related-card figure{position:relative;height:245px;margin:0;overflow:hidden;background:#171b18}.experience-detail-page .related-card figure:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,9,.7),transparent 60%);content:""}.experience-detail-page .related-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.experience-detail-page .related-card:hover figure img{transform:scale(1.05)}
.experience-detail-page .related-card figure span,.experience-detail-page .related-card figure small{position:absolute;z-index:1;color:#fff;font-weight:700}.experience-detail-page .related-card figure span{top:18px;left:18px;font-size:10px;letter-spacing:.14em}.experience-detail-page .related-card figure small{right:18px;bottom:17px;left:18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.experience-detail-page .related-card>div{display:flex;flex:1;flex-direction:column;padding:25px}.experience-detail-page .related-card>div>p{margin:0 0 9px;color:#3157ff;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.experience-detail-page .related-card h3{margin:0;color:#111713;font:600 24px/1.08 Manrope,Arial,sans-serif;letter-spacing:-.04em;text-transform:none}.experience-detail-page .related-card ul{display:flex;flex-wrap:wrap;gap:7px 15px;margin:22px 0;padding:15px 0;border-block:1px solid rgba(17,23,19,.1);list-style:none}.experience-detail-page .related-card li{position:relative;padding-left:16px;color:#626962;font-size:10px}.experience-detail-page .related-card li:before{position:absolute;left:0;color:#3157ff;content:"✓"}.experience-detail-page .related-card>div>strong{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#111713;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.experience-detail-page .related-card>div>strong b{display:grid;place-items:center;width:34px;height:34px;color:#111713;background:#dfff4f;font-size:16px}.experience-detail-page .related-all{display:flex;justify-content:center;margin-top:34px}.experience-detail-page .related-all a{padding-bottom:5px;color:#3157ff;border-bottom:2px solid #3157ff;font-weight:800}
@media(max-width:900px){.experience-detail-page .related-heading{grid-template-columns:1fr;gap:22px}.experience-detail-page .related-grid{grid-template-columns:1fr 1fr}.experience-detail-page .related-card:last-child{display:none}}
@media(max-width:700px){
  body.experience-detail-page header.site-header{min-height:0!important}
  .experience-detail-page .related-experiences{padding:58px 0 65px}.experience-detail-page .related-grid{display:flex;gap:14px;overflow-x:auto;padding:0 18px 18px;margin-inline:-18px;scroll-snap-type:x mandatory}.experience-detail-page .related-card,.experience-detail-page .related-card:last-child{display:flex;min-width:82vw;scroll-snap-align:start}.experience-detail-page .related-card figure{height:220px}.experience-detail-page .related-heading h2{font-size:38px}
}