/* Lighting is behind the portrait, copy and form, never applied to their pixels. */
.hero.time-aware-sky{background:#82b2d9;isolation:isolate}
.sky-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--evening:0;--warmth:0;--lamp:0}
.sky-day,.sky-evening,.sky-warmth,.sky-readability,.sky-lamp{position:absolute;inset:0;pointer-events:none}
.sky-day,.sky-evening{background-position:center;background-size:cover;background-repeat:no-repeat}
.sky-day{background-image:url('houston-skyline-brighter.png')}
.sky-evening{background-image:url('houston-skyline-evening.png');opacity:var(--evening);transition:opacity 12s ease}
.sky-warmth{background:linear-gradient(180deg,#efc7ab05,#f2c18c 58%,#f3bd7a00 82%);mix-blend-mode:soft-light;opacity:var(--warmth);transition:opacity 12s ease}
.sky-readability{background:linear-gradient(90deg,#1530450a,#152a3b42 48%,#1530450a)}
.sky-lamp{right:auto;left:-12%;top:8%;width:52%;background:radial-gradient(ellipse at 0% 35%,#fff5d4bf 0%,#ffdca879 30%,#ffe1ae20 55%,transparent 74%);mix-blend-mode:screen;opacity:var(--lamp);transition:opacity 12s ease}
@media(max-width:720px){.sky-day,.sky-evening{background-position:center top}.sky-readability{background:linear-gradient(to bottom,transparent 0%,#182d3d0d 40%,#142a3b35 100%)}.sky-lamp{top:0;left:-12%;width:130%;height:380px;background:radial-gradient(ellipse at 0% 15%,#fff3d8 0%,#ffe2b8cc 35%,#ffe1ae66 57%,transparent 85%)}}
@media(max-width:720px){.sky-lamp{mix-blend-mode:normal;opacity:calc(var(--lamp)*1.45)}}
@media(prefers-reduced-motion:reduce){.sky-evening,.sky-warmth,.sky-lamp{transition:none}}
@media print{.sky-scene{display:none}}