.hero-heritage-stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 78% 18%,#8f1d2c88,transparent 30%),linear-gradient(145deg,#0a0a09 0%,#22100f 48%,#751825 100%)}
.hero-heritage-stage:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(45deg,transparent 44%,#d7aa63 45% 54%,transparent 55%),linear-gradient(-45deg,transparent 44%,#8f1d2c 45% 54%,transparent 55%);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 65%)}
.hero-heritage-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08080755,transparent 35%),linear-gradient(0deg,#08080777,transparent 42%);pointer-events:none}
.hero-heritage-piece{position:absolute;overflow:hidden;background:#171412;box-shadow:0 28px 75px #0008;border:1px solid #ffffff24}
.hero-heritage-piece img{width:100%;height:100%;object-fit:cover;display:block}
.hero-heritage-piece__label{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1rem 1.1rem;background:linear-gradient(0deg,#090908e8,transparent);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:1rem}
.hero-heritage-piece__label small{display:block;margin-bottom:.2rem;color:#e2bd73;font:600 .5rem/1.3 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.hero-heritage-piece__label strong{display:block;font:600 clamp(1rem,1.5vw,1.45rem)/1 "Cormorant Garamond",serif}
.hero-heritage-piece__label span{font:600 .55rem/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.hero-heritage-piece--runner{z-index:1;left:8%;top:9%;width:64%;height:78%;transform:rotate(-2deg)}
.hero-heritage-piece--runner img{object-position:center}
.hero-heritage-piece--keffiyeh{z-index:2;right:4%;top:7%;width:35%;height:47%;transform:rotate(4deg)}
.hero-heritage-piece--key{z-index:3;right:9%;bottom:7%;width:37%;height:38%;transform:rotate(-4deg)}
.hero-heritage-word{position:absolute;z-index:4;right:2.5%;bottom:3%;color:#fff2;font-family:"Noto Kufi Arabic",sans-serif;font-size:clamp(4rem,9vw,10rem);line-height:1;writing-mode:vertical-rl;pointer-events:none}
@media(min-width:750px){
  .hero-heritage-piece--runner{animation:heritageRunnerIn 1.05s .12s cubic-bezier(.22,1,.36,1) both}
  .hero-heritage-piece--keffiyeh{animation:heritageKeffiyehIn 1.05s .28s cubic-bezier(.22,1,.36,1) both}
  .hero-heritage-piece--key{animation:heritageKeyIn 1.05s .42s cubic-bezier(.22,1,.36,1) both}
  .hero-heritage-piece img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
  .hero-heritage-piece:hover img{transform:scale(1.035)}
  @keyframes heritageRunnerIn{from{opacity:0;transform:translate3d(0,45px,0) rotate(-5deg) scale(1.04)}}
  @keyframes heritageKeffiyehIn{from{opacity:0;transform:translate3d(55px,-25px,0) rotate(8deg)}}
  @keyframes heritageKeyIn{from{opacity:0;transform:translate3d(45px,35px,0) rotate(-9deg)}}
}
@media(max-width:749px){
  .hero-heritage-stage{background:linear-gradient(155deg,#0a0908,#631623)}
  .hero-heritage-piece{box-shadow:0 18px 48px #0007}
  .hero-heritage-piece--runner{left:5%;top:5%;width:70%;height:72%;transform:none}
  .hero-heritage-piece--keffiyeh{right:3%;top:4%;width:38%;height:38%;transform:none}
  .hero-heritage-piece--key{right:5%;bottom:5%;width:43%;height:38%;transform:none}
  .hero-heritage-piece__label{padding:.65rem;background:linear-gradient(0deg,#090908e8,transparent)}
  .hero-heritage-piece__label strong{font-size:.95rem}
  .hero-heritage-piece__label span{display:none}
  .hero-heritage-word{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-heritage-piece{animation:none!important}.hero-heritage-piece img{transition:none!important}}