/* Keep essential photos in the HTML so every preview carries its own images. */
.photo-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero-photo,.archive-hero-photo,.card-visual .visual-photo{background-image:none}
.hero-photo .photo-layer{object-position:center 51%}
.archive-hero{position:relative;isolation:isolate}
.archive-hero-photo{z-index:0}
.archive-hero-copy{position:relative;z-index:1}
.archive-hero-photo .photo-layer{object-position:right center}
.archive-hero-photo:after{z-index:1}
.visual-untold .photo-layer{object-position:center 52%}
.visual-still .photo-layer{object-position:center 50%}
.visual-other .photo-layer{object-position:center 55%}
.update-hero,.share-hero{background-image:none;position:relative;overflow:hidden}
.update-hero>.photo-layer,.share-hero>.photo-layer{object-position:right center}
.identity-strip{grid-template-columns:max-content minmax(0,1fr);column-gap:60px}
.identity-ornament{white-space:nowrap}
.reason-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;margin-bottom:30px}
.reason-opening h2{font-size:clamp(38px,4.2vw,62px);margin-bottom:0}
.reason-journal{position:relative;align-self:stretch;margin:-25px -28px 0 0;min-height:330px;overflow:hidden}
.reason-journal img{object-position:60% center}
.reason-journal:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#eee4d4,transparent 24%),linear-gradient(0deg,#eee4d4,transparent 19%)}
@media(max-width:760px){.identity-strip{grid-template-columns:1fr;gap:20px}.reason-opening{grid-template-columns:1fr;gap:22px}.reason-journal{margin:0 -5.6%;min-height:0;height:260px}.reason-journal:after{background:linear-gradient(0deg,#eee4d4,transparent 18%)}.archive-hero-photo .photo-layer{object-position:62% center}.update-hero>.photo-layer,.share-hero>.photo-layer{object-position:65% center}}

/* Review 6: intentional line breaks and brand name grouping. */
.archive-hero-copy>.kicker{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.45em;row-gap:.5em;letter-spacing:.2em;font-size:clamp(9px,1vw,11px)}
.archive-hero-copy>.kicker .brand-name{white-space:nowrap}
.rules-main .rules-intro h1{font-size:clamp(39px,5.2vw,68px);line-height:1.1;text-wrap:balance}
.rules-title-line,.rules-title-support{display:block}
.rules-title-support{font-size:.74em;margin-top:.4em;max-width:850px;line-height:1.2}
.keep-phrase{white-space:nowrap}
@media(max-width:380px){.rules-main .rules-intro h1{font-size:34px}.rules-title-support{font-size:.73em}}

/* Keep the anonymous woman's full head in the share banner on wide screens. */
.share-hero>.photo-layer{object-position:right top}
@media(max-width:700px){.share-hero>.photo-layer{object-position:78% top}}