#journal{--j-ink:#444c30;--j-olive:#b6c48a;--j-paper:#f5f1e8;background:var(--j-paper);color:var(--j-ink);border-radius:40px;padding:64px 36px 42px;scroll-margin-top:100px;margin-top:24px;margin-bottom:70px;isolation:isolate}#journal *{box-sizing:border-box}#journal .journal-heading{text-align:center;margin-bottom:30px}#journal .journal-heading small{font-size:11px;letter-spacing:4px;color:#858d6b}#journal h2{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:8px;margin:12px 0}#journal .journal-heading p{font-size:14px;letter-spacing:3px;margin:0}#journal .journal-heading .journal-intro{font-size:12px;letter-spacing:1px;line-height:2;color:#858774;margin-top:14px}.journal-stage{position:relative;padding:24px 65px 30px;max-width:1100px;margin:auto;perspective:1600px}.journal-stack{position:absolute;inset:50px 15px 50px;background:#d9dfc8;border:1px solid #c4cbaa;border-radius:30px;transform:rotate(-4deg);z-index:-1;box-shadow:0 9px 0 #e6e7d9}.journal-stack:before,.journal-stack:after{content:"";position:absolute;inset:-6px 9px;background:#eeeade;border:1px solid #d5d4c3;border-radius:28px;transform:rotate(7deg)}.journal-stack:after{inset:7px -8px;transform:rotate(-2deg);background:#e5e7d7;z-index:-1}.journal-book{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.65;min-height:475px;border-radius:28px;box-shadow:0 19px 28px -18px #56523b80,0 3px 5px #68604420;touch-action:pan-y;user-select:none}.journal-book:after{content:"";position:absolute;left:calc(50% - 12px);width:24px;top:0;bottom:0;background:linear-gradient(90deg,transparent,#655b3c19,transparent);pointer-events:none;z-index:5}.journal-leaf{position:relative;overflow:hidden;background:#fbf8f0}.journal-leaf-left{border-radius:28px 2px 2px 28px}.journal-leaf-right{border-radius:2px 28px 28px 2px;background:repeating-linear-gradient(0deg,transparent 0 29px,#c2b69708 30px),#fbf8f0}.journal-image{display:block;width:100%;height:100%;overflow:hidden}.journal-page-bg{position:absolute;inset:0;filter:saturate(.7);opacity:.78}.journal-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#3d442b55,transparent 60%)}.journal-page-label{position:absolute;left:8%;top:6%;font-size:10px;letter-spacing:2px;color:#fffbed;text-shadow:0 1px 3px #263019}.journal-polaroid{position:absolute;background:#fffdf6;border:0;border-radius:2px;padding:10px 10px 27px;box-shadow:1px 5px 9px #423e292d;cursor:zoom-in;color:#69704b;transition:transform .3s}.journal-polaroid:before{content:"";position:absolute;width:32%;height:19px;left:34%;top:-9px;background:#d4c99b9c;transform:rotate(-7deg);z-index:2}.journal-polaroid span{position:absolute;bottom:7px;left:0;width:100%;font:10px "Kaiti SC",KaiTi,serif;letter-spacing:1px;text-align:center}.journal-photo-one{left:13%;top:22%;width:75%;height:65%;transform:rotate(-7deg)}.journal-photo-one:hover{transform:rotate(-3deg) scale(1.025)}.journal-margin-note{position:absolute;bottom:4%;left:9%;color:#fff9ed;font-size:9px;letter-spacing:3px}.journal-writing{position:absolute;left:9%;right:7%;top:7%}.journal-writing>span{font-size:9px;letter-spacing:3px;color:#92977b}.journal-writing h3{font-family:"Kaiti SC","STKaiti",KaiTi,serif;font-size:clamp(22px,2.7vw,34px);font-weight:400;margin:10px 0 8px;letter-spacing:3px}.journal-writing p{font-size:11px;line-height:1.9;max-width:270px;color:#858674;margin:0}.journal-photo-two{left:9%;top:34%;width:53%;height:43%;transform:rotate(5deg);z-index:2}.journal-photo-three{left:52%;top:41%;width:39%;height:36%;transform:rotate(-8deg);z-index:3}.journal-photo-two:hover,.journal-photo-three:hover{transform:rotate(0) scale(1.04);z-index:4}.journal-leaf blockquote{position:absolute;bottom:8%;left:9%;right:8%;font:15px/1.8 "Kaiti SC",KaiTi,serif;margin:0;color:#626b43}.journal-page-number{position:absolute;bottom:3%;right:8%;font-size:9px;letter-spacing:3px;color:#a2a48c}.journal-fan{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:10px 0 25px}.journal-tab{border:1px solid #d5d9c4;background:#f9f7ef;color:#717858;padding:12px 14px;border-radius:8px 8px 16px 16px;cursor:pointer;transform:rotate(-2deg);font-size:12px}.journal-tab:nth-child(even){transform:rotate(2deg)}.journal-tab span{font-size:9px;margin-right:8px;opacity:.7}.journal-tab.is-current{background:#dce3c8;color:#414b2c;border-color:#aebc84;transform:translateY(-4px)}.journal-controls{display:flex;align-items:center;justify-content:center;gap:24px}.journal-controls button,.journal-light-controls button{width:44px;height:44px;border:1px solid #bcc69d;background:#dce3c8;border-radius:50%;color:#52603b;cursor:pointer;font-size:22px}.journal-position{font-size:11px;letter-spacing:1.5px;min-width:180px;text-align:center}.journal-extra-quote{text-align:center;max-width:640px;margin:25px auto!important;font:14px/2 "Kaiti SC",KaiTi,serif;color:#868b71}.journal-bottom{text-align:center;border-top:1px solid #dddfcd;margin-top:25px;padding-top:24px}.journal-gallery-toggle{border:1px solid #cdd3b6;background:transparent;padding:13px 24px;border-radius:30px;color:#657148;cursor:pointer;font-size:12px}.journal-total{display:block;font-size:9px;letter-spacing:3px;color:#959982;margin-top:15px}.journal-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:25px}.journal-gallery[hidden]{display:none}.journal-gallery button{padding:7px 7px 22px;border:0;background:#fffdf6;border-radius:3px;aspect-ratio:.8;position:relative;box-shadow:0 3px 7px #50493012;cursor:zoom-in}.journal-gallery button span{position:absolute;bottom:7px;font-size:8px;letter-spacing:2px;color:#8a9078;left:0;width:100%}#journal-lightbox{max-width:95vw;width:850px;max-height:94dvh;border:1px solid #d9d5c4;border-radius:22px;background:#f5f1e8;padding:20px;color:#52603b;box-shadow:0 15px 50px #25261940}#journal-lightbox::backdrop{background:#2e332bc9;backdrop-filter:blur(5px)}.journal-light-close{position:absolute;right:15px;top:10px;border:0;background:#f5f1e8e8;border-radius:50%;width:38px;height:38px;font-size:26px;cursor:pointer;color:#53603c;z-index:2}.journal-light-image{height:72dvh;max-height:760px}.journal-light-image svg{height:100%;width:100%}.journal-light-controls{display:flex;gap:22px;align-items:center;justify-content:center;padding-top:15px}.journal-light-count{font-size:12px;letter-spacing:3px}#journal button:focus-visible,#journal-lightbox button:focus-visible{outline:3px solid #748550;outline-offset:4px}
@media(max-width:800px){#journal{padding:40px 15px 30px;border-radius:26px}.journal-stage{padding:20px 20px 25px}.journal-book{min-height:420px}.journal-writing p{font-size:10px}.journal-writing h3{font-size:24px}.journal-leaf blockquote{font-size:12px}.journal-gallery{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){#journal{scroll-margin-top:125px}.journal-stage{padding:15px 7px 24px}.journal-book{min-height:570px;grid-template-columns:1fr 1fr;aspect-ratio:auto}.journal-writing{left:10%;right:8%}.journal-writing h3{font-size:22px;line-height:1.4;letter-spacing:1px}.journal-writing p{font-size:10px;line-height:1.8}.journal-photo-one{top:25%;left:8%;width:86%;height:52%;padding:6px 6px 22px}.journal-photo-two{top:40%;left:8%;width:80%;height:30%;padding:6px 6px 22px}.journal-photo-three{top:60%;left:31%;width:62%;height:23%;padding:5px 5px 20px}.journal-leaf blockquote{bottom:5%;font-size:11px;line-height:1.6}.journal-page-number{bottom:1.5%;font-size:8px}.journal-page-label{font-size:7px;letter-spacing:1px}.journal-margin-note{font-size:7px;letter-spacing:1px;writing-mode:vertical-rl;bottom:7%;left:10%}.journal-polaroid span{font-size:7px}.journal-fan{gap:5px}.journal-tab{font-size:10px;padding:10px 8px}.journal-tab span{display:none}.journal-controls{gap:10px}.journal-position{min-width:150px;font-size:10px}.journal-gallery{grid-template-columns:repeat(3,1fr);gap:10px}.spring-nav{gap:4px!important}.spring-nav a{padding-left:8px!important;padding-right:8px!important}.journal-light-image{height:70dvh}#journal-lightbox{padding:12px}.journal-stack{inset:35px 4px 45px}.journal-extra-quote{font-size:12px}}
@media(prefers-reduced-motion:reduce){#journal *{transition:none!important}}

#journal:focus{outline:none}