/* The book is a WebGL scene; the fallback is existing flat source artwork. */
body[data-page=herbier] .herbier-main .stage{
 --herbier-base-height:580px;--herbier-headroom:160px;
 width:100%;height:calc(var(--herbier-base-height) + var(--herbier-headroom));max-width:1040px;margin:0;perspective:none;transform:none;
 position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:grab;z-index:6;
 border:0;background:transparent;padding:0;display:block;flex:none;
}
.herbier-main .stage.is-dragging{cursor:grabbing}
.herbier-main .stage:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
.herbier-webgl{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:1;touch-action:pan-y}
.herbier-book-static{height:calc(var(--herbier-base-height)*.9);width:74%;max-width:660px;position:absolute;inset:calc(var(--herbier-headroom) + var(--herbier-base-height)*.05) 0 auto;margin:auto;display:flex;justify-content:center;align-items:center;gap:0}
.herbier-book-static>span{position:relative;display:block;max-width:50%;height:100%;aspect-ratio:148/210}
.herbier-book-static:not(.is-open)>span{max-width:100%}
.herbier-book-static img{display:block;width:100%;height:100%;object-fit:contain}
.herbier-book-static [hidden],.herbier-book-static>span:has(img[hidden]){display:none!important}
.herbier-book-static.is-open{height:auto;aspect-ratio:296/210;max-height:90%;width:84%;top:0;bottom:0}
.herbier-book-static.is-open>span{width:50%;height:auto}
.herbier-static-mark{position:absolute;left:22%;top:8.2%;width:56%;height:6.5%;background:#cbb47d;mask:url('/brand/wordmark.svg') center/contain no-repeat;-webkit-mask:url('/brand/wordmark.svg') center/contain no-repeat}
.herbier-static-number{position:absolute;left:0;right:0;top:80.5%;font-family:'EB Garamond',serif;color:#1d3a2f;font-size:clamp(10px,1.5vw,19px);white-space:nowrap}
.herbier-static-number .line{display:inline-block;min-width:3.4em;border-bottom:1px solid #1d3a2f88;margin:0 .25em}
.herbier-static-number .hand{font-family:HerbierHand,cursive;font-size:1.45em}
.stage[data-render-mode=webgl] .herbier-book-static{visibility:hidden}
.stage[data-render-mode=fallback] .herbier-webgl{display:none}
@media(max-width:640px){body[data-page=herbier] .herbier-main .stage{--herbier-base-height:320px;--herbier-headroom:40px;width:100%}.herbier-main .hero{gap:14px}.herbier-book-static{width:86%;height:calc(var(--herbier-base-height)*.88)}.herbier-book-static.is-open{width:96%}.herbier-static-number{font-size:10px}}