Sauna & Plunge

Sessions & Memberships · Recovery Studio · Freedive Aotearoa :root --sand: #F3EDE4; --gunmetal: #23323F; --gunmetal-soft: #4A5A66; --gunmetal-light: #8A9AA5; --teal: #9DD1D0; --teal-dark: #6BAFAE; --teal-light: #E5F2F2; --line: #DDD4C5; box-sizing: border-box; margin: 0; padding: 0; body font-family: 'Raleway', sans-serif; background: var(--sand); color: var(--gunmetal); line-height: 1.6; font-weight: 400; h1, h2, h3,.heading font-family: 'Lato', sans-serif; font-weight: 900; color: var(--gunmetal); letter-spacing: -0.01em; / HEADER /.site-header padding: 1.5rem 2rem; background: var(--sand); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center;.brand font-family: 'Lato', sans-serif; font-weight: 900; font-size: 0.85rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gunmetal);.brand span font-weight: 400; color: var(--gunmetal-soft);.book-btn font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; background: var(--teal); color: var(--gunmetal); padding: 0.7rem 1.5rem; border-radius: 6px; text-decoration: none; transition: background 0.2s;.book-btn:hover background: var(--teal-dark); color: var(--sand); / HERO /.hero text-align: center; padding: 5rem 2rem 3rem; max-width: 720px; margin: 0 auto;.hero h1 font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.1; margin-bottom: 1rem;.hero p font-size: 1.15rem; color: var(--gunmetal-soft); font-weight: 400; max-width: 540px; margin: 0 auto; / SECTIONS /.section max-width: 980px; margin: 0 auto; padding: 4rem 2rem;.section-label font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--teal-dark); margin-bottom: 0.75rem;.section h2 font-size: clamp(1.8rem, 3.5vw, 2.5rem); line-height: 1.15; margin-bottom: 0.75rem;.section-intro font-size: 1.05rem; color: var(--gunmetal-soft); max-width: 560px; margin-bottom: 2.5rem; / THREE DOORS — main decision /.doors display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;.door background: #FFF; border: 1px solid var(--line); border-radius: 12px; padding: 2rem 1.75rem; display: flex; flex-direction: column;.door.featured background: var(--gunmetal); border-color: var(--gunmetal); color: var(--sand);.door.featured.door-title,.door.featured.door-price-amount color: var(--sand);.door.featured.door-desc color: rgba(243, 237, 228, 0.75);.door.featured.door-price-unit color: rgba(243, 237, 228, 0.6);.door-tag font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.65rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--teal-dark); margin-bottom: 0.6rem;.door.featured.door-tag color: var(--teal);.door-title font-family: 'Lato', sans-serif; font-weight: 900; font-size: 1.4rem; margin-bottom: 0.5rem;.door-desc font-size: 0.95rem; color: var(--gunmetal-soft); margin-bottom: 1.5rem; flex-grow: 1;.door-price margin-bottom: 1.25rem;.door-price-amount font-family: 'Lato', sans-serif; font-weight: 900; font-size: 2.4rem; line-height: 1;.door-price-unit font-size: 0.85rem; color: var(--gunmetal-light); margin-top: 0.25rem;.door-cta font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; background: var(--teal); color: var(--gunmetal); padding: 0.85rem 1rem; border-radius: 6px; text-decoration: none; text-align: center; transition: background 0.2s; display: block;.door-cta:hover background: var(--teal-dark); color: var(--sand); / MEMBERSHIPS /.memberships background: #FFF; border-radius: 14px; border: 1px solid var(--line); overflow: hidden;.member-row display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 2rem; padding: 1.5rem 2rem; border-bottom: 1px solid var(--line);.member-row:last-child border-bottom: none;.member-row.popular background: var(--teal-light);.member-name font-family: 'Lato', sans-serif; font-weight: 900; font-size: 1.05rem; display: flex; align-items: center; gap: 0.65rem;.member-tag font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; background: var(--teal); color: var(--gunmetal); padding: 3px 9px; border-radius: 12px;.member-sessions font-size: 0.85rem; color: var(--gunmetal-soft); margin-top: 0.25rem;.member-price text-align: right; white-space: nowrap;.member-price strong font-family: 'Lato', sans-serif; font-weight: 900; font-size: 1.4rem; display: block;.member-price span font-size: 0.8rem; color: var(--gunmetal-light);.member-join font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; background: var(--teal); color: var(--gunmetal); padding: 0.7rem 1.25rem; border-radius: 6px; text-decoration: none; white-space: nowrap; trans