/* Approved artisan leatherwork photograph. Full-width gradient hero, IT and EN. */
html body main .page-hero.nx-textile-leather-hero {
  position:relative!important; display:flex!important; align-items:center;
  isolation:isolate; overflow:hidden; box-sizing:border-box;
  min-height:clamp(720px,48vw,840px);
  padding:104px 0 92px!important;
  background:#15354e!important;
}
html body main .nx-textile-leather-hero::after { content:none!important; display:none!important; }
html body main .nx-textile-leather-hero::before {
  content:""!important; display:block!important; position:absolute!important;
  inset:0!important; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,#174ad7 0%,#184dda 29%,rgba(25,77,214,.97) 36%,rgba(25,77,214,.82) 44%,rgba(25,77,214,.28) 56%,rgba(25,77,214,0) 70%)!important;
}
html body main .nx-textile-leather-hero > .nx-textile-leather-hero__image {
  display:block!important; position:absolute!important; inset:0!important;
  z-index:0; left:auto!important; width:auto; height:100%; aspect-ratio:1/1;
  margin:0; padding:0; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%),linear-gradient(180deg,transparent 0%,#000 8%); -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%),linear-gradient(180deg,transparent 0%,#000 8%); mask-composite:intersect;
}
html body main .nx-textile-leather-hero__image > img {
  display:block!important; position:absolute!important; inset:0!important;
  width:100%!important; max-width:none!important; height:100%!important;
  min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
  object-fit:contain!important; object-position:right center!important;
  border:0!important; border-radius:0!important; opacity:1!important;
  filter:none!important; transform:none!important;
}
html body main .nx-textile-leather-hero__layout {
  position:relative; z-index:2; display:block!important;
  max-width:1320px; margin-inline:auto; padding-block:0!important;
}
html body main .nx-textile-leather-hero__copy { width:50%; max-width:600px; min-width:0; }
html body main .nx-textile-leather-hero .breadcrumbs { margin:0 0 38px; }
html body main .nx-textile-leather-hero h1 {
  max-width:10.5em!important; margin:20px 0 32px!important;
  font-size:clamp(2.15rem,3.6vw,3.6rem)!important;
  line-height:1.08!important; overflow-wrap:normal;
  text-shadow:0 2px 18px rgba(0,20,70,.14);
}
html body main .nx-textile-leather-hero .lead { max-width:none!important; margin:0!important; line-height:1.7; }
@media (min-width:901px) and (max-width:1199px) {
  html body main .nx-textile-leather-hero__copy { width:49%; }
}
@media (max-width:900px) {
  html body main .page-hero.nx-textile-leather-hero { min-height:0; padding:96px 0 calc(100vw + 40px)!important; }
  html body main .nx-textile-leather-hero > .nx-textile-leather-hero__image { top:auto!important; left:0!important; width:100%; height:100vw!important;
    aspect-ratio:auto; -webkit-mask-image:none; mask-image:none; }
  html body main .nx-textile-leather-hero::before {
    background:linear-gradient(180deg,#174ad7 0px,#174ad7 calc(100% - 100vw),rgba(23,74,215,.65) calc(100% - 90vw),rgba(23,74,215,0) calc(100% - 78vw))!important;
  }
  html body main .nx-textile-leather-hero__layout { width:calc(100% - 40px)!important; padding:0!important; }
  html body main .nx-textile-leather-hero__copy { width:100%; max-width:640px; }
  html body main .nx-textile-leather-hero .breadcrumbs { margin-bottom:28px; line-height:1.6; }
  html body main .nx-textile-leather-hero h1 { max-width:100%!important; margin:18px 0 24px!important; font-size:clamp(1.9rem,6vw,2.8rem)!important; line-height:1.1!important; }
}

/* Keep the full product composition below the fixed navigation and news strip. */
@media (min-width:901px) {
  html body main .nx-textile-leather-hero > .nx-textile-leather-hero__image { top:80px!important; height:calc(100% - 80px)!important; }
}

/* Hand stitching video: preserve the blue hero and the existing page copy. */
html body main .nx-textile-leather-hero--video > .nx-textile-leather-hero__image {
  width:64%; aspect-ratio:auto;
}
html body main .nx-textile-leather-hero__image > video {
  display:block!important;position:absolute;inset:0;
  width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;
  border:0;border-radius:0;
}
html body main .nx-textile-video-toggle {
  position:absolute;z-index:3;top:112px;right:32px;
  display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;
  border:1px solid rgba(255,255,255,.65);border-radius:30px;
  background:rgba(7,28,53,.8);color:#fff!important;line-height:1.3;
  font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.14);
}
html body main .nx-textile-video-toggle:hover {background:rgba(7,28,53,.96);}
html body main .nx-textile-video-toggle:focus-visible {outline:3px solid #90f5e5;outline-offset:4px;}
html body main .nx-textile-video-toggle[hidden] {display:none!important;}
html body main .nx-textile-video-toggle svg {width:15px;height:15px;flex:0 0 15px;}
@media(max-width:900px) {
  html body main .page-hero.nx-textile-leather-hero--video {
    padding-bottom:calc(56.25vw + 44px)!important;
  }
  html body main .nx-textile-leather-hero--video > .nx-textile-leather-hero__image {
    width:100%;height:56.25vw!important;top:auto!important;
  }
  html body main .nx-textile-leather-hero--video::before {
    background:linear-gradient(180deg,#174ad7 0px,#174ad7 calc(100% - 56.25vw),
      rgba(23,74,215,.60) calc(100% - 51vw),rgba(23,74,215,0) calc(100% - 43vw))!important;
  }
  html body main .nx-textile-video-toggle {top:auto;bottom:20px;left:20px;right:auto;}
}