:root{--black:#191919;--red:#e34a35;--white:#fff;--concrete:#e8e7e2;--blue:#3978a8}*{box-sizing:border-box}body{margin:0;background:var(--concrete);color:var(--black);font:16px/1.55 Arial,sans-serif}a{color:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;background:white}header>a{text-decoration:none;font-weight:900}header span{background:var(--red);color:white;padding:12px;margin-right:8px}nav{margin-left:auto;display:flex;gap:23px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--black);color:white}.hero div{padding:8vw 6vw}.hero img{width:100%;height:600px;object-fit:cover}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.9}.hero a,.compare button{display:inline-block;background:var(--red);color:white;padding:13px 18px;border:0;text-decoration:none;font-weight:bold}.compare,.practical,.faq{padding:85px 6vw;max-width:1180px;margin:auto}.compare{display:grid;grid-template-columns:1fr 1fr;gap:40px}.compare h2,.weekend h2,.practical h2,.faq h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1}.compare form{display:grid;gap:14px}.compare select{width:100%;padding:12px}.compare #match{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare article{background:white;border-top:7px solid var(--blue);padding:22px}.weekend{background:var(--black);color:white;padding:85px 7vw}.weekend>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.weekend article{border:1px solid #555;padding:25px}.weekend span{color:var(--red);font-size:2rem}.practical{background:white;max-width:none;padding-left:12vw}.faq details{border-top:1px solid #999;padding:18px}footer{background:#0a0a0a;color:white;padding:50px 6vw;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}footer a,footer button{display:block;color:white;background:none;border:0;margin:7px 0}.cookie{position:fixed;bottom:18px;left:18px;right:18px;background:white;border-bottom:7px solid var(--red);padding:14px;display:flex;gap:10px;align-items:center}.cookie span{margin-right:auto}dialog{max-width:650px}@media(max-width:760px){nav{display:none}.hero,.compare{grid-template-columns:1fr}.hero img{height:300px}.weekend>div,footer{grid-template-columns:1fr}.cookie{flex-wrap:wrap}}