/* Full-room photographs replace the old isolated lamp framing. */
.hero-media{inset:0;width:100%;height:100%;mask-image:none;-webkit-mask-image:none}
.hero-scene{object-position:50% 50%}
.hero-copy h1{font-size:clamp(64px,5.8vw,88px)}
.hero-copy>p{max-width:400px}
.hero-copy .hero-cost{flex-wrap:wrap;max-width:380px}

.automatic-comparison img{aspect-ratio:1400/876;object-fit:contain;object-position:center}
.day-night-labels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;font-size:13px;line-height:1.5;color:var(--ink-blue);text-align:center}
.day-night-labels span:last-child{color:var(--earth)}
.automatic-comparison figcaption{text-align:center}

.light-experience{padding-top:64px;border-top:1px solid #36586d20}
.experience-heading{text-align:center;margin-bottom:48px}
.experience-heading h2{font-size:clamp(36px,3.7vw,56px);line-height:1.2;color:var(--ink-blue)}
.experience-heading h2 span{color:var(--earth)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px);align-items:start}
.intensity-column,.warmth-column{min-width:0}
.intensity-frame{position:relative;aspect-ratio:1.2;overflow:hidden;border-radius:8px;background:var(--midnight)}
.intensity-frame picture{position:absolute;inset:0;display:block}
.intensity-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.intensity-lit{opacity:var(--intensity);transition:opacity .35s ease}
.intensity-controls{padding-top:20px}
.intensity-presets{display:flex;justify-content:center;gap:12px;margin-bottom:24px}
.intensity-presets button{background:transparent;color:var(--ink-blue);border:1px solid #36586d40;border-radius:999px;min-width:82px;min-height:44px;padding:10px 16px;font-size:13px;transition:background .2s,color .2s}
.intensity-presets button:hover{background:#f3be9833}
.intensity-presets button[aria-pressed=true]{background:var(--apricot);color:var(--midnight);border-color:var(--apricot)}
.intensity-range-label{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5;color:var(--muted-blue)}
.intensity-range-label output{color:var(--earth);font-variant-numeric:tabular-nums}
#intensity-range{display:block;width:100%;height:44px;min-height:44px;margin:2px 0 0;padding:0;border:0;accent-color:var(--earth);cursor:pointer}
.intensity-copy{margin-top:22px}
.light-experience h3{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:clamp(24px,2.2vw,34px);line-height:1.3;letter-spacing:-.035em;color:var(--ink-blue);text-wrap:balance}
.intensity-copy p,.warmth-copy p{font-size:16px;color:var(--muted-blue);line-height:1.75;margin-top:14px;max-width:500px}
.warmth-copy{margin-bottom:28px}
.warmth-copy h3{color:var(--earth)}
.warmth-temperature{display:inline-block;margin-top:16px;color:var(--earth);font-size:13px;letter-spacing:.04em}
.warmth-scenes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.warmth-scenes figure{min-width:0}
.warmth-scenes img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.warmth-scenes figcaption{font-size:12px;line-height:1.5;color:var(--ink-blue);margin-top:10px}
.warmth-wide{grid-column:1/-1}
.warmth-wide img{aspect-ratio:2/1}
.experience-note{margin-top:32px;font-size:11px;line-height:1.8;color:var(--muted-blue)}

@media(max-width:1100px) and (min-width:761px){.hero-copy h1{font-size:clamp(60px,6.8vw,78px)}}
@media(max-width:900px){.experience-grid{gap:32px}.light-experience h3{font-size:25px}.intensity-copy p,.warmth-copy p{font-size:15px}}
@media(max-width:760px){
 .hero-media{inset:0;height:100%;mask-image:none;-webkit-mask-image:none}
 .hero-scene{object-position:50% 50%}
 .hero-copy{padding-top:125px}
 .hero-copy h1{font-size:clamp(40px,11.2vw,68px)}
 .hero-copy>p{max-width:300px}
 .hero-copy .hero-cost{max-width:310px}
 .light-label-context{display:none}
 .light-experience{padding-top:48px}
 .experience-heading{text-align:left;margin-bottom:32px}
 .experience-heading h2{font-size:clamp(32px,8.2vw,44px);max-width:18ch}
 .experience-heading h2 span{display:block}
 .experience-grid{grid-template-columns:1fr;gap:48px}
 .intensity-frame{aspect-ratio:1.2}
 .intensity-copy{margin-top:20px}
 .light-experience h3{font-size:27px}
 .warmth-copy{margin-bottom:24px}
 .warmth-copy h3 br{display:none}
 .warmth-scenes{gap:16px}
 .experience-note{margin-top:26px}
 .automatic-comparison img{aspect-ratio:1400/876;object-fit:contain}
 .day-night-labels{font-size:12px;gap:12px}
}
@media(max-width:350px){.hero-copy{padding-top:115px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:14px}.light-experience h3{font-size:24px}.intensity-presets{gap:8px}.intensity-presets button{min-width:72px}}
@media(max-width:300px){.hero-copy h1{font-size:32px}.light-experience h3{font-size:22px}.intensity-presets button{min-width:66px;padding-inline:12px}}
@media(max-height:620px) and (min-width:761px){.hero-copy h1{font-size:58px}}
@media(max-height:620px) and (max-width:760px){.hero-copy{padding-top:110px}.hero-copy h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.intensity-lit{transition:none}}