/* Ziarama V4.19 - physical book opening, measured pages and tactile page turns. */
.zi-story-v414{padding:110px 24px 96px;background:radial-gradient(ellipse at 50% 52%,#eadfce 0,rgba(237,226,211,.2) 45%,transparent 75%),#f7f2ea;position:relative;isolation:isolate;scroll-margin-top:32px}
.zi-story-heading{text-align:center;margin:0 auto 54px;max-width:650px}.zi-story-heading h2{margin:12px 0 20px;font:400 clamp(48px,5.6vw,76px)/.98 var(--zi-serif,Georgia,serif);letter-spacing:-.035em}.zi-story-heading h2 em{font-weight:400;color:#936b4c}.zi-story-heading>p:last-child{font:400 14px/1.7 var(--zi-sans,sans-serif);color:#786957}
.zi-book{max-width:1120px;margin:0 auto;perspective:2200px;position:relative}.zi-book-cover{list-style:none;position:relative;width:min(370px,78vw);aspect-ratio: .73;margin:0 auto;cursor:pointer;outline-offset:12px;transform:rotate(-3deg);transition:transform .5s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}.zi-book-cover::-webkit-details-marker{display:none}.zi-book-cover::marker{content:""}
.zi-cover-front{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;padding:42px 34px 30px;color:#e5c99f;text-align:center;border-radius:4px 13px 13px 4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.017) 0 1px,transparent 1px 3px),linear-gradient(90deg,#3c231c 0%,#613c2d 3%,#492e24 6%,#684530 8%,#523426 12%,#4b2f24 86%,#38241d 100%);box-shadow:inset 7px 0 9px rgba(0,0,0,.35),inset -1px 0 2px #b9966e,13px 20px 26px rgba(55,35,24,.19),36px 45px 70px rgba(65,43,27,.14);overflow:hidden}
.zi-cover-front:before,.zi-cover-front:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(211,171,116,.45);inset:20px 18px 20px 29px;border-radius:1px 7px 7px 1px}.zi-cover-front:after{inset:25px 23px 25px 34px;border-color:rgba(211,171,116,.14)}
.zi-cover-edge{position:absolute;inset:8px -8px 5px 8px;background:repeating-linear-gradient(0deg,#d5c7b2 0 1px,#f9f1e3 1px 3px);border-radius:3px 11px 11px 3px;box-shadow:3px 3px 0 #644535}
.zi-cover-top{font:500 8px var(--zi-sans,sans-serif);letter-spacing:.26em;line-height:1.5}.zi-cover-monogram{font:400 43px/1 var(--zi-serif,Georgia,serif);letter-spacing:-.08em;margin:28px 0 21px}.zi-cover-monogram i{font-size:25px;margin:0 9px;color:#b68d5f}.zi-cover-rule{width:44px;height:1px;background:#ae8656}.zi-cover-title{font:400 clamp(44px,5vw,62px)/.91 var(--zi-serif,Georgia,serif);margin:21px 0 25px;letter-spacing:-.025em}.zi-cover-title em{color:#f3dabc;font-weight:400}.zi-cover-names{font:400 18px/1.4 var(--zi-serif,Georgia,serif);max-width:100%;overflow-wrap:anywhere}.zi-cover-date{font:400 9px var(--zi-sans,sans-serif);letter-spacing:.2em;margin-top:10px}.zi-cover-open{display:flex;align-items:center;gap:12px;font:500 10px/1.4 var(--zi-sans,sans-serif);margin-top:29px;border-top:1px solid #876445;padding-top:18px;color:#f8e6c9}.zi-cover-open .zi-icon{width:17px;height:17px}
.zi-book[data-book-enhanced="true"][open][data-book-opened="true"]>.zi-book-cover{display:none}.zi-book:not([open])>.zi-book-content{display:none}.zi-book[data-book-enhanced="true"][open]:not([data-book-opened="true"])>.zi-book-content{position:absolute;inset:0;visibility:hidden;pointer-events:none}.zi-book[data-book-opened="true"]>.zi-book-content{animation:zi-book-content-reveal-v419 .42s cubic-bezier(.22,.8,.22,1) both}@keyframes zi-book-content-reveal-v419{from{opacity:0;transform:translateY(13px) scale(.992)}to{opacity:1;transform:none}}.zi-book-caption{text-align:center;font:italic 16px/1.5 var(--zi-serif,Georgia,serif);color:#8c7964;margin:45px 0 0}
.zi-book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#745b43}.zi-book-owner{font:400 22px var(--zi-serif,Georgia,serif);overflow-wrap:anywhere}.zi-book-owner i{color:#af8655;margin:0 5px}.zi-book-toolbar>div{display:flex;gap:8px;flex-shrink:0}.zi-book-toolbar button{border:1px solid #d9cbb8;border-radius:99px;background:#faf6ef;color:#6c5845;font:500 11px var(--zi-sans,sans-serif);padding:11px 16px;min-height:44px;cursor:pointer}.zi-book-toolbar button:hover{background:#f0e5d6}.zi-book-toolbar button span{margin-left:7px;font-size:17px}
.zi-book-stage{height:clamp(530px,70svh,700px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;isolation:isolate;background:#ede0cd;border:7px solid #60432f;border-radius:5px 9px 9px 5px;box-shadow:0 3px 0 #cebda3,0 6px 0 #f4ebdc,0 8px 0 #b69f81,0 12px 0 #644732,0 25px 70px rgba(59,40,25,.17);outline-offset:16px;touch-action:pan-y pinch-zoom;perspective:1800px;transform-style:preserve-3d}
.zi-book-stage:after{content:"";position:absolute;z-index:5;left:calc(50% - 17px);top:0;bottom:0;width:34px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(91,57,28,.055) 25%,rgba(83,58,29,.18) 48%,rgba(255,255,255,.4) 54%,rgba(91,57,28,.05) 75%,transparent)}
.zi-book-stage[hidden],.zi-book-controls[hidden],.zi-book-help[hidden],.zi-book-toolbar button[hidden],.zi-book-sources[hidden]{display:none!important}
.zi-book-page{min-width:0;min-height:0;height:100%;box-sizing:border-box;position:relative;background:#fffaf1;color:#4b392c;padding:30px 36px 25px;display:flex;flex-direction:column;overflow:hidden}
.zi-book-page:nth-child(2){background:#fffdf8}.zi-page-running{font:500 8px/1.5 var(--zi-sans,sans-serif);text-transform:uppercase;letter-spacing:.18em;display:flex;justify-content:space-between;gap:12px;color:#8b755d;flex-shrink:0;padding-bottom:15px;margin-bottom:24px;border-bottom:1px solid #e7dccc}.zi-page-running span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zi-page-title{margin:0 0 10px;font:400 clamp(29px,3vw,43px)/1.07 var(--zi-serif,Georgia,serif);letter-spacing:-.02em;overflow-wrap:anywhere;flex-shrink:0}.zi-page-meta{margin:0 0 23px;color:#9b7350;font:italic 15px/1.5 var(--zi-serif,Georgia,serif);flex-shrink:0;overflow-wrap:anywhere}.zi-page-body{font:400 20px/1.65 var(--zi-serif,Georgia,serif);flex:1;min-height:0;overflow:hidden;overflow-wrap:anywhere;word-break:normal;hyphens:auto;text-align:left}.zi-page-body> :first-child{margin-top:0}.zi-page-body p{margin:0 0 .72em}.zi-page-body> :last-child{margin-bottom:0}.zi-page-body h1,.zi-page-body h2,.zi-page-body h3,.zi-page-body h4{font:600 24px/1.3 var(--zi-serif,Georgia,serif);margin:12px 0}.zi-page-body ul,.zi-page-body ol{padding-left:1.2em;margin:.6em 0}.zi-page-body blockquote{border-left:2px solid #c6a578;margin:10px 0;padding-left:12px}.zi-page-body a{color:#7a5134;text-decoration:underline}.zi-page-body img,.zi-page-body table{max-width:100%;height:auto}.zi-page-number{flex-shrink:0;text-align:center;font:500 9px/1 var(--zi-sans,sans-serif);color:#a2896a;margin-top:16px;letter-spacing:.12em}.zi-page-continued{font:500 9px/1.5 var(--zi-sans,sans-serif);text-transform:uppercase;letter-spacing:.16em;color:#9a815f;margin:0 0 20px}
.zi-page-photo{padding:27px 28px 25px}.zi-page-photo-frame{flex:1;min-height:0;position:relative;background:#eee6da;border:1px solid #e2d4bf;box-shadow:0 3px 10px rgba(60,39,24,.05);overflow:hidden}.zi-page-photo-frame>.zi-image-shell{position:absolute;inset:0}.zi-page-photo-frame>img,.zi-page-photo-frame .zi-image-shell>picture>img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;border-radius:0!important}.zi-page-photo .zi-page-running{margin-bottom:15px}.zi-page-photo-caption{text-align:center;font:italic 22px/1.25 var(--zi-serif,Georgia,serif);color:#785b40;margin:19px 0 1px;overflow-wrap:anywhere}.zi-page-photo .zi-page-number{margin-top:12px}.zi-page-ending{justify-content:center;align-items:center;text-align:center;background:#f7eee0!important}.zi-page-ending>small{font:500 9px var(--zi-sans,sans-serif);letter-spacing:.23em;color:#9b7c55}.zi-page-ending h3{font:400 49px/.98 var(--zi-serif,Georgia,serif);letter-spacing:-.035em;margin:30px 0;color:#62452d}.zi-page-ending h3 em{color:#9d7952}.zi-page-ending>span{font-size:32px;color:#bb9863}.zi-page-ending p{max-width:80%;font:italic 19px/1.5 var(--zi-serif,Georgia,serif);color:#8c755a}
.zi-book-controls{display:grid;grid-template-columns:1fr minmax(110px,180px) 1fr;gap:20px;align-items:center;margin-top:34px}.zi-book-controls>button{border:1px solid #d3c0a7;border-radius:99px;background:#fffaf2;color:#5e4430;display:flex;align-items:center;gap:10px;padding:13px 22px;min-height:46px;cursor:pointer;font:500 11px var(--zi-sans,sans-serif);width:max-content}.zi-book-controls>button:last-child{justify-self:end}.zi-book-controls>button:disabled{opacity:.35;cursor:default}.zi-book-controls>button:not(:disabled):hover{background:#ede1ce}.zi-book-controls>div{text-align:center;font:500 11px var(--zi-sans,sans-serif);color:#7d6246;letter-spacing:.12em}.zi-book-track{height:2px;width:100%;background:#e2d5c0;margin:12px auto 0}.zi-book-track>span{height:100%;display:block;background:#8e6a3d;transition:width .3s}.zi-book-help{text-align:center;margin:19px 0 0;font:400 10px/1.5 var(--zi-sans,sans-serif);color:#8c7c66}
.zi-story-chapter{padding:30px;margin-bottom:24px;background:#fffbf4;border:1px solid #deceb7;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.zi-story-chapter figure{margin:0;min-width:0;min-height:320px}.zi-story-chapter figure>img{width:100%;height:100%;object-fit:contain}.zi-story-chapter-copy{font:400 20px/1.65 var(--zi-serif,Georgia,serif);overflow-wrap:anywhere}.zi-story-chapter-copy>small{font:500 9px var(--zi-sans,sans-serif);letter-spacing:.16em}.zi-story-chapter-copy h3{font:400 38px/1.1 var(--zi-serif,Georgia,serif);margin:12px 0}.zi-chapter-meta{color:#9b7655;font:italic 17px var(--zi-serif,Georgia,serif)}.zi-story-chapter-copy p{margin:0 0 1em}.zi-book-measure{position:absolute;left:0;top:0;height:100%;width:50%;visibility:hidden!important;pointer-events:none;z-index:-1}.zi-turn-leaf{position:absolute;z-index:9;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;box-shadow:-10px 0 28px rgba(50,30,15,.16);will-change:transform,filter,opacity}.zi-turn-leaf:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(70,43,22,.02),rgba(70,43,22,.18) 82%,rgba(255,255,255,.18));opacity:.42;mix-blend-mode:multiply}.zi-book-stage.is-turning>.zi-book-page:not(.zi-turn-leaf){will-change:filter,transform}.zi-book-cover:focus-visible,.zi-book-stage:focus-visible,.zi-book button:focus-visible{outline:2px solid #8e642f;outline-offset:5px}
@media(hover:hover){.zi-book-cover:hover{transform:rotate(-1deg) translateY(-8px)}}
@media(max-width:900px){.zi-story-v414{padding:72px 16px 64px}.zi-story-heading{margin-bottom:36px}.zi-story-heading h2{font-size:52px}.zi-story-heading>p:last-child{font-size:12px}.zi-book{max-width:610px}.zi-book-cover{width:min(330px,78vw)}.zi-cover-front{padding:38px 29px 28px}.zi-cover-top{font-size:7px}.zi-cover-monogram{margin:25px 0 18px;font-size:38px}.zi-cover-title{font-size:55px;margin:20px 0}.zi-cover-names{font-size:17px}.zi-cover-open{margin-top:23px;font-size:10px}.zi-book-toolbar{align-items:flex-start;flex-wrap:wrap;gap:8px}.zi-book-owner{font-size:20px}.zi-book-toolbar>div{margin-left:auto;gap:5px}.zi-book-toolbar button{font-size:10px;padding:10px 12px}.zi-book-stage{height:clamp(470px,68svh,650px);grid-template-columns:1fr;border-width:5px;border-radius:5px 8px 8px 5px}.zi-book-stage:after{left:0;width:12px;background:linear-gradient(90deg,rgba(73,46,22,.15),transparent)}.zi-book-page{padding:25px 25px 23px;background:#fffbf3}.zi-page-running{font-size:7px;margin-bottom:20px;padding-bottom:13px}.zi-page-title{font-size:35px}.zi-page-meta{font-size:14px;margin-bottom:22px}.zi-page-body{font-size:19px;line-height:1.65}.zi-page-photo{padding:22px 20px}.zi-page-photo-caption{font-size:23px}.zi-book-controls{grid-template-columns:auto minmax(65px,1fr) auto;gap:16px;margin-top:28px}.zi-book-controls>button{padding:11px 13px;gap:7px;min-height:46px}.zi-book-controls>button span{font-size:10px}.zi-book-controls>div{font-size:10px}.zi-story-chapter{display:block;padding:23px}.zi-story-chapter figure{height:420px;min-height:0;margin-bottom:25px}.zi-story-chapter-copy{font-size:20px}.zi-book-measure,.zi-turn-leaf{width:100%;left:0}.zi-book-caption{margin-top:33px;font-size:14px}}
@media(max-width:360px){.zi-book-page{padding:21px 20px}.zi-page-title{font-size:30px}.zi-book-toolbar button{padding:10px;font-size:9px}.zi-cover-title{font-size:45px}.zi-cover-monogram{margin:17px 0}.zi-cover-open{margin-top:17px}.zi-cover-date{margin-top:7px}.zi-book-controls>button span{display:none}}
@media(prefers-reduced-motion:reduce){.zi-book-cover,.zi-book-track>span{transition:none!important}.zi-turn-leaf{display:none!important}}
@media print{.zi-book-cover,.zi-book-toolbar,.zi-book-stage,.zi-book-controls,.zi-book-help{display:none!important}.zi-book>.zi-book-content,.zi-book-sources[hidden]{display:block!important}.zi-story-chapter{break-inside:avoid}}

.zi-book-stage{scroll-margin-top:110px}@media(max-width:900px){.zi-book-stage{scroll-margin-top:18px}}


/* V4.19 - the closed cover becomes a real opening scene before the reader appears. */
.zi-book[data-book-state="opening"]{min-height:min(560px,74vw)}
.zi-book[data-book-state="opening"]>.zi-book-cover{
  z-index:4;
  transform-style:preserve-3d;
  transform-origin:4% 50%;
  will-change:transform,filter,opacity;
}
.zi-book[data-book-state="opening"]>.zi-book-cover .zi-cover-front,
.zi-book[data-book-state="opening"]>.zi-book-cover .zi-cover-edge{backface-visibility:hidden}
.zi-book[data-book-state="opening"]>.zi-book-cover:after{
  content:"";
  position:absolute;
  inset:2px 0 2px 4px;
  z-index:-1;
  border-radius:4px 13px 13px 4px;
  background:linear-gradient(90deg,#eadbc5,#fff9ef 13%,#e1cfb7 100%);
  box-shadow:inset 12px 0 18px rgba(70,43,22,.18),0 12px 30px rgba(55,35,24,.10);
  transform:rotateY(180deg) translateZ(1px);
  backface-visibility:hidden;
}
.zi-book-opening-preview-v419{
  position:absolute;
  z-index:1;
  top:0;
  left:50%;
  width:min(370px,78vw);
  aspect-ratio:.73;
  transform:translateX(-50%) rotate(0deg) scale(.986);
  overflow:hidden;
  border:5px solid #60432f;
  border-radius:5px 10px 10px 5px;
  background:#fffaf1;
  box-shadow:0 4px 0 #decfb8,0 9px 0 #63442f,0 26px 60px rgba(59,40,25,.18);
  opacity:.02;
  pointer-events:none;
  transform-style:preserve-3d;
}
.zi-book-opening-preview-v419:before{content:"";position:absolute;z-index:8;inset:0 auto 0 0;width:12px;background:linear-gradient(90deg,rgba(70,42,20,.23),rgba(255,255,255,.2),transparent);pointer-events:none}
.zi-book-opening-preview-v419>.zi-book-page{width:100%;height:100%;padding:20px 18px 17px}
.zi-book-opening-preview-v419 .zi-page-running{font-size:6px;margin-bottom:12px;padding-bottom:9px}
.zi-book-opening-preview-v419 .zi-page-photo{padding:17px 15px 15px}
.zi-book-opening-preview-v419 .zi-page-photo-caption{font-size:17px;margin-top:12px}
.zi-book-opening-preview-v419 .zi-page-number{font-size:7px;margin-top:8px}
.zi-book-opening-preview-v419 .zi-page-title{font-size:25px}
.zi-book-opening-preview-v419 .zi-page-body{font-size:14px}
.zi-book-opening-preview-v419.is-visible{opacity:1}
@media(max-width:900px){
  .zi-book[data-book-state="opening"]{min-height:min(500px,108vw)}
  .zi-book-opening-preview-v419{width:min(330px,78vw);border-width:4px}
}
@media(prefers-reduced-motion:reduce){
  .zi-book-opening-preview-v419{display:none!important}
  .zi-book[data-book-state="opening"]{min-height:0}
}