:root{--c:#b87333;--bg:#0a0a0a}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f1efe9;color:#171717}header{height:72px;background:#090909;color:#fff;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}header a{color:#d38b4c;text-decoration:none}.brand{font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:6px;color:#aaa;margin-top:4px}.hero{position:relative;padding:90px 5vw 100px;background:url('https://images.unsplash.com/photo-1521295121783-8a321d551ad2?auto=format&fit=crop&w=2100&q=88') center/cover;color:#fff}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.25))}.intro,.booking{position:relative;z-index:2}.intro p{font-size:10px;letter-spacing:3px;color:#d38b4c}.intro h1{font-size:74px;line-height:.95;margin:15px 0 55px}.intro h1 span{color:#d38b4c}.booking{background:#fff;color:#111;max-width:1280px;margin:auto;box-shadow:0 30px 70px rgba(0,0,0,.35)}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#777;padding:22px}.steps b{text-align:center;font-size:11px}.steps .on{color:#d38b4c}.panel{display:none;padding:35px}.panel.on{display:block}.panel h2{font-size:34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd}.grid label,.customer label{padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:9px;text-transform:uppercase;color:#777}.grid input,.grid select,.customer input,.customer textarea{display:block;width:100%;border:0;background:transparent;outline:0;margin-top:8px;font-weight:700}.actions{display:flex;justify-content:space-between;margin-top:24px}.actions.end{justify-content:flex-end}button{border:0;background:var(--c);color:#fff;padding:16px 22px;font-weight:800;font-size:10px}.back{background:#ddd;color:#222}.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.car{background:#f3f2ee;border:2px solid transparent}.car.selected{border-color:var(--c)}.car input{display:none}.car img{width:100%;height:180px;object-fit:cover}.car div{padding:18px}.car small{color:var(--c)}.car h3{margin:8px 0}.car p{font-size:11px;color:#777}.car strong{color:var(--c)}.extras{display:grid;grid-template-columns:1fr 1fr;gap:12px}.extras label{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid #ddd}.extras small{display:block;color:#777;margin-top:5px}.extras strong{color:var(--c)}.checkout{display:grid;grid-template-columns:1.4fr .6fr;gap:30px}.customer{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd}.customer .wide{grid-column:1/3}.customer textarea{height:70px}aside{background:#111;color:#fff;padding:28px}aside small{color:#d38b4c}.total{margin-top:20px;padding-top:20px;border-top:1px solid #333;display:flex;justify-content:space-between}.total strong{color:#d38b4c;font-size:24px}.motifs{display:grid;grid-template-columns:repeat(3,1fr);height:430px}.motifs div{background-size:cover;background-position:center;display:flex;align-items:end;padding:30px;color:#fff;font-weight:800;letter-spacing:2px}.m1{background-image:url('https://images.unsplash.com/photo-1521295121783-8a321d551ad2?auto=format&fit=crop&w=900&q=84')}.m2{background-image:url('https://images.unsplash.com/photo-1530789253388-582c481c54b0?auto=format&fit=crop&w=900&q=84')}.m3{background-image:url('https://images.unsplash.com/photo-1494783367193-149034c05e8f?auto=format&fit=crop&w=900&q=84')}footer{background:#090909;color:#777;padding:35px 5vw;font-size:10px}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.cars,.checkout{grid-template-columns:1fr}.extras{grid-template-columns:1fr}.motifs{grid-template-columns:1fr;height:auto}.motifs div{height:340px}}@media(max-width:560px){.intro h1{font-size:48px}.panel{padding:22px 14px}.grid,.customer{grid-template-columns:1fr}.customer .wide{grid-column:auto}.steps b{font-size:8px}}