.nuph-book-hero{--orange:rgb(var(--color-brand-primary));--ink:rgb(var(--color-brand-ink));--paper:rgb(var(--color-brand-surface));--line:rgb(var(--color-brand-border))}.nuph-book-hero .visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:590px;perspective:1600px}.nuph-book-hero .halo{position:absolute;width:min(94%,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff8 43%,transparent 73%)}.nuph-book-hero .orbit{position:absolute;pointer-events:none;width:82%;aspect-ratio:1;border:1px dashed var(--line);border-radius:50%;opacity:.8;animation:nuph-book-orbit 70s linear infinite}.nuph-book-hero .orbit:after,.nuph-book-hero .orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);top:10%;left:18%}.nuph-book-hero .orbit:after{background:var(--line);top:86%;left:75%;width:5px;height:5px}.nuph-book-hero .hero-orbits{position:absolute;inset:0 -5%;z-index:-1;pointer-events:none;overflow:hidden}.nuph-book-hero .hero-orbits .orbit{left:var(--orbit-x);top:var(--orbit-y);width:var(--orbit-diameter);translate:-50% -50%;opacity:.5}.nuph-book-hero .orbit--inner{--orbit-x:8%;--orbit-y:18%;--orbit-diameter:48%;border-style:solid;animation-duration:44s;animation-direction:reverse;animation-delay:-12s}.nuph-book-hero .orbit--middle{--orbit-x:33%;--orbit-y:72%;--orbit-diameter:56%;border-color:var(--orange);animation-duration:58s;animation-delay:-27s}.nuph-book-hero .orbit--center{--orbit-x:54%;--orbit-y:24%;--orbit-diameter:62%;animation-delay:-18s}.nuph-book-hero .orbit--outer{--orbit-x:77%;--orbit-y:64%;--orbit-diameter:54%;border-style:solid;animation-duration:90s;animation-direction:reverse;animation-delay:-41s}.nuph-book-hero .orbit--far{--orbit-x:96%;--orbit-y:12%;--orbit-diameter:44%;animation-duration:110s;animation-delay:-68s}.nuph-book-hero .orbit:before{top:14.645%;left:14.645%;transform:translate(-50%,-50%)}.nuph-book-hero .orbit:after{top:85.355%;left:85.355%;transform:translate(-50%,-50%)}.nuph-book-hero .orbit--far:before,.nuph-book-hero .orbit--inner:before{width:6px;height:6px}@media(max-width:900px){.nuph-book-hero .orbit--inner{--orbit-x:8%;--orbit-y:8%;--orbit-diameter:105%}.nuph-book-hero .orbit--middle{--orbit-x:85%;--orbit-y:29%;--orbit-diameter:120%}.nuph-book-hero .orbit--center{--orbit-x:20%;--orbit-y:48%;--orbit-diameter:135%}.nuph-book-hero .orbit--outer{--orbit-x:88%;--orbit-y:68%;--orbit-diameter:120%}.nuph-book-hero .orbit--far{--orbit-x:18%;--orbit-y:92%;--orbit-diameter:110%}}.nuph-book-hero .book-stage{--w:clamp(176px,23vw,310px);--h:calc(var(--w)*1.35);position:relative;flex-shrink:0;width:calc(var(--w)*2);height:var(--h);z-index:3}.nuph-book-hero .book-position{position:absolute;inset:0;transform:translateX(-25%)}.nuph-book-hero .book-depth{position:absolute;top:2px;bottom:-3px;left:50%;width:50%;border-radius:2px 5px 5px 2px;background:#f9f6ed;box-shadow:1px 1px #d9d2c4,2px 2px #fffdf7,3px 3px #d9d2c4,4px 4px #fffdf7,5px 5px #cebea9,8px 14px 22px #40362926,15px 28px 45px #40362920;pointer-events:none}.nuph-book-hero .book{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:grab}.nuph-book-hero .book.is-dragging{cursor:grabbing}.nuph-book-hero .book-leaf{background:var(--paper);border-radius:1px 4px 4px 1px}.nuph-book-hero .book-leaf.--hard .page-content{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.01px)}.nuph-book-hero .book .stf__hardInnerShadow,.nuph-book-hero .book .stf__hardShadow{filter:blur(12px);opacity:.4;pointer-events:none}.nuph-book-hero .book-leaf.--left{border-radius:4px 1px 1px 4px}.nuph-book-hero .page-content{position:absolute;inset:0;overflow:hidden;background:var(--paper)}.nuph-book-hero .book-leaf.--right .page-content{box-shadow:inset 18px 0 22px -19px #46372288}.nuph-book-hero .book-leaf.--left .page-content{box-shadow:inset -18px 0 22px -19px #46372288}.nuph-book-hero .book-leaf .cover-out{box-shadow:inset 8px 0 12px #69261124}.nuph-book-hero .book-hint{position:absolute;left:0;right:0;bottom:-34px;margin:0;text-align:center;font-size:10px;font-weight:300;color:rgb(var(--color-brand-text));pointer-events:none}.nuph-book-hero.is-paused .orbit{animation-play-state:paused}.nuph-book-hero .control:disabled{opacity:.35;cursor:default;transform:none;background:rgb(var(--color-brand-panel)/.8)}.nuph-book-hero .control:not(:disabled):active{transform:translateY(0) scale(.94)}.nuph-book-hero .cover-out{background:linear-gradient(137deg,#fb8536,#e95e18 65%,#cf4b14);color:#fff;box-shadow:inset -14px 0 20px #6e2a1638,4px 6px 12px #38201435;border:1px solid #bf4e21}.nuph-book-hero .cover-out:before{content:"";position:absolute;width:124%;height:52%;border:1px solid #ffffff58;border-radius:50%;transform:rotate(-30deg);left:10%;top:37%}.nuph-book-hero .cover-out:after{content:"";position:absolute;width:83%;aspect-ratio:1;border:1px solid #ffffff35;border-radius:50%;left:31%;top:39%;box-shadow:0 0 0 26px #ffffff08,0 0 0 27px #ffffff2b}.nuph-book-hero .cover-layout{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:11% 10%}.nuph-book-hero .cover-top{font-size:clamp(9px,1vw,13px);line-height:1.65;font-weight:500}.nuph-book-hero .cover-top span{display:block;font-family:var(--font-body),sans-serif;font-size:.65em;letter-spacing:.1em;font-weight:400}.nuph-book-hero .cover-middle{font-family:var(--font-body),sans-serif;font-size:clamp(26px,3.8vw,48px);font-weight:600;line-height:.92;letter-spacing:-.07em}.nuph-book-hero .cover-emblem{display:flex;justify-content:center;align-items:center;margin:100px auto}.nuph-book-hero .cover-logo{width:clamp(128px,calc(var(--w) * .36),220px);height:auto;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.28));-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.nuph-book-hero .cover-middle small{display:block;letter-spacing:.1em;font-family:var(--font-body),sans-serif;font-size:clamp(9px,1.1vw,13px);font-weight:300;margin-top:10px;line-height:1.7}.nuph-book-hero .cover-foot{display:flex;justify-content:space-between;align-items:end;font-family:var(--font-body),sans-serif;font-size:8px;letter-spacing:.12em}.nuph-book-hero .cover-foot b{font-size:23px;letter-spacing:-.16em}.nuph-book-hero .inside-cover{padding:15%;display:flex;flex-direction:column;justify-content:space-between;color:#c45b26}.nuph-book-hero .inside-cover .symbol{font-size:45px;font-family:var(--font-body),sans-serif;font-weight:700;letter-spacing:-.13em}.nuph-book-hero .inside-cover p{font-size:12px;line-height:1.8}.nuph-book-hero .inside-imprint{font:9px var(--font-body),sans-serif;letter-spacing:.1em}.nuph-book-hero .page{height:100%;padding:13% 12%;display:flex;flex-direction:column;color:#363936}.nuph-book-hero .page-num{font-family:var(--font-body),sans-serif;font-size:9px;letter-spacing:.22em;color:var(--orange);margin-bottom:13%}.nuph-book-hero .page h3{font-size:clamp(11px,1.3vw,18px);font-weight:500;line-height:1.5;margin:0 0 15px}.nuph-book-hero .page p{font-size:clamp(7px,.74vw,10px);line-height:2;color:#8e8b84;margin:0 0 12px}.nuph-book-hero .page-art{width:100%;height:35%;border-radius:4px;margin-bottom:15px;background:linear-gradient(140deg,#e4e1da 0 24%,#c7c2b8 24% 27%,#ed7a36 27% 57%,#f4b17b 57% 66%,#eeeeea 66%);position:relative;overflow:hidden}.nuph-book-hero .page-art:after{content:"";position:absolute;width:80%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;top:-50%;right:-33%;box-shadow:0 0 0 15px #ffffff20,0 0 0 16px #ffffff70}.nuph-book-hero .lines{display:grid;gap:8px}.nuph-book-hero .lines i{height:3px;background:#e2dfd8;border-radius:5px;display:block}.nuph-book-hero .lines i:nth-child(2){width:87%}.nuph-book-hero .lines i:nth-child(3){width:94%}.nuph-book-hero .lines i:nth-child(4){width:63%}.nuph-book-hero .page-end{margin-top:auto;border-top:1px solid #e5e0d7;padding-top:9px;color:#b4ada3;font:8px var(--font-body),sans-serif;letter-spacing:.1em}.nuph-book-hero .page-art.gray{background:linear-gradient(135deg,#cccac1,#f4f0e8 42%,#8e999a 42% 63%,#e7a477 63%)}.nuph-book-hero .page-art.orange{background:linear-gradient(135deg,#f6c5a4,#e36e31 45%,#dfdad2 45% 75%,#9a9e9a 75%)}.nuph-book-hero .book-controls{position:absolute;z-index:5;bottom:3%;right:4%;display:flex;align-items:center;gap:8px}.nuph-book-hero .control{border:1px solid var(--line);background:rgb(var(--color-brand-panel)/.8);color:var(--ink);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s;font-size:18px}.nuph-book-hero .control:not(:disabled):hover{background:#fff;transform:translateY(-2px)}.nuph-book-hero .control:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.nuph-book-hero .control[aria-pressed=true]{background:var(--orange);color:#fff;border-color:var(--orange)}.nuph-book-hero .status{font:10px var(--font-body),sans-serif;letter-spacing:.12em;color:rgb(var(--color-brand-text));margin-right:10px;min-width:73px;text-align:right}@keyframes nuph-book-orbit{to{transform:rotate(1turn)}}@media(max-width:900px){.nuph-book-hero .visual{order:1;min-height:480px}.nuph-book-hero .book-stage{--w:clamp(165px,32vw,255px)}}@media(max-width:560px){.nuph-book-hero .visual{min-height:370px}.nuph-book-hero .book-stage{--w:clamp(135px,40vw,195px)}.nuph-book-hero .book-controls{bottom:0;right:0}.nuph-book-hero .page-num{font-size:calc(var(--w)*.029);margin-bottom:9%}.nuph-book-hero .page h3{font-size:calc(var(--w)*.054);margin-bottom:calc(var(--w)*.026)}.nuph-book-hero .page p{font-size:calc(var(--w)*.032);line-height:1.8;margin-bottom:calc(var(--w)*.025)}.nuph-book-hero .page-art{flex-shrink:0;height:29%;margin-bottom:calc(var(--w)*.03)}.nuph-book-hero .lines{gap:calc(var(--w)*.019)}.nuph-book-hero .lines i{height:calc(var(--w)*.008)}.nuph-book-hero .page-end{font-size:calc(var(--w)*.023);padding-top:calc(var(--w)*.026)}.nuph-book-hero .inside-cover .symbol{font-size:calc(var(--w)*.145)}.nuph-book-hero .inside-cover p{font-size:calc(var(--w)*.039)}.nuph-book-hero .inside-cover .inside-imprint{font-size:calc(var(--w)*.029)}.nuph-book-hero .cover-foot{font-size:calc(var(--w)*.026)}.nuph-book-hero .cover-foot b{font-size:calc(var(--w)*.074)}.nuph-book-hero .cover-middle{font-size:calc(var(--w) * .16)}.nuph-book-hero .cover-emblem{margin:calc(var(--w) * .03) auto}.nuph-book-hero .cover-logo{width:calc(var(--w) * .34)}.nuph-book-hero .cover-middle small{margin-top:calc(var(--w) * .04);font-size:calc(var(--w) * .045)}}.nuph-book-hero .visual{min-height:550px}.nuph-book-hero .book-stage{--w:clamp(135px,21vw,285px)}.nuph-book-hero .book-position[hidden],.nuph-book-hero [data-book-source] .book-leaf{display:none}.nuph-book-hero [data-book-source] .book-leaf:first-child{display:block;position:absolute;left:50%;width:50%;height:100%}.nuph-book-hero .control{width:44px;height:44px;cursor:pointer}.nuph-book-hero .control[aria-pressed=true]{color:rgb(var(--color-brand-on-primary))}.nuph-book-hero .book-controls{visibility:hidden}.nuph-book-hero[data-book-ready=true] .book-controls{visibility:visible}.nuph-book-hero .cover-out{background:linear-gradient(137deg,rgb(var(--color-brand-orange)),rgb(var(--color-brand-orange)),rgb(var(--color-brand-orange)));color:rgb(var(--color-brand-on-primary));border-color:var(--orange)}.nuph-book-hero .inside-cover{color:var(--orange)}.nuph-book-hero .page{color:var(--ink)}.nuph-book-hero .page p,.nuph-book-hero .page-end,.nuph-book-hero .status{color:rgb(var(--color-brand-text))}.nuph-book-hero .hero-typewriter{display:grid}.nuph-book-hero .hero-typewriter-line,.nuph-book-hero .hero-typewriter-measure{grid-area:1/1;overflow-wrap:anywhere}.nuph-book-hero .hero-typewriter-measure{visibility:hidden}.nuph-book-hero .hero-typewriter [lang=en]{font-size:.7em}.nuph-book-hero .hero-typewriter-tail{white-space:nowrap}.nuph-book-hero .hero-typewriter-cursor{display:inline-block;width:.045em;height:.85em;margin-left:.07em;background:var(--orange)}@media (max-width:1023px){.nuph-book-hero .visual{order:-1;min-height:430px}.nuph-book-hero .book-stage{--w:clamp(135px,32vw,255px)}}@media (max-width:560px){.nuph-book-hero .visual{min-height:340px}.nuph-book-hero .book-stage{--w:clamp(120px,38vw,195px)}}@media (prefers-reduced-motion:reduce){.nuph-book-hero *,.nuph-book-hero :after,.nuph-book-hero :before{animation:none!important;transition:none!important}.nuph-book-hero .hero-typewriter-cursor{display:none}}