.gl-how-it-works{padding:var(--gl-section-space) 0;background:var(--gl-how-bg)}.gl-how-it-works__grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:clamp(48px,8vw,110px);align-items:center}.gl-how-it-works .gl-kicker{color:var(--gl-taupe)}.gl-how-it-works .gl-copy{color:var(--gl-muted)}.gl-how-it-works__points{display:grid;gap:16px;margin-top:34px}.gl-how-it-works__point{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.gl-how-it-works__point>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--gl-how-accent);font-weight:850}.gl-how-it-works__point h3{margin:0 0 4px;font-size:1rem}.gl-how-it-works__point p{margin:0;color:var(--gl-muted);font-size:.9rem}.gl-how-it-works__visual{position:relative;min-height:660px;overflow:hidden;background:linear-gradient(160deg,#dbe2ed,#b3c0d3)}.gl-how-it-works__visual .gl-picture,.gl-how-it-works__image{position:relative;z-index:2;height:100%;min-height:660px}.gl-how-it-works__halo{position:absolute;z-index:1;right:2%;bottom:4%;left:2%;height:48%;border-radius:50%;background:radial-gradient(circle,#fff0bce6,#fff0bc00 67%);filter:blur(20px)}.gl-how-it-works__callout{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#fffdf8eb;box-shadow:0 8px 24px #20212424;font-size:.78rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gl-how-it-works__callout .gl-icon{width:18px;height:18px;color:var(--gl-taupe)}.gl-how-it-works__callout--sensor{top:12%;left:8%}.gl-how-it-works__callout--outlets{top:43%;right:6%}.gl-how-it-works__callout--leds{right:14%;bottom:10%}@media(max-width:989px){.gl-how-it-works__grid{grid-template-columns:1fr}.gl-how-it-works__visual,.gl-how-it-works__visual .gl-picture,.gl-how-it-works__image{min-height:520px}}@media(max-width:549px){.gl-how-it-works__visual,.gl-how-it-works__visual .gl-picture,.gl-how-it-works__image{min-height:420px}.gl-how-it-works__callout{font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/guidelight-how-it-works.css.map */