/* Brand campaign: full-bleed art with real accessible page content. */
.px-hero__slide:not(.is-on){visibility:hidden!important;pointer-events:none!important}
.px-hero__slide.is-on{visibility:visible!important}
@media(max-width:1023px){.px-hero__slide{transition:none!important}.px-hero .px-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}.px-hero .px-btns{max-width:100%}}

.px-hero{--campaign-bg:#03152d;--campaign-ink:#fff}
.px-hero:has(.px-campaign-lg.is-on){--campaign-bg:#65001c;--campaign-ink:#fff5e8}
.px-hero:has(.px-campaign-samsung.is-on){--campaign-bg:#08165b}
.px-hero:has(.px-campaign-western-digital.is-on){--campaign-bg:#061b3e;--campaign-ink:#fff}
.px-hero:has(.px-campaign-huntkey.is-on){--campaign-bg:#1c1113;--campaign-ink:#fff}
.px-hero .px-hero__slide--product{background:var(--campaign-bg)}
.px-hero .px-hero__slide.px-hero__slide--product .px-hero__media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:none!important}
.px-hero .px-hero__slide--product .px-hero__media picture{display:block;width:100%;height:100%}
.px-hero .px-hero__slide.px-hero__slide--product .px-hero__media img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.px-hero .px-hero__slide--product .px-hero__scrim,.px-hero .px-hero__slide--product .px-hero__lattice{display:none!important}
.px-hero .px-hero__slide.px-hero__slide--product .px-hero__content{position:absolute!important;left:8%!important;right:auto!important;top:0!important;bottom:0!important;width:41%!important;max-width:650px!important;margin:0!important;padding:32px 0 110px!important;display:flex;flex-direction:column;justify-content:center!important;align-items:flex-start!important;gap:18px!important;transform:none!important;text-align:left;color:var(--campaign-ink)!important}
.px-hero .px-hero__slide--product .px-hero__content>*{margin:0;max-width:100%!important}
.px-hero .px-hero__slide.px-hero__slide--product .px-eyebrow{font-size:13px!important;letter-spacing:.12em;color:inherit!important}
.px-hero .px-hero__slide.px-hero__slide--product .px-hero__title{font-size:clamp(30px,2.8vw,52px)!important;line-height:1.08!important;letter-spacing:-.02em!important;color:inherit!important;text-wrap:balance}
.px-hero .px-hero__slide.px-hero__slide--product .px-hero__lead{font-size:clamp(15px,1.2vw,19px)!important;line-height:1.5!important;color:inherit!important;max-width:46ch!important}
.px-hero .px-hero__slide--product .px-copper{display:none!important}
.px-hero .px-hero__slide--product .px-btns{display:flex;flex-wrap:wrap;gap:12px}
.px-hero .px-hero__slide--product .px-btn{min-height:44px;padding:14px 18px;font-size:11px;letter-spacing:.06em}
.px-hero .px-campaign-western-digital .px-btn--light,.px-hero .px-campaign-huntkey .px-btn--light{background:#fff;color:#071c52;border-color:#fff}
.px-hero .px-campaign-western-digital .px-btn--ghost-light,.px-hero .px-campaign-huntkey .px-btn--ghost-light{color:#fff;border-color:#fff}
.px-hero .px-hero__ctrl{z-index:5}
.px-hero .px-hero__tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:none}
.px-hero .px-hero__tabs button{min-width:0;min-height:44px}
/* One desktop hero height for GITEX and every product slide: prevents page jumps on slide change. */
@media(min-width:1024px){.px-hero{height:clamp(600px,42vw,680px)!important;min-height:600px!important}}
/* Mobile hero: copy and controls overlay one continuous composition. */
@media(max-width:1023px){
  .px-hero{height:clamp(800px,100svh,900px)!important;min-height:800px!important;background:var(--campaign-bg);overflow:hidden}
  .px-hero .px-hero__slide{position:absolute!important;inset:0!important}
  .px-hero .px-hero__slide.is-on{position:absolute!important;inset:0!important}
  .px-hero .px-hero__slide--product{display:block!important;height:100%!important;min-height:100%!important;background:var(--campaign-bg)!important}
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__media{
    position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:70%!important;
    flex:none!important;overflow:hidden;background:none!important
  }
  .px-hero .px-hero__slide--product .px-hero__media picture{display:block!important;width:100%!important;height:100%!important}
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__media img{
    display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important
  }
  .px-hero .px-hero__slide--product .px-hero__media::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(to bottom,transparent 50%,var(--campaign-bg) 100%)
  }
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__content{
    position:absolute!important;inset:auto 22px 122px 22px!important;
    width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:flex-end!important;gap:11px!important;
    text-align:left!important;background:transparent!important;color:#fff!important;transform:none!important;z-index:3
  }
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__content>*{max-width:100%!important;margin:0!important}
  .px-hero .px-hero__slide.px-hero__slide--product .px-eyebrow{font-size:12px!important;line-height:1.3!important;color:#fff!important}
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__title{
    font-size:clamp(27px,7vw,36px)!important;line-height:1.08!important;color:#fff!important;text-wrap:balance
  }
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__lead{
    font-size:clamp(14px,3.8vw,16px)!important;line-height:1.45!important;color:#fff!important
  }
  .px-hero .px-hero__slide--product .px-btns{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:4px!important}
  .px-hero .px-hero__slide--product .px-btn{min-height:43px!important;padding:12px 15px!important;font-size:11px!important;text-shadow:none;white-space:normal!important}
  .px-hero .px-hero__ctrl{
    position:absolute!important;inset:auto 22px 14px 22px!important;width:auto!important;margin:0!important;padding:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;background:transparent!important;z-index:5
  }
  .px-hero .px-hero__tabs{gap:9px!important}
  .px-hero .px-hero__tablabel{display:none!important}
  .px-hero .px-hero__tabs button,.px-hero .px-sq{color:#fff!important;border-color:rgba(255,255,255,.7)!important}
  .px-hero .px-hero__bar{background:rgba(255,255,255,.27)!important}
  .px-hero .px-hero__bar span{background:#fff!important}
  .px-hero .px-hero__btns{justify-content:flex-end}
  .px-hero .px-campaign-western-digital .px-btn--ghost-light,.px-hero .px-campaign-huntkey .px-btn--ghost-light{color:#fff!important;border-color:#fff!important}
  .px-hero .px-campaign-western-digital .px-btn--light,.px-hero .px-campaign-huntkey .px-btn--light{color:#071c52!important;background:#fff!important;border-color:#fff!important}
}
@media(max-width:359px){
  .px-hero{height:850px!important;min-height:850px!important}
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__content{inset:auto 18px 120px 18px!important;gap:9px!important}
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__title{font-size:26px!important}
  .px-hero .px-hero__ctrl{inset:auto 18px 12px 18px!important}
}
@media(min-width:768px) and (max-width:1023px){
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__media{height:100%!important}
  .px-hero .px-hero__slide--product .px-hero__media::after{background:linear-gradient(to right,rgba(3,21,45,.8),transparent 78%)}
  .px-hero .px-hero__slide.px-hero__slide--product .px-hero__content{inset:auto auto 150px 7%!important;width:54%!important;max-width:580px!important}
}
@media(prefers-reduced-motion:reduce){.px-hero__slide{transition:none!important}}