*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#151811;color:#f1f0e8;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 50% 35%,#303723 0,transparent 65%)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,.book:focus-visible{outline:3px solid #b5db4b;outline-offset:5px}.topbar{min-height:91px;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{font-family:Georgia,serif;font-size:28px;color:#a5c735;letter-spacing:1px}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:2.4px;color:#e3e6d8;margin-top:3px}.actions{display:flex;gap:20px;align-items:center;font-size:12px}.actions a{color:#cbe798}.actions button,.page-menu button{border:1px solid #778362;background:transparent;color:#e1e7d5;padding:10px 16px;border-radius:4px}main{max-width:1120px;margin:auto;padding:25px 26px}.intro{display:flex;justify-content:space-between;max-width:780px;margin:0 auto 22px;gap:18px;font-size:10px;letter-spacing:1.5px}.eyebrow{color:#c0d990}.edition{color:#8b9380}.viewer{display:flex;align-items:center;justify-content:center;gap:28px}.book{width:min(100%,560px);aspect-ratio:760/1040;position:relative;border-radius:3px 9px 9px 3px;background:#000;box-shadow:0 28px 55px #0009,6px 3px 0 #69705b,10px 5px 0 #191d13;overflow:hidden;touch-action:pan-y}.book:after{content:"";position:absolute;top:0;bottom:0;left:0;width:16px;background:linear-gradient(90deg,#000b,#ffffff15 35%,transparent);pointer-events:none}.track{display:flex;height:100%;transition:transform .5s cubic-bezier(.22,.75,.2,1);will-change:transform}.page{flex:0 0 100%;width:100%;height:100%;margin:0;background:#000}.page svg{display:block;width:100%;height:100%}.arrow{flex:none;width:44px;height:44px;border:1px solid #737e5d;border-radius:50%;background:#202719;color:#c5e494;font:30px Georgia}.arrow:hover:not(:disabled){background:#3b4a28}.arrow:disabled{opacity:.25;cursor:default}.navigation{display:flex;align-items:center;justify-content:space-between;max-width:560px;margin:25px auto 0;gap:14px;font-size:11px;color:#abb39d}.dots{display:flex;gap:7px}.dots button{border:0;background:#697258;width:8px;height:8px;padding:0;border-radius:20px;position:relative}.dots button:before{content:"";position:absolute;inset:-9px -4px}.dots button[aria-current=true]{background:#b1d346;width:22px}.page-menu{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;font-size:11px;color:#9ba78b}.page-menu select{background:#202719;color:#dce5d0;border:1px solid #566348;padding:9px;max-width:240px}.page-menu button{font-size:11px}footer{padding:20px 5vw 28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#919b82;font-size:10px;letter-spacing:.6px}footer span{color:#b4c595}footer a{color:#8e9d79;text-decoration:underline}.viewer:fullscreen{background:#141811;padding:25px;width:100%;height:100%}.viewer:fullscreen .book{height:calc(100dvh - 50px);width:auto;max-width:85vw}body:has(.viewer:fullscreen){overflow:hidden}@media(max-width:650px){.topbar{padding:18px 20px;min-height:78px}.brand{font-size:23px}.actions{gap:12px;font-size:10px}.actions button{padding:7px 10px}main{padding:22px 14px}.edition{display:none}.intro{justify-content:center}.viewer{gap:10px}.arrow{position:absolute;z-index:2;bottom:0;width:36px;height:36px}.viewer{position:relative;padding-bottom:54px}.previous{left:calc(50% - 48px)}.next{right:calc(50% - 48px)}.book{width:100%}.navigation{margin-top:10px;padding:0 4px}.hint{display:none}.page-menu{flex-wrap:wrap}.page-menu label{display:none}footer{line-height:1.7}.viewer:fullscreen .arrow{bottom:8px}.viewer:fullscreen .book{height:auto;width:100%;max-height:calc(100dvh - 75px)}}@media(prefers-reduced-motion:reduce){.track{transition:none}}@media print{@page{size:7.916667in 10.833333in;margin:0}html,body{background:#000!important;margin:0}.topbar,.intro,.arrow,.navigation,.page-menu,footer,noscript{display:none!important}main{padding:0;max-width:none}.viewer{display:block;padding:0}.book{width:100%;height:auto;aspect-ratio:auto;overflow:visible;border-radius:0;box-shadow:none}.book:after{display:none}.track{display:block;transform:none!important;height:auto}.page{width:100%;height:10.833333in;break-after:page;page-break-after:always}.page:last-child{break-after:auto;page-break-after:auto}.page svg{height:100%}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Responsive two-sided book. The complete spread is 16:9, or 1:1 on mobile. */
main{max-width:1500px;padding:25px 50px}.intro{max-width:none}.viewer{position:relative;display:block;padding:0 12px}.book{width:100%;aspect-ratio:16/9;overflow:visible;border-radius:4px;perspective:2400px;isolation:isolate;user-select:none;cursor:grab;touch-action:pan-y;box-shadow:0 30px 70px #000b,0 4px 0 #c3c0ae,0 8px 0 #353b2b}.book:after{display:none}.book.dragging{cursor:grabbing}.spread{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:4px}.spread>.page{width:50%;height:100%;flex:none;position:relative}.page svg{pointer-events:none}.spine{position:absolute;z-index:3;left:calc(50% - 12px);top:0;width:24px;height:100%;background:linear-gradient(90deg,transparent,#000b 46%,#ffffff16 51%,transparent);pointer-events:none}.leaf{position:absolute;top:0;width:50%;height:100%;z-index:4;transform-style:preserve-3d;will-change:transform}.leaf.forward{left:50%;transform-origin:left center}.leaf.backward{left:0;transform-origin:right center}.face{position:absolute;inset:0;background:#000;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.face.back{transform:rotateY(180deg)}.face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000,transparent 75%);opacity:var(--shade,0);pointer-events:none}.face.back:after{background:linear-gradient(270deg,#000,transparent 75%)}.face .page{width:100%;height:100%}.arrow{position:absolute;z-index:5;top:calc(50% - 22px);bottom:auto}.previous{left:-40px}.next{right:-40px}.navigation{max-width:none;margin:26px 12px 0}.dots{gap:18px}.dots button{width:10px;height:10px}.hint{display:inline}.page-menu{margin-top:22px}#print-pages{display:none}.viewer:fullscreen{display:flex;align-items:center;padding:40px 64px}.viewer:fullscreen .book{width:min(100%,calc((100dvh - 80px)*16/9));height:auto;max-width:none;max-height:none;aspect-ratio:16/9}.viewer:fullscreen .previous{left:10px}.viewer:fullscreen .next{right:10px}
@media(max-width:700px){main{padding:22px 12px}.viewer{padding:0 0 52px}.book{width:100%;aspect-ratio:1/1;perspective:1200px}.arrow{top:auto;bottom:0;width:36px;height:36px}.previous{left:calc(50% - 48px)}.next{right:calc(50% - 48px)}.navigation{margin:16px 0 0;font-size:10px;flex-wrap:wrap}.hint{display:block;text-align:center;width:100%;margin-top:4px}.edition{display:none}.intro{justify-content:center}.page-menu{margin-top:16px}.viewer:fullscreen{padding:20px 12px 60px}.viewer:fullscreen .book{width:min(100%,calc(100dvh - 100px));height:auto;aspect-ratio:1/1}.viewer:fullscreen .previous{left:calc(50% - 48px);bottom:12px}.viewer:fullscreen .next{right:calc(50% - 48px);bottom:12px}}
@media print{main{display:none!important}#print-pages{display:block}#print-pages .page{width:100%;height:10.833333in;break-after:page}#print-pages .page:last-child{break-after:auto}}
/* Flexible paper mesh: each strip follows a different tangent of the sheet. */
.paper-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:6;transform-style:preserve-3d;pointer-events:none}.paper-strip{position:absolute;top:0;height:100%;transform-style:preserve-3d;will-change:transform}.paper-face{position:absolute;inset:0;overflow:hidden;background:#000;backface-visibility:hidden;-webkit-backface-visibility:hidden}.paper-back{transform:rotateY(180deg)}.paper-face .page{position:absolute;top:0;height:100%;margin:0;max-width:none}.paper-face:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,var(--ink-shade,0));box-shadow:inset 0 0 0 100vmax rgba(255,250,221,var(--paper-light,0));pointer-events:none}.paper-shadow{position:absolute;top:1%;height:98%;z-index:4;background:linear-gradient(90deg,#000a,#000);pointer-events:none}.book{perspective:3000px}.book.turning .spine{z-index:3}
/* Clean embedded brochure and accessible, responsive reading view. */
body{min-height:100dvh;background:#14170f}main{padding-top:28px;padding-bottom:24px}.page svg text{user-select:text}.navigation button#read-text,.reader-toolbar button,.reader-bottom button{background:#28331b;color:#e8f5d2;border:1px solid #778b50;padding:10px 16px;border-radius:5px;font:inherit;cursor:pointer}#reader{width:min(760px,calc(100% - 24px));max-height:90dvh;border:1px solid #6f8545;border-radius:10px;background:#10140c;color:#f5f5ed;padding:0;box-shadow:0 24px 90px #000b}#reader::backdrop{background:#000b;backdrop-filter:blur(5px)}.reader-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#202918;padding:18px 24px;font-size:16px;z-index:2}#reader-content{padding:12px 34px 24px;font-size:23px;line-height:1.6}#reader-content p{margin:20px 0}#reader-content h2{font-size:27px;line-height:1.25;color:#c3e66b;margin:38px 0 16px}.reader-bottom{display:flex;justify-content:space-between;gap:14px;padding:20px 24px;border-top:1px solid #465334}.reader-bottom button:disabled{opacity:.35}.reader-toolbar button{white-space:nowrap}@media(max-width:700px){main{padding-top:14px}#reader-content{font-size:20px;padding:6px 22px 18px}#reader-content h2{font-size:25px}.reader-toolbar{padding:14px;font-size:14px}.navigation{flex-wrap:nowrap}.dots{gap:13px}#read-text{font-size:12px!important;padding:9px 12px!important}}@media print{#reader{display:none!important}}