@font-face{font-family:Diary;src:url('/assets/diary/Caveat.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Signature;src:url('/assets/editorial/PinyonScript-Regular.woff2') format('woff2');font-display:swap}
:root{--ink:#514349;--soft-ink:#7a626d;--rose:#c48f9c;--paper:#fcf8ef;--pink:#d8aeb8;--hand:Diary,'Segoe Print',cursive;--script:Signature,cursive}
*{box-sizing:border-box}html{min-height:100%;background:#eadfe0}body{margin:0;color:var(--ink);font:20px/1.35 var(--hand);background:radial-gradient(ellipse at 45% 35%,#f7f0ec 0,#ede2e1 60%,#e4d5d9 100%);min-height:100svh;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 3px,#b896a00b 3px 4px);z-index:-1}button,input{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px dashed #9d546d;outline-offset:5px}h1,h2,p,figure{margin:0}h1,h2,strong{font-weight:400}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block;width:100%;height:100%}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;background:var(--paper);padding:12px;z-index:100}::selection{background:#edcbd3}
.diary-desk{width:min(1230px,calc(100% - 170px));margin:0 auto;padding:27px 0 20px;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.desk-heading{display:flex;justify-content:space-between;align-items:center;padding:0 32px 17px;font-size:20px;color:#80646d}.desk-heading>p{transform:rotate(-3deg)}.desk-heading>span{font-size:18px}.book-wrap{position:relative}.book{position:relative;aspect-ratio:1.5;perspective:2000px;isolation:isolate;filter:drop-shadow(0 20px 17px #78575f26);width:100%}.book-paper{position:absolute;inset:0;object-fit:fill;z-index:-2;border-radius:3%;pointer-events:none}.spreads,.diary-spread{position:absolute;inset:0}.diary-page{position:absolute;top:0;width:50%;height:100%;}.page-left{left:0}.page-right{right:0}.page-content{position:absolute;inset:12% 10% 12% 11%;}.page-right .page-content{inset:12% 11% 12% 10%}.page-number{display:none}.spine{position:absolute;left:49.6%;top:8%;bottom:8%;width:.8%;background:linear-gradient(90deg,transparent,#8f736217,transparent);pointer-events:none;z-index:6}.book-folio{position:absolute;left:0;bottom:8.4%;width:100%;display:flex;pointer-events:none;font-size:16px;color:#9a7e83}.book-folio>span{width:50%;text-align:center}.page-heading{position:relative;z-index:3}.diary-kicker{font-size:20px;color:#8a6d77;margin-bottom:10px}.diary-title{font-family:var(--script);font-size:clamp(39px,4.3vw,62px);line-height:1.16;color:#644f5b}.diary-note{font-size:21px;line-height:1.4;margin-top:12px;max-width:95%}.handwritten-aside{position:absolute;font-size:22px;color:#8a6876;transform:rotate(-5deg);z-index:4}
.page-tabs{position:absolute;left:97.8%;top:14%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;z-index:-1}.page-tabs button{position:relative;min-height:48px;width:133px;text-align:left;padding:9px 12px 9px 20px;white-space:nowrap;border-radius:0 7px 8px 0;background:#d7b5bf;box-shadow:2px 3px 4px #6d495418;border:1px solid #b5879840;font-size:19px;transition:transform .2s,background .2s,color .2s;transform:rotate(1deg);color:#634851}.page-tabs button:nth-child(2){background:#d8c4d0;transform:rotate(-1deg)}.page-tabs button:nth-child(3){background:#e4cfc9}.page-tabs button:nth-child(4){background:#c7d4da;transform:rotate(-1.5deg)}.page-tabs button:nth-child(5){background:#deb7c5}.page-tabs button:nth-child(6){background:#d9cbd4;transform:rotate(-1deg)}.page-tabs button[aria-selected=true]{background:#f8e7e9;color:#733d55;transform:translateX(6px);border-right:3px solid #ae778e}.page-tabs button:hover{transform:translateX(7px)}.reading-controls{position:relative;display:flex;align-items:center;justify-content:space-between;margin:12px 6% 0}.reading-controls button{min-height:44px;padding:8px 15px;font-size:21px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:#b78d9c}.reading-controls button:hover{color:#a45376}.reading-controls button:disabled{opacity:.28;text-decoration:none}.reading-position{font-size:18px;color:#866c76}.desk-signoff{text-align:center;font-size:17px;color:#987d86;margin-top:16px}.desk-signoff span{font-size:23px;display:inline-block;transform:rotate(-15deg);margin-left:5px}
.diary-photo{position:absolute;padding:9px 9px 31px;background:#fffdf8;box-shadow:2px 4px 7px #66545524;z-index:2}.photo-button{display:block;padding:0;width:100%;height:100%;overflow:hidden;position:relative}.photo-button img{transition:filter .25s}.photo-button:hover img{filter:brightness(1.06)}.diary-photo figcaption{position:absolute;bottom:5px;left:12px;right:8px;font-size:17px;white-space:nowrap}.taped:before{content:'';position:absolute;left:35%;top:-12px;width:76px;height:26px;background:#dab3bf9c;transform:rotate(-7deg);clip-path:polygon(0 3%,99% 0,97% 94%,2% 100%);z-index:4;pointer-events:none;backdrop-filter:blur(1px)}.clipped:after{content:'';position:absolute;top:-23px;left:19px;width:17px;height:65px;border:4px double #9a989b;border-radius:13px;transform:rotate(14deg);z-index:4;pointer-events:none;box-shadow:1px 1px 0 #fff}.polaroid{padding-bottom:36px}.diary-art{position:absolute;object-fit:contain;pointer-events:none}.diary-sticker{position:absolute;display:block;z-index:4;pointer-events:none}.sticker-wings{width:108px;height:65px}.sticker-wings img{object-fit:contain}.sticker-star{width:36px;height:36px;color:#af8d9a}.sticker-heart{width:44px;height:44px;color:#b47691}.diary-ticket{position:absolute;width:92%;height:24%;z-index:4;padding:0;transition:transform .2s}.diary-ticket:hover{transform:rotate(0) translateY(-3px)}.ticket-paper{inset:0;width:100%;height:100%;object-fit:fill;filter:saturate(.5)}.ticket-copy{position:absolute;inset:19% 15% 15% 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.05;text-align:left;gap:4px}.ticket-copy small{font-size:15px}.ticket-copy strong{font-size:clamp(20px,2.15vw,31px);white-space:nowrap}.ticket-action{font-size:18px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.film-action{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:7px 19px;background:#fbf4ecf2;box-shadow:0 1px 5px #51434933;border-radius:3px;font-size:18px;white-space:nowrap;min-height:38px}
.intro-left .page-heading{top:1%;text-align:center}.intro-left .diary-title{font-size:clamp(55px,6.3vw,88px)}.intro-left .diary-note{font-size:22px;margin-top:8px;max-width:none}.intro-portrait{width:55%;height:49%;left:20%;top:38%;transform:rotate(-5deg)}.intro-portrait img{object-position:46% center}.intro-aside{left:31%;bottom:0;font-size:23px}.intro-collage{position:absolute;left:-9%;top:4%;width:121%;height:76%}.intro-collage>img{object-fit:contain;mix-blend-mode:multiply}.collage-aside{top:82%;left:15%;font-size:27px;transform:rotate(-5deg)}.intro-wings{right:7%;bottom:-2%;transform:rotate(-10deg)}
.stage-etching{left:-9%;bottom:10%;width:111%;height:62%;opacity:.45;z-index:0}.stage-mermaid{left:5%;top:29%;width:91%;height:39%;transform:rotate(-4deg)}.stage-addams{left:3%;top:31%;width:94%;height:43%;transform:rotate(3deg)}.mermaid-ticket{left:2%;bottom:0;transform:rotate(2deg)}.addams-ticket{left:3%;bottom:-1%;transform:rotate(-4deg)}.stage-star{right:1%;top:20%;transform:rotate(14deg)}
.rhythm-liuqin{left:11%;top:20%;width:72%;height:71%;transform:rotate(-3deg)}.rhythm-wings{right:-4%;bottom:-3%;transform:rotate(10deg)}.rhythm-rehearsal{left:4%;top:30%;width:86%;height:35%;transform:rotate(4deg)}.rhythm-backstage{left:25%;top:66%;width:70%;height:33%;transform:rotate(-5deg)}
.outside-mountains{left:-10%;bottom:1%;width:125%;height:64%;opacity:.8}.outside-snow{left:12%;top:28%;width:61%;height:66%;transform:rotate(-5deg)}.outside-star{right:5%;top:34%;transform:rotate(15deg)}.outside-swim{left:2%;top:22%;width:90%;height:33%;transform:rotate(3deg)}.outside-volleyball{left:12%;top:60%;width:84%;height:33%;transform:rotate(-4deg)}.outside-aside{left:5%;bottom:-4%;font-size:21px}
.together-friends{left:8%;top:26%;width:83%;height:70%;transform:rotate(-4deg)}.together-booth{left:5%;top:22%;width:86%;height:37%;transform:rotate(3deg)}.together-booth img{object-fit:contain;background:#fffdf8;filter:grayscale(1)}.together-curtain{left:18%;top:63%;width:78%;height:34%;transform:rotate(-4deg)}.together-wings{left:-5%;top:56%;width:90px}
.listening-cover{left:7%;top:31%;width:85%;height:57%;transform:rotate(-5deg)}.listening-cover img{object-fit:contain;background:white}.listening-aside{left:11%;bottom:-1%;font-size:22px}.diary-cassette{position:absolute;left:1%;top:23%;width:99%;transform:rotate(3deg)}.cassette-object{position:relative;aspect-ratio:1.5}.cassette-art{inset:0;width:100%;height:100%}.cassette-label{position:absolute;left:14%;top:14%;width:72%;text-align:center;font:clamp(24px,3vw,41px)/1 var(--script);color:#695363}.tape-side{position:absolute;left:13%;bottom:15%;font-size:14px}.deck-controls{display:grid;grid-template-columns:1fr 48px;gap:4px 9px;padding:7px 12px;align-items:center;transform:rotate(-3deg)}.deck-toggle{grid-column:1/-1;justify-self:center;min-height:44px;font-size:23px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.deck-toggle>span{font:12px Arial,sans-serif;margin-right:4px}.deck-seek{width:100%;height:28px;accent-color:#b37c92;cursor:pointer}.deck-time{font-size:18px}.deck-mute{grid-column:1/-1;justify-self:center;font-size:17px;min-height:36px;color:#846675}.diary-cassette audio{width:100%;height:45px}.diary-signoff{position:absolute;bottom:-1%;right:12%;text-align:center;transform:rotate(-5deg)}.diary-signoff p{font-size:24px;color:#947180}.diary-signoff>span{font:52px/1.3 var(--script)}.listening-heart{bottom:6%;left:18%;transform:rotate(-16deg)}
.turning-leaf{position:absolute;top:6.5%;bottom:7.2%;width:47.6%;transform-style:preserve-3d;z-index:20;pointer-events:none;will-change:transform}.turning-leaf.forward{left:50%;transform-origin:left center}.turning-leaf.backward{right:50%;transform-origin:right center}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;background:#fcfaf4;border-radius:2px 9px 8px 2px;overflow:hidden;box-shadow:0 2px 8px #6e54532b}.leaf-back{transform:rotateY(180deg);background:linear-gradient(90deg,#f5f1e8,#fcfaf4 12%)}.leaf-front{background:linear-gradient(90deg,#e8e2d8,#fcfaf4 8%)}.turning-leaf .diary-page,.stationary-page .diary-page{width:105%;height:116%;top:-7.5%;left:-2.5%;right:auto}.stationary-page{position:absolute;top:6.5%;bottom:7.2%;width:47.6%;overflow:hidden;background:#fcfaf4;z-index:12;pointer-events:none}.hold-left{right:50%}.hold-right{left:50%}.forward.turn{animation:turn-forward .85s cubic-bezier(.4,.05,.25,1) both}.backward.turn{animation:turn-backward .85s cubic-bezier(.4,.05,.25,1) both}@keyframes turn-forward{from{transform:rotateY(0);filter:brightness(1)}50%{filter:brightness(.85)}to{transform:rotateY(-180deg);filter:brightness(1)}}@keyframes turn-backward{from{transform:rotateY(0);filter:brightness(1)}50%{filter:brightness(.85)}to{transform:rotateY(180deg);filter:brightness(1)}}
.modal-open{overflow:hidden}.media-viewer{border:0;padding:68px 30px 25px;background:#fbf7ef;color:var(--ink);max-width:94vw;width:fit-content;max-height:94dvh;box-shadow:0 20px 70px #49314066;border-radius:3px;overflow:auto}.media-viewer::backdrop{background:#514349b8;backdrop-filter:blur(5px)}.media-viewer figure{margin:0}.viewer-image{width:auto;height:auto;max-width:85vw;max-height:73dvh;object-fit:contain}.viewer-video{width: min(960px,85vw);height:auto;max-height:73dvh}.media-viewer figcaption{text-align:center;padding-top:12px;font-size:22px}.close-viewer{position:absolute;right:19px;top:11px;min-height:44px;font-size:23px}.close-viewer span{padding-left:10px;font-family:var(--hand);font-size:28px}
@media(min-width:1600px){.diary-desk{width:min(1330px,calc(100% - 240px))}.diary-title{font-size:64px}.intro-left .diary-title{font-size:88px}}
@media(min-width:1001px) and (max-width:1150px){.diary-desk{width:calc(100% - 150px);margin-left:22px}.page-tabs button{width:122px;font-size:17px;min-height:45px;padding-left:16px}.page-tabs{gap:8px;top:12%}.diary-title{font-size:42px}.diary-note{font-size:18px;margin-top:8px}.diary-kicker{font-size:17px}.intro-left .diary-title{font-size:62px}.intro-left .diary-note{font-size:19px}.diary-photo{padding:7px 7px 27px}.diary-photo figcaption{font-size:15px;left:9px;bottom:4px}.handwritten-aside{font-size:19px}.intro-aside{font-size:20px;left:20%}.collage-aside{font-size:22px}.clipped:after{width:13px;height:49px;top:-17px;border-width:3px}.taped:before{width:61px;height:22px;top:-9px}.ticket-copy small{font-size:14px}.ticket-copy strong{font-size:23px}.ticket-action{font-size:16px}.sticker-wings{width:82px;height:54px}.cassette-label{font-size:30px}.deck-toggle{font-size:20px}.deck-controls{padding-top:0;gap:0 6px}.deck-mute{min-height:30px}.diary-signoff>span{font-size:42px}.diary-signoff p{font-size:21px}.listening-heart{width:34px}.reading-controls{margin-top:8px}}
@media(max-width:1000px){.diary-desk{width:calc(100% - 30px);margin:0 15px;padding:20px 0}.desk-heading{padding:0 8px 17px;font-size:21px}.desk-heading>span{font-size:16px}.book-wrap{padding-top:84px}.book{aspect-ratio:auto;background:#fcf9f1;border:8px solid #d9b3be;border-radius:7px 12px 12px 6px;box-shadow:inset -3px 0 0 #e2d7cb,3px 3px 0 #c69eab,6px 7px 0 #d7b7c0;filter:drop-shadow(0 12px 13px #79556022);perspective:1500px}.book:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#c7b6a706 3px,#c7b6a706 4px)}.book-paper,.spine,.book-folio{display:none}.spreads,.diary-spread{position:relative;inset:auto}.diary-page{position:relative;left:auto;right:auto;top:auto;width:100%;height:570px}.page-left{border-bottom:1px dashed #d6c0c7}.page-content,.page-right .page-content{inset:8% 7% 11%}.page-number{display:block;position:absolute;bottom:13px;width:100%;text-align:center;color:#aa8795;font-size:16px}.page-tabs{left:-8px;right:-8px;top:-89px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;z-index:3}.page-tabs button,.page-tabs button:nth-child(n){width:100%;min-height:38px;font-size:16px;padding:5px 4px;text-align:center;transform:none;border-radius:5px 5px 1px 1px;box-shadow:none}.page-tabs button[aria-selected=true]{transform:translateY(-3px);border-right:1px solid #b5879840;border-bottom:3px solid #ae778e}.diary-title{font-size:47px}.diary-note{font-size:20px;margin-top:10px}.diary-kicker{font-size:19px}.intro-left .diary-title{font-size:66px}.intro-left .diary-note{font-size:20px}.intro-portrait{top:39%;height:48%;width:55%;left:22%}.intro-aside{left:20%;bottom:-1%;font-size:22px}.intro-right{height:445px}.intro-collage{top:0;left:-10%;width:122%;height:88%}.collage-aside{top:auto;bottom:0;left:7%;font-size:24px}.intro-wings{bottom:0;right:-2%;width:72px;height:55px}.diary-photo{padding:8px 8px 30px}.diary-photo figcaption{font-size:17px}.diary-ticket{height:24%;width:100%;left:0}.ticket-copy strong{font-size:27px}.ticket-action{font-size:18px}.ticket-copy small{font-size:14px}.stage-mermaid{top:30%;height:37%;width:95%;left:2%}.stage-addams{top:31%;height:39%;width:96%;left:0}.stage-etching{bottom:9%;height:60%}.rhythm-liuqin{top:19%;height:73%;width:72%;left:11%}.rhythm-rehearsal{top:31%;height:31%}.rhythm-backstage{top:65%;height:33%;left:19%;width:76%}.outside-snow{height:65%;width:63%;left:12%}.outside-swim{top:22%;height:31%;width:96%;left:0}.outside-volleyball{top:59%;height:33%;width:90%;left:7%}.outside-aside{bottom:-3%;font-size:20px}.together-friends{top:27%;height:67%;width:85%;left:6%}.together-booth{width:96%;left:0;height:35%;top:22%}.together-curtain{width:88%;left:6%;top:63%;height:32%}.together-wings{left:-5%;top:55%;width:80px}.listening-cover{top:29%;width:95%;height:58%;left:1%}.listening-aside{left:2%;font-size:22px}.diary-cassette{top:21%;left:0;width:100%}.cassette-label{font-size:34px}.deck-toggle{font-size:23px}.deck-controls{padding-inline:5px}.diary-signoff{bottom:-2%;right:10%}.diary-signoff p{font-size:23px}.diary-signoff>span{font-size:51px}.listening-heart{bottom:6%;left:12%}.reading-controls{margin:22px 0 0}.reading-controls button{padding:7px 4px;font-size:21px}.reading-position{font-size:17px}.desk-signoff{margin-top:12px}.turning-leaf.mobile-leaf{left:0;right:0;top:0;bottom:0;width:100%;background:#fcf9f1;border-radius:2px;transform-origin:left center;overflow:hidden;box-shadow:10px 0 30px #4f38492e}.mobile-leaf .diary-spread{height:100%;display:block!important}.mobile-leaf .diary-page{position:relative;width:100%;height:570px;top:auto;left:auto}.mobile-leaf .intro-right{height:445px}.mobile-leaf.forward.turn{animation:mobile-forward .65s ease-in-out both}.mobile-leaf.backward.turn{transform-origin:right center;animation:mobile-back .65s ease-in-out both}@keyframes mobile-forward{to{transform:rotateY(-95deg);opacity:.1}}@keyframes mobile-back{to{transform:rotateY(95deg);opacity:.1}}.media-viewer{padding:62px 12px 18px;max-width:96vw}.viewer-image{max-width:88vw;max-height:75dvh}.viewer-video{width:88vw;max-height:73dvh}.media-viewer figcaption{font-size:20px}.close-viewer{right:13px}}
@media(max-width:370px){.diary-desk{width:calc(100% - 22px);margin:0 11px}.desk-heading>span{font-size:14px}.page-tabs button,.page-tabs button:nth-child(n){font-size:15px}.diary-title{font-size:42px}.intro-left .diary-title{font-size:60px}.diary-note{font-size:19px}.ticket-copy strong{font-size:23px}.ticket-action{font-size:17px}.diary-page{height:550px}.intro-right{height:400px}.cassette-label{font-size:28px}.listening-aside{font-size:19px}.collage-aside{font-size:22px}.intro-aside{font-size:20px}.diary-photo figcaption{font-size:15px}.reading-controls button{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:1151px){.diary-desk{width:min(1150px,calc(100% - 210px));position:relative;left:-45px}}
.book-paper{clip-path:inset(5% 1.5% 5.3% 1.5% round 12px)}
/* Keep complete faces in team photographs and leave room for playback. */
.outside-swim img{object-position:center 25%}
.diary-cassette{width:80%;left:9%;top:23%}
.deck-seek{-webkit-appearance:none;appearance:none;background:transparent;height:28px}
.deck-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#cfb5c1}
.deck-seek::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:#aa758c}
.deck-seek::-moz-range-track{height:3px;border-radius:3px;background:#cfb5c1}
.deck-seek::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#aa758c}
.diary-signoff{bottom:-2%;right:11%}.listening-heart{bottom:4%;left:18%}
@media(max-width:1000px){.diary-cassette{width:90%;left:4%;top:22%}.diary-signoff{bottom:-1%}.outside-swim img{object-fit:contain;background:#fffdf8}}

/* Reading sizes, shared by touch and tablet layouts. */
.rhythm-rehearsal{width:61%;height:45%;left:0;top:29%}
.rhythm-backstage{width:48%;height:55%;left:52%;top:43%}
.outside-swim img,.outside-volleyball img{object-fit:contain;background:#fffdf8}
.outside-swim{width:82%;height:39%;left:3%;top:20%}
.outside-volleyball{width:82%;height:38%;left:11%;top:62%}
.cassette-label{white-space:nowrap}
.deck-controls{grid-template-columns:1fr 80px;gap:3px 8px}
.deck-toggle{grid-column:1;grid-row:1;justify-self:start;font-size:21px;white-space:nowrap;padding-left:0}
.deck-mute{grid-column:2;grid-row:1;min-height:44px;font-size:17px;padding:0}
.deck-seek{grid-column:1;grid-row:2}.deck-time{grid-column:2;grid-row:2;justify-self:end}
@media(max-width:1000px){
 .diary-desk{width:min(520px,calc(100% - 30px));margin:0 auto;left:0}
 .book-wrap{padding-top:101px}.page-tabs{top:-105px;gap:5px}
 .page-tabs button,.page-tabs button:nth-child(n){min-height:44px;font-size:17px}
 .diary-title{font-size:clamp(32px,9.7vw,47px);white-space:nowrap}
 .intro-left .diary-title{font-size:clamp(40px,12.5vw,66px);white-space:nowrap}
 .intro-left .diary-note{font-size:19px}
 .rhythm-rehearsal{height:45%;top:27%}.rhythm-backstage{height:56%;top:43%}
 .outside-swim{height:39%;top:21%}.outside-volleyball{height:38%;top:62%}
 .diary-cassette{width:86%;left:6%;top:21%}
 .cassette-label{font-size:clamp(23px,7.1vw,34px)}
 .diary-signoff{bottom:-1%}.listening-heart{bottom:4%}
 .deck-toggle{font-size:20px}.deck-mute{font-size:16px}
 .desk-heading>span{font-size:15px}
}
@media(min-width:601px) and (max-width:1000px){.diary-page{height:670px}.intro-right{height:520px}.diary-cassette{top:22%}}
@media(max-width:370px){.page-tabs button,.page-tabs button:nth-child(n){font-size:15px}.deck-toggle{font-size:18px}.deck-controls{grid-template-columns:1fr 68px}.deck-mute{font-size:15px}.ticket-copy strong{font-size:21px}}
@media(max-width:370px){.intro-wings{display:none}.collage-aside{left:4%;font-size:21px}}
.closed-diary{width:min(470px,75vw);margin:20px auto 28px;filter:drop-shadow(4px 17px 15px #86616d35);position:relative}.open-diary{display:block;width:100%;aspect-ratio:1122/1402;padding:0;position:relative;transition:transform .35s}.open-diary:hover{transform:rotate(-1deg) translateY(-3px)}.open-diary>img{object-fit:contain}.cover-lettering{position:absolute;left:28%;top:26%;width:48%;font:clamp(40px,5vw,63px)/1.15 var(--script);color:#80576a;text-align:center;transform:rotate(-5deg)}.cover-open{position:absolute;left:32%;bottom:28%;width:40%;font-size:25px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;color:#6d4e5c}.closed-diary~.reading-controls{display:none}
@media(max-width:1000px){.closed-diary{width:min(420px,90%);margin-top:10px}.cover-lettering{font-size:clamp(37px,11vw,58px)}.cover-open{font-size:24px}}
.cover-lettering{font-size:clamp(38px,4.1vw,54px);top:27%}
@media(max-width:1000px){.cover-lettering{font-size:clamp(33px,9.7vw,50px)}}
.book-paper{clip-path:inset(5% 2.4% 5.3% 1.5% round 12px)}

/* Page replicas use the source page's exact coordinate system. */
.diary-scene{position:relative;display:grid;perspective:1800px}
.diary-scene>.book-wrap,.diary-scene>.closed-diary{grid-area:1/1;align-self:start}
.diary-scene>.closed-diary{margin:0 auto 28px}
.diary-scene.changing-cover{overflow:visible}
.changing-cover>.book-wrap,.changing-cover>.closed-diary{pointer-events:none;transform-origin:center center;will-change:transform,opacity}
.turning-leaf{top:0;bottom:0;width:50%;height:100%;filter:none;transform-style:preserve-3d}
.turning-leaf.forward{left:50%;right:auto;transform-origin:left center}
.turning-leaf.backward{right:50%;left:auto;transform-origin:right center}
.leaf-face{background:none;box-shadow:none;border-radius:0;overflow:visible;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.leaf-face:before,.stationary-page:before{content:'';position:absolute;inset:7% 3% 8% 0;background:linear-gradient(90deg,#eee7dc,#fcf8ef 8%,#fcf8ef 96%,#f5eee3);border-radius:0 6px 6px 0;box-shadow:0 2px 4px #624c4414;pointer-events:none}
.leaf-back{transform:rotateY(180deg)}
.leaf-back:before,.hold-left:before,.backward .leaf-front:before{inset:7% 0 8% 3%;border-radius:6px 0 0 6px;background:linear-gradient(90deg,#f5eee3,#fcf8ef 4%,#fcf8ef 92%,#eee7dc)}
.backward .leaf-back:before{inset:7% 3% 8% 0;background:linear-gradient(90deg,#eee7dc,#fcf8ef 8%,#fcf8ef 96%,#f5eee3)}
.turning-leaf .diary-page,.stationary-page .diary-page{position:absolute;width:100%;height:100%;left:0;right:auto;top:0}
.stationary-page{top:0;bottom:0;width:50%;height:100%;overflow:visible;background:none}
.turning-leaf .diary-page,.stationary-page .diary-page{border:0}
.outside-swim{top:19%;height:34%}
.outside-volleyball{top:57%;height:33%}
.outside-aside{bottom:-1%;left:7%;font-size:21px;transform:rotate(-3deg)}
@media(max-width:1000px){
 .turning-leaf.mobile-leaf{top:0;bottom:auto;left:0;right:0;width:100%;height:auto;transform-origin:left center;background:#fcf9f1;overflow:hidden;box-shadow:8px 0 18px #51434920}
 .turning-leaf.mobile-leaf.backward{transform-origin:right center}
 .mobile-leaf .diary-spread{position:relative;inset:auto;height:auto;display:block!important}
 .mobile-leaf .diary-page{position:relative;width:100%;height:570px;left:auto;right:auto;top:auto}
 .mobile-leaf .page-left{border-bottom:1px dashed #d6c0c7}
 .mobile-leaf .intro-right{height:445px}
 .outside-swim{top:19%;height:34%}.outside-volleyball{top:57%;height:33%}
 .outside-aside{bottom:-1%;font-size:20px}
}
@media(min-width:601px) and (max-width:1000px){.mobile-leaf .diary-page{height:670px}.mobile-leaf .intro-right{height:520px}}
@media(max-width:370px){.mobile-leaf .diary-page{height:550px}.mobile-leaf .intro-right{height:400px}}
/* Match the photographed paper on both sides of the turning leaf. */
.leaf-face:before,.stationary-page:before{inset:0!important;background:url('/assets/diary/open-book.webp') right center / 200% 100% no-repeat!important;border-radius:0;box-shadow:none;clip-path:inset(7% 8% 8% 0)}
.leaf-back:before,.hold-left:before,.backward .leaf-front:before{background-position:left center!important;clip-path:inset(7% 0 8% 8%)}
.backward .leaf-back:before{background-position:right center!important;clip-path:inset(7% 8% 8% 0)}

.diary-scene{perspective:6000px}.diary-scene>.closed-diary{margin:0 auto}

.is-turning .spreads{pointer-events:none}

.mobile-turn-viewport{position:absolute;inset:0;overflow:hidden;z-index:20;pointer-events:none;border-radius:2px}
.mobile-turn-viewport .turning-leaf{transform-style:flat}