:root{--ink:#16272d;--blue:#416b80;--paper:#f1f3ef;--line:#b7c7ca;--mint:#a1c5b4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df974a;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}h2{font-size:clamp(42px,5.5vw,86px)}em{color:var(--blue);font-weight:400}p+p{margin-top:20px}.eyebrow{font:10px/1.65 Arial,sans-serif;letter-spacing:.17em;font-weight:700}.wrap{padding:110px max(6vw,24px)}.skip{position:absolute;top:-100px;z-index:99;background:white;padding:15px}.skip:focus{top:0}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;z-index:3}.brand{text-decoration:none;line-height:1.05;font-size:15px;letter-spacing:.08em;font-weight:700}.brand span{display:block;font-size:8px;margin-top:12px;letter-spacing:.12em}nav{display:flex;gap:30px;font-size:12px;align-items:center}nav a{text-decoration:none}.nav-buy{border:1px solid #5a7077;padding:9px 17px}.hero{position:relative;min-height:850px;height:100svh;overflow:hidden}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-image{object-position:70% center}.hero-shade{background:linear-gradient(90deg,rgba(242,246,244,.96),rgba(238,243,241,.81) 28%,rgba(238,243,241,.12) 63%,transparent)}.hero-copy{position:relative;padding:190px 5vw 110px;max-width:1000px}.hero h1{font-size:clamp(58px,7.5vw,118px);margin:32px 0}.hero-line{font-size:22px;line-height:1.4}.hero-line strong{font-weight:400}.button{display:inline-flex;gap:35px;align-items:center;padding:16px 24px;background:var(--ink);color:white;text-decoration:none;font-size:13px;margin-top:28px}.hero-foot{position:absolute;bottom:0;left:0;width:100%;padding:20px 5vw;display:flex;justify-content:space-between;color:white;background:rgba(15,32,38,.84);font:9px/1.6 Arial;letter-spacing:.17em}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:35px}.prose{max-width:540px}.large{font-size:24px;line-height:1.5}.pull{border-left:2px solid var(--blue);padding-left:25px;font-size:23px}.journey{height:320vh;background:#0e2029;color:#e7eef0;--p:0}.journey-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;padding:30px 5vw;display:flex;flex-direction:column}.journey-top{display:flex;justify-content:space-between;gap:20px}.journey-top button{border:1px solid #8da0a9;color:#c8d7dd;background:none;padding:4px 10px;font-size:10px}.journey-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;flex:1}.cutaway{position:relative;aspect-ratio:1;perspective:900px;max-height:70vh;width:100%}.orb{position:absolute;inset:10%;border-radius:50%;transition:opacity .7s,transform 1s}.shell{background:radial-gradient(ellipse at 25% 20%,#7c8788,#424c50 33%,#182c37 68%,#071017);box-shadow:inset -22px -20px 40px #070f16,inset 1px 1px 10px #bdc7bc,0 0 90px #44697933;border-radius:47% 54% 49% 43%;transform:rotate(-20deg);z-index:4}.habitat{inset:20%;border:38px solid #799d86;box-shadow:0 0 0 1px #bad5c0,inset 0 0 30px #69a28e,0 0 25px #416864;transform:rotateX(55deg) rotate(-30deg);background:repeating-conic-gradient(#688b77 0 2deg,#223e36 3deg 7deg);background-clip:padding-box;z-index:2}.axis{position:absolute;left:46%;top:8%;width:8%;height:84%;background:repeating-linear-gradient(#96acb4 0 5%,#2a4b5a 6% 9%,#718894 10% 11%);transform:rotate(-35deg);border:1px solid #b3cad2;box-shadow:0 0 25px #9bcfe840;z-index:3}.network{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle,#c9e5e9 1px,transparent 2px) 0 0/14px 14px;box-shadow:0 0 100px #85bfcd60;transform:rotate(-15deg);opacity:.1;transition:opacity 1s,transform 1s;z-index:5}.diagram-label{position:absolute;bottom:0;left:0;font:11px/1.7 monospace;letter-spacing:.18em;color:#adc4cb}.diagram-label small{font-size:8px}.trace{position:absolute;left:0;top:45%;width:100%;height:1px;background:#b0d1df2b;transform:rotate(-30deg);z-index:6}.trace-b{transform:rotate(60deg)}.stages{position:relative;min-height:380px}.stage{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(25px);transition:opacity .6s,transform .6s}.stage.active{opacity:1;visibility:visible;transform:translateY(0)}.stage h2{font-size:clamp(40px,4.5vw,70px);margin:20px 0 28px}.stage em{color:#a4c2cd}.stage p{font-size:16px;max-width:480px;color:#c3d0d6}.number{font-size:11px;color:#a8c4d1;letter-spacing:.2em}.journey[data-step="1"] .shell{opacity:.08;transform:translateX(-20%) rotate(-40deg) scale(1.1)}.journey[data-step="2"] .shell{opacity:0;transform:scale(1.3)}.journey[data-step="2"] .habitat{opacity:.24;transform:rotateX(55deg) rotate(-60deg) scale(1.3)}.journey[data-step="2"] .network{opacity:1;transform:scale(1.7)}.journey[data-step="2"] .axis{opacity:.3}.journey-bottom{display:flex;align-items:center;gap:25px;font:10px monospace;letter-spacing:.1em}.track{height:1px;flex:1;background:#48606a}.track i{display:block;background:#c8e7ed;height:2px;width:calc(5% + var(--p)*95%)}.dilemma{background:#e3e9e6}.dilemma h2{margin:30px 0}.dilemma-lead{font-size:21px}.choices{display:flex;gap:0;border-bottom:1px solid #98aaa9;margin-top:45px}.choices button{background:none;border:0;border-bottom:3px solid transparent;padding:18px 30px 18px 0;flex:1;text-align:left;font-size:13px;color:var(--ink)}.choices button[aria-pressed=true]{border-color:var(--blue);font-weight:bold}.choice-copy{max-width:750px;padding:30px 0;min-height:185px}.choice-copy h3{font:30px Georgia;margin-bottom:15px}.small{font-size:11px;color:#546c70}.clara{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 6vw;background:linear-gradient(120deg,#c8d5d8,#eef3f2 55%,#c5d5dd)}.clara h2{margin-top:35px}.clara-copy blockquote{margin:0 0 30px;font:30px/1.35 Georgia}.clara cite,.author cite{display:block;font:10px/1.6 Arial;margin-top:15px;letter-spacing:.08em}details{border-top:1px solid #9aadb4;border-bottom:1px solid #9aadb4;margin-top:35px;padding:18px 0}summary{cursor:pointer;list-style:none;font-size:13px}summary span{float:right}details p{margin-top:20px;font-family:Georgia;font-size:18px}.threat{padding:110px 6vw;background:radial-gradient(ellipse at 100% 90%,#324e65,#10232f 55%,#09141a);color:#ecf2ee;position:relative;overflow:hidden}.threat:after{content:'';position:absolute;right:-28vw;top:0;width:70vw;height:70vw;border:1px solid #708b9755;border-radius:50%;box-shadow:0 0 0 45px #6a879208,0 0 0 110px #6a879208;pointer-events:none}.threat h2{margin:35px 0}.threat em{color:#accad5}.threat p:last-child{max-width:650px;color:#bacdd4}.book{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:12vw}.book-art{padding:20px 50px;background:radial-gradient(ellipse,#cbd5d0,transparent 70%)}.book-art img{width:100%;max-height:580px;object-fit:contain;filter:drop-shadow(15px 22px 14px #233b3c40);transform:rotate(-4deg)}.book h2{margin:25px 0}.author{border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:60px;padding-top:65px;padding-bottom:65px}.author img{width:100%;height:290px;object-fit:contain;object-position:top}.author blockquote{font:28px/1.3 Georgia;margin:20px 0}.author p{max-width:680px;font-size:15px}.author a{font-size:13px;display:inline-block;margin-top:20px}footer{padding:30px 6vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em}body.motion-off .journey{height:auto}body.motion-off .journey-sticky{position:relative;height:auto;overflow:visible}body.motion-off .stage{position:relative;visibility:visible;opacity:1;transform:none;margin:35px 0}body.motion-off .stages{min-height:0}body.motion-off .journey-grid{align-items:start}body.motion-off .cutaway{position:sticky;top:80px}body.motion-off .journey-bottom{display:none}@media(max-width:700px){header{padding:22px 6vw}.brand{font-size:12px}nav{gap:12px}nav a:not(.nav-buy){display:none}.nav-buy{padding:7px 10px;font-size:10px}.hero{height:95svh;min-height:720px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#eef3eee8,#eef3ee9a 60%,#eef3ee15)}.hero-copy{padding:160px 6vw 110px}.hero .eyebrow{max-width:260px}.hero h1{font-size:clamp(54px,12vw,82px);margin:30px 0}.hero-line{font-size:21px}.hero-foot span:last-child{display:none}.wrap{padding:75px 6vw}.intro-grid,.book,.clara{grid-template-columns:1fr;gap:35px}.intro-grid{margin-top:28px}.large{font-size:22px}.journey{height:340vh}.journey-sticky{padding:20px 6vw;min-height:680px}.journey-top .eyebrow{font-size:8px;max-width:180px}.journey-grid{grid-template-columns:1fr;gap:8px;align-content:center;flex:1}.cutaway{width:240px;height:220px;justify-self:center}.stages{min-height:310px}.stage h2{font-size:39px;margin:12px 0 18px}.stage p{font-size:14px}.number{font-size:9px}.diagram-label{font-size:8px}.diagram-label small{font-size:6px}.habitat{border-width:22px}.choices button{padding:14px 10px 14px 0;font-size:12px}.choice-copy{min-height:250px}.clara{padding:75px 6vw}.clara-copy blockquote{font-size:27px}.threat{padding:75px 6vw}.threat h2{font-size:clamp(41px,9vw,60px)}.book-art{padding:0 45px}.book-art img{max-height:400px}.author{grid-template-columns:100px 1fr;gap:22px}.author img{height:155px}.author blockquote{font-size:22px}.author p{font-size:14px}footer{gap:20px}body.motion-off .journey-grid{display:block}body.motion-off .cutaway{position:relative;top:0;margin:auto}body.motion-off .stage{border-top:1px solid #47606a;padding-top:25px}body.motion-off .journey-sticky{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
nav{background:#eef3eff2;padding:8px 12px;border:1px solid #d5e0dd}
/* V3 — Une architecture continue, sans schémas abstraits. */
:root{--ink:#203b49;--blue:#4c7488;--paper:#e8eef0;--line:#b7cdd4}body{background:#e4ecef url('assets/glass.webp') center top/cover fixed}main{overflow:clip}header{padding:27px 5vw;background:linear-gradient(#edf4f4b0,transparent)}nav{background:#eef5f2cc;backdrop-filter:blur(18px);border:1px solid #ffffffb3;border-radius:2px;padding:10px 14px}.hero{min-height:850px;height:100svh}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,#f0f6f260,#eaf2f130 45%,transparent)}.hero-copy{padding:190px 6vw 160px;max-width:900px}.hero h1{font-size:clamp(70px,8vw,124px);margin:27px 0 25px;letter-spacing:-.055em}.hero-line{font-size:21px}.hero-book{position:absolute;right:6vw;bottom:130px;width:335px;padding:26px 30px;border:1px solid #f7ffffc9;background:linear-gradient(125deg,#f4fbf0bc,#d9e5e961);backdrop-filter:blur(15px);box-shadow:0 10px 60px #21445619;border-radius:0 42px 0 0}.hero-book h2{font-size:35px;margin:17px 0}.hero-book a{font-size:12px;text-underline-offset:5px}.hero-foot{background:#eaf3f4b3;border-top:1px solid #ffffffb0;color:var(--ink);backdrop-filter:blur(15px);padding:22px 6vw}.text-link{display:inline-block;margin-top:25px;text-decoration:none;border-bottom:1px solid #6d919f;padding-bottom:7px;font-size:13px}.text-link span{margin-left:24px}.intro{background:linear-gradient(105deg,#eef5f3ed,#e5edf1bd);border-top:1px solid #ffffffb0;border-bottom:1px solid #ffffff90}.intro-grid{gap:9vw}.intro h2{font-size:clamp(44px,5.3vw,80px)}.voyage{--p:0;height:360vh;background:#bed0d9}.voyage-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}.rooms,.room,.room>img{position:absolute;inset:0;width:100%;height:100%}.room{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.room.active{opacity:1;visibility:visible}.room>img{object-fit:cover;object-position:68% center;transform:scale(1.025);transition:transform 1.2s}.room.active>img{transform:scale(1)}.room:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eef5f330,transparent 65%);pointer-events:none}.room-copy{position:absolute;z-index:2;left:6vw;bottom:125px;width:min(440px,40vw);padding:30px 34px 32px;background:linear-gradient(120deg,#f2f7f2ed,#e6f1f0c4);border:1px solid #ffffffdb;box-shadow:0 15px 60px #253f4d17;border-radius:0 46px 0 0;backdrop-filter:blur(14px)}.room-copy h2{font-size:clamp(40px,4vw,62px);margin:20px 0}.room-copy p:last-child{font-size:16px;line-height:1.65}.voyage-top{position:absolute;z-index:5;left:5vw;right:5vw;top:27px;display:flex;align-items:center;justify-content:space-between;gap:25px}.voyage-top>.eyebrow{background:#eef6f0d9;padding:9px 14px;backdrop-filter:blur(12px)}#motion{font-size:10px;padding:9px 12px;background:#edf5f1d9;border:1px solid #ffffffcc;color:var(--ink)}.voyage-nav{position:absolute;bottom:24px;left:6vw;right:6vw;z-index:5;background:#eff6f3db;backdrop-filter:blur(18px);display:flex;align-items:center;gap:0;border:1px solid #ffffffb0}.voyage-nav button{border:0;background:none;padding:17px 24px;color:#375564;flex:1;text-align:left;font-size:12px}.voyage-nav button span{margin-right:18px;color:#648895}.voyage-nav button[aria-pressed=true]{background:#264654;color:#fff}.voyage-nav button[aria-pressed=true] span{color:#c4dae1}.voyage-progress{height:2px;position:absolute;bottom:0;left:0;width:calc(var(--p)*100%);background:#c58f5d}.dilemma{background:linear-gradient(110deg,#e8f0eee8,#d4e1e4ad);border-top:1px solid white;position:relative}.dilemma:after{content:'';position:absolute;right:-90px;top:70px;width:40vw;height:40vw;border:1px solid #ffffff8c;border-radius:50%;box-shadow:0 0 0 35px #ffffff15,0 0 0 90px #ffffff10;pointer-events:none}.choices,.choice-copy{position:relative;z-index:1}.clara{background:linear-gradient(90deg,#e8f2f0e8,#e8f2f0ab),url('assets/cryo.webp') center/cover;gap:8vw;border-top:1px solid white;border-bottom:1px solid #fff9}.clara-copy{background:#f5f8f36e;border-left:1px solid #fff;padding:30px}.threat{background:linear-gradient(95deg,#102b38f5,#183b4abe),url('assets/axis.webp') center/cover}.threat:after{border-color:#c1dbe839;box-shadow:0 0 0 45px #c3e2ed09,0 0 0 110px #c3e2ed09}.series{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px 6vw;background:linear-gradient(110deg,#eaf3f2c9,#dae6e9df),url('assets/glass.webp') center/cover;border-top:1px solid white;border-bottom:1px solid white}.series-head h2{font-size:clamp(58px,6vw,94px);margin:28px 0}.series-head>p:last-child{font-size:21px}.series-books article{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:35px 0;border-top:1px solid #9eb9c4}.volume{font:62px/1 Georgia;color:#7697a5}.series-books h3{font:38px/1.15 Georgia;margin:15px 0;letter-spacing:-.035em}.series-books p:not(.eyebrow){font-size:15px;max-width:420px}.series-books a{display:inline-block;font-size:13px;margin-top:20px;text-underline-offset:5px}.soon{display:inline-block;font-size:10px;letter-spacing:.19em;padding:8px 14px;border:1px solid #91aeb9;margin-top:22px;background:#f3f8f371}.book{background:linear-gradient(120deg,#dce8ebeb,#f0f6f1bb);padding-top:100px;padding-bottom:100px;border-bottom:1px solid white}.book-art{background:none;padding:20px 30px}.book-art img{transform:none;filter:drop-shadow(20px 25px 20px #23404d4a)}.author{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;padding:100px 6vw;align-items:center;background:linear-gradient(120deg,#e0e9eada,#edf4f1e3)}.author figure{margin:0}.author figure img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;max-width:none;border:1px solid #ffffffb3;box-shadow:0 20px 60px #28495624}.author figcaption{font-size:9px;letter-spacing:.18em;margin-top:15px}.author h2{font-size:clamp(40px,4.5vw,68px);margin:20px 0}.author blockquote{font-size:27px;margin:27px 0}.author p{font-size:16px}.author a{margin-top:23px}.author .eyebrow{font-size:10px}footer{background:#e8f1f0c9;backdrop-filter:blur(20px)}body.motion-off .voyage{height:auto}body.motion-off .voyage-sticky{height:auto;min-height:0;position:relative;overflow:visible}body.motion-off .rooms{position:relative}body.motion-off .room{position:relative;opacity:1;visibility:visible;height:850px;transition:none}body.motion-off .room>img{transform:none}body.motion-off .voyage-top{position:relative;left:0;right:0;top:0;padding:18px 6vw}body.motion-off .voyage-nav{display:none}body.motion-off .room-copy{bottom:60px}
@media(min-width:1600px){.hero-book{right:10vw;width:390px}.hero-copy{padding-left:8vw}.room-copy{left:8vw}}
@media(max-width:900px) and (min-width:701px){.hero-book{right:4vw;width:270px;bottom:100px}.hero-copy{padding-left:4vw}.hero h1{font-size:85px}.hero-line{font-size:18px}.hero-copy .eyebrow{max-width:380px}.room-copy{width:44vw;padding:25px}.series{gap:5vw}.author{gap:4vw}.author blockquote{font-size:24px}nav{gap:18px}}
@media(max-width:700px){body{background-attachment:scroll;background-size:auto 1800px}.hero{height:auto;min-height:910px}.hero-image{object-position:68%}.hero-copy{padding:140px 6vw 25px}.hero h1{font-size:clamp(65px,14vw,94px);margin:30px 0 25px}.hero .eyebrow{font-size:9px;max-width:290px}.hero-line{font-size:20px}.hero-shade{background:linear-gradient(90deg,#eef5f27a,#eef5f220 80%)}.hero-book{position:relative;right:auto;bottom:auto;margin:22px 6vw 110px;width:auto;padding:25px 26px;border-radius:0 35px 0 0;background:#f1f7f1c4}.hero-book h2{font-size:31px}.hero-foot{padding:20px 6vw;display:flex;gap:14px;flex-wrap:wrap;font-size:8px}.hero-foot span:nth-child(2){display:block}.hero-foot span:last-child{display:none}.intro-grid{gap:32px}.intro h2{font-size:46px}nav{background:#edf6f0de;padding:6px 9px}.voyage{height:auto}.voyage-sticky{height:auto;min-height:0;position:relative;overflow:visible}.voyage-top{position:relative;top:0;left:0;right:0;gap:12px;padding:16px 6vw;background:#e0eaec}.voyage-top .eyebrow{font-size:8px;padding:0;background:none;max-width:180px}.rooms{position:relative}.room,.room.active,body.motion-off .room{position:relative;opacity:1;visibility:visible;height:auto;transition:none;display:flex;flex-direction:column;background:#e8f0ef}.room>img{position:relative;height:310px;object-fit:cover;object-position:78% center;transform:none!important}.room:first-child>img{object-position:68% center}.room:after{display:none}.room-copy,body.motion-off .room-copy{position:relative;left:0;bottom:0;width:auto;padding:28px 6vw 40px;background:linear-gradient(115deg,#eff7f1f0,#d7e5eac9);border:0;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;backdrop-filter:none}.room-copy h2{font-size:42px;margin:17px 0}.room-copy p:last-child{font-size:16px}.voyage-nav{display:none}.dilemma:after{display:none}.clara{padding:65px 6vw;gap:28px}.clara-copy{padding:22px;border:1px solid #ffffffa0}.series{grid-template-columns:1fr;padding:75px 6vw;gap:38px}.series-head h2{font-size:61px}.series-books article{grid-template-columns:45px 1fr;gap:20px}.series-books h3{font-size:32px}.volume{font-size:48px}.series-head>p:last-child{font-size:20px}.book{padding:70px 6vw;gap:45px}.book-art{padding:0 35px}.author{grid-template-columns:1fr;padding:65px 6vw;gap:40px}.author figure img{height:auto;max-width:none;width:100%}.author h2{font-size:48px}.author blockquote{font-size:26px}.author p{font-size:16px}.author figcaption{font-size:9px}.author-copy .eyebrow{font-size:10px}.hero-copy .text-link{margin-top:23px}}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}.room,.room>img{transition:none!important}}
body:not(.js) .voyage{height:auto}body:not(.js) .voyage-sticky{height:auto;position:relative;overflow:visible}body:not(.js) .rooms{position:relative}body:not(.js) .room{position:relative;opacity:1;visibility:visible;height:850px}body:not(.js) .voyage-nav{display:none}body:not(.js) .voyage-top{position:relative;inset:auto;padding:20px 6vw}
@media(max-width:700px){.hero-shade{background:linear-gradient(90deg,#f0f6f2cf,#edf4f2a3 85%,#eef5f27a)}.room>img{object-position:100% center}body:not(.js) .room{height:auto}}