.live-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;padding:44px;color:#f9fbff;border-radius:28px;overflow:hidden;background:#101226;min-height:460px;margin:24px 0;box-shadow:0 18px 50px #181f3d22;transition:background 2s}
.live-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 25% 40%,#7669cb66,transparent 58%),radial-gradient(ellipse at 90% 10%,#1a858866,transparent 55%);transition:background 2s}
.live-hero[data-day=day]{background:#243f67}.live-hero[data-weather=rain],.live-hero[data-weather=storm]{background:#1c3045}.live-hero[data-weather=clear][data-day=day]:before{background:radial-gradient(ellipse at 80% 0%,#e7bc6355,transparent 60%),radial-gradient(ellipse at 20% 70%,#4686b755,transparent 65%)}
.weather-cloud{position:absolute;width:350px;height:160px;border-radius:50%;background:#b6c5e91c;filter:blur(40px);z-index:-1;right:-100px;top:50px;animation:cloud-drift 16s ease-in-out infinite alternate}.weather-cloud.second{top:auto;bottom:20px;left:-100px;animation-delay:-8s}.live-hero[data-weather=clear] .weather-cloud{opacity:.3}
.hero-stage{min-width:0}.hero-stage .eyebrow{color:#b5c0e4;font-size:11px;letter-spacing:2px}.hero-stage h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:16px 0 12px;letter-spacing:-2px;color:#fff}.hero-stage h1 span{display:block;font-weight:400;font-size:.52em;letter-spacing:0;color:#c9d1f0;margin-top:10px}.trip-dates{color:#c5cfe5;font-size:14px;margin:0}.logo-credit{color:#b0bdd9;font-size:10px;text-decoration:none}.hero-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}.countdown-chip{border-radius:30px;background:#bdc6ff20;padding:8px 12px;font-size:12px;border:1px solid #c9d4ff33}.motion-btn{background:transparent;border:0;color:#c5d1ee;font:inherit;font-size:12px;min-height:40px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.weather-widget{align-self:center;position:relative;padding:27px;border-radius:24px;background:#ffffff0d;border:1px solid #ffffff29;backdrop-filter:blur(16px);box-shadow:0 15px 45px #0002;min-width:0}.weather-header{display:flex;justify-content:space-between;align-items:center}.weather-header b{font-size:14px;letter-spacing:.5px}.weather-refresh{border:1px solid #fff3;border-radius:50%;width:38px;height:38px;background:#ffffff0b;color:#fff;font-size:22px;cursor:pointer}.weather-refresh:disabled{opacity:.4}.weather-main{display:flex;align-items:center;justify-content:space-between;margin:18px 0 23px}.weather-temp{font-size:92px;font-weight:500;line-height:1;letter-spacing:-5px}.weather-condition{margin-top:8px;color:#d2dcf4;font-size:17px}.weather-glyph{font-size:74px;color:#c5e9ff;text-shadow:0 0 25px #b4dfff66}.weather-stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:17px 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;gap:8px}.weather-stats small{display:block;font-size:11px;color:#becbe4;margin-bottom:8px}.weather-stats b{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.weather-state{font-size:12px;color:#d0dbef;margin:16px 0 6px}.weather-updated,.weather-source{font-size:10px;color:#afbdd7;line-height:1.6}.weather-source{display:block;margin-top:7px}.weather-particles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.weather-particles i{position:absolute;left:var(--x);top:-20px;width:1px;height:22px;background:#c9e5ff55;opacity:0}.live-hero[data-weather=rain] .weather-particles i,.live-hero[data-weather=storm] .weather-particles i{opacity:1;animation:rain-fall var(--speed) linear var(--delay) infinite}.motion-paused *,.motion-paused:before{animation-play-state:paused!important}.motion-paused 
.place-photo img{object-fit:cover;transition:transform .5s ease}.place-card:hover .place-photo img{transform:scale(1.035)}.place-photo{overflow:hidden}.place-photo figcaption{background:#14213a;font-size:10px;padding:8px 13px}.place-photo figcaption a{color:#edf2ff}.place-card .photo-fallback{height:180px;display:grid;place-items:center;color:#64758f;background:#eaf0f5;font-size:13px}.coq-note{background:#eceef9;border-left:3px solid #817bad;padding:18px 22px;border-radius:12px;margin-bottom:22px}.coq-note h3{font-size:18px;margin:0 0 8px}.coq-note p{font-size:14px;line-height:1.8;margin:7px 0}.coq-note a{color:#384c82}.coq-note details{margin-top:12px}.coq-note summary{cursor:pointer;font-size:14px}.concert.card{background:linear-gradient(145deg,#202041,#263859)}.card{transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:0 14px 30px #15223b0b}.card-label .ui-icon{color:#60719c}.section-title .eyebrow{color:#7c76a0}
@keyframes logo-turn{from{transform:rotateY(-12deg) rotateX(3deg)}to{transform:rotateY(348deg) rotateX(3deg)}}@keyframes cloud-drift{to{transform:translate(100px,25px)}}@keyframes rain-fall{to{transform:translate(-80px,600px)}}
@media(max-width:760px){.live-hero{grid-template-columns:1fr;gap:24px;padding:27px 23px;margin:18px 0;border-radius:23px}.hero-stage h1{font-size:46px}.hero-stage{position:relative}.hero-stage .trip-dates{text-align:left}.weather-widget{padding:23px}.weather-temp{font-size:76px}.weather-main{margin:15px 0 19px}.weather-glyph{font-size:62px}.weather-stats b{font-size:20px}.hero-bottom{margin-top:8px}.weather-cloud{width:250px}.weather-widget{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.live-hero *{animation:none!important}.place-photo img,.live-hero{transition:none!important}}

.hero-stage h1 span{margin-left:0}.place-card:has(img[alt*="Levents"]) .place-photo img{object-fit:contain;background:#fff}

/* Real geometry canvas and procedural weather backdrop. */
.live-hero:before,.live-hero>.weather-cloud,.live-hero>.weather-particles{display:none}
.weather-sky{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-stage,.weather-widget{z-index:1}.hero-stage{position:relative}.live-hero{min-height:565px}
.logo-model{height:260px;width:min(100%,440px);margin:8px auto 0;position:relative;filter:drop-shadow(0 18px 22px #0005)}
.logo-model canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.logo-model canvas:active{cursor:grabbing}
.model-caption{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:10px}.model-caption span{font-size:12px;letter-spacing:2.8px;font-weight:600}.model-caption small{font-size:10px;color:#d9e3f0a6}
.logo-credit{display:block;text-align:center;font-size:10px;opacity:.8}.model-unavailable{text-align:center;padding:80px 10px;color:#cbd7e8;line-height:1.8}
.sky-controls{margin:13px 0 7px;font-size:11px;color:#d0ddf2}.sky-controls summary{cursor:pointer;padding:8px 0}.sky-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.sky-options button{color:#e2ecf8;border:1px solid #ffffff30;background:#ffffff0b;padding:8px 9px;min-height:36px;border-radius:9px;cursor:pointer;font:inherit}.sky-options button[aria-pressed=true]{background:#dbe7ff;color:#18263c}.sky-controls p{font-size:10px;color:#b8cbe4}.weather-widget{background:#101a2b66;border-color:#ffffff38}.motion-paused *{animation-play-state:paused!important}
@media(max-width:760px){.logo-model{height:225px;max-width:360px}.live-hero{min-height:0}.model-caption{flex-direction:column;gap:5px}.hero-bottom{margin-top:17px}}

/* Compact dashboard: larger model within a shorter hero. */
.live-hero{min-height:0;padding:26px 30px;gap:26px;grid-template-columns:1.15fr .85fr}
.hero-stage h1{font-size:38px;margin:8px 0}.hero-stage h1 span{font-size:19px;margin-top:5px}.trip-dates{font-size:12px}
.logo-model{height:180px;max-width:440px;margin:2px auto}.model-caption{margin-bottom:4px}.hero-bottom{margin-top:6px}
.weather-widget{padding:18px 20px}.weather-main{margin:10px 0 14px}.weather-temp{font-size:66px}.weather-glyph{font-size:52px}.weather-condition{font-size:14px}
.weather-stats{padding:11px 0}.weather-stats small{margin-bottom:4px}.weather-stats b{font-size:17px}.weather-state{margin-top:10px}.sky-controls{margin:4px 0}.sky-controls summary{padding:4px 0}
.forecast-section{margin:0 0 24px;padding:20px 24px;border:1px solid #dce3ee;border-radius:22px;background:linear-gradient(125deg,#f3f5fc,#edf5f8)}
.forecast-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.forecast-heading h2{font-size:20px;margin:5px 0 0}.forecast-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#657694}.forecast-heading .muted{font-size:11px}
.forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.forecast-day{padding:14px 16px;border-radius:15px;background:#ffffffc9;border:1px solid #fff;min-width:0}.forecast-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.forecast-top time{font-size:12px;font-weight:600}.forecast-icon{font-size:28px;color:#4b7094}.forecast-condition{font-size:12px;color:#687991;margin:7px 0}.forecast-temps{font-size:24px;font-weight:600;color:#223452;font-variant-numeric:tabular-nums}.forecast-temps small{font-size:16px;color:#8190a5;font-weight:400}.forecast-rain{font-size:12px;color:#426b91;margin:7px 0 0}.forecast-note{font-size:10px;margin:12px 0 0}
@media(max-width:760px){.live-hero{padding:20px;gap:16px;grid-template-columns:1fr}.hero-stage h1{font-size:32px}.hero-stage h1 span{font-size:16px}.logo-model{height:180px;max-width:360px}.model-caption{flex-direction:row;gap:10px}.model-caption span{font-size:10px}.model-caption small{font-size:9px}.weather-widget{padding:14px 16px}.weather-main{margin:6px 0 10px}.weather-temp{font-size:50px}.weather-glyph{font-size:42px}.weather-stats{padding:8px 0}.weather-stats b{font-size:16px}.weather-header b{font-size:12px}.weather-state{margin-top:7px}.forecast-section{padding:16px 12px;border-radius:18px}.forecast-heading{align-items:flex-start}.forecast-heading h2{font-size:18px}.forecast-heading .muted{max-width:125px;text-align:right}.forecast-grid{gap:7px}.forecast-day{padding:11px 9px}.forecast-top{flex-direction:column;align-items:flex-start}.forecast-top time{font-size:11px}.forecast-icon{font-size:25px}.forecast-temps{font-size:21px}.forecast-temps small{font-size:13px}.forecast-rain{font-size:10px}}