/* Refractive light surfaces: the canvas samples and warps the light field
   behind each panel; foreground content remains sharp and selectable. */
.liquid-section{position:relative;isolation:isolate;background:#f5f5f6;overflow:clip}
.liquid-section>.liquid-light-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.liquid-section>.container,.liquid-section>.narrow,.liquid-section>.image-story-copy,.liquid-section>.image-story-photo{position:relative;z-index:1}
.liquid-section:after{pointer-events:none}
.liquid-surface{position:relative;isolation:isolate;background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:24px;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffa8,inset 0 -1px 0 #78788025,0 12px 28px #30313b06,0 3px 5px #30313b06;overflow:hidden;--glass-x:35%;--glass-y:5%;--glass-angle:130deg}
.liquid-surface>.liquid-refraction{position:absolute;inset:0;width:100%;height:100%;z-index:-2;border-radius:inherit;pointer-events:none;opacity:.92}
.liquid-surface:before{content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffffd4 0%,#ffffff30 33%,transparent 64%),linear-gradient(var(--glass-angle),#ffffff35,transparent 42%,#ffffff0d 70%,#b9b8bf16)!important;box-shadow:inset 0 0 0 1px #ffffff6b,inset 2px 2px 5px #fff,inset -2px -2px 5px #83838a20;transition:background-position .2s}
.liquid-surface:after{pointer-events:none}
.liquid-section .home-intro,.liquid-section .two-col{padding:clamp(26px,4vw,55px);gap:clamp(30px,5vw,75px)}
.liquid-section .home-intro .lead-copy{padding-top:25px}
.liquid-section .card:hover,.liquid-section .process-step:hover{border-color:#fff!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c9232820,0 22px 50px #3e243311,0 2px 5px #3e243308}
.liquid-section .role{border-radius:16px}
.liquid-section .role:hover{color:var(--ink)}
.liquid-section .role:hover:before{color:var(--red)}
.liquid-section .role:before{content:'↗'!important;position:static!important;inset:auto!important;display:grid;width:40px!important;height:40px!important;margin:0 0 35px!important;z-index:auto;background:#ffffff50!important;box-shadow:inset 0 1px #fff,0 3px 12px #9b6d7612!important;border:1px solid #ffffffd9;border-radius:10px;color:var(--red)}
.liquid-section .role>.liquid-refraction{z-index:-1}
.liquid-section .process-step{border-radius:19px}
.liquid-section .calc-controls{border-radius:22px 0 0 22px;border:0!important;box-shadow:inset 1px 1px 0 #fff}
.liquid-section .calculator{border-color:#ffffffd9;box-shadow:0 35px 85px #38344312,0 2px 5px #38344308}
.liquid-section input:not([type=range]),.liquid-section select,.liquid-section textarea{background:#ffffff83;border-color:#d5d2da99;box-shadow:inset 0 1px 3px #3f303705,0 1px 0 #fff}
.liquid-section .range-group input[type=range]{background:transparent;box-shadow:none}
.liquid-section .contact-card{border-radius:20px}
.liquid-section .faq details{padding:23px 26px;margin-bottom:13px;border-radius:17px}
.liquid-section .faq{border-top:0}
.liquid-section .cta-panel{box-shadow:inset 0 1px #fff,0 25px 70px #30313b0b}
@media(max-width:760px){.liquid-section .calc-controls{border-radius:16px 16px 0 0}.liquid-section .home-intro,.liquid-section .two-col{padding:28px 22px;gap:25px}.liquid-section .home-intro .lead-copy{padding-top:0}.liquid-section .faq details{padding:20px}.liquid-surface{border-radius:19px}}
@media(prefers-reduced-transparency:reduce){.liquid-surface{background:#fafafa!important}.liquid-refraction{display:none}}
@media(forced-colors:active){.liquid-light-field,.liquid-refraction{display:none}.liquid-surface{border:1px solid CanvasText!important;background:Canvas!important}}
