@font-face{font-family:"IBM Plex Sans";src:url("assets/ibm-plex-sans.ttf") format("truetype");font-weight:100 700;font-display:swap}
:root{--paper:#f4f3f0;--ink:#292522;--muted:#817a71;--line:#dcd7cf;--sand:#dcd3c2;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid #827361;outline-offset:5px}button:disabled{opacity:.25;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;display:block}.topbar{height:72px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{letter-spacing:.1em;font-size:16px}.wordmark span{font-size:11px;letter-spacing:0;margin-left:18px}.edition{font-size:9px;letter-spacing:.15em;color:var(--muted)}.dot{margin:0 12px}.text-button{padding:10px 0;font-size:12px;display:inline-flex;gap:10px;align-items:center}.index-icon{font-size:21px;line-height:10px;font-weight:300}main{height:calc(100dvh - 161px);display:flex;align-items:center;justify-content:center;padding:24px 38px;position:relative}.stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.canvas{position:relative;max-width:100%;max-height:100%;aspect-ratio:16 / 9;width:min(100%,calc((100dvh - 209px)*16/9));background:#e8e5df;overflow:hidden;isolation:isolate}.slide{position:absolute;inset:0;overflow:hidden;background:var(--slide-bg,#f4f4f4)}.slide img,.slice{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.slide.enter-photo{animation:photo-in 1400ms var(--ease) both}.slide.enter-page .slice{animation:piece-in 1150ms var(--ease) both}.slice:nth-child(2){animation-delay:100ms!important}.slice:nth-child(3){animation-delay:190ms!important}.slice:nth-child(4){animation-delay:270ms!important}.slice{background-size:100% 100%;background-repeat:no-repeat}.slice.s0{clip-path:inset(0 66% 0 0)}.slice.s1{clip-path:inset(0 33% 0 34%)}.slice.s2{clip-path:inset(0 0 0 67%)}@keyframes piece-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes photo-in{from{opacity:0;filter:brightness(.93)}to{opacity:1;filter:brightness(1)}}.loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .3s}.loading.active{opacity:1}.loading span{width:28px;height:1px;background:var(--ink);animation:breathe 1.1s ease-in-out infinite}@keyframes breathe{50%{opacity:.15;transform:scaleX(.5)}}.load-error{position:absolute;inset:0;background:var(--paper);text-align:center;padding-top:20%}.mobile-note{display:none}.controls{height:88px;display:flex;align-items:center;gap:20px;padding:0 38px;border-top:1px solid var(--line)}.round,.utility{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;transition:background .25s,border-color .25s,transform .25s}.round:hover:not(:disabled){background:var(--sand);border-color:var(--sand);transform:translateX(2px)}#prev:hover:not(:disabled){transform:translateX(-2px)}.caption{display:flex;flex-direction:column;gap:7px;min-width:0}.eyebrow{font-size:8px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.caption #title{font-size:12px}.tools{display:flex;align-items:center;gap:7px;margin-left:auto}.utility{border-color:transparent;font-size:15px}.utility:hover{background:#e8e4dc}.utility[aria-pressed=true]{background:var(--sand)}.utility svg{width:18px;height:18px}.page-number{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:75px;padding:12px 5px;color:var(--muted)}#current{color:var(--ink)}.slash{margin:0 11px;color:#aaa095}.timeline{height:1px;position:absolute;bottom:0;left:0;right:0;background:var(--line);overflow:hidden}.timeline span{height:100%;display:block;background:#847666;width:0;transition:width 1s var(--ease)}.timeline i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0);opacity:.4}.timeline i.running{animation:countdown var(--duration) linear forwards}@keyframes countdown{to{transform:scaleX(1)}}dialog{border:0;background:var(--paper);color:var(--ink);padding:40px;width:min(1200px,calc(100vw - 64px));max-height:calc(100dvh - 64px);overscroll-behavior:contain}dialog::backdrop{background:rgba(33,29,24,.55);backdrop-filter:blur(12px)}dialog[open]{animation:dialog-in .45s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.dialog-head h1{font-size:clamp(23px,3vw,37px);font-weight:400;letter-spacing:-.045em;margin:18px 0 0}.close{border-color:var(--line)}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:40px 0 28px}.chapters button{text-align:left;border-top:1px solid var(--line);padding:14px 0;font-size:9px;color:var(--muted)}.chapters button span{display:block;font-size:14px;color:var(--ink);margin-top:8px}.chapters button:hover{border-color:var(--ink)}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px}.thumb{text-align:left;padding:0;min-width:0}.thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#e9e6e1;border:1px solid transparent;transition:opacity .25s}.thumb:hover img{opacity:.75}.thumb[aria-current=true] img{border-color:#6a5743;box-shadow:0 0 0 3px var(--paper),0 0 0 4px #b0a18e}.thumb small{display:flex;gap:10px;font-size:10px;line-height:1.5;margin-top:8px;color:var(--muted)}.thumb small span{color:var(--ink)}.dialog-foot{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted)}.dialog-foot a:hover{color:var(--ink)}#reader-dialog{width:min(700px,calc(100vw - 40px));padding:40px 48px}#reader-heading{font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:30px 0}#reader-content{font-size:16px;line-height:1.7;white-space:pre-line;color:#5a5249}#reader-content p{margin:0 0 22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;inset:30%;background:var(--paper);padding:40px;z-index:10}body.immersive .topbar{display:none}body.immersive main{height:calc(100dvh - 65px);padding:0}body.immersive .canvas{width:min(100%,calc((100dvh - 65px)*16/9))}body.immersive .controls{height:64px;padding:0 22px;border-top:0}
@media(min-width:1600px){.topbar,.controls{padding-left:64px;padding-right:64px}main{padding-left:64px;padding-right:64px}}
@media(max-width:760px){.topbar{height:60px;padding:0 20px}.wordmark span{font-size:9px;margin-left:10px}.edition{display:none}main{padding:12px 0;height:calc(100dvh - 137px)}.canvas{width:min(100%,calc((100dvh - 161px)*16/9))}.controls{height:76px;padding:0 16px;gap:10px}.caption{gap:5px;flex:1}.caption #title{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.eyebrow{font-size:7px}.round{width:33px;height:33px}.tools{gap:0;margin-left:0}.utility{width:30px;height:33px}.page-number{min-width:auto;font-size:10px}.slash{margin:0 5px}#fullscreen{display:none}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:25px 20px}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.chapters{grid-template-columns:repeat(2,1fr);gap:10px 20px;margin-top:30px}.dialog-foot{font-size:9px}#reader-dialog{padding:26px}.mobile-note{display:block;position:absolute;bottom:35px;font-size:9px;letter-spacing:.06em;color:var(--muted)}}
@media(max-width:430px){.caption{max-width:115px}.caption #title{max-width:115px}.controls{gap:7px;padding:0 12px}.tools{gap:0}.utility{width:27px}.wordmark span{font-size:9px}}
@media(max-height:500px){.topbar{height:42px}main{height:calc(100dvh - 97px);padding:8px 35px}.controls{height:54px;padding:0 20px}.canvas{width:min(100%,calc((100dvh - 113px)*16/9))}.mobile-note{display:none}.round,.utility{width:30px;height:30px}.caption{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.slice{opacity:1!important;transform:none!important}.timeline i{display:none}}


.wordmark{display:flex;align-items:center}.wordmark img{width:39px;height:auto;mix-blend-mode:multiply}.wordmark span{margin-left:16px}

/* Opening composition: original PDF letterforms and lockup proportions. */
.brand-intro{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--paper);opacity:1;transition:opacity 1050ms cubic-bezier(.25,.6,.25,1)}
.brand-intro[hidden]{display:none}.intro-composition{display:block;flex-shrink:0;width:min(100vw,calc(100dvh * 16 / 9));height:auto;overflow:visible}.intro-part{opacity:0;will-change:opacity,transform,filter}.intro-skip{position:absolute;right:38px;bottom:30px;font-size:10px;letter-spacing:.025em;opacity:.52;padding:12px 0;transition:opacity .3s}.intro-skip span{margin-left:14px}.intro-skip:hover,.intro-skip:focus-visible{opacity:1}.brand-intro.leaving{opacity:0;pointer-events:none}.topbar,main,.controls,.timeline{transition:opacity 1000ms ease}.intro-pending .topbar,.intro-pending main,.intro-pending .controls,.intro-pending .timeline{opacity:0;visibility:hidden}.intro-revealing .topbar,.intro-revealing main,.intro-revealing .controls,.intro-revealing .timeline{opacity:1;visibility:visible}
@media(max-width:600px){.intro-composition{width:min(160vw,calc(100dvh * 16 / 9))}.intro-skip{right:22px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.brand-intro{transition:none}.intro-part{will-change:auto}}