.conditions{padding-top:100px;padding-bottom:110px;scroll-margin-top:115px}
.conditions-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;margin-bottom:42px}
.conditions-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.08;font-weight:300;margin:0 0 24px}
.conditions-heading p{max-width:48ch;color:var(--secondary)}
.kuntur-signature{display:flex;align-items:center;gap:16px;padding-top:6px;flex-shrink:0;text-decoration:none;color:var(--foreground)}
.kuntur-signature img{object-fit:contain;width:78px;height:52px}.kuntur-signature span{font-size:18px}.kuntur-signature small{display:block;font-size:12px;color:var(--secondary);margin-top:8px}
.conditions-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;border-top:1px solid var(--line);padding-top:32px}
.weather-controls{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.weather-controls label{display:grid;gap:10px;font-size:13px;color:var(--secondary)}
.weather-controls select{font:inherit;font-size:15px;width:100%;min-width:0;padding:14px 34px 14px 12px;border:1px solid #ffffff45;border-radius:7px;background:var(--surface);color:var(--foreground);cursor:pointer}
.conditions-fine,.conditions-sources{font-size:13px;line-height:1.7;color:var(--secondary)}.conditions-fine{margin:22px 0}.conditions-fine a,.conditions-sources a{text-decoration:underline;text-underline-offset:4px}
#weather-status,#road-status{font-size:15px;line-height:1.7;max-width:65ch}.weather-days{margin:26px 0}.weather-day{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:18px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.weather-day h3{margin:0;font-size:16px;font-weight:400;text-transform:capitalize}.weather-temperature{font-size:22px;font-weight:400;text-align:right}.weather-day>span{font-size:13px;color:var(--secondary)}.weather-day>span:last-child{text-align:right}
.road-panel{border-left:1px solid var(--line);padding-left:32px;min-width:0}.road-panel h3{font-size:24px;font-weight:400;margin:0 0 22px}.road-notice{padding:16px 0;border-bottom:1px solid var(--line)}.road-notice h4{font-size:15px;margin:0 0 8px}.road-notice p{font-size:14px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.conditions .text-link{font-size:14px;margin-top:18px}.conditions button.text-link{background:transparent;color:var(--foreground);border:0;padding:10px 0;cursor:pointer;font-family:inherit}.conditions button:disabled{opacity:.65;cursor:wait}.conditions-sources{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.conditions-sources>div{display:flex;gap:16px 28px;flex-wrap:wrap;margin:18px 0}.conditions-sources p{max-width:85ch}
@media(max-width:800px){.conditions{padding-top:64px;padding-bottom:64px}.conditions-heading{display:block;margin-bottom:28px}.kuntur-signature{margin-top:28px}.conditions-layout{grid-template-columns:1fr;gap:32px}.road-panel{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.weather-controls{grid-template-columns:1fr}.weather-day{gap:10px}.weather-day>span{font-size:12px}.conditions-heading h2{font-size:38px}.conditions-sources>div{display:grid;gap:14px}}

/* Atmospheric weather stage. The terrain is Nielsen archive, not a live camera. */
.weather-theater{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#191919;border:1px solid #ffffff30;box-shadow:0 24px 70px #0005}
.weather-terrain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;z-index:-3;filter:saturate(.65)}
.weather-atmosphere{position:absolute;inset:0;background:linear-gradient(120deg,#11111155,#11111199 65%,#111111c9);z-index:-2}
.weather-theater .conditions-layout{border:0;padding:30px;gap:26px;grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);align-items:start}
.weather-panel{min-width:0;background:#1a1a1a66;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid #ffffff30;border-radius:18px;padding:26px}
.weather-controls select{background:#ffffff0b;border-color:#ffffff40;backdrop-filter:blur(12px);font-size:13px;padding:13px 27px 13px 12px;border-radius:10px}
.weather-controls label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#d2d2d2}.weather-controls option{background:#222;color:#fff}
.weather-overview{display:flex;align-items:center;gap:26px;min-height:192px;padding:10px 0 22px}.weather-overview:empty{display:none}
.weather-sky{width:148px;height:148px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:radial-gradient(ellipse,#e6641429,transparent 70%)}
.weather-icon{display:block;width:100%;height:100%;overflow:visible;color:#efefef}.weather-sky>.weather-icon{width:140px;height:140px;stroke-width:1.1;filter:drop-shadow(0 8px 14px #0005)}
.sun-icon,.partial-sun{color:#ffb078}.sun-rays{transform-origin:40px 36px;animation:weather-orbit 45s linear infinite;animation-play-state:paused}.weather-cloud{fill:#d7d7d70c;animation:weather-drift 5s ease-in-out infinite alternate;animation-play-state:paused}.weather-rain{stroke:#dedede;animation:weather-fall 1.8s ease-in-out infinite;animation-play-state:paused}.weather-snow{animation:weather-drift 3s ease-in-out infinite alternate;animation-play-state:paused}.weather-bolt{stroke:#ffb078;animation:weather-pulse 3s ease-in-out infinite;animation-play-state:paused}
.weather-reading{display:grid;gap:8px}.weather-reading-date{font-size:13px;text-transform:capitalize;color:#dedede}.weather-main-temperature{font-size:clamp(60px,6vw,88px);font-weight:300;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.weather-condition-label{font-size:16px;color:#eee}.weather-range{font-size:12px;color:#c8c8c8;margin:0}
.weather-graph{padding:20px 0 12px;border-top:1px solid #ffffff26}.weather-graph:empty{display:none}.weather-graph h3{font-size:16px;font-weight:400;margin:0 0 8px}.temperature-chart{display:block;width:100%;height:auto;overflow:visible}.chart-grid path{stroke:#ffffff13;stroke-dasharray:3 7}.chart-grid text,.chart-point text{font-size:11px;fill:#c4c4c4}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;stroke-dasharray:1500;stroke-dashoffset:0;animation:weather-trace 1.4s cubic-bezier(.16,1,.3,1) both}.high-line{stroke:#ff9b59}.low-line{stroke:#d0d0d0;stroke-width:1.5;opacity:.65}.chart-point circle{fill:#ff9b59;stroke:#352319;stroke-width:2}.chart-point .low-dot{fill:#b8b8b8}.chart-point.is-selected circle{stroke:#fff;stroke-width:2.5;r:5}.chart-legend{display:flex;gap:20px;font-size:11px;color:#d1d1d1;margin:6px 0 0}.chart-legend::before{content:'';width:18px;height:2px;background:#ff9b59;align-self:center}
.weather-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:18px 0 24px}.weather-day{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border:1px solid transparent;border-radius:12px;background:#ffffff06;color:#f5f5f5;font:inherit;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.weather-day:hover{background:#ffffff14;transform:translateY(-3px)}.weather-day[aria-pressed=true]{border-color:#e66414a6;background:#e664141c}.weather-day-date{font-size:10px;line-height:1.4;text-align:center;text-transform:capitalize;white-space:normal}.daily-weather-icon{width:46px;height:46px}.weather-day strong{font-size:20px;font-weight:400}.weather-day-low{font-size:13px;color:#c8c8c8}.weather-day .weather-icon *{animation:none}
.weather-measures{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0 0;border-top:1px solid #ffffff26}.weather-measures:empty{display:none}.instrument-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.instrument-heading>span:first-child{width:25px;height:25px;color:#dedede}.instrument-heading h3{font-size:14px;font-weight:400;margin:0}.instrument-heading>span:last-child{font-size:10px;color:#d0d0d0;flex-basis:100%;padding-left:33px}.measure-chart{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}.measure-track{stroke:#ffffff0d;stroke-width:12;stroke-linecap:round}.measure-bar{stroke:#eaa775;stroke-width:8;stroke-linecap:round}.weather-instrument:first-child .measure-bar{stroke:#d6d6d6}.measure-chart text{font-size:12px;fill:#e0e0e0;font-variant-numeric:tabular-nums}.measure-chart .measure-date{font-size:10px;fill:#b8b8b8}
.weather-theater .road-panel{border:0;padding:24px 0;position:relative}.road-panel h3{display:flex;align-items:center;gap:18px;font-size:27px;font-weight:300;line-height:1.15;margin-bottom:24px}.road-panel h3 .instrument-icon{width:50px;height:50px;stroke-width:1.3;color:#dedede}.road-age{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e6641460;border-radius:7px;font-size:11px;background:#e6641417;color:#ffc9a1}.road-age::before{content:'';width:5px;height:5px;border-radius:50%;background:#eaa775}.road-notice{padding:18px 0 18px 18px;border-bottom:1px solid #ffffff25;margin-left:6px;border-left:1px solid #ffffff40;position:relative}.road-notice:before{content:'';position:absolute;left:-4px;top:27px;width:7px;height:7px;background:#dedede;border-radius:50%}.road-notice h4{display:inline-block;border:1px solid #ffffff50;border-radius:6px;padding:4px 7px;font-size:12px;letter-spacing:.04em}.road-notice p{font-size:13px;color:#ddd}.weather-theater .conditions-fine{font-size:11px;color:#d1d1d1}.weather-theater #weather-status,.weather-theater #road-status{font-size:12px;color:#dedede}.weather-theater .text-link{font-size:12px}.weather-theater #weather-reference{margin:18px 0 12px}.weather-theater #weather-provenance{line-height:1.7;margin-bottom:10px}.conditions-heading{align-items:center}.kuntur-signature{border:1px solid #ffffff2b;background:#ffffff06;backdrop-filter:blur(15px);border-radius:14px;padding:18px 22px}
.weather-in-view:not(.weather-hidden) .weather-sky .sun-rays,.weather-in-view:not(.weather-hidden) .weather-sky .weather-cloud,.weather-in-view:not(.weather-hidden) .weather-sky .weather-rain,.weather-in-view:not(.weather-hidden) .weather-sky .weather-snow,.weather-in-view:not(.weather-hidden) .weather-sky .weather-bolt{animation-play-state:running}
.motion-paused .conditions *, .motion-paused .conditions *::before{animation:none!important;transition:none!important}
@keyframes weather-orbit{to{transform:rotate(360deg)}}@keyframes weather-drift{to{transform:translate(3px,-2px)}}@keyframes weather-fall{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(4px);opacity:1}}@keyframes weather-pulse{0%,75%,100%{opacity:1}85%{opacity:.35}}@keyframes weather-trace{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}
@media(max-width:1100px){.weather-theater .conditions-layout{grid-template-columns:minmax(0,1fr);gap:0}.weather-theater .road-panel{padding:28px 6px 6px;border-top:1px solid #ffffff30}.road-panel h3 br{display:none}.road-panel h3{font-size:26px}.weather-controls select{font-size:14px}.weather-days{gap:10px}}
@media(max-width:800px){.weather-theater{border-radius:18px;margin-left:-8px;margin-right:-8px}.weather-theater .conditions-layout{padding:12px}.weather-panel{padding:20px 14px;border-radius:14px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.weather-overview{gap:16px;min-height:170px}.weather-sky{width:105px;height:105px}.weather-sky>.weather-icon{width:104px;height:104px}.weather-main-temperature{font-size:70px}.weather-condition-label{font-size:14px}.weather-range{font-size:11px}.weather-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.weather-day{padding:10px 3px}.weather-day-date{font-size:10px}.daily-weather-icon{width:44px;height:44px}.weather-measures{gap:18px;grid-template-columns:1fr}.measure-chart{max-height:110px}.temperature-chart{min-height:155px}.chart-grid text,.chart-point text{font-size:14px}.weather-graph h3{font-size:15px}.kuntur-signature{display:inline-flex;padding:14px 18px}.weather-theater .road-panel{margin:24px 8px 0}.weather-controls{gap:18px}.conditions-heading{margin-bottom:32px}.weather-theater .conditions-fine{font-size:12px}.weather-theater #weather-status,.weather-theater #road-status{font-size:13px}.road-notice p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.conditions *,.conditions *::before{animation:none!important;transition:none!important}}
