.stories-page{background:#0d0a1d;color:#fff0fa}
.stories-page header nav a[aria-current=page]{color:var(--rose)}
.stories-hero{position:relative;min-height:720px;display:flex;align-items:end;overflow:hidden;isolation:isolate;border-bottom:1px solid #ec91d269}
.stories-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:saturate(1.08)}
.stories-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0d091fe8 0%,#160d2eb3 40%,transparent 72%),linear-gradient(0deg,#0d0a1dc4 0%,transparent 44%)}
.stories-hero-copy{width:min(720px,88%);padding:90px max(6%,calc((100vw - 1320px)/2))}
.stories-hero h1{font:clamp(78px,9vw,138px)/.9 var(--display);letter-spacing:-.055em;margin:20px 0 28px}.stories-hero h1 em{color:#f5a9df}.stories-hero-copy>p:not(.eyebrow){max-width:590px;color:#f0ddec;font-size:16px;line-height:1.75;margin-bottom:30px}
.story-worlds{padding:95px max(4%,calc((100vw - 1420px)/2));background-image:linear-gradient(180deg,#0d0a1dd4,#0d0a1df2),url('/assets/homepage-starframe/signs-zodiac-orbit.webp');background-size:cover;background-position:center}
.story-worlds-heading{text-align:center;max-width:820px;margin:0 auto 45px}.story-worlds-heading h2,.stories-next h2{font:clamp(58px,7vw,96px)/.95 var(--display);letter-spacing:-.045em;margin:16px 0}.story-worlds-heading h2 em,.stories-next h2 em{color:#f3a8de}.story-worlds-heading>p:last-child{color:#d9c4dc}
.story-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-world{position:relative;min-height:650px;display:flex;align-items:end;overflow:hidden;border:1px solid #ef9bd863;background:#171029;isolation:isolate}.story-world:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0b0718f7 8%,#10091edd 48%,transparent 78%)}.story-world>img,.character-pair{position:absolute;z-index:-2;inset:0;width:100%;height:100%}.story-world>img{object-fit:cover;object-position:center 25%}.story-world>div:last-child{width:100%;padding:48px 42px}.story-world h3{font:clamp(55px,5.5vw,82px)/.92 var(--display);letter-spacing:-.04em;margin:14px 0 22px}.story-world>div:last-child>p:not(.eyebrow){max-width:560px;color:#e5d4e5;line-height:1.75}.character-pair{display:grid;grid-template-columns:1fr 1fr}.character-pair img{width:100%;height:100%;object-fit:cover;object-position:center top}.character-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button.secondary{background:#151027d9;color:#ffeaf8;border-color:#f1a8d8}
.stories-next{text-align:center;padding:105px 7%;background-image:linear-gradient(90deg,#0d081de0,#291335c7,#0d081de0),url('/assets/homepage-cro/hero-woman-zodiac-wheel-moon.webp');background-size:cover;background-position:center 65%;border-block:1px solid #e88bd46b}.stories-next p:not(.eyebrow){max-width:680px;margin:0 auto 30px;color:#ead7e7;line-height:1.8}
@media(max-width:1000px){.story-world{min-height:580px}.story-world>div:last-child{padding:38px 30px}.stories-page header{gap:20px}.stories-page header nav{gap:15px;font-size:10px}}
@media(max-width:760px){.stories-hero{min-height:730px}.stories-hero>img{object-position:58% center}.stories-hero:after{background:linear-gradient(0deg,#0d0a1df4 0%,#0d0a1dc9 48%,transparent 82%)}.stories-hero-copy{padding:340px 7% 65px}.stories-hero h1{font-size:70px}.story-worlds{padding:70px 5%}.story-world-grid{grid-template-columns:1fr}.story-world{min-height:590px}.story-worlds-heading h2,.stories-next h2{font-size:56px}.character-pair img{object-position:center}.stories-next{padding:80px 7%}}
@media(max-width:460px){.story-world{min-height:540px}.story-world>div:last-child{padding:32px 22px}.story-world h3{font-size:54px}.character-actions{display:grid}.character-actions .button{justify-content:space-between}.stories-hero h1{font-size:61px}}