/* Shared design tokens and reusable visual components. Loaded after page styles. */
:root{
  --type-display:clamp(64px,7.5vw,120px);
  --type-h2:clamp(44px,5.3vw,88px);
  --type-kicker:13px;
  --type-body:17px;
  --line-heading:.96;
  --tracking-heading:-.08em;
  --radius-button:16px;
  --button-min-height:54px;
  --bubble-size:145px;
  --bubble-height:205px;
  --bubble-border:1.4px solid rgba(16,197,215,.66);
  --bubble-fill:radial-gradient(circle at 34% 28%,rgba(255,255,255,.78),rgba(16,197,215,.12) 42%,transparent 49%);
  --bubble-motion:uiBubbleRise 5.4s cubic-bezier(.4,0,.2,1) infinite;
}

/* Type system */
.section-kicker{font-size:var(--type-kicker);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hero-copy h1,.about-hero h1,.service-hero h1{font-size:var(--type-display);font-weight:800;line-height:.77;letter-spacing:-.105em}
.about-section h2,.vision-methods h2{font-size:var(--type-h2);font-weight:500;line-height:var(--line-heading);letter-spacing:var(--tracking-heading)}
.about-intro__copy>p:not(.section-kicker),.about-mission__copy>p:not(.section-kicker),.about-team__copy>p:not(.section-kicker),.about-equipment__copy>p:not(.section-kicker),.service-intro__copy>p:not(.section-kicker),.service-prices__copy>p:not(.section-kicker),.parents-copy{font-size:var(--type-body);line-height:1.62}

/* Buttons */
.button,.lagoon-footer__cta{min-height:var(--button-min-height);border-radius:var(--radius-button);font-size:15px;font-weight:800}
.lagoon-footer__cta{border:0;gap:24px}

/* The same vertical location label is used in every hero. */
.vertical-label{position:absolute;z-index:2;left:max(34px,calc((100% - var(--content))/2 - 55px));top:36%;margin:0;font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:400!important;letter-spacing:.04em;line-height:1.2;writing-mode:vertical-rl;transform:rotate(180deg);font-synthesis:none}
.vertical-label::before{content:'✦';margin-bottom:25px;color:var(--cyan);font-size:20px;line-height:1}

/* Shared bubbles: one structure, material and motion across the site. */
.ui-bubbles{position:absolute;z-index:1;width:var(--bubble-size);height:var(--bubble-height);pointer-events:none}
.ui-bubbles i{position:absolute;display:block;border:var(--bubble-border);border-radius:50%;background:var(--bubble-fill);box-shadow:inset -4px -5px 10px rgba(16,197,215,.08);will-change:transform,opacity;animation:var(--bubble-motion)}
.ui-bubbles i:nth-child(1){top:0;right:0;width:48px;height:48px}
.ui-bubbles i:nth-child(2){top:43%;left:8%;width:25px;height:25px;animation-delay:-1.8s;animation-duration:4.7s}
.ui-bubbles i:nth-child(3){right:28%;bottom:3%;width:16px;height:16px;animation-delay:-3.35s;animation-duration:6.1s}
.ui-bubbles i:nth-child(n+4){display:none}
@keyframes uiBubbleRise{0%{opacity:0;transform:translate3d(-6px,42px,0) scale(.72)}18%{opacity:.78}72%{opacity:.94;transform:translate3d(9px,-78px,0) scale(1.04)}100%{opacity:0;transform:translate3d(15px,-122px,0) scale(1.15)}}

@media(max-width:900px){.vertical-label{display:none}}
@media(prefers-reduced-motion:reduce){.ui-bubbles i{animation:none}}

/* Specificity guard: page-level legacy selectors cannot fork the shared bubble component. */
body .ui-bubbles.ui-bubbles.ui-bubbles i{border:var(--bubble-border);background:var(--bubble-fill);box-shadow:inset -4px -5px 10px rgba(16,197,215,.08);animation:var(--bubble-motion)}
body .ui-bubbles.ui-bubbles.ui-bubbles i:nth-child(1){top:0;right:0;width:48px;height:48px}
body .ui-bubbles.ui-bubbles.ui-bubbles i:nth-child(2){top:43%;left:8%;width:25px;height:25px;animation-delay:-1.8s;animation-duration:4.7s}
body .ui-bubbles.ui-bubbles.ui-bubbles i:nth-child(3){right:28%;bottom:3%;width:16px;height:16px;animation-delay:-3.35s;animation-duration:6.1s}
body .ui-bubbles.ui-bubbles.ui-bubbles i:nth-child(n+4){display:none}

/* Premium surface system shared by the home and every interior page. */
:root{
  --accent-ink:#007b8c;
  --polish-button:linear-gradient(135deg,#58e0e7 0%,#10c5d7 48%,#08b5c9 100%);
  --polish-shadow:0 10px 24px rgba(9,95,117,.2),inset 0 1px 0 rgba(255,255,255,.65);
}
.site-header{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 55%,rgba(255,255,255,0))}
.site-header.is-scrolled{background:rgba(250,253,254,.94);box-shadow:0 1px 0 rgba(41,39,93,.09),0 8px 32px rgba(41,39,93,.04)}
.button,.lagoon-footer__cta{color:#fff;background:var(--polish-button);box-shadow:var(--polish-shadow)}
.button:hover,.lagoon-footer__cta:hover{box-shadow:0 16px 30px rgba(9,95,117,.27),inset 0 1px 0 rgba(255,255,255,.75)}
.nav>a:hover,.nav-dropdown summary:hover,.section-kicker,.section-description strong,.step-number{color:var(--accent-ink)}
.hero-copy h1,.about-hero h1,.service-hero h1{font-weight:700;line-height:.9;letter-spacing:-.035em}
.about-hero__wash,.service-hero__wash{background:linear-gradient(90deg,rgba(247,249,251,.82) 0%,rgba(247,249,251,.68) 30%,rgba(247,249,251,.28) 51%,rgba(247,249,251,.05) 70%,transparent 82%)}
.about-intro h2,.about-mission h2,.about-team h2,.about-equipment h2,.about-gallery h2,.about-closing h2,.services-panel h2,.care-content h2,.lagoon-footer__lead h2{font-weight:600;line-height:1.02;letter-spacing:-.065em}
.service-intro h2,.service-intro h3,.service-section-heading h2,.service-section-heading h3,.service-prices h2{font-weight:600;line-height:1.02;letter-spacing:-.065em}
.about-equipment__copy,.services-panel{background:rgba(250,253,254,.94);border-color:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(21,42,71,.17),inset 0 1px 0 #fff}
.lagoon-footer::before{background:rgba(234,251,253,.08)}
.lagoon-footer__detail span,.lagoon-footer__base small{color:var(--navy)}
@media(max-width:900px){.hero-copy h1,.about-hero h1,.service-hero h1{letter-spacing:-.045em}.about-hero__wash,.service-hero__wash{background:linear-gradient(180deg,rgba(247,249,251,.8),rgba(247,249,251,.66) 42%,rgba(247,249,251,.22) 65%,transparent 82%)}}