/* L'overflow:clip garde la navigation annuelle sticky (overflow:hidden l'empêcherait). */
.roxane-body main.rx-story-main{overflow:clip}
/* Roxane / Aventure historique — story design indépendant, sans médias privés. */
.roxane-body .rx-story-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 45%,#712caa52,transparent 49%),linear-gradient(135deg,#091423 5%,#18213a 60%,#28173e);color:#f6f2fd;padding:clamp(60px,7vw,106px) 0 clamp(66px,9vw,130px)}
.rx-story-hero::after{content:"";position:absolute;left:-18%;bottom:-80%;height:700px;width:700px;border:1px solid #896cbb2e;border-radius:50%;pointer-events:none}
.rx-story-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);align-items:center;gap:clamp(24px,5vw,80px)}
.rx-story-kicker{display:inline-flex;color:#b4e8e1;background:#1b3147;border:1px solid #4c7b8a73;padding:9px 15px;font:800 11px/1.4 var(--mono);letter-spacing:.11em;margin:0 0 23px}
.rx-story-hero h1{font:950 clamp(54px,7.5vw,118px)/.87 var(--display);letter-spacing:-.09em;margin:0 0 31px;text-transform:uppercase}
.rx-story-hero h1 em{display:block;color:#dcbaf3;font:850 clamp(29px,3.65vw,57px)/1.13 var(--display);letter-spacing:-.06em;text-transform:none;margin-top:20px}
.rx-story-hero .rx-story-lede{color:#f1edf5;font-size:clamp(17px,1.8vw,21px);line-height:1.75;max-width:670px;margin:0 0 16px}
.rx-story-hero .rx-story-lede--soft{color:#bdc7d6;font-size:16px}
.rx-story-provenance{font:650 12px/1.7 var(--mono);color:#aab8ca;max-width:640px;margin:27px 0 0}
.rx-story-art{position:relative;aspect-ratio:1;isolation:isolate;min-height:300px;display:grid;place-items:center}
.rx-story-orbit{position:absolute;border-radius:50%;border:1px solid #d3a9f072;transform:rotate(-18deg) scaleX(.81);pointer-events:none}
.rx-story-orbit--one{inset:4%}.rx-story-orbit--two{inset:14%;border-color:#a0e3dc6b;transform:rotate(34deg) scaleX(.86)}.rx-story-orbit--three{inset:25%;border-color:#e3c7f5a6;transform:rotate(-42deg) scaleX(.87)}
.rx-story-art-center{position:relative;z-index:1;width:46%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 25%,#dbbeef,#7d45b6 37%,#211638 79%);box-shadow:0 0 82px #b67ce957,0 0 0 16px #b698db12}
.rx-story-art-center span{font:950 clamp(84px,11vw,156px)/1 var(--display);color:#18102895}
.rx-story-art-center small{font:800 10px var(--mono);color:#f6dafa;letter-spacing:.16em}
.rx-story-star{position:absolute;color:#e6bbf0;font-size:28px}.rx-story-star--a{top:15%;right:23%}.rx-story-star--b{left:6%;bottom:24%;color:#abf3e6}
.rx-story-art-legend{position:absolute;bottom:-10px;left:10%;right:10%;display:flex;justify-content:center;align-items:center;gap:15px;font:850 12px var(--mono);color:#d6d3e9}.rx-story-art-legend i{height:1px;width:34px;background:#9d77c4}
.rx-story-intro{background:#f6f3ed;color:#152239;padding:clamp(56px,8vw,100px) 0}
.rx-story-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,105px)}
.rx-story-intro h2{font:900 clamp(37px,4.8vw,66px)/1.02 var(--display);letter-spacing:-.06em;margin:0}.rx-story-intro h2 em{font-style:normal;color:#7d42ae}
.rx-story-intro-grid>div:last-child p{font-size:17px;line-height:1.85;margin:0 0 18px;color:#344055}
.rx-story-archive{background:#0d1829;color:#f4edf8;padding:clamp(64px,8vw,100px) 0 115px}
.rx-story-layout{display:grid;grid-template-columns:minmax(210px,.28fr) minmax(0,.72fr);gap:clamp(24px,5vw,80px)}
.rx-story-rail-inner{position:sticky;top:185px;padding:24px 20px 25px;border:1px solid #536781;background:#14243a}
.rx-story-rail-overline{color:#aad8d4;font:800 11px var(--mono);letter-spacing:.12em}
.rx-story-rail p{font:850 clamp(22px,2.4vw,30px)/1.14 var(--display);letter-spacing:-.035em;margin:18px 0 30px}
.rx-story-rail nav{display:flex;flex-direction:column;gap:7px}
.rx-story-rail nav a{display:flex;align-items:center;gap:12px;padding:12px 7px;border-bottom:1px solid #67718c61;color:#e7deed;font:750 13px var(--ui);text-decoration:none}
.rx-story-rail nav a span{color:#acd9d5;font:800 11px var(--mono)}
.rx-story-rail nav a:hover,.rx-story-rail nav a:focus-visible{background:#33465f;color:#fff}
.rx-story-rail-bottom{display:flex;flex-direction:column;gap:7px;margin-top:36px;color:#9dabc1;font:800 10px var(--mono);letter-spacing:.08em}
.rx-story-archive-content{min-width:0}
.rx-history-year{scroll-margin-top:160px;padding-bottom:clamp(60px,8vw,110px);border-bottom:1px solid #67759068;margin-bottom:clamp(55px,7vw,95px)}
.rx-history-year:last-child{border:0;margin:0;padding-bottom:0}
.rx-year-heading{display:grid;grid-template-columns:minmax(90px,.32fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:42px}
.rx-year-mark{font:950 clamp(48px,6.5vw,95px)/.87 var(--display);letter-spacing:-.075em;color:#c9a2e8}
.rx-year-kicker{font:800 11px/1.5 var(--mono);letter-spacing:.12em;color:#acd7d4;margin:0 0 10px}
.rx-year-heading h2{font:900 clamp(32px,4vw,54px)/1.03 var(--display);letter-spacing:-.045em;color:#fff;margin:0 0 17px}
.rx-year-heading p:last-child{font-size:16px;line-height:1.8;color:#c6ccdc;max-width:620px;margin:0}
.rx-history-list{position:relative;padding-left:40px;display:flex;flex-direction:column;gap:26px}
.rx-history-list::before{position:absolute;content:"";left:14px;top:24px;bottom:24px;width:2px;background:linear-gradient(#c5a2e8,#77bdb9,#7860a5);opacity:.74}
.rx-history-entry{position:relative;scroll-margin-top:175px}
.rx-history-node{position:absolute;left:-43px;top:25px;border:2px solid #caa6e8;outline:5px solid #0d1829;background:#3f285f;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;z-index:1}
.rx-history-node span{font:800 11px var(--mono);color:#fff}
.rx-history-card{padding:clamp(22px,3vw,42px);background:#17283c;border:1px solid #50657c;border-radius:6px;box-shadow:0 15px 45px #03071328;position:relative;overflow:hidden}
.rx-history-card::before{position:absolute;top:0;right:0;width:100px;height:3px;content:"";background:#a2e2dc}
.rx-history-entry[data-history-state="decision"] .rx-history-card::before{background:#d5a2ef}
.rx-history-entry[data-history-state="prototype"] .rx-history-card::before{background:#f4c693}
.rx-history-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.rx-history-meta time{font:850 11px var(--mono);letter-spacing:.09em;color:#aadbd4}
.rx-history-status{font:800 10px/1.4 var(--mono);letter-spacing:.055em;padding:7px 10px;border:1px solid #738fa3;color:#d8dae4}
.rx-history-eyebrow{font:800 10px/1.4 var(--mono);letter-spacing:.16em;color:#bd8fdc;text-transform:uppercase;margin:0 0 12px}
.rx-history-card h3{font:900 clamp(29px,3.6vw,46px)/1.07 var(--display);letter-spacing:-.055em;color:#faf4ff;margin:0 0 24px}
.rx-history-prose p{font-size:16px;line-height:1.86;color:#d4deeb;margin:0 0 17px}
.rx-history-lesson{background:#233a51;border-left:3px solid #ba91dc;padding:19px 22px;margin:26px 0}
.rx-history-lesson span{display:block;font:850 10px var(--mono);letter-spacing:.085em;color:#b5e6df;margin-bottom:8px}
.rx-history-lesson p{font-size:15px;line-height:1.7;color:#f1ebf7;margin:0}
.rx-history-reading{display:inline-flex;gap:7px;border-bottom:1px solid #bb88e3;color:#e3c0ff;text-decoration:none;font:800 12px/1.8 var(--ui)}
.rx-history-reading:hover,.rx-history-reading:focus-visible{color:#fff;border-color:#fff}
.rx-story-epilogue{background:linear-gradient(125deg,#181d30,#2b1942);color:#f7f2f9;padding:clamp(72px,8vw,120px) 0 68px}
.rx-story-epilogue-grid{display:grid;grid-template-columns:1fr .8fr;align-items:start;gap:clamp(30px,7vw,95px)}
.rx-story-epilogue h2{font:950 clamp(46px,6vw,84px)/.98 var(--display);letter-spacing:-.06em;margin:0 0 25px}
.rx-story-epilogue p{font-size:17px;line-height:1.8;color:#d8d4e3;max-width:660px}
.rx-story-future{padding:30px;border:1px solid #a36ed061;background:#131b31}
.rx-story-future>span{font:850 11px var(--mono);letter-spacing:.14em;color:#b2e5df}
.rx-story-future h3{font:900 clamp(31px,3.8vw,48px)/1.14 var(--display);letter-spacing:-.045em;margin:26px 0 18px;color:#ddb4f3}
.rx-story-future p{font-size:15px;color:#c9d3df}
.rx-story-future a{display:inline-block;margin-top:12px;color:#d3f0ed;font:800 12px var(--ui);border-bottom:1px solid #b3e2df}
.rx-story-outro{border-top:1px solid #9580a54d;padding-top:24px;margin-top:80px!important;font-size:12px!important;line-height:1.8!important;color:#c8bcdb!important}
.rx-story-archive-promo{background:linear-gradient(115deg,#25173a,#111d34);padding:45px 0;border-top:1px solid #534269;border-bottom:1px solid #716082}
.rx-story-archive-promo-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px}
.rx-story-archive-promo h2{font:850 clamp(28px,3.5vw,45px)/1.1 var(--display);letter-spacing:-.045em;margin:0 0 13px}
.rx-story-archive-promo p:not(.rx-eyebrow){font-size:16px;line-height:1.75;color:#d4cfdf;max-width:750px;margin:0}
.rx-story-archive-promo .rx-button{white-space:nowrap}
@media(max-width:1060px){.rx-story-layout{grid-template-columns:205px minmax(0,1fr);gap:27px}.rx-year-heading{grid-template-columns:1fr;gap:15px}.rx-year-mark{font-size:75px}}
@media(max-width:840px){.rx-story-hero-grid,.rx-story-intro-grid,.rx-story-epilogue-grid{grid-template-columns:1fr}.rx-story-art{width:min(390px,80%);min-height:240px;justify-self:center}.rx-story-layout{display:block}.rx-story-rail{margin-bottom:45px}.rx-story-rail-inner{position:static;padding:20px}.rx-story-rail p{margin:10px 0 15px}.rx-story-rail nav{flex-direction:row;flex-wrap:wrap;gap:8px}.rx-story-rail nav a{border:1px solid #6b718d;padding:9px 12px}.rx-story-rail-bottom{flex-direction:row;margin-top:20px;gap:18px}.rx-story-archive-promo-inner{grid-template-columns:1fr}.rx-story-archive-promo .rx-button{justify-self:start}}
@media(max-width:560px){.rx-story-hero{padding:48px 0 66px!important}.rx-story-hero h1{font-size:clamp(51px,14vw,80px)}.rx-story-hero h1 em{font-size:clamp(27px,7.5vw,38px)}.rx-story-art{width:min(320px,87%)}.rx-year-mark{font-size:65px}.rx-history-list{padding-left:28px}.rx-history-list::before{left:7px}.rx-history-node{left:-36px;width:30px;height:30px}.rx-history-card{padding:24px 20px}.rx-history-meta{align-items:flex-start;flex-direction:column;gap:12px}.rx-history-card h3{font-size:clamp(28px,8vw,37px)}.rx-story-archive{padding-bottom:70px}.rx-story-outro{margin-top:56px!important}}
@media(prefers-reduced-motion:reduce){.rx-story-hero *, .rx-story-archive *{scroll-behavior:auto!important}}