.heading-2{letter-spacing:-.05em;text-wrap:balance;font-size:48px;font-weight:600;line-height:48px}.heading-3{letter-spacing:-.045em;text-wrap:balance;font-size:36px;font-weight:600;line-height:40px}.title-2{font-size:18px;font-weight:500;line-height:28px}.title-3{font-size:16px;font-weight:500;line-height:24px}.body-3{font-size:16px;font-weight:400;line-height:24px}.caption-2{font-size:14px;font-weight:400;line-height:20px}.caption-4{font-size:12px;font-weight:500;line-height:16px}.experience-intro{justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:40px;display:flex}.experience-intro .eyebrow{margin-bottom:24px}.experience-intro>p{color:#64686d;width:320px;max-width:40%}.lighting-comparison{padding-top:96px;padding-bottom:32px}.comparison-stage{aspect-ratio:1671/941;isolation:isolate;background:#e9e9e6;border-radius:12px;position:relative;overflow:hidden}.comparison-stage:focus-within{outline:2px solid var(--blue);outline-offset:8px}.comparison-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.comparison-lit-layer{position:absolute;inset:0}.comparison-image-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:24px 24px auto}.comparison-image-labels>span{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border-radius:4px;padding:8px 12px}.comparison-divider{pointer-events:none;z-index:2;background:#ffffffd9;width:1px;position:absolute;top:0;bottom:0}.comparison-divider>span{width:48px;height:48px;color:var(--black);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 16px #0000001f}.comparison-range{opacity:0;z-index:3;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-controls{justify-content:space-between;align-items:center;gap:24px;margin-top:16px;display:flex}.comparison-controls>p{color:#64686d;align-items:center;gap:12px;display:flex}.comparison-controls>p>span{color:var(--blue);font-size:20px}.comparison-presets{background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.comparison-presets button{color:#64686d;transition:background .3s var(--ease),color .3s var(--ease);background:0 0;border:0;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:600;line-height:16px}.comparison-presets button[aria-pressed=true]{color:var(--black);background:#fff;box-shadow:0 1px 4px #0000000f}.daylight-section{padding-top:48px;padding-bottom:96px}.daylight-intro{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:32px;display:grid}.daylight-intro .eyebrow{color:var(--blue);margin-bottom:16px}.daylight-intro>p{color:#64686d;justify-self:end;max-width:480px}.daylight-pair{grid-template-columns:1fr 1.6fr;gap:24px;display:grid}.daylight-pair figure{min-width:0;margin:0}.daylight-pair figure>div{background:var(--surface);border-radius:8px;height:360px;position:relative;overflow:hidden}.daylight-pair img{object-fit:cover;width:100%;height:100%}.daylight-closeup img{object-position:40% 50%}.daylight-photo-tag{color:var(--black);background:#fff;border-radius:4px;padding:8px 12px;position:absolute;bottom:16px;left:16px}.daylight-pair figcaption{color:#64686d;max-width:440px;margin-top:16px}.daylight-section>.text-link{margin-top:24px}.coverage-section{padding-top:32px;padding-bottom:96px}.coverage-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start;gap:48px;display:grid}.coverage-visual{aspect-ratio:1.5;background:var(--surface);border-radius:8px;position:relative;overflow:hidden}.coverage-visual>img,.coverage-overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.coverage-overlay{pointer-events:none}.coverage-guide{stroke:#fff;stroke-opacity:.25;stroke-width:3px;vector-effect:non-scaling-stroke}.coverage-active{stroke:var(--blue);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.coverage-side{opacity:0;transition:opacity .3s var(--ease)}.coverage-side.is-selected{opacity:1}.coverage-pin{fill:var(--blue);stroke:#fff;stroke-width:2px}.coverage-photo-note{background:#fff;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:16px}.coverage-photo-note i,.coverage-footnote i{background:var(--blue);border-radius:50%;flex:none;width:6px;height:6px}.coverage-options{flex-direction:column;display:flex}.coverage-options>button{text-align:left;border:0;border-bottom:1px solid var(--line);color:#666b72;min-height:80px;transition:color .3s var(--ease);background:0 0;grid-template-columns:24px 1fr 24px;align-items:center;gap:12px;padding:16px 0;display:grid}.coverage-options>button:first-child{min-height:64px;padding-top:0}.coverage-options>button.is-selected{color:var(--black)}.coverage-option-index{color:#91969b}.coverage-options>button.is-selected .coverage-option-index{color:var(--blue)}.coverage-choice-mark{place-items:center;width:24px;height:24px;display:grid}.coverage-options>button.is-selected .coverage-choice-mark{background:var(--blue);color:#fff;border-radius:50%}.coverage-description{min-height:192px;padding-top:32px}.coverage-description>p+p{color:#64686d;margin-top:12px}.coverage-planner>.button{gap:24px;width:100%;margin-top:24px}.coverage-help{color:#64686d;margin-top:16px}.coverage-footnote{color:#74777b;justify-content:space-between;gap:24px;margin-top:16px;display:flex}.coverage-footnote>span:first-child{align-items:center;gap:8px;display:flex}@media (hover:hover) and (pointer:fine){.coverage-options>button:hover{color:var(--blue)}.comparison-presets button:hover{color:var(--blue);background:#fff}}@media (max-width:1100px){.coverage-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:32px}.coverage-description{min-height:216px;padding-top:24px}.daylight-pair figure>div{height:320px}}@media (max-width:900px){.coverage-layout{grid-template-columns:1fr;gap:32px}.coverage-planner{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.coverage-options{grid-row:1/4}.coverage-description{min-height:0;padding-top:0}.coverage-planner>.button{margin-top:24px}.coverage-help{margin-top:12px}.experience-intro{gap:32px}.experience-intro>p{max-width:45%}}@media (max-width:760px){.heading-2{font-size:36px;line-height:40px}.heading-3{font-size:30px;line-height:36px}.experience-intro{margin-bottom:24px;display:block}.experience-intro .eyebrow{margin-bottom:16px}.experience-intro>p{width:auto;max-width:100%;margin-top:24px;font-size:14px;line-height:20px}.lighting-comparison{padding-top:64px;padding-bottom:0}.comparison-stage{aspect-ratio:1.1;border-radius:8px}.comparison-photo{object-position:54% 50%}.comparison-image-labels{inset:16px 12px auto}.comparison-image-labels>span{padding:4px 8px;font-size:12px}.comparison-divider>span{width:40px;height:40px}.comparison-controls{align-items:flex-start;gap:12px}.comparison-controls>p{gap:8px;max-width:128px;padding-top:8px;font-size:12px;line-height:16px}.comparison-presets button{padding:8px 12px}.daylight-section{padding-top:32px;padding-bottom:64px}.daylight-intro{margin-bottom:24px;display:block}.daylight-intro>p{max-width:100%;margin-top:24px;font-size:14px;line-height:20px}.daylight-pair{grid-template-columns:1fr;gap:32px}.daylight-pair figure>div{aspect-ratio:1.35;height:auto}.daylight-pair .daylight-street>div{aspect-ratio:1.5}.daylight-pair figcaption{max-width:300px;margin-top:12px;font-size:12px;line-height:16px}.daylight-section>.text-link{margin-top:16px}.coverage-section{padding-top:0;padding-bottom:64px}.coverage-layout{gap:24px}.coverage-visual{aspect-ratio:1.5}.coverage-photo-note{bottom:12px;left:12px}.coverage-planner{display:block}.coverage-options>button{min-height:64px}.coverage-options>button:first-child{min-height:64px;padding-top:16px}.coverage-description{min-height:160px;padding-top:24px}.coverage-description>.body-3{font-size:14px;line-height:20px}.coverage-planner>.button{width:auto;min-width:240px;margin-top:16px}.coverage-footnote{margin-top:24px;font-size:12px;line-height:16px}.coverage-footnote>span:last-child{display:none}.coverage-help{font-size:12px;line-height:16px}}@media (max-width:380px){.comparison-controls{display:block}.comparison-controls>p{max-width:none;padding-top:0}.comparison-presets{width:max-content;margin-top:12px}.coverage-planner>.button{width:100%;min-width:0}.coverage-description{min-height:192px}}@media (prefers-reduced-motion:reduce){.coverage-side,.comparison-presets button,.coverage-options>button{transition:none}}
