body[data-theme=evening]{--accent:#ffb779;--glow:#ec7952;--pane:rgba(41,17,39,.96);--edge:#bc725d;--page:#59304f;--heroink:#fff;background:#24162e}
body[data-theme=evening] .hero .skywash{background:linear-gradient(#35153250,#f3924f25,transparent)}
.hero .welcome,body:not([data-page=home]) .hero .welcome{position:absolute;left:16px;bottom:28px;text-align:left;padding:12px 16px;background:#081326e8;border:1px solid var(--accent);border-radius:9px;color:#fff;text-shadow:none;max-width:calc(100% - 32px);box-shadow:0 4px 20px #0005}
.hero .welcome h1,body:not([data-page=home]) .hero .welcome h1{font-size:43px;line-height:1.05;color:var(--accent);margin:0}
.hero .welcome h2,body:not([data-page=home]) .hero .welcome h2{font-size:19px;letter-spacing:.2em;margin:4px 0;color:#fff}
.hero .welcome p,body:not([data-page=home]) .hero .welcome p{display:block;font-size:9px;letter-spacing:.07em;line-height:1.5;margin:4px 0;color:#f2f4fb}
.houston-weather{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff35;margin-top:9px;padding-top:8px;color:#fff;font-size:11px;max-width:275px}
.houston-weather .weather-icon{font-size:26px;line-height:1;flex-shrink:0}.houston-weather a{display:block;font-size:9px;color:#d6deed;text-decoration:underline;margin-top:3px}
@media(max-width:600px){.hero .welcome,body:not([data-page=home]) .hero .welcome{left:12px;bottom:24px;padding:10px 13px}.hero .welcome h1,body:not([data-page=home]) .hero .welcome h1{font-size:35px}.hero .welcome h2,body:not([data-page=home]) .hero .welcome h2{font-size:17px}.houston-weather{font-size:10px}}
/* Compact greeting mockup, shared by desktop and phone layouts. */
.hero .welcome,body:not([data-page=home]) .hero .welcome{width:200px;padding:9px 11px;border-radius:7px}
.hero .welcome h1,body:not([data-page=home]) .hero .welcome h1{font-size:28px;line-height:1.1;white-space:nowrap}
.hero .welcome h2,body:not([data-page=home]) .hero .welcome h2{font-size:13px;margin:3px 0;letter-spacing:.18em}
.hero .welcome #tagline{display:none}
.houston-weather{gap:5px;margin-top:5px;padding-top:5px;font-size:10px}
.houston-weather .weather-icon{font-size:18px}
.houston-weather>div{min-width:0}
.houston-weather .weather-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.houston-weather a{font-size:8px;margin-top:2px}