@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}.desk-stack{width:100vw;height:100vh;position:relative;overflow:hidden}.desk-cf,.desk-cc{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.desk-cc{opacity:1;z-index:2;transform-origin:50%;background-image:url(/assets/images/desk-coffee-close.png);justify-content:center;align-items:center;transition:transform 2.2s ease-in-out,background-size 2.2s ease-in-out;display:flex}.desk-cc.camera-zoom{transform:scale(2.08)}.desk-cf{background-image:url(/assets/images/desk-coffee-far.png);transition:filter .8s,transform 1.2s}.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}.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{z-index:3;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)}}.open-overlay{width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.open-scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.open-scene .next-glassy{z-index:10;right:7vw}.phase-ready .desk-cf,.phase-zoom .desk-cf{filter:blur(4px)brightness(.76);transform:scale(2.03)}.journal-open{aspect-ratio:1.53;z-index:3;transform-origin:50%;perspective:2200px;filter:drop-shadow(0 28px 40px #0000006b);width:min(78vw,1100px);transition:transform .9s;position:relative}.journal-open.zoom,.journal-open.ready{transform:scale(1.5)}.open-base{object-fit:contain;opacity:0;z-index:1;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.right-stack{z-index:2;pointer-events:none;opacity:1;width:55%;height:100%;transition:opacity .45s;position:absolute;inset:0 0 0 auto;transform:translate(-25%)}.back-spine-right{object-fit:contain;object-position:right center;z-index:1;opacity:1;width:125%;height:125%;transition:opacity .45s;position:absolute;inset:0;transform:translate(4%)translateY(-7%)}.right-leaf{object-fit:contain;object-position:right center;z-index:2;opacity:.92;filter:drop-shadow(-2px 0 3px #0000001a);width:73%;height:100%;transition:opacity .45s,transform .45s;position:absolute;inset:0;transform:translate(40%)}.back-spine-left{object-fit:contain;object-position:left center;z-index:1;opacity:0;width:125%;height:125%;transition:opacity .45s;position:absolute;inset:0;transform:translate(4%)translateY(-7%)}.open-cover{object-fit:contain;object-position:left center;transform-origin:0;width:50.2%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;z-index:4;transition:transform 1.9s cubic-bezier(.2,.85,.2,1);position:absolute;bottom:.5px;right:0}.letter{z-index:5;pointer-events:none;opacity:1;width:50%;height:110%;transition:opacity .45s;position:absolute;inset:0 0 0 auto;transform:translate(-18%)translateY(-6%)scale(.5)}.journal-open.start .open-cover{transform:translate(-8%)rotateY(0)}.journal-open.opening .open-cover{transform:translate(-8%)rotateY(-112deg)}.journal-open.opened .open-cover,.journal-open.zoom .open-cover,.journal-open.ready .open-cover{transform:translate(-8%)rotateY(-124deg)}.journal-open.opening .right-leaf{opacity:.7}.journal-open.opened .back-spine-right{opacity:0}.journal-open.opening .back-spine-left{opacity:.4}.journal-open.start .back-spine-left,.journal-open.ready .back-spine-left{opacity:0}.journal-open.opened .back-spine-left,.journal-open.opened .open-base,.journal-open.zoom .open-base,.journal-open.ready .open-base{opacity:1}.journal-open.opened .right-stack,.journal-open.zoom .right-stack,.journal-open.ready .right-stack,.journal-open.start .bookmark-close,.journal-open.opening .bookmark-close,.journal-open.opened .bookmark-close,.journal-open.zoom .bookmark-close{opacity:0}.journal-open.ready .bookmark-close{opacity:1}.journal-open.start .letter,.journal-open.opening .letter,.journal-open.opened .letter,.journal-open.zoom .letter{opacity:0}.journal-open.ready .letter{opacity:1}.bookmark-close{cursor:pointer;z-index:8;background:0 0;border:none;width:clamp(32px,4vw,56px);padding:0;transition:transform .25s;position:absolute;top:9%;left:17%;transform:translateY(-6%)}.bookmark-close img{width:100%;height:auto;display:block}.bookmark-close:hover{transform:translateY(-1%)}.reader-book{aspect-ratio:1.53;z-index:4;filter:drop-shadow(0 28px 40px #0000006b);width:min(78vw,1100px);position:relative;transform:scale(1.5)}.reader-book .open-base{opacity:1}.reader-left-shell,.reader-right-shell{position:absolute;inset:0}.reader-left-shell .back-spine-left,.reader-right-shell .back-spine-right,.reader-left-shell .left-leaf,.reader-right-shell .right-leaf{opacity:1}.reader-left-shell .back-spine-left{object-fit:contain;object-position:left center;z-index:1;width:125%;height:125%;position:absolute;inset:0;transform:translate(4%)translateY(-7%)}.reader-right-shell .back-spine-right{object-fit:contain;object-position:right center;z-index:1;width:125%;height:125%;position:absolute;inset:0;transform:translate(4%)translateY(-7%)}.reader-left-shell .left-leaf{object-fit:contain;object-position:left center;z-index:2;width:50%;height:100%;position:absolute;top:0;left:0}.reader-right-shell .right-leaf{object-fit:contain;object-position:right center;z-index:2;width:50%;height:100%;position:absolute;top:0;right:0}.page-surface{z-index:5;display:flex;position:absolute;overflow:hidden}.left-page-surface{width:35.5%;height:76%;top:11%;left:8.5%}.right-page-surface{width:35.5%;height:76%;top:11%;right:8.5%}.intro-page-surface{z-index:3;display:block;position:absolute}.intro-right-page-surface{width:32%;height:70%;top:15%;right:17.6%}.left-leaf,.right-leaf{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .7s}.right-leaf{transform-origin:0}.left-leaf{transform-origin:100%}.right-leaf.flip-forward{z-index:10;transform:rotateY(-180deg)}.left-leaf.flip-backward{z-index:10;transform:rotateY(180deg)}.page-content{box-sizing:border-box;color:#1f1a17;width:100%;height:100%;padding:1rem;font-family:Cormorant Garamond,serif;position:relative}.page-content img{max-width:100%;display:block}.page-content h1,.page-content h2,.page-content p{margin:0}.page-content audio{width:100%;height:32px;margin-top:auto}.full-page-image-wrap{width:100%;height:100%}.full-page-image{object-fit:contain;width:100%;height:auto}.chapter-page{place-items:center;width:100%;height:100%;display:grid}.chapter-number{color:#7f5f25;font-family:Cormorant Garamond,serif;font-size:clamp(3rem,6vw,5rem);line-height:1}.title-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;height:100%;padding:1.2rem 1rem;display:flex;position:relative}.title-page h1{color:#6f5320;text-transform:uppercase;letter-spacing:.03em;max-width:88%;font-size:clamp(1.3rem,2.5vw,2.1rem);line-height:1.05}.title-arabic,.title-spanish{color:#8d6f34;font-size:clamp(.9rem,1.4vw,1.1rem)}.title-symbol{object-fit:contain;width:28px;height:28px}.title-arabic.top,.title-spanish.top,.title-symbol.top{margin-bottom:.2rem}.title-arabic.bottom,.title-spanish.bottom,.title-symbol.bottom{margin-top:.2rem}.person-page{grid-template-rows:auto auto 1fr auto auto;align-items:start;gap:.45rem;width:100%;height:100%;display:grid}.person-name h2{color:#6f5320;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1}.person-photo{object-fit:cover;border-radius:8px;width:100%;max-height:42%;box-shadow:0 8px 18px #00000024}.person-lesson{color:#2d241d;font-size:clamp(.95rem,1.35vw,1.06rem);line-height:1.15}.person-supporting{object-fit:contain;width:72%;max-width:72%}.person-supporting-text{color:#57483a;font-size:.92rem;font-style:italic;line-height:1.15}.person-odd .person-name,.person-odd .person-lesson,.person-odd .person-supporting,.person-odd .person-supporting-text{text-align:left;justify-self:start}.person-even .person-name,.person-even .person-lesson,.person-even .person-supporting,.person-even .person-supporting-text{text-align:right;justify-self:end}.person-even .person-photo{justify-self:end}.person-extra-page{grid-template-rows:1fr auto;align-items:center;gap:.65rem;width:100%;height:100%;display:grid}.person-extra-image{object-fit:contain;width:100%;height:100%}.person-extra-supporting{object-fit:contain;width:100%}.person-extra-supporting-text{text-align:center;color:#57483a;font-size:.95rem;line-height:1.15}.filler-page,.filler-extra-page{align-content:start;gap:.55rem;width:100%;height:100%;display:grid}.filler-page h2,.filler-extra-page h2{color:#6f5320;text-transform:uppercase;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.05}.filler-page p,.filler-extra-page p{color:#2d241d;font-size:clamp(.95rem,1.3vw,1.04rem);line-height:1.15}.filler-image,.filler-supporting,.filler-extra-supporting{object-fit:contain;border-radius:8px;width:100%}.filler-supporting-text,.filler-extra-supporting-text{color:#57483a;font-size:.92rem;font-style:italic;line-height:1.15}.page-id-0 .full-page-image{object-fit:cover}.page-id-1,.page-id-2,.page-id-3,.page-id-4{padding-top:.5rem}
