.story-page{background:#100d23;color:#fff0fa}
.story-page header nav a[aria-current=page]{color:var(--rose)}
.story-back{border:1px solid #e8b6e57a;padding:12px 14px;font-size:8px;font-weight:700;letter-spacing:.12em}
.story-back:hover{background:#ffffff0c;color:var(--rose)}
.story-hero{position:relative;min-height:780px;overflow:hidden;display:flex;align-items:end;isolation:isolate;background:#1c1435}
.story-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-3;filter:saturate(1.08) contrast(1.03)}
.story-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#120d25f2 0%,#17112bc7 34%,#17112b45 68%,#100c1f8c 100%),linear-gradient(0deg,#100d23 0%,transparent 36%)}
.story-hero-copy{width:min(720px,86%);padding:90px max(6%,calc((100vw - 1320px)/2));padding-right:0}
.story-hero-copy .hand-note{display:block;margin-bottom:24px;transform:rotate(-3deg)}
.story-hero h1{font:clamp(78px,9vw,145px)/.92 var(--display);letter-spacing:-.055em;margin:24px 0;color:#fff5fb;text-shadow:0 4px 35px #10061dc4}
.story-hero h1 em{color:#ffc2e1}
.story-hero-copy>p:not(.eyebrow){font:20px/1.65 var(--display);color:#f2dcec;margin:0 0 30px}
.story-hero-caption{position:absolute;right:4%;bottom:42px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.2em;color:#f0dced}
.story-section{padding:105px max(6%,calc((100vw - 1320px)/2))}
.story-section h2{font:clamp(46px,5.8vw,78px)/1.04 var(--display);letter-spacing:-.035em;margin:18px 0}
.story-section h2 em{color:#ffc2e1}
.story-manifesto{display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:start;background:radial-gradient(ellipse at 80% 30%,#71406445,transparent 55%)}
.story-prose{padding-top:30px;color:var(--muted);font-size:15px;line-height:1.95}
.story-prose p:first-child{margin-top:0}
.versus{position:relative;overflow:hidden;background:linear-gradient(135deg,#111d3b 0%,#171127 45%,#39182e 100%)}
.versus::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 28%,#476ca04f,transparent 30%),radial-gradient(circle at 88% 30%,#e16a9942,transparent 28%)}
.versus>*{position:relative}
.versus-heading{text-align:center;max-width:980px;margin:0 auto 62px}
.versus-heading>p:last-child{font:20px var(--display);color:#e3c7dd;letter-spacing:.04em}
.versus-sides{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch;max-width:1180px;margin:0 auto}
.versus-side{position:relative;min-height:430px;padding:46px 42px;display:flex;flex-direction:column;border:1px solid #e7c6e238;overflow:hidden}
.versus-side::after{content:"";position:absolute;inset:0;z-index:-1}
.reigning-side::after{background:linear-gradient(145deg,#233f73d9,#171d3bf0)}
.contender-side::after{background:linear-gradient(145deg,#44203ee8,#8b4263a8)}
.versus-number{position:absolute;right:22px;top:-28px;font:150px/1 var(--display);color:#ffffff0a}
.versus-label{font-size:7px;letter-spacing:.18em;color:#e4bedb}
.versus-side h3{font:clamp(48px,5vw,72px)/.97 var(--display);letter-spacing:-.04em;margin:34px 0 22px}
.versus-side>p:not(.versus-label){max-width:410px;font-size:13px;line-height:1.8;color:#d6c0d6}
.versus-side>a{align-self:flex-start;margin-top:auto;padding-top:35px;font-size:8px;font-weight:700;letter-spacing:.14em;border-bottom:1px solid #eab8da6b}
.versus-mark{z-index:2;align-self:center;justify-self:center;width:90px;height:90px;margin-inline:-5px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3d1e5;color:#26142a;font:29px/1 var(--display);box-shadow:0 0 45px #f49dc86e;transform:rotate(-7deg)}
.versus-mark span:last-child{margin-left:-3px;transform:translateY(12px)}
.matchups-heading{max-width:1180px;margin:90px auto 25px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e0c3dc39;padding-bottom:18px}
.matchups-heading p{margin:0}.matchups-heading>span{font-size:7px;letter-spacing:.2em;color:#c7abc3}
.matchup-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.matchup-card{position:relative;min-height:690px;padding:30px;border:1px solid #e7c6e23a;overflow:hidden}
.libra-matchup{background:linear-gradient(145deg,#293e68,#765271 58%,#b36e8c)}
.scorpio-matchup{background:linear-gradient(145deg,#28142d,#553047 52%,#303b6c)}
.matchup-card::before{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff17;border-radius:50%;right:-100px;top:-130px}
.fire-matchup{background:linear-gradient(145deg,#34182d,#9b405d 55%,#c87575)}.earth-matchup{background:linear-gradient(145deg,#263947,#5b536c 55%,#9b6c73)}.air-matchup{background:linear-gradient(145deg,#243d70,#675184 58%,#b36e9a)}.water-matchup{background:linear-gradient(145deg,#172946,#3f436e 52%,#744666)}
.matchup-sign{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff28;padding-bottom:18px}
.matchup-sign span{font:46px Georgia,serif;color:#f4c8e1;text-shadow:0 0 25px #f191c7}
.matchup-sign small,.matchup-girl small{font-size:7px;letter-spacing:.18em;color:#e8cce0}
.matchup-portraits{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:10px;align-items:start;padding-top:24px}
.matchup-girl{min-width:0}.matchup-girl img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border:1px solid #f3d6e74d;margin-bottom:18px;background:#171127}.matchup-girl h3{font:clamp(25px,2.5vw,38px)/1 var(--display);margin:9px 0;color:#fff3fb}.matchup-girl p{font-size:10px;line-height:1.65;color:#ead6e5;margin:0}
.matchup-vs{justify-self:center;width:34px;height:34px;display:grid;place-items:center;border:1px solid #f8ddec6b;border-radius:50%;font:19px var(--display);color:#f8ddec}
.message-break{min-height:430px;padding:85px 7%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 50%,#cc6d9b39,transparent 32%),linear-gradient(130deg,#182d57,#59375f,#281637);border-block:1px solid #dec3ec42}
.message-break span{font:24px var(--display);letter-spacing:.12em;color:#e7bbda}
.message-break blockquote{font:clamp(40px,6vw,80px)/1.08 var(--display);margin:20px 0;color:#fff0fa;text-shadow:0 0 30px #ef90d75c}
.message-break small{font-size:7px;letter-spacing:.2em;color:#d8bed8}
.circle{background:#151127}
.circle-heading{max-width:760px;margin-bottom:55px}
.circle-heading>p:last-child{color:var(--muted);line-height:1.8;max-width:650px}
.circle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8b9e02b;border:1px solid #d8b9e02b}
.circle-grid article{min-height:265px;padding:30px 24px;background:#1a1530;transition:.25s}
.circle-grid article:hover{background:#261a3d;transform:translateY(-3px)}
.circle-grid article>span{font:48px Georgia,serif;color:#e7aad7;text-shadow:0 0 20px #ec8cda70}
.circle-grid small{display:block;margin-top:24px;color:#cfaed0;font-size:7px;letter-spacing:.14em}
.circle-grid h3,.next-grid h3{font:31px/1.1 var(--display);margin:11px 0;color:#fff0fa}
.circle-grid p,.next-grid article>p:last-child{font-size:11px;line-height:1.65;color:#c9b5d0}
.chapter{background:var(--paper);color:var(--plum);position:relative}
.chapter-heading{height:auto;padding:0 0 45px;background:none;border-bottom:1px solid #d5bfd9;display:flex;justify-content:space-between;align-items:start}
.chapter-heading .eyebrow{color:#805388}
.chapter-heading h2{color:#563263;margin-bottom:0}
.chapter-heading h2 em{color:#9b5d8a}
.chapter-heading>span{font:120px/1 var(--display);color:#e2cde2}
.chapter-body{width:min(720px,100%);margin:70px auto 0;font:18px/1.95 var(--body);color:#4d3656}
.chapter-body>p:first-child:first-letter{float:left;font:96px/.76 var(--display);color:#9a5f92;padding:13px 12px 0 0}
.chapter-body blockquote{font:clamp(26px,4vw,42px)/1.35 var(--display);color:#724d77;border-block:1px solid #d7bfdc;padding:28px 0;margin:42px 0;text-align:center;letter-spacing:.04em}
.chapter-end{text-align:center;margin:70px auto 0;color:#886a8e;font-size:8px;letter-spacing:.2em}
.next-chapters{background:radial-gradient(ellipse at 20% 20%,#71406455,transparent 45%),#171127}
.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.next-grid article{position:relative;min-height:330px;padding:45px;background:linear-gradient(145deg,#22173b,#303d6c,#7b476e);border:1px solid #e2c6e22d;overflow:hidden}
.next-grid article:last-child{background:linear-gradient(145deg,#402139,#8e5269,#343c6e)}
.next-grid article>span{position:absolute;right:20px;top:-22px;font:150px var(--display);color:#ffffff0d}
.next-grid .eyebrow{color:#f1c9e4}
.next-grid h3{font-size:42px;max-width:520px;margin-top:25px}
.next-grid article>p:last-child{max-width:460px;font-size:13px}
.story-return{text-align:center;background:radial-gradient(circle at 50% 20%,#92558455,transparent 40%)}
.story-return .hand-note{display:block;transform:rotate(-2deg)}
.story-return h2{max-width:900px;margin:25px auto 40px}
.story-page footer{background:#0c0918}
@media(max-width:1000px){.circle-grid{grid-template-columns:repeat(3,1fr)}.story-manifesto{gap:5%}.story-hero{min-height:700px}.story-hero-copy{padding-left:7%}.versus-sides{grid-template-columns:1fr 64px 1fr}.versus-side{padding:38px 30px}.matchup-card{padding:28px}}
@media(max-width:760px){.story-back{margin-left:auto}.story-page .menu-toggle{display:none}.story-hero{min-height:760px;align-items:end}.story-hero>img{object-position:58% center}.story-hero-shade{background:linear-gradient(0deg,#100d23 0%,#100d23e0 34%,#100d2345 72%,#100d2388 100%)}.story-hero-copy{padding:330px 7% 70px;width:100%}.story-hero h1{font-size:clamp(64px,19vw,92px)}.story-hero-caption{right:3%;top:25px;bottom:auto}.story-section{padding:75px 7%}.story-manifesto{grid-template-columns:1fr}.story-prose{padding-top:0}.versus-heading{margin-bottom:45px}.versus-sides{grid-template-columns:1fr}.versus-side{min-height:360px}.versus-mark{margin:-18px auto;transform:rotate(-7deg);width:78px;height:78px}.matchups-heading{margin-top:70px;align-items:start;gap:18px;flex-direction:column}.matchup-grid{grid-template-columns:1fr}.circle-grid{grid-template-columns:repeat(2,1fr)}.chapter-heading>span{font-size:75px}.chapter-body{font-size:16px;margin-top:50px}.next-grid{grid-template-columns:1fr}.next-grid article{min-height:280px}.next-grid h3{font-size:35px}}
@media(max-width:480px){.story-back{font-size:6px;padding:9px}.versus-side{padding:32px 25px}.matchup-card{min-height:0;padding:20px 14px}.matchup-sign{justify-content:center;gap:15px}.matchup-portraits{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px}.matchup-vs{width:25px;height:25px;font-size:13px;margin-top:72px}.matchup-girl h3{font-size:23px}.matchup-girl p{font-size:8px}.matchup-girl small{font-size:5px}.circle-grid{grid-template-columns:1fr}.circle-grid article{min-height:220px}.chapter-heading>span{display:none}.message-break{min-height:360px}.next-grid article{padding:35px 28px}.story-hero-copy>p:not(.eyebrow){font-size:17px}}