/* MONTELOFT light glass: let the renovation scene remain visible. */
body.home-immersive {
  --ink: #10282c;
  --muted: #2c4648;
  --paper: #eef3ed;
  --line: rgba(13, 43, 47, .28);
  color: #10282c;
  background: #edf0e9;
  color-scheme: light;
}
.home-scene { background: #edf0e9; }
.home-scene__veil {
  background: linear-gradient(90deg, rgba(255, 255, 250, .16), rgba(255, 255, 250, .02) 52%, rgba(255, 255, 250, .07)), linear-gradient(180deg, rgba(255, 255, 250, .03), transparent 70%, rgba(255, 255, 250, .03));
}
.home-scene-caption {
  border-color: rgba(18, 52, 55, .32);
  background: rgba(255, 255, 251, .48);
  color: #102d31;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  text-shadow: 0 1px 2px rgba(255, 255, 255, .75);
}
.home-scene-caption__number { color: #154e4d; }
.home-scene-caption small { color: #163b3d; }
body.home-immersive .site-header {
  background: rgba(250, 255, 249, .62);
  border-color: rgba(14, 48, 49, .23);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
body.home-immersive .brand-word,
body.home-immersive .site-nav,
body.home-immersive .nav-dropdown,
body.home-immersive .site-nav a { color: #102e32; }
body.home-immersive .brand-word > span { color: #244443; }
body.home-immersive .brand-mark { color: #0d625b; }
body.home-immersive .nav-menu { background: rgba(250, 255, 248, .94); border-color: rgba(12, 44, 47, .30); }
body.home-immersive .nav-menu a:hover { background: rgba(24, 76, 68, .10); }
body.home-immersive .language-switch { background: rgba(255, 255, 255, .08); border-color: rgba(20, 57, 56, .30); }
body.home-immersive .language-switch a { background: rgba(255, 255, 255, .10); color: #0b3032; border-color: rgba(17, 55, 55, .50); }
body.home-immersive .language-switch a.active { background: rgba(255, 255, 255, .40); color: #062b2d; border-color: #155f58; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7); }
body.home-immersive .language-switch a:hover { background: rgba(255, 255, 255, .65); border-color: #0b5b52; }
body.home-immersive .menu-toggle { background: rgba(255, 255, 255, .13); color: #12393b; border-color: rgba(13, 48, 50, .55); }
body.home-immersive main { text-shadow: 0 1px 2px rgba(255, 255, 255, .62); }
body.home-immersive .hero h1 { color: #0a242a; text-shadow: 0 1px 1px rgba(255, 255, 255, .95), 0 0 18px rgba(255, 255, 255, .68); }
body.home-immersive .hero .hero-tagline { display: inline-block; color: #0c292d; padding: 5px 10px; border-radius: 6px; background: rgba(255, 255, 251, .48); }
body.home-immersive .hero .hero-description { color: #102b2f; background: rgba(255, 255, 251, .48); padding: 12px 14px; border-radius: 8px; text-shadow: 0 1px 2px rgba(255, 255, 255, .65); }
body.home-immersive .eyebrow { color: #134f4c; text-shadow: 0 1px 3px rgba(255, 255, 255, .95); }
body.home-immersive .hero-credentials { padding: 18px; border: 1px solid rgba(13, 48, 51, .30); border-radius: 10px; background: rgba(255, 255, 251, .32); }
body.home-immersive .hero-credentials strong { color: #0c2a2d; text-shadow: 0 1px 2px rgba(255, 255, 255, .88); }
body.home-immersive .hero-credentials span { color: #173b3d; text-shadow: 0 1px 3px rgba(255, 255, 255, .95); }
body.home-immersive .hero .calculator-promo {
  background: rgba(255, 255, 251, .28);
  color: #0b252b;
  border: 1px solid rgba(255, 255, 255, .90);
  box-shadow: 0 10px 38px rgba(15, 33, 33, .13), inset 0 0 0 1px rgba(10, 44, 45, .18);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
body.home-immersive .hero .calculator-promo-overline { color: #174f4a; }
body.home-immersive .hero .calculator-promo-overline-icon { color: #174d46; border-color: rgba(13, 60, 51, .50); background: rgba(255, 255, 255, .10); }
body.home-immersive .hero .calculator-promo-title { color: #071f26; text-shadow: 0 1px 2px rgba(255, 255, 255, .85); }
body.home-immersive .hero .calculator-promo-text { color: #102d31; }
body.home-immersive .hero .calculator-promo-note { color: #183c3d; }
body.home-immersive .button,
body.home-immersive .hero .calculator-promo-action,
body.home-immersive .carousel-controls button,
body.home-immersive .floating-wa {
  border: 1.5px solid rgba(11, 45, 49, .78);
  background: rgba(255, 255, 255, .18);
  color: #071f25;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .95), 0 0 7px rgba(255, 255, 255, .90);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65), 0 4px 16px rgba(10, 36, 39, .09);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.home-immersive .button:hover,
body.home-immersive .hero .calculator-promo:hover .calculator-promo-action,
body.home-immersive .carousel-controls button:hover,
body.home-immersive .floating-wa:hover {
  background: rgba(255, 255, 255, .36);
  border-color: #0c5750;
  color: #06262a;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .70), 0 6px 22px rgba(10, 36, 39, .13);
}
body.home-immersive .hero .calculator-promo:hover { border-color: rgba(13, 64, 57, .65); box-shadow: 0 16px 44px rgba(10, 36, 39, .17), inset 0 0 0 1px rgba(255, 255, 255, .65); }
body.home-immersive .button:active,
body.home-immersive .hero .calculator-promo:active,
body.home-immersive .carousel-controls button:active { background: rgba(255, 255, 255, .47); }
body.home-immersive a:focus-visible,
body.home-immersive button:focus-visible,
body.home-immersive input:focus-visible,
body.home-immersive select:focus-visible,
body.home-immersive textarea:focus-visible { outline-color: #0a6356; }
body.home-immersive .hero .calculator-promo:focus-visible { box-shadow: 0 0 0 6px rgba(255, 255, 255, .72); }
body.home-immersive .directions { background: rgba(255, 255, 251, .08); border-color: rgba(15, 46, 46, .24); }
body.home-immersive .section-heading { padding: 22px 24px; border-radius: 12px; background: rgba(255, 255, 251, .36); }
body.home-immersive .section-heading > p,
body.home-immersive .section-heading > div > p:not(.eyebrow) { color: #173638; }
body.home-immersive .service-item { background: rgba(255, 255, 251, .36); border-color: rgba(13, 51, 51, .40); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.home-immersive .service-item h3 { color: #09272c; }
body.home-immersive .service-item p { color: #15383b; }
body.home-immersive .service-index { color: #15574f; }
body.home-immersive .service-arrow { color: #0c3a3a; }
body.home-immersive .service-item:hover { background: rgba(255, 255, 251, .55); border-color: #17675d; color: #09272c; }
body.home-immersive .pool-feature { background: rgba(255, 255, 251, .07); color: #10282c; border-color: rgba(15, 46, 46, .22); }
body.home-immersive .pool-feature-grid > div:last-child { padding: 24px; border-radius: 12px; background: rgba(255, 255, 251, .40); }
body.home-immersive .pool-feature p:not(.eyebrow) { color: #14383b; }
body.home-immersive .process-section { background: transparent; }
body.home-immersive .process-grid article { background: rgba(255, 255, 251, .40); border-color: rgba(15, 50, 51, .30); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.home-immersive .process-grid p { color: #123638; }
body.home-immersive .process-number { color: #145b51; }
body.home-immersive .work-section { background: rgba(255, 255, 251, .08); border-color: rgba(15, 46, 46, .22); }
body.home-immersive .text-link { color: #0d3e3f; text-shadow: 0 1px 3px rgba(255, 255, 255, .9); }
body.home-immersive .carousel-slide { background: rgba(255, 255, 251, .32); }
body.home-immersive .carousel-slide figcaption { color: #102a2e; background: rgba(255, 255, 251, .54); }
body.home-immersive .carousel-slide figcaption p { color: #173c3d; }
body.home-immersive .carousel-thumbs button { background: rgba(255, 255, 255, .15); border-color: rgba(13, 51, 51, .38); }
body.home-immersive .carousel-thumbs button[aria-current] { border-color: #0b5d51; }
body.home-immersive .contact-section { background: rgba(255, 255, 251, .05); }
body.home-immersive .contact-grid > div:first-child { padding: 24px; border-radius: 12px; background: rgba(255, 255, 251, .38); }
body.home-immersive .contact-grid > div > p:not(.eyebrow) { color: #16393b; }
body.home-immersive .enquiry-form { background: rgba(255, 255, 251, .42); border-color: rgba(18, 55, 54, .36); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.home-immersive .form-grid > label,
body.home-immersive .consent { color: #102e32; }
body.home-immersive input,
body.home-immersive select,
body.home-immersive textarea { background: rgba(255, 255, 255, .36); border-color: rgba(12, 48, 51, .50); color: #09262c; }
body.home-immersive input::placeholder,
body.home-immersive textarea::placeholder { color: #35585a; }
body.home-immersive select option { background: #f2f6ed; color: #102e32; }
body.home-immersive .file-field small,
body.home-immersive .small-note,
body.home-immersive .muted { color: #214746; }
body.home-immersive .file-field { background: rgba(255, 255, 255, .12); border-color: rgba(15, 53, 50, .44); }
body.home-immersive .file-field input { background: transparent; }
body.home-immersive .site-footer { background: rgba(255, 255, 251, .14); color: #102d31; border-color: rgba(13, 48, 48, .27); text-shadow: 0 1px 3px rgba(255, 255, 255, .88); }
body.home-immersive .footer-grid { border-color: rgba(13, 48, 48, .26); }
body.home-immersive .footer-grid > div { padding: 16px; border-radius: 10px; background: rgba(255, 255, 251, .38); }
body.home-immersive .footer-grid p { color: #183b3b; }
body.home-immersive .footer-bottom { border-color: rgba(13, 48, 48, .26); background: rgba(255, 255, 251, .45); padding: 16px; border-radius: 10px; }
body.home-immersive .cookie-dialog { background: rgba(250, 255, 248, .97); color: #103034; border-color: rgba(12, 51, 49, .5); text-shadow: none; }
body.home-immersive .cookie-dialog .dialog-close { color: #103034; }
body.home-immersive .cookie-dialog::backdrop { background: rgba(245, 249, 242, .25); }
@media(max-width:920px) {
  body.home-immersive .site-nav { background: rgba(249, 255, 248, .96); border-color: rgba(15, 50, 49, .33); }
}
@media(max-width:700px) {
  .home-scene__veil { background: rgba(255, 255, 250, .05); }
  .home-scene-caption { background: transparent; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.home-immersive .section-heading { padding: 18px; }
  body.home-immersive .hero .hero-description { padding: 10px 12px; }
  body.home-immersive .hero-credentials { padding: 15px; }
  body.home-immersive .pool-feature-grid > div:last-child,
  body.home-immersive .contact-grid > div:first-child { padding: 20px; }
}

/* Small labels retain contrast over both bright and dark room details. */
body.home-immersive .hero-intro > .eyebrow { display: inline-block; max-width: 100%; padding: 5px 8px; border-radius: 5px; background: rgba(255, 255, 251, .65); color: #134f4c; font-weight: 700; text-shadow: none; }
body.home-immersive .footer-bottom, body.home-immersive .footer-bottom :is(a, button, span) { color: #153c3e; text-shadow: none; opacity: 1; }
