/* Pool discovery extends the homepage's typography, palette and components. */

.pool-hero .hero-image{object-position:50% 52%;}

.pool-shortcuts{min-height:118px;padding-block:22px}
.pool-shortcuts>a{font-size:clamp(17px,1.5vw,21px)}
.public-swimming{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);padding-block:80px}
.public-copy>.eyebrow,.pool-section-heading .eyebrow,.pool-visit .eyebrow,.pool-booking-copy>.eyebrow{margin-bottom:21px}
.public-copy .body-copy{font-size:18px;max-width:38ch;margin-top:24px}
.public-copy .text-link{margin-top:25px}
.pool-timetable-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px;max-width:43ch}
.pool-centres>.eyebrow{font-size:11px;margin-bottom:21px}
.pool-centres nav>a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-top:1px solid var(--line);padding:24px 0}
.pool-centres nav>a:last-child{border-bottom:1px solid var(--line)}
.pool-centres h3{font-family:Archivo,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.25}
.pool-centres nav p{color:#334c69;font-size:14px;margin-top:8px;line-height:1.6;max-width:39ch}
.pool-centres .ti{color:var(--orange);font-size:24px}
.pool-centres a:hover h3{color:var(--blue)}
.pool-centre-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:54ch}
.pool-programmes{background:white}
.pool-programmes>.section-space{padding-block:80px}
.pool-section-heading{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:end;margin-bottom:44px}
.pool-section-heading .body-copy{font-size:18px;max-width:41ch}
.pool-programme .activity-photo{aspect-ratio:1.2}
.pool-programme .adult-photo{object-position:50% 46%}
.pool-programme .aquafit-photo{object-position:48% center}
.pool-programme .activity-copy{display:flex;flex-direction:column;align-items:flex-start}
.pool-programme .activity-copy h3{font-size:clamp(26px,2.5vw,36px)}
.pool-programme .activity-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#334c69;max-width:33ch;min-height:106px}
.pool-card-link{display:flex;align-items:center;gap:15px;min-height:48px;margin-top:16px;font-size:14px;font-weight:600}
.pool-card-link .ti{color:var(--orange);font-size:21px;transition:transform .2s}
.pool-programme:hover .pool-card-link .ti{transform:translateX(4px)}
.pool-progress-link{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:26px;margin-top:36px}
.pool-progress-link>p{font-size:17px;font-weight:500}
.pool-progress-link .text-link{font-size:14px;gap:15px}
.pool-visit{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px);padding-block:80px}
.pool-visit .body-copy{font-size:18px;max-width:34ch;margin-top:24px}
.pool-visit .text-link{margin-top:24px}
.pool-visit-links>a{display:grid;grid-template-columns:30px minmax(0,1fr) 23px;align-items:start;gap:21px;border-top:1px solid var(--line);padding:26px 0}
.pool-visit-links>a:last-child{border-bottom:1px solid var(--line)}
.pool-visit-links h3{font-family:Archivo,sans-serif;font-weight:600;font-size:23px;letter-spacing:-.025em;line-height:1.3}
.pool-visit-links p{color:#334c69;font-size:14px;line-height:1.6;margin-top:8px}
.pool-visit-links .ti{font-size:24px;margin-top:3px}
.pool-visit-links>a>.ti:last-child{color:var(--orange);font-size:21px}
.pool-visit-links a:hover h3{color:var(--blue)}
.pool-booking{border-top:1px solid var(--line)}
.pool-booking-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:60px;padding-block:65px}
.pool-booking-copy{min-width:0;max-width:610px}
.pool-booking-copy .body-copy{font-size:18px;max-width:40ch;margin-top:24px}
.pool-booking .app-downloads{margin-top:28px}
.pool-booking .store-badge{min-width:0}
.pool-app-preview{max-width:280px;margin:0;justify-self:center}
.pool-lesson-note{font-size:13px;color:var(--muted);line-height:1.7;max-width:47ch;margin-top:23px}
.pool-lesson-note a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.public-swimming,.pool-visit{gap:55px}.pool-shortcuts>a{font-size:18px}.pool-programme .activity-copy>p:not(.eyebrow){font-size:15px;min-height:124px}}
@media(max-width:850px){

  .pool-shortcuts{min-height:150px}.pool-shortcuts>a{font-size:17px}
  .public-swimming{gap:35px}.public-copy .body-copy{font-size:16px}.public-copy .text-link{font-size:13px;gap:14px}.pool-centres h3{font-size:23px}.pool-centres nav p{font-size:13px}
  .pool-section-heading{grid-template-columns:1fr;gap:22px}.pool-section-heading .body-copy{font-size:17px;max-width:55ch}
  .pool-programme .activity-copy h3{font-size:26px}.pool-programme .activity-copy>p:not(.eyebrow){font-size:14px;min-height:162px}.pool-card-link{font-size:13px;gap:9px}
  .pool-progress-link>p{font-size:15px}.pool-progress-link .text-link{font-size:13px}
  .pool-visit{gap:40px}.pool-visit .body-copy{font-size:16px}.pool-visit-links>a{gap:15px;grid-template-columns:25px minmax(0,1fr) 20px}.pool-visit-links h3{font-size:21px}
  .pool-booking-inner{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.pool-booking .body-copy{font-size:16px}.pool-booking .store-badge{width:145px}.pool-booking .app-downloads{gap:10px}
}
@media(max-width:600px){
  .pool-hero .hero-image{object-position:45% center;}
  .pool-shortcuts{min-height:0;padding:18px 22px 6px}.pool-shortcuts .visit-intro{display:none}.pool-shortcuts>a,.pool-shortcuts>a:first-of-type,.pool-shortcuts>a:last-of-type{font-size:17px;min-height:54px;padding-block:14px}
  .public-swimming,.pool-visit{grid-template-columns:1fr;gap:34px;padding-block:55px}.public-copy>.eyebrow,.pool-section-heading .eyebrow,.pool-visit .eyebrow,.pool-booking-copy>.eyebrow{font-size:10px;margin-bottom:18px}.public-copy h2,.pool-section-heading h2,.pool-visit h2,.pool-booking-copy h2{font-size:33px}.public-copy .body-copy,.pool-visit .body-copy{margin-top:21px;font-size:16px}.public-copy .text-link{font-size:14px}.pool-centres>.eyebrow{font-size:10px;margin-bottom:18px}.pool-centres nav>a{min-height:104px;padding-block:22px}.pool-centres h3{font-size:24px}.pool-centres nav p{font-size:14px}
  .pool-programmes>.section-space{padding-block:55px}.pool-section-heading{gap:20px;margin-bottom:30px}.pool-section-heading .body-copy{font-size:16px}.pool-programme .activity-photo{aspect-ratio:1.4}.pool-programme .activity-copy{height:auto}.pool-programme .activity-copy h3{font-size:28px}.pool-programme .activity-copy>p:not(.eyebrow){min-height:0;font-size:15px;max-width:36ch}.pool-card-link{margin-top:14px;font-size:14px;min-height:44px}
  .pool-progress-link{flex-direction:column;align-items:flex-start;gap:10px;margin-top:30px;padding-top:24px}.pool-progress-link .text-link{font-size:13px;gap:12px}
  .pool-visit-links>a{grid-template-columns:25px minmax(0,1fr) 20px;gap:15px;padding-block:24px}.pool-visit-links h3{font-size:22px}.pool-visit .text-link{font-size:14px}
  .pool-booking-inner{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:55px}.pool-booking .body-copy{margin-top:21px}.pool-booking .store-badge{width:157px;max-width:calc(50% - 5px)}.pool-booking .app-web-booking{font-size:12px}.pool-app-preview{max-width:200px}.pool-lesson-note{font-size:12px;margin-top:20px}
}
@media(max-width:360px){.public-copy h2,.pool-section-heading h2,.pool-visit h2,.pool-booking-copy h2{font-size:29px}.pool-progress-link .text-link{font-size:12px}}