@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Caveat:wght@700&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&family=Marck+Script&family=Playfair+Display:wght@500;600;700&display=swap');

:root{--paper:#f5f0e8;--ink:#262a26;--muted:#8b8c82;--line:#ded8cc;--orange:#e2603d;--green:#506e4d;--yellow:#eecb5b;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:#71836a;color:var(--ink);font-family:var(--sans);min-height:100vh;overflow:hidden;background-image:radial-gradient(#f4f0e522 .65px,transparent .65px);background-size:5px 5px}.shell{max-width:1240px;margin:0 auto;padding:0 64px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.04em;font-size:17px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--orange);font-family:var(--serif);color:white;font-size:18px;letter-spacing:0}.brand-light{font-weight:400}.issue,.sound-toggle,.chapter-label,.page-count,.reader-controls,.site-footer,.eyebrow,.micro-note,.page-foot,.choice-prompt,.choice-prompt span,.choice-check,.input-label,.input-meta,.result-tag,.restart-button,.dialog-top,.toc-item span{font-family:var(--mono);letter-spacing:.08em}.issue{font-size:10px;color:#79786e}.issue span{padding:0 8px;color:var(--orange)}.sound-toggle{background:transparent;border:0;color:#72736b;font-size:13px;cursor:pointer;letter-spacing:.06em}.sound-toggle span{font-size:9px}.sound-toggle.on{color:var(--orange)}.reader{max-width:920px;margin:0 auto}.reader-head{display:flex;justify-content:flex-end;align-items:center;padding:28px 0 17px}.chapter-label{font-size:10px;letter-spacing:.13em;color:#77776d;display:flex;align-items:center;gap:10px}.tiny-star{font-size:15px;color:var(--orange)}.page-count{display:flex;align-items:center;gap:9px;font-size:10px;color:#99968a}.page-count #page-current{color:var(--ink)}.count-line{width:28px;height:1px;background:#c4bfb3}.book-stage{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:13px}.turn-button{width:42px;height:42px;border:1px solid #d5cfc3;border-radius:50%;background:#f8f4ed;color:var(--ink);font-size:19px;cursor:pointer;transition:all .2s}.turn-button:hover:not(:disabled){background:var(--ink);color:#f8f4ed;transform:scale(1.05)}.turn-button:disabled{opacity:.27;cursor:default}.page{position:relative;min-height:558px;overflow:hidden;display:grid;grid-template-columns:43% 57%;background:#fffdf8;border:1px solid #e4ded2;box-shadow:0 18px 52px #362c1713,0 2px 5px #362c1709;transform-origin:left center;opacity:1;transition:opacity .2s,transform .2s}.page:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 0%,transparent 42.7%,#21180d0b 43%,transparent 43.4%)}.page-enter{animation:pageIn .38s cubic-bezier(.2,.65,.2,1) both}@keyframes pageIn{from{opacity:.5;transform:perspective(1100px) rotateY(var(--turn)) translateX(20px) scale(.985);filter:brightness(.94)}to{opacity:1;transform:perspective(1100px) rotateY(0) translateX(0) scale(1);filter:brightness(1)}}.page-copy{position:relative;z-index:2;padding:49px 49px 54px 35px}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:9px;letter-spacing:.15em}.page h1{white-space:normal;font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.09;letter-spacing:-.045em;margin:0 0 17px}.page-intro{font-size:13px;line-height:1.8;color:#686a60;max-width:390px;margin:0}.story-art{position:relative;min-height:558px;background:#e9e5d9;overflow:hidden;display:grid;place-items:center}.cover{grid-template-columns:48% 52%;min-height:590px;background:#fffdf8}.cover .page-copy{padding:62px 44px}.cover .page h1{font-size:clamp(43px,5vw,63px);line-height:1.03;margin-bottom:23px}.cover .page-intro{font-size:14px;max-width:360px}.cover-art{position:relative;min-height:590px;background:#73836c;overflow:hidden;display:grid;place-items:center}.cover-art:before,.cover-art:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #e6d6a166;border-radius:50%;transform:rotate(-34deg) scaleY(.52)}.cover-art:after{width:195px;height:195px;transform:rotate(47deg) scaleY(.55);border-color:#f2e8cb7a}.orbit{position:absolute;border:1px solid #f8e9c380;border-radius:50%;width:330px;height:120px;transform:rotate(-40deg)}.orbit-two{width:220px;height:90px;transform:rotate(52deg);border-color:#f8e9c34d}.cover-flower{font-size:151px;line-height:1;color:var(--yellow);text-shadow:0 8px 30px #17231633;z-index:1;transform:rotate(-12deg)}.cover-heart{position:absolute;color:#f8d9b9;font-size:37px;left:27%;bottom:25%;transform:rotate(-16deg)}.cover-stem{position:absolute;width:2px;height:125px;background:#f8e9c399;left:50%;bottom:0;transform:rotate(28deg);transform-origin:bottom}.cover-spark{position:absolute;color:#fff2c9}.spark-a{font-size:27px;top:24%;right:26%}.spark-b{font-size:19px;left:19%;top:36%}.spark-c{font-size:24px;right:20%;bottom:29%}.start-button,.inline-next{display:flex;align-items:center;justify-content:space-between;gap:26px;border:0;background:var(--orange);color:white;padding:15px 17px;font:10px var(--mono);letter-spacing:.1em;cursor:pointer;transition:background .2s,transform .2s}.start-button{width:230px;margin-top:29px}.start-button:hover,.inline-next:hover{background:#c74d30;transform:translateY(-2px)}.start-button span,.inline-next span{font-size:18px;line-height:10px}.micro-note{font-size:8px;color:#99968a;letter-spacing:.09em;margin-top:20px}.page-foot{position:absolute;z-index:3;bottom:20px;left:34px;right:30px;display:flex;justify-content:space-between;color:#99968a;font-size:8px;letter-spacing:.12em}.cover .page-foot{color:#d3d4c8}.story{grid-template-columns:42% 58%}.story .page-copy,.choice .page-copy{padding-left:36px;padding-right:42px}.sun-art{background:#f2e6c3}.sun-disc{width:210px;height:210px;border-radius:50%;background:#e8aa62;display:grid;place-items:center;color:#f9e0a9;font-size:142px;line-height:1;box-shadow:0 15px 45px #b76a3b22}.sun-orbit{position:absolute;width:290px;height:160px;border:1px solid #6680698c;border-radius:50%;transform:rotate(-41deg)}.sun-caption,.clock-caption{position:absolute;bottom:72px;left:43px;font:10px var(--mono);line-height:1.7;letter-spacing:.12em;color:#737765}.story blockquote{font-family:var(--serif);font-size:17px;line-height:1.5;color:#586c53;border-left:2px solid #c5b874;padding:3px 0 3px 16px;margin:21px 0 19px;max-width:350px}.story cite{display:block;font:9px var(--mono);font-style:normal;letter-spacing:.11em;color:#9a9688;margin-top:11px}.choice-prompt{font-size:9px;letter-spacing:.09em;margin:21px 0 10px}.choice-prompt span{display:block;font-size:7px;color:#aaa597;margin-top:5px}.choice-grid{display:flex;gap:8px}.choice-card{flex:1;min-width:0;min-height:68px;border:1px solid #e4dfd5;background:#fffdf8;cursor:pointer;text-align:left;padding:9px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:23px 1fr;column-gap:5px;align-items:center;color:var(--ink);transition:border-color .2s,background .2s,transform .2s}.choice-card:hover{border-color:#9eaa87;transform:translateY(-2px)}.choice-card.selected{border-color:#728564;background:#f3f4ea}.choice-emoji{font-size:16px;grid-row:1/3}.choice-label{font-size:9px;font-weight:600;line-height:1.2}.choice-check{font-size:9px;color:#839178;grid-column:2;justify-self:start}.inline-next{margin-top:14px;background:transparent;color:var(--ink);padding:8px 0;border-bottom:1px solid #aaa697;font-size:9px}.inline-next:hover{background:transparent;color:var(--orange)}.choice{grid-template-columns:42% 58%}.clock-art{background:#e0e6d9}.clock-face{width:213px;height:213px;border-radius:50%;border:1px solid #8f9d83;position:relative;display:grid;place-items:center;background:#f4f1e5}.clock-face:before,.clock-face:after{content:'';position:absolute;background:#929e84}.clock-face:before{width:1px;height:150px}.clock-face:after{height:1px;width:150px}.clock-face i,.clock-face b{position:absolute;width:3px;height:70px;background:#53684d;z-index:1;transform:translateY(-30px);transform-origin:bottom}.clock-face b{transform:rotate(125deg) translateY(-17px);height:57px}.clock-face em{font-style:normal;z-index:2;font-size:24px;color:var(--orange);background:#f4f1e5;padding:5px}.clock-caption{left:auto;right:39px;bottom:72px;text-align:right}.people-art{background:#e9dacf}.people-orbit{position:absolute;border:1px solid #c27c5a9c;width:260px;height:160px;border-radius:50%;transform:rotate(-36deg)}.orbit-b{transform:rotate(35deg);width:185px;height:250px;border-color:#81906f}.people-center{font-size:86px;color:#e0a754;z-index:2}.people-dot{position:absolute;color:#d96b4c;font-size:35px}.dot-a{top:28%;left:26%}.dot-b{right:23%;top:37%;color:#6e8664}.dot-c{bottom:25%;left:47%;color:#e6bb61}.form-art{background:#dde4d4}.form-sun{font-size:160px;color:#e2b44e;position:absolute;top:20%;left:27%}.form-line{position:absolute;width:2px;height:210px;background:#73816c;bottom:0;left:53%;transform:rotate(36deg)}.form-word{position:absolute;bottom:91px;left:40px;font:11px var(--mono);line-height:1.8;letter-spacing:.15em;color:#61745d}.form .page-copy{padding-top:42px}.form textarea,.form input{display:block;width:100%;resize:vertical;border:1px solid #ddd7ca;background:#fffefa;font:12px var(--sans);color:var(--ink);padding:12px 13px;outline:none}.form textarea{height:75px;min-height:70px;margin-top:7px}.form input{margin-top:7px}.form textarea:focus,.form input:focus{border-color:#859274}.input-label{display:block;margin-top:18px;font-size:8px;color:#696b62;letter-spacing:.12em}.input-label span{font-size:7px;color:#aaa597;margin-left:5px}.input-meta{display:flex;justify-content:space-between;color:#aaa597;font-size:7px;margin-top:5px}.name-label{margin-top:12px}.result{grid-template-columns:43% 57%;background:#f3f0e6}.result-stamp{position:relative;display:grid;place-items:center;background:#e6e5d7;overflow:hidden}.result-stamp:before,.result-stamp:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #83907d;border-radius:50%;transform:scaleY(.6) rotate(30deg)}.result-stamp:after{width:190px;height:190px;transform:scaleY(.56) rotate(-35deg);border-color:#c27b5f}.result-stamp span{width:162px;height:162px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#7e906f;color:#fff9e9;font:14px var(--mono);line-height:1.7;letter-spacing:.14em;z-index:1;transform:rotate(-8deg)}.result-stamp i{position:absolute;font-style:normal;color:#e7b353;font-size:54px;right:21%;top:25%}.result-copy{padding-top:58px}.result-copy h1{font-size:42px}.result-subtitle{font-family:var(--serif);font-size:19px;color:var(--green);margin:0 0 17px}.result-tag{display:flex;flex-direction:column;gap:7px;margin-top:25px;padding:12px 0;border-top:1px solid #d7d2c7;border-bottom:1px solid #d7d2c7;color:#979385;font-size:8px}.result-tag span:last-child{color:#555d50;letter-spacing:.04em}.restart-button{display:flex;justify-content:space-between;align-items:center;width:192px;background:transparent;border:0;padding:0;margin-top:23px;color:var(--orange);font-size:9px;cursor:pointer}.restart-button span{font-size:17px}.reader-controls{display:flex;align-items:center;justify-content:space-between;padding:18px 60px 0;font-size:9px;color:#858478;letter-spacing:.11em}.page-dots{display:flex;align-items:center;gap:7px}.page-dot{width:5px;height:5px;border:0;padding:0;border-radius:10px;background:#d2ccbf;cursor:pointer;transition:all .2s}.page-dot.visited{background:#afb59f}.page-dot.active{width:21px;background:var(--orange)}.swipe-hint{display:flex;gap:12px;align-items:center}.hint-arrows{color:#aaa596}.contents-button{border:0;background:transparent;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer}.contents-button:hover{color:var(--orange)}.contents-button span{font-size:14px;color:var(--orange);margin-left:5px}.site-footer{border-top:1px solid var(--line);margin-top:31px;padding:18px 0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:8px;color:#99968a;letter-spacing:.13em}.footer-heart{color:var(--orange);font-size:11px}.contents-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #e0dacc;background:#fffdf8;color:var(--ink);padding:21px 24px;box-shadow:0 20px 80px #28231740}.contents-dialog::backdrop{background:#262a2666;backdrop-filter:blur(2px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#858478;margin-bottom:14px}.dialog-top button{font:24px var(--sans);border:0;background:none;color:#7f8075;cursor:pointer}.toc-item{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;width:100%;padding:13px 0;border:0;border-top:1px solid #eee9df;background:none;text-align:left;cursor:pointer;color:var(--ink)}.toc-item:hover{color:var(--orange)}.toc-item span{font-size:9px;color:#a5a092}.toc-item b{font:17px var(--serif);font-weight:500}.toast{position:fixed;z-index:10;left:50%;bottom:26px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#292d27;color:#fff8e9;padding:11px 18px;font-size:12px;box-shadow:0 6px 24px #0002;transition:all .22s}.toast.visible{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

@media(max-width:800px){.shell{padding:0 25px}.topbar{height:70px}.issue{font-size:8px}.reader{max-width:700px}.page{min-height:530px}.story-art{min-height:530px}.page-copy{padding:40px 30px 52px 27px}.cover{min-height:550px}.cover-art{min-height:550px}.cover .page-copy{padding:45px 30px}.cover .page h1{font-size:48px}.choice-card{padding:7px 6px;column-gap:3px}.choice-label{font-size:8px}.reader-controls{padding-left:45px;padding-right:45px}.turn-button{width:36px;height:36px}.book-stage{grid-template-columns:39px minmax(0,1fr) 39px;gap:6px}}
@media(max-width:580px){.shell{padding:0 15px}.topbar{height:62px}.brand{font-size:15px}.brand-mark{width:24px;height:24px}.issue{display:none}.sound-toggle{font-size:12px}.reader-head{padding:19px 0 12px}.chapter-label,.page-count{font-size:8px}.book-stage{display:block;position:relative}.turn-button{position:absolute;z-index:4;bottom:13px;width:35px;height:35px;background:#fffdf8dd}.turn-prev{left:10px}.turn-next{right:10px}.page{min-height:620px;grid-template-columns:1fr;grid-template-rows:195px 1fr}.page:before{background:linear-gradient(180deg,transparent 29%,#21180d0b 30%,transparent 31%)}.story-art{min-height:195px}.page-copy{padding:25px 24px 59px}.page h1{font-size:36px}.page-intro{font-size:12px;line-height:1.65}.cover{min-height:650px;grid-template-columns:1fr;grid-template-rows:275px 1fr}.cover-art{min-height:275px}.cover-art:before{width:180px;height:180px}.cover-art:after{width:130px;height:130px}.cover-flower{font-size:105px}.cover-heart{font-size:26px}.cover .page-copy{padding:26px 25px 58px}.cover .page h1{font-size:43px;margin-bottom:12px}.cover .page-intro{font-size:12px}.start-button{margin-top:17px;width:210px;padding:12px 14px}.micro-note{font-size:7px;margin-top:13px}.page-foot{bottom:14px;left:23px;right:22px}.story,.choice,.form,.result{grid-template-columns:1fr;grid-template-rows:190px 1fr}.sun-disc{width:130px;height:130px;font-size:90px}.sun-orbit{width:200px;height:100px}.sun-caption{bottom:17px;left:20px;font-size:8px}.clock-face{width:140px;height:140px}.clock-face:before{height:100px}.clock-face:after{width:100px}.clock-face i{height:48px;transform:translateY(-20px)}.clock-face b{height:38px;transform:rotate(125deg) translateY(-11px)}.clock-caption{bottom:17px;right:20px;font-size:8px}.people-center{font-size:56px}.people-orbit{width:190px;height:100px}.people-orbit.orbit-b{width:125px;height:175px}.people-dot{font-size:23px}.form-art{min-height:175px}.form-sun{font-size:110px;top:8%;left:30%}.form-line{height:135px}.form-word{bottom:17px;left:20px;font-size:8px}.form .page-copy{padding-top:22px}.form textarea{height:63px}.input-label{margin-top:11px}.input-meta{font-size:7px}.name-label{margin-top:9px}.form input{padding:9px 11px}.result{grid-template-rows:190px 1fr}.result-stamp span{width:120px;height:120px;font-size:11px}.result-stamp i{font-size:35px;right:22%;top:14%}.result-copy{padding-top:22px}.result-copy h1{font-size:34px}.result-subtitle{font-size:16px}.result-tag{margin-top:15px}.restart-button{margin-top:15px}.reader-controls{padding:15px 13px 0}.swipe-hint{font-size:8px;gap:6px}.contents-button{font-size:8px}.site-footer{margin-top:24px;font-size:6px;gap:8px}.page-dot{width:4px;height:4px}.page-dot.active{width:15px}.story blockquote{font-size:15px;margin:13px 0}.choice-prompt{margin:12px 0 8px;font-size:8px}.choice-grid{gap:6px}.choice-card{min-height:55px;grid-template-columns:20px 1fr;grid-template-rows:19px 1fr}.choice-emoji{font-size:14px}.choice-label{font-size:8px}.choice-check{font-size:8px}.inline-next{margin-top:9px;padding:5px 0;font-size:8px}}

/* Полноэкранное представление журнала */
.fullscreen-journal{position:relative;width:100vw;height:100vh;height:100dvh;min-height:500px;display:flex;align-items:center;justify-content:center;padding:42px 70px 68px;background:linear-gradient(135deg,#7c8c72,#687d67 58%,#61745f)}
.fullscreen-journal:before,.fullscreen-journal:after{content:"";position:absolute;width:min(46vw,560px);height:min(46vw,560px);border:1px solid #f7f0d522;border-radius:50%;pointer-events:none}
.fullscreen-journal:after{width:min(54vw,660px);height:min(54vw,660px);border-color:#f7f0d511}
.corner-brand{position:absolute;z-index:4;left:27px;top:23px;display:flex;align-items:center;padding:7px 10px;background:#fffefa;border:1px solid #ffffffaa;border-radius:3px;box-shadow:0 4px 14px #0002}
.corner-brand .official-logo{display:block;width:min(175px,calc(100vw - 100px));height:auto}
.fullscreen-journal>.sound-toggle{position:absolute;right:27px;top:24px;z-index:4;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff55;border-radius:50%;color:#fff8e9;background:#ffffff10}
.fullscreen-journal>.sound-toggle.on{color:#fff;background:#d9272e;border-color:#d9272e}
.fullscreen-journal .reader{position:relative;z-index:2;width:min(1080px,calc(100vw - 170px));max-width:1080px;margin:0}
.fullscreen-journal .reader-head{padding:0 0 12px;color:#fff8e9}.fullscreen-journal .chapter-label,.fullscreen-journal .page-count{color:#f1eddd}.fullscreen-journal .page-count #page-current{color:#fff}.fullscreen-journal .count-line{background:#ffffff66}
.fullscreen-journal .book-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:18px}.fullscreen-journal .page{height:min(72vh,690px);min-height:500px;max-height:690px;box-shadow:0 30px 90px #24332155,0 5px 18px #18211638}.fullscreen-journal .cover,.fullscreen-journal .cover-art{min-height:0}.fullscreen-journal .story-art{min-height:0}
.fullscreen-journal .reader-controls{padding:17px 60px 0;color:#f5f0e3}.fullscreen-journal .hint-arrows{color:#ffffff88}.fullscreen-journal .contents-button span{color:#f4db8f}.fullscreen-journal .page-dot{background:#ffffff72}.fullscreen-journal .page-dot.visited{background:#e9d88c}.fullscreen-journal .page-dot.active{background:#f4db8f}
.fullscreen-journal .turn-button{background:#f8f4edee;border-color:#f8f4ed}.fullscreen-journal .turn-button:hover:not(:disabled){background:#e5c86c;color:#263326}
.fullscreen-journal .contents-dialog{z-index:9}
@media(max-width:800px){.fullscreen-journal{padding:54px 49px 64px}.fullscreen-journal .reader{width:calc(100vw - 106px)}.fullscreen-journal .page{height:min(76vh,650px);min-height:500px}.fullscreen-journal .book-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:10px}.fullscreen-journal .reader-controls{padding-left:35px;padding-right:35px}}
@media(max-width:580px){body{overflow:hidden}.fullscreen-journal{padding:0;min-height:0;align-items:stretch;background:#fffdf8}.fullscreen-journal:before,.fullscreen-journal:after,.corner-brand,.fullscreen-journal>.sound-toggle{display:none}.fullscreen-journal .reader{width:100%;height:100%;max-width:none;display:flex;flex-direction:column}.fullscreen-journal .reader-head{height:43px;flex:none;padding:0 17px;background:#71836a}.fullscreen-journal .book-stage{flex:1;min-height:0;display:block;position:relative}.fullscreen-journal .page,.fullscreen-journal .cover{height:100%;min-height:0;max-height:none;border:0;box-shadow:none}.fullscreen-journal .reader-controls{height:54px;flex:none;padding:0 16px;background:#71836a;color:#fff8e9}.fullscreen-journal .page-dot{background:#ffffff72}.fullscreen-journal .page-dot.active{background:#f4db8f}.fullscreen-journal .turn-button{bottom:12px;background:#fffdf8ee}.fullscreen-journal .contents-button{color:#fff8e9}.fullscreen-journal .swipe-hint{color:#fff8e9}.fullscreen-journal .contents-dialog{position:fixed}}
@media(max-width:380px){.fullscreen-journal .page{grid-template-rows:165px 1fr}.fullscreen-journal .story-art{min-height:165px}.fullscreen-journal .cover{grid-template-rows:230px 1fr}.fullscreen-journal .cover-art{min-height:230px}}
/* Цвета официального сайта «Волонтёры Победы»: белый, красный и глубокий графит */
:root{--brand-red:#d9272e;--brand-red-dark:#b51f27;--brand-ink:#262626;--brand-gray:#5f6062;--brand-white:#f7f7f5;--brand-soft:#ececea;--paper:#f7f7f5;--ink:#262626;--orange:var(--brand-red);--green:#4c5558;--yellow:#d9272e}
body{background:#292a2c;background-image:radial-gradient(#ffffff0c .65px,transparent .65px)}
.fullscreen-journal{background:#20282e}
.fullscreen-journal:before,.fullscreen-journal:after{display:none}
.fullscreen-journal .chapter-label,.fullscreen-journal .page-count{color:#d7d7d5}.fullscreen-journal .tiny-star{color:#f06a6e}
.fullscreen-journal .reader-controls{color:#e4e4e2}.fullscreen-journal .page-dot.active{background:var(--brand-red)}.fullscreen-journal .page-dot.visited{background:#ddddda}
.fullscreen-journal .contents-button span{color:#ff7378}.fullscreen-journal .turn-button:hover:not(:disabled){background:var(--brand-red);color:#fff;border-color:var(--brand-red)}
.cover-art{background:linear-gradient(150deg,#d72a31,#a91e28)}.cover-art:before,.cover-art:after,.cover-art .orbit{border-color:#ffffff4d}.cover-flower{color:#f7f7f5;text-shadow:0 8px 30px #5d0d1238}.cover-heart{color:#f8c6c5}.cover-spark{color:#fff}
.start-button,.choice-card.selected{background:var(--brand-red);border-color:var(--brand-red);color:white}.start-button:hover{background:var(--brand-red-dark)}.choice-card.selected .choice-check{color:white}
.sun-art{background:#eeeae5}.sun-disc{background:var(--brand-red);color:#f8d9d7;box-shadow:0 15px 45px #71141d20}.sun-orbit{border-color:#4b50518c}.sun-caption,.clock-caption{color:#515355}
.clock-art{background:#e3e4e2}.clock-face{border-color:#777a78;background:#f7f7f5}.clock-face:before,.clock-face:after{background:#7e8180}.clock-face i,.clock-face b{background:#333536}.clock-face em{color:var(--brand-red);background:#f7f7f5}
.people-art{background:#e8e3df}.people-orbit{border-color:#d9272e9c}.orbit-b{border-color:#6c7471}.people-center{color:#d9272e}.people-dot{color:#d9272e}.dot-b{color:#616865}.dot-c{color:#8d9290}
.form-art{background:#e6e7e5}.form-sun{color:var(--brand-red)}.form-line{background:#606463}.form-word{color:#515555}
.result{background:#efefed}.result-stamp{background:#e2e2df}.result-stamp:before{border-color:#787d79}.result-stamp:after{border-color:#d9272e}.result-stamp span{background:#353738;color:white}.result-stamp i{color:#d9272e}.result-subtitle{color:#4c5558}
.site-footer .footer-heart{color:var(--brand-red)}
@media(max-width:580px){.fullscreen-journal{background:#f7f7f5}.fullscreen-journal .reader-head,.fullscreen-journal .reader-controls{background:#292a2c}.fullscreen-journal .page-dot.active{background:#ed4349}.fullscreen-journal .turn-button:hover:not(:disabled){background:var(--brand-red);color:white}}
/* Плавный лист: отдельная бумажная плоскость перелистывается над разворотом */
.page{perspective:1800px;transform-style:preserve-3d;overflow:hidden}
.turn-sheet{position:absolute;z-index:5;inset:0;pointer-events:none;transform-style:preserve-3d;backface-visibility:hidden;background:linear-gradient(100deg,#fffefa 0%,#f6f2e9 70%,#e5dfd3 100%);box-shadow:0 0 0 1px #d2cbbb,0 10px 28px #18151235}
.turn-sheet:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#fffefa 8%,#f7f4ec 74%,#ddd6c8 100%);backface-visibility:hidden}
.turn-sheet:after{content:"";position:absolute;top:0;bottom:0;width:16px;opacity:.65;background:linear-gradient(90deg,#d9272e 0 3px,#fff 3px 5px,#b6b1a7 5px 6px,transparent 100%)}
.turn-forward{left:50%;transform-origin:left center;animation:paperForward .72s cubic-bezier(.48,.04,.22,1) forwards}
.turn-forward:after{left:0}
.turn-backward{right:50%;transform-origin:right center;animation:paperBackward .72s cubic-bezier(.48,.04,.22,1) forwards}
.turn-backward:after{right:0;transform:scaleX(-1)}
@keyframes paperForward{0%{transform:rotateY(0deg);box-shadow:0 0 0 1px #d2cbbb,0 7px 15px #18151218}40%{box-shadow:0 8px 24px #18151238}100%{transform:rotateY(-180deg);box-shadow:0 0 0 1px #d2cbbb,0 0 3px #18151208}}
@keyframes paperBackward{0%{transform:rotateY(0deg);box-shadow:0 0 0 1px #d2cbbb,0 7px 15px #18151218}40%{box-shadow:0 8px 24px #18151238}100%{transform:rotateY(180deg);box-shadow:0 0 0 1px #d2cbbb,0 0 3px #18151208}}
@media(max-width:580px){.turn-forward{left:0;right:0;transform-origin:left center}.turn-backward{left:0;right:0;transform-origin:right center}.turn-sheet:after{width:10px}}
@media(prefers-reduced-motion:reduce){.turn-forward,.turn-backward{animation-duration:.18s}.page-enter{animation-duration:.18s}}
/* Книжный разворот StPageFlip */
.book-viewport{position:relative;width:100%;height:min(72vh,690px);min-height:500px;display:flex;justify-content:center;align-items:center;overflow:visible}
.book{width:100%;height:100%;margin:auto}
.book .page{background:#f7f7f5;border:1px solid #e0ded9;overflow:hidden;display:grid;grid-template-columns:43% 57%;box-shadow:inset 0 0 22px #2626260d}
.book .page:before{z-index:1}
.book .page.blank-page{display:block;background:linear-gradient(90deg,#eeedeb,#f7f7f5 12%,#f7f7f5 88%,#eeedeb);border-color:#dedbd5}
.book .page .cover-art,.book .page .story-art,.book .page .result-stamp{min-height:0;height:100%}
.book .page .cover-art{background:linear-gradient(150deg,#d72a31,#a91e28)}
.book .page .page-foot{font-size:7px;bottom:15px}
.book .page .page-copy{padding:clamp(22px,3vw,45px);padding-bottom:42px}
.book .page h1{font-size:clamp(25px,3.25vw,43px)}
.book .page .cover h1{font-size:clamp(31px,4vw,55px)}
.book .page .page-intro{font-size:clamp(10px,1.1vw,13px)}
.book .page .choice-card{min-height:58px}
.book .page .result-copy{padding-top:clamp(28px,4vw,54px)}
.book-viewport .stf__parent{margin:auto;filter:drop-shadow(0 28px 45px #1115)}
.book-viewport .stf__block{background:#f7f7f5}
@media(max-width:800px){.fullscreen-journal .book-viewport{height:min(76vh,650px);min-height:460px}.fullscreen-journal .book{height:100%}.book .page .page-copy{padding:22px 18px 40px}.book .page .choice-card{min-height:52px}}
@media(max-width:580px){.fullscreen-journal .book-stage{flex:1;min-height:0;display:flex;align-items:stretch}.fullscreen-journal .book-viewport{height:100%;min-height:0;width:100%;align-items:stretch;overflow:hidden}.fullscreen-journal .book{height:100%;width:100%}.book-viewport .stf__parent{filter:none}.book .page{grid-template-columns:1fr;grid-template-rows:29% 71%;border:0}.book .page .page-copy{padding:17px 21px 46px}.book .page h1{font-size:clamp(27px,8vw,37px)}.book .page .page-intro{font-size:11px;line-height:1.55}.book .page .choice-card{min-height:48px}.book .page .page-foot{bottom:12px}.book .page.blank-page{display:block}.fullscreen-journal .turn-button{z-index:10}.fullscreen-journal .reader-controls{z-index:10}}
/* Максимальный размер разворота: книга занимает доступный экран */
.fullscreen-journal .reader{width:calc(100vw - 56px);max-width:none;height:100%;display:flex;flex-direction:column;justify-content:center}
.fullscreen-journal .reader-head{flex:none;width:min(100%,1800px);align-self:center}
.fullscreen-journal .book-stage{flex:1;min-height:0;width:100%;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:center}
.fullscreen-journal .book-viewport{height:min(calc(100dvh - 132px),100%);min-height:0;max-height:none}
.fullscreen-journal .reader-controls{flex:none;width:min(100%,1800px);align-self:center;padding-top:10px}
.fullscreen-journal .book-viewport .stf__parent{max-width:100%;max-height:100%}
.fullscreen-journal .book{max-width:100%;max-height:100%}
@media(max-width:800px){.fullscreen-journal{padding:42px 18px 58px}.fullscreen-journal .reader{width:calc(100vw - 36px)}.fullscreen-journal .book-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}.fullscreen-journal .book-viewport{height:min(calc(100dvh - 120px),100%)}.fullscreen-journal .reader-controls{padding-left:14px;padding-right:14px}}
@media(max-width:580px){.fullscreen-journal{padding:0}.fullscreen-journal .reader{width:100%;height:100%}.fullscreen-journal .reader-head{width:100%}.fullscreen-journal .book-stage{width:100%}.fullscreen-journal .book-viewport{height:100%;max-height:none}.fullscreen-journal .reader-controls{width:100%}}
.book .page .source-link{position:absolute;left:clamp(18px,3vw,42px);bottom:31px;z-index:4;color:#67686a;text-decoration:none;font:7px var(--mono);letter-spacing:.08em;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book .page .source-link:hover,.book .page .role-link:hover{color:var(--brand-red);text-decoration:underline}
.book .page .role-link{display:inline-block;margin-top:17px;color:var(--brand-red);text-decoration:none;font:8px var(--mono);letter-spacing:.06em}
.book .page .result-tag{margin-top:16px}
@media(max-width:580px){.book .page .source-link{left:18px;bottom:29px;font-size:6px}.book .page .role-link{margin-top:11px;font-size:7px}.book .page .result-tag{margin-top:10px}}
/* Основной фирменный синий и фотографии с официальных страниц направлений */
:root{--ink:#0063a4;--brand-ink:#0063a4;--brand-gray:#0063a4;--green:#0063a4}
.book .page{color:#0063a4}
.book .page h1,.book .page .page-intro,.book .page .result-subtitle{color:#0063a4}
.book .page .page-intro{color:#0063a4;opacity:.9}
.book .page .choice-prompt{color:#0063a4}
.book .page .source-link{color:#0063a4}
.book .page .journal-photo,.book .page .result-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.book .page .cover-art.has-photo{background:#0063a4}
.book .page .cover-art.has-photo:before{display:none}
.book .page .cover-art.has-photo:after{inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;background:linear-gradient(180deg,#004e8433,#003c6c1c)}
.book .page .story-art.has-photo{background:#0063a4}
.book .page .story-art.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#003f6b16,#003f6b34);pointer-events:none}
.book .page .form-art.has-photo .journal-photo{object-position:center}
.book .page .result-stamp.has-photo{background:#0063a4}
.book .page .result-stamp.has-photo:before,.book .page .result-stamp.has-photo:after{content:none}
.book .page .result-stamp.has-photo .result-photo{opacity:.9}
.book .page .result-stamp.has-photo span{background:#0063a4d9;border:1px solid #ffffffaa}
.book .page .result-stamp.has-photo i{color:white}
/* Редакционный разворот: крупная типографика, фотографии и чистая бумага */
.fullscreen-journal{background:#20282e;padding-top:34px;padding-bottom:56px}
.fullscreen-journal:before,.fullscreen-journal:after{display:none}
.fullscreen-journal .reader{width:calc(100vw - 96px)}
.fullscreen-journal .reader-head{padding:0 8px 10px}
.fullscreen-journal .book-stage{grid-template-columns:48px minmax(0,1fr) 48px;gap:16px}
.fullscreen-journal .book-viewport{height:min(calc(100dvh - 116px),100%)}
.fullscreen-journal .turn-button{width:44px;height:44px;border:1px solid #ffffff5c;background:#ffffff12;color:#fff;font-size:22px;box-shadow:0 5px 18px #0002}
.fullscreen-journal .turn-button:hover:not(:disabled){background:#0063a4;border-color:#0063a4;color:white}
.book-viewport .stf__parent{filter:drop-shadow(0 32px 38px #0005)}
.book .page{grid-template-columns:42% 58%;background:#fffefa;border:0;box-shadow:inset 0 0 0 1px #d7d5cf}
.book .page:before{display:none}
.book .page .page-copy{padding:clamp(30px,3.1vw,52px) clamp(28px,3vw,48px) 55px}
.book .page h1{font-size:clamp(36px,3.3vw,54px);line-height:1.02;letter-spacing:-.045em;margin-bottom:19px;color:#0063a4}
.book .page .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:18px}
.book .page .page-intro{font-size:clamp(13px,1.1vw,16px);line-height:1.68;max-width:34em;color:#245d7f;opacity:1}
.book .page blockquote{font-size:clamp(14px,1.15vw,17px);line-height:1.5;margin:18px 0 16px;padding-left:16px;color:#23618a}
.book .page blockquote cite{font-size:8px;line-height:1.4}
.book .page .choice-prompt{font-size:9px;margin:18px 0 10px;letter-spacing:.08em}
.book .page .choice-grid{gap:9px}
.book .page .choice-card{min-height:72px;padding:10px 9px;grid-template-columns:26px 1fr;grid-template-rows:27px 1fr;border-color:#d8e1e7;background:#f7fafb}
.book .page .choice-emoji{font-size:19px}
.book .page .choice-label{font-size:10px;line-height:1.3;color:#0063a4}
.book .page .choice-card.selected{background:#0063a4;border-color:#0063a4;color:#fff}
.book .page .choice-card.selected .choice-label{color:#fff}
.book .page .choice-card:hover{border-color:#0063a4}
.book .page .choice-prompt span{font-size:7px}
.book .page .cover-art.has-photo:after{background:linear-gradient(180deg,#004e8410,#003c6c38)}
.book .page .page-foot{bottom:16px;font-size:7px;color:#7d8990;letter-spacing:.12em}
.book .page .source-link{bottom:31px;font-size:7px}
.book .page .start-button{font-size:9px;margin-top:25px;padding:16px 18px;width:245px}
.book .page .input-label{font-size:8px;color:#245d7f}
.book .page textarea,.book .page input{font:14px var(--sans);padding:13px 14px;border-color:#d7e0e5;background:#fff}
.book .page textarea:focus,.book .page input:focus{border-color:#0063a4;outline-color:#0063a4}
.book .page .result-copy h1{font-size:clamp(33px,3vw,48px)}
.book .page .result-subtitle{font-size:clamp(16px,1.4vw,21px);color:#0063a4}
.book .page .result-tag{font-size:8px}
.fullscreen-journal .reader-controls{padding-top:12px}
.fullscreen-journal .contents-button,.fullscreen-journal .swipe-hint{font-size:9px}
.fullscreen-journal .page-dot{width:6px;height:6px}
.fullscreen-journal .page-dot.active{width:24px}
@media(max-width:800px){.fullscreen-journal{padding:34px 18px 50px}.fullscreen-journal .reader{width:calc(100vw - 36px)}.fullscreen-journal .book-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.fullscreen-journal .book-viewport{height:min(calc(100dvh - 108px),100%)}.fullscreen-journal .turn-button{width:36px;height:36px}.book .page .page-copy{padding:25px 21px 48px}.book .page h1{font-size:clamp(31px,4vw,43px)}.book .page .page-intro{font-size:12px;line-height:1.58}.book .page .choice-card{min-height:62px}}
@media(max-width:580px){.fullscreen-journal{padding:0}.fullscreen-journal .reader{width:100%}.fullscreen-journal .book .page{grid-template-columns:1fr;grid-template-rows:33% 67%}.book .page .page-copy{padding:17px 22px 44px}.book .page h1{font-size:clamp(28px,7vw,36px);margin-bottom:11px}.book .page .eyebrow{font-size:8px;margin-bottom:10px}.book .page .page-intro{font-size:11px;line-height:1.48}.book .page blockquote{font-size:13px;margin:10px 0;padding-left:12px}.book .page .choice-prompt{margin:11px 0 7px}.book .page .choice-card{min-height:47px;padding:6px;grid-template-columns:20px 1fr;grid-template-rows:20px 1fr}.book .page .choice-emoji{font-size:14px}.book .page .choice-label{font-size:8px}.book .page .start-button{margin-top:13px;padding:11px 13px;width:215px}.book .page textarea,.book .page input{font-size:12px;padding:9px 10px}.book .page .source-link{bottom:28px;font-size:5.5px}.book .page .page-foot{bottom:10px}}

/* grabfold: responsive HTML pages with a physically shaded page fold */
.book-viewport>grab-fold.book{display:block;width:100%;height:100%;--grabfold-paper:#fffefa;--grabfold-lift:#fff;--grabfold-edge:#e8e4da;--grabfold-board:#f2eee7}
.book-viewport .grabfold-frame{margin:auto;filter:drop-shadow(0 30px 40px #0005)}
.book .page{width:100%;height:100%;min-height:0;grid-template-rows:minmax(0,1fr);align-content:stretch;overflow:hidden;box-shadow:inset 0 0 0 1px #d7d5cf}
.book .page .cover-art,.book .page .story-art,.book .page .result-stamp{min-height:0;height:100%}
.book .page>.page-copy{min-height:0;align-self:stretch}
.book .page.blank-page{display:block;background:#fffefa;box-shadow:none}
@media(max-width:580px){.book-viewport .grabfold-frame{filter:none}.book .page{grid-template-columns:1fr;grid-template-rows:33% 67%}}

/* Keep the flipbook inside the flex stage so its paper cannot spill below the viewport. */
html,body{width:100%;height:100%;overflow:hidden;background:#292a2c}
.fullscreen-journal{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.fullscreen-journal .reader,.fullscreen-journal .book-stage{min-height:0}
.fullscreen-journal .book-viewport{height:100%;min-height:0;overflow:hidden}
.book-viewport>grab-fold.book,.book-viewport .grabfold-frame{min-height:0;max-height:100%}

/* Give the paper more of the screen, especially in landscape laptop windows. */
@media (min-width:581px){
  .fullscreen-journal{padding:16px 16px 28px}
  .fullscreen-journal .reader{width:calc(100vw - 32px)}
  .fullscreen-journal .book-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px}
  .fullscreen-journal .book-viewport{height:min(calc(100dvh - 80px),100%)}
  .fullscreen-journal .reader-controls{padding-top:6px}
}

/* Keep long copy and form controls inside the paper on short screens. */
.book .page>.page-copy{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0063a455 transparent;padding-bottom:64px}
.book .page>.page-copy::-webkit-scrollbar{width:5px}
.book .page>.page-copy::-webkit-scrollbar-thumb{background:#0063a455;border-radius:5px}
.book .page .start-button{width:min(245px,100%);max-width:100%;gap:12px}
.book .page>.page-copy>*{max-width:100%;min-width:0;overflow-wrap:anywhere}
.book .page .result-reason{margin:12px 0;color:#245d7f;font-size:clamp(12px,1vw,15px);line-height:1.55}
.book .page .result-first-step{margin-top:12px;padding:10px 12px;background:#0063a40c;border-left:2px solid #0063a4}
.book .page .result-first-step span{font:8px var(--mono);letter-spacing:.12em;color:#0063a4}
.book .page .result-first-step p{margin:5px 0 0;color:#245d7f;font-size:12px;line-height:1.45}
.book .page .start-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:initial;gap:10px}
.book .page .start-button .button-label{font:inherit;letter-spacing:.07em;white-space:nowrap;min-width:0}
.book .page .start-button .button-arrow{justify-self:end;font-size:18px;line-height:1}
.book .page .result-locked-art{display:grid;place-items:center;background:linear-gradient(145deg,#0063a4,#073e67)}
.book .page .result-locked-art:before,.book .page .result-locked-art:after{border-color:#ffffff55}
.book .page .result-locked-art span{display:grid;place-items:center;width:clamp(110px,13vw,190px);height:clamp(110px,13vw,190px);border:1px solid #ffffff88;border-radius:50%;background:#0063a4cc;color:#fff;text-align:center;font:10px/1.6 var(--mono);letter-spacing:.14em}
.book .page .result-locked-art i{color:#fff}
.book .page .result-locked-copy h1{color:#0063a4}
.book .page .result-locked-note{margin-top:18px;padding:12px 14px;border-left:2px solid #0063a4;background:#0063a40a}
.book .page .result-locked-note span{font:8px var(--mono);letter-spacing:.12em;color:#0063a4}
.book .page .result-locked-note p{margin:6px 0 0;color:#245d7f;font-size:12px;line-height:1.5}
.book .page .choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.book .page .choice-card{grid-template-columns:20px minmax(0,1fr) 16px;grid-template-rows:minmax(0,1fr);align-items:center;column-gap:7px;padding:11px 10px}
.book .page .choice-emoji{grid-column:1;grid-row:1;justify-self:center;line-height:1}
.book .page .choice-label{grid-column:2;grid-row:1;align-self:center;min-width:0;line-height:1.25;overflow-wrap:normal;word-break:normal}
.book .page .choice-check{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:grid;place-items:center;width:16px;height:16px;margin:0;border:1px solid #9eb4c2;border-radius:50%;color:#0063a4;font-size:10px;line-height:1;letter-spacing:0}
.book .page .choice-card.selected .choice-check{border-color:#fff;color:#fff;background:#ffffff22}
@media(max-width:580px){.book .page .choice-grid{grid-template-columns:1fr;gap:7px}.book .page .choice-card{min-height:48px;padding:7px 11px;grid-template-columns:22px minmax(0,1fr) 18px;column-gap:9px}.book .page .choice-label{font-size:10px}.book .page .choice-check{width:18px;height:18px}}
@media(max-width:580px){.fullscreen-journal>.sound-toggle{display:grid;position:fixed;top:6px;right:9px;width:31px;height:31px;z-index:20;color:#fff8e9;background:#ffffff12;border-color:#ffffff55}.fullscreen-journal .reader-head{padding-right:50px}}
.book .page .result-profile{margin:15px 0 10px;padding:11px 13px;background:#0063a40b;border:1px solid #0063a422}
.book .page .result-profile>span,.book .page .result-strengths>span{font:8px var(--mono);letter-spacing:.12em;color:#0063a4}
.book .page .result-profile h2{margin:5px 0 0;color:#0063a4;font:600 clamp(18px,1.55vw,24px) var(--serif);line-height:1.2}
.book .page .result-strengths{margin:12px 0}
.book .page .result-strengths ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:7px 0 0}
.book .page .result-strengths li{padding:5px 9px;border:1px solid #0063a433;border-radius:20px;color:#245d7f;font-size:10px;line-height:1.25}
.book .page .result-encouragement{margin:12px 0;color:#0063a4;font:italic 14px/1.4 var(--serif)}

/* Figma 19:196 — the world map spread and its multilingual greeting board. */
.book .page.geography{display:block;background:#eaf5fc;border:0;isolation:isolate}
.book .page.geography:before{display:none}
.geography-spread{position:absolute;inset:0;overflow:hidden;color:#123f76;font-family:'Inter',Arial,sans-serif;background:#eaf5fc}
.geo-paper{position:absolute;inset:0;background:url('/assets/figma-geography-spread/51d6e.png') center/cover no-repeat}
.geo-heading{position:absolute;z-index:5;left:4.4%;top:5%;width:35%;}
.geo-kicker{margin:0 0 4px;color:#1766ae;font:700 clamp(6px,.7vw,9px)/1.2 var(--mono);letter-spacing:.17em}
.geo-heading h1{position:relative;margin:0;color:#013c97;font:700 clamp(34px,5.3vw,75px)/.8 'Caveat',cursive;letter-spacing:-.035em;text-shadow:0 2px 0 #fff9}
.geo-heading h1 span{color:#1687e1;font:900 clamp(24px,3.3vw,46px)/.95 'Inter',Arial,sans-serif;letter-spacing:-.07em}
.geo-heart{position:absolute;left:65%;top:3%;width:clamp(32px,5vw,68px);height:auto;filter:drop-shadow(0 3px 4px #07558c30)}
.geo-intro{position:absolute;z-index:5;left:4.6%;top:28%;width:27%;max-width:340px;color:#194b7b}
.geo-intro h2{max-width:19em;margin:0 0 10px;color:#124e91;font-size:clamp(10px,1.25vw,17px);font-weight:800;line-height:1.28;letter-spacing:-.025em}
.geo-intro p{margin:0;font-size:clamp(8px,.91vw,12px);line-height:1.47;text-align:justify}
.geo-map{position:absolute;z-index:2;top:3%;right:-1%;width:73%;height:88%;}
.geo-map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px #1686c322)}
.geo-route{position:absolute;inset:8% 3% 0 1%;width:96%;height:89%;object-fit:fill;opacity:.52;pointer-events:none}
.geo-person{position:absolute;z-index:3;left:var(--geo-x);top:var(--geo-y);display:grid;place-items:center;width:clamp(30px,4.1vw,57px);height:clamp(30px,4.1vw,57px);padding:2px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 7px #034c8550;cursor:pointer;transition:transform .18s,box-shadow .18s}
.geo-person:hover,.geo-person:focus-visible{z-index:7;transform:translate(-50%,-58%) scale(1.12);box-shadow:0 0 0 4px #51a8eb55,0 5px 15px #034c8560;outline:none}
.geo-person img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.geo-person-label{position:absolute;top:calc(100% + 3px);left:50%;max-width:112px;padding:3px 5px;transform:translateX(-50%);border:1px solid #d5e6f2;border-radius:3px;background:#fffffff0;color:#14538d;font:700 clamp(5px,.52vw,7px)/1.1 'Inter',Arial,sans-serif;letter-spacing:.02em;text-align:center;white-space:nowrap;box-shadow:0 1px 3px #08487320}
.geo-flag{position:absolute;z-index:3;width:clamp(18px,2.7vw,34px);height:clamp(12px,1.8vw,22px);object-fit:cover;border:1px solid #fff;border-radius:3px;box-shadow:0 2px 5px #063c653b}
.geo-flag-egypt{top:47%;left:38%}.geo-flag-belgium{top:27%;left:35%}.geo-flag-australia{top:77%;right:8%}.geo-flag-uzbekistan{top:56%;left:71%}.geo-flag-transnistria{top:39%;left:48%}
.geo-volunteers{position:absolute;z-index:4;left:-2%;bottom:-2%;width:40%;height:43%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 5px 5px #173c5c35);pointer-events:none}
.geo-dictionary{position:absolute;z-index:6;right:2.1%;bottom:3.4%;width:54%;min-height:35%;padding:clamp(9px,1.35vw,18px) clamp(10px,1.7vw,23px);background:#fff9e9 url('/assets/figma-geography-spread/29a7a.png') center/100% 100% no-repeat;border:1px solid #d6c6a5;box-shadow:0 4px 14px #123b5b35;color:#344c69}
.geo-dictionary header{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.geo-dictionary header img{width:clamp(22px,3vw,39px);height:auto;object-fit:contain}
.geo-dictionary h2{margin:0;color:#013c97;font-size:clamp(11px,1.45vw,19px);line-height:1.1;font-weight:800;letter-spacing:-.04em}
.geo-dictionary header p{margin:3px 0 0;color:#2f80cb;font-size:clamp(8px,1vw,13px);font-weight:700}
.geo-dictionary-intro{margin:0 0 8px;color:#50657d;font-size:clamp(6px,.72vw,9px);line-height:1.3}
.geo-words{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.geo-word{display:flex;min-width:0;flex-direction:column;gap:3px;padding-left:6px;border-left:1px solid #377db453;color:#405c78;font-size:clamp(5px,.62vw,8px);line-height:1.15;overflow-wrap:anywhere}
.geo-word:first-child{border-left:0;padding-left:0}
.geo-word b{margin-bottom:2px;color:#0962a8;font-size:clamp(7px,.82vw,11px);line-height:1.05}
.geo-word i{color:#77879a;font-size:.8em;font-style:normal}
.geo-dictionary-note{margin:8px 0 0;padding-top:6px;border-top:1px solid #547e9b35;color:#526d83;font-size:clamp(6px,.69vw,9px);line-height:1.25;font-style:italic}
.geo-caption{position:absolute;z-index:5;left:4.5%;bottom:5%;color:#145890;font:700 clamp(5px,.6vw,8px)/1 var(--mono);letter-spacing:.12em}
.geo-caption span{padding-left:5px;color:#1986df}
.geo-message-letter{max-width:550px}
/* The Figma node is a portrait leaf; keep its typography and map at leaf scale. */
.geography-spread{container-type:inline-size;background:#eaf5fc}
.geo-heading{left:43%;top:4%;width:53%;text-align:right}
.geo-kicker{font-size:clamp(5px,1.6cqw,7px);margin-bottom:2px}
.geo-heading h1{font-size:clamp(26px,9.2cqw,42px);line-height:.78}
.geo-heading h1 span{font-size:clamp(18px,5.6cqw,26px)}
.geo-heart{left:4%;top:5%;width:clamp(24px,8cqw,36px)}
.geo-intro{left:5%;top:20%;width:43%;max-width:none}
.geo-intro h2{font-size:clamp(8px,2.65cqw,12px);margin-bottom:6px}
.geo-intro p{font-size:clamp(6px,1.9cqw,8px);line-height:1.36;text-align:left}
.geo-map{top:18%;right:-5%;width:87%;height:67%}
.geo-route{inset:9% 4% 3% 0;width:94%;height:85%}
.geo-person{width:clamp(19px,6.1cqw,28px);height:clamp(19px,6.1cqw,28px);border-width:1.5px}
.geo-person-label{top:calc(100% + 2px);font-size:clamp(4px,1.3cqw,5px);max-width:76px;padding:2px 3px}
.geo-flag{width:clamp(12px,4cqw,18px);height:clamp(8px,2.6cqw,12px);border-radius:2px}
.geo-volunteers{left:-3%;bottom:0;width:43%;height:31%;object-position:left bottom}
.geo-dictionary{right:2%;bottom:3%;width:76%;height:28%;min-height:0;padding:clamp(6px,1.7cqw,9px) clamp(6px,2cqw,10px)}
.geo-dictionary header{gap:4px;margin-bottom:3px}
.geo-dictionary header img{width:clamp(17px,5.8cqw,25px)}
.geo-dictionary h2{font-size:clamp(8px,2.5cqw,11px)}
.geo-dictionary header p{font-size:clamp(6px,1.9cqw,8px)}
.geo-dictionary-intro{font-size:clamp(5px,1.5cqw,6px);margin-bottom:5px}
.geo-words{gap:2px}
.geo-word{gap:2px;padding-left:3px;font-size:clamp(4px,1.35cqw,5px)}
.geo-word b{font-size:clamp(5px,1.7cqw,7px)}
.geo-word i{font-size:.76em}
.geo-dictionary-note{font-size:clamp(4px,1.45cqw,6px);margin-top:5px;padding-top:4px}
.geo-caption{left:5%;bottom:2%;font-size:clamp(4px,1.4cqw,6px)}
.book .page.geography>.source-link{display:none}
.book .page.geography>.page-foot{z-index:8;color:#2a6795;font-size:6px;text-shadow:0 1px #fff;bottom:8px}
@media(max-width:640px){
  .geo-heading{left:43%;top:4%;width:53%}.geo-heading h1{font-size:clamp(26px,9.2cqw,38px)}.geo-heading h1 span{font-size:clamp(18px,5.6cqw,23px)}.geo-heart{left:4%;width:clamp(22px,8cqw,31px)}
  .geo-intro{left:5%;top:20%;width:43%}.geo-intro h2{font-size:clamp(8px,2.65cqw,11px)}.geo-intro p{font-size:clamp(6px,1.9cqw,8px)}
  .geo-map{top:18%;right:-5%;width:87%;height:67%}.geo-person{width:clamp(19px,6.1cqw,25px);height:clamp(19px,6.1cqw,25px)}.geo-person-label{font-size:clamp(4px,1.3cqw,5px)}
  .geo-volunteers{left:-3%;bottom:0;width:43%;height:31%}.geo-dictionary{right:2%;bottom:3%;width:76%;height:28%;min-height:0;padding:clamp(6px,1.7cqw,8px)}
  .geo-dictionary h2{font-size:clamp(8px,2.5cqw,10px)}.geo-dictionary header p{font-size:clamp(6px,1.9cqw,7px)}.geo-dictionary-intro{font-size:clamp(5px,1.5cqw,6px)}.geo-word{font-size:clamp(4px,1.35cqw,5px)}.geo-word b{font-size:clamp(5px,1.7cqw,7px)}.geo-dictionary-note{font-size:clamp(4px,1.45cqw,6px)}
}

/* The geography design is a real facing-page spread: each leaf carries one half. */
.book .page.geography-left,.book .page.geography-right{display:block;background:#eaf5fc;border:0;isolation:isolate}
.book .page.geography-left:before,.book .page.geography-right:before{display:none}
.geo-half{container-type:inline-size}
.geo-half .geo-paper{background-size:200% 100%;background-repeat:no-repeat}
.geo-left .geo-paper{background-position:left center}
.geo-right .geo-paper{background-position:right center}
.geo-left .geo-heading{left:7%;top:8%;width:86%;text-align:left}
.geo-left .geo-kicker{font-size:clamp(6px,1.8cqw,8px);margin-bottom:8px}
.geo-left .geo-heading h1{font-size:clamp(40px,14cqw,60px);line-height:.78}
.geo-left .geo-heading h1 span{font-size:clamp(28px,9cqw,40px)}
.geo-left .geo-heart{left:auto;right:8%;top:0;width:clamp(36px,11cqw,48px)}
.geo-left .geo-intro{left:7%;top:39%;width:84%;max-width:none}
.geo-left .geo-intro h2{font-size:clamp(13px,4cqw,17px);line-height:1.2;margin-bottom:10px}
.geo-left .geo-intro p{font-size:clamp(9px,2.75cqw,12px);line-height:1.48}
.geo-left-note{position:absolute;z-index:4;left:7%;bottom:32%;display:flex;flex-direction:column;gap:4px;padding:8px 11px;border-left:3px solid #36a8e8;background:#ffffffc9;color:#255987}
.geo-left-note b{font-size:clamp(11px,3.5cqw,15px);color:#0063a4}
.geo-left-note span{font-size:clamp(8px,2.3cqw,10px);line-height:1.35}
.geo-left .geo-volunteers{left:-7%;bottom:1%;width:112%;height:30%;object-fit:contain;object-position:center bottom}
.geo-left .geo-caption{left:7%;bottom:2%;font-size:clamp(5px,1.6cqw,7px)}
.geo-right .geo-map{top:4%;right:0;width:100%;height:62%}
.geo-right .geo-map-art{object-fit:contain}
.geo-right .geo-route{inset:5% 2% 3%;width:96%;height:90%}
.geo-right .geo-person{width:clamp(23px,7cqw,31px);height:clamp(23px,7cqw,31px)}
.geo-right .geo-person{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.geo-right .geo-person-photo{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:2px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 7px #034c8550}
.geo-right .geo-person-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.geo-right .geo-person-message{position:absolute;z-index:16;top:calc(100% + 14px);left:50%;width:clamp(105px,30cqw,145px);max-height:125px;overflow:auto;padding:7px 8px;transform:translateX(-50%);border:1px solid #bfd7e8;border-radius:5px;background:#fffefa;box-shadow:0 5px 15px #123b5b35;color:#355a79;font-size:clamp(7px,1.8cqw,9px);line-height:1.3}
.geo-right .geo-person-message b{display:block;margin-bottom:3px;color:#0063a4;font-size:1.05em}
.geo-right .geo-person-message p{margin:0}
.geo-right .geo-person-label{font-size:clamp(4px,1.35cqw,6px);max-width:86px}
.geo-right .geo-flag{width:clamp(14px,4.2cqw,19px);height:clamp(9px,2.7cqw,12px)}
.geo-right .geo-flag-egypt{top:48%;left:24%}.geo-right .geo-flag-belgium{top:26%;left:13%}.geo-right .geo-flag-australia{top:78%;right:8%}.geo-right .geo-flag-uzbekistan{top:52%;left:55%}.geo-right .geo-flag-transnistria{top:35%;left:28%}
.geo-right .geo-dictionary{right:4%;bottom:5%;width:92%;height:39%;padding:clamp(8px,2.3cqw,11px) clamp(8px,2.6cqw,12px)}
.geo-right .geo-dictionary header{gap:6px;margin-bottom:5px}
.geo-right .geo-dictionary header img{width:clamp(22px,6.8cqw,30px)}
.geo-right .geo-dictionary h2{font-size:clamp(11px,3.3cqw,14px)}
.geo-right .geo-dictionary header p{font-size:clamp(8px,2.45cqw,10px)}
.geo-right .geo-dictionary-intro{font-size:clamp(6px,1.75cqw,8px);margin-bottom:7px}
.geo-right .geo-words{gap:4px}
.geo-right .geo-word{gap:3px;padding-left:5px;font-size:clamp(5px,1.6cqw,7px)}
.geo-right .geo-word b{font-size:clamp(7px,2.15cqw,9px)}
.geo-right .geo-dictionary-note{font-size:clamp(6px,1.7cqw,7px);margin-top:7px;padding-top:5px}
.geo-right .geo-caption{left:5%;bottom:2%;font-size:clamp(5px,1.55cqw,6px)}
.book .page.geography-left>.source-link,.book .page.geography-right>.source-link{display:none}
.book .page.geography-left>.page-foot,.book .page.geography-right>.page-foot{z-index:8;color:#2a6795;font-size:6px;text-shadow:0 1px #fff;bottom:8px}
@media(max-width:580px){
  .geo-left .geo-heading{top:8%}.geo-left .geo-heading h1{font-size:clamp(40px,14cqw,56px)}.geo-left .geo-heading h1 span{font-size:clamp(28px,9cqw,38px)}
  .geo-left .geo-intro{top:39%}.geo-left .geo-intro h2{font-size:clamp(13px,4cqw,16px)}.geo-left .geo-intro p{font-size:clamp(9px,2.75cqw,11px)}
  .geo-left-note{bottom:32%}.geo-left .geo-volunteers{bottom:1%;height:30%}
  .geo-right .geo-map{top:4%;height:62%}.geo-right .geo-person{width:clamp(22px,7cqw,29px);height:clamp(22px,7cqw,29px)}
  .geo-right .geo-dictionary{right:4%;bottom:5%;width:92%;height:39%;padding:clamp(8px,2.3cqw,10px)}
  .geo-right .geo-dictionary h2{font-size:clamp(11px,3.3cqw,13px)}.geo-right .geo-dictionary header p{font-size:clamp(8px,2.45cqw,9px)}
  .geo-right .geo-word{font-size:clamp(5px,1.6cqw,6px)}.geo-right .geo-word b{font-size:clamp(7px,2.15cqw,9px)}
}
@media(max-width:640px){
  .geo-heading{left:5%;top:4%;width:42%}.geo-heading h1{font-size:clamp(34px,8vw,50px)}.geo-heading h1 span{font-size:clamp(21px,5vw,31px)}.geo-heart{left:70%;width:35px}
  .geo-intro{left:5%;top:27%;width:37%}.geo-intro h2{font-size:clamp(9px,2vw,12px)}.geo-intro p{font-size:clamp(7px,1.55vw,9px);line-height:1.35}
  .geo-map{top:12%;right:-9%;width:78%;height:68%}.geo-person{width:clamp(24px,6vw,36px);height:clamp(24px,6vw,36px)}.geo-person-label{font-size:5px;max-width:77px;padding:2px 3px}
  .geo-volunteers{left:-4%;bottom:0;width:38%;height:34%}
  .geo-dictionary{right:1.5%;bottom:2%;width:63%;min-height:38%;padding:7px 8px}.geo-dictionary header{gap:5px;margin-bottom:4px}.geo-dictionary header img{width:23px}.geo-dictionary h2{font-size:clamp(9px,2vw,13px)}.geo-dictionary header p{font-size:clamp(6px,1.5vw,9px)}.geo-dictionary-intro{font-size:6px;margin-bottom:4px}.geo-words{gap:2px}.geo-word{padding-left:3px;font-size:5px;gap:2px}.geo-word b{font-size:6px}.geo-dictionary-note{font-size:6px;margin-top:4px;padding-top:3px}.geo-caption{left:4%;bottom:1.2%;font-size:5px}
}

/* The Figma map artwork is one landscape image sized to the complete two-leaf spread. */
.book .page.geography-left,.book .page.geography-right{overflow:hidden}
.geo-left .geo-map-backdrop,.geo-right .geo-map{
  top:0;right:auto;left:0;width:105%;height:100%;
}
.geo-left .geo-map-backdrop{left:90%;z-index:1}
.geo-right .geo-map{left:-10%;z-index:auto}
.geo-left .geo-map-art,.geo-right .geo-map-art{
  inset:5% auto auto 0;width:100%;max-width:none;height:52%;object-fit:fill;filter:none;
}
/* Vector 23 is a smaller route overlay inside Image 28, matching their Figma bounds. */
.geo-left .geo-route,.geo-right .geo-route{inset:19.35% auto auto 15.5%;width:72.5%;height:39.5%;opacity:.4}
.geo-left .geo-person{z-index:3;display:block;width:clamp(22px,4.1cqw,32px);height:clamp(22px,4.1cqw,32px);padding:0;transform:translate(-50%,-50%);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.geo-left .geo-person-photo{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:2px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 7px #034c8550}
.geo-left .geo-person-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.geo-left .geo-person-label{top:calc(100% + 1px);max-width:88px;padding:2px 3px;font-size:clamp(4px,1.25cqw,6px)}
.geo-left .geo-person-message{position:absolute;z-index:16;top:calc(100% + 14px);left:50%;width:clamp(105px,30cqw,145px);max-height:125px;overflow:auto;padding:7px 8px;transform:translateX(-50%);border:1px solid #bfd7e8;border-radius:5px;background:#fffefa;box-shadow:0 5px 15px #123b5b35;color:#355a79;font-size:clamp(7px,1.8cqw,9px);line-height:1.3}
.geo-left .geo-person-message b{display:block;margin-bottom:3px;color:#0063a4;font-size:1.05em}
.geo-left .geo-person-message p{margin:0}
.geo-right .geo-person{width:clamp(22px,4.1cqw,32px);height:clamp(22px,4.1cqw,32px)}
.geo-right .geo-person-6{z-index:7}
.geo-right .geo-person-label{top:calc(100% + 1px);max-width:88px;padding:2px 3px;font-size:clamp(4px,1.25cqw,6px)}
.geo-heading,.geo-intro{z-index:5}
.geo-left .geo-volunteers{z-index:5}
.geo-right .geo-dictionary{z-index:6}
.geo-left .geo-map-backdrop .geo-map-art{opacity:.92}
.geo-right .geo-map .geo-flag{display:none}
@media(max-width:580px){
  .geo-left .geo-map-backdrop,.geo-right .geo-map{top:0;width:105%;height:100%}
  .geo-left .geo-map-backdrop{left:90%}.geo-right .geo-map{left:-10%}
  .geo-left .geo-map-art,.geo-right .geo-map-art{left:0;top:5%;width:100%;height:52%}
  .geo-left .geo-route,.geo-right .geo-route{left:15.5%;top:19.35%;width:72.5%;height:39.5%}
}

/* First inside spread: a photo essay on the inside cover and the community board on the facing leaf. */
@media(min-width:640px){
  .book .page:not(.cover):not(.blank-page){grid-template-columns:1fr;grid-template-rows:35% 65%;height:100%;min-height:0;max-height:none}
  .book .page:not(.cover):not(.blank-page) .story-art{min-height:0}
  .book .page:not(.cover):not(.blank-page) .page-copy{min-height:0;overflow-y:auto;padding:clamp(15px,2.1vh,27px) clamp(15px,1.55vw,24px) 40px}
  .book .page:not(.cover):not(.blank-page) h1{font-size:clamp(25px,2.1vw,35px);margin-bottom:10px}
  .book .page:not(.cover):not(.blank-page) .page-intro{font-size:clamp(10px,.9vw,13px);line-height:1.48}
  .book .page:not(.cover):not(.blank-page) blockquote{font-size:clamp(9px,.82vw,11px);line-height:1.45;margin:10px 0}
}
.spread-memory-page{position:relative;width:100%;height:100%;overflow:hidden;background:#0874b7 url('/assets/figma-first-spread/43c13.png') 7.14% 68%/275.74% 129.15% no-repeat;color:#fff}
.spread-memory-shade{position:absolute;inset:0;background:linear-gradient(180deg,#003a6510 36%,#003c7140 69%,#0069aa94 100%)}
.spread-memory-brush{position:absolute;z-index:1;left:0;bottom:-10%;width:200%;height:75%;object-fit:fill;mix-blend-mode:multiply;opacity:.7;pointer-events:none}
.spread-memory-stroke{position:absolute;z-index:2;left:-9%;top:-3%;width:41%;height:auto;object-fit:contain;transform:rotate(-20deg);pointer-events:none}
.spread-memory-polaroids{position:absolute;z-index:3;left:4%;right:2%;bottom:8%;height:35%;display:flex;align-items:center;justify-content:center;}
.spread-memory-polaroids figure{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;width:34%;height:100%;margin:0;padding:clamp(5px,.75vw,10px) clamp(5px,.75vw,10px) clamp(12px,1.65vw,22px);background:#fff;box-shadow:0 4px 12px #001d3d73;color:#07519b;text-align:center}
.spread-memory-polaroids .memory-polaroid-one{left:0;transform:rotate(-8deg) translateY(3%)}
.spread-memory-polaroids .memory-polaroid-two{left:32%;z-index:1;width:35%;height:91%;transform:rotate(5deg) translateY(-3%)}
.spread-memory-polaroids .memory-polaroid-three{right:1%;z-index:0;width:36%;height:94%;transform:rotate(-12deg) translateY(-15%)}
.spread-memory-polaroids img{display:block;width:100%;height:76%;object-fit:cover}
.spread-memory-polaroids figcaption{display:flex;flex:1;align-items:center;justify-content:center;padding-top:3px;color:#184f90;font:400 clamp(10px,1.5vw,16px)/1 'Marck Script',cursive}
.chat-spread-page{position:relative;display:grid;grid-template-rows:11% minmax(0,1.09fr) minmax(0,1fr);gap:clamp(6px,.85vh,9px);width:100%;height:100%;overflow:hidden;padding:clamp(18px,3vw,30px) clamp(16px,2.4vw,26px) clamp(14px,2vw,23px);background:transparent;color:#264e71;font-family:'Inter',Arial,sans-serif}
.chat-spread-page:before{position:absolute;z-index:0;inset:0;background:linear-gradient(0deg,#0574b544 0,transparent 45%),url('/assets/figma-first-spread/43c13.png');background-position:center,64.05% 68%;background-size:100% 100%,275.74% 129.15%;background-repeat:no-repeat;content:''}
.chat-spread-page:after{position:absolute;z-index:1;left:-100%;bottom:-10%;width:200%;height:75%;background:url('/assets/figma-first-spread/6caac.png') center/100% 100% no-repeat;content:'';mix-blend-mode:multiply;opacity:.7;pointer-events:none}
.chat-spread-page>*{position:relative;z-index:2}
.chat-pinned{display:flex;align-items:center;gap:7px;min-height:0;padding:clamp(6px,.8vw,10px);border:1px solid #c9deec;border-radius:8px;background:#e2f2ff}
.chat-pin-image{flex:none;width:clamp(16px,1.8vw,23px);height:clamp(16px,1.8vw,23px);object-fit:contain}
.chat-pinned b{display:block;color:#356b9d}
.chat-pinned p{margin:3px 0 0;color:#435c76;font-size:clamp(9px,.92vw,11px);line-height:1.3}
.chat-profiles,.chat-panels{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(4px,.48vw,7px);row-gap:clamp(4px,.48vw,7px);min-height:0}
.chat-profiles{grid-row:2;margin-top:0}
.chat-asset-card{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}
.chat-profiles .chat-asset-card{object-fit:cover;object-position:center top}
.chat-profile,.chat-info-card{min-width:0;min-height:0;overflow:hidden;border:1px solid #d3e2ec;border-radius:8px;background:#fff}
.chat-profile{padding:clamp(6px,.8vw,10px)}
.chat-profile-banner{display:flex;align-items:center;gap:5px;margin:-1px -1px clamp(5px,.55vw,7px);padding:2px 0;color:#5480a4;font-size:clamp(9px,.9vw,11px);line-height:1.15}
.chat-profile-banner img{width:clamp(13px,1.4vw,18px);height:clamp(13px,1.4vw,18px);object-fit:contain}
.chat-profile-head{display:flex;align-items:flex-start;gap:5px;padding-bottom:0;border-bottom:0}
.chat-avatar{flex:none;width:clamp(38px,5vw,58px);height:clamp(42px,5.8vw,66px);border-radius:7px;object-fit:cover;object-position:center top}
.chat-profile-head small{display:block;margin-top:3px;color:#466884;font-size:9px;line-height:1.2}
.chat-profile-head b{display:block;color:#2b5f8a;font-size:clamp(11px,1.05vw,13px);line-height:1.15}
.chat-profile p{margin:4px 0 0;color:#2f5b8e;font-size:clamp(9px,.9vw,11px);line-height:1.25;text-align:justify}
.chat-profiles .chat-profile:first-child p{letter-spacing:-.025em}
.chat-profile .chat-profile-greeting{text-align:left}
.chat-panels{grid-row:3;grid-template-rows:1fr}
.chat-info-card{padding:clamp(7px,.9vw,11px);background:#fff}
.chat-info-card h2{display:flex;align-items:center;gap:6px;margin:0 0 5px;color:#376c9a;font-size:clamp(15px,1.5vw,18px);line-height:1.15}
.chat-info-card h2 img{width:clamp(22px,2.6vw,30px);height:clamp(22px,2.6vw,30px);object-fit:contain;opacity:.9}
.chat-info-subtitle{margin:0 0 6px;color:#68849b;font-size:clamp(9px,.95vw,11px);line-height:1.2}
.chat-info-card ul{display:grid;gap:clamp(3px,.55vw,6px);margin:0;padding:0;list-style:none}
.chat-info-card .chat-navigation{margin-top:clamp(12px,1.5vw,18px)}
.chat-info-card li{position:relative;display:flex;align-items:center;min-width:0;min-height:0;color:#4c6d83;font-size:clamp(10px,1.05vw,13px);line-height:1.2}
.chat-rules li,.chat-navigation li{gap:4px}
.chat-icon-sprite{position:relative;display:block;flex:none;width:clamp(13px,1.6vw,19px);height:clamp(13px,1.6vw,19px);overflow:hidden;border-radius:50%;background:#dcefff}
.chat-icon-sprite img{position:absolute;max-width:none;pointer-events:none}
.rules-flag img{left:-15.14%;top:-51.01%;width:425%;height:283.33%}
.rules-history img{left:-111.67%;top:-59.52%;width:425%;height:303.57%}
.rules-respect img{left:-205.76%;top:-65.26%;width:425%;height:314.81%}
.rules-care img{left:-6.61%;top:-1.38%;width:114.18%;height:104%}
.rules-responsibility img{left:-63.85%;top:-192.84%;width:425%;height:369.57%}
.rules-team img{left:-161.44%;top:-149.17%;width:425%;height:293.1%}
.rules-growth img{left:-318.57%;top:-168.6%;width:511.78%;height:329.13%}
.nav-geography img{left:-6.61%;top:-1.38%;width:114.18%;height:104%}
.nav-media img{left:-100.88%;top:-36.65%;width:397.28%;height:171.1%}
.nav-stats img{left:-190.26%;top:-36.79%;width:388.46%;height:173.49%}
.nav-support img{inset:0;width:100%;height:100%;object-fit:cover}
.nav-circle img{left:-306.37%;top:-47.8%;width:419.69%;height:194.65%}
.nav-profile img{inset:0;width:100%;height:100%;object-fit:cover}
.chat-spread-page~.page-foot{color:#8497a7}
.book .page.chat{display:block}
.book .page.chat .source-link,.book .page.chat .page-foot{display:none}
.grabfold-content[data-page="cover:front:inside"]{background:#0874b7}
.grabfold-content[data-page="cover:front:inside"] .spread-memory-page{pointer-events:none}
@media(max-width:639px){
  .book .page.chat{grid-template-columns:1fr;grid-template-rows:100%;}
  .book .page.chat .chat-spread-page{gap:4px;padding:6px}
  .chat-profile p{font-size:clamp(8px,2.1vw,10px);line-height:1.25}
  .chat-profile-head b{font-size:clamp(10px,2.4vw,12px)}
  .chat-info-card li{font-size:clamp(9px,2.2vw,11px);line-height:1.2}
}

/* Demo interactions: photo facts, collected marks, saved profile card, and finale. */
.photo-hotspot{position:absolute;z-index:4;left:var(--spot-x);top:var(--spot-y);display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #fff;border-radius:50%;background:#0063a4d9;box-shadow:0 2px 14px #001f3d55;cursor:pointer;transform:translate(-50%,-50%);transition:transform .18s,background .18s}
.photo-hotspot span{width:9px;height:9px;border:2px solid #fff;border-radius:50%;animation:hotspot-pulse 1.8s ease-out infinite}
.photo-hotspot:hover,.photo-hotspot:focus-visible{background:#d9272e;transform:translate(-50%,-50%) scale(1.12)}
@keyframes hotspot-pulse{0%{box-shadow:0 0 0 0 #ffffffaa}75%,100%{box-shadow:0 0 0 9px #ffffff00}}
.easter-mark{position:absolute;z-index:4;left:var(--mark-x);top:var(--mark-y);width:26px;height:26px;padding:0;border:1px solid #fff9;border-radius:50%;background:#0063a466;color:#fff9;font-size:15px;line-height:1;cursor:pointer;transform:translate(-50%,-50%) rotate(-15deg);transition:all .2s}
.easter-mark:hover,.easter-mark:focus-visible{background:#f1c84b;color:#073e67;transform:translate(-50%,-50%) scale(1.2) rotate(0)}
.easter-mark.found{border-color:#f1c84b;background:#f1c84b;color:#073e67;box-shadow:0 0 0 4px #f1c84b44;opacity:1}
.book .page .choice-feedback{min-height:18px;margin:8px 0 0;color:#668197;font:8px/1.4 var(--mono);letter-spacing:.04em}
.book .page .page-copy{container-type:inline-size;container-name:journal-copy}
@container journal-copy (max-width:350px){.book .page .choice-grid{grid-template-columns:1fr;gap:7px}.book .page .choice-card{min-height:46px;padding:7px 10px;grid-template-columns:24px minmax(0,1fr) 18px;column-gap:8px}.book .page .choice-label{font-size:10px}}
.book .page .choice-card.choice-pop{animation:choice-pop .42s cubic-bezier(.2,.8,.2,1)}
@keyframes choice-pop{45%{transform:scale(1.045);box-shadow:0 0 0 4px #0063a414}}
.book .page .save-card-button{display:flex;align-items:center;justify-content:space-between;width:min(255px,100%);margin-top:14px;padding:11px 13px;border:1px solid #0063a4;background:#0063a4;color:#fff;font:9px var(--mono);letter-spacing:.08em;cursor:pointer;transition:background .18s,transform .18s}
.book .page .save-card-button:hover{background:#074c78;transform:translateY(-2px)}
.book .page .save-card-button span{font-size:16px}
.book .page .marks-summary{margin:8px 0 0;color:#8e6814;font:8px var(--mono);letter-spacing:.06em}
.book .page .restart-button{margin-top:13px}
.finale-celebration{position:fixed;z-index:9;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.finale-sparkle{position:absolute;left:50%;top:48%;width:9px;height:16px;border-radius:2px;background:var(--spark-color);box-shadow:0 1px 5px #0002;opacity:0;animation:finale-burst 1.65s cubic-bezier(.12,.75,.3,1) var(--final-delay) both}
@keyframes finale-burst{0%{transform:translate(0,0) scale(.2) rotate(0);opacity:0}14%{opacity:1}100%{transform:translate(var(--final-x),var(--final-y)) scale(.7) rotate(var(--final-rotate));opacity:0}}
@media(max-width:580px){.photo-hotspot{width:34px;height:34px}.easter-mark{width:24px;height:24px}.book .page .choice-feedback{font-size:7px}.book .page .save-card-button{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.photo-hotspot span,.book .page .choice-card.choice-pop,.finale-sparkle{animation:none}}

/* Clickable paper, photograph and badge found inside the journal. */
.archive-find{position:absolute;z-index:6;top:18px;left:18px;display:flex;align-items:center;gap:9px;min-width:132px;padding:8px 11px;border:1px solid #ffffffa8;border-radius:3px;background:#fffdf2eF;color:#174f70;text-align:left;box-shadow:0 5px 22px #001b2c35;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.archive-find:hover,.archive-find:focus-visible{transform:translateY(-2px) rotate(-1deg);background:#fff;box-shadow:0 9px 28px #001b2c50}
.archive-find-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #bdc9ca;border-radius:50%;font:19px Georgia,serif;color:#b34c39}
.archive-find-photo .archive-find-icon{border-radius:2px;color:#0063a4}.archive-find-badge .archive-find-icon{color:#b58b3e}
.archive-find-copy{display:grid;gap:3px}.archive-find-copy b{font:600 11px var(--sans)}.archive-find-copy small{font:7px var(--mono);letter-spacing:.12em;color:#7a817d}.archive-find-glint{margin-left:auto;font-size:12px;color:#c45440}
.archive-dialog{position:fixed;inset:0;width:min(660px,calc(100vw - 34px));max-width:660px;max-height:min(790px,calc(100dvh - 34px));overflow:auto;margin:auto;padding:30px;border:1px solid #d8d0bd;background:#f3eddd;color:#24333a;box-shadow:0 28px 100px #0009}
.music-video-dialog{position:fixed;z-index:30;inset:0;width:min(1100px,calc(100vw - 32px));max-width:1100px;max-height:calc(100dvh - 32px);margin:auto;padding:52px 16px 16px;border:1px solid #8db8db;border-radius:14px;background:#071b38;box-shadow:0 28px 100px #000b}
.music-video-dialog::backdrop{background:#061222d9;backdrop-filter:blur(5px)}
.music-video-dialog video{display:block;width:100%;height:min(76dvh,760px);max-height:calc(100dvh - 104px);margin:auto;object-fit:contain;background:#000;border-radius:6px}
.music-video-close{position:absolute;top:8px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff18;color:#fff;font:28px/1 var(--sans);cursor:pointer}
.music-video-close:hover{background:#ffffff33}
.archive-dialog[open]{animation:archive-arrive .34s cubic-bezier(.18,.75,.25,1) both}
.archive-dialog::backdrop{background:#10171dcc;backdrop-filter:blur(8px)}
@keyframes archive-arrive{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.archive-close{position:sticky;z-index:2;top:0;float:right;width:38px;height:38px;border:1px solid #d3cbbb;border-radius:50%;background:#fffdf6;color:#174f70;font-size:24px;line-height:1;cursor:pointer}
.archive-object{clear:both}.archive-letter{position:relative;min-height:365px;margin:0 auto;padding:38px clamp(22px,7vw,70px) 54px;background:repeating-linear-gradient(#fffaf0 0 37px,#b5c0b233 38px,#fffaf0 39px);box-shadow:0 12px 35px #342b1f20;transform:rotate(-.4deg)}
.archive-letter:before{content:"";position:absolute;inset:0 auto 0 35px;width:1px;background:#ce776d77}.archive-letter-mark{position:absolute;right:23px;top:19px;color:#a66651;font:8px/1.45 var(--mono);letter-spacing:.12em;text-align:center;transform:rotate(7deg);border:1px solid #b77962;padding:7px 8px}
.archive-object-eyebrow{margin:9px 0 15px;color:#9b4e3d;font:8px/1.5 var(--mono);letter-spacing:.14em}.archive-dialog h2{max-width:470px;margin:0 0 17px;color:#145c87;font:500 clamp(27px,5vw,40px)/1.08 var(--serif);letter-spacing:-.035em}.archive-object-body{max-width:490px;margin:0;color:#485b5c;font:16px/1.8 var(--serif)}
.archive-signature{margin-top:32px;color:#7c7566;font:8px var(--mono);letter-spacing:.13em}.archive-stamp{position:absolute;right:37px;bottom:34px;display:grid;place-items:center;width:76px;height:76px;border:2px solid #b95245;border-radius:50%;color:#b95245;text-align:center;font:8px/1.5 var(--mono);letter-spacing:.1em;transform:rotate(12deg);opacity:.78}
.archive-photo-card{padding:0 5px 8px}.archive-photo{display:block;width:100%;max-height:330px;object-fit:cover;border:10px solid #fffdf7;box-shadow:0 12px 28px #302b2226}.archive-photo-card .archive-object-eyebrow{margin-top:25px}.archive-source{display:inline-block;margin-top:22px;color:#0063a4;text-decoration:none;font:8px var(--mono);letter-spacing:.1em}.archive-source:hover{text-decoration:underline}
.archive-badge-card{display:grid;grid-template-columns:minmax(160px,.78fr) 1fr;align-items:center;gap:clamp(22px,5vw,52px);min-height:370px;padding:20px 14px}.archive-medal{position:relative;display:grid;place-items:center;gap:8px;width:min(210px,45vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f8e6ac,#c29b53 54%,#8c6534 72%,#e1c57d 74%,#916d3f 80%,#d5b974 82%);box-shadow:0 18px 32px #33251433,inset 0 2px 7px #fff9c3,inset 0 -8px 13px #5f431d66;color:#704e27;text-align:center;transform:rotate(-9deg)}
.archive-medal:before{content:"";position:absolute;inset:14%;border:1px solid #77572b99;border-radius:50%}.archive-medal span{font-size:45px;line-height:1}.archive-medal b{font:9px/1.5 var(--mono);letter-spacing:.12em}.archive-badge-copy .archive-object-eyebrow{margin-top:0}.archive-badge-copy .archive-object-body{font-size:15px}.archive-object-note{margin:20px 0 0;padding-top:14px;border-top:1px solid #b6b09f;color:#7d817b;font:9px/1.6 var(--mono);letter-spacing:.025em}

/* Drag-free era comparison: a range control reveals the right half of the second scene. */
.memory-slider{position:absolute;inset:0;overflow:hidden;background:#706c5d;--memory-split:50%}.memory-image,.memory-image-after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.memory-image-before{filter:sepia(.12) contrast(.92)}.memory-image-after{clip-path:inset(0 0 0 var(--memory-split))}.memory-image-after .memory-image{filter:saturate(.96)}
.memory-label{position:absolute;z-index:2;top:17px;padding:7px 9px;background:#152c3ed9;color:#fff;font:7px var(--mono);letter-spacing:.1em;pointer-events:none}.memory-label-before{left:14px}.memory-label-after{right:14px;background:#a4312fe8}.memory-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--memory-split);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.memory-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:#0063a4;color:#fff;font:17px var(--sans);transform:translate(-50%,-50%);box-shadow:0 2px 12px #0007}
.memory-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.memory-caption{position:absolute;z-index:2;bottom:16px;left:50%;padding:7px 9px;background:#121b20ba;color:#fff;font:6px var(--mono);letter-spacing:.08em;white-space:nowrap;transform:translateX(-50%);pointer-events:none}
@media(max-width:580px){.archive-dialog{padding:19px}.archive-letter{padding:35px 23px 48px 39px;min-height:340px}.archive-object-body{font-size:14px}.archive-badge-card{grid-template-columns:1fr;justify-items:center;text-align:center;padding:8px 4px}.archive-badge-copy .archive-object-eyebrow{margin-top:5px}.archive-dialog h2{font-size:29px}.archive-stamp{right:18px;bottom:22px;transform:scale(.8) rotate(12deg)}.memory-label{top:9px;padding:6px;font-size:6px}.memory-caption{bottom:9px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.archive-dialog[open]{animation:none}.archive-find{transition:none}}

/* Figma frame 7:22 — complete cover artwork exported as a single SVG. */
.figma-cover-art{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;aspect-ratio:612/859;background:#d8edf6}
.cover-svg{display:block;width:100%;height:100%;object-fit:fill}
.cover-open-target{position:absolute;z-index:10;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.book .page.cover{height:100%!important;min-height:0;max-height:none;background:#d8edf6}
.book .page.cover .figma-cover-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.book .page.cover .cover-open-target{z-index:9}
.book .page.cover .page-foot,.book .page.cover .source-link{display:none}
.book .page.back-cover{display:block;overflow:hidden;border:0;background:#97d8f8;box-shadow:none}
.book .page.back-cover:before{display:none}
.back-cover-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.desk-book{width:min(53vw,470px);aspect-ratio:612/854;margin-top:-2vh;filter:drop-shadow(0 38px 40px #0009)}
.desk-book-cover{inset:0;display:block;overflow:hidden;border:0;border-radius:2px;background:#d8edf6;box-shadow:0 3px 7px #0007;transform-origin:4% 50%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.78,.18,1)}
@media(max-width:580px){.desk-book{width:min(82vw,350px);margin-top:-3vh}.desk-book-cover{display:block}}
@media(prefers-reduced-motion:reduce){.desk-book{transition:none!important}}

/* Keep the reader controls aligned and easy to tap on narrow screens. */
.reader-controls{gap:clamp(8px,1.5vw,18px)}
.page-dots{flex:none;gap:clamp(3px,.6vw,7px)}
.page-dot,.swipe-hint,.contents-button{flex:none;white-space:nowrap}
@media(max-width:580px){
  .fullscreen-journal .reader-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px}
  .fullscreen-journal .page-dots{gap:2px}
  .fullscreen-journal .swipe-hint{justify-self:center}
  .fullscreen-journal .contents-button{justify-self:end}
}


html.desk-intro-active,html.desk-intro-active body{background:#030406}
html.desk-intro-active .fullscreen-journal{visibility:hidden;opacity:0!important;pointer-events:none}
.desk-intro{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;overflow:hidden;background:#030406;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}
html.desk-intro-active .desk-intro{opacity:1;visibility:visible}
.desk-table{position:absolute;inset:-2%;background:#17100c url('/assets/walnut-table.png') center/cover no-repeat;opacity:0;filter:brightness(.58) saturate(.82);transform:scale(1.04);transition:opacity 2.4s ease,transform 8s ease}
.desk-intro.is-lit .desk-table{opacity:1;transform:scale(1)}
.desk-intro:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 12%,#08070720 55%,#010204c9 115%)}
.desk-light-beam{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(180deg,#fff1d20b 0%,#ffc86a1a 30%,#ffc86a08 74%,transparent 100%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(18px);transition:opacity 2s ease}
.desk-intro.is-lit .desk-light-beam{opacity:.8}
.desk-lights{position:absolute;inset:0;z-index:2;pointer-events:none}
.desk-light{position:absolute;top:var(--light-y);left:50%;width:var(--light-w);height:var(--light-h);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.6);background:radial-gradient(ellipse at center,#fff1c9a8 0%,#ffd9835c 24%,#f8bd5530 48%,transparent 73%);filter:blur(12px)}
.desk-intro.is-lit .desk-light{animation:desk-light-on 1.15s var(--light-delay) cubic-bezier(.16,.75,.23,1) both}
.light-far{--light-y:15%;--light-w:18vw;--light-h:5vh;--light-delay:0s}
.light-back{--light-y:31%;--light-w:31vw;--light-h:9vh;--light-delay:.42s}
.light-middle{--light-y:48%;--light-w:52vw;--light-h:15vh;--light-delay:.84s}
.light-near{--light-y:67%;--light-w:78vw;--light-h:22vh;--light-delay:1.26s}
.desk-book{position:relative;z-index:3;width:min(66vw,760px);aspect-ratio:1.38;margin-top:-2vh;padding:0;border:0;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transform:perspective(1600px) rotateX(38deg) rotateZ(-8deg) translateY(115px) scale(.74);transition:opacity .75s ease,visibility .75s ease,transform 1.1s cubic-bezier(.18,.76,.16,1);filter:drop-shadow(0 42px 44px #0009)}
.desk-intro.is-ready .desk-book{opacity:1;visibility:visible;pointer-events:auto;transform:perspective(1600px) rotateX(13deg) rotateZ(-2deg) translateY(0) scale(1)}
.desk-book-pages{position:absolute;inset:0;border:1px solid #d1c5ac;border-radius:4px;background:repeating-linear-gradient(180deg,#fbf9f1 0 3px,#ded8cd 3px 4px);box-shadow:10px 11px 0 -2px #e6dfd1,15px 17px 20px #0008}
.desk-book-cover{position:absolute;inset:0;display:grid;grid-template-columns:44% 56%;overflow:hidden;border:1px solid #d8cfbb;border-radius:3px;background:#faf8f0;box-shadow:0 3px 5px #0005;transform-origin:4% 50%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.78,.18,1)}
.desk-intro.is-opening .desk-book-cover{transform:rotateY(-128deg)}
.desk-book-photo{position:relative;display:block;overflow:hidden;background:#075e96}
.desk-book-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.desk-book-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#004b7e18,#003a7160)}
.desk-book-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(9px,1.4vw,17px);padding:clamp(22px,4vw,54px);color:#0063a4;text-align:left}
.desk-book-copy img{width:clamp(85px,12vw,145px);height:auto;margin-bottom:4px}
.desk-book-copy small,.desk-book-copy>span{color:#c42e36;font:500 clamp(7px,.8vw,10px)/1.4 'DM Mono',monospace;letter-spacing:.14em}
.desk-book-copy strong{font:500 clamp(28px,4.7vw,59px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-.045em}
.desk-open-hint{position:absolute;z-index:3;left:0;right:0;bottom:8vh;margin:0;color:#f0d8a2;text-align:center;font:500 11px/1.4 'DM Mono',monospace;letter-spacing:.17em;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.desk-intro.is-ready .desk-open-hint{opacity:.9;transform:translateY(0);animation:hint-breathe 2.8s 1.2s ease-in-out infinite alternate}
.desk-intro.is-opening .desk-open-hint{opacity:0}
.desk-intro.is-exit{opacity:0;pointer-events:none}
@keyframes desk-light-on{0%{opacity:0;transform:translate(-50%,-50%) scale(.58)}48%{opacity:.82;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:.42;transform:translate(-50%,-50%) scale(1)}}
@keyframes hint-breathe{to{opacity:.55}}
@media(max-width:580px){.desk-book{width:min(90vw,570px);margin-top:-3vh}.desk-book-cover{grid-template-columns:42% 58%}.desk-book-copy{gap:8px;padding:16px}.desk-book-copy img{width:76px}.desk-book-copy small,.desk-book-copy>span{font-size:6px}.desk-book-copy strong{font-size:clamp(23px,7vw,36px)}.desk-open-hint{bottom:9vh;font-size:8px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.desk-table,.desk-light-beam,.desk-light,.desk-book,.desk-book-cover,.desk-open-hint{transition:none!important;animation:none!important}}

/* The intro presents the journal as a closed portrait cover, not an empty spread. */
.desk-book{width:min(56vh,52vw,460px);aspect-ratio:612/854;margin-top:-1vh}
.desk-book-cover{display:block;grid-template-columns:none}
.desk-open-hint{bottom:2.8vh}
@media(max-width:580px){.desk-book{width:min(70vh,82vw,390px);aspect-ratio:612/854;margin-top:-2vh}.desk-book-cover{display:block;grid-template-columns:none}}
.chat-pinned b,.chat-profile-banner b,.chat-profile-head b,.chat-profile-head small,.chat-profile p{color:#2f5b8e}

/* Keep the opening screen covered until the journal artwork is ready. */
body.assets-loading{overflow:hidden}
.asset-loader{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 44%,#fff 0%,#eff9ff 43%,#d8efff 100%);color:#164e79;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
.asset-loader.is-hiding{opacity:0;visibility:hidden;pointer-events:none}
.asset-loader-card{width:min(360px,100%);padding:clamp(26px,5vw,42px);border:1px solid #ffffffd9;border-radius:18px;background:#ffffffed;box-shadow:0 20px 60px #14558621;text-align:center}
.asset-loader-book{display:flex;justify-content:center;gap:3px;width:58px;height:42px;margin:0 auto 23px;perspective:140px}
.asset-loader-book span{width:26px;height:38px;border:2px solid #087bc0;background:linear-gradient(135deg,#fff 0 75%,#d8f0ff 76%);box-shadow:0 3px 7px #0063a422;animation:loader-page 1.2s ease-in-out infinite alternate;transform-origin:right center}
.asset-loader-book span+span{border-color:#168fe0;animation-delay:.22s;transform-origin:left center}
.asset-loader-eyebrow{margin:0 0 9px;color:#3182b9;font:700 9px/1.3 'DM Mono',monospace;letter-spacing:.16em}
.asset-loader-card h1{margin:0;color:#075f99;font-family:inherit;font-size:clamp(21px,5vw,27px);font-weight:700;line-height:1.1;letter-spacing:-.025em}
.asset-loader-caption{min-height:1.4em;margin:13px 0 18px;color:#547187;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4}
.asset-loader-track{height:6px;overflow:hidden;border-radius:99px;background:#d8eaf5}
.asset-loader-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0284c7,#47b8ed);transition:width .2s ease}
.asset-loader-count{margin:9px 0 0;color:#6c8799;font:600 10px/1.3 'DM Mono',monospace;letter-spacing:.08em}
@keyframes loader-page{from{transform:rotateY(-13deg) translateY(0)}to{transform:rotateY(13deg) translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.asset-loader,.asset-loader-book span,.asset-loader-track span{transition:none;animation:none}}
.chat-pinned p{color:#2d376d}
.chat-info-banner{display:flex;align-items:center;gap:4px;min-height:clamp(11px,1.3vw,16px);margin:0 0 clamp(4px,.55vw,7px);color:#2f5b8e;font-size:clamp(6px,.72vw,9px);font-weight:700;line-height:1}
.chat-info-banner img{width:clamp(11px,1.35vw,16px);height:clamp(11px,1.35vw,16px);object-fit:contain}
.chat-info-card h2{color:#2f5b8e}
.chat-info-subtitle{color:#2f5b8e}
.chat-info-card li{color:#013c97}
.nav-geography img{left:-11.5%;top:-33.63%;width:414.41%;height:166.58%}
.chat-info-card{padding:clamp(5px,.65vw,8px)}
.chat-info-banner{min-height:clamp(9px,1vw,12px);margin-bottom:clamp(3px,.35vw,5px);font-size:clamp(6px,.65vw,8px)}
.chat-info-banner img{width:clamp(10px,1.15vw,14px);height:clamp(10px,1.15vw,14px)}
.chat-info-card h2{margin-bottom:3px;font-size:clamp(15px,1.45vw,18px)}
.chat-info-card h2 img{width:clamp(18px,2vw,24px);height:clamp(18px,2vw,24px)}
.chat-info-subtitle{margin-bottom:4px;font-size:clamp(9px,.9vw,11px)}
.chat-info-card ul{gap:clamp(2px,.35vw,4px)}
.chat-info-card li{font-size:clamp(10px,1.05vw,13px);line-height:1.2}
.chat-icon-sprite{width:clamp(12px,1.4vw,16px);height:clamp(12px,1.4vw,16px)}
.chat-spread-page{padding-top:clamp(22px,3.7vw,36px);padding-right:clamp(20px,3.5vw,35px);padding-left:clamp(16px,2.4vw,24px)}
.spread-memory-polaroids{bottom:6.5%}
.chat-avatar-frame{position:relative;flex:none;width:clamp(38px,5vw,58px);height:clamp(42px,5.8vw,66px);overflow:hidden;border-radius:7px}
.chat-avatar{position:absolute;max-width:none;border-radius:0;object-fit:fill}
.avatar-olga .chat-avatar{left:-47.02%;top:-5.22%;width:229.97%;height:139.53%}
.avatar-artemiy .chat-avatar{left:-32.79%;top:-5.18%;width:166.51%;height:136.64%}
.chat-pinned b,.chat-profile-banner b,.chat-info-banner b{font-size:clamp(10px,1vw,12px);font-weight:700;line-height:1.1}

/* Geography spread tuned against the provided Figma screenshot. */
.geo-left .geo-map-backdrop,.geo-right .geo-map{top:0;width:150%;height:100%;}
.geo-left .geo-map-backdrop{left:50%;z-index:1}
.geo-right .geo-map{left:-50%;z-index:auto}
.geo-left .geo-map-art,.geo-right .geo-map-art{left:0;top:6%;width:100%;height:75%;max-width:none;object-fit:fill;opacity:1}
.geo-left .geo-route,.geo-right .geo-route{left:23.25%;top:26.7%;width:103.5%;height:57%;opacity:.66}
.geo-people-layer{position:absolute;z-index:4;inset:0;pointer-events:none}
.geo-person{width:clamp(56px,11.5cqw,72px);height:clamp(56px,11.5cqw,72px);transform:translate(-50%,-50%);pointer-events:auto}
.geo-person-photo{padding:2px;border:3px solid #fff;box-shadow:0 2px 8px #143d5b55}
.geo-person-label{display:none}
.geo-person-message{top:calc(50% - 16px);left:100%;width:clamp(120px,22cqw,132px);height:auto;min-height:41px;max-height:none;padding:7px 6px 5px;overflow:visible;border:1px solid #e5e6e5;border-radius:8px;background:#fff;box-shadow:0 2px 6px #152f432e;color:#343b42;font-size:clamp(6px,1.1cqw,7px);line-height:1.15}
.geo-person-message b{position:absolute;top:-13px;left:0;display:flex;align-items:center;gap:4px;margin:0;padding:0 4px;border-radius:0;background:#fff;box-shadow:0 -1px #e5e6e5;color:#26313b;font-size:clamp(7px,1.15cqw,8px);font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap}
.geo-person-message b img{width:24px;height:15px;flex:none;object-fit:contain;border-radius:0}
.geo-person-message p{display:block;margin:0;overflow:visible}
.geo-person{z-index:9}
.geo-heading,.geo-intro{z-index:6}
.geo-left .geo-heading{left:7%;top:7%;width:86%;text-align:left}
.geo-left .geo-kicker{display:none}
.geo-left .geo-heading h1{font-size:clamp(60px,19cqw,82px);line-height:.82;letter-spacing:-.045em}
.geo-left .geo-heading h1 span{font-size:clamp(38px,12.5cqw,54px);letter-spacing:-.055em}
.geo-left .geo-heart{left:53%;right:auto;top:57%;width:clamp(37px,11cqw,48px)}
.geo-left .geo-intro{left:7%;top:27%;width:50%;max-width:none}
.geo-left .geo-intro h2{max-width:14em;margin-bottom:8px;color:#111b25;font-size:clamp(13px,3.6cqw,16px);line-height:1.02;letter-spacing:.01em}
.geo-left .geo-intro p{color:#141b20;font-size:clamp(10px,3.05cqw,13px);font-weight:500;line-height:1.15;text-align:left}
.geo-left .geo-volunteers{left:-17%;bottom:-1%;width:178%;height:42%;object-fit:contain;object-position:left bottom}
.geo-right .geo-dictionary{right:2%;bottom:2%;width:96%;height:30%;min-height:0;padding:clamp(8px,2.5cqw,12px) clamp(9px,2.8cqw,14px)}
.geo-right .geo-dictionary header{gap:7px;margin-bottom:4px}
.geo-right .geo-dictionary header{justify-content:flex-start}
.geo-right .geo-dictionary header img{width:clamp(22px,6.5cqw,29px)}
.geo-right .geo-dictionary h2{font-size:clamp(11px,3.2cqw,14px)}
.geo-right .geo-dictionary header p{font-size:clamp(7px,2cqw,9px)}
.geo-right .geo-dictionary-intro{font-size:clamp(5px,1.45cqw,6px);margin-bottom:5px}
.geo-right .geo-word{font-size:clamp(4px,1.2cqw,5px)}
.geo-right .geo-word b{font-size:clamp(5.5px,1.65cqw,7px)}
.geo-right .geo-dictionary-note{font-size:clamp(4px,1.25cqw,5px);margin-top:5px;padding-top:4px}
.geo-left .geo-route,.geo-right .geo-route{clip-path:inset(0);opacity:.5}
.geo-right .geo-dictionary{right:1%;bottom:1%;width:98%;height:30%;padding-left:12%;padding-right:6%}
.geo-right .geo-dictionary header img{flex:none;width:clamp(26px,7.5cqw,34px);margin-left:8px;order:2}
.geo-right .geo-dictionary-note{margin:2px 0 5px;padding:0;border:0;font-size:clamp(4px,1.2cqw,5px);font-style:normal;line-height:1.2}
.geo-left .geo-person,.geo-right .geo-person{width:clamp(56px,11.5cqw,72px);height:clamp(56px,11.5cqw,72px);transform:translate(-50%,-50%);overflow:visible}
.geo-left .geo-person-message,.geo-right .geo-person-message{top:calc(50% - 16px);left:100%;right:auto;width:clamp(120px,22cqw,132px);height:auto;min-height:41px;max-height:none;padding:7px 6px 5px;overflow:visible;transform:none;border:1px solid #e5e6e5;border-radius:0 8px 8px 8px;background:#fff;box-shadow:0 2px 6px #152f432e;color:#343b42;font-size:clamp(6px,1.1cqw,7px);line-height:1.15}
.geo-left .geo-person-message b,.geo-right .geo-person-message b{position:absolute;top:-13px;left:0;display:flex;align-items:center;gap:4px;margin:0;padding:0 4px;border-radius:0;background:#fff;box-shadow:0 -1px #e5e6e5;color:#26313b;font-size:clamp(7px,1.15cqw,8px);font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap}
.geo-left .geo-person-message[data-audio] b,.geo-right .geo-person-message[data-audio] b{gap:5px;padding-right:4px;border-radius:0}
.geo-left .geo-person-2 .geo-person-message b{left:-10px}
.geo-left .geo-person-message b img,.geo-right .geo-person-message b img{width:24px;height:15px;flex:none;object-fit:contain;border-radius:0}
.geo-left .geo-person-message p,.geo-right .geo-person-message p{display:block;margin:0;overflow:visible;font-size:clamp(4.5px,.9cqw,5.5px)}
.geo-person-message[data-audio]{cursor:pointer;padding-right:6px;transition:box-shadow .16s,transform .16s}
.geo-person-message[data-audio]:hover,.geo-person-message[data-audio]:focus-visible,.geo-person-message[data-audio][aria-pressed="true"]{outline:none;box-shadow:0 0 0 2px #168bd055,0 3px 8px #152f4338}
.geo-person:has(.geo-person-message:hover),.geo-person:has(.geo-person-message:focus-visible),.geo-person:has(.geo-person-message[aria-pressed="true"]){z-index:30}
.geo-audio-hint{position:relative;right:auto;bottom:auto;display:grid;width:15px;height:15px;flex:none;place-items:center;margin-left:2px;border-radius:50%;background:#0876c8;box-shadow:0 0 0 1px #fff}
.geo-audio-icon{display:block;width:8px;height:8px;flex:none;overflow:visible}
.geo-person-message b .geo-audio-icon{width:8px;height:8px;flex:none;transform:none}
.geo-left .geo-person-1 .geo-person-message,.geo-left .geo-person-2 .geo-person-message,.geo-left .geo-person-3 .geo-person-message{width:clamp(104px,19.8cqw,116px)}
.geo-person-5 .geo-person-message{width:clamp(120px,22cqw,132px)}
.geo-left .geo-person-label,.geo-right .geo-person-label{display:none}
.geo-left .geo-route-clip,.geo-right .geo-route-clip{position:absolute;left:15.5%;top:25.7%;width:69%;height:57%;overflow:hidden;opacity:.66;pointer-events:none;z-index:1}
.geo-left .geo-route,.geo-right .geo-route{inset:0;width:100%;height:100%;opacity:1;clip-path:none}
.geo-left .geo-heading h1{font-size:clamp(66px,12vw,90px)!important}
.geo-left .geo-heading h1 .geo-geography-word{display:inline-block;font-family:'Caveat',cursive;font-size:96px!important;font-weight:700;transform:translateX(-4px) rotate(-2deg);transform-origin:left center;color:#013C97}
.geo-left .geo-heading h1>span:not(.geo-geography-word){position:relative;top:-20px;font-size:clamp(38px,6vw,52px)!important;color:#47A0FF}
.geo-left .geo-heading h1{line-height:.62!important}
.geo-left .geo-heading h1>span:not(.geo-geography-word){line-height:.72}
.geo-left .geo-heart{left:45%;top:55%;width:clamp(40px,12cqw,53px)}
.geo-left .geo-intro{top:30%;width:55%}
.geo-left .geo-intro h2{font-size:clamp(12px,3.2cqw,14px)}
.geo-left .geo-intro p{width:72%;font-size:clamp(9px,2.7cqw,11px);font-weight:400!important;line-height:1.18;text-align:justify}
.geo-left .geo-volunteers{left:-25%;width:260%;height:55%}
.geo-left .geo-volunteers{height:49%;transform:scaleX(1.2);transform-origin:left bottom}
/* Image 28 is displayed in its Figma frame ratio (904×602); Vector 23 is 624×459 within it. */
.geo-left .geo-map-composite,.geo-right .geo-map-composite{position:absolute;left:0;top:6%;width:100%;height:71%}
.geo-left .geo-map-art,.geo-right .geo-map-art{inset:0;width:100%;height:100%;object-fit:fill}
.geo-left .geo-route-clip,.geo-right .geo-route-clip{left:16%;top:27.7%;width:69%;height:76.3%}
.geo-left .geo-route{inset:0;width:100%;height:100%;clip-path:none}
.book .page.geography-left>.page-foot,.book .page.geography-right>.page-foot{display:none}
@media(max-width:580px){
  .geo-left .geo-map-composite,.geo-right .geo-map-composite{left:0;top:6%;width:100%;height:71%}
  .geo-left .geo-map-art,.geo-right .geo-map-art{inset:0;width:100%;height:100%}
  .geo-left .geo-route-clip,.geo-right .geo-route-clip{left:16%;top:27.7%;width:69%;height:76.3%}
  .geo-left .geo-map-backdrop,.geo-right .geo-map{width:150%;height:100%}
  .geo-left .geo-map-backdrop{left:50%}.geo-right .geo-map{left:-50%}
  .geo-left .geo-map-art,.geo-right .geo-map-art{left:0;top:6%;width:100%;height:75%}
  .geo-left .geo-route,.geo-right .geo-route{left:23.25%;top:26.7%;width:103.5%;height:57%}
  .geo-left .geo-heading h1{font-size:clamp(66px,12vw,90px)!important}
  .geo-left .geo-intro{top:30%;width:55%}
  .geo-left .geo-volunteers{left:-25%;bottom:-1%;width:260%;height:55%}
  .geo-right .geo-dictionary{right:2%;bottom:2%;width:96%;height:30%}
  .geo-left .geo-route-clip,.geo-right .geo-route-clip{left:15.5%;top:9%;width:69%;height:62%}
  .geo-left .geo-route,.geo-right .geo-route{inset:0;width:100%;height:100%}
}

/* Match the map frame from the 1208×859 spread: x=278, y=19, width=904, height=602. */
.geo-left .geo-map-backdrop,.geo-right .geo-map{top:2.2%;left:46%;right:auto;width:149.7%;height:70.1%;overflow:hidden}
.geo-left .geo-map-backdrop{z-index:1}
.geo-right .geo-map{left:-54%;z-index:1}
.geo-left .geo-map-composite,.geo-right .geo-map-composite{left:0;top:0;width:100%;height:100%}
.geo-left .geo-map-art,.geo-right .geo-map-art{inset:0;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:fill;opacity:1}
/* Keep the parchment image, without an extra fill, border, or shadow behind it. */
.book .page.geography-left{z-index:2}
.book .page.geography-right{z-index:3}
.geo-right .geo-dictionary{bottom:-8%;height:40%;padding-top:clamp(24px,3.5cqw,32px);background-color:transparent!important;background-image:url('/assets/figma-geography-spread/29a7a.png')!important;background-position:center top!important;background-size:108% 130%!important;background-repeat:no-repeat!important;border:0!important;box-shadow:none!important}
.geo-right .geo-dictionary-image{position:absolute;z-index:50;left:-7.2%;right:auto;bottom:-20px;width:110%;pointer-events:none}
.geo-right .geo-dictionary-image img{display:block;width:100%;height:auto}
.geo-left .geo-volunteers{left:0;bottom:0;width:100%;height:auto;max-width:none;transform:none;object-fit:contain;object-position:center bottom}

/* Figma 30:399 — fourth spread: support stories and partner circle. */
.book .page.support-left,.book .page.support-right{display:block;background:#eaf5fc;border:0;isolation:isolate}
.book .page.support-left:before,.book .page.support-right:before{display:none}
.support-spread{position:absolute;inset:0;overflow:hidden;color:#163f78;font-family:Inter,Arial,sans-serif;background:#eaf5fc}
.support-half{container-type:inline-size}
.support-paper{position:absolute;inset:0;background-image:url('/assets/figma-geography-spread/51d6e.png');background-size:200% 100%;background-repeat:no-repeat;pointer-events:none}
.support-left .support-paper{background-position:left center}
.support-right .support-paper{background-position:right center}
.support-heading{position:absolute;z-index:2;left:6%;top:4.4%;width:88%}
.support-kicker{margin:0 0 4px;color:#135da6;font:700 clamp(6px,2cqw,9px)/1.2 var(--mono);letter-spacing:.16em}
.support-heading h1{margin:0;font:900 clamp(40px,16cqw,62px)/.82 Inter,Arial,sans-serif;letter-spacing:-.065em}
.support-left .support-heading h1,.support-right .support-heading h1{color:#2D376D}
.support-left .support-heading h1 span,.support-right .support-heading h1 span{color:#0C66E2}
.support-intro{position:absolute;z-index:2;left:6%;top:18.5%;width:45%;color:#1b365d}
.support-intro h2{margin:0 0 5px;color:#013C97;font:800 clamp(8px,2.7cqw,12px)/1.15 Inter,Arial,sans-serif;letter-spacing:.015em}
.support-intro p{margin:0;color:#000;font-size:clamp(6.5px,2.2cqw,9px);font-weight:400;line-height:1.15;text-align:justify}
.support-hero-photo{position:absolute;z-index:1;right:1.2%;top:15%;width:40.6%;height:16.6%;object-fit:cover;border-radius:10px;box-shadow:0 3px 10px #173d6428}
.support-comment-grid{position:absolute;z-index:3;inset:0;pointer-events:none}
.support-comment-image{position:absolute;display:block;object-fit:contain}
.support-comment-image-1{left:4.5%;top:31.3%;width:38.1%;height:19.2%;z-index:4}
.support-comment-image-2{left:36.1%;top:32.3%;width:34%;height:17.6%;z-index:2}
.support-comment-image-3{left:68.5%;top:33.3%;width:31.5%;height:15.6%;z-index:3}
.support-own{position:absolute;z-index:2;left:6%;right:12%;top:52%;color:#1b365d}
.support-own>header{color:#1b365d}
.support-own h2{margin:0 0 5px;color:#013C97;font:800 clamp(8px,2.7cqw,12px)/1.15 Inter,Arial,sans-serif;letter-spacing:.015em}
.support-own>header p{margin:0;color:#000;font-size:clamp(7px,2.2cqw,9px);font-weight:400;line-height:1.35;text-align:justify}
.support-bottom-comments{position:absolute;z-index:3;inset:0;pointer-events:none}
.support-bottom-comment-1{left:8.1%;top:64%;width:30.6%;height:16.8%;z-index:1}
.support-bottom-comment-2{left:39.6%;top:64%;width:26%;height:10.4%;z-index:2}
.support-bottom-comment-3{left:7.9%;top:80.3%;width:30.9%;height:16.9%;z-index:1}
.support-bottom-photo{position:absolute;z-index:2;left:39.4%;right:5.3%;top:74%;width:55.3%;height:22.3%;object-fit:cover;border-radius:8px;box-shadow:0 3px 10px #173d6428}
.support-right .support-heading{top:5%;left:6%;width:88%}
.support-right .support-heading h1{font-size:clamp(40px,16cqw,62px)}
.support-partner-intro{position:absolute;z-index:2;left:6%;right:7%;top:21%;margin:0;color:#000;font-size:clamp(7px,2.5cqw,10px);font-weight:400;line-height:1.45}
.support-partner-grid{position:absolute;z-index:2;left:6%;right:6%;top:28%;bottom:5%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:1.25cqw}
.support-partner{position:relative;display:grid;min-width:0;grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:center;gap:4px;padding:8px 10px;border:1px solid #e4eaf1;border-radius:8px;background:#fff;color:#314864;text-decoration:none;box-shadow:0 2px 6px #24496c17;transition:transform .18s,box-shadow .18s}
.support-partner:hover,.support-partner:focus-visible{z-index:3;transform:translateY(-2px);box-shadow:0 6px 13px #24496c29;outline:2px solid #4b9be4;outline-offset:1px}
.partner-logo{display:block;max-width:100%;width:100%;height:clamp(28px,8cqw,42px);object-fit:contain;object-position:center}
.partner-name{display:block;max-width:100%;color:#34475c;font-size:clamp(9px,2.4cqw,11px);font-weight:400;line-height:1.25}
.support-thanks{position:relative;right:auto;bottom:auto;z-index:2;display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;margin:0;padding:4px;color:#1478cf;font:italic 700 clamp(22px,4cqw,26px)/1.12 'Caveat',cursive;text-align:right;transform:rotate(-4deg)}
.support-thanks-plane{display:inline-block;width:clamp(26px,5cqw,32px);height:auto;margin-left:4px;vertical-align:middle}
.book .page.support-left>.source-link,.book .page.support-right>.source-link{display:none}
.book .page.support-left>.page-foot,.book .page.support-right>.page-foot{display:none}
.book .page.support-left .support-heading h1,.book .page.support-right .support-heading h1{font-size:clamp(48px,9cqw,58px);line-height:.82}
@media(max-width:640px){
  .support-heading{top:4%}.support-heading h1{font-size:clamp(25px,8.8cqw,40px)}
  .support-intro{top:20%;width:45%}.support-intro h2{font-size:clamp(7px,2.2cqw,9px)}
  .support-own h2{font-size:clamp(7px,2.2cqw,9px)}.support-own>header p{font-size:clamp(6px,1.9cqw,8px)}
  .support-bottom-photo{top:74%;height:22.3%}
  .support-right .support-heading h1{font-size:clamp(27px,8.8cqw,42px)}
  .support-partner-grid{top:29%;bottom:10%;gap:1.5cqw}
  .support-partner{grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:4px;padding:4px 5px}
  .partner-logo{height:clamp(20px,7cqw,30px)}.partner-name{font-size:clamp(5px,1.5cqw,7px)}
  .support-thanks{font-size:clamp(12px,4cqw,17px)}.support-thanks-plane{width:clamp(16px,6cqw,24px)}
  .book .page.support-left .support-heading h1,.book .page.support-right .support-heading h1{font-size:clamp(25px,8.8cqw,40px)}
}

/* Figma 24:364 — the third spread: chat media and 2026 community statistics. */
.book .page.media-left,.book .page.media-right{display:block;overflow:hidden;border:0;background:#eaf5fc;isolation:isolate}
.book .page.media-left:before,.book .page.media-right:before{display:none}
.media-stats-spread{position:absolute;inset:0;overflow:hidden;container-type:inline-size;background:#eaf5fc url('/assets/figma-geography-spread/51d6e.png') left center/200% 100% no-repeat;color:#101820;font-family:'Inter',Arial,sans-serif}
.media-stats-right{background-position:right center}
.book .page .media-title,.book .page .stats-heading h1{font-family:'Inter',Arial,sans-serif!important;font-size:clamp(40px,8.5cqw,52px)!important;font-weight:900!important;}
.book .page .media-title{line-height:.82;color:#2d376d}
.book .page .stats-heading h1{line-height:.82;color:#2d376d}
.book .page .stats-subheading h2{font-family:'Inter',Arial,sans-serif;font-weight:800}
.media-title{position:absolute;left:7.5%;top:4.8%;display:flex;flex-direction:column;margin:0;font-size:clamp(27px,8.5cqw,52px);font-weight:900;letter-spacing:-.065em;line-height:.82}
.media-title span,.stats-heading h1 span{color:#2d376d}
.media-title b,.stats-heading h1 b{color:#0c66e2;font-weight:900}
.media-intro{position:absolute;left:7.7%;top:18.7%;width:87%;margin:0;font-size:clamp(7px,1.95cqw,12px);font-weight:400;line-height:1.48;color:#101820}
.media-gallery{position:absolute;inset:0}
.media-shot{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 2px 2px #18375424)}
.media-shot-geo{left:5%;top:23.6%;width:33%;height:28.7%}
.media-shot-fire{left:40%;top:23.3%;width:53%;height:25.7%}
.media-shot-conference{left:8.5%;top:48.5%;width:41%;height:26.5%}
.media-shot-veterans{left:44%;top:47.2%;width:47%;height:26.5%}
.media-shot-parade{left:19%;top:72.5%;width:31%;height:22%}
.media-shot-garden{left:49%;top:71.3%;width:32%;height:22.5%}
.stats-heading{position:absolute;left:5%;top:4.7%;display:flex;align-items:flex-start;width:91%;height:14%;}
.stats-heading h1{display:flex;flex-direction:column;margin:0;font-size:clamp(26px,8.5cqw,52px);font-weight:900;letter-spacing:-.065em;line-height:.82;white-space:nowrap}
.stats-heading>img{position:absolute;right:17%;top:2%;width:9%;height:45%;object-fit:contain}
.stats-intro{position:absolute;left:5.2%;top:18.8%;width:89%;margin:0;font-size:clamp(7px,1.95cqw,12px);font-weight:400;line-height:1.45;color:#101820}
.stats-subheading{position:absolute;left:5.2%;top:25.1%;display:flex;align-items:center;gap:6px;width:92%;height:5.7%;color:#003c97}
.stats-subheading h2{margin:0;font-size:clamp(15px,5.2cqw,31px);font-weight:800;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.stats-bars{display:block;width:clamp(17px,6.4cqw,39px);height:75%;flex:none;object-fit:contain}
.stats-cards{position:absolute;left:5.5%;right:5.5%;top:31.2%;height:27.4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5%}
.stats-card{display:flex;min-width:0;flex-direction:column;align-items:center;overflow:hidden;padding:3.5% 4% 2%;border-radius:8px;background:#fff;box-shadow:0 1px 3px #294b6420;color:#111}
.stats-card>img{width:clamp(21px,8cqw,49px);height:clamp(21px,8cqw,49px);margin-bottom:3px;object-fit:contain}
.stats-card>strong{color:#003c97;font-size:clamp(17px,5.25cqw,32px);font-weight:800;line-height:1;white-space:nowrap}
.stats-card>b{margin:2px 0 7px;color:#003c97;font-size:clamp(6px,2cqw,12px);font-weight:800;line-height:1.05;text-align:center}
.stats-card>p{width:100%;margin:0;font-size:clamp(6px,1.8cqw,11px);font-weight:400;line-height:1.3;text-align:left}
.stats-community{position:absolute;left:5.5%;right:5.5%;top:61.7%;height:5.5%;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:20px;background:#fff;color:#003c97}
.stats-community img{width:clamp(19px,5.4cqw,33px);height:clamp(19px,5.4cqw,33px);object-fit:contain}
.stats-community h2{margin:0;font-size:clamp(9px,2.65cqw,16px);font-weight:700;line-height:1.1}
.stats-messages{position:absolute;inset:0;pointer-events:none}
.stats-message{position:absolute;display:block;width:43%;height:10.5%;object-fit:contain}
.stats-message-evgeniya{left:5%;top:67.2%;width:43%;height:9.6%}
.stats-message-ansu{left:53%;top:70.8%;width:42%;height:9.8%}
.stats-message-pavel{left:5%;top:76.2%;width:43%;height:9.6%}
.stats-message-maria{left:51.5%;top:80%;width:44%;height:10.6%}
.stats-message-nina{left:5%;top:88%;width:61%;height:9.8%}
.book .page.media-left>.page-foot,.book .page.media-right>.page-foot{display:none}
@media(max-width:580px){
  .media-title,.stats-heading h1{font-size:clamp(26px,8.5cqw,48px)}
  .media-intro,.stats-intro{font-size:clamp(7px,1.95cqw,11px)}
  .stats-subheading h2{font-size:clamp(14px,5cqw,28px)}
  .stats-card>strong{font-size:clamp(16px,5cqw,28px)}
  .stats-card>p{font-size:clamp(6px,1.8cqw,10px)}
  .stats-message-ansu{left:53%;width:42%}.stats-message-maria{left:51.5%;top:80%;width:44%;height:10.6%}
}

/* Figma 44:72 — the fifth spread: volunteer profile, playlist, checklist and bingo. */
.book .page.profile-left,.book .page.bingo-right{display:block;overflow:hidden;border:0;background:#eaf5fc;isolation:isolate}
.book .page.profile-left:before,.book .page.bingo-right:before{display:none}
.fifth-page{position:absolute;inset:0;overflow:hidden;container-type:inline-size;color:#0a2b86;font-family:'Inter',Arial,sans-serif}
.fifth-paper{position:absolute;inset:0;background:#eaf5fc url('/assets/figma-geography-spread/51d6e.png') left center/200% 100% no-repeat}
.bingo-page .fifth-paper{background-position:right center}
.profile-forwarded{position:absolute;z-index:3;left:6.5%;top:3.5%;display:flex;align-items:center;gap:4px;max-width:78%;min-height:24px;padding:2px 8px;border-radius:16px;background:#fff;color:#1752aa;font-size:clamp(7px,2cqw,10px);line-height:1.1}
.profile-forwarded img{width:clamp(13px,3cqw,17px);height:auto}
.profile-title{position:absolute;left:7.5%;top:8%;display:flex;flex-direction:column;margin:0;line-height:.83;letter-spacing:-.06em}
.book .page .profile-title{font-family:'Inter',Arial,sans-serif!important;font-size:clamp(38px,9.2cqw,48px)!important;font-weight:900!important}
.profile-title span{color:#2d376d}.profile-title b{color:#0c66e2;font-weight:900}
.profile-favorite-image{position:absolute;z-index:3;left:7.5%;top:22%;display:block;width:46%;height:auto;max-width:85%;object-fit:contain}
.profile-volunteer-label{position:absolute;z-index:3;left:7.5%;top:25.3%;margin:0;color:#013c97;font-size:clamp(9px,2.7cqw,14px);font-weight:800}
.profile-volunteer-phone{position:absolute;z-index:1;left:7%;top:22.75%;display:block;width:86%;height:40.5%;object-fit:contain;object-position:center}
.profile-attribute{position:absolute;z-index:2;width:31%;padding:5px 6px;border-radius:7px;background:#fff;color:#013c97;font-size:clamp(6px,1.8cqw,9px);line-height:1.2;box-shadow:0 2px 4px #153e6522}
.profile-attribute b{font-weight:800}
.profile-head{left:7%;top:29%}.profile-eyes{right:7%;top:29%}
.profile-heart{left:7%;top:42%}.profile-back{right:7%;top:42%}
.profile-hands{left:7%;top:54%}.profile-legs{right:7%;top:54%}
.profile-bag-heading{position:absolute;z-index:2;left:8%;top:61%;display:flex;align-items:center;gap:6px;width:88%;padding:5px 9px;border-radius:18px;background:#fff;color:#013c97}
.profile-bag-heading img{width:clamp(22px,5.5cqw,30px);height:clamp(22px,5.5cqw,30px);object-fit:contain}
.profile-bag-heading h2{margin:0;font-size:clamp(10px,3.4cqw,17px);font-weight:900;letter-spacing:-.025em;line-height:1.08}
.profile-backpack{position:absolute;left:2%;top:67%;width:96%;height:30%;object-fit:contain}
.fifth-music,.fifth-checklist,.fifth-poll{position:absolute;z-index:2;overflow:hidden;border:1.5px solid #31aaff;border-radius:10px;background:#f0fbff;box-shadow:0 2px 5px #15498124;color:#0a2b86}
.fifth-music{left:2.5%;top:6.8%;width:49.5%;height:46%;display:flex;flex-direction:column;gap:1.1%;padding:2.2%;border:1.5px solid #5cb4f4;border-radius:14px;background:linear-gradient(155deg,#f8fdff 0%,#eaf8ff 100%);box-shadow:0 2px 5px #15498124}
.fifth-music-header{display:flex;flex:0 0 13%;align-items:center;gap:3%;min-height:0}
.fifth-music-header img{width:clamp(23px,6cqw,38px);height:auto;flex:none;object-fit:contain}
.fifth-music-header h2{margin:0;color:#0a2b86;font-size:clamp(9px,2.5cqw,15px);font-weight:800;line-height:1.04}
.fifth-player-current{display:grid;flex:0 0 20%;grid-template-columns:22% minmax(0,1fr) auto;align-items:center;gap:3%;min-height:0;padding:2%;border:1px solid #a8d9fa;border-radius:10px;background:#e5f6ff}
.fifth-player-current>img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #c8e9ff;border-radius:8px;background:#fff}
.fifth-current-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.fifth-current-copy strong{color:#0a2b86;font-size:clamp(8px,2.2cqw,14px);line-height:1.08}
.fifth-current-copy small,.fifth-current-copy span{color:#315985;font-size:clamp(6px,1.45cqw,9px);line-height:1.1}
.fifth-player-current>a{display:grid;width:clamp(19px,4.4cqw,27px);height:clamp(19px,4.4cqw,27px);place-items:center;border-radius:50%;background:#fff;color:#1265db;font-size:clamp(11px,2.8cqw,17px);text-decoration:none}
.fifth-player-controls{display:flex;flex:0 0 12%;align-items:center;justify-content:space-around;min-height:0;color:#0c55d7}
.fifth-player-controls button{display:grid;place-items:center;width:clamp(22px,5.5cqw,34px);height:clamp(22px,5.5cqw,34px);padding:0;border:0;background:transparent;color:inherit;font:700 clamp(10px,2.3cqw,15px)/1 Arial,sans-serif;cursor:pointer}
.fifth-player-controls .fifth-feature-hit{width:clamp(30px,7.2cqw,44px);height:clamp(30px,7.2cqw,44px);border-radius:50%;background:#084ce7;color:#fff;box-shadow:0 2px 6px #0642bc44}
.fifth-player-controls .fifth-feature-hit:hover{background:#003fc8}
.fifth-play-icon{display:grid;width:100%;height:100%;place-items:center}
.fifth-play-icon svg{display:block;width:43%;height:43%;overflow:visible}
.fifth-player-controls [data-music-action="like"][aria-pressed="true"]{color:#e52357}
.fifth-player-controls [data-music-action="like"] svg{display:block;width:20px;height:20px;overflow:visible;transition:none}
.fifth-player-controls [data-music-action="like"] path{transition:none}
.fifth-player-note{color:#1265db;font-size:clamp(14px,3cqw,19px)}
.fifth-player-progress{display:flex;flex:0 0 5%;align-items:center;gap:2%;min-height:0;color:#315985;font-size:clamp(5px,1.25cqw,8px)}
.fifth-player-progress input{display:block;width:100%;height:20px;margin:0;accent-color:#0c66e2;cursor:grab;touch-action:pan-x;user-select:none;pointer-events:auto}
.fifth-player-progress input:active{cursor:grabbing}
.fifth-tracklist{display:flex;flex:1;min-height:0;flex-direction:column}
.fifth-track-row{display:flex;flex:1;min-height:0;border-top:1px solid #b8e2fa}
.fifth-track-select{display:grid;flex:1;min-width:0;grid-template-columns:7% clamp(17px,5.2cqw,28px) minmax(0,1fr) auto;align-items:center;gap:3%;padding:0 1.5%;border:0;border-radius:4px;background:transparent;color:#0a2b86;text-align:left;cursor:pointer}
.fifth-track-select:hover,.fifth-track-select[aria-current="true"]{background:#d9f1ff}
.fifth-track-select>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;background:#fff}
.fifth-track-index{font-size:clamp(6px,1.6cqw,9px);font-weight:800;text-align:center}
.fifth-track-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.fifth-track-copy b{overflow:hidden;font-size:clamp(6px,1.75cqw,11px);line-height:1.06;text-overflow:ellipsis;white-space:nowrap}
.fifth-track-copy small{overflow:hidden;color:#315985;font-size:clamp(5px,1.4cqw,9px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}
.fifth-track-row time{flex:none;color:#315985;font-size:clamp(5px,1.3cqw,8px)}
.fifth-track-link{display:grid;flex:0 0 9%;place-items:center;color:#1265db;font-size:clamp(8px,2cqw,13px);text-decoration:none}
.fifth-track-link:hover{border-radius:50%;background:#fff}
.fifth-checklist{left:53.5%;top:6.8%;width:44%;height:22.1%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.fifth-checklist-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.fifth-poll{left:53.5%;top:29.4%;width:44%;height:24.5%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.fifth-poll-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.fifth-bingo-title{position:absolute;z-index:3;left:3%;top:53.9%;width:94%;margin:0;color:#2D376D;font-size:30px;font-weight:800;line-height:1.1;text-align:center;white-space:nowrap}
.fifth-bingo{position:absolute;z-index:2;left:3%;right:3%;top:59%;height:38.6%;overflow:hidden}
.fifth-bingo-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.book .page.profile-left>.page-foot,.book .page.bingo-right>.page-foot{display:none}
@media(max-width:580px){
.book .page .profile-title{font-size:clamp(38px,9.2cqw,48px)!important}
  .profile-volunteer-phone{left:7%;width:86%;top:22.75%;height:40.5%}
  .profile-attribute{width:34%;font-size:clamp(6px,1.8cqw,8px)}
  .fifth-music{width:51%;height:46%}.fifth-checklist,.fifth-poll{left:54%;width:43%}
  .fifth-bingo-title{left:2%;width:96%;font-size:30px}
  .fifth-bingo{left:2%;right:2%;top:59%;height:38.6%}
}

.corner-brand{padding:4px 6px;border:1px solid #ffffffaa;border-radius:4px;background:#fff;box-shadow:0 3px 10px #0002}
.corner-brand .official-logo{width:min(140px,calc(100vw - 80px))}
@media(max-width:580px){.fullscreen-journal .corner-brand{display:flex;left:10px;top:5px}.fullscreen-journal .corner-brand .official-logo{width:min(86px,calc(100vw - 80px))}}
.turn-button:hover:not(:disabled),.fullscreen-journal .turn-button:hover:not(:disabled){transform:none}
.fullscreen-journal .page-dot.active{background:#0C66E2}
.book-viewport>grab-fold.book{transform:translate3d(var(--journal-pan-x,0px),var(--journal-pan-y,0px),0) scale(var(--journal-zoom,1));transform-origin:center center}
.journal-zoom-control{display:flex;flex:none;align-items:center;gap:8px;color:#f5f0e3;font:8px var(--mono);letter-spacing:.08em;white-space:nowrap}
.journal-zoom-control label{color:inherit}
.journal-zoom-control input{width:clamp(70px,9vw,112px);height:16px;margin:0;accent-color:#0C66E2;cursor:pointer;touch-action:pan-x}
.journal-zoom-control output{min-width:3.5em;color:inherit;text-align:right;font-variant-numeric:tabular-nums}
.journal-pan-toggle{display:grid;place-items:center;width:23px;height:23px;flex:none;padding:3px;border:1px solid #f5f0e966;border-radius:50%;background:transparent;color:inherit;cursor:grab}
.journal-pan-toggle svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.journal-pan-toggle[aria-pressed="true"]{background:#0C66E2;border-color:#0C66E2;color:#fff;cursor:grabbing}
.journal-pan-toggle:disabled{opacity:.35;cursor:default}
.book-viewport.is-panning,.book-viewport.is-panning *{cursor:grab!important;touch-action:none}
.book-viewport.is-pan-dragging,.book-viewport.is-pan-dragging *{cursor:grabbing!important;user-select:none}
@media(max-width:580px){
  .fullscreen-journal .reader-controls{height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;row-gap:0;padding:4px 16px}
  .fullscreen-journal .page-dots{grid-column:1/-1;grid-row:1;justify-self:center}
  .fullscreen-journal .swipe-hint{grid-column:1;grid-row:2;justify-self:start}
  .fullscreen-journal .journal-zoom-control{grid-column:2;grid-row:2;display:flex;gap:4px;font-size:7px}
  .fullscreen-journal .journal-zoom-control input{width:clamp(55px,17vw,80px)}
}
@media (min-width:1025px){
  .fullscreen-journal{padding:8px}
  .fullscreen-journal .reader{width:calc(100vw - 16px)}
  .fullscreen-journal .book-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}
  .fullscreen-journal .book-viewport{height:min(calc(100dvh - 56px),100%)}
}

@media (min-width:801px){
  .fullscreen-journal .book-stage{grid-template-columns:44px minmax(0,1fr) 44px}
}

/* Keep the country flag and name inside each geography message bubble. */
.geo-left .geo-person-message b,.geo-right .geo-person-message b{position:relative;top:auto;left:0;display:flex;width:100%;min-height:15px;align-items:center;gap:3px;margin:0 0 4px;padding:0;background:transparent;box-shadow:none;color:#26313b;font-size:clamp(7px,1.15cqw,8px);line-height:1.15;white-space:nowrap}
.geo-left .geo-person-2 .geo-person-message b{left:0}
.geo-left .geo-person-message b img,.geo-right .geo-person-message b img{display:block;width:20px;height:13px;flex:none;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.geo-left .geo-country-name,.geo-right .geo-country-name{min-width:0;flex:1;overflow-wrap:normal;white-space:nowrap;font-size:clamp(5.5px,.9cqw,6px)}
.geo-left .geo-person-message b .geo-audio-hint,.geo-right .geo-person-message b .geo-audio-hint{width:12px;height:12px;margin-left:auto}
.geo-left .geo-person-message b .geo-audio-icon,.geo-right .geo-person-message b .geo-audio-icon{width:7px;height:7px}
.geo-left .geo-person-1 .geo-person-message,.geo-left .geo-person-2 .geo-person-message,.geo-left .geo-person-3 .geo-person-message{left:calc(100% - 10px)}