/* MOCHI + SHIO — an editorial, interactive book archive. */
:root{--night:#1c2020;--cream:#f1eee5;--signal:#ed4d36;--acid:#e5ec93;--paper:#f3f0e7;--ink:#252827;--muted:#71746c;--red:#c63e2d;--line:#d2d0c5}.wrap{max-width:1360px;padding-inline:54px}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--signal);color:white}.site-header{min-height:94px;isolation:isolate;border-bottom:1px solid #ffffff24;color:var(--cream);z-index:30}.site-header:before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:var(--night);z-index:-1}.site-header .brand{display:flex;gap:13px;align-items:center}.brand__symbol{display:flex;align-items:center;font-family:Georgia,serif;font-size:34px;font-weight:700;letter-spacing:-.1em;line-height:1;border:1px solid currentColor;width:63px;height:45px;justify-content:center;border-radius:23px}.brand__symbol>span{color:var(--signal);font:18px Arial,sans-serif;letter-spacing:0;margin:0 3px}.brand__name{font-size:17px;letter-spacing:.02em}.brand__name i{color:var(--signal)}.brand__name small{font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:inherit;opacity:.7;margin-top:5px}.site-nav{margin-left:auto;gap:21px}.site-nav a{font-size:11px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--acid)}.header-controls{display:flex;gap:20px;align-items:center}.motion-toggle{background:transparent;border:0;color:inherit;font-size:9px;display:flex;gap:6px;align-items:center;padding:9px 0}.motion-toggle>span:first-child{color:var(--acid);font-size:14px}.motion-toggle[aria-pressed=true]>span:first-child{color:#8c918a}.experience-menu{background:transparent;border:1px solid #ffffff55;color:inherit;border-radius:30px;font:11px Arial,sans-serif;letter-spacing:.08em;padding:11px 15px;min-width:88px}.experience-menu span{font-size:16px;margin-left:12px}.experience-menu:hover{background:var(--cream);color:var(--night)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(var(--scroll-progress,0));transform-origin:left;background:var(--signal);z-index:110;pointer-events:none}.is-home .site-header{margin-bottom:0}.experience-hero{position:relative;isolation:isolate;color:var(--cream);display:grid;grid-template-columns:1.04fr 1fr;gap:0 30px;min-height:690px;padding:26px 0 30px}.experience-hero:before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:radial-gradient(ellipse at var(--light-x,75%) var(--light-y,45%),#3b443833 0,transparent 55%),var(--night);z-index:-3}.hero-kicker{grid-column:1/-1;display:flex;justify-content:space-between;font:9px/1.8 Arial,sans-serif;letter-spacing:.14em;color:#c8cbbf;margin-bottom:28px}.hero-kicker>span{display:flex;gap:9px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);display:inline-block;box-shadow:0 0 13px #e5ec9344}.hero-grid{position:absolute;inset:0 -25px;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:74px 74px;pointer-events:none;z-index:-2;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent)}.hero-editorial{position:relative;z-index:2;padding:0 0 24px}.hero-type{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(75px,9.7vw,132px);line-height:.91;letter-spacing:-.025em;font-weight:900}.hero-type>span{display:block;width:max-content}.hero-type__outline{color:transparent;-webkit-text-stroke:1px #e9e9d6aa}.hero-type>span.hero-type__red{color:var(--signal);font-size:.72em;letter-spacing:-.025em;line-height:1.12;margin-top:5px}.experience-hero h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(25px,2.6vw,35px);line-height:1.7;letter-spacing:.09em;margin:24px 0 14px;font-weight:500}.experience-hero .hero-editorial>p{font-size:12px;line-height:2.15;color:#b8bdb2;margin:0}.hero-enter{display:inline-flex;gap:25px;align-items:center;margin-top:25px;font-size:12px}.hero-enter>b{width:43px;height:43px;display:grid;place-content:center;border:1px solid #ffffff55;border-radius:50%;font-size:19px;font-weight:400;transition:background .25s,color .25s}.hero-enter:hover>b{background:var(--acid);color:var(--night)}.hero-orbit{position:absolute;border:1px solid #e5ec9317;border-radius:50%;pointer-events:none;z-index:-1}.hero-orbit--one{width:610px;height:610px;right:-65px;top:35px;transform:rotateX(64deg)rotateZ(-25deg)}.hero-orbit--two{width:560px;height:560px;right:-40px;top:65px;transform:rotateY(64deg)rotateZ(25deg)}.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;perspective:1300px;min-height:535px}.stage-books{position:relative;width:clamp(200px,22vw,290px);aspect-ratio:1367/1823;transform-style:preserve-3d;transform:translateY(var(--stage-scroll,0px));will-change:transform;margin-top:-42px}.stage-book{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(5deg + var(--stage-y,0deg)))rotateY(calc(-22deg + var(--stage-x,0deg)))rotateZ(8deg);transition:transform .45s cubic-bezier(.2,.6,.2,1);outline-offset:15px}.stage-book__front{position:absolute;inset:0;transform:translateZ(15px);background:#f4eddd;border-radius:3px 7px 7px 3px;overflow:hidden;box-shadow:18px 22px 40px #0005;backface-visibility:hidden}.stage-book__front img{width:100%;height:100%;object-fit:contain;display:block}.stage-book__front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 3%,#fff4 4%,transparent 6%);pointer-events:none}.stage-book__back{position:absolute;inset:0;background:#674c39;transform:translateZ(-12px);border-radius:4px}.stage-book__pages{position:absolute;width:27px;top:4px;bottom:4px;right:-12px;transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#fbf6e6 0px 2px,#d7cbb0 2px 3px)}.stage-book__spine{position:absolute;left:-14px;width:28px;top:0;bottom:0;transform:rotateY(-90deg);background:#c34432;color:#fff2e0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font:10px Arial,sans-serif;letter-spacing:.2em}.stage-book__shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#fff4 50%,transparent 75%);transform:translateX(var(--shine-x,-55%));mix-blend-mode:screen;pointer-events:none;transition:transform .5s}.stage-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;border-radius:5px;filter:brightness(.77);box-shadow:15px 20px 30px #0004;transition:transform .6s}.stage-ghost--back{transform:translate(-85px,5px)rotate(-16deg)scale(.91)}.stage-ghost--middle{transform:translate(63px,-15px)rotate(19deg)scale(.94)}.stage-halo{position:absolute;width:410px;max-width:100%;aspect-ratio:1;top:40px;background:radial-gradient(circle,#e5ec9312,transparent 65%);pointer-events:none}.stage-cross{position:absolute;font:22px Arial,sans-serif;color:#d9e2bd55}.stage-cross--one{top:0;left:30px}.stage-cross--two{bottom:110px;right:0}.stage-coordinate{position:absolute;right:-5px;top:35px;writing-mode:vertical-rl;font:8px Arial,sans-serif;letter-spacing:.2em;color:#9bafa3}.stage-badge{position:absolute;bottom:128px;right:-10px;width:101px;height:101px;background:var(--signal);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(12deg);z-index:3;box-shadow:0 10px 30px #0002;pointer-events:none}.stage-badge span{font:7px Arial,sans-serif;letter-spacing:.13em}.stage-badge b{font:36px/1 Arial,sans-serif}.stage-controls{position:absolute;bottom:59px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:17px}.stage-controls>button{border:1px solid #ffffff44;background:transparent;color:var(--cream);width:34px;height:34px;border-radius:50%;font-size:15px}.stage-controls>button:hover{background:var(--cream);color:var(--night)}.stage-controls>span{font:10px Arial,sans-serif;letter-spacing:.15em}.stage-controls>.stage-preview{width:auto;border:0;border-radius:0;font-size:11px;padding:0 4px;margin-left:7px}.stage-controls>.stage-preview:hover{background:none;color:var(--acid)}.stage-caption{position:absolute;bottom:0;left:20px;right:20px;text-align:center;display:flex;flex-direction:column;gap:6px;min-height:44px}.stage-caption>span{font:9px Arial,sans-serif;letter-spacing:.15em;color:#b6bdae}.stage-caption>strong{font-size:12px;font-weight:400;line-height:1.7}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff22;padding-top:19px;margin-top:10px;color:#b9beb2;font-size:10px}.scroll-cue{font:8px Arial,sans-serif;letter-spacing:.15em;display:flex;gap:18px;align-items:center}.scroll-cue i{font-style:normal;font-size:20px}.news-ticker{position:relative;left:calc(50% - 50vw);width:100vw;overflow:hidden;background:var(--signal);color:var(--night);padding:17px 0;border-top:1px solid #0002;border-bottom:1px solid #0002}.news-ticker__track{display:flex;width:max-content;transform:translateX(-5%);font-family:Impact,'Arial Black',sans-serif;font-size:25px;letter-spacing:.03em;line-height:1;white-space:nowrap}.news-ticker__track span{padding-right:28px}.news-ticker i{font-style:normal;margin:0 25px;font-size:27px}.story-manifesto{padding:85px 0 90px;position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:35px;align-items:end}.manifesto-index{grid-column:1/-1;font:9px Arial,sans-serif;letter-spacing:.16em;color:var(--muted)}.story-manifesto h2{font-size:clamp(30px,4vw,52px);line-height:1.9;letter-spacing:.04em;font-weight:600;font-family:'Yu Mincho','Hiragino Mincho ProN',serif}.story-manifesto h2>span{display:block}.manifesto-accent{width:max-content;position:relative;color:var(--red)}.manifesto-accent:after{content:'';position:absolute;bottom:7px;left:0;height:1px;width:100%;background:var(--red);transform:scaleX(var(--manifesto-progress,1));transform-origin:left}.manifesto-side{padding:0 0 5px 20px;position:relative}.manifesto-asterisk{display:block;color:var(--red);font:90px/1 Georgia,serif;margin-bottom:23px;width:max-content;transform:rotate(var(--asterisk-rotation,0deg))}.manifesto-side p{font-size:12px;line-height:2.2;color:var(--muted)}.manifesto-side a{display:inline-block;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:12px}.shelf{padding-top:40px}.shelf .section-head h2{font-family:'Yu Mincho',serif;font-size:39px}.shelf .section-head h2 small{font:9px Arial,sans-serif;letter-spacing:.17em;margin-bottom:15px;color:var(--red)}.books{gap:22px}.book{border-radius:0;border-color:#d4d1c6;background:#faf8f1;position:relative;transition:background .25s,box-shadow .35s,border-color .25s;padding:25px}.book:hover{border-color:#b7b4a7;background:#fffdf8;box-shadow:0 14px 30px #1c20200b}.book__cover{perspective:700px}.book__cover img{transform-origin:20% center;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.book:hover .book__cover img{transform:rotateY(var(--cover-y,-14deg))rotateX(var(--cover-x,3deg))rotateZ(-2deg)translateY(-4px);box-shadow:7px 7px 0 #c5b99d,18px 20px 20px #25282725}.book__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:11px}.book__read{width:auto;border:0;padding:0;font-size:11px;color:var(--red);font-weight:600}.book__preview{border:0;background:transparent;color:var(--muted);font-size:10px;padding:4px 0;white-space:nowrap}.book__preview:hover{color:var(--red)}.tab{border-radius:0;font-size:11px;padding:11px 18px}.tab[aria-pressed=true]{background:var(--night);color:var(--cream);border-color:var(--night)}.search{max-width:280px}.search input{font-size:11px}.discovery{position:relative;isolation:isolate;background:var(--night);color:var(--cream);padding:43px 42px;margin:0 0 55px;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden}.discovery:before{content:'?';position:absolute;right:20%;bottom:-120px;font:440px/1 Georgia,serif;opacity:.025;z-index:-1}.discovery__eyebrow{font:9px Arial,sans-serif;letter-spacing:.15em;color:var(--acid)}.discovery h2{font-family:'Yu Mincho',serif;font-size:29px;line-height:1.8;margin-top:14px}.discovery p{font-size:12px;color:#b8bdb2;line-height:1.8}.discovery__button{display:flex;width:130px;height:130px;border-radius:50%;background:var(--acid);color:var(--night);flex-direction:column;justify-content:center;align-items:center;gap:13px;flex-shrink:0;transition:background .2s}.discovery__button>span{font-size:12px}.discovery__button>b{font:37px/1 Arial,sans-serif}.discovery__button:hover{background:var(--signal)}.home-section h2{font-family:'Yu Mincho',serif;font-size:32px}.topic-card{border-radius:0;padding:32px;position:relative;overflow:hidden;background:#ebe8dc;transition:background .3s,color .3s}.topic-card:after{content:'↗';position:absolute;right:25px;top:15px;font:49px Arial,sans-serif;color:#25282728;transition:transform .3s}.topic-card:hover:after{transform:translate(4px,-4px)}.topic-card:hover{background:#e1e6c8;border-color:var(--line)}.topic-card p{max-width:80%}.about{padding-top:50px;padding-bottom:60px}.about h2{font-size:34px}.site-footer{position:relative;isolation:isolate;display:grid;grid-template-columns:1.6fr 1fr;color:var(--cream);border:0;padding:65px 0 24px;gap:35px 60px}.site-footer:before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:var(--night);z-index:-1}.footer-invitation__eyebrow{font:9px Arial,sans-serif;letter-spacing:.14em;color:#aab1a4}.footer-invitation__link{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(45px,7.4vw,99px);font-weight:800;line-height:.95;letter-spacing:-.015em}.footer-invitation__link i{font-style:normal;color:var(--acid)}.footer-invitation__link>b{font:90px/1 Arial,sans-serif;color:var(--signal);transition:transform .4s}.footer-invitation__link:hover>b{transform:translate(10px,-10px)}.footer-invitation>p{font-size:12px;color:#b7bdaf;line-height:2;margin-top:20px}.footer-info>.brand{display:flex;align-items:center;gap:14px}.site-footer .footer-copy{color:#a6afa1;font-size:11px;line-height:2.1;margin:20px 0 25px}.site-footer .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px}.site-footer .footer-nav a:hover{color:var(--acid)}.footer-bottom{border-color:#ffffff25;color:#a6afa1;font:9px/1.8 Arial,sans-serif;margin-top:18px}.footer-bottom a{font-size:10px;text-decoration:none}.footer-bottom a:hover{color:var(--acid)}.is-inner .content{padding-top:35px}.is-inner .content h1{font-size:clamp(32px,4.6vw,57px);line-height:1.6;letter-spacing:.03em}.is-inner .breadcrumb{padding-top:26px}.is-inner .content>.eyebrow{font-size:9px;letter-spacing:.18em}.is-inner .content .lead{max-width:740px;font-size:15px}.is-inner .toc{background:#eae8dc}.reading-frame{background:var(--night);border:0;padding:18px;border-radius:0;box-shadow:0 15px 40px #1c202018}.reading-page figcaption{color:#b7bdaf}.reading-controls{padding-bottom:10px}.reading-controls button{border-color:#ffffff40;background:transparent;color:var(--cream);border-radius:20px}.reading-controls button:not(:disabled):hover{background:var(--cream);color:var(--night)}.reading-counter{color:var(--cream)}.question summary{padding-right:20px}.question[open]{border-color:var(--red)}.afterword{background:#ece8d9;border:0;border-radius:0}.character-line{color:var(--red)}.page .button{border-radius:0}.is-inner .page{padding-top:30px}.nav-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:var(--signal);color:var(--night);border:0;padding:30px max(30px,calc((100vw - 1252px)/2));overflow-y:auto}.nav-dialog::backdrop{background:var(--night)}.nav-dialog__top{display:flex;justify-content:space-between;align-items:center;font:13px Arial,sans-serif;letter-spacing:.1em}.nav-dialog__top button{padding:12px 20px;border:1px solid #1c202055;border-radius:30px;background:transparent;color:inherit;font-size:12px}.nav-dialog__eyebrow{font:9px Arial,sans-serif;letter-spacing:.14em;margin:45px 0 18px}.nav-dialog nav{display:block}.nav-dialog__link{display:grid;grid-template-columns:40px 1fr 170px 70px;align-items:center;border-top:1px solid #1c202044;padding:14px 0;gap:15px}.nav-dialog__link small{font:10px Arial,sans-serif;align-self:start;padding-top:12px}.nav-dialog__link>span{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(35px,7vw,89px);line-height:1.1;font-weight:900}.nav-dialog__link em{font-size:12px;font-style:normal}.nav-dialog__link>b{font:50px Arial,sans-serif;justify-self:end;transition:transform .3s}.nav-dialog__link:hover>b{transform:rotate(45deg)}.nav-dialog__link:hover>span{color:var(--cream)}.nav-dialog__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1c202044;padding:25px 0;font-size:12px}.book-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:20px 28px;background:#1c2020f7;color:var(--cream);overflow:auto}.book-dialog::backdrop{background:#101413ee;backdrop-filter:blur(12px)}.book-dialog__top{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px Arial,sans-serif;letter-spacing:.14em}.book-dialog__top button{background:none;border:1px solid #ffffff44;color:var(--cream);font-size:12px;border-radius:25px;padding:10px 20px}.book-dialog__body{max-width:900px;margin:auto;text-align:center;padding:15px 0}.book-dialog__meta>span{font:9px Arial,sans-serif;letter-spacing:.16em;color:var(--acid)}.book-dialog__meta h2{font-family:'Yu Mincho',serif;font-size:21px;line-height:1.8;font-weight:500;margin:9px auto 20px;max-width:650px}.flip-stage{perspective:1700px;display:flex;justify-content:center;padding:5px 0 10px;overflow:visible}.flipbook{width:min(420px,70vw,calc(58svh * .75));aspect-ratio:1367/1823;position:relative;transform-style:preserve-3d;transform:rotateY(-5deg);box-shadow:12px 15px 0 #d7cbb633,20px 28px 55px #0007;border-radius:4px;background:#d8cbb6}.flip-under,.flip-sheet{position:absolute;inset:0;border-radius:3px;overflow:hidden;background:#f4ecdc}.flip-under{transform:translateZ(-2px)}.flip-sheet{transform-origin:left center;backface-visibility:hidden;z-index:2}.flip-sheet img,.flip-under img{display:block;width:100%;height:100%;object-fit:contain}.flip-sheet__shine{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0003,transparent 30%,#fff6)}.flip-sheet.is-turning{animation:page-turn .55s cubic-bezier(.4,.1,.3,1) forwards}.flip-sheet.is-returning{animation:page-return .55s cubic-bezier(.4,.1,.3,1) forwards}.flip-sheet.is-turning .flip-sheet__shine,.flip-sheet.is-returning .flip-sheet__shine{opacity:1}.book-dialog__controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:18px}.book-dialog__controls button{width:40px;height:40px;background:transparent;border:1px solid #ffffff55;color:var(--cream);border-radius:50%;font-size:18px}.book-dialog__controls button:disabled{opacity:.3;cursor:default}.book-dialog__controls button:not(:disabled):hover{background:var(--acid);color:var(--night)}.book-dialog__controls>span{font:11px Arial,sans-serif;letter-spacing:.14em;min-width:45px}.book-dialog__details{display:inline-block;border-bottom:1px solid #ffffff44;padding-bottom:8px;margin-top:23px;font-size:12px;color:var(--acid)}.experience-cursor{position:fixed;left:0;top:0;width:66px;height:66px;border:1px solid var(--acid);border-radius:50%;transform:translate(-200px,-200px);z-index:150;pointer-events:none;opacity:0;display:none;background:#1c20200a;backdrop-filter:invert(.05);transition:width .2s,height .2s,background .2s,opacity .2s}.experience-cursor>span{position:absolute;inset:0;display:grid;place-content:center;font:8px Arial,sans-serif;letter-spacing:.15em;color:var(--cream);mix-blend-mode:difference;opacity:0}.experience-cursor.is-over{width:82px;height:82px;background:var(--signal);border-color:var(--signal)}.experience-cursor.is-over>span{opacity:1}.motion-on .news-ticker__track{animation:ticker 30s linear infinite}.news-ticker:hover .news-ticker__track{animation-play-state:paused}.motion-on .stage-ghost--back{animation:ghost-back 8s ease-in-out infinite}.motion-on .stage-ghost--middle{animation:ghost-middle 9s ease-in-out infinite}.motion-on .scroll-cue i{animation:scroll-cue 2.4s ease-in-out infinite}.motion-on .hero-type>span{animation:type-enter .9s cubic-bezier(.2,.8,.2,1) both}.motion-on .hero-type>span:nth-child(2){animation-delay:.1s}.motion-on .hero-type>span:nth-child(3){animation-delay:.2s}.motion-on .stage-books{animation:book-enter 1.15s cubic-bezier(.2,.7,.2,1) both}.reveal-pending{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-pending.is-visible{opacity:1;transform:translateY(0)}.motion-off .reveal-pending{opacity:1;transform:none;transition:none}.motion-off .stage-book{transform:rotateY(-18deg)rotateZ(6deg)}.motion-off .stage-books{transform:none;will-change:auto}.motion-off .magnetic{transform:none!important}.motion-off .stage-book__shine{display:none}.motion-off .manifesto-accent:after{transform:none}.motion-off .manifesto-asterisk{transform:none}.motion-off .experience-cursor{display:none}.magnetic{transition:transform .3s ease}.book-shift .stage-book__front{animation:cover-shift .45s ease}.flipbook.is-opening{animation:book-enter .5s ease}@keyframes ticker{to{transform:translateX(-55%)}}@keyframes ghost-back{50%{transform:translate(-93px,-4px)rotate(-19deg)scale(.91)}}@keyframes ghost-middle{50%{transform:translate(70px,-23px)rotate(22deg)scale(.94)}}@keyframes scroll-cue{50%{transform:translateY(6px)}}@keyframes type-enter{from{opacity:0;transform:translateY(25px)rotate(2deg)}to{opacity:1;transform:none}}@keyframes book-enter{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@keyframes cover-shift{0%{opacity:.35;filter:blur(4px)}100%{opacity:1;filter:none}}@keyframes page-turn{0%{transform:rotateY(0deg);opacity:1}85%{opacity:1}100%{transform:rotateY(-145deg);opacity:0}}@keyframes page-return{0%{transform:rotateY(-145deg);opacity:0}20%{opacity:1}100%{transform:rotateY(0deg);opacity:1}}
@media(hover:hover) and (pointer:fine){.motion-on .experience-cursor{display:block}}
@media(min-width:1600px){.experience-hero{min-height:770px}.hero-type{font-size:145px}.hero-stage{min-height:580px}.stage-books{width:300px}}
@media(max-width:1100px){.wrap{padding-inline:35px}.site-nav{gap:16px}.site-nav a{font-size:10px}.header-controls{gap:14px}.motion-toggle{font-size:8px}.brand__name{font-size:14px}.brand__symbol{width:55px;height:40px;font-size:30px}.hero-type{font-size:9.6vw}.experience-hero{min-height:640px}.hero-stage{min-height:500px}.stage-books{width:230px}.stage-badge{right:-10px;bottom:145px;width:85px;height:85px}.stage-badge span{font-size:6px}.stage-caption{left:0;right:0}.stage-cross--one{left:0}.stage-ghost--back{transform:translate(-62px,6px)rotate(-16deg)scale(.91)}.stage-ghost--middle{transform:translate(42px,-15px)rotate(19deg)scale(.94)}.motion-on .stage-ghost--back,.motion-on .stage-ghost--middle{animation:none}.hero-orbit--one{width:440px;height:440px}.hero-orbit--two{width:420px;height:420px}.hero-editorial>p{font-size:11px}.story-manifesto{padding-top:65px}.site-footer{gap:35px}}
@media(max-width:900px){.site-nav{display:none}.js .site-nav{display:none}.site-header{flex-wrap:nowrap}.header-controls{margin-left:auto}.experience-hero{gap:0 15px}.hero-type{font-size:10vw}.stage-books{width:200px}.hero-stage{min-height:460px}.stage-badge{width:75px;height:75px;right:-5px;bottom:130px}.stage-controls{gap:10px;bottom:60px}.stage-controls>button{width:30px;height:30px}.stage-controls>.stage-preview{font-size:10px}.hero-type>span.hero-type__red{font-size:.68em}.experience-hero h1{font-size:26px}.hero-orbit--one,.hero-orbit--two{max-width:65vw}.book__actions{flex-wrap:wrap}.footer-invitation__link>b{font-size:60px}.story-manifesto h2{font-size:34px}.nav-dialog__link{grid-template-columns:30px 1fr 130px 50px}.nav-dialog__link>span{font-size:65px}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-header{min-height:80px}.site-header .brand{gap:8px}.brand__name{font-size:13px}.brand__symbol{width:45px;height:34px;font-size:25px}.brand__symbol>span{font-size:13px;margin:0 2px}.brand__name small{font-size:6px;letter-spacing:.08em}.header-controls{gap:12px}.motion-toggle{font-size:8px}.motion-toggle>span:first-child{font-size:12px}.experience-menu{padding:9px 11px;min-width:73px;font-size:9px}.experience-menu span{margin-left:5px;font-size:14px}.experience-hero{grid-template-columns:1fr;min-height:0;padding-top:19px;padding-bottom:20px;gap:0}.hero-kicker{font-size:7px;letter-spacing:.1em;margin-bottom:25px}.hero-kicker>span{gap:6px}.hero-editorial{padding-bottom:0;z-index:2}.hero-type{font-size:clamp(76px,20vw,125px);line-height:.89;letter-spacing:-.015em}.hero-type>span.hero-type__red{font-size:.65em;margin-top:7px;line-height:1.1}.experience-hero h1{font-size:25px;line-height:1.6;margin-top:23px;margin-bottom:12px}.experience-hero .hero-editorial>p{font-size:10px;line-height:2}.hero-enter{margin-top:16px;font-size:11px;gap:16px}.hero-enter>b{width:34px;height:34px;font-size:17px}.hero-stage{min-height:365px;margin-top:0}.stage-books{width:180px;margin-top:-17px;margin-left:5px}.stage-coordinate{top:40px;right:0;font-size:7px}.stage-ghost--back{transform:translate(-57px,5px)rotate(-16deg)scale(.91)}.stage-ghost--middle{transform:translate(47px,-15px)rotate(19deg)scale(.94)}.stage-badge{right:4%;bottom:110px;width:75px;height:75px}.stage-badge b{font-size:27px}.stage-controls{bottom:42px}.stage-controls>.stage-preview{font-size:10px;margin-left:5px}.stage-caption{bottom:0;min-height:33px;gap:4px}.stage-caption>strong{font-size:10px}.stage-caption>span{font-size:8px}.stage-cross--one{top:25px;left:3%}.stage-cross--two{bottom:95px}.stage-halo{width:330px;top:-35px}.hero-orbit--one{top:auto;bottom:100px;right:-10px;width:360px;height:360px;max-width:100vw}.hero-orbit--two{top:auto;bottom:80px;width:350px;height:350px;max-width:100vw}.hero-bottom{margin-top:22px;font-size:9px;padding-top:15px}.scroll-cue{font-size:7px;gap:12px}.scroll-cue i{font-size:17px}.news-ticker{padding:13px 0}.news-ticker__track{font-size:20px}.news-ticker i{font-size:21px;margin:0 20px}.story-manifesto{grid-template-columns:1fr;gap:23px;padding:43px 0 45px}.manifesto-index{font-size:7px}.story-manifesto h2{font-size:clamp(26px,7.4vw,38px);line-height:1.9}.manifesto-side{display:grid;grid-template-columns:60px 1fr;gap:0 20px;padding:0}.manifesto-asterisk{grid-row:1/3;font-size:65px;margin:0;align-self:center}.manifesto-side p{font-size:11px;margin:0}.manifesto-side a{justify-self:start;font-size:10px;margin-top:13px}.shelf{padding-top:28px;padding-bottom:35px}.shelf .section-head h2{font-size:29px}.shelf .section-head h2 small{font-size:8px;margin-bottom:9px}.count{font-size:10px}.toolbar{margin:20px 0 25px}.tabs{gap:6px}.tab{font-size:10px;padding:9px 13px}.search{max-width:none}.book{padding:19px;gap:0 18px}.book__actions{flex-wrap:nowrap;gap:10px}.book__read{font-size:10px}.book__preview{font-size:9px}.discovery{margin-bottom:30px;padding:28px 22px;gap:15px}.discovery__eyebrow{font-size:7px}.discovery h2{font-size:20px;line-height:1.8;margin-top:10px}.discovery p{font-size:10px;max-width:170px}.discovery__button{width:90px;height:90px;gap:8px}.discovery__button>span{font-size:10px}.discovery__button>b{font-size:29px}.home-section h2{font-size:26px}.topic-card{padding:24px}.topic-card:after{font-size:40px}.topic-card p{font-size:12px}.about{padding:35px 0 40px}.about h2{font-size:27px}.site-footer{grid-template-columns:1fr;padding-top:38px;gap:30px}.footer-invitation__eyebrow{font-size:8px}.footer-invitation__link{font-size:18vw;max-width:500px}.footer-invitation__link>b{font-size:65px}.footer-invitation>p{font-size:11px;margin-top:16px}.footer-info{border-top:1px solid #ffffff25;padding-top:25px}.footer-info>.brand{gap:10px}.site-footer .footer-copy{font-size:10px;margin:16px 0 20px}.site-footer .footer-nav{font-size:10px;gap:14px}.footer-bottom{margin-top:0;font-size:8px;gap:12px}.footer-bottom a{font-size:9px}.is-inner .content{padding-top:18px}.is-inner .content h1{font-size:30px}.is-inner .content .lead{font-size:14px}.reading-frame{padding:10px}.is-inner .breadcrumb{font-size:10px}.nav-dialog{padding:22px}.nav-dialog__top{font-size:11px}.nav-dialog__eyebrow{font-size:7px;margin-top:40px}.nav-dialog__link{grid-template-columns:21px 1fr 35px;gap:10px;padding:20px 0;position:relative}.nav-dialog__link>span{font-size:clamp(42px,12vw,70px)}.nav-dialog__link>small{font-size:8px}.nav-dialog__link>em{grid-column:2;font-size:10px;margin-top:-4px}.nav-dialog__link>b{grid-column:3;grid-row:1/3;font-size:36px}.nav-dialog__bottom{font-size:10px;line-height:1.8}.book-dialog{padding:16px}.book-dialog__top{font-size:7px;letter-spacing:.09em}.book-dialog__top button{font-size:10px;padding:9px 14px}.book-dialog__body{padding-top:20px}.book-dialog__meta h2{font-size:16px;max-width:300px}.flipbook{width:min(76vw,calc(54svh * .75))}.book-dialog__controls{margin-top:18px;gap:22px}.book-dialog__details{font-size:11px;margin-top:20px}.book-dialog__controls button{width:38px;height:38px}}
@media(max-width:380px){.wrap{padding-inline:17px}.motion-toggle{gap:3px;font-size:7px}.header-controls{gap:8px}.brand__name{font-size:11px}.brand__symbol{width:40px;height:31px}.hero-kicker{font-size:6px}.experience-menu{min-width:67px;padding:8px 9px}.experience-hero h1{font-size:23px}.hero-stage{min-height:340px}.stage-books{width:164px}.stage-badge{right:0;bottom:102px;width:65px;height:65px}.stage-badge span{font-size:5px}.book__actions{flex-wrap:wrap}.discovery{padding:23px 17px}.discovery h2{font-size:18px}.discovery__button{width:77px;height:77px}.topic-card p{max-width:90%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.stage-book{transform:rotateY(-18deg)rotateZ(6deg)}.stage-books{will-change:auto}.experience-cursor{display:none!important}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html:not(.js) .site-header{flex-wrap:wrap}html:not(.js) .site-nav{display:flex;flex-wrap:wrap;width:100%;margin:0;padding-bottom:18px;gap:14px 25px}.motion-on .nav-dialog[open] .nav-dialog__link{animation:menu-enter .5s ease both}.motion-on .nav-dialog[open] .nav-dialog__link:nth-child(2){animation-delay:.06s}.motion-on .nav-dialog[open] .nav-dialog__link:nth-child(3){animation-delay:.12s}.motion-on .nav-dialog[open] .nav-dialog__link:nth-child(4){animation-delay:.18s}@keyframes menu-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.25s}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s}}

:root.motion-off::view-transition-group(*){animation-duration:0s!important}
