
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}img{width:100%;display:block}a{text-decoration:none;color:inherit}
.nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,.96);color:white;position:fixed;top:0;left:0;right:0;z-index:50}
.brand{font-weight:800;letter-spacing:.08em;font-size:20px}.brand span{color:#f0c21b}.brand small{display:block;font-size:8px;letter-spacing:.36em;margin-top:2px;color:#bbb}.nav nav{display:flex;gap:28px;align-items:center;font-size:13px}.nav nav>a:not(.nav-cta):hover{opacity:.65}.nav-cta{border:1px solid #fff;padding:13px 18px}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{height:92vh;min-height:650px;position:relative;color:white;margin-top:76px;overflow:hidden}.hero>img{height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 47%,rgba(0,0,0,.08) 100%)}
.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:720px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;margin:0 0 18px}.hero h1{font-size:clamp(48px,6.5vw,96px);line-height:.96;letter-spacing:-.045em;margin:0 0 25px}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.5;max-width:620px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-block;padding:17px 25px;font-size:12px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;border:0;cursor:pointer}.primary{background:#f0c21b;color:#111}.ghost{border:1px solid rgba(255,255,255,.75);color:#fff}
.intro{padding:110px 8vw;text-align:center;max-width:1150px;margin:auto}.dark{color:#596067}.intro h2,.copy h2,.parts h2,.workshop h2,.booking h2{font-size:clamp(36px,4vw,62px);letter-spacing:-.04em;line-height:1.03;margin:0 0 25px}.intro>p:last-child{font-size:19px;line-height:1.7;color:#555;max-width:820px;margin:auto}
.split{display:grid;grid-template-columns:1.2fr .8fr;min-height:700px}.split.reverse{grid-template-columns:.9fr 1.1fr}.reverse .photo{order:2}.photo img{height:100%;object-fit:cover}.copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center;background:#f1f1ef}.dark-panel{background:#111;color:white}.copy p:not(.eyebrow){font-size:18px;line-height:1.65;color:#555}.dark-panel p:not(.eyebrow){color:#bbb}.text-link{font-size:12px;letter-spacing:.15em;font-weight:800;margin-top:20px}.light{color:#f0c21b}
.cards{padding:100px 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;background:#fff}.cards article{background:#f4f4f2}.cards article img{height:340px;object-fit:cover}.cards article div{padding:32px}.cards span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#777}.cards h3{font-size:27px;margin:10px 0}.cards p{line-height:1.6;color:#555}
.parts{background:#111;color:#fff;padding:110px 6vw}.parts-copy{max-width:850px;margin-bottom:50px}.parts-copy p:last-child{color:#bbb;font-size:18px;line-height:1.65}.parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.parts-grid img{height:540px;object-fit:cover}
.workshop{display:grid;grid-template-columns:1.2fr .8fr;background:#f2f2ef}.workshop-image img{height:100%;min-height:700px;object-fit:cover}.workshop-copy{padding:9vw 6vw;align-self:center}.workshop-copy>p:not(.eyebrow){color:#555;font-size:18px;line-height:1.7}.brand-list{margin-top:34px;padding-top:30px;border-top:1px solid #ccc;line-height:2;font-size:13px;font-weight:700;letter-spacing:.06em}
.gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:3px;background:#111}.gallery img{height:480px;object-fit:cover}
.booking{padding:110px 8vw;background:#173e35;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.booking>div>p:last-child{color:#d1dad6;line-height:1.7;font-size:18px}.booking form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.booking label{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.booking input,.booking select,.booking textarea{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.5);color:white;padding:14px 3px;font:inherit;outline:none}.booking select option{color:#111}.booking textarea{border:1px solid rgba(255,255,255,.5);padding:14px}.wide{grid-column:1/-1}.note{font-size:12px;color:#d7e0dd}
footer{background:#0b0b0b;color:#bbb;padding:70px 6vw;text-align:center}.footer-brand{color:white;display:inline-block;margin-bottom:20px}.fine{font-size:11px;margin-top:30px;color:#666}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:28px 5vw;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.menu{display:block}.hero{height:80vh;min-height:600px}.hero-copy{left:6vw;right:6vw}.split,.split.reverse,.workshop,.booking{grid-template-columns:1fr}.reverse .photo{order:0}.photo img,.workshop-image img{min-height:0;height:60vh}.copy,.workshop-copy{padding:80px 7vw}.cards{grid-template-columns:1fr}.cards article img{height:55vw;min-height:300px}.parts-grid{grid-template-columns:1fr}.parts-grid img{height:auto}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:1/-1}.gallery img{height:50vw}.booking{gap:50px}.booking form{grid-template-columns:1fr}.booking form>*{grid-column:1/-1}}
@media(max-width:560px){.hero{min-height:570px}.hero-copy>p:not(.eyebrow){font-size:16px}.actions{flex-direction:column;align-items:flex-start}.intro{padding:80px 7vw}.cards,.parts{padding:75px 6vw}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}.gallery img{height:70vw}.booking{padding:80px 7vw}}

.logo-brand{display:flex;align-items:center;height:66px}
.logo-brand img{height:58px;width:auto;max-width:190px;object-fit:contain;display:block}
.footer-brand img{width:min(330px,80vw);height:auto;display:block;margin:0 auto}
@media(max-width:560px){.logo-brand img{height:50px;max-width:160px}}

/* EURO MOTORS - IMPROVED BOOKING FORM */

.booking {
    background: #f2f5f3;
    color: #173e35;
}

.booking h2 {
    color: #173e35;
}

.booking > div > p:last-child {
    color: #4b5b54;
}

.booking label {
    color: #173e35;
    font-weight: 700;
}

.booking input,
.booking select,
.booking textarea {
    background: #ffffff;
    color: #172b24;
    border: 1px solid #cbd5cf;
    border-radius: 5px;
    padding: 15px 14px;
    font-size: 15px;
}

.booking input:focus,
.booking select:focus,
.booking textarea:focus {
    border-color: #087344;
    outline: 2px solid rgba(8,115,68,0.15);
}

.booking select {
    color-scheme: light;
    cursor: pointer;
}

.booking select option {
    background: #ffffff;
    color: #172b24;
}

.booking input::placeholder,
.booking textarea::placeholder {
    color: #68766e;
}

.booking .note {
    color: #4b5b54;
}

.booking .btn.primary {
    background: #f0c21b;
    color: #111111;
    font-weight: 800;
}

.booking .btn.primary:hover {
    background: #dfae0b;
}
