:root{--experience-paper:#eee3d2;--experience-ink:#241e1a;--experience-pink:#df4f84}.experience-viewer{background:#d9d0c2;color:var(--experience-ink);display:flex;min-height:100dvh;touch-action:pan-y;user-select:none}.experience-toolbar{align-items:center;background:#fbf7ef;border-bottom:1px solid #cbbfad;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);inset:0 0 auto;min-height:58px;padding:8px 16px;position:fixed;z-index:20}.experience-site-link{align-items:center;color:var(--experience-ink);display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-self:start;text-decoration:none}.experience-progress{font-family:Georgia,Times New Roman,serif;font-size:14px;margin:0;white-space:nowrap}.experience-cover-next,.experience-icon-button,.experience-turn-button{align-items:center;background:#ffffff;border:1px solid #b9ab97;color:var(--experience-ink);cursor:pointer;display:inline-flex;justify-content:center}.experience-icon-button{border-radius:6px;height:40px;justify-self:end;width:40px}.experience-cover-next:hover,.experience-icon-button:hover,.experience-turn-button:hover{border-color:var(--experience-pink);color:var(--experience-pink)}.experience-reader{align-items:center;display:flex;flex:1;justify-content:center;min-height:100dvh;padding:76px 12px 18px;position:relative;width:100%}.experience-book-shell{align-items:center;display:none;gap:12px;grid-template-columns:46px minmax(0,1fr) 46px;justify-items:center;width:100%}.experience-viewer.is-cover-closing .experience-book-shell,.experience-viewer.is-cover-opening .experience-book-shell,.experience-viewer.is-mobile-open .experience-book-shell{display:grid}.experience-book{aspect-ratio:1.314/1;max-height:calc(100dvh - 104px);perspective:2400px;position:relative;width:min(1120px,calc((100dvh - 104px) * 1.314),calc(100vw - 140px))}.experience-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;position:relative;width:100%}.experience-page{aspect-ratio:.657/1;background:var(--experience-paper);height:100%;min-width:0;overflow:hidden;position:relative}.experience-page--left{border-radius:6px 0 0 6px;box-shadow:-8px 10px 22px rgba(36,30,26,.18)}.experience-page--right{border-radius:0 6px 6px 0;box-shadow:8px 10px 22px rgba(36,30,26,.18)}.experience-page--blank{border:1px solid #ded1bd}.experience-page img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.experience-spread:after{background:rgba(36,30,26,.16);content:"";height:100%;left:calc(50% - 1px);pointer-events:none;position:absolute;top:0;width:2px;z-index:4}.experience-spread--single{grid-template-columns:50%;justify-content:center}.experience-spread--single .experience-page--left{border-radius:6px;box-shadow:0 10px 22px rgba(36,30,26,.18)}.experience-spread--single .experience-page--blank,.experience-spread--single:after{display:none}.experience-spread--mobile-single{grid-template-columns:minmax(0,1fr)}.experience-spread--mobile-single .experience-page--blank,.experience-spread--mobile-single:after{display:none}.experience-spread--mobile-single .experience-page{border-radius:6px;box-shadow:0 10px 22px rgba(36,30,26,.18)}.experience-turn-button{border-radius:50%;height:44px;width:44px}.experience-cover-next:disabled,.experience-icon-button:disabled,.experience-turn-button:disabled{cursor:default;opacity:.3}.experience-flip-sheet{height:100%;position:absolute;top:0;transform-style:preserve-3d;width:50%;z-index:8}.experience-flip-sheet--next{animation:experience-turn-next .62s cubic-bezier(.42,0,.2,1) forwards;left:50%;transform-origin:left center}.experience-flip-sheet--previous{animation:experience-turn-previous .62s cubic-bezier(.42,0,.2,1) forwards;left:0;transform-origin:right center}.experience-flip-face{backface-visibility:hidden;height:100%;inset:0;position:absolute;width:100%}.experience-flip-back{transform:rotateY(180deg)}.experience-flip-sheet--next .experience-flip-back{transform:rotateY(-180deg)}.experience-flip-sheet .experience-page{width:100%}.experience-flip-sheet:after{background:linear-gradient(90deg,rgba(36,30,26,.2),rgba(36,30,26,.02) 18%,transparent 48%,rgba(255,255,255,.12));content:"";inset:0;pointer-events:none;position:absolute;transform:translateZ(1px);z-index:3}.experience-final-hotspot{border-radius:6px;bottom:8%;height:24%;left:7%;position:absolute;width:31%}.experience-final-hotspot:focus-visible{outline:4px solid #ffffff;outline-offset:-5px}.experience-mobile-cover{--experience-cover-start-width:min(560px,calc((100dvh - 104px) * 0.657),calc((100vw - 140px) / 2));--experience-cover-target-width:var(--experience-cover-start-width);aspect-ratio:.657/1;display:block;left:50%;max-height:calc(100dvh - 104px);position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--experience-cover-start-width);z-index:10}.experience-viewer.is-mobile-open .experience-mobile-cover{display:none}.experience-viewer.is-cover-closing .experience-book .experience-spread>.experience-page--right,.experience-viewer.is-cover-opening .experience-book .experience-spread>.experience-page--right{visibility:hidden}.experience-mobile-cover .experience-page{border-radius:6px}.experience-mobile-cover.is-opening{animation:experience-position-cover .44s cubic-bezier(.32,.72,0,1) forwards}.experience-mobile-cover.is-closing{animation:experience-restore-cover .44s cubic-bezier(.32,.72,0,1) forwards}.experience-cover-next{border-radius:50%;bottom:14px;height:42px;position:absolute;right:14px;width:42px;z-index:3}@keyframes experience-turn-next{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes experience-turn-previous{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes experience-position-cover{0%{left:50%;width:var(--experience-cover-start-width)}to{left:calc(50% + var(--experience-cover-target-width) / 2);width:var(--experience-cover-target-width)}}@keyframes experience-restore-cover{0%{left:calc(50% + var(--experience-cover-target-width) / 2);width:var(--experience-cover-target-width)}to{left:50%;width:var(--experience-cover-start-width)}}@media (max-width:767px) and (orientation:portrait){.experience-toolbar{grid-template-columns:minmax(0,1fr) auto}.experience-site-link{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-progress{display:none}.experience-reader{padding:70px 8px 12px}.experience-book-shell{display:none;gap:2px;grid-template-columns:36px minmax(0,1fr) 36px}.experience-book{max-height:none;width:min(calc(100vw - 76px),720px)}.experience-turn-button{height:34px;width:34px}.experience-mobile-cover{--experience-cover-start-width:min(94vw,calc((100dvh - 92px) * 0.657));--experience-cover-target-width:min(calc((100vw - 76px) / 2),360px);max-height:calc(100dvh - 92px)}}@media (max-width:767px){.experience-viewer.is-single-page-mobile .experience-book{aspect-ratio:.657/1;max-height:calc(100dvh - 92px);width:min(calc(100vw - 76px),calc((100dvh - 92px) * .657))}.experience-viewer.is-single-page-mobile .experience-flip-sheet{left:0;width:100%}.experience-viewer.is-single-page-mobile .experience-flip-sheet--next{transform-origin:left center}.experience-viewer.is-single-page-mobile .experience-flip-sheet--previous{transform-origin:right center}}@media (max-width:767px) and (orientation:landscape){.experience-toolbar{min-height:46px;padding-block:3px}.experience-site-link{font-size:12px}.experience-reader{padding-top:54px}.experience-book{max-height:calc(100dvh - 62px);width:min(calc(100vw - 112px),calc((100dvh - 62px) * 1.314))}}@media (prefers-reduced-motion:reduce){.experience-flip-sheet--next,.experience-flip-sheet--previous,.experience-mobile-cover.is-closing,.experience-mobile-cover.is-opening{animation-duration:1ms}}