/* Compact, independent weather display in the upper-right cloud pocket. */
.hero .rf-weather{position:absolute;z-index:2;top:23px;right:clamp(22px,4vw,64px);box-sizing:border-box;width:196px;padding:11px 13px 10px;border:1px solid #e1cfaa40;border-radius:7px;background:linear-gradient(135deg,#07121ce8,#07121cb8);box-shadow:0 4px 18px #0004;color:#fffaf0;text-shadow:0 1px 3px #000;font:13px/1.3 Arial,sans-serif}
.hero .rf-weather h2{margin:0 0 4px;color:#f3d59a;font:700 11px/1.3 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.rf-weather-current{display:flex;align-items:center;gap:9px;margin-bottom:4px}
.rf-weather-temperature{flex:none;color:#fff;font:700 30px/1.05 Arial,sans-serif;letter-spacing:-1px}
.rf-weather-condition{font-size:11px;line-height:1.25;color:#f4f1e9}
.hero .rf-weather p{margin:0;font:12px/1.35 Arial,sans-serif;color:#fffaf0}
.hero .rf-weather .rf-weather-range{margin-top:2px;font-size:11px;color:#e5e5df}
.rf-weather-footer{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin-top:6px;font:9px/1.3 Arial,sans-serif;color:#d3d8dc}
.rf-weather-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rf-weather-footer a:hover{color:#f3d59a}
.rf-weather-footer a:focus-visible{outline:2px solid #f3d59a;outline-offset:2px}
@media(max-width:1199px){.hero .rf-weather{position:relative;top:auto;right:auto;margin:0 auto 65px;width:220px}.hero:has(.rf-weather){padding-bottom:1px}}