@layer components{.environmental-band__stage{will-change:opacity;height:100svh;position:sticky;top:0;overflow:hidden}.environmental-band__media{transform-origin:50%;filter:saturate(.92)brightness(1.04);will-change:transform;position:absolute;inset:-2%;transform:scale(1.03)}.environmental-band__image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.environmental-band__image--living{--r1x:0%;--r1y:0%;--r2x:0%;--r2y:0%;--r3x:0%;--r3y:0%;--r4x:0%;--r4y:0%;opacity:0;-webkit-mask-image:radial-gradient(ellipse var(--r1x) var(--r1y) at 12% 88%, #000 0%, #000 42%, #000000eb 54%, #00000094 68%, #00000029 82%, transparent 100%), radial-gradient(ellipse var(--r2x) var(--r2y) at 48% 92%, #000 0%, #000 40%, #000000e6 53%, #00000085 69%, #00000024 83%, transparent 100%), radial-gradient(ellipse var(--r3x) var(--r3y) at 88% 76%, #000 0%, #000 40%, #000000e6 54%, #00000080 70%, #0000001f 84%, transparent 100%), radial-gradient(ellipse var(--r4x) var(--r4y) at 90% 22%, #000 0%, #000 38%, #000000db 52%, #00000075 68%, #0000001a 84%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--r1x) var(--r1y) at 12% 88%, #000 0%, #000 42%, #000000eb 54%, #00000094 68%, #00000029 82%, transparent 100%), radial-gradient(ellipse var(--r2x) var(--r2y) at 48% 92%, #000 0%, #000 40%, #000000e6 53%, #00000085 69%, #00000024 83%, transparent 100%), radial-gradient(ellipse var(--r3x) var(--r3y) at 88% 76%, #000 0%, #000 40%, #000000e6 54%, #00000080 70%, #0000001f 84%, transparent 100%), radial-gradient(ellipse var(--r4x) var(--r4y) at 90% 22%, #000 0%, #000 38%, #000000db 52%, #00000075 68%, #0000001a 84%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--r1x) var(--r1y) at 12% 88%, #000 0%, #000 42%, #000000eb 54%, #00000094 68%, #00000029 82%, transparent 100%), radial-gradient(ellipse var(--r2x) var(--r2y) at 48% 92%, #000 0%, #000 40%, #000000e6 53%, #00000085 69%, #00000024 83%, transparent 100%), radial-gradient(ellipse var(--r3x) var(--r3y) at 88% 76%, #000 0%, #000 40%, #000000e6 54%, #00000080 70%, #0000001f 84%, transparent 100%), radial-gradient(ellipse var(--r4x) var(--r4y) at 90% 22%, #000 0%, #000 38%, #000000db 52%, #00000075 68%, #0000001a 84%, transparent 100%);mask-image:radial-gradient(ellipse var(--r1x) var(--r1y) at 12% 88%, #000 0%, #000 42%, #000000eb 54%, #00000094 68%, #00000029 82%, transparent 100%), radial-gradient(ellipse var(--r2x) var(--r2y) at 48% 92%, #000 0%, #000 40%, #000000e6 53%, #00000085 69%, #00000024 83%, transparent 100%), radial-gradient(ellipse var(--r3x) var(--r3y) at 88% 76%, #000 0%, #000 40%, #000000e6 54%, #00000080 70%, #0000001f 84%, transparent 100%), radial-gradient(ellipse var(--r4x) var(--r4y) at 90% 22%, #000 0%, #000 38%, #000000db 52%, #00000075 68%, #0000001a 84%, transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.environmental-band__readability-veil,.environmental-band__edge-fade{pointer-events:none;position:absolute}.environmental-band__readability-veil{background:radial-gradient(at 50% 48%,oklch(98.5% .008 90/.16) 0%,oklch(98.5% .008 90/.34) 52%,oklch(98.5% .008 90/.54) 100%);inset:0}.environmental-band__edge-fade{height:clamp(7rem,16svh,13rem);left:0;right:0}.environmental-band__edge-fade--top{background:linear-gradient(to bottom, var(--lekker-bg) 0%, oklch(98.5% .008 90/.84) 30%, transparent 100%);top:0}.environmental-band__edge-fade--bottom{background:linear-gradient(to top, var(--lekker-bg) 0%, oklch(98.5% .008 90/.84) 30%, transparent 100%);bottom:0}@supports not ((-webkit-mask-image:radial-gradient(ellipse, #000, transparent)) or (mask-image:radial-gradient(ellipse, #000, transparent))){.environmental-band__image--living{-webkit-mask-image:none;mask-image:none}}@media (width<=767px),(prefers-reduced-motion:reduce){.environmental-band__stage{opacity:.62;will-change:auto;height:100%;position:absolute;inset:0}.environmental-band__media{filter:saturate(.9)brightness(1.05);will-change:auto;inset:0;transform:none}.environmental-band__image{object-position:68% center}.environmental-band__image--living{opacity:.42;-webkit-mask-image:none;mask-image:none}.environmental-band__readability-veil{background:oklch(98.5% .008 90/.68)}}}