:root{--black:#030303;--gold:#c9a13b;--gold2:#d9b34d;--white:#fff;--muted:#bfbfbf;--card:#080808;--line:rgba(201,161,59,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1240px,92vw);margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(3,3,3,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.mark{font-family:Georgia,serif;color:var(--gold);font-size:38px;font-weight:800}.brand strong{font-family:Georgia,serif;letter-spacing:8px;font-size:20px}.brand span{display:block;color:var(--gold);font-size:10px;letter-spacing:9px;margin-top:4px}.links{display:flex;gap:28px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:1px}.links a:hover{color:var(--gold)}.btn,.btn-dark{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);padding:15px 24px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1.5px}.btn{background:linear-gradient(135deg,#d9b34d,#9e711b);color:#fff}.btn-dark{background:rgba(0,0,0,.45)}.hero{min-height:760px;display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.70)),var(--hero) center/cover no-repeat;filter:saturate(1.05)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 75%,rgba(201,161,59,.18),transparent 28%)}.hero-inner{position:relative;z-index:2;padding:90px 0}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-weight:900;font-size:13px}.hero h1{font-size:clamp(45px,8vw,112px);line-height:.9;margin:16px 0 18px;text-transform:uppercase;letter-spacing:4px}.hero h1 span{color:var(--gold);display:block}.hero p{font-size:20px;line-height:1.55;color:#eee;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050505}.stats div{padding:26px 22px;text-align:center;border-right:1px solid var(--line)}.stats strong{display:block;color:var(--gold);font-size:30px}.stats span{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#ddd;font-weight:800}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section h2{font-size:clamp(34px,5vw,62px);line-height:.95;text-transform:uppercase;letter-spacing:3px;margin:0}.section h2 em{font-style:normal;color:var(--gold)}.section-head p{max-width:500px;color:#ccc;line-height:1.55}.featured{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);overflow:hidden;position:relative}.card-img{height:280px;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;transition:.45s}.card:hover img{transform:scale(1.04)}.card-body{padding:20px}.tag{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:900}.card h3{font-size:22px;text-transform:uppercase;margin:8px 0}.price{color:var(--gold);font-size:28px;font-weight:950}.per{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:800}.vehicle-section{padding:80px 0;border-top:1px solid rgba(201,161,59,.22)}.vehicle-layout{display:flex;flex-direction:column;gap:38px;align-items:stretch}.vehicle-copy{position:static;order:2}.vehicle-copy h2{font-size:clamp(38px,5vw,70px);margin:10px 0 8px;text-transform:uppercase;line-height:.93}.vehicle-copy p{color:#ccc;line-height:1.65;font-size:17px}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.features li{list-style:none;border:1px solid rgba(201,161,59,.22);padding:12px;color:#eee;font-size:13px}.gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px;order:1}.gallery img{flex:0 0 100%;height:520px;width:100%;object-fit:cover;border:1px solid rgba(201,161,59,.25);scroll-snap-align:center}.contact{background:linear-gradient(135deg,#090909,#020202);border-top:1px solid var(--line);padding:80px 0;text-align:center}.contact h2{font-size:clamp(36px,6vw,76px);text-transform:uppercase;line-height:.95;margin:0 0 14px}.contact h2 span{color:var(--gold)}.contact p{color:#ddd;font-size:18px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.contact-grid a{border:1px solid var(--line);padding:18px;font-weight:900}.footer{padding:32px 0;background:#020202;color:#aaa}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.mobile-note{display:none}
@media(max-width:1050px){.links{display:none}.featured{grid-template-columns:repeat(2,1fr)}.vehicle-layout{grid-template-columns:1fr}.vehicle-copy{position:static}.stats{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.gallery img,.gallery img:first-child{height:360px}}
@media(max-width:650px){.nav{min-height:76px}.brand strong{letter-spacing:4px;font-size:16px}.brand span{letter-spacing:5px}.hero{min-height:660px}.featured,.gallery,.contact-grid,.features{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.section-head{display:block}.card-img{height:260px}.gallery img,.gallery img:first-child{height:300px}.footer .wrap{display:block;text-align:center}.btn,.btn-dark{width:100%;margin-bottom:10px}.mobile-note{display:block;color:#aaa;font-size:12px;margin-top:10px}}


.subhero{min-height:520px;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.62)),url('assets/vehicles/mercedes-g63-amg/mercedes-g63-amg-1.jpg') center/cover no-repeat;border-bottom:1px solid var(--line)}
.subhero .wrap{position:relative;z-index:2}.subhero h1{font-size:clamp(48px,8vw,104px);line-height:.9;margin:16px 0;text-transform:uppercase;letter-spacing:4px}.subhero h1 span{display:block;color:var(--gold)}.subhero p{font-size:20px;line-height:1.55;color:#eee;max-width:700px}.requirements-preview{background:#050505;border-top:1px solid rgba(201,161,59,.25)}.req-preview-layout{display:grid;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:26px}.req-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.req-mini-grid div{border:1px solid var(--line);padding:16px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1.4px;color:#eee;background:#080808}.requirements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.requirements-grid article{background:#080808;border:1px solid var(--line);padding:28px;min-height:260px}.req-icon{width:62px;height:62px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:950;font-size:22px;margin-bottom:18px}.requirements-grid h3{text-transform:uppercase;letter-spacing:1.2px;margin:0 0 12px;font-size:20px}.requirements-grid p{color:#ccc;line-height:1.6}.requirements-note{margin-top:26px;border:1px solid var(--line);padding:32px;background:linear-gradient(135deg,#090909,#020202)}.requirements-note h3{font-size:34px;margin:0 0 8px;text-transform:uppercase;color:var(--gold)}.requirements-note p{color:#ddd;line-height:1.6;max-width:760px}
@media(max-width:1050px){.req-preview-layout{grid-template-columns:1fr}.requirements-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.subhero{min-height:430px}.req-mini-grid,.requirements-grid{grid-template-columns:1fr}}


.add-ons-section{background:#050505;border-top:1px solid rgba(201,161,59,.25);border-bottom:1px solid rgba(201,161,59,.25)}
.addons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.addons-grid article{background:#080808;border:1px solid var(--line);padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.addon-name,.business-info-grid span{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:950}
.addons-grid strong,.business-info-grid strong{display:block;margin:12px 0 8px;color:#fff;font-size:24px;line-height:1.15;text-transform:uppercase}
.addons-grid p{color:#bbb;line-height:1.45;margin:0;font-size:14px}
.business-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:54px}
.business-info-grid article{background:linear-gradient(135deg,#090909,#020202);border:1px solid var(--line);padding:28px}
.addon-head{margin-top:20px}
.contact-grid-expanded{grid-template-columns:repeat(3,1fr)}
.contact-grid-expanded a:nth-last-child(-n+2){grid-column:span 1}
@media(max-width:1050px){.addons-grid{grid-template-columns:repeat(2,1fr)}.contact-grid-expanded{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.addons-grid,.business-info-grid,.contact-grid-expanded{grid-template-columns:1fr}.addons-grid article{min-height:auto}.contact-grid-expanded a{grid-column:auto!important}}


/* Top contact bar update */
.top-contact-bar{
  background:#0b0b0b;
  border-bottom:1px solid rgba(201,161,59,.34);
  color:#fff;
  font-size:13px;
  letter-spacing:.8px;
  position:relative;
  z-index:40;
}
.top-contact-inner{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
  text-transform:uppercase;
  font-weight:900;
}
.top-contact-inner a,
.top-contact-inner span{
  color:#fff;
}
.top-contact-inner a:hover{
  color:var(--gold);
}
.hero-contact-line{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:22px 0 0;
  align-items:center;
}
.hero-contact-line a{
  border:1px solid rgba(201,161,59,.55);
  background:rgba(0,0,0,.45);
  color:#fff;
  padding:13px 18px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.2px;
}
.hero-contact-line a:hover{
  background:rgba(201,161,59,.14);
  color:var(--gold);
}
.mobile-contact-bar{
  display:none;
}
@media(max-width:650px){
  body{padding-bottom:64px}
  .top-contact-inner{
    gap:10px;
    font-size:11px;
    padding:8px 0;
  }
  .hero-contact-line{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .mobile-contact-bar{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:80;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    background:#050505;
    border-top:1px solid rgba(201,161,59,.55);
  }
  .mobile-contact-bar a{
    padding:16px 6px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    border-right:1px solid rgba(201,161,59,.25);
  }
  .mobile-contact-bar a:last-child{border-right:none}
}


/* G63 image centering adjustment */
img[src*="mercedes-g63-amg"]{
  object-position:center center !important;
}



/* Professional luxury style refresh */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@600;700;800;900&display=swap');

:root{
  --black:#020202;
  --charcoal:#070707;
  --card:#0a0a0a;
  --gold:#c9a13b;
  --gold2:#e0bf62;
  --muted:#c8c8c8;
  --line:rgba(201,161,59,.28);
  --softline:rgba(255,255,255,.08);
}

body{
  font-family:'Inter', Arial, Helvetica, sans-serif;
  background:radial-gradient(circle at 20% 0%, rgba(201,161,59,.08), transparent 32%), radial-gradient(circle at 90% 18%, rgba(255,255,255,.035), transparent 28%), #020202;
  color:#fff;
}

h1,h2,h3,.brand strong,.links,.btn,.btn-dark,.kicker,.price{
  font-family:'Montserrat','Inter',Arial,sans-serif;
}

.wrap{width:min(1280px,92vw)}

.top-contact-bar{
  background:linear-gradient(90deg,#070707,#111,#070707);
  border-bottom:1px solid rgba(201,161,59,.25);
}
.top-contact-inner{
  min-height:44px;
  font-size:12px;
  letter-spacing:1.5px;
}
.top-contact-inner a,.top-contact-inner span{opacity:.92}
.top-contact-inner a:hover{color:var(--gold2)}

.top{
  background:rgba(2,2,2,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(201,161,59,.18);
}
.nav{min-height:92px}
.brand .mark{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid rgba(201,161,59,.45);
  border-radius:50%;
  font-family:Georgia,serif;
  font-size:27px;
  background:radial-gradient(circle,rgba(201,161,59,.18),rgba(0,0,0,.15));
}
.brand strong{font-size:18px;letter-spacing:7px}
.brand span{letter-spacing:8px}
.links{gap:30px;font-size:11px;letter-spacing:1.6px}
.links a{position:relative;padding:12px 0;color:rgba(255,255,255,.88)}
.links a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:center;
  transition:.25s ease;
}
.links a:hover:after{transform:scaleX(1)}

.btn,.btn-dark{
  border-radius:999px;
  padding:15px 25px;
  letter-spacing:1.35px;
  transition:.22s ease;
}
.btn{
  background:linear-gradient(135deg,#f1d277 0%,#c9a13b 45%,#8f6518 100%);
  box-shadow:0 14px 36px rgba(201,161,59,.16);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(201,161,59,.26)}
.btn-dark{background:rgba(255,255,255,.04);border-color:rgba(201,161,59,.45)}
.btn-dark:hover{background:rgba(201,161,59,.12);transform:translateY(-2px)}

.hero{min-height:790px}
.hero:before{
  background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.54) 44%,rgba(0,0,0,.78)), linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.03) 45%,rgba(0,0,0,.22)), var(--hero) center/cover no-repeat;
}
.hero-inner{padding:118px 0}
.kicker{font-size:12px;letter-spacing:4.5px;color:var(--gold2)}
.hero h1{
  max-width:860px;
  font-size:clamp(52px,8.5vw,118px);
  line-height:.86;
  letter-spacing:2px;
}
.hero p{color:rgba(255,255,255,.82);font-size:19px;max-width:620px}
.hero-contact-line a{
  border-radius:999px;
  background:rgba(10,10,10,.62);
  backdrop-filter:blur(8px);
}

.stats{background:#070707;border-top:1px solid rgba(201,161,59,.22);border-bottom:1px solid rgba(201,161,59,.22)}
.stats div{padding:30px 20px}
.stats strong{font-size:34px;color:var(--gold2)}
.stats span{color:rgba(255,255,255,.72)}

.luxury-intro{
  padding:64px 0 24px;
  background:linear-gradient(180deg,#020202,#060606);
}
.luxury-intro-inner{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:36px;
  align-items:end;
  border-bottom:1px solid rgba(201,161,59,.22);
  padding-bottom:44px;
}
.luxury-intro h2{
  margin:10px 0 0;
  font-size:clamp(34px,4.4vw,66px);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:1px;
}
.luxury-intro p{color:rgba(255,255,255,.74);line-height:1.75;font-size:18px;margin:0}

.section{padding:88px 0}
.section-head{margin-bottom:38px}
.section h2{letter-spacing:1px;font-weight:900}
.section h2 em{color:var(--gold2)}
.section-head p{color:rgba(255,255,255,.68)}

.featured{gap:22px}
.card{
  border:1px solid rgba(201,161,59,.22);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)), #080808;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}
.card-img{height:300px;border-bottom:1px solid rgba(201,161,59,.18)}
.card img{filter:saturate(1.04) contrast(1.03)}
.card-body{padding:22px 22px 24px}
.tag{color:var(--gold2);letter-spacing:2.4px}
.card h3{font-size:20px;line-height:1.1;margin:10px 0 8px}
.card-body > div:not(.tag):not(.price){color:rgba(255,255,255,.68);font-weight:600}
.price{color:var(--gold2);margin-top:14px}
.per{color:rgba(255,255,255,.56)}

#service{
  background:radial-gradient(circle at 12% 20%,rgba(201,161,59,.10),transparent 28%), linear-gradient(135deg,#080808,#030303)!important;
}
.add-ons-section{
  background:radial-gradient(circle at 85% 15%,rgba(201,161,59,.08),transparent 24%), #050505;
}
.addons-grid{gap:18px}
.addons-grid article,.business-info-grid article,.requirements-grid article,.req-mini-grid div,.features li{
  border-radius:16px;
  border-color:rgba(201,161,59,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.addons-grid strong,.business-info-grid strong{color:#fff}
.addon-name,.business-info-grid span{color:var(--gold2)}

.vehicle-section{padding:92px 0}
.vehicle-copy h2{letter-spacing:1px}
.vehicle-copy p{color:rgba(255,255,255,.70)}
.gallery{gap:18px;min-width:0;scroll-padding:0;scrollbar-width:thin;scrollbar-color:var(--gold) rgba(255,255,255,.07)}
.gallery img{
  border-radius:24px;
  border:1px solid rgba(201,161,59,.20);
  box-shadow:0 18px 55px rgba(0,0,0,.30);
}
.gallery::-webkit-scrollbar{height:8px}
.gallery::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:20px}
.gallery::-webkit-scrollbar-thumb{background:var(--gold);border-radius:20px}
.features{gap:12px}
.features li{color:rgba(255,255,255,.82)}

.booking-strip{
  padding:42px 0;
  background:linear-gradient(90deg,#0a0a0a,#111,#0a0a0a);
  border-top:1px solid rgba(201,161,59,.24);
  border-bottom:1px solid rgba(201,161,59,.24);
}
.booking-strip-inner{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
}
.booking-strip span{color:var(--gold2);text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:900}
.booking-strip strong{display:block;margin-top:8px;font-size:clamp(22px,3vw,38px);text-transform:uppercase;line-height:1}
.booking-strip-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

.contact{
  background:radial-gradient(circle at 20% 20%,rgba(201,161,59,.12),transparent 26%), linear-gradient(135deg,#090909,#020202);
}
.contact-grid a{
  border-radius:14px;
  background:rgba(255,255,255,.025);
  transition:.22s ease;
}
.contact-grid a:hover{background:rgba(201,161,59,.10);color:var(--gold2);transform:translateY(-2px)}

.footer{border-top:1px solid rgba(201,161,59,.18)}

img[src*="mercedes-g63-amg"]{object-position:center center !important}

@media(max-width:1050px){
  .luxury-intro-inner{grid-template-columns:1fr}
  .booking-strip-inner{display:block}
  .booking-strip-actions{justify-content:flex-start;margin-top:22px}
  .card-img{height:285px}
}
@media(max-width:650px){
  .hero{min-height:700px}
  .hero-inner{padding:82px 0}
  .top-contact-inner{font-size:10.5px}
  .luxury-intro{padding:44px 0 10px}
  .luxury-intro-inner{padding-bottom:30px}
  .luxury-intro p{margin-top:18px;font-size:16px}
  .section{padding:58px 0}
  .card{border-radius:16px}
  .card-img{height:285px}
  .booking-strip{padding:34px 0}
}



/* Murci-inspired typography and button sizing refresh */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --murci-font-display:'Oswald','Arial Narrow',Arial,sans-serif;
  --murci-font-body:'Inter',Arial,Helvetica,sans-serif;
}

/* Global type system */
body{
  font-family:var(--murci-font-body);
  font-size:16px;
  line-height:1.55;
  letter-spacing:.01em;
}

h1,h2,h3,
.hero h1,
.section h2,
.vehicle-copy h2,
.contact h2,
.subhero h1,
.luxury-intro h2,
.booking-strip strong,
.brand strong,
.links,
.btn,
.btn-dark,
.kicker,
.tag,
.price,
.stats strong,
.stats span{
  font-family:var(--murci-font-display);
  font-weight:600;
  text-transform:uppercase;
}

/* Header / nav */
.brand strong{
  font-size:18px!important;
  line-height:1;
  letter-spacing:.34em!important;
  font-weight:500!important;
}
.brand span{
  font-family:var(--murci-font-display);
  font-size:10px!important;
  letter-spacing:.48em!important;
  font-weight:500!important;
}
.links{
  font-size:13px!important;
  letter-spacing:.14em!important;
  font-weight:500!important;
}
.top-contact-inner{
  font-family:var(--murci-font-display);
  font-size:13px!important;
  letter-spacing:.12em!important;
  font-weight:500!important;
}

/* Hero typography */
.hero h1{
  font-size:clamp(56px,9vw,128px)!important;
  line-height:.88!important;
  letter-spacing:.035em!important;
  font-weight:600!important;
}
.hero p{
  font-family:var(--murci-font-body);
  font-size:18px!important;
  line-height:1.7!important;
  letter-spacing:.01em!important;
  max-width:700px!important;
}
.kicker{
  font-size:13px!important;
  letter-spacing:.22em!important;
  font-weight:500!important;
}

/* Section typography */
.section h2,
.vehicle-copy h2,
.contact h2,
.subhero h1,
.luxury-intro h2{
  font-size:clamp(42px,5.8vw,78px)!important;
  line-height:.92!important;
  letter-spacing:.045em!important;
  font-weight:600!important;
}
.section-head p,
.vehicle-copy p,
.luxury-intro p,
.contact p,
.requirements-grid p,
.addons-grid p{
  font-family:var(--murci-font-body);
  font-size:16px!important;
  line-height:1.72!important;
  letter-spacing:.01em!important;
}

/* Fleet cards */
.card h3{
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  font-weight:600!important;
}
.tag,
.addon-name,
.business-info-grid span{
  font-size:12px!important;
  letter-spacing:.20em!important;
  font-weight:500!important;
}
.card-body > div:not(.tag):not(.price){
  font-family:var(--murci-font-body);
  font-size:14px!important;
}
.price{
  font-size:31px!important;
  letter-spacing:.035em!important;
  font-weight:600!important;
}
.per{
  font-family:var(--murci-font-display);
  font-size:13px!important;
  letter-spacing:.10em!important;
}

/* Buttons: thinner, cleaner, luxury rental style */
.btn,
.btn-dark{
  font-family:var(--murci-font-display);
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:500!important;
  padding:16px 30px!important;
  min-height:52px;
  border-radius:0!important;
}
.hero-contact-line a,
.contact-grid a,
.mobile-contact-bar a{
  font-family:var(--murci-font-display);
  letter-spacing:.13em!important;
  font-weight:500!important;
}

/* Stats / service items */
.stats strong{
  font-size:38px!important;
  letter-spacing:.05em!important;
}
.stats span{
  font-size:12px!important;
  letter-spacing:.18em!important;
  font-weight:500!important;
}
.features li,
.req-mini-grid div{
  font-family:var(--murci-font-body);
  font-size:14px!important;
  letter-spacing:.01em!important;
}
.addons-grid strong,
.business-info-grid strong{
  font-family:var(--murci-font-display);
  font-size:28px!important;
  letter-spacing:.04em!important;
  font-weight:500!important;
}

/* More refined spacing to match clean exotic-rental presentation */
.section{
  padding-top:96px!important;
  padding-bottom:96px!important;
}
.section-head{
  margin-bottom:44px!important;
}
.card-body{
  padding:24px 24px 28px!important;
}
.vehicle-copy p{
  max-width:620px;
}

/* Mobile sizing */
@media(max-width:650px){
  body{font-size:15px}
  .hero h1{
    font-size:clamp(46px,14vw,78px)!important;
    letter-spacing:.025em!important;
  }
  .section h2,
  .vehicle-copy h2,
  .contact h2,
  .subhero h1,
  .luxury-intro h2{
    font-size:clamp(38px,11vw,60px)!important;
  }
  .btn,.btn-dark{
    font-size:13px!important;
    min-height:50px;
  }
  .card h3{
    font-size:23px!important;
  }
}



/* =====================================================================
   ELITE LUXURY REFINEMENT  —  final consolidated styling layer
   Editorial serif accents, refined gold, deeper contrast, polished
   cards/buttons, brand marquee, and graceful motion.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root{
  --black:#000000;
  --ink:#040404;
  --card:#0b0b0b;
  --gold:#c9a13b;
  --gold2:#e2c270;
  --gold-bright:#f3dd99;
  --line:rgba(201,161,59,.26);
  --hairline:rgba(255,255,255,.07);
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

/* Richer, deeper base with a soft warm vignette */
body{
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(201,161,59,.10), transparent 45%),
    radial-gradient(100% 60% at 100% 0%, rgba(255,255,255,.03), transparent 40%),
    #000;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---- Editorial serif accent on headline keywords ----
   The condensed uppercase display stays structural; the highlighted
   word becomes an elegant italic serif in brushed gold for an
   editorial, couture-luxury contrast. */
.hero h1 span,
.section h2 em,
.contact h2 span,
.subhero h1 span,
.booking-strip strong em{
  font-family:var(--serif)!important;
  font-style:italic!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
  background:linear-gradient(100deg,#f3dd99 0%,#e2c270 38%,#c9a13b 72%,#a87c25 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.hero h1 span{display:block;line-height:.95;padding-bottom:.06em}

/* Kicker gets a refined gold rule for a crafted, intentional look */
.kicker{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--gold2)!important;
}
.kicker:before{
  content:"";
  width:42px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
}

/* ---- Header refinement ---- */
.top{border-bottom:1px solid var(--hairline)}
.brand .mark{
  border-color:rgba(201,161,59,.55);
  box-shadow:0 0 0 1px rgba(0,0,0,.6) inset, 0 6px 20px rgba(201,161,59,.12);
}
.links a{color:rgba(255,255,255,.78)}
.links a:hover{color:#fff}

/* ---- Buttons: thinner, more couture, refined gold fill ---- */
.btn{
  background:linear-gradient(135deg,#f3dd99 0%,#d9b34d 40%,#b8862a 100%)!important;
  color:#120c02!important;
  border:1px solid rgba(243,221,153,.7)!important;
  box-shadow:0 10px 30px rgba(201,161,59,.18)!important;
}
.btn:hover{box-shadow:0 16px 42px rgba(201,161,59,.30)!important;transform:translateY(-2px)}
.btn-dark{
  border:1px solid rgba(201,161,59,.40)!important;
  background:rgba(255,255,255,.03)!important;
  color:#fff!important;
}
.btn-dark:hover{background:rgba(201,161,59,.10)!important;border-color:rgba(201,161,59,.7)!important}

/* ---- Hero rhythm ---- */
.hero:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.12) 46%,rgba(0,0,0,.30) 100%),
    linear-gradient(0deg,rgba(0,0,0,.20),rgba(0,0,0,0) 42%,rgba(0,0,0,.08)),
    var(--hero) center/cover no-repeat;
}
.hero p{color:rgba(255,255,255,.80)!important}

/* ---- Stats: gold gradient numerals ---- */
.stats{background:#040404}
.stats strong{
  background:linear-gradient(180deg,#f3dd99,#c9a13b);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---- Fleet cards: cleaner frame, gold-lift on hover ---- */
.card{
  border:1px solid rgba(201,161,59,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.006)),#070707!important;
  box-shadow:0 20px 50px rgba(0,0,0,.5)!important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.card:hover{
  transform:translateY(-6px);
  border-color:rgba(201,161,59,.55)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.6), 0 0 0 1px rgba(201,161,59,.22)!important;
}
.price{
  background:linear-gradient(180deg,#f3dd99,#cfa544);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---- Section dividers as refined gold hairlines ---- */
.vehicle-section{border-top:1px solid var(--hairline)!important}

/* ---- Gallery polish ---- */
.gallery img{box-shadow:0 22px 60px rgba(0,0,0,.45)!important}

/* ---- Brand marquee (exotic credibility strip) ---- */
.marquee{
  position:relative;
  overflow:hidden;
  padding:26px 0;
  background:linear-gradient(90deg,#050505,#0c0c0c,#050505);
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee-track{
  display:flex;
  width:max-content;
  gap:64px;
  animation:marquee-scroll 38s linear infinite;
}
.marquee span{
  font-family:var(--murci-font-display,'Oswald',sans-serif);
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.34em;
  font-weight:500;
  color:rgba(255,255,255,.42);
  white-space:nowrap;
}
@keyframes marquee-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none;justify-content:center;flex-wrap:wrap;gap:32px}
}

/* ---- Graceful scroll reveal ---- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}
.reveal.in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
}

@media(max-width:650px){
  .kicker:before{width:26px}
  .marquee span{font-size:14px;letter-spacing:.26em}
  .marquee-track{gap:40px}
}



/* =====================================================================
   MONOCHROME REFRESH  —  final layer
   One typeface across the whole site, every heading in all caps, and a
   black & white palette throughout. The top header keeps its original
   (gold) look untouched.
   ===================================================================== */

:root{
  --bw-font:'Inter', Arial, Helvetica, sans-serif;
  /* Neutralize the gold palette to monochrome everywhere */
  --gold:#ffffff;
  --gold2:#ffffff;
  --gold-bright:#ffffff;
  --line:rgba(255,255,255,.16);
  --hairline:rgba(255,255,255,.08);
}

/* Restore the original palette inside the header only, so it stays as-is */
.top-contact-bar,
.top{
  --gold:#c9a13b;
  --gold2:#e2c270;
  --gold-bright:#f3dd99;
  --line:rgba(201,161,59,.28);
}

/* ---- One typeface throughout ---- */
*{font-family:var(--bw-font)}
html,body,
h1,h2,h3,h4,h5,h6,
p,a,span,div,strong,em,li,ul,button,input,
.brand strong,.brand span,.links,.links a,
.btn,.btn-dark,.kicker,.tag,.price,.per,
.stats strong,.stats span,.marquee span,
.addon-name,.business-info-grid span,
.booking-strip span,.booking-strip strong,
.addons-grid strong,.business-info-grid strong,
.features li,.req-mini-grid div,.requirements-grid h3,
.hero h1 span,.section h2 em,.contact h2 span,.subhero h1 span,.booking-strip strong em{
  font-family:var(--bw-font)!important;
}

/* ---- Every heading in caps (incl. the former serif accent words) ---- */
h1,h2,h3,h4,h5,h6,
.hero h1,.section h2,.subhero h1,.vehicle-copy h2,.contact h2,.luxury-intro h2,
.requirements-grid h3,.requirements-note h3,
.addons-grid strong,.business-info-grid strong,.booking-strip strong,
.hero h1 span,.section h2 em,.contact h2 span,.subhero h1 span,.booking-strip strong em{
  text-transform:uppercase!important;
}

/* Turn the former gold serif accents into plain white caps */
.hero h1 span,
.section h2 em,
.contact h2 span,
.subhero h1 span,
.booking-strip strong em{
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:inherit!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;
  color:#fff!important;
}

/* ---- Black & white surfaces, no warm vignette ---- */
body{background:#000!important;color:#fff}
.hero:after{display:none!important}
#service{
  background:linear-gradient(135deg,#0a0a0a,#030303)!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.add-ons-section{
  background:#050505!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.contact{background:linear-gradient(135deg,#0a0a0a,#020202)!important}
.stats{
  background:#070707!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}

/* ---- Accent text → white / grey ---- */
.kicker{color:#fff!important}
.tag,.addon-name,.business-info-grid span,.booking-strip span{color:rgba(255,255,255,.66)!important}
.section h2 em{color:#fff!important}

/* Stats & prices: solid white instead of gold gradient */
.stats strong,
.price{
  background:none!important;
  -webkit-text-fill-color:#fff!important;
  color:#fff!important;
}

/* ---- Lines, dividers & card borders → soft white ---- */
.luxury-intro-inner{border-bottom:1px solid rgba(255,255,255,.14)!important}
.requirements-preview{border-top:1px solid rgba(255,255,255,.14)!important}
.card{
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.006)),#070707!important;
}
.card:hover{
  border-color:rgba(255,255,255,.5)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18)!important;
}
.card-img{border-bottom:1px solid rgba(255,255,255,.1)!important}
.addons-grid article,.business-info-grid article,
.requirements-grid article,.req-mini-grid div,.features li{
  border-color:rgba(255,255,255,.14)!important;
}
.gallery img{border:1px solid rgba(255,255,255,.14)!important}
.gallery{scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.07)!important}
.gallery::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4)!important}
.booking-strip{
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.footer{border-top:1px solid rgba(255,255,255,.1)!important}
.footer .mark{
  border-color:rgba(255,255,255,.4)!important;
  background:radial-gradient(circle,rgba(255,255,255,.12),rgba(0,0,0,.15))!important;
}

/* ---- Buttons outside the header: clean black & white ---- */
.btn{
  background:#fff!important;
  color:#000!important;
  border:1px solid #fff!important;
  box-shadow:none!important;
}
.btn:hover{background:rgba(255,255,255,.85)!important;box-shadow:none!important}
.btn-dark{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.5)!important;
  color:#fff!important;
}
.btn-dark:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}
.contact-grid a:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.hero-contact-line a{border:1px solid rgba(255,255,255,.4)!important}
.hero-contact-line a:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}

/* ---- Header "Call Now" button: match the "Call To Book" scheme (white) ---- */
.top .btn{
  background:#fff!important;
  color:#000!important;
  border:1px solid #fff!important;
  box-shadow:none!important;
}
.top .btn:hover{
  background:rgba(255,255,255,.85)!important;
  box-shadow:none!important;
  transform:translateY(-2px);
}

/* ---- Top-left logo: black & white, bold wordmark ---- */
/* The header had its gold palette restored above; force the brand mark
   and wordmark to pure monochrome and make "BLACK LANE MIAMI" bold. */
.top .brand .mark{
  border-color:rgba(255,255,255,.6)!important;
  background:radial-gradient(circle,rgba(255,255,255,.12),rgba(0,0,0,.15))!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.6) inset,0 6px 20px rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.top .brand strong,
.top .brand span{
  color:#fff!important;
  font-weight:800!important;
}

/* ---- Bold lettering on all buttons ---- */
.btn,
.btn-dark{
  font-weight:700!important;
}

/* ---- Mobile hero: show the entire primary photo (no cropping) ---- */
/* On phones the hero photo was filling the frame with `cover`, which crops
   the sides/top. Switch to `contain` so the whole picture is visible, set a
   black backdrop for the letterbox area, and keep a light gradient so the
   headline stays readable over the image. */
@media(max-width:650px){
  .hero{min-height:auto}
  .hero:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.08) 38%,rgba(0,0,0,.50)),
      var(--hero) center/contain no-repeat #000;
    /* Feather the edges of the hero photo so it dissolves into the black
       page background instead of ending on a hard rectangle. The radial mask
       keeps the center fully opaque and fades to transparent toward the
       edges, letting the black body show through for a soft vignette. */
    -webkit-mask:radial-gradient(ellipse 82% 86% at 50% 46%,#000 58%,rgba(0,0,0,0) 100%);
    mask:radial-gradient(ellipse 82% 86% at 50% 46%,#000 58%,rgba(0,0,0,0) 100%);
  }
}

/* =====================================================================
   MOBILE: HERO PHOTO AS THE HEADER BACKGROUND
   On phones the top strip (Call/Text + @blacklanemia) and the in-hero
   Call/Text + @blacklanemia buttons are hidden. The hero photo is pulled
   all the way up to sit behind a transparent header, so it reads as the
   background of the header. The headline copy is pushed below the nav so
   it stays clear of the logo and the Call Now button.
   ===================================================================== */
@media(max-width:650px){
  /* 1) Remove the Call/Text + @blacklanemia strip at the very top */
  .top-contact-bar{display:none!important}
  /* 1b) Remove the Call/Text + @blacklanemia buttons inside the hero */
  .hero-contact-line{display:none!important}

  /* 2) Float the header over the hero with no background of its own */
  .top{
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:transparent!important;
    backdrop-filter:none!important;
    border-bottom:none!important;
    z-index:30;
  }

  /* 3) Let the photo fill the whole area, including behind the header */
  .hero{min-height:88vh}
  .hero:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 34%,rgba(0,0,0,.74)),
      var(--hero) center/cover no-repeat #000!important;
    -webkit-mask:none!important;
    mask:none!important;
  }
  /* Push the hero copy clear of the floating nav */
  .hero-inner{padding-top:124px}
}

/* =====================================================================
   MOBILE: LOGO REFINEMENT
   On phones the "BL" emblem kept its desktop 54px ring while the wordmark
   shrank, so the circle looked oversized and the serif "BL" sat small and
   light inside it. Tighten the ring so it balances the smaller mobile
   wordmark, and set "BL" in a heavy sans (matching the BLACK LANE wordmark)
   so it reads clean, bold, and proportionately centered in the circle.
   ===================================================================== */
@media(max-width:650px){
  .brand{gap:11px}
  .top .brand .mark{
    width:46px;
    height:46px;
    font-family:'Montserrat','Inter',Arial,sans-serif!important;
    font-size:21px;
    font-weight:800!important;
    letter-spacing:.5px;
    line-height:1;
    border-width:1.5px;
  }
}


/* =====================================================================
   TYPOGRAPHY SPEC  —  final layer
   Applies the requested type system: headings in Oswald bold italic,
   vehicle names in Oswald semibold with open tracking, and buttons in
   Montserrat bold. This layer sits last so it wins over the earlier
   monochrome refresh that had unified everything to a single typeface.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Montserrat:wght@700&display=swap');

/* ---- Headings: Oswald, bold, italic, uppercase ---- */
h1,h2,h3,h4,h5,h6,
.hero h1,.section h2,.subhero h1,.contact h2,.luxury-intro h2,
.requirements-grid h3,.requirements-note h3,.booking-strip strong,
.hero h1 span,.section h2 em,.contact h2 span,.subhero h1 span,.booking-strip strong em{
  font-family:'Oswald',sans-serif!important;
  font-weight:700!important;
  font-style:italic!important;
  text-transform:uppercase!important;
}

/* ---- Vehicle names: Oswald, semibold, 1px tracking (upright) ---- */
/* Fleet card names and the per-vehicle detail headings. Higher
   specificity than the bare heading selectors above, so these win. */
.card h3,
.vehicle-copy h2{
  font-family:'Oswald',sans-serif!important;
  font-weight:600!important;
  font-style:normal!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}

/* ---- Buttons: Montserrat, bold, 14px ---- */
.btn,.btn-dark,
.top .btn,
.contact-grid a,
.hero-contact-line a,
.mobile-contact-bar a{
  font-family:'Montserrat',sans-serif!important;
  font-weight:700!important;
  font-size:14px!important;
}

/* =====================================================================
   MOBILE: HEADER LOGO + BUTTON FIT  —  final layer
   The global mobile rule `.btn{width:100%;margin-bottom:10px}` (meant for
   the stacked hero and contact buttons) was also stretching the header
   "Call Now" button to full width. Inside the flex nav that collided with
   the brand logo, squashing and overflowing it off the screen. Keep the
   header button compact and on its own line so the logo reads cleanly.
   ===================================================================== */
@media(max-width:650px){
  /* Header "Call Now" returns to its natural pill size (overrides the
     full-width stacking rule that only the in-page buttons should get). */
  .top .btn{
    width:auto!important;
    margin:0!important;
    padding:11px 16px!important;
    font-size:13px!important;
    white-space:nowrap;
    flex:0 0 auto;
  }
  /* Give the brand room and let it shrink before the button does. */
  .nav{gap:12px}
  .brand{flex:1 1 auto;min-width:0}
}

/* Very small phones: tighten the wordmark so "BLACK LANE" never wraps or
   clips next to the emblem and the Call Now button. */
@media(max-width:380px){
  .top .brand strong{font-size:14px!important;letter-spacing:2.5px!important}
  .top .brand span{letter-spacing:4px!important}
  .top .brand .mark{width:42px;height:42px;font-size:19px}
  .top .btn{padding:10px 13px!important}
}