/* MIRAIGARA — an original, framework-free cinematic website. */
:root{--ink:#081522;--night:#07121e;--deep:#0b1b2c;--paper:#e6edf0;--white:#eef7fc;--muted:#a2b6c6;--line:rgba(168,202,228,.2);--blue:#9cdcff;--accent:#bceaff;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans CJK JP",sans-serif;--latin:"Helvetica Neue",Arial,sans-serif;--peace:.5;--power:.6;--cursor-x:0px;--cursor-y:0px;--scroll:0;--section-space:108px;--frame:min(1220px,calc(100% - 152px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--night);color:var(--white);font-family:var(--sans);font-size:14px;line-height:1.9;-webkit-font-smoothing:antialiased}body.menu-open,body.modal-open{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;border-radius:0;color:inherit;background:transparent;cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #83c9ff;outline-offset:7px}button, a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-family:var(--serif);line-height:1.6;letter-spacing:.07em}em{font-style:normal}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;flex-shrink:0}::selection{background:#83b7d4;color:#061320}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:16px;z-index:300;background:var(--paper);color:var(--night);padding:10px 20px}.skip-link:focus{top:12px}.section-wrap{width:var(--frame);margin:0 auto;position:relative;z-index:2}.section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-family:var(--latin);font-size:10px;letter-spacing:.22em;line-height:1.5}.section-label>span:last-child{font-family:var(--sans);letter-spacing:.12em;font-size:11px}.eyebrow,.overline{font:10px/1.8 var(--latin);letter-spacing:.23em;color:var(--muted)}.overline{margin-bottom:26px}.button{min-height:60px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 27px;font-size:13px;letter-spacing:.14em;position:relative;isolation:isolate;transition:background .3s,box-shadow .3s,transform .3s;overflow:hidden}.button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff5 48%,transparent 70%);transform:translateX(-130%);z-index:-1;transition:transform .7s}.button:hover:after{transform:translateX(130%)}.button svg,.text-link svg{transition:transform .3s}.button:hover svg,.text-link:hover svg{transform:translateX(5px)}.button-light{color:#142e41;background:linear-gradient(110deg,#ebf7ff,#b4d3e6);box-shadow:0 0 28px #8bc8fa15}.button-light:hover{box-shadow:0 0 40px #8bc8fa40}.button-dark{background:var(--ink);color:var(--white)}.button-outline{border:1px solid var(--line);color:var(--white)}.button-spark{font-size:25px;line-height:1}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;letter-spacing:.1em;position:relative;padding:10px 0;line-height:1.8}.text-link:after{content:"";position:absolute;left:0;bottom:2px;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s;opacity:.6}.text-link:hover:after{transform:scaleX(1)}.text-link svg{width:17px;height:17px}.light-section{color:var(--ink);background:var(--paper);--line:rgba(24,48,66,.22);--muted:#5a7180}.dark-section{background:var(--night)}.small-diamond{width:8px;height:8px;border:1px solid #91c3df;transform:rotate(45deg)}.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:140;background:transparent}.scroll-progress i{display:block;width:100%;height:100%;background:#9edaff;transform:scaleX(var(--scroll));transform-origin:left;box-shadow:0 0 10px #aee5ff}.site-header{height:91px;position:fixed;top:0;left:0;right:0;padding:0 43px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:100;border-bottom:1px solid #b4d9f012;transition:background .35s,height .35s,backdrop-filter .35s}.site-header.scrolled{height:76px;background:#07121eec;backdrop-filter:blur(16px);border-color:#8bbdd824}.brand{display:flex;align-items:center;gap:13px;font:14px/1.2 var(--latin);letter-spacing:.22em;white-space:nowrap}.brand small{display:block;font-family:var(--serif);font-size:8px;letter-spacing:.38em;margin-top:7px}.brand-symbol{font-family:var(--serif);font-style:italic;font-size:38px;letter-spacing:-.12em;position:relative;width:40px;color:#e4f5ff}.brand-symbol:after{content:"";position:absolute;top:3px;left:20px;width:1px;height:41px;transform:rotate(27deg);background:#91d2ff;box-shadow:0 0 9px #b4e5ff}.desktop-nav{display:flex;gap:37px;margin-left:auto;margin-right:20px;font-size:11px;letter-spacing:.12em}.desktop-nav a{padding:15px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;transform:scaleX(0);background:var(--blue);transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current="location"]:after{transform:scaleX(1)}.desktop-nav span{color:#779aaf;font:9px var(--latin);margin-right:8px;letter-spacing:.08em}.header-tools{display:flex;align-items:center;gap:22px}.motion-toggle{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.06em;border-left:1px solid #b4d9f030;padding:5px 0 5px 22px;min-height:42px;white-space:nowrap}.motion-icon{display:flex;height:13px;align-items:center;gap:3px}.motion-icon i{display:block;width:1px;height:7px;background:#a7dcf9;animation:bars 1.7s ease-in-out infinite}.motion-icon i:nth-child(2){height:13px;animation-delay:-.8s}.motion-icon i:nth-child(3){height:9px;animation-delay:-.4s}.menu-toggle{display:none;width:42px;height:42px;position:relative}.menu-toggle span{position:absolute;width:22px;left:10px;height:1px;background:var(--white);top:17px;transition:transform .3s,top .3s}.menu-toggle span+span{top:24px}.menu-toggle[aria-expanded="true"] span{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span+span{transform:rotate(-45deg)}
/* An asymmetric, two-time cinematic opening. */
.hero{position:relative;height:max(850px,100svh);max-height:1220px;min-height:850px;overflow:hidden;background:radial-gradient(ellipse at 14% 28%,#102438 0,transparent 60%),#07121e;isolation:isolate}.hero-art{position:absolute;top:0;right:-1.8%;width:65%;height:100%;z-index:-5;transform:translate(var(--cursor-x),var(--cursor-y)) scale(1.035);will-change:transform}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.77) contrast(1.08)}.hero-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,#07121e 0%,#07121ef5 17%,#07121ed4 30%,#07121e81 44%,#07121e0a 67%,#07121e05 89%,#07121e78),linear-gradient(0deg,#07121e 0%,#07121e75 14%,transparent 43%,#07121e2a 85%,#07121e54)}.hero-content{position:relative;z-index:3;padding-top:clamp(157px,18vh,221px);margin-left:max(109px,calc((100vw - 1220px)/2));width:540px;padding-bottom:130px}.hero-eyebrow{display:flex;align-items:center;gap:12px;font:9px var(--latin);letter-spacing:.24em;color:#b4cfe0;margin-bottom:35px}.hero-eyebrow i,.hero-status i,.live-badge i,.read-status i{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 12px var(--blue);flex-shrink:0}.hero-eyebrow span{opacity:.35;margin:0 2px}h1{width:515px;margin-left:-9px}.main-copy{font-family:var(--serif);font-size:clamp(23px,2.32vw,35px);letter-spacing:.14em;line-height:1.95;margin-top:28px;text-shadow:0 2px 20px #07121e}.main-copy em{color:#c0eaff;font-size:1.19em;text-shadow:0 0 27px #58b9fa44;letter-spacing:.08em}.hero-intro{margin-top:25px;font-family:var(--serif);font-size:13px;line-height:2.2;letter-spacing:.1em;color:#b7c9d5}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:35px}.hero-actions .button{min-width:238px}.hero-actions .text-link{color:#c7d7e1;white-space:nowrap}.hero-orbit{position:absolute;right:-15%;top:-35%;width:1110px;aspect-ratio:1;pointer-events:none;z-index:-2;border:1px solid #a9d7ed22;border-radius:50%;transform:rotate(-22deg)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:37px;border:1px solid #b3d9ef1c;border-radius:50%}.hero-orbit:after{inset:80px;border:1px dashed #b3d9ef22}.hero-orbit div{position:absolute;height:1px;top:50%;width:130%;left:-15%;background:linear-gradient(90deg,transparent,#bceaff33,transparent)}.hero-orbit div:nth-child(2){transform:rotate(60deg)}.hero-orbit div:nth-child(3){transform:rotate(120deg)}.fracture-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.9}.hero-fragment{position:absolute;z-index:2;pointer-events:none;opacity:.5;filter:drop-shadow(0 0 15px #afdfff25);background:linear-gradient(120deg,#a7d4ed02,#d1edff90 49%,#d1edff20 50%,#38658405);clip-path:polygon(75% 0,100% 100%,0 70%);animation:float 12s ease-in-out infinite}.fragment-a{right:4%;top:34%;width:64px;height:185px;transform:rotate(28deg);animation-delay:-2s}.fragment-b{left:49%;top:71%;width:35px;height:115px;transform:rotate(71deg);animation-delay:-6s}.fragment-c{right:35%;top:16%;width:27px;height:71px;opacity:.35;animation-delay:-9s}.time-rail{position:absolute;top:29%;left:31px;display:flex;flex-direction:column;align-items:center;gap:14px;font:9px var(--latin);letter-spacing:.17em;color:#7892a5;z-index:3}.time-rail span{writing-mode:vertical-rl;font-size:8px}.time-rail b{font-size:10px;font-weight:400;color:#b8d7e9}.time-rail i{width:1px;height:127px;background:linear-gradient(#acd7f0a0,#8abbd315);position:relative}.time-rail i:after{content:"";position:absolute;top:0;left:-2px;width:5px;height:5px;background:#ace4ff;box-shadow:0 0 14px #ace4ff;animation:timetravel 5s linear infinite}.hero-coordinate{position:absolute;right:4%;bottom:23%;z-index:3;font:8px/2 var(--latin);letter-spacing:.21em;color:#c0d9e8;display:flex;align-items:flex-end;flex-direction:column;text-shadow:0 1px 3px #000}.hero-coordinate i{width:78px;height:1px;background:#b5d2e06b;margin:13px 0}.hero-coordinate b{font-weight:400;color:#91aabd;font-size:7px}.hero-bottom{position:absolute;bottom:32px;left:43px;right:43px;display:flex;align-items:center;justify-content:space-between;gap:30px;font:8px var(--latin);letter-spacing:.2em;color:#92aabc;z-index:4;border-top:1px solid #adcfeb27;padding-top:22px}.hero-bottom a{display:flex;align-items:center;gap:23px}.scroll-tick{display:block;width:1px;height:20px;background:#819dac;position:relative;overflow:hidden}.scroll-tick:after{content:"";position:absolute;top:-100%;left:0;width:1px;height:100%;background:#e1f6ff;animation:scrolltick 2.4s ease-in-out infinite}.hero-status{display:flex;align-items:center;gap:9px}.hero-status i{width:4px;height:4px;opacity:.6}
/* An editorial break: a quieter, possible tomorrow. */
.story{padding:var(--section-space) 0 77px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 8% 62%,#f9fcff 0,transparent 55%),linear-gradient(105deg,#dde7ed,#e9eef0)}.story:before{content:"";position:absolute;left:36%;top:-40%;width:180px;height:180%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#81a3bc12,#ffffff90 49%,#89aac620 51%,transparent);pointer-events:none}.story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;margin:74px 0 72px}.story-heading h2{font-size:clamp(29px,3vw,44px);line-height:1.8;white-space:nowrap}.story-heading h2 span{color:#536e80}.story-emblem{display:flex;align-items:center;gap:28px;position:relative;margin-top:58px;font:italic 76px/.9 var(--serif);letter-spacing:-.06em;color:#597888}.story-emblem i{width:100px;height:1px;background:#889fad;position:relative;transform:rotate(-28deg)}.story-emblem i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border:1px solid #7b9bb0;transform:rotate(45deg)}.story-emblem small{position:absolute;left:0;bottom:-29px;font:8px var(--latin);letter-spacing:.26em;color:#8095a2}.story-text{font-family:var(--serif);font-size:14px;line-height:2.3;letter-spacing:.07em;padding-top:2px}.story-text p+p{margin-top:24px}.story-text strong{font-weight:500;color:#214560}.story-text .story-last{font-size:17px;color:#284b64}.rule-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #8093a740}.rule{display:flex;align-items:center;gap:22px;text-align:left;padding:23px 21px 4px 0;position:relative}.rule+.rule{padding-left:24px}.rule+.rule:before{content:"";position:absolute;left:0;top:25px;bottom:4px;width:1px;background:#8299a539}.rule-no{font:italic 19px var(--serif);color:#7f96a6}.rule small{display:block;font:8px/1.5 var(--latin);letter-spacing:.18em;color:#7a8f9b;margin-bottom:7px}.rule b{font:13px var(--serif);letter-spacing:.05em}.rule svg{margin-left:auto;width:18px;height:18px;color:#617d92;transition:transform .5s}.rule:hover svg{transform:rotate(90deg)}.story-fissure{position:absolute;bottom:0;height:1px;left:0;right:0;background:#6f9cb24d}
/* Two portraits, one person. */
.characters{padding:var(--section-space) 0 100px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 70%,#1e3b5525,transparent 65%),var(--night)}.characters-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-top:53px}.characters-heading h2{font-size:37px;line-height:1.75;letter-spacing:.11em}.characters-heading h2 em{color:var(--blue)}.characters-heading>p{font-family:var(--serif);font-size:13px;line-height:2.2;color:#afc3d2;letter-spacing:.08em;padding-bottom:14px}.character-duo{display:grid;grid-template-columns:1fr 84px 1fr;position:relative;padding:64px 42px 0}.character-art{height:485px;position:relative;overflow:hidden;background:#193248;isolation:isolate;clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%)}.character-art>img{width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:saturate(.72);transition:transform 1.3s,filter .7s}.character-now .character-art>img{object-position:center 29%}.character-art:hover>img{transform:scale(1.035);filter:saturate(.92)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07121ee8,transparent 35%,transparent 85%,#07121e30)}.character-age{position:absolute;bottom:8px;right:21px;font:italic 134px/1 var(--serif);color:#e1f4ffdf;letter-spacing:-.075em;text-shadow:0 0 25px #274f6680}.portrait-code{position:absolute;left:22px;bottom:26px;font:8px var(--latin);letter-spacing:.17em;color:#a9c5d8;writing-mode:vertical-rl}.character-future{margin-top:78px}.character-future .character-art{clip-path:polygon(6% 0,100% 0,100% 93%,94% 100%,0 100%,0 7%)}.character-future .character-art>img{object-position:center top}.character-caption{padding:26px 3px 0}.character-role{font-family:var(--serif);font-size:11px;letter-spacing:.1em;color:#9eb4c6}.character-caption h3{font-family:var(--serif);font-size:26px;letter-spacing:.11em;margin:8px 0 16px}.character-caption h3 small{font-family:var(--sans);font-size:11px;color:#829bae;letter-spacing:.1em;margin-left:12px;vertical-align:middle}.character-caption p{font-size:12px;line-height:2.1;letter-spacing:.05em;color:#adbdcb}.character-caption .text-link{margin-top:16px;font-size:11px;gap:47px}.duo-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding-top:78px;text-align:center;font:7px/2 var(--latin);letter-spacing:.18em;color:#8cabbf}.duo-link i{height:149px;width:1px;background:linear-gradient(transparent,#99c7e04d)}.duo-link i:last-child{height:149px;background:linear-gradient(#99c7e04d,transparent)}.characters-watermark{position:absolute;bottom:-41px;left:3%;font:clamp(100px,18vw,300px)/1 var(--latin);letter-spacing:-.055em;color:#9bc7e305;pointer-events:none}
/* The choice is the interface, not a decorative add-on. */
.choice-section{padding:var(--section-space) 0 78px;position:relative;overflow:hidden;isolation:isolate;background:#0c1b2b}.choice-aura{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 52%,#36689028,transparent 53%),radial-gradient(ellipse at 95% 10%,#35526f20,transparent 55%);opacity:calc(.7 + var(--peace)*.6)}.choice-section:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:linear-gradient(#c6e5ff12 1px,transparent 1px),linear-gradient(90deg,#c6e5ff12 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.live-badge{display:flex;gap:10px;align-items:center;font:8px var(--latin)!important;letter-spacing:.15em!important;color:#a2c3d8}.live-badge i{width:4px;height:4px;box-shadow:0 0 10px #85caff}.choice-heading{margin:55px 0 0;text-align:center}.choice-heading .overline{font-size:8px;letter-spacing:.18em;margin-bottom:19px}.choice-heading h2{font-size:48px;letter-spacing:.18em;line-height:1.5}.choice-heading h2 em{color:#bce3fa}.choice-heading>p:last-child{color:#aebfce;font-family:var(--serif);font-size:13px;line-height:2.1;letter-spacing:.1em;margin-top:24px}.choice-machine{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:75px;margin-top:57px;padding:0 30px}.time-aperture{position:relative;aspect-ratio:1;isolation:isolate;min-width:0}.aperture-dial{position:absolute;width:100%;height:100%;inset:0;overflow:visible;color:#91bdd7;stroke-width:1}.dial-outer{stroke:#bde7ff33;stroke-width:.7;fill:none}.dial-ticks{fill:none;stroke:#93cbed5c;stroke-dasharray:1 8;stroke-width:7;animation:rotate-clock 150s linear infinite;transform-origin:center}.dial-inner{stroke:#9fc5e020;stroke-width:.6;fill:none}.dial-energy{fill:none;stroke:url(#ring-gradient);stroke-width:1.7;stroke-dasharray:480 940;transform:rotate(-90deg);transform-origin:center;stroke-dashoffset:calc(var(--peace)*360);filter:drop-shadow(0 0 4px #c0e7ff);transition:stroke-dashoffset .65s}.dial-cross{stroke:#bde7ff66;stroke-width:.7}.aperture-photo{position:absolute;inset:15%;overflow:hidden;clip-path:polygon(18% 0,89% 4%,100% 73%,72% 100%,1% 84%,0 19%);background:#182f46;transform:rotate(-5deg);box-shadow:0 0 40px #9ad7ff22}.aperture-photo>img{width:100%;height:100%;object-fit:cover;transform:rotate(5deg) scale(1.14);filter:saturate(calc(.55 - var(--peace)*.35)) contrast(1.05);opacity:calc(1 - var(--peace)*.62);transition:opacity .8s,filter .8s}.aperture-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d1c2dcc,transparent 50%),linear-gradient(110deg,#afe6ff15,transparent);border:1px solid #acd7f03d}.aperture-slice{position:absolute;top:-20%;height:140%;width:1px;left:63%;transform:rotate(23deg);background:#d0eeffb0;box-shadow:0 0 14px #96d3ff;opacity:calc(1 - var(--peace)*.8);z-index:2}.aperture-fog{position:absolute;inset:0;background:linear-gradient(115deg,#b8deef85,#679bbd3a,transparent);opacity:calc(var(--peace)*.85);mix-blend-mode:screen;transition:opacity .8s}.aperture-top{position:absolute;left:0;right:0;top:2.8%;text-align:center;font:7px var(--latin);letter-spacing:.21em;color:#a4bfd1}.aperture-left,.aperture-right{position:absolute;top:47%;font:11px var(--latin);color:#99c6e0;left:1%;padding:0 6px;background:#0e1e2e}.aperture-right{left:auto;right:1%}.aperture-bottom{position:absolute;left:0;right:0;text-align:center;bottom:18%;display:flex;flex-direction:column;gap:6px;pointer-events:none}.aperture-bottom span{font-family:var(--serif);font-size:16px;letter-spacing:.15em;text-shadow:0 1px 12px #07121e}.aperture-bottom small{font-size:9px;color:#93b6cb;letter-spacing:.15em;text-shadow:0 1px 12px #07121e}.orbit-particle{position:absolute;width:6px;height:6px;background:#e3f6ff;left:50%;top:50%;margin:-3px;box-shadow:0 0 13px #b7e3ff;border-radius:50%;offset-path:path('M 0 -215 A 215 215 0 1 1 -1 -215');display:none}.future-console{min-width:0;border-top:1px solid #a6d3ed50;border-bottom:1px solid #a6d3ed25;padding:20px 0 19px}.console-head{display:flex;justify-content:space-between;align-items:center;font:8px var(--latin);letter-spacing:.18em;color:#92b1c6}.console-head b{font-weight:400;color:#d4ecfa}.console-mark{font-size:22px;color:#bce5ff}.future-console h3{font-family:var(--serif);font-size:30px;letter-spacing:.09em;margin:19px 0 12px;line-height:1.7}.future-description{font-family:var(--serif);font-size:12px;line-height:2.1;color:#aebfce;min-height:52px;letter-spacing:.05em}.future-metrics{margin-top:26px}.metric+.metric{margin-top:17px}.metric>div:first-child{display:flex;justify-content:space-between;align-items:center}.metric span{font-size:11px;letter-spacing:.06em;color:#b0c4d4}.metric b{font:25px/1 var(--latin);font-weight:300;color:#c3e8fc;letter-spacing:.04em}.metric small{font-size:9px;color:#829db1}.metric-track{margin-top:10px;height:2px;background:#a3c9e128;overflow:hidden}.metric-track i{height:100%;display:block;width:60%;background:linear-gradient(90deg,#417aa1,#c0edff);box-shadow:0 0 15px #bdeaff;transition:width .55s}#memory-bar{width:55%}.memory-fragments{display:flex;align-items:center;gap:4px;margin-top:18px}.memory-fragments i{width:6px;height:6px;border:1px solid #aed3eb85;background:#81b2d05c;transform:skew(-12deg);transition:opacity .7s,transform .7s}.memory-fragments i.lost{opacity:.12;transform:skew(-12deg) translateY(2px)}.memory-fragments span{margin-left:auto;font:6px var(--latin);letter-spacing:.12em;color:#90adc0}.choice-control{margin-top:27px}.choice-control label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;color:#adbfcd}.choice-control output{font:9px var(--latin);letter-spacing:.16em;color:#7496ae}.choice-control input{width:100%;height:36px;margin:6px 0 0;appearance:none;background:transparent;cursor:ew-resize;display:block;--range-position:50%}.choice-control input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#5f93b7,#d0e7ef)}.choice-control input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#dcf1fd;border:3px solid #15364a;box-shadow:0 0 0 1px #b7e0f6,0 0 16px #b9e5ff47;margin-top:-7.5px;transform:rotate(45deg)}.choice-control input::-moz-range-track{height:2px;background:linear-gradient(90deg,#5f93b7,#d0e7ef)}.choice-control input::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:#dcf1fd;border:3px solid #15364a;box-shadow:0 0 0 1px #b7e0f6}.range-captions{display:flex;justify-content:space-between;font-family:var(--serif);font-size:10px;letter-spacing:.15em;color:#adc8d8;margin-top:-1px}.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.choice-buttons button{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #aacfe447;padding:13px 7px;font-size:11px;letter-spacing:.07em;transition:border-color .3s,background .3s}.choice-buttons button:last-child{background:#9fc7de12}.choice-buttons button:hover:not(:disabled){border-color:#b4e3fc;background:#acdef822}.choice-buttons svg{width:15px;height:15px}.reverse{transform:rotate(180deg)}.console-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.console-footer .text-link{font-size:10px;color:#b8cdda;gap:10px}.console-footer .text-link svg{width:15px;height:15px}.reset-button{width:36px;height:36px;color:#90adc2;display:grid;place-items:center}.reset-button svg{width:17px;height:17px}.reset-button:hover{color:var(--white)}.choice-reflection{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin:57px auto 0}.choice-reflection p{font-family:var(--serif);font-size:19px;letter-spacing:.12em;line-height:1.9;min-height:36px}.simulation-note{text-align:center;font-size:9px;line-height:2;color:#91a6b7;letter-spacing:.035em;margin:22px auto 0;max-width:800px}.noscript-note{margin-top:20px;text-align:center;font-size:12px}.transition-line{position:fixed;left:-20%;right:-20%;height:1px;top:48%;background:linear-gradient(90deg,transparent,#d3efff90,transparent);transform:rotate(-23deg) scaleX(0);pointer-events:none;z-index:110;opacity:0}.transition-line.shift{animation:shiftline .85s ease-out both}
/* A physical-looking visual and an honest reading entry. */
.read-section{padding:var(--section-space) 0 105px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 70%,#c9d8e3,transparent 55%),#e8eef1}.read-grid{display:grid;grid-template-columns:.85fr 1fr;gap:120px;padding:70px 70px 0;align-items:center}.book-visual{position:relative;width:290px;max-width:100%;justify-self:center;padding:0;transform:rotate(-5deg);box-shadow:20px 25px 40px #15344826,-1px 0 #f5fbff,5px 3px 0 #9fb1be;transition:transform .7s,box-shadow .7s;background:#06131f}.book-visual img{width:100%;height:auto}.book-visual span{position:absolute;left:0;bottom:0;right:0;padding:16px 18px;background:linear-gradient(transparent,#07121ef2 35%);color:#d5ecfa;display:flex;align-items:center;justify-content:space-between;font:7px var(--latin);letter-spacing:.2em;padding-top:30px}.book-visual svg{width:15px;height:15px}.book-visual:hover{transform:rotate(-1deg) translateY(-5px);box-shadow:16px 32px 55px #15344830}.read-content .overline{font-size:8px;letter-spacing:.15em;margin-bottom:24px}.read-content h2{font-size:40px;letter-spacing:.1em;line-height:1.8}.read-content h2 em{color:#527c98}.read-content>p:not(.overline){font-family:var(--serif);font-size:13px;letter-spacing:.05em;line-height:2.2;margin-top:25px}.read-status{display:flex;align-items:flex-start;gap:10px;margin:27px 0;font-size:10px;color:#496272;letter-spacing:.02em}.read-status i{margin-top:8px;background:#3e6c88;width:4px;height:4px;box-shadow:none}.read-status small{display:block;color:#728594;font-size:10px;margin-top:2px}.read-content .button{width:100%;max-width:360px}.read-content>.text-link{display:flex;width:fit-content;margin-top:16px;font-size:10px;gap:11px;color:#587487}.site-footer{padding:60px 60px 33px;background:#06101b}.footer-top{display:flex;align-items:center;gap:65px;max-width:1250px;margin:0 auto;padding-bottom:35px}.footer-logo{width:245px;flex-shrink:0}.footer-top>p{font-family:var(--serif);font-size:11px;letter-spacing:.1em;line-height:2.1;color:#9cb4c7}.back-top{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.back-top svg{transform:rotate(180deg);width:25px;height:25px;color:#b8d7e9}.back-top small{font:7px var(--latin);letter-spacing:.13em;color:#7d9aad}.footer-bottom{border-top:1px solid #9ec6df26;padding-top:25px;max-width:1250px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.footer-bottom p{font-size:9px;color:#8299ab;line-height:2.1;letter-spacing:.025em}.footer-bottom p:first-child{color:#b5cbd8;margin-bottom:6px}.footer-legal{display:flex;flex-direction:column;align-items:flex-end;gap:9px;white-space:nowrap}.footer-legal button{font-size:9px;color:#92a9bd;padding:5px 0;border-bottom:1px solid #7998ad38}.footer-legal small{font:8px var(--latin);letter-spacing:.08em;color:#7692a5}
/* Reading and visual overlays are real dialogs: keyboard & focus supported. */
.content-dialog{max-width:1040px;width:calc(100% - 70px);max-height:calc(100svh - 72px);border:1px solid #a6cbe336;padding:0;color:var(--white);background:#0a1827;box-shadow:0 25px 100px #0009;overflow:auto;overscroll-behavior:contain}.content-dialog::backdrop{background:#020a14da;backdrop-filter:blur(12px)}.content-dialog[open]{animation:dialogin .35s ease-out}.dialog-shell{position:relative}.dialog-close{position:sticky;top:13px;float:right;margin:13px 13px -56px 0;z-index:2;width:43px;height:43px;display:grid;place-items:center;background:#081726e8;border:1px solid #9cc7e340;backdrop-filter:blur(8px)}.dialog-close:hover{background:#264456}.dialog-close svg{width:19px;height:19px}.reading-pane{padding:65px 85px 50px;max-width:870px;margin:auto}.reading-pane h2{font-size:33px;line-height:1.8;margin:27px 0 25px;letter-spacing:.08em}.reading-pane h2 em{color:#bce3fc}.reading-rule{height:1px;background:linear-gradient(90deg,#94c9e450,transparent);margin:30px 0 38px}.reading-pane>p:not(.eyebrow){font-family:var(--serif);font-size:14px;line-height:2.3;letter-spacing:.045em;margin-top:27px;color:#bdcedb}.reading-pane blockquote{margin:38px 0;border-left:1px solid #93bed677;padding:7px 0 7px 27px;font-family:var(--serif);font-size:22px;line-height:2;letter-spacing:.08em;color:#d4ecfb}.reading-pane .reading-note{font-family:var(--sans)!important;font-size:10px!important;color:#8aa2b4!important;border-top:1px solid #a7cae529;padding-top:23px}.reading-logo{width:265px;margin:40px auto 0}.compact-pane{padding-bottom:60px}.compact-pane h3{font-size:14px;margin-top:28px;color:#d0e2ee}.compact-pane h3+p{margin-top:8px!important;font-family:var(--sans)!important;font-size:12px!important;letter-spacing:.03em}.compact-pane .button{margin:26px 0 4px;font-size:11px;min-height:50px}.profile-pane{display:grid;grid-template-columns:.95fr 1fr;gap:42px;padding:55px}.profile-pane>img{width:100%;height:100%;object-fit:cover;min-height:440px;max-height:580px}.profile-pane>div{padding-top:28px}.profile-pane h2{font-size:29px;margin:20px 0 23px;letter-spacing:.05em}.profile-pane h2 small{font-family:var(--sans);font-size:11px;color:#8facc1;margin-left:8px}.profile-pane p{font-size:12px;line-height:2.1;color:#aec5d5}.profile-pane .eyebrow{font-size:8px}.profile-pane p+p{margin-top:20px}.profile-pane .profile-lead{font-family:var(--serif);font-size:16px;color:#d4e9f5}.profile-pane dl{font-size:11px;margin-top:25px;border-top:1px solid #9ac9e42b;padding-top:15px;display:grid;grid-template-columns:48px 1fr;gap:10px 10px}.profile-pane dt{color:#769ab3}.profile-pane dd{margin:0;color:#b5cad9}.kv-pane{max-width:700px;margin:auto;padding:30px}.kv-pane>.eyebrow{font-size:9px;margin-bottom:20px}.kv-pane>img{width:100%;height:auto}.kv-new-footer{padding:22px;text-align:center;background:linear-gradient(#0a1c2c,#07121e);border-top:1px solid #8ec7e029}.kv-new-footer p{font-family:var(--serif);font-size:20px;letter-spacing:.15em}.kv-new-footer small{font:7px var(--latin);letter-spacing:.23em;color:#82a3ba}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);width:max-content;padding:13px 24px;background:#d9edf7;color:#0c2132;box-shadow:0 5px 40px #0004;font-size:12px;line-height:1.7;z-index:300;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Progressive enhancement: content remains visible without JavaScript. */
.js-ready .reveal{opacity:0;transform:translateY(23px);transition:opacity .85s,transform .85s}.js-ready .reveal.in-view{opacity:1;transform:translateY(0)}.js-ready .book-visual.reveal.in-view{transform:rotate(-5deg)}.js-ready .book-visual.reveal.in-view:hover{transform:rotate(-1deg) translateY(-5px)}
@keyframes bars{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes float{0%,100%{translate:0 0;rotate:0deg}50%{translate:10px -20px;rotate:5deg}}@keyframes timetravel{from{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(127px);opacity:0}}@keyframes scrolltick{from{top:-100%}70%,100%{top:100%}}@keyframes rotate-clock{to{transform:rotate(360deg)}}@keyframes shiftline{0%{transform:rotate(-23deg) scaleX(.1);opacity:0}35%{opacity:.55}100%{transform:rotate(-23deg) scaleX(1);opacity:0}}@keyframes dialogin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-art{right:0;width:65%}.hero-content{width:590px}h1{width:570px}.main-copy{font-size:37px;margin-top:32px}.hero-intro{font-size:14px}.hero-actions{margin-top:42px}.hero-content{padding-top:19vh}}
@media(max-width:1180px){:root{--frame:calc(100% - 96px);--section-space:85px}.site-header{padding:0 30px;gap:20px}.desktop-nav{gap:23px;margin-right:5px}.hero-content{margin-left:80px;width:455px}h1{width:450px}.hero-art{width:67%;right:-6%}.main-copy{font-size:29px}.hero-coordinate{right:30px}.hero-actions{gap:22px}.hero-actions .button{min-width:220px;padding:14px 23px;gap:19px}.story-grid{gap:48px}.story-heading h2{font-size:32px}.rule{gap:13px}.rule+.rule{padding-left:20px}.rule b{font-size:12px}.character-duo{padding-left:15px;padding-right:15px;grid-template-columns:1fr 64px 1fr}.character-art{height:440px}.character-caption h3{font-size:24px}.choice-machine{padding:0;gap:46px}.future-console h3{font-size:28px}.read-grid{gap:70px;padding-left:25px;padding-right:25px}.read-content h2{font-size:34px}}
@media(max-width:920px){:root{--frame:calc(100% - 64px)}.desktop-nav{gap:18px}.desktop-nav a{font-size:10px}.desktop-nav span{display:none}.site-header{gap:13px}.brand{font-size:12px}.motion-toggle{padding-left:14px;gap:8px}.hero{height:880px;min-height:880px}.hero-content{margin-left:65px;width:440px;padding-top:170px}.hero-art{width:77%;right:-16%}.hero-shade{background:linear-gradient(90deg,#07121e 0,#07121ee8 15%,#07121ebb 35%,#07121e55 55%,#07121e05 84%,#07121e44),linear-gradient(0deg,#07121e,transparent 60%)}.hero-coordinate{display:none}.hero-bottom{left:30px;right:30px;gap:20px}.hero-status{display:none}.time-rail{left:23px}.main-copy{font-size:29px}.story-heading h2{font-size:27px}.story-grid{gap:34px;margin-top:60px}.story-text{font-size:12px;line-height:2.35}.story-text .story-last{font-size:16px}.story-emblem{font-size:67px;gap:18px}.story-emblem i{width:70px}.rule b{font-size:11px}.rule{gap:10px;padding-right:13px}.rule+.rule{padding-left:13px}.rule-no{font-size:15px}.rule svg{width:14px;height:14px}.characters-heading h2{font-size:31px}.characters-heading>p{font-size:11px}.character-duo{padding-left:0;padding-right:0;grid-template-columns:1fr 50px 1fr}.character-art{height:380px}.character-caption h3{font-size:22px}.character-caption h3 small{margin-left:7px;font-size:9px}.character-caption p{font-size:11px}.character-role{font-size:10px}.character-age{font-size:110px}.choice-heading h2{font-size:41px}.choice-machine{gap:27px;grid-template-columns:.95fr 1fr}.future-console h3{font-size:25px}.future-description{font-size:11px}.choice-buttons{gap:8px}.choice-buttons button{font-size:10px;gap:8px}.memory-fragments span{font-size:5px}.memory-fragments{gap:3px}.memory-fragments i{width:5px;height:5px}.read-grid{gap:50px;padding-left:5px;padding-right:5px}.book-visual{width:245px}.read-content h2{font-size:31px}.read-content>p:not(.overline){font-size:12px}.footer-top{gap:35px}.footer-logo{width:205px}.site-footer{padding-left:32px;padding-right:32px}.profile-pane{gap:27px;padding:44px 32px}.profile-pane h2{font-size:25px}.reading-pane{padding-left:55px;padding-right:55px}}
@media(max-width:700px){:root{--frame:calc(100% - 48px);--section-space:63px}html{scroll-padding-top:86px}.site-header,.site-header.scrolled{height:71px;padding:0 21px;gap:15px}.brand{font-size:11px;gap:9px;letter-spacing:.17em}.brand-symbol{font-size:29px;width:29px}.brand-symbol:after{height:32px;left:16px;top:0}.brand small{font-size:7px;margin-top:5px}.desktop-nav{display:none}.header-tools{gap:13px}.motion-toggle{font-size:9px;gap:9px;border:0;padding-left:0}.motion-icon{gap:2px}.motion-text{min-width:39px}.menu-toggle{display:block;margin-right:-8px}.mobile-nav{display:block;position:fixed;z-index:95;inset:70px 0 0;background:#091725fa;backdrop-filter:blur(18px);padding:43px 31px 30px;overflow:auto}.mobile-nav>.eyebrow{font-size:9px;margin-bottom:22px}.mobile-nav a{padding:21px 0;display:block;border-bottom:1px solid #9bc8df30;font-family:var(--serif);font-size:23px;letter-spacing:.09em;position:relative}.mobile-nav a small{display:block;font:7px var(--latin);letter-spacing:.2em;color:#789ab4;margin-bottom:10px}.mobile-nav a svg{position:absolute;right:0;top:48px;width:18px;height:18px;color:#a1c4da}.nav-foot{font:7px var(--latin);letter-spacing:.2em;margin-top:33px;color:#6a8ca6}.hero{height:auto;max-height:none;min-height:0;padding-bottom:75px}.hero-art{top:60px;height:510px;width:100%;right:0;transform:scale(1.02);z-index:-5}.hero-art img{object-position:center 20%;filter:saturate(.78) contrast(1.03)}.hero-shade{background:linear-gradient(0deg,#07121e 0,#07121e 35%,#07121ef0 44%,#07121e75 55%,#07121e00 69%),linear-gradient(90deg,#07121e38,transparent 35%,#07121e10),linear-gradient(180deg,#07121eaf,#07121e00 17%)}.hero-content{margin:0 24px;width:auto;padding-top:398px;padding-bottom:42px}.hero-eyebrow{font-size:7px;gap:9px;letter-spacing:.16em;margin-bottom:19px;position:absolute;top:95px;left:0;text-shadow:0 1px 6px #001329}.hero-eyebrow i{width:4px;height:4px}.hero-content h1{width:min(100%,420px);margin-left:-3px}.main-copy{font-size:24px;line-height:1.85;letter-spacing:.15em;margin-top:20px}.main-copy em{font-size:1.16em}.hero-intro{font-size:11px;letter-spacing:.08em;line-height:2.1;margin-top:21px}.hero-actions{margin-top:27px;gap:22px;justify-content:flex-start}.hero-actions .button{min-width:0;flex:0 1 217px;padding:13px 18px;gap:12px;font-size:11px;min-height:54px}.hero-actions .button svg{width:17px;height:17px}.button-spark{font-size:20px}.hero-actions>.text-link{font-size:10px;gap:10px}.hero-bottom{left:24px;right:24px;bottom:25px;padding-top:17px;font-size:6px;letter-spacing:.13em;gap:10px}.hero-bottom a{gap:11px;white-space:nowrap}.hero-bottom>span:first-child{font-size:5.5px;letter-spacing:.06em}.hero-status,.time-rail{display:none}.hero-orbit{width:740px;right:-420px;top:-140px;opacity:.6}.hero-fragment.fragment-a{right:6%;top:31%;width:27px;height:94px;opacity:.4}.hero-fragment.fragment-b{left:4%;top:41%;width:20px;height:63px}.hero-fragment.fragment-c{right:45%;top:17%;width:17px;height:45px}.section-label{font-size:8px;letter-spacing:.15em;padding-top:16px;gap:12px}.section-label>span:last-child{font-size:9px;letter-spacing:.07em}.story{padding-bottom:54px}.story-grid{grid-template-columns:1fr;gap:51px;margin:44px 0 37px}.story-heading h2{font-size:clamp(25px,6.5vw,36px);line-height:1.9;letter-spacing:.055em}.overline{font-size:8px;margin-bottom:21px}.story-emblem{margin-top:32px;font-size:53px;gap:23px}.story-emblem i{width:85px}.story-emblem small{font-size:6px;bottom:-23px;letter-spacing:.22em}.story-text{font-size:13px;line-height:2.25;padding-left:22px;border-left:1px solid #819cac3b;letter-spacing:.035em}.story-text p+p{margin-top:24px}.story-text .story-last{font-size:16px;line-height:2.1}.rule-strip{grid-template-columns:1fr}.rule,.rule+.rule{padding:21px 0;gap:20px;border-bottom:1px solid #8396a731}.rule+.rule:before{display:none}.rule-no{font-size:18px}.rule b{font-size:13px;letter-spacing:.09em}.rule small{font-size:7px;margin-bottom:5px}.rule svg{width:18px;height:18px}.story:before{left:60%;width:100px;top:-30%;height:160%;opacity:.7}.characters{padding-bottom:72px}.characters-heading{display:block;margin-top:41px}.characters-heading h2{font-size:29px;letter-spacing:.075em;line-height:1.75}.characters-heading>p{font-size:11px;margin-top:21px;line-height:2;padding-bottom:0}.character-duo{grid-template-columns:1fr;gap:49px;padding-top:37px;width:100%;max-width:440px;margin:auto}.character-art{height:auto;aspect-ratio:4/4.45;max-height:450px;width:calc(100% - 15px)}.character-now .character-art img{object-position:center 28%}.character-future{margin-top:0}.character-future .character-art{margin-left:15px}.character-future .character-caption{margin-left:15px}.character-age{font-size:106px;right:22px;bottom:8px}.portrait-code{font-size:7px;left:15px;bottom:22px}.character-caption{padding-top:18px}.character-role{font-size:10px}.character-caption h3{font-size:25px;margin-top:6px;margin-bottom:12px}.character-caption h3 small{font-size:10px;margin-left:12px}.character-caption p{font-size:11px;line-height:2;letter-spacing:.04em}.character-caption .text-link{margin-top:11px;font-size:10px;gap:40px}.duo-link{display:none}.characters-watermark{font-size:25vw;bottom:-6px;left:0}.choice-section{padding-bottom:51px}.choice-heading{margin-top:40px}.choice-heading .overline{font-size:6px;letter-spacing:.08em;margin-bottom:17px}.choice-heading h2{font-size:32px;letter-spacing:.13em}.choice-heading>p:last-child{font-size:11px;letter-spacing:.05em;margin-top:21px}.live-badge{font-size:6px!important;letter-spacing:.08em!important;gap:6px}.choice-machine{grid-template-columns:1fr;gap:13px;margin-top:27px}.time-aperture{width:100%;max-width:355px;justify-self:center}.aperture-top{font-size:6px}.aperture-bottom span{font-size:15px}.aperture-bottom small{font-size:8px}.future-console{padding-top:16px;margin:0 2px}.console-head{font-size:7px}.future-console h3{font-size:26px;margin:14px 0 9px}.future-description{font-size:12px;line-height:2.1;min-height:50px}.future-metrics{margin-top:20px}.metric span{font-size:10px}.metric b{font-size:24px}.metric small{font-size:8px}.memory-fragments{gap:5px;margin-top:17px}.memory-fragments i{width:6px;height:6px}.memory-fragments span{font-size:5.5px;letter-spacing:.04em}.choice-control{margin-top:25px}.choice-control label{font-size:9px;letter-spacing:.05em}.choice-control input{height:42px;margin-top:10px}.range-captions{font-size:10px}.choice-buttons{gap:10px;margin-top:21px}.choice-buttons button{font-size:10px;padding:14px 8px;min-height:48px;gap:14px}.console-footer{margin-top:10px}.console-footer .text-link{font-size:10px}.choice-reflection{margin-top:37px;gap:15px}.choice-reflection p{font-size:15px;line-height:2;letter-spacing:.055em;min-height:60px;max-width:330px;display:flex;align-items:center;justify-content:center}.simulation-note{font-size:8px;line-height:1.95;text-align:left;letter-spacing:.03em;margin-top:16px}.simulation-note br{display:none}.choice-section:before{background-size:65px 65px}.read-section{padding-bottom:69px}.read-grid{grid-template-columns:1fr;gap:54px;padding:48px 0 0}.book-visual{width:235px}.read-content .overline{font-size:7px;letter-spacing:.12em;margin-bottom:20px}.read-content h2{font-size:33px;letter-spacing:.09em;line-height:1.8}.read-content>p:not(.overline){font-size:12px;margin-top:22px}.read-status{font-size:10px;margin:23px 0}.read-status small{font-size:10px;margin-top:4px}.read-content .button{max-width:none;font-size:12px;min-height:57px}.read-content>.text-link{margin:16px auto 0;font-size:10px}.site-footer{padding:41px 24px 28px}.footer-top{gap:22px;position:relative;display:block;padding-bottom:28px}.footer-logo{width:210px;display:block}.footer-top>p{font-size:10px;line-height:2;letter-spacing:.055em;margin-top:21px}.back-top{position:absolute;right:0;top:15px;gap:11px}.back-top small{font-size:6px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:23px;padding-top:22px}.footer-bottom p{font-size:8px;line-height:2;letter-spacing:.02em}.footer-bottom p:first-child{font-size:9px;margin-bottom:7px}.footer-legal{flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:12px}.footer-legal button{font-size:8px}.footer-legal small{font-size:7px}.content-dialog{width:calc(100% - 24px);max-height:calc(100svh - 30px)}.dialog-close{top:9px;margin:9px 9px -48px 0;width:38px;height:38px}.reading-pane{padding:53px 25px 32px}.reading-pane>.eyebrow{font-size:7px;letter-spacing:.16em}.reading-pane h2{font-size:25px;line-height:1.85;letter-spacing:.055em;margin-top:23px}.reading-rule{margin:24px 0 28px}.reading-pane>p:not(.eyebrow){font-size:12px;line-height:2.2;letter-spacing:.045em;margin-top:23px}.reading-pane blockquote{font-size:18px;letter-spacing:.04em;margin:28px 0;padding-left:17px}.reading-pane .reading-note{font-size:9px!important}.reading-logo{width:220px;margin-top:27px}.compact-pane{padding-bottom:40px}.compact-pane h3{font-size:13px}.compact-pane h3+p{font-size:11px!important}.compact-pane .button{font-size:10px;width:100%;gap:12px;padding:13px 16px}.profile-pane{grid-template-columns:1fr;padding:24px;gap:22px}.profile-pane>img{height:340px;min-height:0;max-height:none;object-position:center 25%}.profile-pane>div{padding-top:0}.profile-pane h2{font-size:26px;margin:15px 0}.profile-pane .profile-lead{font-size:16px;line-height:1.8}.profile-pane p{font-size:12px}.profile-pane dl{font-size:10px}.kv-pane{padding:17px}.kv-pane>.eyebrow{font-size:7px;margin:5px 0 19px}.kv-new-footer{padding:18px 6px}.kv-new-footer p{font-size:14px}.kv-new-footer small{font-size:6px;letter-spacing:.17em}.toast{bottom:19px;padding:12px 17px;font-size:11px}}
@media(max-width:370px){:root{--frame:calc(100% - 40px)}.site-header{padding:0 17px}.header-tools{gap:7px}.brand{font-size:10px}.hero-content{margin-left:20px;margin-right:20px;padding-top:365px}.hero-art{height:475px}.main-copy{font-size:22px}.hero-actions{gap:17px}.hero-actions .button{padding:12px 15px;font-size:10px}.hero-actions>.text-link{font-size:9px;gap:7px}.hero-bottom{left:20px;right:20px}.hero-bottom>span:first-child{font-size:5px;letter-spacing:0}.hero-bottom a{font-size:5.5px}.story-heading h2{font-size:24px}.characters-heading h2{font-size:27px}.choice-heading h2{font-size:29px}.memory-fragments{gap:4px}.memory-fragments span{font-size:5px}.read-content h2{font-size:30px}.future-console h3{font-size:24px}.section-label>span:last-child{font-size:8px}}
/* User preference is respected, and a manual switch is always available. */
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}html[data-motion="off"] .hero-art{transform:none!important}html[data-motion="off"] .reveal{opacity:1!important;transform:none!important}html[data-motion="off"] .book-visual{transform:rotate(-5deg)!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on-user"]){scroll-behavior:auto}html:not([data-motion="on-user"]) *,html:not([data-motion="on-user"]) *:before,html:not([data-motion="on-user"]) *:after{animation:none!important;transition:none!important}html:not([data-motion="on-user"]) .reveal{opacity:1!important;transform:none!important}}
/* Dissolve the edge of the portrait into the present, rather than frame it. */
@media(min-width:701px){.hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%)}}

/* Approved production, fiction, and copyright wording — 2026-09-05. */
.footer-bottom .footer-credits{min-width:0}
.footer-bottom .footer-production{font-size:11px;line-height:2;color:#b5cbd8;margin-bottom:6px}
.footer-bottom .footer-fiction{font-size:10px;line-height:1.9;color:#9ab0c1}
.footer-bottom .footer-copyright{font-family:Arial,sans-serif;font-size:9px;line-height:1.8;letter-spacing:.08em;color:#9ab0c1;margin-top:10px}
.footer-credits strong{font-weight:600}
@media(max-width:700px){.footer-bottom{gap:16px}.footer-bottom .footer-production{font-size:11px}.footer-bottom .footer-fiction{font-size:10px}.footer-bottom .footer-copyright{font-size:9px;letter-spacing:.035em}}


/* v1.3 — edge-to-edge artwork, independent alpha logo, responsive portrait art. */
.site-header{height:86px;background:linear-gradient(180deg,#03101b91,transparent);border-bottom-color:#b4d9f01a}
.site-header.scrolled{height:72px;background:#07121eec}
.brand{display:block;flex-shrink:0;line-height:0;width:156px}
.brand img{width:100%;height:auto;filter:drop-shadow(0 0 10px #4eaefa25)}
.hero{display:block;position:relative;height:100svh;min-height:740px;max-height:none;isolation:isolate;padding:0;background:#041121}
.hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;box-shadow:none;z-index:-5;transform:translate(var(--cursor-x),var(--cursor-y)) scale(1.022);-webkit-mask-image:none;mask-image:none;pointer-events:none;will-change:transform}
.hero-art picture{display:block;width:100%;height:100%}
.hero-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:54% 43%;filter:none}
.hero-shade{z-index:-4;background:linear-gradient(90deg,#03101bad 0%,#03101b74 21%,#03101b15 43%,transparent 61%,#03101b0d),linear-gradient(0deg,#04111de3 0%,#04111d48 13%,transparent 34%,transparent 82%,#04111d58)}
.hero-content{position:absolute;inset:0;width:auto;max-width:none;margin:0;padding:0;z-index:3;pointer-events:none}
.hero-content a{pointer-events:auto}
.hero-content .hero-eyebrow{position:absolute;left:5.2%;top:17.8%;display:flex;margin:0;font-size:8px;letter-spacing:.21em}
.hero-content .main-copy{display:block;position:absolute;top:22%;left:5.2%;font-size:clamp(23px,2.03vw,34px);letter-spacing:.12em;line-height:1.92;margin:0;text-shadow:0 2px 18px #04101baa}
.hero-content .main-copy em{color:#c3eaff;font-size:1.1em}
.hero-content h1{position:absolute;left:4.55%;top:auto;bottom:33.5%;width:min(37.5vw,580px);max-width:none;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;filter:drop-shadow(0 0 15px #97d7ff20)}
.hero-content h1 img{display:block;width:100%;height:auto}
.hero-content .hero-intro{position:absolute;left:5.2%;bottom:29.1%;font-family:var(--serif);font-size:clamp(12px,1.05vw,16px);line-height:1.8;letter-spacing:.15em;color:#daeaf5;margin:0;text-shadow:0 1px 10px #03101b}
.hero-actions{position:absolute;left:5.2%;bottom:19.4%;display:flex;align-items:center;gap:30px;margin:0;flex-wrap:nowrap}
.hero-actions .button{min-width:205px;min-height:55px;font-size:12px;gap:22px;border:1px solid #aacfe499;background:linear-gradient(110deg,#c1dcec25,#07162766);color:#eff8ff;backdrop-filter:blur(8px);box-shadow:0 0 25px #76beeb10;padding:13px 23px}
.hero-actions .button:hover{background:#b9e6ff33;box-shadow:0 0 35px #82c5fc33}
.hero-actions .text-link{color:#e1edf6;font-size:11px;gap:12px;text-shadow:0 1px 8px #001}
.time-rail{display:none}
.hero-coordinate{right:2.6%;bottom:17.5%;font-size:7px;opacity:.8}
.hero-orbit{right:-27%;top:-60%;opacity:.26;width:1100px;animation:kv-orbit 140s linear infinite}
.hero-fragment{opacity:.28}
.fragment-a{right:6%;top:67%;width:37px;height:128px}.fragment-b{left:34%;top:81%;width:28px;height:86px}.fragment-c{right:31%;top:14%;width:20px;height:56px}
.hero-bottom{position:absolute;left:3%;right:3%;bottom:27px;padding-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #bfd9eb28;font-size:8px;gap:16px}
.hero-bottom>span:first-child{font:8px var(--latin);letter-spacing:.16em}
.hero-bottom>a{justify-self:center;font:8px var(--latin);gap:20px;letter-spacing:.17em}
.hero-kv-open{display:flex;justify-self:end;align-items:center;gap:13px;font:8px var(--latin);letter-spacing:.16em;padding:10px 0;min-height:38px}
.hero-kv-open svg{width:14px;height:14px}
.book-visual img{width:100%;height:auto;object-fit:contain}
.kv-pane>img{width:100%;max-width:484px;height:auto;margin:0 auto;object-fit:contain}
.content-dialog.visual-dialog{width:min(594px,calc(100% - 36px))}
.character-now .character-art img{object-position:center 30%}.character-future .character-art img{object-position:center 22%}
.profile-pane>img{object-position:center 24%}
.build-marker{font:8px/1.8 var(--latin);letter-spacing:.10em;color:#a2bdcf}
.build-note{font-size:11px!important;color:#aecde0!important}
@keyframes kv-orbit{to{transform:rotate(338deg)}}
@media(min-width:1800px){.hero-content h1{width:min(37.5vw,720px)}.hero-content .main-copy{font-size:clamp(34px,2.03vw,44px)}}
@media(min-width:701px) and (max-width:1100px){
.site-header{padding:0 28px;gap:16px}.brand{width:135px}.desktop-nav{gap:20px;margin-right:0;font-size:10px}.desktop-nav span{display:none}.header-tools{gap:12px}.motion-toggle{padding-left:15px;font-size:9px}
.hero{height:100svh;min-height:720px}.hero-art{inset:0;width:100%;height:100%;transform:translate(var(--cursor-x),var(--cursor-y)) scale(1.022)}.hero-art img{object-position:56% 43%}
.hero-content{inset:0;padding:0;margin:0;width:auto}.hero-content .hero-eyebrow{left:4.5%;font-size:6.5px;top:19%}.hero-content .main-copy{left:4.5%;top:25%;font-size:23px;letter-spacing:.08em}
.hero-content h1{left:3.8%;bottom:34%;width:39.5vw}.hero-content .hero-intro{left:4.5%;bottom:30.5%;font-size:11px;letter-spacing:.08em}
.hero-actions{left:4.5%;bottom:19.5%;gap:19px;flex-wrap:nowrap}.hero-actions .button{min-width:175px;padding:12px 15px;font-size:10px;gap:12px}.hero-actions .text-link{font-size:9px;gap:7px}.hero-coordinate{display:none}
}
@media(max-width:700px){
.site-header{height:70px;padding:0 20px;gap:15px;background:linear-gradient(180deg,#03101ba6,transparent);border-bottom:1px solid #adcfed1a}.site-header.scrolled{height:64px}.brand{width:116px}.brand img{width:116px}.header-tools{gap:14px}.motion-toggle{font-size:8px;border-left:0;padding-left:0;gap:9px}
.hero{display:block;height:100svh;min-height:720px;max-height:none;padding:0;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;aspect-ratio:auto;transform:none;z-index:-5;-webkit-mask-image:none;mask-image:none}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:51% 28%;filter:none}
.hero-shade{background:linear-gradient(0deg,#03101de6 0%,#03101d9e 17%,#03101d08 43%,transparent 67%,#03101d25 86%,#03101d5e),linear-gradient(90deg,#03101d23,transparent 40%)}
.hero-content{position:absolute;inset:0;margin:0;padding:0;width:auto;max-width:none;display:block;text-align:left}
.hero-content .hero-eyebrow{display:none}
.hero-content .main-copy{display:block;position:absolute;left:6%;top:92px;margin:0;font-size:16px;line-height:1.95;letter-spacing:.12em;text-shadow:0 1px 12px #001726;max-width:60%}
.hero-content .main-copy em{font-size:1em;color:#d6efff}
.hero-content h1{position:absolute;left:5%;top:auto;bottom:176px;width:90%;max-width:450px;margin:0;padding:0;height:auto;clip:auto;white-space:normal;overflow:visible}
.hero-content h1 img{width:100%;height:auto}
.hero-content .hero-intro{position:absolute;left:0;right:0;bottom:147px;text-align:center;margin:0;padding:0;font-size:11px;line-height:1.8;letter-spacing:.11em;color:#dceffd;white-space:nowrap}
.hero-actions{position:absolute;left:0;right:0;bottom:78px;margin:0;display:flex;justify-content:center;gap:24px;flex-wrap:nowrap}
.hero-actions .button{min-width:166px;min-height:48px;padding:11px 17px;font-size:10px;gap:15px}.hero-actions .text-link{font-size:10px;gap:9px}
.hero-coordinate,.time-rail{display:none}.hero-orbit{width:690px;right:-440px;top:-270px;opacity:.16}
.hero-bottom{left:20px;right:20px;bottom:12px;padding-top:9px;gap:10px;grid-template-columns:1fr 1fr}.hero-bottom>span:first-child{display:none}.hero-bottom>a{justify-self:start;font-size:6px;letter-spacing:.18em;gap:13px}.hero-kv-open{font-size:6px;gap:8px;min-height:35px}.hero-kv-open svg{width:12px;height:12px}
.fragment-a{right:7%;top:53%;width:22px;height:75px}.fragment-b{left:8%;top:76%;width:18px;height:50px}.fragment-c{right:9%;top:12%;width:13px;height:40px}
.book-visual{width:min(280px,82vw)}.footer-legal{flex-wrap:wrap}.build-marker{font-size:7px}.kv-pane>img{max-width:100%}
}
@media(max-width:370px){.site-header{padding:0 16px}.header-tools{gap:8px}.brand,.brand img{width:108px}.hero{min-height:710px}.hero-content .main-copy{top:89px;font-size:15px}.hero-content h1{bottom:180px}.hero-content .hero-intro{bottom:151px;font-size:10px;letter-spacing:.055em}.hero-actions{bottom:82px;gap:19px}.hero-actions .button{min-width:151px;font-size:9px;padding:10px 13px}.hero-actions .text-link{font-size:9px}.hero-bottom{left:18px;right:18px}}
@media(min-width:701px) and (max-height:650px){.hero{min-height:710px}}
html[data-motion="off"] .hero-art{transform:none!important}
/* Keep text and letterforms separate on shorter/wider displays. */
@media(min-width:1800px){.hero-content h1{width:640px}.hero-content .main-copy{font-size:36px}}
@media(min-width:701px) and (max-height:820px){.hero-content .hero-eyebrow{top:14.5%}.hero-content .main-copy{top:19%;font-size:25px;line-height:1.8}.hero-content h1{width:min(37.5vw,540px)}}
/* Portrait tablets use the portrait composition, not a crop through the older face. */
@media(min-width:701px) and (max-width:1100px) and (max-aspect-ratio:1/1){
.hero-art{transform:none}.hero-art img{object-position:51% 23%}
.hero-shade{background:linear-gradient(0deg,#03101de8 0%,#03101d83 21%,transparent 50%,transparent 79%,#03101d52),linear-gradient(90deg,#03101d20,transparent 35%)}
.hero-content .hero-eyebrow{display:none}.hero-content .main-copy{top:128px;left:6%;font-size:23px;line-height:1.95}
.hero-content h1{left:50%;bottom:195px;width:min(64vw,520px);transform:translateX(-50%)}
.hero-content .hero-intro{left:0;right:0;bottom:159px;text-align:center;font-size:14px;letter-spacing:.14em}
.hero-actions{left:0;right:0;bottom:90px;justify-content:center;gap:30px}.hero-actions .button{font-size:12px;min-width:210px}.hero-actions .text-link{font-size:12px}
.hero-coordinate{display:none}.hero-orbit{opacity:.13}
}

/* v1.4 — genuine generated RGBA logo and two separately generated portraits.
   No key-visual crops are used for character profiles. */
.brand img,.hero-content h1 img,.footer-logo img,.reading-logo{
  height:auto;object-fit:contain;background:transparent;mix-blend-mode:normal;
}
.hero-content h1{filter:none}
.brand img{filter:none}
.character-art{height:auto;min-height:0;max-height:none;aspect-ratio:1122 / 1402}
.character-now .character-art img,.character-future .character-art img{
  object-fit:contain;object-position:center;filter:saturate(.94);
}
.character-art:hover>img{transform:scale(1.018);filter:saturate(1)}
.profile-pane{align-items:start}
.profile-pane>img{
  width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1122 / 1402;
  object-fit:contain;object-position:top center;align-self:start;background:#07121e;
}
.profile-pane>div{padding-top:8px}
.aperture-photo>img{object-position:50% 20%}
@media(max-width:700px){
  .character-art{height:auto;max-height:none;aspect-ratio:1122 / 1402}
  .profile-pane{padding:42px 22px 26px;gap:24px}
  .profile-pane>img{height:auto;max-height:none;object-fit:contain;object-position:top center}
  .profile-pane>div{padding-top:0}
}