:root{--rain:#173b52;--mist:#edf1ef;--mint:#7dd6bf;--ink:#10212c}*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:inherit}header{display:flex;align-items:center;padding:20px 5vw;background:white}header>a{text-decoration:none;font-weight:900;line-height:1}header b{color:#287a6a}nav{margin-left:auto;display:flex;gap:25px}.hero{position:relative;height:640px;background:var(--rain);color:white}.hero img{width:100%;height:100%;object-fit:cover;opacity:.45}.hero div{position:absolute;inset:auto auto 70px 7vw;max-width:650px}.hero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:.87;letter-spacing:-.07em}.hero a,.selector button,.weather button{background:var(--mint);color:var(--ink);padding:13px 18px;border:0;text-decoration:none;font-weight:bold}.selector,.weather,.guide,.faq{padding:90px 7vw;max-width:1180px;margin:auto}.selector{display:grid;grid-template-columns:1fr 1fr;gap:40px}.selector h2,.weather h2,.guide h2,.faq h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1}.selector form{display:grid;gap:15px}.selector select,.weather input{width:100%;padding:13px}.selector article{grid-column:2;background:white;padding:25px;border-top:8px solid var(--mint)}.districts{display:grid;grid-template-columns:repeat(3,1fr);background:var(--rain);color:white}.districts article{padding:70px 4vw;border-right:1px solid #ffffff44}.districts b{color:var(--mint)}.weather>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.weather article{background:white;padding:28px}.weather input{margin-bottom:10px}.guide{background:var(--mint);max-width:none;padding-left:12vw}.faq details{border-top:1px solid #9aa5a9;padding:18px 0}footer{background:#0a202e;color:white;padding:55px 6vw;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}footer a,footer button{display:block;color:white;background:none;border:0;margin:7px 0}.cookie{position:fixed;bottom:18px;right:18px;width:360px;background:white;padding:18px;border-left:8px solid var(--mint)}.cookie button{padding:8px}dialog{max-width:650px;border:0}@media(max-width:760px){nav{display:none}.selector{grid-template-columns:1fr}.selector article{grid-column:auto}.districts,.weather>div,footer{grid-template-columns:1fr}.cookie{left:12px;right:12px;width:auto}}