:root{
  --bg:#05070b;
  --bg-2:#080d13;
  --panel:#0d141d;
  --panel-2:#111b27;
  --line:rgba(255,255,255,.12);
  --text:#f4f7fb;
  --muted:#a9b6c7;
  --cyan:#ff2638;
  --cyan-2:#ff6a00;
  --white:#fff;
  --shadow:0 24px 90px rgba(0,0,0,.45);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 10%, rgba(255,38,56,.14), transparent 28rem),
    radial-gradient(circle at 84% 2%, rgba(255,106,0,.18), transparent 30rem),
    linear-gradient(180deg,#05070b 0%,#071019 45%,#05070b 100%);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-shell{overflow:hidden}
.header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:100;
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(18px,5vw,72px);
  background:rgba(5,7,11,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}
.brand-mark{width:52px;height:28px;display:grid;place-items:center;color:var(--cyan);filter:drop-shadow(0 0 18px rgba(255,38,56,.35))}
.brand-mark svg{width:100%;height:100%;fill:currentColor}
.brand-text{font-size:22px;line-height:1;font-style:italic;white-space:nowrap}
.brand-text em{font-style:italic;color:var(--cyan)}
.brand.small .brand-text{font-size:18px}
.nav{display:flex;align-items:center;gap:28px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#d9e3ef}
.nav a{opacity:.86;transition:.2s ease}
.nav a:hover{opacity:1;color:var(--cyan)}
.nav-cta{padding:11px 18px;border:1px solid rgba(255,38,56,.42);border-radius:999px;color:var(--cyan)!important;background:rgba(255,38,56,.08)}
.nav-toggle{display:none}
.nav-button{display:none}
.section{padding:112px clamp(20px,6vw,84px)}
.section-dark{position:relative;background:linear-gradient(180deg,rgba(5,7,11,.62),rgba(5,7,11,.95))}
.hero{min-height:100vh;display:flex;align-items:center;padding:150px clamp(20px,6vw,84px) 92px}
.hero:before,.section-race:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;
  background-image:linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 30%,#000,transparent 70%);
}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:60px;align-items:center;max-width:1280px;margin:0 auto;width:100%}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--cyan);font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}
.eyebrow span{width:34px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);display:inline-block}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(46px,8vw,104px);line-height:.92;letter-spacing:-.07em;margin-bottom:26px;text-transform:uppercase;max-width:860px}
h2{font-size:clamp(32px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin-bottom:22px}
h3{font-size:22px;line-height:1.2;margin-bottom:12px}
.lead{font-size:clamp(20px,2.2vw,30px);line-height:1.3;color:#dbe6f3;max-width:700px;margin-bottom:34px}
.hero-actions,.pricing-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:13px;transition:.2s ease;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--cyan-2));color:#ffffff;box-shadow:0 14px 38px rgba(255,38,56,.25)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(255,38,56,.32)}
.btn-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:var(--text)}
.btn-ghost:hover{border-color:rgba(255,38,56,.5);color:var(--cyan)}
.hero-points{display:flex;flex-wrap:wrap;gap:10px}
.hero-points span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#c9d6e7;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.hero-visual{position:relative}
.track-card{position:relative;padding:20px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);overflow:hidden}
.track-card:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle,rgba(255,38,56,.18),transparent 50%);animation:pulse 8s ease-in-out infinite alternate}
.track-card img{display:block;width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}
.score-panel{position:absolute;right:28px;bottom:28px;z-index:2;min-width:178px;padding:16px 18px;border:1px solid rgba(255,38,56,.32);border-radius:18px;background:rgba(5,9,14,.88);box-shadow:0 20px 50px rgba(0,0,0,.42);backdrop-filter:blur(10px)}
.score-panel span,.score-panel small{display:block;color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.score-panel strong{display:block;color:var(--cyan);font-size:34px;line-height:1.1;letter-spacing:.06em;font-family:Consolas,Monaco,monospace}
@keyframes pulse{from{transform:rotate(0deg) scale(1)}to{transform:rotate(7deg) scale(1.08)}}
.intro-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px clamp(20px,6vw,84px);background:linear-gradient(90deg,rgba(255,38,56,.12),rgba(255,106,0,.04));border-block:1px solid rgba(255,38,56,.18);color:#dce8f5}
.intro-bar strong{color:var(--cyan)}
.intro-bar a{font-weight:900;color:var(--cyan);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.section-heading{max-width:980px;margin:0 auto 48px;text-align:center}
.section-heading.compact{max-width:800px;margin-bottom:42px}
.section-heading.left{text-align:left;margin:0}
.section-heading .eyebrow{justify-content:center}
.section-heading.left .eyebrow{justify-content:flex-start}
.feature-grid{max-width:1240px;margin:0 auto;display:grid;gap:18px}
.attractions-grid{grid-template-columns:repeat(6,1fr)}
.feature-card{min-height:240px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 16px 50px rgba(0,0,0,.18)}
.feature-card p,.steps p,.event-list span,.requirements span,.contact-card p,.pricing-card p{color:var(--muted)}
.mode-card{grid-column:span 3;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,38,56,.14),rgba(255,255,255,.035))}
.mode-card:before{content:"";position:absolute;inset:26px;border-radius:22px;border:1px solid rgba(255,38,56,.18);background:linear-gradient(135deg,transparent 0 46%,rgba(255,38,56,.12) 46% 47%,transparent 47%)}
.mode-card h3,.mode-card p,.mode-card .status-badge{position:relative;z-index:1}
.muted-mode{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}
.support-card{grid-column:span 2;min-height:240px}

.card-number{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;margin-bottom:22px;background:rgba(255,38,56,.1);border:1px solid rgba(255,38,56,.25);color:var(--cyan);font-weight:900}
.card-icon{display:inline-grid;place-items:center;width:50px;height:42px;margin-bottom:22px;color:var(--cyan);filter:drop-shadow(0 0 16px rgba(255,38,56,.28))}
.card-icon svg{width:50px;height:26px;fill:currentColor}

.status-badge{display:inline-flex;width:max-content;align-items:center;gap:8px;margin-bottom:22px;padding:9px 13px;border-radius:999px;background:rgba(255,38,56,.14);border:1px solid rgba(255,38,56,.3);color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.status-badge.ready{background:rgba(255,38,56,.18);box-shadow:0 12px 32px rgba(255,38,56,.18)}
.status-badge.soon{background:rgba(255,255,255,.06);color:#cfd8e6;border-color:rgba(255,255,255,.16)}
.mode-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 11px;border-radius:999px;background:rgba(255,38,56,.1);border:1px solid rgba(255,38,56,.26);color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mode-badge.ready{background:rgba(255,38,56,.16)}
.mode-badge.soon{background:rgba(255,255,255,.055);color:#cfd8e6;border-color:rgba(255,255,255,.14)}
.section-muted{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-block:1px solid var(--line)}
.steps{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps article{padding:26px;border-radius:22px;background:rgba(5,7,11,.48);border:1px solid var(--line)}
.steps span{display:block;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--cyan-2));color:#ffffff;font-weight:950;display:grid;place-items:center;margin-bottom:24px}
.split-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.event-list{display:grid;gap:12px}
.event-list div{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}
.event-list strong{font-size:18px}.event-list span{text-align:right;font-size:14px}
.section-race{position:relative;background:radial-gradient(circle at 20% 0%,rgba(255,38,56,.16),transparent 32rem),#05070b;border-block:1px solid rgba(255,38,56,.14)}
.pricing-card{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:48px;border-radius:32px;border:1px solid rgba(255,38,56,.24);background:linear-gradient(145deg,rgba(13,20,29,.94),rgba(5,7,11,.86));box-shadow:var(--shadow);text-align:center}
.pricing-card .eyebrow{justify-content:center}.pricing-highlight{font-size:20px;color:#e9f4ff!important;max-width:680px;margin:0 auto 28px}
.pricing-actions{justify-content:center;margin-bottom:0}
.requirements{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.requirements div{padding:24px;border-radius:20px;border:1px solid var(--line);background:rgba(5,7,11,.42)}
.requirements strong,.requirements span{display:block}.requirements strong{font-size:19px;margin-bottom:8px}
.gallery-placeholders{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery-placeholders div{height:230px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,38,56,.12),rgba(255,255,255,.03)),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 10px,transparent 10px 22px);display:grid;place-items:center;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.gallery-placeholders span{font-size:13px;letter-spacing:.18em;font-weight:900;color:var(--cyan);padding:10px 16px;border:1px solid rgba(255,38,56,.3);border-radius:999px;background:rgba(0,0,0,.38)}
.contact{padding:112px clamp(20px,6vw,84px)}
.contact-card{max-width:960px;margin:0 auto;text-align:center;padding:58px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:var(--shadow)}
.contact-card .eyebrow{justify-content:center}
.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;text-align:left}
.contact-links a{padding:22px;border-radius:20px;background:rgba(5,7,11,.55);border:1px solid var(--line);transition:.2s ease}
.contact-links a:hover{border-color:rgba(255,38,56,.5);transform:translateY(-2px)}
.contact-links strong,.contact-links span{display:block}.contact-links strong{color:var(--cyan);font-size:13px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.contact-links span{color:#f4f7fb;font-weight:800}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px clamp(20px,6vw,84px);border-top:1px solid var(--line);background:#05070b;color:var(--muted);font-size:13px}
@media (max-width:980px){
  .header{height:70px}.nav-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.nav-button span,.nav-button span:before,.nav-button span:after{display:block;width:20px;height:2px;background:#fff;position:relative;transition:.2s}.nav-button span:before,.nav-button span:after{content:"";position:absolute;left:0}.nav-button span:before{top:-6px}.nav-button span:after{top:6px}.nav{position:absolute;top:70px;left:0;right:0;padding:18px 20px 24px;display:grid;gap:10px;background:rgba(5,7,11,.96);border-bottom:1px solid var(--line);transform:translateY(-18px);opacity:0;pointer-events:none;transition:.2s}.nav a{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px}.nav-toggle:checked~.nav{transform:translateY(0);opacity:1;pointer-events:auto}.nav-toggle:checked+.nav-button span{background:transparent}.nav-toggle:checked+.nav-button span:before{top:0;transform:rotate(45deg)}.nav-toggle:checked+.nav-button span:after{top:0;transform:rotate(-45deg)}
  .hero{min-height:auto;padding-top:120px}.hero-grid,.split-layout{grid-template-columns:1fr}.hero-grid{gap:34px}.hero-visual{max-width:720px;width:100%;margin:0 auto}.track-card{padding:18px;border-radius:28px}.score-panel{position:relative;right:auto;bottom:auto;margin-top:16px;width:100%;min-width:0}.score-panel strong{font-size:clamp(34px,8vw,52px)}.attractions-grid{grid-template-columns:1fr 1fr}.mode-card,.support-card{grid-column:auto}.mode-card{min-height:320px}.steps{grid-template-columns:1fr 1fr}.requirements,.contact-links{grid-template-columns:1fr}.event-list div{display:block}.event-list span{text-align:left;display:block;margin-top:6px}.gallery-placeholders{grid-template-columns:1fr 1fr}.intro-bar{display:block}.intro-bar a{display:inline-block;margin-top:10px}
}
@media (max-width:640px){
  .brand-mark{width:42px}.brand-text{font-size:18px}.section{padding:78px 18px}.hero{padding:112px 18px 70px}h1{font-size:45px}.lead{font-size:19px}.btn{width:100%;padding-inline:16px}.hero-actions,.pricing-actions{width:100%}.attractions-grid,.steps,.gallery-placeholders{grid-template-columns:1fr}.mode-card,.support-card{grid-column:auto}.feature-card,.pricing-card,.contact-card{padding:24px}.track-card{padding:14px;border-radius:24px}.score-panel{margin-top:14px;padding:16px}.score-panel strong{font-size:clamp(30px,10vw,46px)}.footer{flex-direction:row;align-items:center;justify-content:space-between}.intro-bar{padding:22px 18px}.contact{padding:78px 18px}
}

.heading-subline {
  display: inline-block;
  margin-top: 8px;
}

/* Temporary business-card version */
.header-simple {
  justify-content: flex-start;
}
.header-simple .brand {
  margin-right: auto;
}
.temporary-card .hero {
  min-height: 82vh;
}
.temporary-card .contact {
  padding-top: 82px;
}
@media (max-width: 980px) {
  .header-simple {
    height: 70px;
  }
}

/* Temporary card footer contact */
.temporary-card main {
  min-height: calc(100vh - 84px);
}
.footer-card {
  align-items: center;
  gap: 24px;
}
.footer-copy {
  text-align: center;
  flex: 1;
}
.footer-social {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.social-link {
  min-height: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.035);
  color: #7d8796;
  transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.social-link svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
  flex: 0 0 auto;
}
.social-link span {
  color: currentColor;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
}
.social-link:hover {
  transform: translateY(-2px);
}
.social-mail:hover {
  color: #EA4335;
  border-color: rgba(234,67,53,.45);
  background: rgba(234,67,53,.10);
  box-shadow: 0 12px 32px rgba(234,67,53,.14);
}
.social-whatsapp:hover {
  color: #25D366;
  border-color: rgba(37,211,102,.42);
  background: rgba(37,211,102,.10);
  box-shadow: 0 12px 32px rgba(37,211,102,.14);
}
.social-instagram:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
  box-shadow: 0 12px 34px rgba(221,42,123,.22);
}
@media (max-width: 760px) {
  .footer-card {
    align-items: flex-start;
  }
  .footer-copy {
    text-align: left;
    flex: none;
  }
  .footer-social {
    justify-content: flex-start;
  }
  .social-mail {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Temporary card v3: top social icons + simple bottom-right footer */
.header-simple {
  justify-content: space-between;
}
.header-simple .brand {
  margin-right: 0;
}
.header-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.header-social .social-link {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
}
.footer-card {
  justify-content: flex-end;
  align-items: center;
}
.footer-card .footer-copy {
  flex: none;
  text-align: right;
  margin-left: auto;
}
@media (max-width: 760px) {
  .header-social {
    gap: 7px;
  }
  .header-social .social-link {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }
  .header-social .social-link svg {
    width: 19px;
    height: 19px;
  }
  .footer-card {
    align-items: flex-end;
  }
  .footer-card .footer-copy {
    text-align: right;
  }
}


/* Temporary card v4: corrected background, vertical alignment and cleaner lead capture */
body {
  min-height: 100vh;
}
.site-shell.temporary-card {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at 12% 10%, rgba(255,38,56,.14), transparent 28rem),
    radial-gradient(circle at 84% 2%, rgba(255,106,0,.18), transparent 30rem),
    linear-gradient(180deg,#05070b 0%,#071019 47%,#05070b 100%);
}
.temporary-card main {
  flex: 1;
  min-height: auto;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg,rgba(5,7,11,.50),rgba(5,7,11,.78) 58%,rgba(5,7,11,.94));
}
.temporary-card .hero {
  flex: 1;
  width: 100%;
  min-height: auto;
  padding-top: 172px;
  padding-bottom: 118px;
}
.temporary-card .hero-grid {
  transform: translateY(18px);
}
.temporary-card .footer-card {
  position: relative;
  z-index: 2;
  background: rgba(5,7,11,.96);
}
@media (max-width: 980px) {
  .temporary-card .hero {
    padding-top: 128px;
    padding-bottom: 92px;
  }
  .temporary-card .hero-grid {
    transform: translateY(8px);
  }
}
@media (max-width: 640px) {
  .temporary-card .hero {
    padding-top: 112px;
    padding-bottom: 74px;
  }
  .temporary-card .hero-grid {
    transform: none;
  }
}

/* Temporary card v5: premium secondary CTA and subtler Instagram hover */
.btn-whatsapp {
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(135deg, rgba(255,255,255,.065), rgba(5,7,11,.72));
  color: #eef4fb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.18);
}
.btn-whatsapp:hover {
  transform: translateY(-2px);
  color: #25D366;
  border-color: rgba(37,211,102,.38);
  background: rgba(37,211,102,.075);
  box-shadow: 0 16px 40px rgba(37,211,102,.12), inset 0 1px 0 rgba(255,255,255,.07);
}
.header-social .social-instagram:hover {
  color: #d95f8d;
  border-color: rgba(217,95,141,.38);
  background: rgba(217,95,141,.08);
  box-shadow: 0 12px 32px rgba(217,95,141,.12);
}


/* Phone icon hover */
.social-phone:hover,
.social-phone:focus-visible {
  color: #FF2638;
  border-color: rgba(255, 38, 56, .65);
  background: rgba(255, 38, 56, .10);
  box-shadow: 0 0 22px rgba(255, 38, 56, .20);
}



/* Inquiry modal */
body.modal-open {
  overflow: hidden;
}

.inquiry-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.inquiry-modal.is-open {
  display: flex;
}

.inquiry-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 69, 37, .18), transparent 28%),
    rgba(3, 5, 10, .78);
  backdrop-filter: blur(10px);
}

.inquiry-dialog {
  position: relative;
  width: min(920px, 100%);
  max-height: min(86vh, 860px);
  overflow: auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(20, 23, 32, .98), rgba(7, 9, 14, .98)),
    #090b10;
  box-shadow: 0 30px 100px rgba(0,0,0,.55), 0 0 45px rgba(255, 69, 37, .13);
  padding: clamp(22px, 4vw, 42px);
}

.inquiry-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.76);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: .2s ease;
}

.inquiry-close:hover,
.inquiry-close:focus-visible {
  color: #fff;
  border-color: rgba(255, 75, 47, .68);
  box-shadow: 0 0 22px rgba(255, 75, 47, .2);
}

.modal-eyebrow {
  margin-bottom: 12px;
}

.inquiry-dialog h2 {
  margin: 0;
  max-width: 780px;
  font-size: clamp(28px, 4.4vw, 52px);
  line-height: .98;
  letter-spacing: -.04em;
}

.modal-lead {
  max-width: 680px;
  margin: 18px 0 28px;
  color: rgba(255,255,255,.72);
  font-size: 16px;
  line-height: 1.65;
}

.inquiry-form {
  display: grid;
  gap: 18px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.inquiry-form label {
  display: grid;
  gap: 8px;
}

.inquiry-form label span {
  color: rgba(255,255,255,.72);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.inquiry-form input,
.inquiry-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  color: #fff;
  padding: 14px 15px;
  outline: none;
  transition: .2s ease;
  font: inherit;
}

.inquiry-form textarea {
  resize: vertical;
  min-height: 110px;
}

.inquiry-form input::placeholder,
.inquiry-form textarea::placeholder {
  color: rgba(255,255,255,.34);
}

.inquiry-form input:focus,
.inquiry-form textarea:focus {
  border-color: rgba(255, 75, 47, .72);
  box-shadow: 0 0 0 4px rgba(255, 75, 47, .10);
  background: rgba(255,255,255,.065);
}

.full-field {
  grid-column: 1 / -1;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}


.form-note {
  margin: -4px 0 0;
  color: rgba(255,255,255,.56);
  font-size: 13px;
  line-height: 1.45;
}

.captcha-field input {
  max-width: 260px;
}

.anti-spam-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.form-status {
  min-height: 24px;
  margin: 2px 0 0;
  color: rgba(255,255,255,.70);
  font-size: 14px;
  line-height: 1.45;
}

.form-status.is-success {
  color: #8ff0a4;
}

.form-status.is-error {
  color: #ff9b8a;
}

.inquiry-form button:disabled {
  opacity: .65;
  cursor: wait;
}

@media (max-width: 720px) {
  .inquiry-modal {
    padding: 12px;
    align-items: flex-end;
  }

  .inquiry-dialog {
    max-height: 92vh;
    border-radius: 24px 24px 18px 18px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Final logo image in header */
.brand-image {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
}

.brand-image img {
  display: block;
  width: clamp(170px, 18vw, 270px);
  height: auto;
  object-fit: contain;
}

@media (max-width: 640px) {
  .brand-image img {
    width: 158px;
  }
}


/* Static header logo — no click action on temporary card */
.brand-image {
  cursor: default;
}


/* v10 mobile header icon fix:
   earlier footer rule made .social-mail full-width on mobile;
   this restores equal round icons in the top header. */
@media (max-width: 760px) {
  .header-social .social-link,
  .header-social .social-mail {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;
    justify-content: center;
    align-items: center;
  }

  .header-social .social-link svg,
  .header-social .social-mail svg {
    width: 19px;
    height: 19px;
    margin: 0;
    display: block;
  }
}


/* v21: safe hero text rotator based on v14 mobile layout */
.temporary-card .hero-copy {
  position: relative;
}
.hero-rotator {
  position: relative;
  min-height: 278px;
  margin-bottom: 2px;
}
.hero-slide {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .55s ease, transform .55s ease;
}
.hero-slide.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.hero-slide h1 {
  font-size: clamp(42px, 6.7vw, 88px);
  line-height: .94;
  margin-bottom: 20px;
}
.hero-slide .lead {
  font-size: clamp(18px, 1.75vw, 25px);
  line-height: 1.32;
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .hero-rotator {
    min-height: 254px;
  }
  .hero-slide h1 {
    font-size: clamp(40px, 8vw, 66px);
  }
}

@media (max-width: 640px) {
  .hero-rotator {
    min-height: 214px;
    margin-bottom: 8px;
  }
  .hero-slide .eyebrow {
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: .13em;
    margin-bottom: 12px;
  }
  .hero-slide .eyebrow span {
    width: 24px;
  }
  .hero-slide h1 {
    font-size: clamp(34px, 10.1vw, 42px);
    line-height: .96;
    letter-spacing: -.06em;
    margin-bottom: 14px;
  }
  .hero-slide .lead {
    font-size: 15.5px;
    line-height: 1.32;
  }
}

@media (max-width: 380px) {
  .hero-rotator {
    min-height: 222px;
  }
  .hero-slide h1 {
    font-size: 32px;
  }
  .hero-slide .lead {
    font-size: 14.5px;
  }
}

/* v22: safer spacing — smaller rotating texts and moved copy slightly up */
@media (min-width: 981px) {
  .temporary-card .hero-grid {
    transform: translateY(-8px);
  }

  .hero-rotator {
    min-height: 336px;
    margin-bottom: 0;
  }

  .hero-slide h1 {
    font-size: clamp(42px, 5.2vw, 74px);
    line-height: .94;
    letter-spacing: -.062em;
    margin-bottom: 16px;
    max-width: 760px;
  }

  .hero-slide .lead {
    font-size: clamp(17px, 1.35vw, 22px);
    line-height: 1.28;
    max-width: 620px;
  }

  .hero-actions {
    position: relative;
    z-index: 4;
    margin-top: 0;
  }
}

@media (max-width: 980px) {
  .temporary-card .hero-grid {
    transform: translateY(-4px);
  }

  .hero-rotator {
    min-height: 292px;
    margin-bottom: 0;
  }

  .hero-slide h1 {
    font-size: clamp(38px, 7.1vw, 58px);
    line-height: .95;
    letter-spacing: -.06em;
    margin-bottom: 14px;
  }

  .hero-slide .lead {
    font-size: clamp(16px, 2.2vw, 20px);
    line-height: 1.28;
  }
}

@media (max-width: 640px) {
  .temporary-card .hero-grid {
    transform: translateY(-10px);
  }

  .hero-rotator {
    min-height: 190px;
    margin-bottom: 6px;
  }

  .hero-slide .eyebrow {
    font-size: 9px;
    line-height: 1.25;
    letter-spacing: .12em;
    margin-bottom: 10px;
  }

  .hero-slide .eyebrow span {
    width: 20px;
  }

  .hero-slide h1 {
    font-size: clamp(28px, 8.8vw, 36px);
    line-height: .96;
    letter-spacing: -.055em;
    margin-bottom: 10px;
  }

  .hero-slide .lead {
    font-size: 13.8px;
    line-height: 1.26;
  }

  .hero-actions {
    position: relative;
    z-index: 4;
    margin-top: 0;
  }
}

@media (max-width: 380px) {
  .hero-rotator {
    min-height: 198px;
  }

  .hero-slide h1 {
    font-size: 29px;
  }

  .hero-slide .lead {
    font-size: 13px;
  }
}

/* v23: stable hero rotator rows — prevents text from jumping between slides */
.temporary-card .hero-rotator {
  --hero-eyebrow-slot: 42px;
  --hero-title-slot: 208px;
  --hero-lead-slot: 56px;
  --hero-row-gap: 16px;
  min-height: calc(var(--hero-eyebrow-slot) + var(--hero-title-slot) + var(--hero-lead-slot) + (2 * var(--hero-row-gap)));
}

.temporary-card .hero-slide {
  display: grid;
  grid-template-rows: var(--hero-eyebrow-slot) var(--hero-title-slot) var(--hero-lead-slot);
  row-gap: var(--hero-row-gap);
  align-content: start;
}

.temporary-card .hero-slide .eyebrow,
.temporary-card .hero-slide h1,
.temporary-card .hero-slide .lead {
  margin-top: 0;
  margin-bottom: 0;
}

.temporary-card .hero-slide .eyebrow {
  min-height: var(--hero-eyebrow-slot);
  align-items: flex-start;
}

.temporary-card .hero-slide .eyebrow span {
  flex: 0 0 auto;
  margin-top: .62em;
}

.temporary-card .hero-slide h1 {
  min-height: var(--hero-title-slot);
}

.temporary-card .hero-slide .lead {
  min-height: var(--hero-lead-slot);
}

@media (max-width: 980px) {
  .temporary-card .hero-rotator {
    --hero-eyebrow-slot: 38px;
    --hero-title-slot: 132px;
    --hero-lead-slot: 54px;
    --hero-row-gap: 14px;
  }
}

@media (max-width: 640px) {
  .temporary-card .hero-rotator {
    --hero-eyebrow-slot: 34px;
    --hero-title-slot: 110px;
    --hero-lead-slot: 42px;
    --hero-row-gap: 10px;
  }
}

@media (max-width: 380px) {
  .temporary-card .hero-rotator {
    --hero-eyebrow-slot: 42px;
    --hero-title-slot: 116px;
    --hero-lead-slot: 42px;
    --hero-row-gap: 10px;
  }
}


/* v24: clearer gap between hero text rotator and CTA buttons + third slogan support */
.temporary-card .hero-actions {
  margin-top: clamp(28px, 3.4vw, 54px);
}

@media (max-width: 640px) {
  .temporary-card .hero-actions {
    margin-top: 30px;
  }
}

@media (max-width: 380px) {
  .temporary-card .hero-actions {
    margin-top: 34px;
  }
}


/* v25: footer launch notice moved from hero and animated subtly */
.temporary-card .footer-card {
  justify-content: space-between;
  align-items: center;
}

.temporary-card .footer-status-pulse {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--cyan);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 0 0 18px rgba(255,38,56,.28);
  animation: footerStatusPulse 1.9s ease-in-out infinite;
}

.temporary-card .footer-status-pulse::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--cyan);
  box-shadow: 0 0 0 0 rgba(255,38,56,.56), 0 0 18px rgba(255,38,56,.55);
  animation: footerStatusDot 1.9s ease-in-out infinite;
  flex: 0 0 auto;
}

.temporary-card .footer-card .footer-copy {
  margin-left: 24px;
}

@keyframes footerStatusPulse {
  0%, 100% { opacity: .72; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.25); }
}

@keyframes footerStatusDot {
  0% { box-shadow: 0 0 0 0 rgba(255,38,56,.56), 0 0 18px rgba(255,38,56,.48); }
  70% { box-shadow: 0 0 0 9px rgba(255,38,56,0), 0 0 24px rgba(255,38,56,.72); }
  100% { box-shadow: 0 0 0 0 rgba(255,38,56,0), 0 0 18px rgba(255,38,56,.48); }
}

@media (prefers-reduced-motion: reduce) {
  .temporary-card .footer-status-pulse,
  .temporary-card .footer-status-pulse::before {
    animation: none;
  }
}

@media (max-width: 760px) {
  .temporary-card .footer-card {
    align-items: flex-start;
    gap: 12px;
  }

  .temporary-card .footer-status-pulse {
    max-width: 100%;
    font-size: 11px;
    letter-spacing: .11em;
  }

  .temporary-card .footer-card .footer-copy {
    margin-left: 0;
    text-align: left;
  }
}


/* v27 footer fix: keep reservation notice left and copyright right on mobile */
@media (max-width:640px){
  .footer{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:22px;
    padding-bottom:22px;
  }
  .footer-copy{
    text-align:right;
    margin-left:auto;
  }
}
@media (max-width:420px){
  .footer{
    gap:10px;
  }
  .footer-copy{
    max-width:42%;
    font-size:11px;
    line-height:1.45;
  }
}


/* v29: consistent race HUD with slower F1-style lights */
.temporary-card .track-card img{display:block;width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}
.temporary-card .race-hud{position:relative;z-index:2;display:grid;grid-template-columns:minmax(190px,.84fr) 1fr;gap:14px;margin-top:18px}
.temporary-card .start-lights,
.temporary-card .score-panel{min-height:98px;border-radius:20px;padding:18px 20px;background:rgba(5,9,14,.82);backdrop-filter:blur(10px);transition:opacity .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease,filter .28s ease}
.temporary-card .start-lights{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.02)}
.temporary-card .start-lights span{width:24px;height:24px;border-radius:999px;background:#111823;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 14px rgba(0,0,0,.65)}
.temporary-card .start-lights span.is-on{background:var(--cyan);border-color:rgba(255,38,56,.82);box-shadow:0 0 18px rgba(255,38,56,.72),0 0 36px rgba(255,38,56,.32)}
.temporary-card .score-panel{display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px rgba(0,0,0,.24)}
.temporary-card .score-panel span,
.temporary-card .score-panel small{display:block;color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.temporary-card .score-panel strong{display:block;color:var(--cyan);font-size:clamp(34px,4.2vw,54px);line-height:1.05;letter-spacing:.07em;font-family:Consolas,Monaco,monospace}
.temporary-card .start-lights.is-live,
.temporary-card .score-panel.is-live{opacity:1;border-color:rgba(255,38,56,.42);box-shadow:0 0 0 1px rgba(255,38,56,.14),0 0 24px rgba(255,38,56,.16),0 18px 44px rgba(0,0,0,.28);animation:raceHudGlow 1.35s ease-in-out infinite}
.temporary-card .start-lights.is-dim,
.temporary-card .score-panel.is-dim{opacity:.42;filter:saturate(.8);border-color:rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(0,0,0,.18)}
@keyframes raceHudGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,38,56,.10),0 0 16px rgba(255,38,56,.14),0 18px 44px rgba(0,0,0,.28)}50%{box-shadow:0 0 0 1px rgba(255,38,56,.18),0 0 30px rgba(255,38,56,.24),0 18px 44px rgba(0,0,0,.32)}}

/* footer left / right layout restored */
.temporary-card .footer-card{display:flex;justify-content:space-between;align-items:center;gap:18px}
.temporary-card .footer-status-pulse{display:inline-flex;align-items:center;gap:10px;max-width:58%;color:var(--cyan);font-size:12px;line-height:1.35;font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-align:left;text-shadow:0 0 18px rgba(255,38,56,.28);animation:footerStatusPulse 1.9s ease-in-out infinite}
.temporary-card .footer-status-pulse::before{content:"";width:9px;height:9px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 0 rgba(255,38,56,.56), 0 0 18px rgba(255,38,56,.55);animation:footerStatusDot 1.9s ease-in-out infinite;flex:0 0 auto}
.temporary-card .footer-card .footer-copy{margin-left:auto;text-align:right;max-width:40%}

@media (max-width:980px){
  .temporary-card .hero-visual{max-width:720px;width:100%;margin:0 auto}
  .temporary-card .race-hud{grid-template-columns:.88fr 1fr}
}
@media (max-width:760px){
  .temporary-card .footer-card{gap:12px;align-items:center}
  .temporary-card .footer-status-pulse{max-width:55%;font-size:11px;letter-spacing:.11em}
  .temporary-card .footer-card .footer-copy{max-width:42%;font-size:12px;line-height:1.45}
}
@media (max-width:640px){
  .temporary-card .track-card{padding:14px;border-radius:24px}
  .temporary-card .race-hud{grid-template-columns:1fr;gap:12px;margin-top:14px}
  .temporary-card .start-lights,
  .temporary-card .score-panel{min-height:78px;padding:14px 16px;border-radius:18px}
  .temporary-card .start-lights{gap:9px}
  .temporary-card .start-lights span{width:18px;height:18px}
  .temporary-card .score-panel strong{font-size:clamp(30px,10vw,46px)}
}
@media (max-width:420px){
  .temporary-card .start-lights{min-height:72px}
  .temporary-card .start-lights span{width:16px;height:16px}
  .temporary-card .footer-status-pulse{max-width:56%;font-size:10px;letter-spacing:.09em}
  .temporary-card .footer-card .footer-copy{max-width:39%;font-size:11px}
}
@media (prefers-reduced-motion: reduce){
  .temporary-card .start-lights.is-live,
  .temporary-card .score-panel.is-live,
  .temporary-card .footer-status-pulse,
  .temporary-card .footer-status-pulse::before{animation:none}
}


/* v30: cleaner HUD layout + safer footer alignment */
@media (min-width: 981px){
  .temporary-card .track-card{
    padding: 20px 20px 154px;
  }
  .temporary-card .track-card img{
    max-width: calc(100% - 8px);
    margin: 0 auto;
  }
  .temporary-card .race-hud{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin-top: 0;
    grid-template-columns: minmax(220px, .9fr) minmax(230px, 1fr);
    align-items: stretch;
    gap: 16px;
  }
  .temporary-card .start-lights,
  .temporary-card .score-panel{
    min-height: 104px;
  }
  .temporary-card .score-panel{
    min-width: 0;
  }
}

@media (min-width: 641px) and (max-width: 980px){
  .temporary-card .race-hud{
    grid-template-columns: minmax(180px,.78fr) minmax(220px,1fr);
    align-items: stretch;
  }
  .temporary-card .start-lights,
  .temporary-card .score-panel{
    min-height: 88px;
  }
}

@media (max-width: 640px){
  .temporary-card .hero-visual{
    max-width: 100%;
  }
  .temporary-card .track-card img{
    width: 100%;
  }
  .temporary-card .race-hud{
    margin-top: 12px;
  }
  .temporary-card .score-panel,
  .temporary-card .start-lights{
    width: 100%;
  }
  .temporary-card .score-panel strong{
    letter-spacing: .05em;
  }
}

.temporary-card .footer-card{
  flex-wrap: wrap;
}
.temporary-card .footer-status-pulse{
  flex: 1 1 360px;
  max-width: none;
  min-width: 0;
}
.temporary-card .footer-card .footer-copy{
  flex: 0 1 auto;
  min-width: max-content;
  max-width: none;
}
@media (max-width: 760px){
  .temporary-card .footer-card{
    flex-wrap: nowrap;
  }
  .temporary-card .footer-status-pulse{
    flex: 1 1 auto;
    min-width: 0;
  }
  .temporary-card .footer-card .footer-copy{
    min-width: 0;
  }
}


/* v31: final clean fix — no ghosting between slogans + HUD back as compact overlay */
.temporary-card .hero-slide{
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  transition: none !important;
}
.temporary-card .hero-slide.is-active{
  opacity: 1 !important;
  visibility: visible !important;
}

/* Compact race HUD placed over the track, not as a separate broken row */
.temporary-card .track-card{
  padding: 20px !important;
  overflow: hidden !important;
}
.temporary-card .race-hud{
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 4 !important;
  display: block !important;
  margin: 0 !important;
  pointer-events: none !important;
}
.temporary-card .start-lights{
  position: absolute !important;
  left: 20px !important;
  bottom: 0 !important;
  width: 148px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  gap: 8px !important;
  background: rgba(5,9,14,.74) !important;
}
.temporary-card .start-lights span{
  width: 13px !important;
  height: 13px !important;
}
.temporary-card .score-panel{
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 210px !important;
  min-width: 0 !important;
  min-height: 74px !important;
  padding: 12px 16px !important;
  border-radius: 16px !important;
  background: rgba(5,9,14,.88) !important;
}
.temporary-card .score-panel span,
.temporary-card .score-panel small{
  font-size: 9px !important;
  letter-spacing: .15em !important;
}
.temporary-card .score-panel strong{
  font-size: 36px !important;
  line-height: 1.02 !important;
  letter-spacing: .055em !important;
}

@media (max-width: 980px){
  .temporary-card .track-card{
    padding: 18px !important;
  }
  .temporary-card .race-hud{
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
  }
  .temporary-card .start-lights{
    left: 14px !important;
    width: 132px !important;
    min-height: 42px !important;
  }
  .temporary-card .score-panel{
    width: 190px !important;
    min-height: 68px !important;
  }
  .temporary-card .score-panel strong{
    font-size: 32px !important;
  }
}

@media (max-width: 640px){
  .temporary-card .track-card{
    padding: 14px !important;
  }
  .temporary-card .race-hud{
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
  }
  .temporary-card .start-lights{
    left: 8px !important;
    width: 92px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    border-radius: 12px !important;
    gap: 4px !important;
  }
  .temporary-card .start-lights span{
    width: 8px !important;
    height: 8px !important;
  }
  .temporary-card .score-panel{
    width: 126px !important;
    min-height: 48px !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
  }
  .temporary-card .score-panel span,
  .temporary-card .score-panel small{
    font-size: 6.8px !important;
    letter-spacing: .11em !important;
  }
  .temporary-card .score-panel strong{
    font-size: 20px !important;
    letter-spacing: .035em !important;
  }
}

@media (max-width: 380px){
  .temporary-card .start-lights{
    width: 78px !important;
    min-height: 28px !important;
  }
  .temporary-card .start-lights span{
    width: 7px !important;
    height: 7px !important;
  }
  .temporary-card .score-panel{
    width: 112px !important;
    min-height: 44px !important;
  }
  .temporary-card .score-panel strong{
    font-size: 18px !important;
  }
}

/* keep footer from forcing horizontal scroll */
.temporary-card .footer-card{
  overflow: hidden;
}
.temporary-card .footer-status-pulse{
  min-width: 0;
}


/* v44/v32 — mobile stacked logo
   Desktop keeps current horizontal logo. On mobile, header uses stacked logo for better readability. */
.brand-image .logo-mobile {
  display: none;
}

.brand-image .logo-desktop {
  display: block;
}

@media (max-width: 760px) {
  .brand-image .logo-desktop {
    display: none !important;
  }

  .brand-image .logo-mobile {
    display: block !important;
    width: clamp(136px, 38vw, 166px) !important;
    height: auto !important;
    object-fit: contain;
  }
}

@media (max-width: 380px) {
  .brand-image .logo-mobile {
    width: 132px !important;
  }
}