.oopsyologyPage{min-height:100svh;color:var(--burgundy);background:radial-gradient(circle at 50% 8%,#fffdf8 0,#fff8ee 50%,#f5e8dc 100%);overflow:hidden}.readerHeader{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1240px,92vw);margin:0 auto;padding:clamp(22px,4vh,44px) 0 18px;display:grid}.readerBrand{letter-spacing:-.03em;justify-self:start;font-size:clamp(19px,1.5vw,24px);font-weight:650}.readerIntro{text-align:center}.readerIntro p{color:var(--soft-ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:650}.readerIntro h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1}.readerDownload{border:1.5px solid;border-radius:999px;justify-self:end;padding:11px 18px;font-size:14px;font-weight:650;transition:all .2s}.readerDownload:hover{background:var(--burgundy);color:var(--cream)}.flipbookShell{flex-direction:column;align-items:center;width:100%;padding:6px 18px 36px;display:flex}.bookStage{width:min(560px,69.9svh - 132.81px,84vw);position:relative}.bookShadow{filter:blur(17px);background:#4a191d38;border-radius:50%;height:34px;position:absolute;inset:auto 4% -18px}.book{aspect-ratio:148/210;perspective:1800px;isolation:isolate;background:#fffaf3;width:100%;position:relative;box-shadow:0 16px 38px #6510182e,0 3px 8px #6510181f}.book:after{content:"";z-index:5;pointer-events:none;opacity:.5;background:linear-gradient(90deg,#48161a2e,#0000);width:14px;position:absolute;inset:0 auto 0 0}.bookPage{object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fffaf3;width:100%;height:100%;display:block;position:absolute;inset:0}.underPage{z-index:1}.turningLeaf{z-index:2;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.pageFront{transform:rotateY(0)}.pageBack{filter:brightness(.93)saturate(.9);transform:rotateY(180deg)}.turningLeaf:after{content:"";z-index:3;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;background:linear-gradient(90deg,#4e181d38,#0000 16% 73%,#ffffff80);position:absolute;inset:0}.book[data-turning=next] .turningLeaf{transform-origin:0;animation:.78s cubic-bezier(.64,.02,.32,1) both turnNext}.book[data-turning=previous] .turningLeaf{transform-origin:100%;animation:.78s cubic-bezier(.64,.02,.32,1) both turnPrevious}.book[data-turning=next] .turningLeaf:after,.book[data-turning=previous] .turningLeaf:after{animation:.78s ease-in-out both leafShade}@keyframes turnNext{0%{transform:rotateY(0)translateZ(0);box-shadow:0 0 #4a191d00}48%{transform:rotateY(-86deg)translateZ(9px);box-shadow:-28px 4px 34px #4a191d47}to{transform:rotateY(-180deg)translateZ(0);box-shadow:-4px 0 8px #4a191d14}}@keyframes turnPrevious{0%{transform:rotateY(0)translateZ(0);box-shadow:0 0 #4a191d00}48%{transform:rotateY(86deg)translateZ(9px);box-shadow:28px 4px 34px #4a191d47}to{transform:rotateY(180deg)translateZ(0);box-shadow:4px 0 8px #4a191d14}}@keyframes leafShade{0%,to{opacity:0}45%,58%{opacity:1}}.pageHotspot{z-index:8;cursor:pointer;width:38%;color:var(--burgundy);background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.pageHotspot:disabled{cursor:default}.pageHotspotPrevious{text-align:left;left:0}.pageHotspotNext{text-align:right;right:0}.pageHotspot span{opacity:0;background:#fff8eed1;border-radius:0 999px 999px 0;place-items:center;width:42px;height:58px;font-size:40px;line-height:1;transition:all .2s;display:inline-grid;transform:translate(-10px)}.pageHotspotNext span{border-radius:999px 0 0 999px;transform:translate(10px)}.pageHotspot:hover:not(:disabled) span{opacity:1;transform:translate(0)}.pageHotspot:focus-visible span{opacity:1;transform:translate(0)}.readerControls{align-items:center;gap:20px;margin-top:28px;display:flex}.readerControls button{width:44px;height:44px;color:var(--burgundy);cursor:pointer;background:#fff8eed1;border:1.5px solid #65101873;border-radius:50%;place-items:center;font-size:21px;transition:all .2s;display:grid}.readerControls button:hover:not(:disabled){background:var(--burgundy);color:var(--cream);transform:translateY(-2px)}.readerControls button:disabled{opacity:.28;cursor:default}.readerControls p{text-align:center;min-width:74px;color:var(--soft-ink);margin:0;font-size:14px}.readerControls p span{color:var(--burgundy);font-size:18px;font-weight:700}.readerHint{color:var(--soft-ink);margin:10px 0 0;font-size:12px}.accessPage{text-align:center;background:linear-gradient(155deg,#fff8ee,#f8e5dc);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:clamp(34px,7vw,72px);display:flex}.accessPage span{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:800}.accessPage strong{letter-spacing:-.035em;max-width:390px;font-size:clamp(25px,3vw,40px);line-height:1.13}.accessPage p{max-width:330px;color:var(--soft-ink);margin:0;font-size:clamp(14px,1.2vw,17px);line-height:1.55}.fullDownloadActions{justify-self:end;gap:10px;display:flex}.fullDownloadActions .readerDownload{white-space:nowrap}.pagePreload{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.pagePreload img{width:1px;height:1px}@media (max-width:680px){.readerHeader{grid-template-columns:1fr auto;padding-top:18px}.readerIntro{grid-area:2/1/auto/-1}.readerBrand{font-size:18px}.readerDownload{padding:9px 14px;font-size:13px}.fullReaderHeader{grid-template-columns:1fr;justify-items:center}.fullReaderHeader .readerBrand,.fullDownloadActions{justify-self:center}.bookStage{width:min(88vw,69.9svh - 146.79px)}.flipbookShell{padding-inline:10px}.pageHotspot span{opacity:.62;width:34px;height:50px;font-size:34px;transform:none}}@media (prefers-reduced-motion:reduce){.book[data-turning] .currentPage{animation-duration:.01ms}}
