.cc_5wnqhdky_EaDPHUDYrI .droom { position: relative; overflow: hidden; background: var(--hanne-night); color: var(--hanne-white); padding: clamp(4rem, 8vw, 7rem) 0; --mx: 50%; --my: 60%; }
.cc_5wnqhdky_EaDPHUDYrI .droom__in { position: relative; }
.cc_5wnqhdky_EaDPHUDYrI .droom__top { position: relative; z-index: 5; }
.cc_5wnqhdky_EaDPHUDYrI .droom__lamps { position: relative; z-index: 1; }
.cc_5wnqhdky_EaDPHUDYrI .droom__kicker { color: #ffbe6e; }
.cc_5wnqhdky_EaDPHUDYrI .droom__title { font-size: clamp(3rem, 7vw, 6.4rem); }
.cc_5wnqhdky_EaDPHUDYrI .droom__title span { display: block; }
.cc_5wnqhdky_EaDPHUDYrI .droom__top { display: grid; gap: 1.4rem; margin-bottom: 2.4rem; }
@media (min-width: 1024px) { .cc_5wnqhdky_EaDPHUDYrI .droom__top { grid-template-columns: 1fr auto; align-items: end; } }
.cc_5wnqhdky_EaDPHUDYrI .droom__kelvin { display: grid; gap: .5rem; min-width: min(20rem, 100%); }
.cc_5wnqhdky_EaDPHUDYrI .droom__kelvin > span { display: flex; justify-content: space-between; gap: 1rem; }
.cc_5wnqhdky_EaDPHUDYrI .droom__kelvin input { width: 100%; accent-color: #ffbe6e; }
.cc_5wnqhdky_EaDPHUDYrI .droom__kelvin small { opacity: .7; }
.cc_5wnqhdky_EaDPHUDYrI .droom__lamps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (min-width: 900px) { .cc_5wnqhdky_EaDPHUDYrI .droom__lamps { grid-template-columns: repeat(4, 1fr); } }
.cc_5wnqhdky_EaDPHUDYrI .droom__lamp { position: relative; aspect-ratio: 3 / 4.4; border-radius: 50vw 50vw 1.4rem 1.4rem; overflow: hidden; background: #16161d; color: inherit; text-decoration: none; }
.cc_5wnqhdky_EaDPHUDYrI .droom__lamp img { width: 100%; height: 100%; object-fit: cover; }
.cc_5wnqhdky_EaDPHUDYrI .droom__lamp span { position: absolute; left: 0; right: 0; bottom: 0; display: grid; padding: 1rem; background: linear-gradient(transparent, rgba(0, 0, 0, .75)); }
.cc_5wnqhdky_EaDPHUDYrI .droom__glow { position: absolute; z-index: 1; width: 34rem; height: 34rem; left: var(--mx); top: var(--my); transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, var(--kc), transparent 62%); pointer-events: none; mix-blend-mode: screen; }
.cc_5wnqhdky_EaDPHUDYrI .droom__veil { position: absolute; inset: 0; z-index: 4; pointer-events: none; background: radial-gradient(circle 15rem at var(--mx) var(--my), transparent 0, rgba(11, 11, 16, .35) 45%, rgba(11, 11, 16, .92) 100%); }
@media (prefers-reduced-motion: reduce) { .cc_5wnqhdky_EaDPHUDYrI .droom__veil { background: rgba(11, 11, 16, .25); } }