.how-hero-image{object-position:32% center}
.how-hero-inner{padding-block:clamp(35px,5vw,72px)}
.how-page .experience-page-title{font-size:clamp(61px,8vw,109px);margin-block:12px 16px}
.how-public-booking{max-width:420px;border-left:4px solid var(--green);padding:10px 14px;background:#101211ed}
.how-public-booking strong{display:block;color:var(--green);font:700 clamp(24px,3vw,32px)/1.1 var(--cond);text-transform:uppercase}
.how-public-booking p{margin-top:5px;font-size:16px}
.how-page .hours{margin-top:20px}
.how-hero-book{margin-top:17px}
.how-facts{background:var(--green);color:var(--ink)}
.how-facts ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding-block:14px}
.how-facts li{display:flex;align-items:center;justify-content:center;gap:clamp(7px,2vw,24px);padding:4px 9px;text-transform:uppercase;font:700 clamp(16px,2.5vw,27px)/1.08 var(--cond)}
.how-facts li+li{border-left:1px solid #080909a6}
.how-guide,.before-play{background:radial-gradient(ellipse at 50% 0%,#191a1a,var(--body) 75%)}
.how-guide>.wrap,.before-play>.wrap{padding-block:clamp(25px,4vw,53px)}
.guide-title{font-size:clamp(37px,6.3vw,89px);line-height:1.02;margin-block:9px 22px}
.guide-steps{list-style:none;padding:0}
.guide-steps li{display:grid;grid-template-columns:clamp(65px,11vw,148px) minmax(0,1fr) minmax(70px,16%);align-items:center;gap:clamp(14px,3vw,38px);padding-block:20px}
.guide-steps li+li{border-top:1px solid #ffffff48}
.guide-number{font:800 clamp(37px,7.4vw,94px)/.95 var(--display);letter-spacing:-.085em;color:var(--green);border-right:1px solid #fff5}
.guide-steps h3,.before-answers h3{font:700 clamp(21px,3vw,32px)/1.1 var(--cond);text-transform:uppercase}
.guide-steps p{margin-top:6px;max-width:64ch}
.guide-steps .guide-note{font-size:14px;color:#ddd}
.guide-icon{width:clamp(49px,7vw,92px);height:clamp(49px,7vw,92px);justify-self:center;fill:none;stroke:var(--green);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.before-play{border-top:1px solid #ffffff28}
.before-play .guide-title{font-size:clamp(36px,5.3vw,70px)}
.before-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,5vw,70px)}
.before-list{padding:0;list-style:none;display:grid;gap:14px;margin-top:15px}
.before-list li{display:flex;gap:12px;align-items:flex-start}
.before-list .icon{color:var(--green);width:23px;height:23px}
.before-answers{border-left:1px solid #fff5;padding-left:clamp(20px,4vw,55px)}
.before-answers>div+div{border-top:1px solid #ffffff35;margin-top:13px;padding-top:13px}
.before-answers h3{font-size:21px}
.before-answers p{margin-top:5px}
.before-answers a{text-decoration:underline;text-underline-offset:3px}
.how-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,330px);align-items:center;gap:22px;padding-block:24px}
.how-contact .guide-title{margin:0;font-size:clamp(33px,5vw,70px)}
.how-contact .guide-title span{color:#fff}
.how-contact .book-band-action strong{font:700 26px/1.15 var(--cond)}
@media(max-width:760px){
  .how-hero-image{object-position:45% center}
  .how-page .experience-page-title{font-size:clamp(55px,13vw,85px)}
  .how-facts ul{padding-block:10px}
  .how-facts li{flex-direction:column;text-align:center;gap:5px}
  .guide-steps li{grid-template-columns:48px minmax(0,1fr);gap:11px;padding-block:16px;align-items:start}
  .guide-number{border-right:0}
  .guide-icon{display:none}
  .before-grid,.how-contact{grid-template-columns:minmax(0,1fr)}
  .before-answers{border-left:0;border-top:1px solid #fff5;padding:16px 0 0}
}