*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#181818;background:#fff}.top{background:#171717;color:#eee;padding:12px 5%;font-size:14px}.top span{float:right}.top a{color:#ffd02a;text-decoration:none}nav{height:105px;background:#0d0d0e;color:#fff;display:flex;align-items:center;gap:14px;padding:8px 5%}nav img{width:75px;height:75px;object-fit:cover;border-radius:50%}.brand{font-weight:bold;font-size:22px;color:#f5bb26}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#fff}.links{margin-left:auto;display:flex;gap:22px}.links a{color:#fff;text-decoration:none}.btn{display:inline-block;background:#f2b92a;color:#151515;padding:14px 20px;border-radius:5px;text-decoration:none;font-weight:bold;margin:6px}.red{background:#9e2222;color:#fff}.outline{background:transparent;color:#fff;border:1px solid #f2b92a}.hero{min-height:500px;padding:80px 8%;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.2)),url('images/piscine.png') center/cover}.eyebrow{color:#f2b92a;font-weight:bold}.hero h1{font-size:52px;margin:10px 0}.hero h1 b{color:#f2b92a}.hero h2{text-transform:uppercase}section{padding:55px 8%}section>h2{text-align:center;font-size:32px;text-transform:uppercase;margin:0}.intro{text-align:center;color:#555}.cards,.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.cards article{padding:25px;border:1px solid #ddd;border-top:4px solid #d69b1f}.why{background:#121212;color:#fff;display:flex;justify-content:space-around;align-items:center}.why h2{text-align:left}.why li{margin:12px 0}.why img{width:190px;border-radius:50%}.gallery{grid-template-columns:repeat(4,1fr)}figure{margin:0;background:#111;color:#fff}figure img{width:100%;height:210px;object-fit:cover;display:block}figcaption{padding:12px;font-weight:bold}.contact{text-align:center;background:#7d1616;color:#fff}.contact h2{color:#fff}footer{background:#101010;color:#ddd;padding:30px 8%;text-align:center}@media(max-width:750px){.top span{float:none;display:block;margin-top:7px}.links{display:none}nav{height:90px}.hero h1{font-size:35px}.cards,.gallery{grid-template-columns:1fr}.why{display:block}.why img{display:block;margin:20px auto}.top{font-size:12px}}