.profile-reader{padding:40px clamp(16px,4vw,72px) 60px;background:#e9e4db;color:#111;min-height:80vh}.reader-heading{text-align:center;margin-bottom:28px}.reader-heading>a{display:block;text-align:start;font-size:13px}.reader-heading small{letter-spacing:.16em;font-size:10px;color:#716c63}.reader-heading h1{font-size:clamp(22px,3vw,38px);margin:12px 0}.reader-heading p,.reader-hint{color:#716c63;font-size:14px}.reader-stage{position:relative;max-width:1250px;margin:auto;aspect-ratio:var(--page-ratio,1.77778);perspective:2200px;background:#f5f1e9;box-shadow:0 24px 48px #1112,0 3px 5px #1113;touch-action:pan-y;outline-offset:8px;isolation:isolate}.reader-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -5px 0 9px #1112;border:1px solid #1111}.book-sheet{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:100% 50%;backface-visibility:hidden}.book-sheet img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.reader-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f5f1e9db;font-size:15px}.reader-loading[hidden],.reader-error[hidden]{display:none}.reader-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px auto 0;max-width:1100px}.reader-toolbar button,.reader-error button{border:1px solid #c9c2b6;background:#f5f1e9;color:#111;min-height:44px;padding:8px 18px;font:inherit;cursor:pointer}.reader-toolbar button:disabled{opacity:.35;cursor:default}.reader-toolbar label{display:flex;align-items:center;gap:7px;font-size:14px}.reader-toolbar input{width:60px;text-align:center;padding:8px;border:1px solid #c9c2b6;background:#fff;font:inherit}.reader-status,.reader-hint,.reader-error{text-align:center}.reader-status{font-size:12px;min-height:18px}.reader-stage.is-zoomed{overflow:auto;touch-action:pan-x pan-y}.reader-stage.is-zoomed .book-sheet{position:relative;width:180%;height:auto;aspect-ratio:var(--page-ratio);transform:none!important}.profile-reader:fullscreen{overflow:auto;padding:20px;background:#e9e4db}.profile-reader:fullscreen .reader-heading{display:none}.profile-reader:fullscreen .reader-stage{max-width:min(95vw,calc((100vh - 140px)*1.77778))}.company-stamp{display:block;width:140px;height:140px;object-fit:contain;margin:24px 0;break-inside:avoid}.site-footer .company-stamp{background:#f5f1e9;padding:10px;border-radius:50%}.stamp-preview{max-width:240px;background:#f5f1e9;padding:14px}.stamp-preview img{display:block;width:100%}@media(max-width:640px){.profile-reader{padding:20px 10px 38px}.reader-heading h1{font-size:24px}.reader-heading{margin-bottom:20px}.reader-toolbar{gap:8px;margin-top:20px}.reader-toolbar button{padding:8px 12px;font-size:13px}.reader-stage{box-shadow:0 15px 24px #1112}.reader-toolbar label,.reader-hint{font-size:12px}}@media(prefers-reduced-motion:reduce){.book-sheet{animation:none!important}}@media print{.profile-reader{display:none!important}}.reader-stage{cursor:grab;background:#dedad1;border-bottom:3px solid #dedad1;border-inline-end:3px solid #dedad1;overflow:hidden}.reader-stage.is-turning{cursor:grabbing}.paper-curl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.paper-curl[hidden]{display:none}.reader-loading{z-index:4}.reader-stage.is-zoomed{cursor:zoom-out}.reader-stage:after{z-index:5;box-shadow:inset 0 0 1px #1115}.reader-stage{max-width:min(1250px,calc((100svh - 330px)*var(--page-ratio,1.77778)))}.profile-reader{padding-top:22px}.reader-heading{margin-bottom:18px}.reader-heading h1{margin:7px 0;font-size:clamp(22px,2.3vw,30px)}.reader-heading p{margin:5px 0}.reader-heading small{color:#716c63}.reader-toolbar{margin-top:20px}.profile-reader:fullscreen .reader-stage{max-width:min(95vw,calc((100svh - 150px)*var(--page-ratio,1.77778)))}@media(max-width:700px){.reader-stage{max-width:100%}.reader-heading small{display:none}.reader-heading>a{margin-bottom:12px}}.page-hotspots{position:absolute;inset:0;pointer-events:none}.page-hotspots a{position:absolute;display:block;pointer-events:auto;background:transparent}.page-hotspots a:hover{box-shadow:inset 0 0 0 2px #b9a581}.page-hotspots a:focus-visible{outline:3px solid #b9a581;outline-offset:2px}.is-turning .page-hotspots{visibility:hidden}