:root{--blue:#2b8fd4;--navy:#0f1923;--light:#e3f0fa;--muted:#5a6878}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy)}a{color:inherit;text-decoration:none}header{height:84px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dceef9;font-weight:700}.brand{display:flex;flex-direction:column;align-items:center;line-height:.8;letter-spacing:.18em}.brand b{font-size:24px}.brand small{margin-top:8px;margin-left:.35em;color:var(--blue);font-size:9px;letter-spacing:.42em}.hero{position:relative;overflow:hidden;min-height:780px;padding:clamp(60px,7vw,104px) clamp(24px,6vw,96px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(40px,6vw,100px);background:var(--navy);color:#fff}.hero:before{content:"";position:absolute;width:640px;height:640px;left:-360px;bottom:-350px;border:86px solid var(--blue);border-radius:50%}.intro,.card{position:relative;z-index:1}.eyebrow{margin:0 0 14px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.22em}.hero h1{margin:0;font-size:clamp(72px,8vw,132px);line-height:.78;letter-spacing:-.065em;text-transform:uppercase}.lead{max-width:600px;margin:34px 0;font-size:clamp(18px,1.45vw,23px);line-height:1.55;color:#ffffffdb}.intro ul{margin:42px 0 0;padding:0;display:grid;gap:18px;list-style:none}.intro li{display:grid;gap:3px;border-left:3px solid var(--blue);padding-left:15px}.intro li span{color:#ffffffb3}.card{align-self:start;padding:clamp(28px,4vw,54px);background:#fff;color:var(--navy);box-shadow:0 30px 80px #00143c47}.card h2,.success h2{margin:0;font-size:clamp(38px,4vw,62px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.sub,.success>p:last-of-type{margin:16px 0 30px;color:var(--muted);line-height:1.55}form{display:grid;gap:18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row.three{grid-template-columns:1.2fr 1fr .48fr}label{display:grid;gap:7px;font-size:13px;font-weight:700}label span{font-weight:400;color:#6f7f90}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #bfd4e2;border-radius:2px;background:#fafdff;color:var(--navy);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2b8fd42e}.check{grid-template-columns:18px 1fr;align-items:start;gap:10px;line-height:1.45}.check input{width:17px;height:17px;margin-top:1px;accent-color:var(--blue)}button{min-height:52px;padding:0 24px;border:0;border-radius:2px;background:var(--blue);color:#fff;font:800 14px Outfit,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.fine{margin:0;text-align:center;color:#798898;font-size:11px;line-height:1.45}.success{min-height:540px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.success>span{width:54px;height:54px;margin-bottom:28px;display:grid;place-items:center;border-radius:50%;background:var(--blue);font-size:26px}.expect{padding:clamp(72px,9vw,130px) clamp(24px,6vw,96px)}.expect h2{max-width:920px;margin:0;font-size:clamp(42px,5.5vw,82px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:70px}.grid article{padding-top:22px;border-top:2px solid var(--navy)}.grid i{color:var(--blue);font-style:normal;font-weight:800}.grid h3{margin:18px 0 10px;text-transform:uppercase}.grid p{margin:0;color:var(--muted);line-height:1.6}footer{padding:54px clamp(24px,6vw,96px);display:grid;grid-template-columns:auto 1fr minmax(280px,520px);align-items:end;gap:40px;background:#16283a;color:#fff}footer>strong{color:var(--blue);font-size:24px}footer>small{color:#b0bec8;line-height:1.5}[hidden]{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.grid{grid-template-columns:1fr}.expect h2{font-size:42px}footer{grid-template-columns:1fr;align-items:start}}@media(max-width:560px){header{height:72px}.hero{padding-top:50px}.row,.row.three{grid-template-columns:1fr}.card{margin-inline:-10px;width:calc(100% + 20px)}}
/* One intentional photo collage keeps both images inside the dark hero. */
.intro{min-width:0}.hero-photo{display:block;width:100%;height:clamp(250px,23vw,340px);object-fit:cover;object-position:center 39%;border-radius:24px;box-shadow:0 22px 56px #0005}.hero-gallery{position:relative;width:min(100%,620px);height:clamp(270px,24vw,360px);margin:8px 0 30px}.step-photo{position:absolute;right:4%;bottom:-12px;width:29%;height:70%;object-fit:cover;object-position:center 55%;border:5px solid #fff;border-radius:20px;box-shadow:0 16px 38px #0008;transform:rotate(3deg)}.club-images{display:none}.intro ul{margin-top:0}
@media(max-width:900px){.hero-gallery{width:min(100%,700px);height:clamp(300px,48vw,430px)}.hero-photo{height:100%}.step-photo{width:26%;height:66%}}
@media(max-width:560px){.hero-gallery{height:280px;margin:6px 0 28px}.hero-photo{height:100%;border-radius:18px}.step-photo{width:31%;height:66%;border-width:4px;border-radius:16px;right:3%;bottom:-8px}}

/* Mobile: stack the Walk Club photos and keep consent checkboxes clear of their text. */
@media(max-width:560px){
  .hero-gallery{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    width:100%;
    height:auto;
    margin:8px 0 30px;
  }
  .hero-gallery .hero-photo,
  .hero-gallery .step-photo{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1.35 / 1;
    object-fit:cover;
    object-position:center;
    transform:none;
    border-radius:16px;
  }
  .hero-gallery .hero-photo{box-shadow:0 14px 32px #0004;}
  .hero-gallery .step-photo{border:0;box-shadow:0 14px 32px #0004;}
  form .check{
    grid-template-columns:22px minmax(0,1fr);
    align-items:start;
    gap:12px;
    min-width:0;
    line-height:1.5;
  }
  form .check input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    display:grid;
    place-content:center;
    width:22px;
    min-width:22px;
    height:22px;
    margin:0;
    padding:0;
    border:2px solid #9aa8b6;
    border-radius:5px;
    background:#fff;
    box-shadow:none;
    cursor:pointer;
  }
  form .check input[type="checkbox"]::after{
    content:"";
    width:5px;
    height:10px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg) scale(0);
  }
  form .check input[type="checkbox"]:checked{
    border-color:var(--blue);
    background:var(--blue);
  }
  form .check input[type="checkbox"]:checked::after{transform:rotate(45deg) scale(1);}
  form .check input[type="checkbox"]:focus-visible{outline:3px solid #2b8fd455;outline-offset:2px;}
}

/* Photos sit in their own band directly underneath the hero. */
.wc-photos{padding:clamp(56px,7vw,100px) clamp(24px,6vw,96px) 0;background:#fff}
.wc-photos .hero-gallery{width:100%;max-width:1100px;height:clamp(300px,36vw,520px);margin:0 auto}
.wc-photos .hero-photo{height:100%;object-position:center 35%}
.wc-photos .step-photo{width:24%;height:72%;bottom:-24px}
.wc-photos + .expect{padding-top:clamp(80px,9vw,130px)}
@media(max-width:900px){.wc-photos .hero-gallery{height:clamp(280px,52vw,430px)}.wc-photos .step-photo{width:26%;height:66%;bottom:-16px}}
@media(max-width:560px){.wc-photos{padding-top:40px}.wc-photos .hero-gallery{height:auto;margin:0}.wc-photos .hero-gallery .hero-photo,.wc-photos .hero-gallery .step-photo{width:100%;height:auto;bottom:auto}}