@font-face{font-family:Display;src:url(/assets/display.ttf);font-display:swap}@font-face{font-family:DM;src:url(/assets/body.ttf);font-display:swap}:root{font-family:DM,Arial,sans-serif;color:#e4f5ec;background:#041d18;font-synthesis:none;--mint:#dff5e9;--muted:#91aaa0;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.3}button svg,a svg{flex-shrink:0}a,button,input,textarea,select{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b9e8c5}::selection{background:#c1edce;color:#08291f}[hidden]{display:none!important}.section-wrap{padding-left:7%;padding-right:7%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:400;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:#fff;color:#12352a;z-index:110}.skip-link:focus{top:10px}.logos{display:flex;align-items:center;gap:22px}.logos .crest{height:57px;width:40px;object-fit:contain;filter:brightness(0) invert(1);opacity:.87}.logos .rccs{width:80px;height:45px;object-fit:contain}.logos>span{height:25px;width:1px;background:var(--line)}.editorial-header{height:110px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:#031b15}.editorial-header nav{display:flex;gap:42px;font-size:12px;color:#a7c0b3}.editorial-header nav a{padding:12px 0;position:relative;overflow:hidden}.editorial-header nav a.active,.editorial-header nav a:hover{color:var(--mint)}.editorial-header nav a:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;background:#c5ead5;transform:translate(-105%);transition:transform .45s cubic-bezier(.22,1,.36,1)}.editorial-header nav a:hover:after,.editorial-header nav a:focus-visible:after{transform:translate(0)}.menu-button{display:none;background:transparent;padding:10px}.button{border-radius:100px;padding:16px 24px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:24px;transition:transform .3s,background .3s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#fff}.light{background:#dff5e9;color:#12352a}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:14px;padding:10px 0;background:none}.text-link svg{transition:transform .3s}.text-link:hover svg{transform:translate(3px,-2px)}.centered-hero{height:calc(100svh - 110px);min-height:600px;max-height:1200px;background:#031b15;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 5% 100px;isolation:isolate}.hero-halo{position:absolute;width:65vw;height:80vh;top:-25%;left:17.5%;z-index:-1;background:radial-gradient(ellipse,#a5ddbe14,transparent 64%);filter:blur(35px);transform:translateY(calc(var(--hero-progress,0)*180px))}.centered-title{text-align:center;width:100%;transform:translateY(calc(var(--hero-progress,0)*150px)) scale(calc(1 - var(--hero-progress,0)*.09));opacity:calc(1 - var(--hero-progress,0)*.7);will-change:transform;animation:masthead-enter 1.3s cubic-bezier(.16,1,.3,1) backwards}.hero-kicker{font-size:9px;letter-spacing:3px;color:#8daa9c;display:block;margin-bottom:35px}.centered-title h1{line-height:0}.syntax-logo{display:block;width:100%;height:auto;object-fit:contain;filter:invert(91%) sepia(10%) saturate(403%) hue-rotate(86deg) brightness(105%)}.centered-title .syntax-logo{width:min(760px,72vw);height:min(47vh,480px);margin:0 auto}.centered-title>p{font-size:10px;letter-spacing:4px;color:#afccbc;margin-top:35px;line-height:1.8}.discover-link{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;font-size:8px;letter-spacing:2px;color:#91b29f}.discover-arrow{height:38px;width:38px;border:1px solid #c5ead533;border-radius:50%;display:grid;place-items:center;transition:transform .4s,border-color .4s}.discover-link:hover .discover-arrow{transform:translateY(5px);border-color:#c5ead5}.hero-edition{position:absolute;bottom:43px;left:5.5%;font-size:8px;letter-spacing:1.7px;color:#7fa48c}.magazine-showcase{height:220svh;position:relative;--p:0;background:#214438;isolation:isolate;scroll-margin-top:0}.showcase-sticky{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#5b7c6555,transparent 70%),linear-gradient(145deg,#335344,#142e24);perspective:1800px}.showcase-sticky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.showcase-heading{position:absolute;z-index:4;left:6%;top:7%;transform:translateY(calc(var(--p)*-40px));pointer-events:none}.showcase-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#aec6b5}.showcase-heading h2{font-family:Display;font-size:clamp(32px,3.6vw,57px);line-height:1.05;margin-top:15px;letter-spacing:-1px}.showcase-heading em{font-style:normal;color:#b6d49f}.showcase-background{position:absolute;left:50%;top:37%;transform:translate(-50%,calc(-50% + var(--p)*100px));font-family:Display;font-size:24vw;line-height:1;letter-spacing:-.03em;color:#bad4bc08;white-space:nowrap;pointer-events:none}.magazine-composition{position:absolute;width:min(1080px,90vw);height:min(650px,70vh);left:50%;top:49%;transform:translate(-50%,-50%);perspective:1500px;pointer-events:none}.parallax-cover{position:absolute;width:26%;aspect-ratio:.707;left:2%;top:19%;z-index:2;transform:translate3d(calc(-55px + var(--p)*75px),calc(100px - var(--p)*290px),0) rotate(calc(-23deg + var(--p)*12deg)) rotateY(-14deg);box-shadow:14px 25px 30px #00180e50,3px 2px #b7c8ad,6px 3px #24402c;will-change:transform}.parallax-cover>img,.parallax-sheet>img{width:100%;height:100%;object-fit:cover;display:block}.parallax-spread{position:absolute;width:68%;aspect-ratio:1.414;left:24%;top:15%;z-index:3;display:flex;filter:drop-shadow(12px 35px 25px #00180e70);transform:translate3d(calc(35px - var(--p)*80px),calc(80px - var(--p)*170px),0) rotate(calc(-9deg + var(--p)*17deg)) rotateX(18deg) scale(calc(.88 + var(--p)*.23));will-change:transform;perspective:1000px}.spread-half{width:50%;height:100%;position:relative;overflow:hidden;background:#09241b}.spread-half img{display:block;width:100%;height:100%;object-fit:cover}.spread-left{transform-origin:right center;transform:rotateY(12deg);border-radius:3px 0 0 10px}.spread-right{transform-origin:left center;transform:rotateY(-12deg);border-radius:0 3px 18px 0}.spread-left:after,.spread-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff08,transparent 75%,#0008);pointer-events:none}.spread-right:after{background:linear-gradient(90deg,#0008,transparent 25%,#fff1)}.spread-binding{position:absolute;top:0;left:49.8%;height:100%;width:4px;background:#0004;filter:blur(3px)}.parallax-sheet{position:absolute;width:24%;aspect-ratio:.707;right:0;top:7%;z-index:1;box-shadow:15px 30px 35px #00180e50;transform:translate3d(calc(20px + var(--p)*35px),calc(-80px + var(--p)*210px),0) rotate(calc(21deg - var(--p)*22deg)) rotateY(-24deg);border-radius:2px 35px 4px 0;overflow:hidden;will-change:transform}.mockup-shadow{position:absolute;left:15%;right:4%;bottom:3%;height:12%;border-radius:50%;background:#00190e;filter:blur(28px);opacity:calc(.15 + var(--p)*.2);transform:scale(calc(.8 + var(--p)*.3))}.floating-actions{position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:8;display:flex;gap:14px;white-space:nowrap}.floating-action{border-radius:100px;display:flex;align-items:center;gap:14px;padding:19px 26px;font-size:12px;box-shadow:0 12px 35px #021c2140;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #d6ead933}.read-action{background:#e0eddf;color:#153b29}.download-action{background:#133727cf;color:#e6f4e8}.floating-action:hover{transform:translateY(-7px)}.read-action:hover{background:#fff}.download-action:hover{background:#204c36}.showcase-foot{position:absolute;bottom:28px;left:6%;right:6%;z-index:4;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#b3c9b8}.showcase-foot>span:last-child{display:flex;align-items:center;gap:10px}.intro{padding-top:130px;padding-bottom:115px;background:#e5ece2;color:#15382a;position:relative;isolation:isolate;overflow:hidden}.intro>.eyebrow{color:#557160}.intro h2{font-family:Display;font-size:clamp(45px,6.4vw,92px);line-height:1.05;letter-spacing:-1.8px;margin-top:36px}.word-reveal{--progress:0;color:#15382a50;background:linear-gradient(90deg,#15382a calc(var(--progress)*100%),#15382a40 0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.word-reveal em{font-style:normal;-webkit-text-fill-color:#6f977a}.intro-bottom{margin-top:58px;padding-top:30px;border-top:1px solid #163c2a30;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center}.intro-bottom p{max-width:470px;color:#486553;font-size:13px;line-height:1.9}.intro-bottom .text-link{justify-self:end;font-size:12px}.intro>.eyebrow,.intro>.word-reveal,.intro>.intro-bottom{position:relative;z-index:1}.about-page{padding-top:90px;padding-bottom:40px}.about-page>h1{font-family:Display;font-size:clamp(80px,12vw,175px);line-height:.95;letter-spacing:-3px;margin:30px 0 50px}.about-page h1 em,h2 em{font-style:normal;color:#86ae8c}.about-intro{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:35px 0 80px;gap:50px}.about-intro p{max-width:540px;color:#a4beac;line-height:1.9;font-size:18px}.about-manifesto{border-top:1px solid var(--line);padding-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-manifesto>.eyebrow{grid-column:1/-1}.about-manifesto h2{font-size:58px;line-height:1.1;letter-spacing:-2px;font-weight:400}.about-manifesto p{color:#a6bfaf;font-size:14px;line-height:1.9;margin-bottom:24px}.source-link{color:#c2dccb}.issue-section-heading{margin:95px 0 30px}.issue-section-heading h2{font-size:40px;font-weight:400;letter-spacing:-1.5px;margin-top:16px}.issue-section{display:grid;grid-template-columns:70px 1fr auto;gap:30px;text-align:left;align-items:center;background:transparent;border-top:1px solid var(--line);padding:30px 0;width:100%}.issue-section-index{font-family:Display;font-size:35px;color:#729580}.issue-section .eyebrow{color:#a0bfac;font-size:8px}.issue-section h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:7px 0 12px}.issue-section p{font-size:12px;color:#94b09e;line-height:1.8;max-width:500px}.section-pages{display:flex;align-items:center;gap:30px;font-size:10px;white-space:nowrap}.section-pages svg{transition:transform .3s}.issue-section:hover .section-pages svg{transform:translate(4px,-4px)}.about-read{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:55px;padding:35px;background:#143a29}.about-read p{font-size:20px;line-height:1.5;margin-top:10px}.feedback{padding-top:130px;padding-bottom:120px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;background:#041d18;position:relative}.feedback h2{font-size:42px;letter-spacing:-2px;font-weight:400;line-height:1.25;margin-top:24px}.feedback-heading p{font-size:12px;color:#a5bcae;line-height:1.9;margin-top:23px;max-width:390px}.feedback-heading>.text-link{margin-top:15px}.feedback-form{max-width:470px;width:100%}fieldset{border:none;padding:0;margin:0 0 25px}legend{font-size:11px;margin-bottom:14px}.rating-row{display:flex;gap:8px}.rating-row button{font-size:10px;background:none;border:1px solid #527360;border-radius:20px;padding:10px 17px;transition:.3s}.rating-row button:hover,.rating-row button.selected{background:#d7ecdf;color:#173628}.feedback label{display:block;font-size:11px;margin-top:20px}.feedback label>span{color:#96af9f;font-size:10px}.feedback input,.feedback textarea{background:transparent;border:0;border-bottom:1px solid #42634f;width:100%;color:#def1e2;padding:14px 0;font-size:12px;resize:vertical;border-radius:0}.feedback input::placeholder,.feedback textarea::placeholder{color:#90a999}.form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:16px}.form-bottom small{font-size:9px;color:#a5bda9;line-height:1.6}.feedback-success{padding:35px;border:1px solid #42634f}.feedback-success h3{font-weight:400;font-size:24px;margin:20px 0}.feedback-success p,.form-error{font-size:12px;line-height:1.9;color:#aec6b4}.feedback-success .text-link{display:flex;margin-top:15px}.form-error{margin-top:15px}footer{background:#031611;padding-top:50px;padding-bottom:28px;position:relative}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid var(--line)}.footer-logo{width:190px;max-height:120px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:9px;color:#96b09e}.footer-bottom a{display:flex;align-items:center;gap:10px}.footer-bottom svg{width:14px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reader{border:0;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#061c17;color:#e5f5e9;padding:0;z-index:100}.reader::backdrop{background:#00150e}.reader-top{height:80px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;padding:0 5%;gap:15px}.reader-top>div{display:flex;align-items:center;gap:25px}.reader-top b{font-family:Display;font-size:23px;white-space:nowrap}.reader-top span{font-size:10px;color:#b4c9be}.reader-tools a,.reader button{background:none;display:grid;place-items:center;padding:10px}.book-area{height:calc(100dvh - 170px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.book-page{background:#fff;overflow:hidden}.book-page img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.flipbook-wrap{filter:drop-shadow(0 12px 28px #0008)}.reader-controls{display:flex;align-items:center;justify-content:center;gap:25px;height:42px}.page-picker{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1px}.page-picker select{background:#163a2c;color:#e2f3e7;border:1px solid #5a7b64;border-radius:4px;padding:6px;cursor:pointer;font-size:11px}.reader-hint{font-size:10px;text-align:center;color:#a3bcae;margin:7px 20px 0;line-height:1.6}.book-area.is-zoomed{display:block;overflow:auto;overscroll-behavior:contain;padding:25px}.zoomed-page{width:min(1100px,160vw);min-width:100%;margin:auto;text-align:center}.zoomed-page img{width:100%;max-width:1100px;height:auto;display:block;margin:auto}.asterisk{font-size:65px;color:#507d60}.star-easter-egg{background:transparent;padding:0;width:72px;height:80px;display:grid;place-items:center;justify-self:start;border-radius:50%;line-height:1;position:relative;isolation:isolate;touch-action:manipulation}.star-easter-egg>svg{display:block;width:1em;height:1em;overflow:visible;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .25s;transform-origin:center}.star-easter-egg.is-burst>svg{transform:rotate(110deg) scale(.2);opacity:.12}.star-easter-egg:focus-visible{outline-color:#507d60}.star-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}@keyframes masthead-enter{0%{opacity:0;translate:0 35px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}@media(max-width:1050px){.feedback{gap:45px}.feedback h2{font-size:35px}.about-manifesto h2{font-size:48px}.reader-top>div{gap:15px}}@media(max-width:760px){.editorial-header{height:90px;padding:0 6%}.logos{gap:12px}.logos .crest{width:29px;height:43px}.logos .rccs{width:58px;height:33px}.logos>span{height:20px}.editorial-header nav{gap:20px;font-size:10px}.centered-hero{height:calc(100svh - 90px);min-height:510px;padding-bottom:80px}.hero-kicker{font-size:7px;letter-spacing:2px;margin-bottom:28px}.centered-title .syntax-logo{width:85vw;height:auto;max-height:42vh}.centered-title>p{font-size:7px;letter-spacing:2px;margin-top:29px}.hero-edition{display:none}.discover-link{bottom:30px}.magazine-showcase{height:190svh}.showcase-sticky{min-height:550px}.showcase-heading{top:6%;left:7%}.showcase-heading h2{font-size:35px}.magazine-composition{width:118vw;max-width:680px;height:64vw;max-height:400px;top:47%}.parallax-spread{left:22%;top:15%;width:68%;transform:translate3d(calc(15px - var(--p)*30px),calc(50px - var(--p)*110px),0) rotate(calc(-11deg + var(--p)*22deg)) rotateX(18deg) scale(calc(.9 + var(--p)*.15))}.parallax-cover{left:10%;width:27%;top:10%;transform:translate3d(calc(-15px + var(--p)*30px),calc(50px - var(--p)*150px),0) rotate(calc(-23deg + var(--p)*12deg))}.parallax-sheet{right:12%;top:5%;width:23%;transform:translate3d(calc(10px + var(--p)*10px),calc(-60px + var(--p)*100px),0) rotate(calc(21deg - var(--p)*22deg))}.floating-actions{bottom:13%;gap:10px}.floating-action{padding:16px 19px;font-size:10px;gap:9px}.floating-action svg{width:16px}.read-action svg:last-child{display:none}.showcase-foot{font-size:6px;letter-spacing:1px}.showcase-background{font-size:28vw}.showcase-foot>span:last-child{gap:5px}.intro{padding-top:80px;padding-bottom:65px}.intro h2{font-size:11vw;letter-spacing:-1px}.intro-bottom{margin-top:35px;grid-template-columns:45px 1fr;gap:20px}.intro-bottom p{font-size:12px}.intro-bottom .text-link{grid-column:2;justify-self:start}.about-page{padding-top:55px}.about-page>h1{font-size:23vw;letter-spacing:-2px}.about-intro{flex-direction:column;align-items:start;gap:30px;padding-bottom:45px}.about-intro p{font-size:16px}.about-manifesto{grid-template-columns:1fr;gap:25px;padding-top:40px}.about-manifesto h2{font-size:45px}.issue-section-heading{margin-top:65px}.issue-section-heading h2{font-size:34px}.issue-section{grid-template-columns:35px 1fr;gap:18px;padding:25px 0}.issue-section-index{font-size:27px;align-self:start}.issue-section h3{font-size:26px}.section-pages{grid-column:2;justify-content:space-between}.about-read{display:block;padding:25px}.about-read .button{margin-top:23px}.about-read p{font-size:18px}.feedback{grid-template-columns:1fr;padding-top:75px;padding-bottom:70px;gap:35px}.feedback h2{font-size:37px;margin-top:16px}.feedback-form{max-width:none}.footer-logo{width:140px;max-height:90px}.footer-top .logos{gap:12px}.footer-top .logos .crest{width:26px;height:40px}.footer-top .logos .rccs{width:50px}.footer-top .logos>span{display:none}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:8px}.reader-top{height:65px;padding:0 3%}.reader-top>div{gap:5px}.reader-top b{font-size:20px}.reader-top span{display:none}.reader-tools a,.reader button{padding:9px}.book-area{height:calc(100dvh - 155px)}.reader-hint{font-size:8px}.asterisk{font-size:44px}.star-easter-egg{width:45px;height:55px}}@media(max-width:480px){.editorial-header nav{gap:15px;font-size:9px}.editorial-header .logos>span{display:none}.editorial-header .logos{gap:10px}.editorial-header .rccs{width:49px}.editorial-header .crest{width:25px}.rating-row button{padding:10px 12px}.form-bottom{align-items:flex-start}.form-bottom .button{padding:14px 19px;gap:15px}}@media(max-width:380px){.editorial-header nav{display:none;position:absolute;left:0;right:0;top:90px;margin:0;padding:20px 6%;font-size:12px;justify-content:flex-end;background:#082b20;border-bottom:1px solid #42634f}.editorial-header nav.open{display:flex}.menu-button{display:block}.reader-tools a:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.centered-title,.hero-halo{transform:none;opacity:1;will-change:auto}.magazine-showcase{height:100svh;min-height:580px;--p:.5!important}.showcase-sticky{position:relative}.parallax-cover,.parallax-spread,.parallax-sheet{will-change:auto}.word-reveal{-webkit-text-fill-color:#15382a}.word-reveal em{-webkit-text-fill-color:#6f977a}.star-particles{display:none}.star-easter-egg.is-burst>svg{transform:none;opacity:1;color:#9db78a}}.spread-reader{display:none;grid-template-rows:80px 52px minmax(0,1fr) 88px;background:#0a1511}.spread-reader[open]{display:grid}.spread-reader .reader-top{height:80px;background:#071e17;padding:0 3%}.reader-zoom-tools{display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid #ffffff12;background:#0c241b}.reader-zoom-tools button{padding:8px;border-radius:5px;min-width:34px;min-height:34px}.reader-zoom-tools button:hover:not(:disabled){background:#dff5e916}.reader-zoom-tools output{font-size:11px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center;color:#c1d8c8}.two-page-label{font-size:10px;color:#a8c1b1;margin-right:20px}.spread-reader .fit-spread{display:flex;gap:8px;font-size:10px;margin-left:12px}.spread-viewport{overflow:auto;overscroll-behavior:contain;min-height:0;min-width:0;touch-action:pan-x pan-y;scrollbar-color:#466352 #101e17;scrollbar-width:thin}.spread-viewport.is-magnified{cursor:grab}.spread-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.spread-surface{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.reading-spread{flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);aspect-ratio:2200/1555;background:#fff;box-shadow:0 12px 45px #0008;animation:spread-appear .2s ease-out}.reading-page{min-width:0;height:100%;background:#fff;overflow:hidden}.reading-page img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.blank-page{height:100%;width:100%;background:#fff}.reader-bottom{border-top:1px solid #ffffff15;padding-top:9px;background:#071e17}.spread-reader .reader-controls{gap:22px}.spread-reader .reader-controls button{border:1px solid #dff5e92b;border-radius:50%;padding:9px}.spread-reader .reader-controls button:hover:not(:disabled){background:#dff5e916}.spread-reader .reader-hint{margin-top:6px;font-size:10px}@keyframes spread-appear{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.spread-reader{grid-template-rows:65px 48px minmax(0,1fr) 82px}.spread-reader .reader-top{height:65px}.reader-zoom-tools{gap:8px}.two-page-label{margin-right:8px;font-size:9px}.spread-reader .fit-spread{margin-left:5px;font-size:9px}.reader-bottom{padding-top:7px}.spread-reader .reader-hint{font-size:8px;margin:5px 12px 0}.spread-reader .reader-top span{display:none}}@media(max-width:380px){.two-page-label{display:none}.reader-zoom-tools{gap:12px}}@media(prefers-reduced-motion:reduce){.reading-spread{animation:none}}.book-viewport{background:radial-gradient(ellipse at 50% 55%,#2e41312e,transparent 72%),#0a1511}.book-size{position:relative;flex:none}.book-shell{position:relative;transform-origin:top left;filter:drop-shadow(0 18px 24px #0008);isolation:isolate}.book-shell.is-zoomed{pointer-events:none}.book-engine{width:100%;height:100%}.physical-book{position:relative}.physical-page{background:#fff;overflow:hidden;box-shadow:inset 0 0 1px #182a1670}.physical-page img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.physical-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0000000b,transparent 8%,transparent 88%,#00000012);box-shadow:inset 0 -2px #26331c20}.physical-cover{background:#0c2a1d}.physical-cover:after{box-shadow:inset 0 0 0 1px #0004;background:linear-gradient(90deg,#ffffff0d,transparent 4%,transparent 96%,#0002)}.book-spine{position:absolute;z-index:10;left:calc(50% - 12px);top:0;width:24px;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,#0002 33%,#0005 50%,#0002 67%,transparent);mix-blend-mode:multiply}.book-reader .spread-surface{padding:26px 24px}.physical-page .stf__item{cursor:grab}.hero-landscape{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#0002 5%,#0009 48%,#000 80%);mask-image:radial-gradient(ellipse at 50% 40%,#0002 5%,#0009 48%,#000 80%)}.hero-wave-layer{position:absolute;top:-12%;right:-10%;bottom:-12%;left:-10%;will-change:transform}.hero-wave-layer svg{display:block;width:100%;height:100%;overflow:visible;animation:wave-breathe 18s ease-in-out infinite alternate}.wave-distant{opacity:.8;transform:translate3d(calc(var(--hero-progress,0)*-25px),calc(var(--hero-progress,0)*65px),0) rotate(calc(var(--hero-progress,0)*-2deg))}.wave-middle{opacity:.7;transform:translate3d(calc(var(--hero-progress,0)*55px),calc(var(--hero-progress,0)*-110px),0) rotate(calc(var(--hero-progress,0)*3deg))}.wave-middle svg{animation-duration:23s;animation-delay:-7s}.wave-near{opacity:.9;transform:translate3d(calc(var(--hero-progress,0)*-85px),calc(var(--hero-progress,0)*-220px),0) rotate(calc(var(--hero-progress,0)*-4deg))}.wave-near svg{animation-duration:20s;animation-delay:-12s}.hero-grain{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.045;transform:translate3d(0,calc(var(--hero-progress,0)*80px),0);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:screen}@keyframes wave-breathe{0%{transform:translate3d(-10px,6px,0) scale(1.01)}to{transform:translate3d(14px,-10px,0) scale(1.04)}}@media(max-width:760px){.hero-wave-layer{top:-5%;right:-35%;bottom:-5%;left:-35%}.wave-near{opacity:.75}.hero-grain{opacity:.035}}@media(prefers-reduced-motion:reduce){.hero-wave-layer,.hero-grain{transform:none;will-change:auto}.hero-wave-layer svg{animation:none}}