@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-300-Cw-E_7L1.woff2);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-300italic-qkwBXYHn.woff2);font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-regular-B-1hWBU7.woff2);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-italic-Dc_OZ8oc.woff2);font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-500-BsRWmXhO.woff2);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-500italic-Y14P-dkT.woff2);font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-600-Co1r35X9.woff2);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-600italic-DCuhXWyK.woff2);font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-v21-latin-700-DajfzrDU.woff2);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Unicase;src:url(/assets/cormorant-unicase-v25-latin-300-CrABCX86.woff2);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Unicase;src:url(/assets/cormorant-unicase-v25-latin-regular-C1m1v7Lk.woff2);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Unicase;src:url(/assets/cormorant-unicase-v25-latin-500-Bvf1RDYl.woff2);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Unicase;src:url(/assets/cormorant-unicase-v25-latin-600-CN4Cw7bm.woff2);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Unicase;src:url(/assets/cormorant-unicase-v25-latin-700-vfixOne5.woff2);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Parisienne;src:url(/assets/parisienne-v14-latin-regular-21gANpEP.woff2);font-weight:400;font-style:normal;font-display:swap}html,body{margin:0;padding:0}html,body,#root{width:100%;height:100%}:root{--leather-blue:#0f1e3a;--gold1:#c9a55a;--gold2:#c9a86a;--leathergold:#db9749;--paper:#f6f1e7;--title1:"Cormorant Garamond", serif;--title:"Cormorant Unicase", serif;--script:"Parisienne", cursive}.next-glassy,.prev-glassy{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;width:54px;height:54px;transition:transform .2s,background .2s,opacity .2s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0000002e}.next-glassy:hover,.prev-glassy:hover{background:#ffffff29;transform:translateY(-50%)scale(1.04)}.prev-glassy{left:-70px}.next-glassy{right:-70px}.prev-glassy:disabled,.next-glassy:disabled{opacity:.35;cursor:default}.desk-cc{transform-origin:50%;background-image:url(/assets/images/desk-coffee-close.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform 2.2s ease-in-out,background-size 2.2s ease-in-out;display:flex;overflow:hidden}.desk-cc.camera-zoom{transform:scale(2.08)}.journal{aspect-ratio:3/4.2;justify-content:center;align-items:center;width:420px;transition:transform 2.2s ease-in-out;display:flex;position:relative}.journal.zoomed{transform:scale(1.08)}.journal-shell{filter:drop-shadow(0 24px 35px #00000073);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:relative}.journal-cover-title-top{text-align:center;width:70%;color:var(--leathergold);font-family:var(--script);letter-spacing:2px;opacity:.6;font-size:24px;font-weight:500;position:absolute;top:8%;left:55%;transform:translate(-50%)}.name-container{position:absolute;top:8%;right:40%}.name{text-align:left;opacity:0;width:100%;transition:opacity .5s;position:absolute;top:0;left:0}.fade-in{opacity:1}.fade-out{opacity:0}.journal-cover-title-bottom{text-align:center;width:78%;color:var(--gold1);font-family:var(--script);letter-spacing:2px;font-size:20px;font-weight:400;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.journal-cover{aspect-ratio:3.085/4.23;cursor:pointer;border-radius:.1px .1px .1px 3px;width:46.35%;position:absolute;top:27.5%;left:50.76%;overflow:hidden;transform:translate(-50%)}.journal-cover:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000 30%,#ffffff73 45%,#ffffffd9 50%,#ffffff73 55%,#0000 70%);width:200%;height:200%;position:absolute;top:-150%;left:-150%;transform:rotate(25deg)translate(-120%)}.journal-cover.streak-on:after{opacity:1;animation:.9s forwards coverStreak}@keyframes coverStreak{0%{opacity:1;transform:rotate(25deg)translate(-120%)}85%{opacity:1;transform:rotate(25deg)translate(180%)}to{opacity:0;transform:rotate(25deg)translate(200%)}}.cover-image,.cover-video{object-fit:cover;width:100%;height:100%;display:block}.cover-image{cursor:pointer;filter:contrast(1.05)brightness(1.02)}.video-close-btn{z-index:5;color:#ffffffb8;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000002e;border:none;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.4rem;line-height:1;transition:opacity .35s,background .25s,color .25s,transform .25s;display:flex;position:absolute;top:10px;right:10px}.video-close-btn.visible{opacity:1;pointer-events:auto}.video-close-btn:hover{color:#ffffffeb;background:#0000004d;transform:scale(1.05)}.bookmark-button{z-index:6;cursor:pointer;opacity:.92;background:0 0;border:none;width:54px;margin:0;padding:0;transition:transform .28s,opacity .28s,filter .28s;animation:.8s bookmarkFadeIn;position:absolute;top:-2%;right:8%}.bookmark-button:hover{opacity:1;filter:drop-shadow(0 8px 12px #0000004d);transform:translateY(6px)scale(1.03)}.bookmark-image{pointer-events:none;width:100%;height:auto;display:block}@keyframes bookmarkFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:.92;transform:translateY(0)}}.desk-cf{background-position:50%;background-size:cover;transition:filter .8s;position:absolute;inset:0}.phase-ready .desk-cf,.phase-zoom-letter .desk-cf{filter:blur(4px)brightness(.96)}.shift-book{transition:transform .9s,filter .8s;position:relative}.phase-shift .shift-book{transform:translate(40px)translateY(6px)scale(1.02)}.phase-opening .shift-book{transform:translate(48px)scale(1.08)}.phase-full .shift-book{transform:translate(56px)scale(1.16)}.phase-zoom-letter .shift-book,.phase-ready .shift-book{transform:translate(68px)scale(1.42)}.book-scene{z-index:30;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.book-container{justify-content:center;align-items:center;width:min(92vw,1100px);height:min(78vh,720px);display:flex;position:relative}.flip-book{filter:drop-shadow(0 40px 60px #00000059);width:100%;height:100%}.page{background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.page-image{object-fit:cover;width:100%;height:100%}