: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}
}

/* V15 — cream / grey / orange concept + photographic hero */
:root{
  --cream-v15:#f5f0e8;
  --cream-v15-2:#ebe4da;
  --grey-v15:#686661;
  --grey-v15-dark:#2f302f;
  --orange-v15:#c56f35;
  --orange-v15-dark:#9f5427;
  --ink-v15:#171715;
}
body{background:var(--cream-v15)!important;color:var(--ink-v15)!important}
.site-header{
  background:rgba(245,240,232,.95)!important;
  border-bottom:1px solid rgba(47,48,47,.13)!important;
}
.brand-wordmark,.nav>a:not(.nav-cta){color:var(--grey-v15-dark)!important}
.brand-wordmark em,.nav>a:hover,.nav>a.active{color:var(--orange-v15)!important}
.brand-wordmark small{color:#77736d!important}
.menu-toggle{color:var(--grey-v15-dark)!important}
.nav-cta,.gold-button{
  background:var(--orange-v15)!important;
  border-color:var(--orange-v15)!important;
  color:#fff!important;
}

.hero{
  min-height:clamp(650px,52vw,820px)!important;
  background:#191817!important;
}
.hero-video-bg{display:none!important}
.hero-photo-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#181716}
.hero-photo-bg img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(20,19,18,.88) 0%,rgba(20,19,18,.72) 31%,rgba(20,19,18,.25) 58%,rgba(20,19,18,.08) 100%),
    linear-gradient(0deg,rgba(20,19,18,.66) 0%,rgba(20,19,18,.08) 58%)!important;
}
.hero-content{min-height:clamp(650px,52vw,820px)!important;padding:230px 0 62px!important}
.hero-copy{max-width:680px!important}
.hero .eyebrow{color:#e58a4e!important}
.hero h1{color:#fff!important;text-shadow:0 4px 28px rgba(0,0,0,.28)}
.hero h1 em{color:#e28a50!important}
.hero-subtitle{color:#e8e4df!important}
.hero-features>div{color:#f1ede8!important}
.feature-icon{color:#e58a4e!important}
.microcopy{color:#d0cbc5!important}

.brand-strip,#productos,.customization,.story,.process,.faq{
  background:var(--cream-v15)!important;color:var(--ink-v15)!important;
}
.brand-strip{border-color:#d7d0c7!important}
.brand-strip>p,.brand-strip .mark{color:var(--grey-v15)!important}
.brand-strip .audi i{border-color:var(--grey-v15)!important}
.eyebrow,#productos .eyebrow,.custom-content .eyebrow,.story-copy .eyebrow,.process .eyebrow{color:var(--orange-v15)!important}
.headline-line,#productos .headline-line{background:var(--orange-v15)!important}
.product-image{background:var(--cream-v15-2)!important}
.product-info p{color:var(--grey-v15)!important}
.product-info strong{color:var(--orange-v15-dark)!important}
.custom-content,.story-copy{background:var(--cream-v15-2)!important}
.custom-content .sub,.story-copy>p,.process .step p,.faq details p{color:var(--grey-v15)!important}
.option-grid,.story .benefits{border-color:#d2c8bd!important;background:#d2c8bd!important}
.option-grid>div,.story .benefits>div{background:var(--cream-v15)!important;border-color:#d2c8bd!important}
.option-grid span,.benefits span,.step>span{color:var(--orange-v15)!important}
.step>span{border-color:var(--orange-v15)!important}
.process .steps>b{color:var(--orange-v15)!important}

/* The logo animation now lives below the hero instead of being the hero. */
.logo-film-section{background:var(--cream-v15)!important;padding:72px max(24px,calc((100% - var(--max))/2)) 26px}
.logo-film-media{position:relative;height:clamp(360px,38vw,520px);overflow:hidden;background:#050505}
.logo-film-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.logo-film-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.86),rgba(7,7,7,.48) 42%,rgba(7,7,7,.08) 76%)}
.logo-film-copy{position:absolute;z-index:2;left:clamp(28px,5vw,70px);bottom:clamp(30px,5vw,64px);max-width:540px;color:#fff}
.logo-film-copy .eyebrow{color:#e58a4e!important;margin-bottom:14px}
.logo-film-copy h2{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,4.4vw,68px);line-height:.94;margin:0 0 16px;font-weight:600}
.logo-film-copy h2 em{font-weight:600;color:#e58a4e}
.logo-film-copy>p:last-child{color:#d3cfca;line-height:1.7;margin:0;max-width:480px}

.floating-wa{background:var(--orange-v15)!important;border-color:#d88955!important}
.footer{background:#2b2c2b!important;border-color:#454542!important;color:#f5f0e8!important}
.footer-wordmark b,.drive{color:#df8650!important}
.social-icon{background:#363735!important;border-color:#565651!important}

@media(max-width:900px){
  .nav{background:rgba(245,240,232,.99)!important;border-bottom-color:#d7d0c7!important}
  .nav>a{border-bottom-color:#ded7ce!important;color:var(--grey-v15-dark)!important}
  .hero{min-height:760px!important}
  .hero-content{min-height:760px!important;padding:330px 0 48px!important}
  .hero-photo-bg img{object-position:54% center}
  .hero-overlay{background:linear-gradient(0deg,rgba(16,15,14,.94) 0%,rgba(16,15,14,.72) 43%,rgba(16,15,14,.18) 72%,rgba(16,15,14,.06) 100%)!important}
  .logo-film-section{padding-top:48px}
  .logo-film-media{height:430px}
}
@media(max-width:600px){
  .hero{min-height:760px!important}
  .hero-content{min-height:760px!important;padding:350px 0 40px!important}
  .hero-photo-bg img{object-position:48% center}
  .hero-overlay{background:linear-gradient(0deg,rgba(15,14,13,.96) 0%,rgba(15,14,13,.78) 44%,rgba(15,14,13,.22) 72%,rgba(15,14,13,.06) 100%)!important}
  .hero h1{font-size:clamp(44px,12vw,55px)!important}
  .logo-film-section{padding:36px 0 16px!important}
  .logo-film-media{height:380px}
  .logo-film-overlay{background:linear-gradient(0deg,rgba(6,6,6,.9),rgba(6,6,6,.12) 75%)}
  .logo-film-copy{left:22px;right:22px;bottom:26px;max-width:none}
  .logo-film-copy h2{font-size:40px}
  .logo-film-copy>p:last-child{font-size:12px}
}
\n\n/* V16 — desktop hero framing + interactive brand marks */\n@media (min-width:901px){\n  /* Keep the mobile/tablet framing untouched; correct only wide screens. */\n  .hero-photo-bg img{\n    object-fit:cover!important;\n    object-position:center 18%!important;\n  }\n}\n\n/* Automotive marks become darker on hover/focus, as in the earlier concept. */\n.brand-row .mark{\n  transition:color .22s ease,opacity .22s ease,filter .22s ease,transform .22s ease;\n}\n.brand-row .mark:hover,.brand-row .mark:focus-visible{\n  color:#262522!important;\n  opacity:1!important;\n  filter:none!important;\n  transform:translateY(-2px);\n}\n.brand-row .audi i{transition:border-color .22s ease}\n.brand-row .audi:hover i,.brand-row .audi:focus-visible i{border-color:#262522!important}\n\n/* Footer social buttons also darken clearly on hover. */\n.social-icon:hover,.social-icon:focus-visible{\n  background:#242422!important;\n  border-color:#242422!important;\n  color:#fff!important;\n}\n
/* V17 — desktop hero shows the complete portrait + stronger brand hover */
@media (min-width:901px){
  .hero-photo-bg{
    background:#171614 url('assets/hero-panther-woman.jpeg') center center/cover no-repeat!important;
  }
  .hero-photo-bg::before{
    content:"";
    position:absolute;
    inset:-28px;
    background:url('assets/hero-panther-woman.jpeg') center center/cover no-repeat;
    filter:blur(20px) brightness(.52) saturate(.8);
    transform:scale(1.035);
  }
  .hero-photo-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(17,16,15,.58) 0%,rgba(17,16,15,.22) 45%,rgba(17,16,15,.08) 100%);
  }
  .hero-photo-bg img{
    position:relative;
    z-index:1;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:72% center!important;
  }
}

/* Strong, obvious hover treatment for the automotive brand strip. */
.brand-row .mark{
  cursor:default;
  position:relative;
  transition:color .2s ease,opacity .2s ease,filter .2s ease,transform .2s ease!important;
}
.brand-row .mark:hover{
  color:#171715!important;
  opacity:1!important;
  filter:brightness(.35) contrast(1.35)!important;
  transform:translateY(-2px)!important;
}
.brand-row .audi:hover i{
  border-color:#171715!important;
}

/* V18 — deterministic desktop portrait framing (never crop the source photo) */
@media (min-width:901px){
  .hero-photo-bg{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    background:#211d19!important;
  }
  /* Soft ambient fill for the wide desktop canvas. */
  .hero-photo-bg::before{
    content:""!important;
    position:absolute!important;
    inset:-40px!important;
    background:url('assets/hero-panther-woman.jpeg') center 42%/cover no-repeat!important;
    filter:blur(28px) brightness(.42) saturate(.72)!important;
    transform:scale(1.08)!important;
    z-index:0!important;
  }
  .hero-photo-bg::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(20,18,16,.78) 0%,rgba(20,18,16,.56) 31%,rgba(20,18,16,.20) 57%,rgba(20,18,16,.06) 100%)!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  /* Crucial fix: size by HEIGHT, not by viewport width. The entire portrait remains visible. */
  .hero-photo-bg > img{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    bottom:0!important;
    right:clamp(0px,3vw,56px)!important;
    left:auto!important;
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
  }
  .hero-overlay{
    z-index:1!important;
    background:linear-gradient(90deg,rgba(18,17,15,.88) 0%,rgba(18,17,15,.68) 31%,rgba(18,17,15,.20) 58%,rgba(18,17,15,.04) 100%),linear-gradient(0deg,rgba(18,17,15,.42),transparent 55%)!important;
  }
  .hero-content{z-index:3!important;}
}

/* V19 — image swap: full collection hero; seamless model photo in customization. */
.hero-photo-bg{background:#211d19 url('assets/full-collection.jpeg') center/cover no-repeat!important}
@media(min-width:901px){
 .hero-photo-bg::before{background-image:url('assets/full-collection.jpeg')!important}
 .hero-photo-bg>img{right:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
}
@media(max-width:900px){
 .hero-photo-bg>img{object-fit:cover!important;object-position:center center!important}
}
/* Match the photo edges to the warm cream section without a hard rectangular boundary. */
.custom-photo-fade{position:relative!important;background:#f5f0e8!important;isolation:isolate}
.custom-photo-fade img{display:block;width:100%;height:100%;object-fit:cover;object-position:center; -webkit-mask-image:linear-gradient(to right,black 0%,black 68%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 68%,transparent 100%)}
@media(max-width:900px){
 .custom-photo-fade img{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}
}

/* V20: natural depth transition, without white haze on the handbag. */
.custom-photo-fade{background:#f5f0e8!important;overflow:hidden;isolation:isolate}
.custom-photo-fade img{width:100%;height:100%;object-fit:cover;object-position:center 35%;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important}
.custom-photo-fade::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent 0%,transparent 77%,rgba(245,240,232,.18) 86%,#f5f0e8 100%);}
@media(max-width:900px){
 .custom-photo-fade::after{background:linear-gradient(180deg,transparent 0%,transparent 84%,rgba(245,240,232,.35) 94%,#f5f0e8 100%)}
 .hero-photo-bg>img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;max-width:100%!important}
 .hero-photo-bg{background-color:#211d19!important;background-size:cover!important;background-position:center!important}
}
@media(max-width:600px){
 .hero-photo-bg>img{object-fit:contain!important;object-position:center top!important}
 .hero-photo-bg{background-image:linear-gradient(180deg,rgba(21,18,16,.25),rgba(21,18,16,.65)),url('assets/full-collection.jpeg')!important}
}


/* V21 — Mazda hero: original studio photo on right, no cropping */
.hero-photo-bg{background:#030303!important;}
.hero-photo-bg::before{background:#030303!important;filter:none!important;transform:none!important;}
.hero-photo-bg::after{background:none!important;}
.hero-photo-bg > img{position:absolute!important;display:block!important;z-index:1!important;left:auto!important;top:0!important;bottom:0!important;right:6%!important;width:auto!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;}
.hero-overlay{z-index:2!important;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 22%,rgba(5,5,5,.78) 40%,rgba(5,5,5,.16) 68%,transparent 90%)!important;}
.hero-content{position:relative;z-index:3!important;}
@media(max-width:900px){
 .hero-photo-bg{background:#030303!important;}
 .hero-photo-bg>img{top:0!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;height:60%!important;max-width:100%!important;object-fit:contain!important;object-position:center top!important;}
 .hero-overlay{background:linear-gradient(180deg,transparent 0%,rgba(3,3,3,.08) 24%,rgba(3,3,3,.9) 56%,#030303 72%)!important;}
 .hero-content{padding-top:350px!important;}
}
@media(max-width:600px){
 .hero-photo-bg{background:#030303!important;background-image:none!important;}
 .hero-photo-bg>img{height:53%!important;object-fit:contain!important;object-position:center top!important;}
 .hero-overlay{background:linear-gradient(180deg,transparent 0%,rgba(3,3,3,.02) 27%,rgba(3,3,3,.83) 49%,#030303 66%)!important;}
}

/* V22: Encuentra tu estilo — encuadre de nuevas fotos */
.product-card:nth-child(1) .product-image img { object-position: center 49%; }
.product-card:nth-child(3) .product-image img { object-position: center 44%; }
.product-card:nth-child(4) .product-image img { object-position: center 45%; }

/* V23: encuadres de fotografías editoriales */
.custom-photo-fade img{object-position:center 52%!important}
.story-photo img{object-position:center 44%!important}
@media(max-width:900px){.custom-photo-fade img{object-position:center 50%!important}.story-photo img{object-position:center 44%!important}}

/* V24 — mostrar la fotografía completa, sin recortar a la modelo ni al bolso */
.story-photo {
  background: #eae5de !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.story-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (min-width: 901px) {
  .story { min-height: 800px !important; }
  .story-photo { min-height: 800px !important; }
}
@media (max-width: 900px) {
  .story-photo { height: auto !important; min-height: 0 !important; }
  .story-photo img { width: 100% !important; height: auto !important; }
}

/* V25: tipografía geométrica tecnológica inspirada en la referencia Panther Design.
   Únicamente cambia la tipografía del nombre, no el logo, palabras ni colores. */
.brand-wordmark > b,
.brand-wordmark > em {
  font-family: 'Michroma', 'Montserrat', sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .055em !important;
  line-height: 1.25;
}
.brand-wordmark { font-size: clamp(13px, 1.55vw, 20px) !important; gap: 8px !important; }
.brand-wordmark small { font-family: Montserrat, sans-serif !important; }
@media(max-width:600px) {
  .brand-wordmark { font-size: clamp(9px, 2.45vw, 13px) !important; gap: 5px !important; }
  .brand-wordmark > b, .brand-wordmark > em {letter-spacing: .025em !important;}
}

/* V26: foto de personalización sin velo ni desvanecimiento */
.custom-photo-fade{background:#080808!important;}
.custom-photo-fade::after,.custom-photo-fade::before{content:none!important;display:none!important;background:none!important;}
.custom-photo-fade img{-webkit-mask-image:none!important;mask-image:none!important;opacity:1!important;filter:none!important;}

/* V27: Galería de productos ampliable */
.product-image{cursor:zoom-in}
.product-image img{display:block}
.product-image:focus-visible{outline:3px solid #d77c3c;outline-offset:3px}
.product-lightbox[hidden]{display:none!important}
.product-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 18px 30px;gap:14px}
.lightbox-image{display:block;max-width:min(94vw,1400px);max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain;box-shadow:0 18px 65px #0009}
.lightbox-caption{color:#f5f0e9;text-align:center;font:500 15px Montserrat,Arial,sans-serif;margin:0}
.lightbox-close{position:absolute;right:clamp(15px,3vw,44px);top:12px;border:1px solid #ffffff55;border-radius:50%;width:46px;height:46px;background:#222;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer}
.lightbox-close:hover,.lightbox-close:focus-visible{background:#b85d2e}
body.lightbox-open{overflow:hidden}
@media(min-width:1100px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:650px) and (max-width:1099px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* V28: galería editorial, cinco fotografías y avance automático cada 3 s */
.story-gallery{position:relative!important;display:block!important;min-height:800px!important;height:800px!important;background:#101010!important;overflow:hidden!important}
.story-slides{position:absolute;inset:0}
.story-gallery .story-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;display:flex;align-items:center;justify-content:center}
.story-gallery .story-slide.is-active{opacity:1;visibility:visible;z-index:1}
.story-gallery .story-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
.story-gallery-controls{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:rgba(10,10,10,.72);color:white;border:1px solid #ffffff45;border-radius:50px;padding:5px 9px;backdrop-filter:blur(8px)}
.story-gallery-controls button{border:0;background:transparent;color:white;cursor:pointer;font-size:30px;line-height:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.story-gallery-controls button:hover,.story-gallery-controls button:focus-visible{background:#ffffff35}
.story-counter{font:500 12px Montserrat,Arial,sans-serif;min-width:45px;text-align:center}
@media(max-width:900px){.story-gallery{height:min(125vw,720px)!important;min-height:0!important}}
@media(max-width:520px){.story-gallery{height:115vw!important;min-height:0!important}}
@media(prefers-reduced-motion:reduce){.story-gallery .story-slide{transition:none}}

/* V29: galería editorial sin bandas negras, adaptada a cada pantalla */
.story.story-gallery-section{align-items:stretch}
.story-gallery.story-photo{height:760px!important;min-height:0!important;align-self:stretch;background:#191715!important;overflow:hidden!important}
.story-gallery .story-slides{position:absolute!important;inset:0!important;width:100%;height:100%}
.story-gallery .story-slide{position:absolute!important;inset:0!important;display:block!important}
.story-gallery .story-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
.story-gallery .story-slide:first-child img{object-position:center 48%!important}
.story-gallery-controls{bottom:18px!important}
@media(max-width:900px){.story-gallery.story-photo{height:min(125vw,740px)!important;min-height:0!important}}
@media(max-width:520px){.story-gallery.story-photo{height:125vw!important;min-height:0!important}}

/* V30: colección en dos filas equilibradas de tres productos */
@media(min-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}}
@media(min-width:650px) and (max-width:1099px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}}
@media(max-width:649px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V31: encuadre completo y ampliación de fotos del carrusel */
.story-gallery .story-slide{isolation:isolate!important;overflow:hidden!important;background:#181818!important}
.story-gallery .story-slide::before{content:"";position:absolute;inset:-24px;background-image:var(--slide-photo);background-position:center;background-size:cover;filter:blur(28px) brightness(.46);transform:scale(1.08);z-index:-1;pointer-events:none}
.story-gallery .story-slide img{position:relative!important;z-index:1!important;object-fit:contain!important;object-position:center center!important;cursor:zoom-in!important}
.story-gallery .story-slide:first-child img{object-position:center center!important}
.story-gallery .story-slide img:focus-visible{outline:3px solid #cf7138;outline-offset:-5px}

/* V32 — fotos 1 y 3: margen de seguridad para mostrar el encuadre íntegro */
.story-gallery .story-slide:nth-child(1) img,
.story-gallery .story-slide:nth-child(3) img {
  position:absolute!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  width:92%!important;
  height:92%!important;
  max-width:92%!important;
  max-height:92%!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:520px){
  .story-gallery .story-slide:nth-child(1) img,
  .story-gallery .story-slide:nth-child(3) img {width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important;}
}

/* V33 — fotografías completas sin franjas laterales: todas las fotos del carrusel son 1086 × 1448 (3:4).
   El contenedor adopta su proporción real, evitando tanto recortes como espacios vacíos. */
.story-gallery.story-photo{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1086 / 1448!important;
  background:#111!important;
}
.story-gallery .story-slide::before{display:none!important}
.story-gallery .story-slide img,
.story-gallery .story-slide:nth-child(1) img,
.story-gallery .story-slide:nth-child(3) img{
  position:absolute!important;
  inset:0!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:900px){.story-gallery.story-photo{height:auto!important;aspect-ratio:1086 / 1448!important}}
@media(max-width:520px){.story-gallery.story-photo{height:auto!important;aspect-ratio:1086 / 1448!important}}

/* V34 — carrusel limpio, sin flechas ni contador; swipe horizontal en móviles */
.story-gallery-controls{display:none!important}
.story-gallery{touch-action:pan-y;overscroll-behavior-x:contain}
.story-gallery .story-slide img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

/* V36 — indicador lateral compacto y clicable para descubrir más fotos */
.story-gallery .story-next-hint{
  position:absolute;z-index:8;right:10px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:34px;height:34px;padding:0;
  border:1px solid rgba(255,255,255,.3);border-radius:50%;
  background:rgba(8,8,8,.57);color:#fff;cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.15);
  transition:background .2s ease,transform .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.story-gallery .story-next-hint span{font-family:Arial,sans-serif;font-size:27px;font-weight:300;line-height:1;transform:translateY(-2px);animation:panther-next-nudge 2.7s ease-in-out infinite}
.story-gallery .story-next-hint:hover,.story-gallery .story-next-hint:focus-visible{background:rgba(8,8,8,.86);transform:translateY(-50%) scale(1.08)}
.story-gallery .story-next-hint:focus-visible{outline:2px solid #cf7138;outline-offset:3px}
@keyframes panther-next-nudge{0%,75%,100%{translate:0 0}84%{translate:3px 0}92%{translate:0 0}}
@media(max-width:520px){.story-gallery .story-next-hint{right:7px;width:30px;height:30px}.story-gallery .story-next-hint span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.story-gallery .story-next-hint span{animation:none}}

/* V37 — WhatsApp brand colors */
.floating-wa{background:#25D366!important;border:1px solid #25D366!important;color:#fff!important;}
.floating-wa:hover,.floating-wa:focus-visible{background:#20bd5a!important;border-color:#20bd5a!important;filter:none;}

/* V38 — galería premium inspirada en carruseles de consola, sin copiar la interfaz de terceros */
.featured-collection{margin:0 auto 70px;max-width:1240px;overflow:hidden;color:#1c1a18}
.featured-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.featured-heading h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:600;margin:2px 0 8px}
.featured-heading p:not(.eyebrow){font-size:13px;color:#746b63;margin:0}
.featured-controls{display:flex;gap:8px}.featured-controls button{width:42px;height:42px;border:1px solid #c7b9ab;border-radius:50%;background:transparent;color:#30261e;font-size:30px;line-height:1;cursor:pointer}.featured-controls button:hover,.featured-controls button:focus-visible{background:#c66b30;color:#fff;border-color:#c66b30}
.featured-viewport{overflow:hidden;touch-action:pan-y;outline-offset:-4px;cursor:grab}.featured-viewport:active{cursor:grabbing}
.featured-track{display:flex;align-items:stretch;gap:18px;will-change:transform;padding:12px 0 22px}
.featured-card{flex:0 0 clamp(230px,38%,460px);min-width:0;background:#fff;border:1px solid #e1d8ce;opacity:.62;transform:scale(.94);transition:transform .55s,opacity .55s,box-shadow .55s;overflow:hidden}
.featured-card.is-active{opacity:1;transform:scale(1);box-shadow:0 16px 42px rgba(36,25,17,.13)}
.featured-photo{display:block;width:100%;aspect-ratio:1.16;border:0;padding:0;background:#080808;cursor:zoom-in;overflow:hidden}.featured-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}.featured-photo:hover img{transform:scale(1.035)}
.featured-card-info{padding:16px 20px 20px}.featured-card-info h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;margin:0 0 3px}.featured-card-info p{font-size:12px;color:#706962;margin:0 0 12px}.featured-card-info strong{color:#b75322;display:block;font-size:14px}.featured-card-info span{display:block;font-size:11px;color:#7a726b;margin-top:9px}
.featured-footer{display:flex;align-items:center;gap:16px;font-size:12px;color:#6b625b}.featured-count{font-weight:700;white-space:nowrap}.featured-progress{height:3px;flex:1;background:#ded4c8;max-width:210px}.featured-progress span{display:block;height:100%;background:#c76b32;transition:width .45s}.featured-footer>span:last-child{margin-left:auto}
.made-in-colombia{display:flex;gap:28px;align-items:center;background:#eee7df;border:1px solid #e0d4c7;padding:30px clamp(20px,4vw,50px);margin-bottom:65px}.colombia-symbol{width:78px;height:78px;flex:0 0 78px;border:2px solid #c46a33;border-radius:50%;display:grid;place-content:center;font-size:27px;font-weight:700;letter-spacing:.08em;color:#b55a29}.colombia-symbol span{font-size:11px;text-align:center}.made-in-colombia h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,40px);line-height:1.04;margin:6px 0 12px}.made-in-colombia h3 em{font-weight:400}.made-in-colombia p:last-child{color:#746a60;font-size:13px;line-height:1.65;margin:0}
@media(max-width:700px){.featured-collection{margin-bottom:42px}.featured-heading{align-items:center}.featured-heading h3{font-size:32px}.featured-heading p:not(.eyebrow){font-size:11px}.featured-controls button{width:34px;height:34px;font-size:24px}.featured-track{gap:10px}.featured-card{flex-basis:82%;}.featured-card-info{padding:13px 15px}.featured-photo{aspect-ratio:1.05}.made-in-colombia{padding:24px 20px;gap:14px;align-items:flex-start}.colombia-symbol{width:52px;height:52px;flex-basis:52px;font-size:17px}.made-in-colombia h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.featured-card,.featured-track,.featured-photo img{transition:none!important}}

/* V40: dos ángulos dentro de la misma tarjeta */
.featured-image-wrap{position:relative}.featured-image-wrap .view-switch{position:absolute;top:46%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border:1px solid #ffffff88;border-radius:50%;background:#141414aa;color:white;font-size:27px;cursor:pointer;display:grid;place-items:center;line-height:1}.featured-image-wrap .view-prev{left:9px}.featured-image-wrap .view-next{right:9px}.featured-image-wrap .view-switch:hover{background:#bd602b}.featured-image-wrap .view-label{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:#121212b9;color:white;font-size:11px;letter-spacing:.04em;padding:5px 12px;border-radius:20px;pointer-events:none;white-space:nowrap}.featured-multiview .featured-photo img{object-fit:contain}