:root{--black:#080808;--black2:#10100f;--panel:#151412;--white:#f5f3ef;--muted:#aaa7a2;--line:#2b2926;--brown:#8b684c;--brown2:#b18a68;--cream:#d9cec2;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{height:92px;display:flex;align-items:center;gap:36px;padding:0 max(28px,calc((100% - var(--max))/2));position:sticky;top:0;z-index:50;background:rgba(8,8,8,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 5px 10px #000)}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav>a:not(.nav-cta){color:#d6d3ce;transition:.2s}.nav>a:hover,.nav>a.active{color:#fff}.nav-cta,.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--brown2);background:linear-gradient(135deg,#6e4e37,#9a7353);color:#fff;padding:15px 22px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.nav-cta:hover,.gold-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:720px;position:relative;overflow:hidden;display:grid;align-items:center}.hero-bg{position:absolute;inset:0;background:url('assets/trd.jpeg') center 44%/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.9) 34%,rgba(5,5,5,.35) 66%,rgba(5,5,5,.12)),linear-gradient(0deg,rgba(5,5,5,.5),transparent 50%)}.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:85px 0}.hero-copy{max-width:620px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--brown2);font-size:11px;font-weight:700;margin:0 0 18px}.hero h1,.section h2,.customization h2,.story h2,.process h2,.faq h2{font-family:'Cormorant Garamond',serif}.hero h1{font-size:82px;line-height:.9;margin:0 0 18px;font-weight:600}.hero-subtitle{font-family:'Cormorant Garamond',serif;font-size:37px;line-height:1.12;margin:0 0 30px;color:#e7e3de}.hero-features{display:flex;gap:30px;margin:30px 0}.hero-features>div{display:flex;gap:10px;align-items:center;color:#d0ccc7}.feature-icon{font-size:25px;color:var(--brown2)}.hero-features small{line-height:1.45}.price-pill{display:inline-block;border:1px solid #554a40;background:rgba(139,104,76,.16);padding:11px 17px;margin-bottom:14px;font-weight:700;color:#f1e7dc}.gold-button{min-width:280px}.microcopy{font-size:11px;color:#898682;margin-top:14px}.hero-script{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:70px;line-height:.75;color:rgba(177,138,104,.4);transform:rotate(-7deg);margin-right:30px}.brand-strip{background:#0d0d0c;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 30px;text-align:center}.brand-strip>p{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#77736e}.brand-row{max-width:1100px;margin:18px auto 0;display:flex;justify-content:space-between;align-items:center;gap:28px;filter:grayscale(1)}.mark{color:#aaa6a1;font-weight:700;font-size:15px;opacity:.78}.audi{display:flex}.audi i{width:19px;height:12px;border:2px solid #aaa;border-radius:50%;margin-left:-4px}.section{padding:105px 0}.section-head.centered{text-align:center}.section-head h2,.customization h2,.story h2,.process h2,.faq h2{font-size:54px;margin:0;font-weight:600}.headline-line{display:block;width:55px;height:1px;background:var(--brown2);margin:18px auto 48px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#11110f;border:1px solid #262421;overflow:hidden;transition:.3s}.product-card:hover{transform:translateY(-6px);border-color:#5c4939}.product-image{aspect-ratio:4/5;overflow:hidden;background:#181715}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover img{transform:scale(1.035)}.product-info{padding:22px 24px}.product-info h3{font-family:'Cormorant Garamond',serif;font-size:30px;margin:0 0 5px}.product-info p{margin:0;color:#918e89;font-size:12px}.customization,.story{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.custom-photo,.story-photo{overflow:hidden}.custom-photo img,.story-photo img{width:100%;height:100%;object-fit:cover}.custom-content,.story-copy{padding:90px clamp(45px,6vw,100px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#171513,#0d0d0c)}.custom-title-row{display:flex;justify-content:space-between;gap:20px}.sub,.story-copy>p{color:#aaa6a0;line-height:1.8}.handwritten{font-family:'Cormorant Garamond',serif;font-size:30px;font-style:italic;color:var(--brown2);transform:rotate(-5deg)}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin:38px 0}.option-grid>div{padding:23px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.option-grid span,.benefits span{color:var(--brown2);font-size:23px}.option-grid strong{font-size:11px;line-height:1.45}.story{background:#0c0c0b}.story-copy h2{line-height:1}.headline-line.left{margin:20px 0 25px}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:30px}.benefits>div{background:#11110f;padding:22px;display:flex;align-items:center;gap:14px}.benefits strong{font-size:11px;line-height:1.4}.process{padding:105px 0}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:20px}.step{text-align:center}.step>span{display:grid;place-items:center;margin:auto;width:44px;height:44px;border:1px solid var(--brown2);border-radius:50%;color:var(--brown2)}.step h3{font-family:'Cormorant Garamond',serif;font-size:24px}.step p{color:#888580;font-size:12px;line-height:1.7}.steps>b{font-size:30px;color:#4f453d}.faq{padding:30px 0 110px;max-width:900px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 4px}summary{cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:22px}details p{color:#98948e;line-height:1.8;font-size:13px}.footer{background:#050505;border-top:1px solid var(--line);padding:58px 0 30px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}.footer-brand img{width:78px}.footer-brand p,.footer-contact p{color:#77736e;font-size:11px}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:12px;color:#aaa6a0}.footer-contact{text-align:right}.drive{font-family:'Cormorant Garamond',serif;font-size:27px;font-style:italic;color:var(--brown2)}.disclaimer{grid-column:1/-1;border-top:1px solid #1e1d1b;padding-top:20px;color:#5f5c58;font-size:9px;line-height:1.6}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:40;background:#8b684c;color:white;padding:13px 18px;border-radius:30px;font-size:12px;box-shadow:0 10px 35px #0008}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:76px;padding:0 20px}.brand img{width:56px;height:56px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0b0a;padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:720px}.hero-overlay{background:linear-gradient(0deg,#070707 4%,rgba(7,7,7,.85) 48%,rgba(7,7,7,.22))}.hero-content{align-items:flex-end;padding:250px 0 65px}.hero h1{font-size:60px}.hero-subtitle{font-size:30px}.hero-script{display:none}.hero-features{gap:15px;flex-wrap:wrap}.brand-row{overflow:auto;justify-content:flex-start;padding-bottom:5px}.product-grid{grid-template-columns:1fr}.customization,.story{grid-template-columns:1fr}.custom-photo,.story-photo{height:500px}.custom-content,.story-copy{padding:65px 28px}.section-head h2,.customization h2,.story h2,.process h2,.faq h2{font-size:42px}.steps{grid-template-columns:1fr}.steps>b{transform:rotate(90deg);text-align:center}.footer-grid{grid-template-columns:1fr}.footer-contact{text-align:left}.footer-nav{grid-template-columns:repeat(3,1fr)}.floating-wa span{display:none}}@media(max-width:520px){.shell{width:min(100% - 30px,var(--max))}.hero h1{font-size:52px}.hero-subtitle{font-size:27px}.option-grid{grid-template-columns:repeat(2,1fr)}.custom-photo,.story-photo{height:390px}.footer-nav{grid-template-columns:repeat(2,1fr)}}

/* V5 — preview-aligned brand system */
.brand{display:flex!important;align-items:center;gap:14px;text-decoration:none}.brand-symbol{width:68px!important;height:68px!important;object-fit:contain;filter:none!important}.brand-wordmark{display:flex;align-items:baseline;gap:9px;font-family:Montserrat,sans-serif;font-size:25px;letter-spacing:4px;color:#f3f1ed;white-space:nowrap}.brand-wordmark b{font-weight:600}.brand-wordmark em{font-style:normal;font-weight:600;color:#a67b59}.brand-wordmark small{position:absolute;margin-top:35px;margin-left:45px;font-size:8px;letter-spacing:6px;color:#aaa7a2;font-weight:500}
.hero-bg{background-image:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.86) 34%,rgba(5,5,5,.22) 62%,rgba(5,5,5,.08) 100%),url('assets/bmw-lifestyle.png')!important;background-position:center 44%!important;background-size:cover!important}
.hero{min-height:680px}.hero-copy{max-width:620px}.hero-script{display:none!important}.hero-content{align-items:center!important}.hero h1{font-size:clamp(54px,5.3vw,82px)!important;line-height:.93!important}.hero-subtitle br{display:none}.gold-button{background:linear-gradient(135deg,#765a43,#9b7657)!important;border-color:#b18a68!important}.brand-strip{background:#080808!important;border-top:1px solid #292622!important;border-bottom:1px solid #292622!important}.product-card{background:#090909!important;border:1px solid #2d2925!important}.product-info{border-top:1px solid #2d2925!important}.customization,.story{background:#0b0b0b!important}.brand-film{margin-top:90px;margin-bottom:90px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:56px;padding:54px;border:1px solid #2d2925;background:linear-gradient(135deg,#0d0d0d,#15110e);overflow:hidden}.brand-film h2{font-family:'Cormorant Garamond',serif;font-size:52px;line-height:1;color:#f3f1ed;margin:10px 0 18px}.brand-film-copy>p:last-child{color:#9d9993;line-height:1.8;max-width:520px}.brand-film-media{background:#050505;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-film video{display:block;width:100%;height:100%;max-height:480px;object-fit:cover}.footer-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-symbol{width:68px!important;height:68px;object-fit:contain}.footer-wordmark{font:500 20px/1 Montserrat,sans-serif;letter-spacing:3px;color:#eee}.footer-wordmark b{color:#a67b59}.footer-brand p{width:100%}
@media(max-width:900px){.brand-wordmark{font-size:18px;letter-spacing:2px}.brand-wordmark small{display:none}.brand-symbol{width:52px!important;height:52px!important}.hero{min-height:720px}.hero-bg{background-position:62% center!important}.brand-film{grid-template-columns:1fr;padding:26px;gap:26px}.brand-film h2{font-size:40px}.brand-film-media{min-height:240px}}
@media(max-width:600px){.brand-wordmark{font-size:14px;gap:5px}.brand-symbol{width:44px!important;height:44px!important}.hero-bg{background-image:linear-gradient(180deg,rgba(5,5,5,.35),rgba(5,5,5,.95) 68%),url('assets/bmw-lifestyle.png')!important;background-position:60% center!important}.hero-content{align-items:flex-end!important}.hero h1{font-size:48px!important}.brand-film{margin-top:55px;margin-bottom:55px}.brand-film h2{font-size:36px}}

/* V6 — brand film text over video */
.brand-film{
  display:block!important;
  position:relative;
  padding:0!important;
  min-height:520px;
  border:1px solid #2d2925;
  background:#050505;
  overflow:hidden;
}
.brand-film-media{
  position:relative;
  width:100%;
  height:clamp(520px,48vw,650px);
  min-height:0!important;
  overflow:hidden;
  background:#050505;
}
.brand-film video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none!important;
  object-fit:cover;
  object-position:center;
}
.brand-film-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.84) 31%,rgba(5,5,5,.46) 52%,rgba(5,5,5,.08) 76%,rgba(5,5,5,.02) 100%),
    linear-gradient(0deg,rgba(5,5,5,.28),transparent 55%);
  pointer-events:none;
}
.brand-film-copy{
  position:absolute;
  z-index:2;
  left:clamp(28px,5vw,72px);
  top:50%;
  transform:translateY(-50%);
  width:min(560px,48%);
  padding:0;
  text-shadow:0 2px 22px rgba(0,0,0,.38);
}
.brand-film-copy .eyebrow{margin-bottom:20px;color:#b98d68}
.brand-film h2{
  margin:0 0 22px!important;
  font-size:clamp(46px,4.2vw,68px)!important;
  line-height:.98!important;
  max-width:560px;
}
.brand-film-copy>p:last-child{
  margin:0;
  max-width:500px!important;
  color:#c3beb8!important;
  font-size:15px;
  line-height:1.8!important;
}
@media(max-width:900px){
  .brand-film{min-height:500px;padding:0!important}
  .brand-film-media{height:560px;min-height:0!important}
  .brand-film video{object-position:58% center}
  .brand-film-shade{
    background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.76) 48%,rgba(5,5,5,.2) 100%);
  }
  .brand-film-copy{width:62%;left:34px}
}
@media(max-width:600px){
  .brand-film{min-height:560px}
  .brand-film-media{height:560px}
  .brand-film video{object-position:center}
  .brand-film-shade{
    background:linear-gradient(0deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.88) 42%,rgba(5,5,5,.24) 78%,rgba(5,5,5,.08) 100%);
  }
  .brand-film-copy{
    top:auto;
    bottom:34px;
    left:24px;
    right:24px;
    width:auto;
    transform:none;
  }
  .brand-film h2{font-size:42px!important}
  .brand-film-copy>p:last-child{font-size:13px;line-height:1.65!important}
}

/* Footer social icons */
.socials{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px}
.social-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3a3632;border-radius:50%;color:#d9d5cf;background:#0b0b0a;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}
.social-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-icon .fill-dot{fill:currentColor;stroke:none}
.social-icon:hover{transform:translateY(-2px);border-color:var(--brown2);color:#fff;background:#17130f}
@media(max-width:900px){.socials{justify-content:flex-start}}


/* V8 — mobile navigation, anchors, favicon-era polish and WhatsApp button fixes */
section[id]{
  scroll-margin-top:110px;
}

/* Real WhatsApp floating button */
.floating-wa{
  width:58px;
  height:58px;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#9b7657!important;
  border:1px solid #b18a68;
  color:#fff!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45);
  transition:transform .2s ease,filter .2s ease;
}
.floating-wa:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.floating-wa svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.floating-wa span{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* Prevent the desktop navigation from leaking into the mobile hero */
@media (max-width:900px){
  .site-header{
    position:sticky;
    top:0;
    z-index:1000;
  }
  .menu-toggle{
    display:block!important;
    position:relative;
    z-index:1002;
    cursor:pointer;
    padding:8px;
    line-height:1;
  }
  .nav{
    display:none!important;
    position:fixed!important;
    top:76px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100vh - 76px);
    overflow-y:auto;
    padding:24px 24px 30px!important;
    background:rgba(8,8,8,.98)!important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid #2b2926;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    z-index:1001!important;
    box-shadow:0 18px 40px rgba(0,0,0,.45);
  }
  .nav.open{
    display:flex!important;
  }
  .nav>a{
    display:block!important;
    width:100%;
    padding:16px 4px;
    border-bottom:1px solid #24211f;
    font-size:14px;
  }
  .nav .nav-cta{
    margin-top:18px;
    border-bottom:1px solid #b18a68;
    text-align:center;
  }
  body.menu-open{
    overflow:hidden;
  }
  section[id]{
    scroll-margin-top:88px;
  }
}

/* V9 — Mobile hero: preserve the full product composition instead of cropping it */
@media (max-width: 600px){
  .hero{
    min-height: 880px !important;
    display: block !important;
    background: #050505;
  }
  .hero-bg{
    inset: 0 !important;
    transform: none !important;
    background-image: url('assets/bmw-lifestyle.png') !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,
        rgba(5,5,5,.03) 0%,
        rgba(5,5,5,.08) 34%,
        rgba(5,5,5,.62) 52%,
        #050505 67%,
        #050505 100%) !important;
  }
  .hero-content{
    min-height: 880px;
    padding: 455px 0 54px !important;
    align-items: flex-end !important;
  }
  .hero-copy{
    width: 100%;
    max-width: none;
  }
  .hero h1{
    font-size: clamp(45px, 13vw, 58px) !important;
    line-height: .94 !important;
  }
  .hero-subtitle{
    font-size: 25px;
    line-height: 1.16;
  }
  .hero-features{
    margin: 24px 0;
  }
  .gold-button{
    width: 100%;
    min-width: 0;
  }
}

/* Narrow phones: keep the whole image visible and begin copy after it */
@media (max-width: 390px){
  .hero{min-height: 850px !important}
  .hero-content{
    min-height: 850px;
    padding-top: 425px !important;
  }
}

/* V10 — Mobile hero uses the real product photograph, never the desktop preview/mockup */
@media (max-width: 600px){
  .hero{
    min-height: 980px !important;
    background:#050505 !important;
  }
  .hero-bg{
    background-image:url('assets/bmw-mobile-hero.png') !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    transform:none !important;
  }
  .hero-overlay{
    background:linear-gradient(180deg,
      rgba(5,5,5,.02) 0%,
      rgba(5,5,5,.03) 39%,
      rgba(5,5,5,.40) 49%,
      rgba(5,5,5,.92) 58%,
      #050505 66%,
      #050505 100%) !important;
  }
  .hero-content{
    min-height:980px !important;
    padding:590px 0 58px !important;
  }
}
@media (max-width: 420px){
  .hero{min-height:940px !important;}
  .hero-content{
    min-height:940px !important;
    padding-top:535px !important;
  }
}
@media (max-width: 360px){
  .hero{min-height:900px !important;}
  .hero-content{
    min-height:900px !important;
    padding-top:475px !important;
  }
}

/* V11 — Mobile editorial hero: copy overlays the real photo without aggressive cropping */
@media (max-width:600px){
  .hero{
    min-height:920px !important;
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
    background:#050505;
  }
  .hero-bg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-image:url('assets/bmw-mobile-hero.png') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    /* Keep the bag/arm in frame while using the whole screen as the canvas */
    background-position:57% 42% !important;
    transform:none !important;
  }
  .hero-overlay{
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(180deg,rgba(4,4,4,.08) 0%,rgba(4,4,4,.12) 28%,rgba(4,4,4,.42) 48%,rgba(4,4,4,.91) 78%,#050505 100%),
      linear-gradient(90deg,rgba(4,4,4,.50) 0%,rgba(4,4,4,.12) 65%,rgba(4,4,4,.02) 100%) !important;
    z-index:1;
  }
  .hero-content{
    position:relative !important;
    z-index:2 !important;
    min-height:920px !important;
    padding:330px 0 46px !important;
    display:flex !important;
    align-items:flex-end !important;
  }
  .hero-copy{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }
  .hero .eyebrow{
    margin-bottom:14px !important;
    font-size:10px !important;
    letter-spacing:.24em !important;
    text-shadow:0 2px 12px #000;
  }
  .hero h1{
    max-width:620px;
    margin-bottom:14px !important;
    font-size:clamp(47px,13vw,62px) !important;
    line-height:.88 !important;
    text-shadow:0 3px 18px rgba(0,0,0,.75);
  }
  .hero-subtitle{
    max-width:590px;
    margin-bottom:18px !important;
    font-size:15px !important;
    line-height:1.55 !important;
    color:#d0ccc7 !important;
    text-shadow:0 2px 10px #000;
  }
  .hero-subtitle br{display:none !important;}
  .hero-features{
    margin:18px 0 !important;
    gap:12px 18px !important;
  }
  .hero-features>div{font-size:11px;}
  .hero-features .feature-icon{font-size:20px;}
  .price-pill{margin-top:2px;}
  .gold-button{width:100%;min-width:0 !important;}
  .microcopy{margin-bottom:0;}
}
@media (max-width:390px){
  .hero,.hero-content{min-height:900px !important;}
  .hero-content{padding-top:315px !important;}
  .hero-bg{background-position:59% 40% !important;}
  .hero h1{font-size:45px !important;}
}

/* V12 — Hybrid luxury palette + hero film + compact mobile catalogue */
.hero{background:#070707!important;min-height:auto!important}
.hero-overlay{background:radial-gradient(circle at 78% 35%,rgba(155,118,87,.13),transparent 34%),linear-gradient(135deg,#070707 0%,#0c0b0a 62%,#12100e 100%)!important;z-index:0}
.hero-content{padding:74px 0 80px!important;position:relative;z-index:2}
.hero-copy{max-width:760px!important}
.hero-logo-film{width:min(680px,100%);height:250px;margin:26px 0 28px;border:1px solid #292622;background:#030303;overflow:hidden;position:relative}
.hero-logo-film video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
#productos{background:#f4f1ec;color:#151310;max-width:none!important;width:100%!important;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2))}
#productos .eyebrow{color:#8b684c}#productos .headline-line{background:#9b7657}
.product-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px!important}
.product-card{background:#f4f1ec!important;border:0!important;color:#151310;box-shadow:none!important}
.product-card:hover{transform:translateY(-3px)!important;border-color:transparent!important}
.product-image{aspect-ratio:1/1.15!important;background:#ebe8e3!important}
.product-image img{object-fit:cover!important}
.product-info{padding:15px 2px 8px!important;border-top:0!important}
.product-info h3{font-size:25px!important;color:#171411}.product-info p{color:#77716a!important;margin-bottom:8px!important}.product-info strong{font-size:12px;font-weight:600;color:#6f503a}
.process,.faq{background:#f4f1ec;color:#151310}.process{max-width:none!important;width:100%!important;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2))}.process .step p,.faq details p{color:#6f6a64}.process .steps>b{color:#9b7657}.faq{max-width:none!important;width:100%!important;padding-left:max(24px,calc((100% - 900px)/2));padding-right:max(24px,calc((100% - 900px)/2))}.faq-list,details{border-color:#d8d1c8!important}
.customization{background:#0a0908!important}.story{background:#f4f1ec!important;color:#151310!important}.story-copy{background:#f4f1ec!important}.story-copy>p{color:#69645e!important}.story .benefits{background:#d8d1c8}.story .benefits>div{background:#eeeae4!important;color:#151310}

@media(max-width:900px){
  .hero-content{padding:52px 0 60px!important}
  .hero-logo-film{height:220px;margin:22px 0 24px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-info h3{font-family:Montserrat,sans-serif!important;font-size:13px!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-info p{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-info strong{font-size:11px}
}
@media(max-width:600px){
  .hero{min-height:auto!important}
  .hero-content{min-height:0!important;padding:38px 0 48px!important;display:block!important}
  .hero h1{font-size:clamp(43px,12vw,56px)!important;line-height:.9!important}
  .hero-logo-film{height:190px;width:calc(100% + 30px);margin-left:-15px;border-left:0;border-right:0}
  .hero-subtitle{font-size:14px!important;line-height:1.55!important}
  #productos{padding:72px 10px!important}
  #productos .section-head{padding:0 12px}
  #productos .section-head h2{font-size:38px!important}
  .product-grid{gap:8px!important}
  .product-image{aspect-ratio:1/1.22!important}
  .product-info{padding:11px 1px 15px!important}
  .product-info h3{margin-bottom:4px!important}
  .product-card:hover{transform:none!important}
  .custom-photo,.story-photo{height:460px!important}
  .process{padding:78px 22px!important}.faq{padding:20px 22px 90px!important}
}

/* V14 — corrected full-width video hero + continuous warm luxury body */
.hero{
  position:relative!important;
  min-height:clamp(620px,52vw,820px)!important;
  background:#050505!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
}
.hero-bg,.hero-logo-film{display:none!important}
.hero-video-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#050505;
}
.hero-video-bg video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(4,4,4,.91) 0%,rgba(4,4,4,.68) 34%,rgba(4,4,4,.20) 67%,rgba(4,4,4,.06) 100%),
    linear-gradient(0deg,rgba(4,4,4,.86) 0%,rgba(4,4,4,.28) 42%,rgba(4,4,4,.08) 75%)!important;
}
.hero-content{
  position:relative!important;
  z-index:2!important;
  width:min(var(--max),calc(100% - 48px));
  min-height:clamp(620px,52vw,820px)!important;
  padding:clamp(210px,27vw,390px) 0 54px!important;
  display:flex!important;
  align-items:flex-end!important;
}
.hero-copy{max-width:650px!important}
.hero .eyebrow{margin-bottom:16px}
.hero h1{margin-bottom:20px!important}
.hero-subtitle{margin-bottom:22px!important}
.hero-features{margin:22px 0 24px!important}
.hero .gold-button{margin-top:0}
.price-pill{display:none!important}

/* Warm canvas after the hero: no black/cream alternation */
.brand-strip,
#productos,
.customization,
.story,
.process,
.faq{
  background:#f4f0e9!important;
  color:#171411!important;
}
.brand-strip{border-color:#d8d0c6!important}
.brand-strip>p,.brand-strip .mark{color:#746b63!important}
.brand-strip .audi i{border-color:#746b63!important}
#productos{padding-top:96px!important;padding-bottom:96px!important}
.customization,.story{border-top:1px solid #ded6cc}
.custom-content,.story-copy{
  background:#eee8df!important;
  color:#171411!important;
}
.custom-content .sub,.story-copy>p{color:#69625c!important}
.custom-content .eyebrow,.story-copy .eyebrow,.process .eyebrow,#productos .eyebrow{color:#8b684c!important}
.option-grid{border-color:#d4cabf!important}
.option-grid>div{border-color:#d4cabf!important;background:#f4f0e9!important;color:#171411!important}
.story .benefits{background:#d4cabf!important}
.story .benefits>div{background:#f4f0e9!important;color:#171411!important}
.process .step p,.faq details p{color:#6c655f!important}
.process .steps>b{color:#9b7657!important}
.faq-list,details{border-color:#d4cabf!important}
summary{color:#171411!important}

/* Catalogue proportions: compact, editorial and consistent */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.product-card{background:transparent!important;border:0!important;box-shadow:none!important}
.product-image{aspect-ratio:1/1.08!important;background:#ebe6df!important}
.product-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.product-info{padding:14px 2px 4px!important;border:0!important}
.product-info h3{color:#171411!important}
.product-info p{color:#746e67!important}
.product-info strong{color:#6f503a!important}

@media(max-width:900px){
  .hero{min-height:760px!important}
  .hero-content{min-height:760px!important;padding:300px 0 46px!important}
  .hero-video-bg video{object-position:center center}
  .hero-overlay{background:
    linear-gradient(0deg,rgba(4,4,4,.94) 0%,rgba(4,4,4,.70) 42%,rgba(4,4,4,.22) 72%,rgba(4,4,4,.10) 100%),
    linear-gradient(90deg,rgba(4,4,4,.52),rgba(4,4,4,.08))!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-image{aspect-ratio:1/1.16!important}
}

@media(max-width:600px){
  .hero{min-height:720px!important}
  .hero-content{min-height:720px!important;padding:285px 0 38px!important;display:flex!important;align-items:flex-end!important}
  .hero-video-bg video{object-fit:cover;object-position:center center}
  .hero h1{font-size:clamp(43px,12vw,55px)!important}
  .hero-subtitle{font-size:14px!important;line-height:1.5!important}
  .hero-features{gap:10px 16px!important;margin:17px 0 20px!important}
  .hero .gold-button{width:100%!important}
  #productos{padding:68px 10px!important}
  .product-grid{gap:8px!important}
  .product-image{aspect-ratio:1/1.18!important}
  .product-info{padding:10px 1px 14px!important}
  .product-info h3{font-family:Montserrat,sans-serif!important;font-size:13px!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-info p{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-info strong{font-size:11px!important}
  .customization,.story{background:#f4f0e9!important}
  .custom-content,.story-copy{padding:58px 24px!important}
  .process{padding:74px 22px!important}
  .faq{padding:20px 22px 88px!important}
}