/* Stepholt Black Friday — homepage banner only. */
.stph-bf-home-banner{position:relative;isolation:isolate;overflow:hidden;background:#100b20;color:#fff;min-height:720px;min-height:calc(100svh - 140px);display:flex;align-items:center;font-family:inherit}
.stph-bf-home-banner *{box-sizing:border-box}
.stph-bf-home-banner__image{position:absolute;z-index:-1;inset:0 0 0 39%;background-size:cover;background-position:center 42%;background-repeat:no-repeat}
/* Fade across the left side, leaving the right-hand character visible. */
.stph-bf-home-banner__image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100b20 0%,rgba(16,11,32,.93) 7%,rgba(16,11,32,.48) 34%,rgba(16,11,32,.03) 70%)}
.stph-bf-home-banner__content{width:100%;max-width:1320px;margin:0 auto;padding:90px 42px;position:relative;z-index:1}
.stph-bf-home-banner__tag{font-size:12px;letter-spacing:.2em;font-weight:700;color:#d4baff}
.stph-bf-home-banner__tag span{color:#8652ff}
.stph-bf-home-banner h2{margin:22px 0 28px;line-height:.83;letter-spacing:-.07em;font-size:clamp(76px,10vw,172px);font-weight:900;display:flex;flex-direction:column;align-items:flex-start;text-transform:uppercase}
.stph-bf-home-banner h2 span{color:transparent;-webkit-text-stroke:2px #a76cff}
.stph-bf-home-banner h2 strong{color:#fff;font-weight:900}
.stph-bf-home-banner p{font-size:clamp(18px,2vw,25px);line-height:1.35;max-width:540px;margin:0 0 28px;color:#fff}
.stph-bf-home-banner a{display:inline-flex;gap:20px;align-items:center;background:#7835ed;color:#fff;padding:17px 28px;border-radius:999px;text-decoration:none;font-weight:700}
.stph-bf-home-banner a:hover{background:#9457ff;color:#fff}
.stph-bf-home-banner small{display:block;margin-top:18px;font-size:12px;line-height:1.5;color:#d6cce6;max-width:520px}
@media(max-width:900px){.stph-bf-home-banner{min-height:680px;min-height:calc(100svh - 110px)}.stph-bf-home-banner__image{left:28%;background-position:56% center}.stph-bf-home-banner__content{padding:70px 28px}.stph-bf-home-banner h2{font-size:clamp(70px,12vw,120px)}}
@media(max-width:680px){.stph-bf-home-banner{min-height:740px;min-height:calc(100svh - 80px);align-items:flex-end}.stph-bf-home-banner__image{inset:0;background-size:auto 70%;background-position:66% top;background-color:#100b20}.stph-bf-home-banner__image::after{background:linear-gradient(180deg,rgba(16,11,32,.02) 0%,rgba(16,11,32,.18) 30%,rgba(16,11,32,.94) 61%,#100b20 82%)}.stph-bf-home-banner__content{padding:280px 22px 55px}.stph-bf-home-banner__tag{font-size:10px;letter-spacing:.13em}.stph-bf-home-banner h2{font-size:clamp(64px,15vw,100px);margin:16px 0 22px}.stph-bf-home-banner p{font-size:18px;max-width:370px}.stph-bf-home-banner a{padding:15px 23px}}
@media(prefers-reduced-motion:reduce){.stph-bf-home-banner *{scroll-behavior:auto}}
/* BLACK FRIDAY — Homepage hero typography */
.stph-bf-home-banner h2 {
    font-size: clamp(90px, 10vw, 180px) !important;
    line-height: 0.78 !important;
    font-weight: 950 !important;
    letter-spacing: -0.075em !important;
    text-transform: uppercase !important;
    margin: 35px 0 45px !important;
    max-width: 850px !important;
}

.stph-bf-home-banner h2 span {
    display: block;
}

/* Tablet */
@media (max-width: 1024px) {
    .stph-bf-home-banner h2 {
        font-size: clamp(76px, 12vw, 130px) !important;
        margin-bottom: 35px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .stph-bf-home-banner h2 {
        font-size: clamp(62px, 15vw, 100px) !important;
        line-height: 0.85 !important;
        margin: 25px 0 30px !important;
        letter-spacing: -0.065em !important;
    }
}