.masthead nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.experience-hero{position:relative;isolation:isolate;overflow:hidden;background:#0a0b0b}
.experience-hero-image{position:absolute;z-index:-2;inset:0 0 0 auto;width:75%;height:100%;object-fit:cover;object-position:50% 48%}
.experience-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0a0b0b 12%,#0a0b0b 24%,#0a0b0be8 34%,#0a0b0b50 53%,transparent 71%)}
.experience-hero-inner{padding-block:clamp(52px,7vw,108px) clamp(36px,5vw,80px)}
.experience-page-title{font-size:clamp(61px,8.7vw,126px);margin:14px 0 18px}
.experience-intro{max-width:31ch;font-size:clamp(18px,2vw,24px);line-height:1.38}
.experience-location{margin-block:24px 13px;font-size:14px}
.experience-location span{padding-inline:9px}
.experience-jump{background:var(--green);color:var(--ink)}
.experience-jump ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding-block:9px}
.experience-jump li+li{border-left:1px solid #080909a6}
.experience-jump a{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,38px);min-height:48px;font:700 clamp(18px,3vw,30px)/1 var(--cond);text-transform:uppercase}
.experience-jump a span{font:800 1.12em/1 var(--display)}
.experience-jump a:hover{text-decoration:underline;text-underline-offset:5px}
.experience-panel,.experience-tech{border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 50% 0%,#191a1a,var(--body) 75%)}
.experience-panel{scroll-margin-top:12px}
.experience-split{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:clamp(25px,4.3vw,78px);padding-block:clamp(28px,3.4vw,54px)}
.experience-split.image-first{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
.image-first .experience-panel-image{grid-row:1;grid-column:1}
.image-first .experience-panel-copy{grid-row:1;grid-column:2}
.experience-panel-image{width:100%;height:auto;aspect-ratio:1.42;object-fit:cover;border-radius:2px}
.practice-image{object-position:center 57%}
.play-image{object-position:34% center}
.compete-image{object-position:47% center}
.experience-index{color:var(--green);font:700 23px/1 var(--cond);text-transform:uppercase}
.experience-index span{padding-inline:8px;opacity:.55}
.experience-panel-title{font-size:clamp(36px,5.25vw,80px);margin-block:11px 17px;line-height:1.02}
.experience-panel-copy>p:not(.experience-index){font-size:clamp(16px,1.7vw,20px);max-width:43ch}
.experience-points{display:grid;gap:10px;margin-top:20px;list-style:none;padding:0}
.experience-points li{display:flex;align-items:center;gap:12px}
.experience-points .icon,.experience-games .icon,.experience-guests .icon{color:var(--green);width:23px;height:23px}
.experience-panel-copy .course-examples{margin-block:15px 8px;font-size:15px!important}
.course-examples span{padding-inline:5px}
.experience-games{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:20px}
.experience-games>div+div{border-left:1px solid #fff5;padding-left:16px}
.experience-games h3,.experience-tech h3{font:700 22px/1.15 var(--cond)}
.experience-games h3{display:flex;align-items:center;gap:8px}
.experience-games p,.experience-tech p{font-size:15px;margin-top:6px}
.experience-panel-copy .experience-guests{display:flex;align-items:flex-start;gap:10px;font-size:15px!important}
.experience-guests small{font-size:13px;color:#e3e3e3}
.experience-tech-inner{display:grid;grid-template-columns:1.14fr 1fr 1fr 1fr;padding-block:25px;align-items:stretch}
.experience-tech-inner>div{padding-inline:clamp(12px,2vw,28px)}
.experience-tech-inner>div:first-child{padding-left:0;align-self:center}
.experience-tech-inner>div+div{border-left:1px solid #fff5}
.experience-tech-inner .icon{width:29px;height:29px;margin-bottom:6px}
.experience-tech-brand img{margin-top:10px;width:min(100%,235px)}
@media(max-width:760px){
  .experience-hero-image{width:100%;height:100%;object-position:62% center}
  .experience-hero::after{background:linear-gradient(90deg,#0a0b0bec,#0a0b0b63 100%),linear-gradient(0deg,#0a0b0b 4%,transparent 83%)}
  .experience-hero-inner{padding-block:48px 34px}
  .experience-page-title{font-size:clamp(50px,12vw,86px)}
  .experience-location span{padding-inline:5px}
  .experience-split,.experience-split.image-first{grid-template-columns:minmax(0,1fr);gap:20px}
  .image-first .experience-panel-copy,.image-first .experience-panel-image{grid-row:auto;grid-column:auto}
  .experience-panel-title{font-size:clamp(37px,8vw,60px)}
  .experience-panel-image{max-height:380px}
  .experience-tech-inner{grid-template-columns:1fr 1fr;gap:20px 0}
  .experience-tech-inner>div:nth-child(odd){border-left:0;padding-left:0}
}
.experience-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.bay-choice-inner{padding-block:clamp(32px,4vw,64px)}
.bay-choice .experience-panel-title{margin-top:0}
.bay-choice-intro{max-width:66ch;font-size:clamp(16px,1.65vw,20px)}
.bay-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.7vw,36px);margin-block:24px}
.bay-card{overflow:hidden;border:1px solid #ffffff35;border-radius:4px;background:#171919}
.bay-card img{display:block;width:100%;height:auto}
.bay-card-copy{padding:14px 18px 17px}
.bay-card h3{color:var(--green);font:700 clamp(25px,3.2vw,40px)/1 var(--cond);text-transform:uppercase;margin-bottom:5px}
.bay-choice-book{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
@media(max-width:680px){.bay-choice-grid{grid-template-columns:minmax(0,1fr)}}

.bay-card-photo{overflow:hidden;aspect-ratio:8/5}
.bay-card-photo-1 img{transform:rotate(-3deg) scale(1.09)}
.bay-card-photo-2 img{transform:rotate(4deg) scale(1.12)}