/* Warm paper, a touch of sun, and CHIVI's familiar blue. */
:root{--paper:#fdfbf7;--soft:#f6f3ed;--line:#e7e2d9;--surface:#fffefa}
.location-strip{background:#f4ede0}
body.fixed-header-layout>header{background:#fffefa}
.section-nav button.active{border-bottom-color:#c38943}
.media-banner-button{background:linear-gradient(110deg,#f5f0e6,#f1f6f5)}
.media-banner-button:hover{background:#efeadd}
#city-pulse .media-banner-button{background:linear-gradient(110deg,#f8f0df,#f5f5eb)}
.home-assistant-banner .media-banner-button{background:linear-gradient(110deg,#edf4ef,#f7f3eb)}
.city-scenes{position:relative;isolation:isolate;overflow:hidden;height:124px;min-height:96px;margin:8px 0;background:#52654c;border-radius:0;touch-action:pan-y;color:#fff}
.city-scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease;z-index:-2;filter:saturate(.95)}
.city-scene-photo.active{opacity:1}
.city-scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142c20c9,#142c2033 70%),linear-gradient(0deg,#10271a88,transparent 60%)}
.city-scene-copy{position:absolute;inset:14px 140px 24px 20px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.city-scene-kicker{font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#f9dfaa}
.city-scene-title{font-size:clamp(18px,2.3vw,27px);font-weight:600;line-height:1.17;letter-spacing:-.5px;text-wrap:balance}
.city-scene-place{font-size:11px;color:#f7f3e8}
.city-scene-controls{position:absolute;right:10px;top:10px;display:flex;align-items:center}
.city-scene-controls button{display:grid;place-items:center;border:0;background:transparent;color:#fff;width:30px;height:32px;padding:0}
.city-scene-controls button span{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:width .2s}
.city-scene-controls button[aria-pressed=true] span{width:18px;border-radius:4px;background:#f7dca6}
.city-scene-controls .city-scene-pause{font-size:13px;border-radius:50%;background:#17322266}
.city-scene-credit{position:absolute;bottom:5px;right:10px;font-size:9px;color:#fff;text-decoration:none;text-shadow:0 1px 4px #000}
body.home-overview #app{min-height:calc(100svh - var(--header-height,180px));padding-bottom:12px}
body.home-overview>footer{margin-top:0}
body.home-overview .media-banner-button{min-height:76px;padding-top:10px;padding-bottom:10px}
body.home-overview .home-media.home-media-banner,body.home-overview #city-pulse,body.home-overview .home-assistant-banner{margin-top:8px}
body.home-overview #culture-home.culture-home{padding-block:6px}
body.home-overview #culture-home .culture-loading{min-height:0;padding:16px}
@media(max-width:680px){
 .city-scene-copy{inset:10px 95px 20px 14px;gap:2px}.city-scene-title{font-size:19px}.city-scene-kicker{font-size:8px}.city-scene-place{font-size:10px}
 body.home-overview .media-banner-button{min-height:76px;padding-block:9px}
 body.home-overview .media-banner-copy .home-media-kicker{display:none}
 body.home-overview .home-media.home-media-banner,body.home-overview #city-pulse,.home-assistant-banner{margin-top:6px}
 body.home-overview #community-services{margin-block:6px}
 body.home-overview #culture-home.culture-home{margin-block:6px}
 .city-scenes{margin-block:6px}
}
@media(max-height:740px){body.home-overview .media-banner-button{min-height:65px;padding-block:6px}body.home-overview .media-banner-copy .home-media-kicker{display:none}.city-scene-title{font-size:17px}body.home-overview .media-banner-caption{font-size:11px}body.home-overview #culture-home .culture-mini .culture-poster,body.home-overview #culture-home .culture-mini .culture-image-fallback{height:70px;width:47px}.city-scenes{min-height:80px}body.home-overview #culture-home.culture-home{padding-block:4px}}
@media(prefers-reduced-motion:reduce){.city-scene-photo,.city-scene-controls button span{transition:none}}