@font-face{font-family:Lato;src:url('/assets/Lato-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('/assets/Lato-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
.svitlo-page{--body-font:Lato}
.svitlo-page .brand>span{max-width:285px}
.svitlo-page .brand small{margin-top:2px;font-size:9px;line-height:1.4}
.svitlo-page .brand .brand-description{display:block;margin-top:14px;font:400 13px/1.45 Lato,sans-serif;letter-spacing:0;color:var(--white);max-width:260px}
.svitlo-page .hero-visual{inset:-4%;transform:translateY(calc(var(--hero-scroll,0)*14px)) scale(calc(1 + var(--hero-scroll,0)*.03))}
@media(max-width:719px){.svitlo-page .header{padding:16px 20px}.svitlo-page .brand{gap:5px}.svitlo-page .brand img{width:64px;height:70px}.svitlo-page .brand>span{min-width:0;font-size:18px}.svitlo-page .brand .brand-description{font-size:12px;max-width:210px}.svitlo-page .hero-copy .eyebrow{letter-spacing:1.3px;line-height:1.7}}
@media(prefers-reduced-motion:no-preference){.svitlo-page .hero-photo-track{height:155svh}.svitlo-page .light-story{height:175svh}}
@media(min-width:720px) and (prefers-reduced-motion:no-preference){.svitlo-page .hero-photo-track{height:180svh}.svitlo-page .light-story{height:200svh}}

/* Keep the illustration and its background light in one coordinate system. */
.svitlo-scene-visual{position:relative;isolation:isolate;flex-shrink:0;width:min(85vw,480px,52svh);aspect-ratio:1;transform:translateY(calc((1 - var(--scene))*65px)) scale(calc(.88 + var(--scene)*.12));will-change:transform}
.svitlo-scene-visual .candle-art{display:block;position:relative;z-index:1;width:100%;height:100%;max-width:none;max-height:none;transform:none}
.svitlo-scene-visual .light-halo{inset:-22.5%;width:145%;height:145%;max-width:none;z-index:0;transform-origin:center;transform:scale(calc(.65 + var(--scene)*.65))}
@media(min-width:720px){.svitlo-scene-visual{width:min(48vw,600px,75svh)}}
@media(prefers-reduced-motion:reduce){.svitlo-scene-visual{transform:none;will-change:auto}}

.svitlo-page .scene-facts .burn-time-highlight{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:42.67px;padding:8px 13.33px;font-size:16px;line-height:1.5;text-align:center;color:var(--gold);border-color:var(--gold)}
@media(max-width:719px) and (max-height:540px) and (orientation:landscape){
.svitlo-page .light-stage{flex-direction:row;gap:12px}
.svitlo-page .svitlo-scene-visual{width:min(35vw,48svh)}
.svitlo-page .scene-copy{padding:12px 16px;max-width:65vw}
.svitlo-page .scene-copy h2{font-size:28px;margin:10px 0 16px}
}