.book-sheet{padding:0;background:#fff;position:relative}.book-sheet iframe{display:block;border:0;width:100%;height:100%;background:#fff}.book-sheet>h2{position:absolute}
.signature-mark{display:block;width:310px;height:70px;background:currentColor;mask:url('./assets/denis-daragan-signature-20261009.png') center/contain no-repeat;-webkit-mask:url('./assets/denis-daragan-signature-20261009.png') center/contain no-repeat}
@media(max-width:600px){.site-header .signature-mark{width:min(240px,calc(100vw - 128px))}}
.site-header .signature-brand{height:70px;display:flex;align-items:center}.site-header nav>[data-panel="pdf-access"],.site-header nav>a[href="#recognition"]{display:none}
.site-header{grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;gap:0;padding-bottom:0}.site-header .brand{grid-column:2;grid-row:1}.site-header nav{grid-column:3;grid-row:1;margin-right:0;justify-self:end}.on-book .view-return{display:none!important}.on-book .page-position{display:none}
.menu-options{display:flex;align-items:center;gap:28px;margin:0 0 22px}.menu-options .language-switch{position:static;margin:0;display:flex}.menu-options>button{padding:8px 0}.menu-primary{gap:12px 20px}
.on-detached .site-header [data-panel="menu-panel"]{display:block}

/* Root scrolling lets the phone browser collapse its own bars naturally. */
html.native-scroll{height:auto;scroll-snap-type:none;scrollbar-width:none;overflow-anchor:none;touch-action:pan-y}
html.native-scroll:has(.folio.is-paging){scroll-snap-type:none}
.native-scroll body{position:static;height:auto;overflow:visible}
.native-scroll .folio{height:auto;overflow:visible;scroll-snap-type:none;overscroll-behavior:auto}
.native-scroll .sheet{height:var(--sheet-height,100svh);scroll-snap-align:none;scroll-snap-stop:normal}
.native-scroll .site-header,.native-scroll .page-position{position:fixed}
.native-scroll .book-sheet iframe{position:absolute;inset:var(--header) 0 0;height:calc(100% - var(--header))}
.native-scroll .catalogue-sheet{height:auto;min-height:var(--sheet-height,100svh);grid-template-rows:auto auto;overflow:visible}
.native-scroll .catalogue-scroll{overflow:visible;overscroll-behavior:auto}
.book-entry{position:absolute;inset:var(--header) 0 0;z-index:2;width:100%;touch-action:pan-y;text-align:center}
.book-entry[hidden],.book-exit[hidden]{display:none!important}
.book-entry-copy{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px;display:grid;gap:10px;justify-items:center;color:#202020}
[data-book-entry-title]{font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#777}
[data-book-entry-hint]{max-width:270px;font-size:11px;line-height:1.5;letter-spacing:.01em;text-transform:none;color:#777}
.book-entry[aria-pressed=true] [data-book-entry-title]{text-decoration:none}
.book-preview iframe{pointer-events:none}
.book-exit{position:absolute;z-index:4;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;color:#202020;touch-action:manipulation}
.book-preview .book-exit{top:calc(var(--header) + 8px)}
/* Entering the book explicitly gives its page drag the whole viewport. */
html.book-reading{scroll-snap-type:none;overscroll-behavior:none}
.book-reading .folio{touch-action:none;overscroll-behavior:none}
.book-reading .book-sheet{scroll-snap-align:none;touch-action:none;z-index:40;overflow:visible}
.book-reading .book-sheet iframe{position:fixed;inset:0;height:var(--viewport-height,100dvh);z-index:40;touch-action:none}
.book-reading .book-exit{position:fixed;z-index:42}
.book-sheet:fullscreen{height:100dvh;background:#fff}
.book-reading .site-header,.book-reading .page-position{display:none}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){
  :root.native-scroll{--header-base:0px;--header:0px}
  .native-scroll .site-header .brand,.native-scroll .site-header nav{display:none}
  .native-scroll .on-detached .site-header .view-return{visibility:visible;position:fixed;top:max(10px,env(safe-area-inset-top));left:var(--gutter)}
  .book-entry-copy{bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(max-width:600px){:root{--header-base:76px}.site-header .signature-brand{height:52px}.signature-mark{width:240px;height:60px}.site-header nav{font-size:10px}.site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.on-detached .site-header nav{gap:10px;flex-wrap:wrap}.on-detached .view-return{position:absolute;left:var(--gutter);top:calc(var(--header) + 8px)}}

/* One signature, at the opening and in the header after the first swipe. */
.site-header .signature-brand{transform-origin:center;will-change:transform;transition:none;visibility:visible}
.scroll-cue{position:absolute;z-index:3;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:44px;height:44px;display:grid;place-items:center;color:inherit;opacity:.72;touch-action:manipulation}
.scroll-cue:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.book-scroll-cue{color:#222}.book-reading .book-scroll-cue{display:none}
.native-scroll .book-entry-copy{bottom:max(76px,calc(env(safe-area-inset-bottom) + 62px))}
@media(prefers-reduced-motion:no-preference){.scroll-cue svg{animation:scroll-cue-breathe 3s ease-in-out 2}@keyframes scroll-cue-breathe{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(4px);opacity:1}}}