.journal{--j-ink:#263c5b;--j-blue:#344bb1;--j-rule:#d2ccba;color:var(--j-ink);background:#faf7eb;overflow:clip}.journal h1,.journal h2,.journal h3,.journal p,.journal figure{margin:0}.journal a{transition:color .2s}.journal a:hover{color:#ac4d2c}.j-skip{z-index:100;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.j-skip:focus{top:70px}.j-nav{z-index:30;border-bottom:1px solid var(--j-rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf7ebf5;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex;position:sticky;top:0}.j-brand{letter-spacing:.07em;align-items:center;gap:17px;font:14px Pixel,monospace;text-decoration:none;display:flex}.j-brand>span{color:var(--j-blue);font:36px Georgia,serif}.j-nav-issue{letter-spacing:.09em;font:13px Pixel,monospace;text-decoration:none}.j-nav-issue b{border:1px solid var(--j-rule);margin-left:15px;padding:5px 9px;display:inline-block}.j-progress{background:var(--j-blue);height:3px;position:absolute;bottom:-1px;left:0}.j-cover,.j-story,.j-body-grid,.j-colophon,.j-footer{max-width:1200px;margin-left:auto;margin-right:auto}.j-cover{padding:42px 40px 0}.j-edition{letter-spacing:.13em;border-top:1px solid var(--j-ink);justify-content:space-between;padding-top:14px;font:12px Pixel,monospace;display:flex}.j-cover-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:64px 0 55px;display:grid}.j-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--j-blue);font:13px/1.5 Pixel,monospace!important}.j-cover h1{letter-spacing:-.055em;margin:24px 0 28px;font:clamp(50px,5.6vw,82px)/.98 Georgia,serif}.j-cover h1 em{color:var(--j-blue);font-weight:400}.j-deck{font:18px/1.6 Georgia,serif}.j-byline{gap:25px;margin:24px 0;font:12px/1.6 monospace;display:flex}.j-start{border-bottom:1px solid var(--j-blue);align-items:center;gap:50px;padding:8px 0;font:15px Pixel,monospace;text-decoration:none;display:inline-flex}.j-start span{font:24px Georgia,serif}.j-frontispiece{isolation:isolate;height:520px;position:relative}.j-art-grid{background-image:linear-gradient(#344bb116 1px,#0000 1px),linear-gradient(90deg,#344bb116 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:20px -10px 15px;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.j-athens{object-fit:cover;object-position:50%;width:91%;height:420px;image-rendering:pixelated;clip-path:inset(0 round 50% 50% 0 0);filter:sepia(.12);animation:12s ease-in-out infinite alternate j-breathe;position:absolute;top:42px;left:0}.j-leonardo{object-fit:cover;width:148px;height:196px;image-rendering:pixelated;border:8px solid #f5e8c7;animation:9s ease-in-out infinite alternate j-float;position:absolute;bottom:23px;right:-6px;transform:rotate(8deg);box-shadow:9px 9px #263c5b20}.j-orbit{border:1px dashed #b99b53;border-radius:50%;width:360px;height:360px;animation:100s linear infinite j-spin;position:absolute;top:10px;left:3%;transform:rotate(-15deg)}.j-art-star{color:#c59b47;font:88px Georgia,serif;animation:45s linear infinite j-spin;position:absolute;top:18px;right:0}.j-art-label{letter-spacing:.1em;font:11px Pixel,monospace;position:absolute;bottom:0;left:0}.j-contents{border-top:1px solid var(--j-rule);border-bottom:1px solid var(--j-rule);grid-template-columns:repeat(5,1fr);display:grid}.j-contents a{border-right:1px solid var(--j-rule);align-items:center;gap:10px;padding:20px 13px;font:14px Pixel,monospace;text-decoration:none;display:flex}.j-contents a:first-child{padding-left:0}.j-contents a:last-child{border:0}.j-contents a>span{color:#95876b;font-size:12px}.j-contents b{margin-left:auto;font-weight:400}.j-body-grid{grid-template-columns:230px minmax(0,650px);column-gap:85px;padding:0 40px;display:grid}.j-cover+.j-body-grid{padding-top:90px;padding-bottom:90px}.j-margin{padding-top:7px}.j-margin>p{max-width:190px;margin-top:20px;font:18px/1.5 Georgia,serif}.j-margin-star{color:#b99b53;margin:20px 0;font:80px Georgia,serif;display:block}.j-margin-line{background:#b99b53;width:45px;height:1px;margin-top:25px;display:block}.j-prose{color:#343f3b;font:20px/1.85 Georgia,Times New Roman,serif}.j-prose p+p{margin-top:22px}.j-prose a{color:var(--j-blue);text-underline-offset:4px;text-decoration-thickness:1px}.j-intro p:first-child{color:var(--j-ink);margin-bottom:24px;font-size:31px;line-height:1.35}.j-intro p:first-child:first-letter{float:left;color:var(--j-blue);padding:10px 12px 0 0;font:88px/.8 Georgia,serif}.j-story{border-top:1px solid var(--j-rule);padding:50px 0 70px;scroll-margin-top:100px}.j-story-top{grid-template-columns:230px minmax(0,700px);gap:85px;margin-bottom:35px;padding:0 40px;display:grid}.j-big-number{letter-spacing:-.08em;color:#c6b795;font:110px/.9 Georgia,serif}.j-story h2{letter-spacing:-.03em;max-width:690px;margin-top:12px;font:clamp(32px,3.8vw,48px)/1.12 Georgia,serif}.j-sea-art{background:#244e64;height:360px;position:relative;overflow:hidden;margin:35px 40px 48px!important}.j-sea-art>img{object-fit:cover;object-position:50% 48%;width:100%;height:100%;image-rendering:pixelated;filter:sepia(.2)saturate(.7);animation:18s ease-in-out infinite alternate j-sea}.j-sea-wash{mix-blend-mode:multiply;background:linear-gradient(90deg,#103853d9,#0000 80%);position:absolute;inset:0}.j-sea-caption{color:#fff5d5;letter-spacing:-.03em;max-width:440px;font:clamp(24px,3.6vw,48px)/1.2 Pixel,monospace;position:absolute;top:40px;left:38px}.j-sea-art figcaption{color:#fff7dc;background:#19374ad9;padding:12px 22px;font:12px/1.4 monospace;position:absolute;bottom:0;left:0;right:0}.j-side-quote{color:var(--j-blue);font-size:25px!important;font-style:italic!important}.j-workshop-stamp{width:175px;margin-top:35px;position:relative;transform:rotate(-4deg)}.j-workshop-stamp img{object-fit:cover;width:100%;height:230px;image-rendering:pixelated;background:#f1e5c5;border:1px solid #b99b53;padding:6px}.j-workshop-stamp span{color:#fff9e8;background:#344bb1;padding:10px;font:14px/1.4 Pixel,monospace;position:absolute;bottom:0;left:12px;right:-15px;transform:rotate(8deg)}.j-source-stamp{background:#e7eddf;border:1px solid #a3b3a0;width:180px;margin-top:35px;padding:20px;box-shadow:6px 6px #c8d2bd}.j-source-stamp>span{color:#486550;font:64px/1.2 Pixel,monospace;display:block}.j-source-stamp small{font:12px/1.7 Pixel,monospace}.j-data-note{border-top:1px solid #b99b53;margin-top:35px;padding-top:15px}.j-data-note strong{color:var(--j-blue);font:58px/1.2 Georgia,serif;display:block}.j-data-note span{max-width:170px;font:15px/1.5 Georgia,serif;display:block}.j-data-note small{margin-top:15px;font:11px/1.5 monospace;display:block}.j-sidon{background:#eeeede;border:1px solid #cfceb8;grid-template-columns:1fr 1fr;gap:28px;padding:32px;display:grid;margin:45px 40px 0!important}.j-sidon h3{margin:15px 0;font:32px/1.15 Georgia,serif}.j-sidon p{font:16px/1.6 Georgia,serif}.j-set-buttons{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.j-set-buttons button{border:1px solid var(--j-blue);color:var(--j-blue);cursor:pointer;background:0 0;padding:12px 18px;font:16px Pixel,monospace}.j-set-buttons button[aria-pressed=true]{background:var(--j-blue);color:#fff;box-shadow:4px 4px #c5b47b}.j-sums{grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;display:grid}.j-sums>div{text-align:center;background:#faf7eb;border:1px solid #d2d3be;padding:10px}.j-sums span{font:12px monospace;display:block}.j-sums b{font:32px Georgia,serif}.j-sums .j-collision{color:#873b26;background:#f4d7bf;border-color:#a34d32}.j-sums p{grid-column:1/-1;margin-top:10px;font-size:14px}.j-sidon figcaption{color:#67705f;border-top:1px solid #cfceb8;grid-column:1/-1;padding-top:15px;font:12px/1.6 monospace}.j-colophon{border-top:3px double #b99b53;max-width:850px;padding:65px 40px 70px}.j-colophon h2{letter-spacing:-.03em;margin:20px 0 30px;font:48px/1.15 Georgia,serif}.j-colophon .j-prose p:last-child{color:#6b7067;margin-top:35px;font:13px/1.7 Arial,sans-serif}.j-return{margin-top:35px;font:16px Pixel,monospace;display:inline-block}.j-footer{border-top:1px solid var(--j-rule);flex-wrap:wrap;justify-content:space-between;gap:15px;padding:35px 40px 100px;font:13px Pixel,monospace;display:flex}.j-footer a{text-decoration:none}.j-footer p{color:#73776b;width:100%;margin-top:18px;font:12px/1.6 Arial,sans-serif}.journal button:focus-visible{outline-offset:5px;outline:3px solid #b06135}@keyframes j-breathe{to{transform:translateY(-8px)}}@keyframes j-float{to{transform:translateY(-12px)rotate(3deg)}}@keyframes j-spin{to{transform:rotate(360deg)}}@keyframes j-sea{to{transform:scale(1.035)translateY(-3px)}}@media (max-width:900px){.j-cover-grid{grid-template-columns:1.1fr 1fr;gap:15px;padding-top:40px}.j-frontispiece{height:420px}.j-athens{height:340px}.j-leonardo{width:110px;height:150px}.j-orbit{width:250px;height:250px}.j-cover h1{font-size:58px}.j-contents{grid-template-columns:repeat(3,1fr)}.j-contents a{border-bottom:1px solid var(--j-rule);padding:16px!important}.j-body-grid,.j-story-top{grid-template-columns:150px minmax(0,1fr);gap:35px}.j-margin>p{font-size:17px}.j-side-quote{font-size:23px!important}.j-workshop-stamp{width:130px}.j-source-stamp{width:135px;padding:15px}.j-big-number{font-size:85px}}@media (max-width:600px){.j-nav{height:62px;padding:0 20px}.j-brand{gap:8px;font-size:11px}.j-brand>span{font-size:27px}.j-nav-issue{font-size:11px}.j-nav-issue b{margin-left:4px;padding:3px 5px}.j-cover{padding:28px 23px 0}.j-edition{gap:20px;font-size:10px}.j-cover-grid{flex-direction:column;align-items:stretch;padding:35px 0 20px;display:flex}.j-cover h1{margin:20px 0;font-size:61px}.j-deck{font-size:17px}.j-kicker{font-size:12px!important}.j-frontispiece{width:100%;max-width:400px;height:350px;margin:0 auto}.j-athens{width:88%;height:275px;top:25px}.j-leonardo{width:115px;height:150px;bottom:22px;right:0}.j-art-star{font-size:64px}.j-orbit{width:260px;height:260px}.j-art-label{font-size:10px}.j-contents{grid-template-columns:1fr 1fr}.j-contents a{font-size:12px}.j-contents a:last-child{grid-column:1/-1}.j-body-grid{padding:0 24px;display:block}.j-cover+.j-body-grid{padding-top:45px;padding-bottom:45px}.j-margin{display:none}.j-prose{font-size:19px;line-height:1.8}.j-intro p:first-child{font-size:28px}.j-story{padding:35px 0 45px}.j-story-top{grid-template-columns:50px minmax(0,1fr);gap:18px;margin-bottom:25px;padding:0 24px}.j-big-number{padding-top:6px;font-size:50px}.j-story h2{font-size:34px}.j-sea-art{height:270px;margin:25px 0 30px!important}.j-sea-caption{font-size:31px;top:28px;left:24px}.j-sea-art figcaption{padding:10px 20px;font-size:10px}.j-sidon{grid-template-columns:1fr;gap:24px;padding:24px;margin:30px 24px 0!important}.j-sidon h3{font-size:29px}.j-sidon figcaption{font-size:11px}.j-colophon{padding:40px 24px 45px}.j-colophon h2{font-size:38px}.j-footer{padding:30px 24px 110px;display:block}.j-footer>*{margin-bottom:15px;display:block}.journal .motion-control{font-size:12px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.journal *,.journal :before,.journal :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.j-nav,.motion-control,.j-contents,.j-start,.j-set-buttons{display:none!important}.journal{overflow:visible}.j-frontispiece{height:350px}.j-athens{height:280px}.j-story{break-inside:avoid}.j-prose{font-size:12pt}.j-margin{display:none}.j-body-grid,.j-cover-grid{display:block}.j-footer{padding-bottom:20px}}
