/* BEAT34 • Editorial full-photo hero v419
 * One visual language: original images, full-bleed overlay, no competing color panels.
 * Desktop horizontal coverage, mobile portrait photo + bottom-up fade.
 */
#heroCarousel{position:relative;background:#181617!important;overflow:hidden}
#heroCarousel .heroSlide.b34Editorial{display:none!important;position:relative!important;isolation:isolate;
 width:100%;height:clamp(425px,38vw,575px)!important;min-height:0!important;
 background:#201b1c!important;grid-template-columns:1fr!important;overflow:hidden}
#heroCarousel .heroSlide.b34Editorial.active:not([hidden]){display:flex!important;align-items:end!important}
#heroCarousel .heroSlide.b34Editorial::before{display:none!important}
#heroCarousel .b34HeroMedia{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
#heroCarousel .b34HeroMedia img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus,center center);filter:saturate(.94)}
#heroCarousel .b34HeroMedia.product .b34HeroBack{
 filter:blur(22px) brightness(.6) saturate(.75);transform:scale(1.10)
}
#heroCarousel .b34HeroMedia.product .b34HeroProduct{
 object-fit:contain;object-position:right center;width:57%;height:93%;top:1%;left:auto;right:2%;
 filter:drop-shadow(0 16px 27px rgba(0,0,0,.20))
}
#heroCarousel .heroSlide.b34Editorial::after{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(11,10,11,.91) 0%,rgba(12,11,11,.73) 32%,rgba(18,13,14,.25) 72%,rgba(9,8,9,.09) 100%),
 linear-gradient(0deg,rgba(11,9,10,.35),transparent 65%);
}
#heroCarousel .b34HeroClick{position:absolute;inset:0;z-index:2;display:block!important;background:transparent!important}
#heroCarousel .b34HeroClick:focus-visible{outline:3px solid #fff;outline-offset:-5px}
#heroCarousel .b34Editorial .nando-firstContent,
#heroCarousel .b34Editorial .countryMiniCopy,
#heroCarousel .b34Editorial .heroCopy{
 position:relative!important;z-index:3!important;
 width:min(690px,64%)!important;max-width:min(690px,64%)!important;
 min-width:0!important;align-self:end!important;
 padding:0 20px 78px clamp(27px,6vw,94px)!important;
 margin:0!important;background:transparent!important;
 display:flex!important;align-items:flex-start!important;flex-direction:column!important;justify-content:flex-end!important;
 pointer-events:none!important;box-shadow:none!important;
}
#heroCarousel .b34Editorial .nando-firstContent :is(a,button),
#heroCarousel .b34Editorial .countryMiniCopy :is(a,button),
#heroCarousel .b34Editorial .heroCopy :is(a,button){pointer-events:auto!important}
#heroCarousel .b34Editorial .nando-firstEyebrow,
#heroCarousel .b34Editorial .countryMiniCopy>small,
#heroCarousel .b34Editorial .heroSerial{
 color:#fff!important;font:800 10px/1.4 'Montserrat',sans-serif!important;
 letter-spacing:1.3px!important;text-transform:uppercase!important;
}
#heroCarousel .b34Editorial .nando-firstEyebrow span{color:#f2c2c5!important}
#heroCarousel .b34Editorial .heroSerial span.dot{box-shadow:none!important;background:#e32229!important}
#heroCarousel .b34Editorial .b34HeroHeading,
#heroCarousel .b34Editorial .b34HeroHeading :is(span,em){
 font-family:'Oswald',sans-serif!important;
 font-weight:600!important;letter-spacing:-.035em!important;
 line-height:1.01!important;text-transform:uppercase!important;
 text-shadow:0 3px 18px rgba(0,0,0,.14);
}
#heroCarousel .b34Editorial .b34HeroHeading{
 color:#fff!important;font-size:clamp(45px,5.3vw,78px)!important;
 margin:13px 0 14px!important;max-width:640px!important;overflow-wrap:normal!important;
}
#heroCarousel .b34Editorial .b34HeroHeading em{
 display:block!important;font-style:normal!important;color:#ff4c55!important;
}
#heroCarousel .b34Editorial .nando-firstContent>p,
#heroCarousel .b34Editorial .countryMiniCopy>p,
#heroCarousel .b34Editorial .heroCopy>p{
 display:block!important;color:#f0e8e6!important;font:500 13px/1.6 'Montserrat',sans-serif!important;
 max-width:390px!important;margin:0 0 18px!important;text-shadow:0 2px 9px #100a0b55;
}
#heroCarousel .b34Editorial :is(.nando-firstMedia,.countryMiniArt,.heroArt,.nando-firstDetails,.countryMiniCopy>strong,.b34HeroSecondary){display:none!important}
#heroCarousel .b34Editorial .heroActions{margin:0!important;display:flex!important;align-items:center!important}
#heroCarousel .b34Editorial .heroActions .btnLime,
#heroCarousel .b34Editorial .countryMiniBtn{
 color:#fff!important;background:#e32229!important;border:1px solid #e32229!important;
 min-height:45px!important;border-radius:5px!important;
 padding:12px 18px!important;box-shadow:0 8px 23px rgba(0,0,0,.15)!important;
 font:800 11px/1.25 'Montserrat',sans-serif!important;text-decoration:none!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
 margin:0!important;
}
#heroCarousel .b34Editorial .countryMiniBtn span{display:none!important}
#heroCarousel .b34Editorial :is(.nando-firstSlideCounter,.countryMiniCount,.heroNumber){
 position:absolute!important;z-index:3!important;right:clamp(18px,3vw,38px)!important;bottom:21px!important;
 background:rgba(16,12,13,.56)!important;color:#fff!important;
 border-radius:100px!important;padding:7px 13px!important;
 font:700 10px/1.3 'Montserrat',sans-serif!important;
 transform:none!important;box-shadow:none!important;
}
#heroCarousel .carouselControl{z-index:5!important;left:clamp(27px,6vw,94px)!important;bottom:23px!important}
#heroCarousel .carouselControl button:focus-visible{outline:3px solid white;outline-offset:2px}
#heroCarousel .heroSlide[hidden]{display:none!important}
/* Mobile: full-width portrait photo + bottom-up fade, same design for every slide. */
@media(max-width:760px){
 #heroCarousel .heroSlide.b34Editorial{height:clamp(440px,138vw,610px)!important;max-height:calc(100svh - 90px);min-height:400px!important}
 #heroCarousel .heroSlide.b34Editorial.active:not([hidden]){align-items:flex-end!important}
 #heroCarousel .b34HeroMedia img{object-position:var(--hero-focus-mobile,center 28%)}
 #heroCarousel .b34HeroMedia.product .b34HeroBack{filter:blur(18px) brightness(.68);transform:scale(1.08)}
 #heroCarousel .b34HeroMedia.product .b34HeroProduct{
  width:100%;height:58%;left:0;right:0;top:0;
  object-fit:contain;object-position:center center;
 }
 #heroCarousel .heroSlide.b34Editorial::after{
  background:linear-gradient(0deg,rgba(13,11,12,.96) 0%,rgba(13,11,12,.89) 28%,rgba(13,11,12,.58) 50%,rgba(13,11,12,.09) 82%,rgba(13,11,12,.04) 100%);
 }
 #heroCarousel .b34Editorial .nando-firstContent,
 #heroCarousel .b34Editorial .countryMiniCopy,
 #heroCarousel .b34Editorial .heroCopy{
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:0 20px 74px!important;align-self:flex-end!important;
 }
 #heroCarousel .b34Editorial .b34HeroHeading{
  font-size:clamp(35px,10vw,51px)!important;
  max-width:100%!important;margin:9px 0 11px!important;
  line-height:1.02!important;letter-spacing:-.03em!important;
 }
 #heroCarousel .b34Editorial .nando-firstContent>p,
 #heroCarousel .b34Editorial .countryMiniCopy>p,
 #heroCarousel .b34Editorial .heroCopy>p{
  font-size:11px!important;line-height:1.5!important;
  max-width:340px!important;margin:0 0 15px!important;
 }
 #heroCarousel .b34Editorial .nando-firstEyebrow,
 #heroCarousel .b34Editorial .countryMiniCopy>small,
 #heroCarousel .b34Editorial .heroSerial{font-size:9px!important;letter-spacing:.8px!important}
 #heroCarousel .b34Editorial .heroActions .btnLime,
 #heroCarousel .b34Editorial .countryMiniBtn{min-height:44px!important;padding:11px 15px!important;font-size:10px!important}
 #heroCarousel .b34Editorial :is(.nando-firstSlideCounter,.countryMiniCount,.heroNumber){
  right:14px!important;bottom:18px!important;font-size:9px!important;padding:6px 9px!important;
 }
 #heroCarousel .carouselControl{left:20px!important;bottom:18px!important}
 #heroCarousel .carouselControl>button{width:30px;height:30px;font-size:17px}
 #heroCarousel .carouselDots button{height:6px}
}
@media(max-width:360px){
 #heroCarousel .heroSlide.b34Editorial{min-height:400px!important;height:460px!important}
 #heroCarousel .b34Editorial .b34HeroHeading{font-size:35px!important}
 #heroCarousel .b34Editorial .nando-firstContent,
 #heroCarousel .b34Editorial .countryMiniCopy,
 #heroCarousel .b34Editorial .heroCopy{padding:0 15px 65px!important}
 #heroCarousel .carouselControl{left:15px!important;bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){#heroCarousel .heroSlide.b34Editorial{transition:none!important}}