@font-face{font-family:Emilio;src:url('assets/fonts/Emilio-Light.woff2')}@font-face{font-family:Emilio;src:url('assets/fonts/Emilio-LightItalic.woff2');font-style:italic}@font-face{font-family:Switzer;src:url('assets/fonts/Switzer-Regular.woff2')}@font-face{font-family:SwitzerMedium;src:url('assets/fonts/Switzer-Medium.woff2')}
:root{--serif:Emilio,Georgia,serif;--sans:Switzer,Arial,sans-serif;--paper:#F7F6F1;--ink:#15130E}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#07100A;color:var(--ink);font-family:var(--sans)}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.txt a:hover{text-decoration:underline;text-underline-offset:6px}.slide{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;display:none}.slide.active{display:block}#stage{position:absolute;left:50%;top:calc(50% - 25px);width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center center}.el{position:absolute;margin:0}.txt{line-height:1.18;font-weight:400;letter-spacing:-.013em;white-space:normal;overflow:visible}.txt[style*='--serif']{line-height:1.04;letter-spacing:-.025em}.plate>svg{width:100%;height:100%;max-height:100%;display:block}.plate svg text{font-family:Switzer,Arial,sans-serif!important}#controls{position:fixed;bottom:0;left:0;width:100%;height:50px;background:#0A1F14;display:flex;align-items:center;justify-content:center;gap:16px;color:#F7F6F1;font:13px Switzer;z-index:1000}#controls button,#controls a{border:1px solid #53665A;border-radius:2px;padding:6px 10px;background:transparent;color:inherit;font:inherit;cursor:pointer}#controls button:hover,#controls a:hover{background:#11462C}#counter{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}#overview-panel{position:fixed;inset:0 0 50px;background:#F4F1EA;z-index:900;overflow:auto;padding:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}#overview-panel[hidden]{display:none}.thumb{border:0;padding:0;text-align:left;background:transparent;cursor:pointer;color:#15130E;font:16px Switzer}.thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#EDF2E8;border:1px solid #C3C1BB}.thumb span{display:block;padding:10px 0}.txt[contenteditable=true]{outline:1px dashed #4CB782;min-height:1em}.txt[contenteditable=true]:focus{background:#f7f6f1e6;color:#15130E!important;outline:2px solid #11462C}body.capture #controls,body.capture #overview-panel{display:none}body.capture #stage{left:0;top:0;transform:none}body.print{overflow:visible;background:var(--paper)}body.print #controls,body.print #overview-panel{display:none}body.print #stage{position:static;transform:none;width:1920px;height:auto}body.print .slide{display:block;position:relative;break-after:page;page-break-after:always}body.print .slide:last-child{break-after:auto;page-break-after:auto}@media(max-width:740px){#controls{gap:7px;font-size:11px}#controls a{display:none}}@page{size:1920px 1080px;margin:0}@media print{html,body{margin:0;background:#F7F6F1;overflow:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}#controls,#overview-panel{display:none!important}#stage{position:static;transform:none;width:1920px;height:auto}.slide{position:relative;display:block;break-after:page}.slide:last-child{break-after:auto}}

::selection{background:#11462C;color:#F7F6F1}button:focus-visible,a:focus-visible{outline:2px solid #A8DDB5;outline-offset:4px}#counter{font-variant-numeric:tabular-nums}*{scrollbar-color:#53665A #0A1F14}
/* Reader keeps the authored composition intact while making copy readable on phones. */
#reader[hidden],.reader-page[hidden]{display:none}body.reading{height:auto;min-height:100%;overflow:auto;background:var(--paper)}html:has(body.reading){background:var(--paper)}body.reading #stage{display:none}#reader{max-width:1000px;margin:auto;padding:44px 36px 100px}.reader-kicker{font:12px var(--sans);letter-spacing:.14em;color:#626760}.reader-page h1{font:54px/1.07 var(--serif);letter-spacing:-.025em;margin:22px 0 32px;color:#11462C}.reader-figure{display:block;width:100%;padding:0;border:0;background:transparent;text-align:right;color:#626760;font:12px var(--sans);cursor:zoom-in}.reader-figure img{width:100%;height:auto;display:block}.reader-figure span{display:block;padding:12px 0}.reader-copy{max-width:680px;margin:30px auto;font:18px/1.6 var(--sans)}.reader-copy h3{font:29px/1.2 var(--serif);color:#11462C;margin:34px 0 12px}.reader-copy p{margin:0 0 22px}.reader-link{display:block;width:fit-content;max-width:100%;margin:18px 0;padding:10px 0;color:#11462C;text-decoration:underline;text-underline-offset:5px}.reader-cta{display:inline-block;background:#11462C;color:#F7F6F1;padding:17px 25px;border-radius:2px;min-height:48px}.reader-metrics{margin:0}.reader-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #C5CDBF;padding:22px 0}.reader-metrics dt{font-size:15px;max-width:55%}.reader-metrics dd{font:40px var(--serif);margin:0;color:#11462C}#slide-zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:65px 0 0;margin:0;border:0;background:#07100A}#slide-zoom::backdrop{background:#07100A}#close-zoom{position:absolute;right:20px;top:12px;min-height:44px;padding:0 18px;border:1px solid #53665A;background:#0A1F14;color:#F7F6F1;font:15px var(--sans);border-radius:2px}#zoom-scroll{height:100%;overflow:auto;overscroll-behavior:contain}#zoom-scroll img{width:1920px;max-width:none;height:1080px;display:block}body.reading #edit,body.reading #save{display:none}.txt a[href]:focus-visible{outline:2px solid currentColor}.txt a{border-radius:2px}body.capture #reader,body.print #reader{display:none!important}@media(max-width:740px){#reader{padding:30px 20px 98px}.reader-page h1{font-size:39px;margin:18px 0 26px}.reader-copy{font-size:17px;line-height:1.58;margin-top:22px}.reader-copy h3{font-size:27px}#controls{height:64px;gap:6px;padding:8px;font-size:12px}#controls button,#controls a{min-height:44px;padding:8px 11px}#controls #edit,#controls #save{display:none}#counter{min-width:48px}#overview-panel{bottom:64px;padding:16px;grid-template-columns:1fr}.reader-metrics dd{font-size:34px}.reader-metrics dt{font-size:14px}#stage{top:calc(50% - 32px)}}@media print{#reader,#slide-zoom{display:none!important}}

/* Client reading surface: quiet navigation, with authoring controls kept private. */
body.client #stage{top:calc(50% - 41px)}
body.client #controls{left:50%;bottom:14px;transform:translateX(-50%);width:auto;height:48px;padding:2px 8px;gap:4px;background:#F7F6F1;color:#11462C;border:1px solid #D6DCD3;border-radius:2px;box-shadow:0 3px 18px #00000012}
body.client #controls button{min-width:44px;min-height:42px;border:0;padding:8px 13px}
body.client #controls button:hover{background:#E1E9D9}
body.client #counter{font-size:12px;min-width:60px}
body.client .control-divider{height:18px;width:1px;background:#CCD4C8;margin:0 6px}
body.client #controls button:focus-visible{outline-color:#11462C}
body.client #overview-panel{bottom:82px}
body.client.reading #reader{padding-bottom:118px}
@media(max-width:740px){body.client #controls{bottom:12px;width:max-content;max-width:calc(100vw - 24px);gap:0;height:52px;padding:3px 5px}body.client #controls button{min-height:44px;padding:8px 11px}body.client #counter{min-width:51px}body.client .control-divider{margin:0 4px}body.client #reader{padding-bottom:114px}}

/* Phone and tablet viewer: one page at a time on the house ground, turned by a swipe or an edge tap. */
#flick-top,#flick-foot,#flick-hint{display:none}
html:has(body.flick){overflow:hidden}
body.flick{position:fixed;inset:0;height:auto}
body.flick:not(.zoomed){touch-action:pinch-zoom}
body.flick #stage{top:calc(64px + (100% - 214px)/2);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.flick .slide{border-radius:10px;box-shadow:0 34px 90px rgba(0,0,0,.55),0 0 0 1px rgba(247,246,241,.07)}
body.flick .slide.near{display:block}
body.flick #flick-top{display:flex;position:fixed;top:max(18px,env(safe-area-inset-top));left:0;right:0;padding:0 20px;align-items:center;justify-content:space-between;color:rgba(247,246,241,.6);font:10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;pointer-events:none}
body.flick #flick-top img{height:19px;width:auto;display:block}
body.flick #flick-foot{display:block;position:fixed;left:50%;top:calc(64px + (100% - 214px)/2 + var(--scale)*540px + 14px);width:calc(var(--scale)*1920px);transform:translateX(-50%);pointer-events:none}
#flick-progress{height:2px;background:rgba(247,246,241,.14)}
#flick-progress i{display:block;height:100%;width:var(--progress,0);background:#A8DDB5;transition:width .44s cubic-bezier(.2,.8,.2,1)}
#flick-caption{margin-top:12px;font:13px/1.35 var(--sans);color:rgba(247,246,241,.74);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.flick #flick-hint{display:block;position:fixed;left:0;right:0;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 70px);text-align:center;color:rgba(247,246,241,.78);font:13px/1.5 var(--sans);opacity:0;transition:opacity .6s;pointer-events:none}
body.flick.hint #flick-hint{opacity:1}
#flick-hint span{display:block;font-size:12px;color:rgba(247,246,241,.48)}
body.flick #controls{left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);height:52px;padding:3px 6px;gap:2px;background:rgba(10,31,20,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(247,246,241,.12);border-radius:2px;color:#F7F6F1;box-shadow:0 12px 32px rgba(0,0,0,.35);transition:opacity .3s}
body.flick #controls button{border:0;min-width:44px;min-height:44px;padding:8px 12px;color:inherit}
body.flick #controls button:hover{background:rgba(247,246,241,.08)}
body.flick #controls button:focus-visible{outline-color:#A8DDB5}
body.flick #controls a,body.flick #reading,body.flick #edit,body.flick #save{display:none}
body.flick .control-divider{background:rgba(247,246,241,.2)}
body.flick #counter{color:rgba(247,246,241,.8)}
body.flick #overview-panel{inset:0;padding:calc(max(18px,env(safe-area-inset-top)) + 40px) 16px 96px;background:#07100A;grid-template-columns:1fr 1fr;gap:18px 12px;align-content:start}
body.flick .thumb{color:rgba(247,246,241,.74);font:12px/1.35 var(--sans)}
body.flick .thumb img{border:0;border-radius:4px;background:#0F2A1C}
body.flick .thumb span{padding:8px 0 0}
body.flick.zoomed #controls,body.flick.zoomed #flick-top,body.flick.zoomed #flick-foot,body.flick.zoomed #flick-hint{opacity:0;pointer-events:none}
@media(orientation:landscape) and (max-height:500px){
body.flick #stage{top:50%}
body.flick #flick-top,body.flick #flick-foot,#flick-hint span{display:none}
body.flick #flick-hint{bottom:auto;top:max(14px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);width:max-content;padding:7px 14px;background:rgba(10,31,20,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(247,246,241,.12);border-radius:2px}
body.flick #controls{opacity:0;pointer-events:none}
body.flick.chrome #controls{opacity:1;pointer-events:auto}
body.flick #overview-panel{grid-template-columns:repeat(3,1fr);padding-top:24px}
}
@media(prefers-reduced-motion:reduce){#flick-progress i,#flick-hint,body.flick #controls{transition:none}}
