/* v143: align the benefits card to the lower photo edge and restore the shared section rhythm. */
body.experience-v141 #app > section#experience.section{
  padding-top:24px!important;padding-bottom:24px!important;
}
body.experience-v141 #app > section#experience .experience-v141-benefits{
  margin-top:0!important;
}
.site-header .brand-mark,.site-header .brand-mark:hover,.site-header .brand-mark:focus-visible,.site-header .brand-mark:active,
.footer-brand,.footer-brand:hover,.footer-brand:focus-visible,.footer-brand:active{
  pointer-events:auto!important;cursor:pointer!important;text-decoration:none!important;
  transform:none!important;scale:none!important;transition:none!important;animation:none!important;
}
.site-header .brand-logo,.site-header .brand-logo:hover,.site-header .brand-logo:focus-visible,.site-header .brand-logo:active,
.footer-brand .footer-logo,.footer-brand:hover .footer-logo,.footer-brand:focus-visible .footer-logo,.footer-brand:active .footer-logo{
  pointer-events:auto!important;transform:none!important;scale:none!important;transition:none!important;animation:none!important;
}
@media(max-width:900px){
  body.experience-v141 #app > section#experience.section{padding-top:24px!important;padding-bottom:24px!important}
}
@media(max-width:760px){
  body.experience-v141 #app > section#experience.section{padding-top:18px!important;padding-bottom:18px!important}
}


/* v153 — attach the experience copy panel to the photo like the destination cards. */
body.experience-v141 #app > section#experience .experience-banner{
  display:flex!important;flex-direction:column!important;height:auto!important;aspect-ratio:auto!important;
  margin:0!important;overflow:hidden!important;border:1px solid var(--line)!important;
  border-radius:20px!important;background:#fff!important;
}
body.experience-v141 #app > section#experience .experience-banner-image{
  position:relative!important;inset:auto!important;flex:none!important;width:100%!important;
  height:clamp(370px,39vw,520px)!important;aspect-ratio:auto!important;
  object-fit:cover!important;object-position:50% 73%!important;
}
body.experience-v141 #app > section#experience .experience-v141-benefits{
  position:relative!important;z-index:1!important;width:100%!important;margin:0!important;
  padding:clamp(20px,2.3vw,28px) clamp(18px,2.5vw,32px)!important;
  border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;
  background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.experience-v141 #app > section#experience .experience-v141-benefits .experience-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
}
body.experience-v141 #app > section#experience .experience-v141-benefits .feature{
  border-right:1px solid var(--line)!important;border-bottom:0!important;
}
body.experience-v141 #app > section#experience .experience-v141-benefits .feature:last-child{border-right:0!important}
@media(max-width:900px){
  body.experience-v141 #app > section#experience .experience-banner{height:auto!important}
  body.experience-v141 #app > section#experience .experience-banner-image{
    height:auto!important;aspect-ratio:4/4.6!important;object-position:50% 50%!important;
  }
}
@media(max-width:760px){
  body.experience-v141 #app > section#experience .experience-banner{border-radius:16px!important}
  body.experience-v141 #app > section#experience .experience-v141-benefits{padding:8px 18px!important}
  body.experience-v141 #app > section#experience .experience-v141-benefits .experience-grid{grid-template-columns:1fr!important}
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature,
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature:first-child,
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature:last-child{
    display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:start!important;
    gap:10px!important;padding:13px 0!important;border-right:0!important;border-bottom:1px solid var(--line)!important;
    text-align:left!important;
  }
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature:last-child{border-bottom:0!important}
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature>div,
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature h3,
  body.experience-v141 #app > section#experience .experience-v141-benefits .feature p{text-align:left!important}
}

/* Keep desktop framing while exposing an independent mobile crop. */
body.experience-v141 #app > section#experience .experience-banner-image{
  object-position:var(--experience-desktop-position,50% 73%)!important;
}

/* Mobile crop: bring the cyclists closer and center them within the image. */
@media(max-width:760px){
  body.experience-v141 #app > section#experience .experience-banner-image{
    object-position:var(--experience-mobile-x,0%) var(--experience-mobile-y,101%)!important;
    transform:scale(var(--experience-mobile-zoom,2.07))!important;
    transform-origin:50% 50%!important;
  }
}

.experience-crop-control-hint{margin:6px 0 8px;color:#626262}
.experience-crop-control-fields{display:grid;gap:6px}
.experience-crop-control-field{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center}
.experience-crop-control-field label{font-weight:600}
.experience-crop-control-field output{font-variant-numeric:tabular-nums;color:#626262}
.experience-crop-control-field input[type="range"]{grid-column:1/-1;display:block;width:100%;margin:2px 0 0;accent-color:#171717}
.experience-crop-control-foot{margin-top:6px}
@media(max-width:760px){.experience-crop-control{max-height:38svh;overflow:auto}}