@import url("experience-page-base-v9.css?v=20261007r2");

/* VFINAL.10 — EXPERIENCE spatial polish + release-safe text geometry */
body.experience-moto{overflow-x:clip!important}
.xm-gallery{height:385svh!important}
.xm-gallery__sticky{perspective:1280px!important;perspective-origin:50% 47%!important}
.xm-context-card{
  width:min(29rem,34vw)!important;
  min-height:23rem!important;
  aspect-ratio:auto!important;
  max-width:calc(100vw - (var(--gutter)*2))!important;
}
.xm-context-card__face{
  position:relative!important;
  min-height:23rem!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  gap:.55rem!important;
  padding:1.6rem!important;
  overflow:hidden!important;
  box-shadow:0 3rem 8rem rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.xm-context-card__face::after{
  content:"";
  position:absolute;
  left:1.6rem;
  right:1.6rem;
  bottom:0;
  height:3px;
  background:var(--xm-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.xm-context-card.is-active .xm-context-card__face::after{transform:scaleX(1)}
.xm-context-card h2{
  max-width:9ch!important;
  margin:.45rem 0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
.xm-context-card[data-context-card="1"] h2{max-width:11ch!important}
.xm-context-card[data-context-card="2"] h2{font-size:clamp(2rem,3.35vw,3.65rem)!important;line-height:.82!important}
.xm-context-card p{max-width:28rem!important;line-height:1.5!important;overflow-wrap:anywhere}
.xm-context-card a{margin-top:.25rem!important;max-width:100%!important;white-space:normal!important;line-height:1.35!important;overflow-wrap:anywhere}
.xm-context-card.is-active .xm-context-card__face{box-shadow:0 3.4rem 9rem rgba(0,0,0,.58),0 0 0 1px rgba(217,162,59,.3)!important}
.xm-context-card:not(.is-active){filter:saturate(.74) brightness(.82)}
.xm-gallery__depth figure{opacity:.34!important;filter:brightness(.34) saturate(.48)!important}
.xm-gallery__top{z-index:40!important}
.xm-gallery__steps{z-index:35!important}
.xm-gallery__handoff{max-width:min(54rem,calc(100% - (var(--gutter)*2)))!important;text-align:center!important}
.xm-gallery__handoff strong{max-width:12ch!important;margin-inline:auto!important;text-wrap:balance}
.xm-index__rows{min-width:0!important}
.xm-index__rows article{min-width:0!important;padding-inline:min(2.1vw,1.7rem)!important}
.xm-index__rows :is(h3,small,p,a){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
.xm-index__rows h3{text-wrap:balance}
.xm-index__rows p{line-height:1.62!important}
.xm-feature__stack{max-width:calc(100% - (var(--gutter)*2))!important}
.xm-feature__stack strong{text-wrap:balance}
.xm-statement__copy{max-width:min(70rem,calc(100% - (var(--gutter)*2)))!important}
.xm-statement__copy h2{text-wrap:balance}

@media(max-width:1180px){
  .xm-context-card{width:min(29rem,43vw)!important}
  .xm-index__rows article{padding-inline:1.15rem!important}
}
@media(max-width:980px){
  .xm-gallery{height:365svh!important}
  .xm-context-card{width:min(30rem,62vw)!important;min-height:23.5rem!important}
  .xm-context-card__face{min-height:23.5rem!important}
  .xm-index__rows{grid-template-columns:1fr!important}
  .xm-index__rows article{padding:1.6rem 0!important;border-left:0!important;border-top:1px solid rgba(11,14,16,.14)!important}
  .xm-index__rows article:first-child{border-top:0!important}
}
@media(max-width:700px){
  .xm-gallery{height:330svh!important}
  .xm-gallery__sticky{perspective:900px!important}
  .xm-gallery__top{left:1rem!important;right:1rem!important;font-size:.48rem!important}
  .xm-context-card{width:min(86vw,23.5rem)!important;min-height:25rem!important;max-width:calc(100vw - 2rem)!important}
  .xm-context-card__face{min-height:25rem!important;padding:1.2rem!important;gap:.45rem!important}
  .xm-context-card__face::after{left:1.2rem;right:1.2rem}
  .xm-context-card h2{font-size:clamp(2.1rem,10.2vw,3.25rem)!important;line-height:.84!important}
  .xm-context-card[data-context-card="2"] h2{font-size:clamp(1.82rem,8.7vw,2.75rem)!important;line-height:.84!important}
  .xm-context-card small{font-size:.47rem!important;line-height:1.38!important}
  .xm-context-card p{font-size:.67rem!important;line-height:1.55!important}
  .xm-context-card a{font-size:.54rem!important;line-height:1.4!important}
  .xm-gallery__depth figure{opacity:.12!important}
  .xm-gallery__depth figure:nth-child(n+4){display:none!important}
  .xm-feature__stack{width:auto!important;left:var(--gutter)!important;right:var(--gutter)!important;align-items:flex-start!important;text-align:left!important}
  .xm-feature__stack strong{font-size:clamp(2.25rem,10.2vw,3.65rem)!important}
  .xm-statement__copy h2{font-size:clamp(2.4rem,11vw,4rem)!important;line-height:.86!important}
}
@media(max-width:430px){
  .xm-context-card{width:calc(100vw - 2rem)!important}
  .xm-context-card__face{padding:1.1rem!important}
  .xm-context-card h2{max-width:10ch!important}
}
@media(prefers-reduced-motion:reduce){
  .xm-context-card{opacity:1!important;filter:none!important}
  .xm-context-card__face::after{transform:scaleX(1)!important}
}