/* RHS night-workshop hero. Changes only the homepage; no download logic changed. */
.rhs-story-hero {
  position:relative; isolation:isolate; width:100%; min-height:610px;
  overflow:hidden; background:#0b0d15; color:#fff;
  border-bottom:1px solid rgba(172,188,217,.20);
}
.rhs-story-picture, .rhs-story-shade { position:absolute; inset:0; display:block; }
.rhs-story-picture img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 6%; }
.rhs-story-shade { z-index:1; pointer-events:none;
  background:linear-gradient(0deg,rgba(4,8,17,.97) 0%, rgba(4,8,17,.83) 19%, rgba(4,8,17,.49) 40%, rgba(4,8,17,.08) 83%), linear-gradient(90deg,rgba(5,9,17,.39) 0%,transparent 80%);
}
.rhs-story-content { position:relative; z-index:2; box-sizing:border-box; min-height:610px; display:flex;
 flex-direction:column; justify-content:flex-end; align-items:flex-start; padding-top:150px; padding-bottom:50px;
}
.rhs-story-eyebrow { color:#d2e8ff; font-size:12px; font-weight:800; letter-spacing:.2em;
 text-transform:uppercase; margin:0 0 18px; text-shadow:0 2px 12px rgba(0,0,0,.75);
}
.rhs-story-hero h1 { max-width:840px; font-size:clamp(36px,4.3vw,66px); line-height:1.08;
 letter-spacing:-.035em; font-weight:850; margin:0 0 17px; color:#fff;
 text-wrap:balance; text-shadow:0 3px 28px rgba(0,0,0,.65);
}
.rhs-story-hero h1 .rhs-story-accent { color:#b3daff; }
.rhs-story-description { max-width:730px; margin:0 0 24px; font-size:clamp(16px,1.5vw,20px);
 line-height:1.55; color:#ecf4ff; text-shadow:0 2px 12px rgba(0,0,0,.75);
}
.rhs-story-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.rhs-story-actions .btn {box-shadow:0 8px 25px rgba(0,0,0,.22)}
.rhs-story-actions .btn-secondary {background:rgba(16,25,44,.8); border:1px solid rgba(193,210,238,.46); color:#fff; backdrop-filter:blur(10px)}
.rhs-story-actions .btn-secondary:hover {background:rgba(45,59,88,.9)}
.rhs-story-announcement { padding-top:15px; padding-bottom:0; }
.rhs-story-announcement .mac-home-announce { max-width:none; margin:0; padding:16px 21px; }
.rhs-story-announcement .mac-home-announce:focus-visible { outline:3px solid #8bc8ff; outline-offset:3px; }
/* The existing .wrap stats and product cards keep their original rules. */
@media(max-width:760px){
 .rhs-story-hero,.rhs-story-content{min-height:600px;}
 .rhs-story-picture img{object-position:35% center;}
 .rhs-story-shade{background:linear-gradient(0deg,rgba(4,8,17,.98) 0%,rgba(4,8,17,.9) 21%,rgba(4,8,17,.60) 43%,rgba(4,8,17,.12) 87%);}
 .rhs-story-content{padding-top:170px; padding-bottom:36px;}
 .rhs-story-hero h1{font-size:clamp(34px,7.8vw,48px);max-width:620px;}
 .rhs-story-description{font-size:16px;max-width:530px;}
 .rhs-story-eyebrow{font-size:10px;}
 .rhs-story-actions{gap:10px;}
 .rhs-story-announcement{padding-top:12px;}
}
@media(max-width:425px){
 .rhs-story-hero,.rhs-story-content{min-height:620px;}
 .rhs-story-picture img{object-position:33% center;}
 .rhs-story-hero h1{font-size:37px;}
 .rhs-story-content{padding-bottom:27px;}
 .rhs-story-description{font-size:15px;}
 .rhs-story-actions .btn{padding:11px 13px;}
}

/* Reliable background rendering: keep photo visible in all browsers and previews. */
.rhs-story-hero{background:#0b0d15 url("rhs-night-workshop-1536.webp") center 6% / cover no-repeat;}
@media(max-width:760px){.rhs-story-hero{background-position:35% center;}}
@media(max-width:425px){.rhs-story-hero{background-position:33% center;}}

/* 2026-11-01: at wide desktop sizes show Nastya’s entire head, not crop the top. */