/* Homepage composition using shared media components and design tokens. */
.home-page .comfort-mark{display:block;flex-shrink:0;background-color:var(--color-teal);-webkit-mask:url('../comfort-mark.svg') center / contain no-repeat;mask:url('../comfort-mark.svg') center / contain no-repeat}
.home-page .hero>.media-bg{opacity:1;overflow:hidden}
.home-page .hero>.media-bg picture,.home-page .hero>.media-bg img,.home-page .hero>.media-bg video,.home-page .hero>.media-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.home-page .hero>.media-bg video,.home-page .hero>.media-bg canvas{z-index:0;pointer-events:none}
.home-page .hero>.media-bg canvas{z-index:1}
.home-page .hero>.media-bg video{filter:brightness(.92) saturate(1.02) contrast(1.02)}
/* Temporarily disabled: testing the gradient baked into the video. */
.home-page .hero>.media-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    mask-image: linear-gradient(90deg, #000 0%, #000 20%, transparent 35%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 20%, transparent 35%);
}
/* .home-page .hero>.media-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001524e6 0%,rgba(0,21,36,.68) 35%,rgba(124,97,59,.4) 70%,rgba(194,154,90,.34) 100%)} */
.home-page .project>.media-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001524e6 0%,rgba(0,21,36,.68) 35%,rgba(124,97,59,.4) 70%,rgba(194,154,90,.34) 100%)}
.home-page .hero>.media-bg::after{z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.home-page .hero>.media-bg video,.home-page .hero>.media-bg canvas{display:none}}
.home-page .hero .header{background:rgba(0,21,36,.78)}
.home-page .hero-body{padding-top:clamp(12rem,36vw,22rem)}
.home-page .project>.media-bg{opacity:1;overflow:hidden}.home-page .project>.media-bg picture,.home-page .project>.media-bg img{width:100%;height:100%;display:block;object-fit:cover}
.home-page .project>.media-bg picture{position:absolute;inset:0;opacity:0;transition:opacity var(--home-project-fade, .45s) var(--ease)}
.home-page .project>.media-bg picture.is-active,
.home-page .project>.media-bg:not(:has(.is-active)) picture:first-child{opacity:1}
.home-page .project>.media-bg::after{z-index:1;pointer-events:none}
.home-page .project{min-height:40rem;touch-action:pan-y}
.home-page .project-copy{position:relative}
.home-page #gallery-dialog{width:min(94vw,74rem);padding:clamp(1rem,3vw,2rem)}
.home-page #gallery-dialog .project-frame>.asset-picture img{max-height:60svh;object-fit:contain;background:var(--color-night)}
.home-page #gallery-dialog .project-frame figcaption{position:static;background:var(--color-night);padding:var(--space-6)}
.home-page #gallery-dialog .project-frame h3{font-size:var(--text-lead)}
.home-page #gallery-dialog .project-thumbnails{gap:.5rem}
@media(min-width:48rem){
 .home-page .hero-body{padding-top:clamp(5rem,9vw,10rem)}
 /* Temporarily disabled hero overlay. */
 .home-page .project>.media-bg::after{background:linear-gradient(90deg,rgba(0,13,22,.88),rgba(0,13,22,.18))}
}

/* Desktop reference: главная.jpg, 1693 × 7721. Scale geometry together. */
@media(min-width:64rem){
.home-page{--desktop-unit:calc(100vw / 1693);--color-paper:#f8f7f5;--color-night:#00131f;--color-night-soft:#071e29;--color-teal:#00badd;--color-cyan:#00badd;--gutter:calc(60 * var(--desktop-unit));--grid-gap:calc(70 * var(--desktop-unit));--text-base:calc(16 * var(--desktop-unit));--text-xs:calc(14 * var(--desktop-unit));--text-sm:calc(18 * var(--desktop-unit));--text-lead:calc(25 * var(--desktop-unit));--text-h2:calc(72 * var(--desktop-unit));--text-h3:calc(42 * var(--desktop-unit));--text-hero:calc(112 * var(--desktop-unit));--space-6:calc(24 * var(--desktop-unit));--space-8:calc(32 * var(--desktop-unit));--control-size:calc(44 * var(--desktop-unit));font-size:calc(16 * var(--desktop-unit));line-height:1.6;color:#373b3c}
.home-page h1,.home-page h2,.home-page h3{overflow-wrap:normal}
.home-page .stack{gap:calc(24 * var(--desktop-unit))}
.home-page .eyebrow{letter-spacing:0;font-size:calc(14 * var(--desktop-unit))}
.home-page .hero{height:calc(932 * var(--desktop-unit));min-height:0;display:block}
.home-page .header{position:absolute;inset:0 0 auto;height:calc(155 * var(--desktop-unit));min-height:5rem;padding:calc(35 * var(--desktop-unit)) calc(40 * var(--desktop-unit));background:transparent;gap:calc(30 * var(--desktop-unit))}
.home-page .header .asset-brand{width:calc(235 * var(--desktop-unit));padding-right:calc(32 * var(--desktop-unit));border-right:calc(1 * var(--desktop-unit)) solid #ffffff42;flex-shrink:0}
.home-page .nav{display:flex;gap:0;flex:1;justify-content:center}
.home-page .nav a{padding:0 calc(30 * var(--desktop-unit));font-size:calc(13 * var(--desktop-unit));white-space:nowrap}
.home-page .nav a+a{border-left:calc(1 * var(--desktop-unit)) solid #ffffff19}
.home-page .header-contact{display:block;flex-shrink:0;font-size:calc(17 * var(--desktop-unit));line-height:1.3}
.home-page .header-contact a{text-decoration:none;gap:calc(10 * var(--desktop-unit))}
.home-page .header-contact .eyebrow{font-size:calc(11 * var(--desktop-unit));padding-left:calc(34 * var(--desktop-unit));text-transform:none;color:#c1c8ca}
.home-page .header-contact .icon{width:calc(24 * var(--desktop-unit));height:calc(24 * var(--desktop-unit))}
.home-page .header-actions>.button{font-size:calc(12 * var(--desktop-unit));height:calc(58 * var(--desktop-unit));padding:0 calc(22 * var(--desktop-unit));gap:calc(20 * var(--desktop-unit));white-space:nowrap}
.home-page .header .menu-toggle{display:none}
.home-page .hero-body{position:absolute;inset:calc(242 * var(--desktop-unit)) calc(60 * var(--desktop-unit)) calc(55 * var(--desktop-unit));padding:0;display:grid;grid-template-columns:1fr calc(345 * var(--desktop-unit));gap:calc(80 * var(--desktop-unit));align-items:start}
.home-page .hero-body>.stack{gap:calc(69 * var(--desktop-unit))}
.home-page .hero-body .eyebrow{width:calc(355 * var(--desktop-unit));font-size:calc(14 * var(--desktop-unit));line-height:1.8}
.home-page .hero-copy{font-size:calc(112 * var(--desktop-unit));line-height:.99;max-width:none}
.home-page .hero-aside{margin-top:calc(10 * var(--desktop-unit));padding-left:calc(40 * var(--desktop-unit));border-color:#c8d0d080;gap:calc(18 * var(--desktop-unit));font-size:calc(16 * var(--desktop-unit));line-height:1.7}
.home-page .hero-aside>.icon{width:calc(48 * var(--desktop-unit));height:calc(48 * var(--desktop-unit))}
.home-page .hero-aside .text-link{font-size:calc(15 * var(--desktop-unit));margin:0 0 calc(20 * var(--desktop-unit));text-decoration:none;min-height:calc(35 * var(--desktop-unit))}
/* Temporarily disabled hero overlay. */
.home-page #mission{height:calc(683 * var(--desktop-unit));padding-top:calc(52 * var(--desktop-unit));padding-bottom:calc(70 * var(--desktop-unit));display:block}
.home-page #mission>.eyebrow{margin-bottom:calc(68 * var(--desktop-unit));font-size:calc(13 * var(--desktop-unit));color:#6c7071}
.home-page #mission>.eyebrow::after{content:'';display:block;width:calc(42 * var(--desktop-unit));height:calc(1 * var(--desktop-unit));background:#00badd;margin-top:calc(15 * var(--desktop-unit))}
.home-page #mission>.split{grid-template-columns:calc(840 * var(--desktop-unit)) 1fr;gap:calc(75 * var(--desktop-unit));align-items:start}
.home-page #mission h2{font-size:calc(78 * var(--desktop-unit));line-height:1.01;letter-spacing:calc(-1.5 * var(--desktop-unit))}
.home-page #mission h2>.accent{display:block}
.home-page #mission .split>.stack:last-child{font-size:calc(16 * var(--desktop-unit));gap:calc(28 * var(--desktop-unit));padding-top:calc(9 * var(--desktop-unit));max-width:calc(590 * var(--desktop-unit))}
.home-page #mission .lead{font-size:calc(20 * var(--desktop-unit));line-height:1.7;font-weight:600}
.home-page #mission .lead::after{content:'';display:block;width:calc(63 * var(--desktop-unit));height:calc(1 * var(--desktop-unit));background:#00badd;margin-top:calc(23 * var(--desktop-unit))}
.home-page .mission-signature{display:grid;grid-template-columns:calc(315 * var(--desktop-unit)) 1fr;align-items:center;margin-top:calc(24 * var(--desktop-unit))}
.home-page .mission-signature .row{flex-wrap:nowrap;gap:calc(40 * var(--desktop-unit))}
.home-page .comfort-mark{width:calc(60 * var(--desktop-unit));height:calc(60 * var(--desktop-unit))}
.home-page .mission-signature .eyebrow{font-size:calc(11 * var(--desktop-unit));line-height:1.8;max-width:calc(135 * var(--desktop-unit));color:#929697}
.home-page .quote{font-size:calc(40 * var(--desktop-unit));line-height:1.04;padding-left:calc(54 * var(--desktop-unit));position:relative}
.home-page .quote::before{content:'“';display:block;color:#00badd;font-size:calc(76 * var(--desktop-unit));height:calc(36 * var(--desktop-unit));line-height:1}
.home-page .mission-decoration{width:calc(400 * var(--desktop-unit));opacity:.12;bottom:calc(60 * var(--desktop-unit))}
.home-page #services>.section{padding:calc(44 * var(--desktop-unit)) calc(60 * var(--desktop-unit)) calc(60 * var(--desktop-unit))}
.home-page .section:has(> #irrigation){height:calc(855 * var(--desktop-unit))}
.home-page .section:has(> #lighting){height:calc(949 * var(--desktop-unit))}
.home-page .section:has(> #water){height:calc(826 * var(--desktop-unit))}
.home-page .section-label{font-family:Georgia,serif;font-size:calc(17 * var(--desktop-unit));padding-bottom:calc(23 * var(--desktop-unit));margin-bottom:calc(39 * var(--desktop-unit))}
.home-page .service-head{grid-template-columns:calc(540 * var(--desktop-unit)) 1fr;gap:0;align-items:center;margin-bottom:calc(31 * var(--desktop-unit))}
.home-page .service-head h2{text-transform:uppercase;font-size:calc(72 * var(--desktop-unit));line-height:1.1}
.home-page .service-head>.row{border-left:calc(1 * var(--desktop-unit)) solid #ffffff25;padding-left:calc(40 * var(--desktop-unit));gap:calc(28 * var(--desktop-unit));flex-wrap:nowrap;width:calc(510 * var(--desktop-unit));min-height:calc(110 * var(--desktop-unit));font-size:calc(19 * var(--desktop-unit));line-height:1.6}
.home-page .service-head .icon{width:calc(44 * var(--desktop-unit));height:calc(54 * var(--desktop-unit))}
.home-page #services .split:not(.service-head){grid-template-columns:calc(926 * var(--desktop-unit)) 1fr;gap:calc(70 * var(--desktop-unit));align-items:start}
.home-page #services .asset-picture{height:calc(442 * var(--desktop-unit))}
.home-page #services .asset-picture img{height:100%;object-fit:cover}
.home-page #services .split>.stack{gap:calc(26 * var(--desktop-unit));font-size:calc(18 * var(--desktop-unit));line-height:1.6;max-width:calc(540 * var(--desktop-unit))}
.home-page .rule::before{width:calc(60 * var(--desktop-unit));margin:calc(5 * var(--desktop-unit)) 0 calc(24 * var(--desktop-unit));height:calc(1 * var(--desktop-unit))}
.home-page #services .lead{font-size:calc(25 * var(--desktop-unit));line-height:1.5}
.home-page .text-link{font-size:calc(20 * var(--desktop-unit));gap:calc(48 * var(--desktop-unit));min-height:calc(44 * var(--desktop-unit))}
.home-page #services .text-link{margin-top:calc(14 * var(--desktop-unit))}
.home-page #lighting{grid-template-columns:calc(525 * var(--desktop-unit)) 1fr;margin-bottom:calc(39 * var(--desktop-unit))}
.home-page #lighting h2{font-size:calc(59 * var(--desktop-unit));line-height:1.01}
.home-page #lighting>.row{width:calc(420 * var(--desktop-unit));font-size:calc(18 * var(--desktop-unit))}
.home-page #lighting ~ .split:not(.service-head){grid-template-columns:calc(948 * var(--desktop-unit)) 1fr;gap:calc(50 * var(--desktop-unit))}
.home-page #lighting ~ .split .asset-picture{height:calc(519 * var(--desktop-unit))}
.home-page #water{grid-template-columns:calc(690 * var(--desktop-unit)) 1fr;margin-bottom:calc(45 * var(--desktop-unit))}
.home-page #water h2{font-size:calc(62 * var(--desktop-unit))}
.home-page #water>.row{width:calc(450 * var(--desktop-unit))}
.home-page #water .icon{width:calc(115 * var(--desktop-unit));height:calc(80 * var(--desktop-unit))}
.home-page #water ~ .split .asset-picture{height:calc(462 * var(--desktop-unit))}
.home-page #benefits{height:calc(987 * var(--desktop-unit));padding:calc(85 * var(--desktop-unit)) calc(100 * var(--desktop-unit)) calc(80 * var(--desktop-unit));gap:calc(65 * var(--desktop-unit));display:flex;flex-direction:column}
.home-page #benefits>.eyebrow{font-size:calc(14 * var(--desktop-unit));color:#85898a}
.home-page #benefits>.split:first-of-type{grid-template-columns:calc(550 * var(--desktop-unit)) 1fr;gap:calc(40 * var(--desktop-unit));align-items:end;position:relative}
.home-page #benefits h2{font-size:calc(57 * var(--desktop-unit));line-height:1.02}
.home-page .benefits-intro{display:grid;grid-template-columns:calc(360 * var(--desktop-unit)) 1fr;gap:calc(100 * var(--desktop-unit));align-items:end}
.home-page .benefits-intro>p{font-size:calc(16 * var(--desktop-unit));padding-bottom:calc(6 * var(--desktop-unit))}
.home-page .counter{font-family:'Times New Roman',serif;font-size:calc(290 * var(--desktop-unit));font-weight:400;line-height:.85;white-space:nowrap;letter-spacing:calc(-15 * var(--desktop-unit));position:absolute;right:calc(12 * var(--desktop-unit));top:calc(-26 * var(--desktop-unit))}
.home-page .counter small{font-size:calc(60 * var(--desktop-unit));letter-spacing:0;color:#e5e5e3}
.home-page #benefits>.split:nth-of-type(2){grid-template-columns:calc(575 * var(--desktop-unit)) 1fr;gap:calc(90 * var(--desktop-unit));align-items:start}
.home-page #benefits>.split:nth-of-type(2)>.stack{border-right:calc(1 * var(--desktop-unit)) solid #e5e5e3;padding-right:calc(70 * var(--desktop-unit));font-size:calc(16 * var(--desktop-unit));gap:calc(25 * var(--desktop-unit))}
.home-page #benefits h3{font-size:calc(44 * var(--desktop-unit))}
.home-page #benefits h3::after{content:'';display:block;width:calc(65 * var(--desktop-unit));height:calc(1 * var(--desktop-unit));background:#00badd;margin-top:calc(30 * var(--desktop-unit))}
.home-page #benefits .grid--3{grid-template-columns:repeat(3,1fr);gap:calc(76 * var(--desktop-unit))}
.home-page .feature{border:0;padding-top:calc(10 * var(--desktop-unit));gap:calc(26 * var(--desktop-unit))}
.home-page .feature .number{font-size:calc(46 * var(--desktop-unit));font-family:'Times New Roman',serif;font-weight:400}
.home-page .feature .number::after{content:'';display:block;width:calc(65 * var(--desktop-unit));height:calc(1 * var(--desktop-unit));background:#dadcda;margin-top:calc(20 * var(--desktop-unit))}
.home-page .feature h4{margin:0;font-size:calc(19 * var(--desktop-unit));font-weight:400;line-height:1.4}
.home-page .feature p{font-size:calc(15 * var(--desktop-unit));line-height:1.6}
.home-page .slider-controls{margin-top:auto;gap:calc(18 * var(--desktop-unit))}
.home-page .slider-controls .button{height:calc(45 * var(--desktop-unit));width:calc(45 * var(--desktop-unit));padding:0;color:#929a9b;border-color:#929a9b;font-size:calc(26 * var(--desktop-unit))}
.home-page .progress{margin-left:calc(60 * var(--desktop-unit));background:#ececea;height:calc(1 * var(--desktop-unit))}
.home-page .home-project-dots{position:absolute;bottom:calc(22 * var(--desktop-unit));left:0;right:0;z-index:2;display:flex;gap:calc(20 * var(--desktop-unit));justify-content:center}
.home-page .home-project-dots button{width:calc(22 * var(--desktop-unit));height:calc(22 * var(--desktop-unit));padding:0;background:transparent;border:calc(1 * var(--desktop-unit)) solid white;border-radius:50%}
.home-page .home-project-dots button[aria-current=true]{background:#00badd;border-color:#00badd}
.home-page .project{height:calc(783 * var(--desktop-unit));min-height:0;padding:calc(125 * var(--desktop-unit)) calc(60 * var(--desktop-unit));align-items:start}
.home-page .project-copy{gap:calc(60 * var(--desktop-unit));max-width:calc(840 * var(--desktop-unit))}
.home-page .project h2{text-transform:uppercase;font-size:calc(73 * var(--desktop-unit));line-height:1.1;white-space:nowrap}
.home-page .project h2 .accent{font-size:calc(56 * var(--desktop-unit))}
.home-page .project p{font-size:calc(23 * var(--desktop-unit));line-height:1.9;max-width:calc(510 * var(--desktop-unit))}
.home-page .project>.media-bg::after{background:linear-gradient(90deg,#001209b0,transparent 66%)}
.home-page .project-copy>.button{position:absolute;top:calc(505 * var(--desktop-unit));left:0;border:0;border-bottom:calc(1 * var(--desktop-unit)) solid #00badd;padding:0;min-height:calc(38 * var(--desktop-unit));font-size:calc(20 * var(--desktop-unit));gap:calc(45 * var(--desktop-unit))}
.home-page .stats{height:calc(170 * var(--desktop-unit));padding:calc(35 * var(--desktop-unit)) calc(60 * var(--desktop-unit)) calc(28 * var(--desktop-unit));gap:0;align-items:start}
.home-page .stat strong{font-size:calc(44 * var(--desktop-unit));line-height:1.1}
.home-page .stat span{display:block;font-size:calc(13 * var(--desktop-unit));max-width:calc(220 * var(--desktop-unit));margin:calc(10 * var(--desktop-unit)) auto 0;line-height:1.4}
.home-page .stat+.stat{border-color:#d4d6d5}
.home-page #awards{height:calc(714 * var(--desktop-unit));padding:calc(26 * var(--desktop-unit)) calc(60 * var(--desktop-unit)) calc(42 * var(--desktop-unit))}
.home-page #awards>.card{height:calc(646 * var(--desktop-unit));border:calc(1 * var(--desktop-unit)) solid white;border-radius:calc(18 * var(--desktop-unit));padding:calc(20 * var(--desktop-unit)) calc(25 * var(--desktop-unit)) calc(30 * var(--desktop-unit)) calc(60 * var(--desktop-unit));grid-template-columns:calc(690 * var(--desktop-unit)) 1fr;gap:calc(65 * var(--desktop-unit));align-items:start}
.home-page #awards .card>.stack{gap:calc(18 * var(--desktop-unit));padding-top:calc(10 * var(--desktop-unit))}
.home-page #awards .eyebrow{font-size:calc(13 * var(--desktop-unit))}
.home-page #awards h2{font-size:calc(50 * var(--desktop-unit));line-height:1.08}
.home-page #awards .card>.stack>p:not(.eyebrow){font-size:calc(15 * var(--desktop-unit));max-width:calc(430 * var(--desktop-unit));line-height:1.6}
.home-page #awards .grid--3{gap:calc(20 * var(--desktop-unit));margin:calc(12 * var(--desktop-unit)) 0 calc(38 * var(--desktop-unit));grid-template-columns:repeat(3,1fr);text-align:center}
.home-page #awards .grid--3 .stack{gap:calc(10 * var(--desktop-unit));justify-items:center}
.home-page #awards .grid--3 .icon{width:calc(38 * var(--desktop-unit));height:calc(42 * var(--desktop-unit))}
.home-page #awards .grid--3 strong{font-size:calc(12 * var(--desktop-unit));text-transform:uppercase;font-weight:400}
.home-page #awards .grid--3 p{font-size:calc(11 * var(--desktop-unit));line-height:1.4}
.home-page #awards .callout{position:relative;min-height:calc(130 * var(--desktop-unit));padding:calc(20 * var(--desktop-unit)) calc(220 * var(--desktop-unit)) calc(20 * var(--desktop-unit)) calc(70 * var(--desktop-unit));gap:calc(8 * var(--desktop-unit));border-color:#9fe6f1}
.home-page #awards .callout::before{content:'♧';position:absolute;left:calc(20 * var(--desktop-unit));top:calc(32 * var(--desktop-unit));color:#00badd;font-size:calc(35 * var(--desktop-unit))}
.home-page #awards .callout h3{font-size:calc(19 * var(--desktop-unit));white-space:nowrap}
.home-page #awards .callout p{font-size:calc(11 * var(--desktop-unit));line-height:1.5}
.home-page #awards .callout .button{position:absolute;right:calc(18 * var(--desktop-unit));top:calc(41 * var(--desktop-unit));font-size:calc(10 * var(--desktop-unit));min-height:calc(40 * var(--desktop-unit));padding:calc(8 * var(--desktop-unit)) calc(14 * var(--desktop-unit));gap:calc(10 * var(--desktop-unit))}
.home-page .award-visual{height:calc(570 * var(--desktop-unit));grid-template-columns:calc(478 * var(--desktop-unit)) 1fr;gap:calc(25 * var(--desktop-unit));padding:0;background:transparent;align-items:end}
.home-page .award-visual .asset-picture{background:transparent}
.home-page .award-visual .asset-picture--award{align-self:start;height:calc(495 * var(--desktop-unit))}
.home-page .award-visual .asset-picture--award img{height:100%;object-fit:cover}
.home-page .award-visual .asset-picture--trophy img{mix-blend-mode:multiply}

.home-page .asset-association{height:calc(270 * var(--desktop-unit));margin:0 calc(20 * var(--desktop-unit)) calc(45 * var(--desktop-unit));grid-template-columns:calc(440 * var(--desktop-unit)) 1fr calc(285 * var(--desktop-unit));border:0}
.home-page .association-logo{padding:calc(12 * var(--desktop-unit)) calc(30 * var(--desktop-unit))}
.home-page .association-logo img{width:calc(370 * var(--desktop-unit));height:calc(235 * var(--desktop-unit));object-fit:contain}
.home-page .association-message{padding:calc(30 * var(--desktop-unit)) calc(40 * var(--desktop-unit));gap:calc(23 * var(--desktop-unit));font-size:calc(26 * var(--desktop-unit));font-weight:600;line-height:1.3}
.home-page .association-message::after{background:#00152430}
.home-page .association-qr{grid-column:auto;padding:calc(15 * var(--desktop-unit)) calc(25 * var(--desktop-unit));background:#779877}
.home-page .association-qr img{width:calc(240 * var(--desktop-unit));height:calc(240 * var(--desktop-unit));background:white}
.home-page .association-qr small{display:none}









.home-page .header .contact-item .icon{width:calc(24 * var(--desktop-unit));height:calc(24 * var(--desktop-unit))}




}
@media(min-width:64rem){
.home-page{--font-display:'Times New Roman',serif}
.home-page .hero-body{width:auto;grid-template-columns:1fr calc(345 * var(--desktop-unit))}
.home-page .hero-aside{align-content:start;align-self:start;height:auto}
.home-page .hero-aside.stack{gap:calc(18 * var(--desktop-unit))}
.home-page .hero-body>.stack{align-content:start}
.home-page .service-head h2{white-space:nowrap}
.home-page #benefits h2,.home-page #benefits h3{white-space:nowrap}
.home-page #lighting h2{font-size:calc(59 * var(--desktop-unit))}
.home-page .service-head{margin-bottom:calc(31 * var(--desktop-unit))}
.home-page #water{margin-bottom:calc(45 * var(--desktop-unit))}
.home-page .hero-copy{font-size:calc(112 * var(--desktop-unit))}
}
@media(max-width:63.999rem){
 .home-project-dots{display:none}
 .mission-signature{display:grid;gap:1.5rem}
 .home-page #projects .project-copy > .button{
     border:0;
     border-bottom:1px solid var(--color-teal);
     border-radius:0;
     padding-inline:0;
     text-decoration:none;
 }
 .home-page #projects .project-copy > .button .link-label{ text-decoration:none }
}

/* Homepage review fixes and functional benefits carousel. */
.home-page #services .text-link,
.home-page #projects .project-copy > .button{text-decoration:none;border-bottom:0}
.home-page #services .text-link .link-label,
.home-page #projects .project-copy > .button .link-label{text-decoration:underline;text-underline-offset:.25em}
.home-page #benefits .progress{overflow:hidden}
.home-page #benefits .progress span{transition:transform .3s ease}
.home-page #benefit-slide{touch-action:pan-y}
.benefits-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-page #benefits .benefit-lead{font-size:1.15em;line-height:1.4;color:var(--color-ink)}
.home-page #benefits .benefit-closing{grid-column:1/-1;color:var(--color-ink);font-size:1rem;line-height:1.5}
.home-page #awards .grid--3 p{max-width:none}
@media(min-width:64rem){
 .home-page #lighting{grid-template-columns:calc(620 * var(--desktop-unit)) 1fr}
 .home-page #benefits{height:auto;min-height:calc(987 * var(--desktop-unit))}
 .home-page #benefit-slide{min-height:calc(285 * var(--desktop-unit))}
 .home-page #benefits h3{white-space:normal}
 .home-page #awards .grid--3 .stack{grid-template-rows:auto auto 1fr;align-content:start}
}
@media(max-width:63.999rem){
 .home-page #benefit-slide{min-height:40rem}
 .home-page #benefits .slider-controls{margin-top:2rem}
}
@media(prefers-reduced-motion:reduce){
 .home-page #benefits .progress span{transition:none}
}

#bx_3218110189_381 {
    background: var(--color-night-soft);
}
.home-page .comfort-mark{-webkit-mask-image:url('/assets/comfort-mark.svg')!important;mask-image:url('/assets/comfort-mark.svg')!important}