/* Class gallery: compact groups on desktop, individual photos on phones. */
.welcome-gallery{padding:64px 6.8%;background:#eae8e2}
.welcome-gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.welcome-gallery-heading h2{font-size:clamp(38px,4.1vw,62px);margin-top:20px}
.welcome-gallery-heading h2 span{color:var(--red)}
.welcome-gallery-heading>p{max-width:310px;font-size:14px;color:#65635e}
.welcome-gallery-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--red) #dcdad4;padding-bottom:12px}
.welcome-gallery-track:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.welcome-gallery-group{flex:0 0 100%;display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:480px;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.welcome-gallery-group-two{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
.welcome-gallery-photo{position:relative;overflow:hidden;margin:0;min-width:0;min-height:0;background:var(--paper)}
.welcome-gallery-main{grid-row:1/3}
.welcome-gallery-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,center)}
.welcome-gallery-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:13px;background:var(--paper);padding:14px 18px;line-height:1.2}
.welcome-gallery-photo figcaption>span{font-size:10px;font-weight:700;color:var(--red)}
.welcome-gallery-photo figcaption strong{font-size:14px}
.welcome-gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}
.welcome-gallery-bottom .button{gap:26px;margin-left:auto}
.welcome-gallery-controls{display:flex;align-items:center;gap:16px}
.welcome-gallery-controls[hidden]{display:none}
.welcome-gallery-controls button{width:44px;height:44px;background:var(--paper);border:1px solid #bbb7ad;color:var(--black);font-size:22px}
.welcome-gallery-controls button:hover:not(:disabled){background:var(--red);border-color:var(--red);color:white}
.welcome-gallery-controls button:disabled{opacity:.35;cursor:default}
.welcome-gallery-controls>span{font-size:11px;font-weight:700;color:#65635e;min-width:90px;text-align:center}
.welcome-gallery-hint{display:none}
@media(max-width:960px){.welcome-gallery{padding:48px 5%}.welcome-gallery-group{height:420px;gap:12px}.welcome-gallery-photo figcaption{left:12px;right:12px;bottom:12px;padding:12px}.welcome-gallery-photo figcaption strong{font-size:12px}}
/* Desktop arrows replace the featured image without moving the collage. */
.welcome-gallery-track>.welcome-gallery-featured{display:none}
@media(min-width:701px){
 .welcome-gallery-track.is-featured{overflow:visible;scroll-snap-type:none}
 .welcome-gallery-track.is-featured>.welcome-gallery-group{display:none}
 .welcome-gallery-track.is-featured>.welcome-gallery-featured{display:grid}
}
@media(max-width:700px){
 .welcome-gallery{padding:38px 7%}
 .welcome-gallery-heading{display:block;margin-bottom:24px}
 .welcome-gallery-heading h2{font-size:43px;margin:16px 0}
 .welcome-gallery-heading>p{max-width:380px;font-size:14px}
 .welcome-gallery-track{gap:12px}
 .welcome-gallery-group{display:contents}
 .welcome-gallery-photo{flex:0 0 calc(100% - 20px);aspect-ratio:4/5;scroll-snap-align:start;scroll-snap-stop:always}
 .welcome-gallery-photo figcaption{left:14px;right:14px;bottom:14px;padding:14px}
 .welcome-gallery-photo figcaption strong{font-size:13px}
 .welcome-gallery-bottom{flex-direction:column;gap:14px;margin-top:12px}
 .welcome-gallery-bottom .button{margin-left:0}
 .welcome-gallery-hint{display:block;color:#65635e;font-size:11px}
 .welcome-gallery-hint span{color:var(--red);margin-left:8px}
}
@media(prefers-reduced-motion:reduce){.welcome-gallery .button{transition:none}.welcome-gallery-track{scroll-behavior:auto}}

.welcome-locations{padding-top:96px;padding-bottom:96px}
@media(max-width:760px){.welcome-locations{padding-top:56px;padding-bottom:56px}}

/* The existing booking widget fits in the welcome form's original column. */
.welcome-booking-card{min-width:0;scroll-margin-top:22px}
.welcome-booking-card .trial-widget{display:flex;flex-direction:column;margin:0;max-width:none;border:0;min-width:0}
.welcome-booking-card .trial-content{padding:0;min-width:0}
.welcome-booking-card .trial-progress{gap:8px;justify-content:space-between;font-size:10px}
.welcome-booking-card .trial-class-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.welcome-booking-card .trial-class{padding:15px;min-height:190px}
.welcome-booking-card .trial-class strong{font-size:32px}
.welcome-booking-card .trial-date-layout,.welcome-booking-card .trial-fields{grid-template-columns:minmax(0,1fr)}
.welcome-booking-card .trial-fields .wide{grid-column:1}
.welcome-booking-card .trial-times{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}
.welcome-booking-card .trial-time{width:100%;min-width:0}
.welcome-booking-card .trial-actions{flex-wrap:wrap}
.welcome-booking-card .trial-actions .button{padding:15px;gap:14px}
.welcome-booking-card .trial-summary{margin-top:24px;padding:20px 0 0;background:none;border:0;border-top:1px solid var(--border)}
.welcome-booking-card .trial-summary>h3,.welcome-booking-card .trial-summary>p:not(.eyebrow){display:none}
.welcome-booking-card .trial-facts{margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}
.welcome-booking-card .trial-facts>div{padding:12px 0;min-width:0}
.welcome-booking-card .trial-facts dd{overflow-wrap:anywhere}
.welcome-booking-card .trial-free{padding:14px 0 0;margin-top:5px}
.welcome-booking-card .trial-free strong{font-size:30px}
@media(max-width:380px){.welcome-booking-card .trial-progress{font-size:9px;gap:6px}.welcome-booking-card .trial-progress b{width:21px;height:21px}}

@media(min-width:701px){.welcome-gallery-photo img[data-desktop-top="true"]{object-position:center top}}