:root{--paper:#f8f5ee;--surface:#fffdf8;--ink:#202722;--muted:#596459;--teal:#a04e3b;--red:#b54142;--gold:#d6a538;--line:#d9d8cd;--soft:#f5e6da;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--header:76px}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%}a{color:var(--teal);text-underline-offset:.24em;text-decoration-thickness:1px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:normal}h1,h2{font-family:var(--serif);line-height:1.08;text-wrap:balance}h3{font-size:1.2rem;line-height:1.4}p+p{margin-top:1em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex='-1']:focus-visible{outline:3px solid var(--teal);outline-offset:5px}::selection{background:#f1e2d6;color:#34302e}[hidden]{display:none!important}.js-only{display:none}.enhanced .js-only{display:inline-flex}.skip{position:fixed;top:-150px;left:12px;background:var(--ink);color:white;z-index:100;padding:12px 18px}.skip:focus{top:10px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.narrow{max-width:740px;margin-inline:auto}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;font-weight:650;color:var(--muted)}.small{font-size:.85rem;color:var(--muted)}.review-strip{background:#f3e8df;font-size:.75rem;letter-spacing:.025em;border-bottom:1px solid var(--line);padding:6px 0}.review-strip .wrap{display:flex;justify-content:space-between;gap:20px}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;min-height:76px;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:.93rem;white-space:nowrap}.brand-mark{width:27px;height:32px;border:1px solid var(--ink);border-right:6px solid var(--teal);transform:rotate(-7deg);position:relative;display:block}.brand-mark:after{content:'';position:absolute;inset:7px 6px;border-top:3px solid var(--red);border-bottom:3px solid var(--gold)}.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none;font-size:.88rem;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-links a[aria-current='page']{color:var(--ink);border-bottom-color:var(--teal)}.share-top{border:1px solid var(--line);padding:8px 15px;background:transparent;border-radius:3px;color:var(--ink);min-height:44px;gap:8px;align-items:center}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;padding:72px 0 74px;min-height:670px}.hero h1{font-size:clamp(2.6rem,4.5vw,4.1rem);letter-spacing:-.045em;margin:22px 0 24px}.hero h1 em{font-weight:normal;color:var(--teal)}.hero-copy>p:not(.eyebrow){max-width:480px;font-size:1.02rem;color:var(--muted)}.hero .byline{margin:24px 0 26px;color:var(--ink);font-size:.92rem}.hero-art{position:relative;width:min(370px,100%);justify-self:center;padding:16px 10px 12px;background:#ece7dc;transform:rotate(2deg);box-shadow:9px 12px 0 #e6e6dc}.hero-art img{width:100%;height:auto;box-shadow:0 6px 14px #00000016}.hero-art figcaption{font-size:.76rem;text-align:center;padding-top:12px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;min-height:48px;border:1px solid var(--teal);border-radius:3px;text-decoration:none;color:var(--surface);background:var(--teal);font-size:.91rem;font-weight:550;line-height:1.4}.button.secondary{background:transparent;color:var(--ink);border-color:#b9a89a}.button:hover{filter:brightness(.95)}.hero-textlink{display:inline-block;margin-top:20px;font-size:.87rem}.paint-rule{display:flex;height:5px;gap:8px}.paint-rule span{flex:1;background:var(--teal)}.paint-rule span:nth-child(2){background:var(--gold);flex:.55}.paint-rule span:nth-child(3){background:var(--red);flex:.8}.reader-heading{padding:55px 0 25px;display:flex;justify-content:space-between;align-items:end;gap:24px}.reader-heading h2,.section-head h1{font-size:clamp(2.3rem,4vw,3.4rem);letter-spacing:-.035em;margin:12px 0 18px}.reader-heading p{max-width:540px;color:var(--muted)}.page-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.page-jumps a{width:44px;height:44px;border:1px solid var(--line);border-radius:2px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);font-size:.9rem}.page-jumps a:hover{background:var(--soft)}.reader-list{margin-top:24px}.zine-page{padding:48px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:76px;align-items:start;scroll-margin-top:100px}.page-figure{max-width:470px}.image-link{display:block;position:relative;color:inherit}.image-link img{width:100%;box-shadow:0 3px 13px #15221a16;border:1px solid #d2d3ca}.zoom-label{display:inline-flex;align-items:center;gap:7px;min-height:38px;margin-top:10px;font-size:.8rem;text-decoration:underline;text-underline-offset:.2em;color:var(--teal)}.page-aside{padding-top:6px}.page-number{display:flex;align-items:center;gap:10px;margin-bottom:14px}.page-number span{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);width:30px;height:30px;border-radius:50%;color:white;font-size:.75rem}.page-number small{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.page-aside h3{font-family:var(--serif);font-size:2.05rem;letter-spacing:-.025em;margin-bottom:24px}.transcript-toggle{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:48px;padding:11px 2px;color:var(--teal);font-size:.9rem}summary:hover{text-decoration:underline}.transcript{font-family:var(--serif);font-size:1.17rem;line-height:1.62;max-width:620px;overflow-wrap:break-word;padding:8px 0 24px}.transcript p{white-space:pre-line}.visual-description{padding-bottom:20px;font-size:.87rem;line-height:1.7;color:var(--muted);max-width:600px}.review-note{margin:12px 0 20px;padding:12px 14px;background:#f7ebd6;border-left:3px solid #9e6a25;font-size:.8rem;color:#644317}.essay-bridge{border-left:3px solid var(--teal);padding:4px 0 4px 20px;margin-top:28px}.essay-bridge a{display:block;font-family:var(--serif);font-size:1.25rem;line-height:1.4;margin-top:7px}.essay-bridge p:last-child{font-size:.88rem;color:var(--muted);margin-top:10px}.page-tools{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:22px;font-size:.81rem}.text-button{padding:9px 0;min-height:44px;background:none;border:none;color:var(--teal);text-decoration:underline;text-underline-offset:.24em;display:inline-flex;align-items:center;gap:6px}.reflection{margin:12px 0 80px;padding:48px;background:#e9eedf;border:1px solid #d1d9c5}.reflection h2{font-size:clamp(2rem,3.5vw,2.9rem);max-width:790px;line-height:1.18;margin:14px 0 23px;letter-spacing:-.025em}.reflection>p:not(.eyebrow){max-width:650px;color:var(--muted);margin-bottom:25px}.section-head{padding:58px 0 35px}.section-head>p:not(.eyebrow){max-width:760px;color:var(--muted)}.section-head .actions{margin-top:24px}.unfold-stage{margin:15px 0 25px;padding:10px;background:#efeee4;border:1px solid var(--line)}.sheet-map{position:relative;max-width:1080px;margin:auto}.sheet-map img{width:100%;height:auto}.sheet-links{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.sheet-links a{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:10px;border:1px solid transparent;text-decoration:none}.sheet-links a:hover{background:#fff8;border:2px solid var(--teal)}.sheet-links a span{background:var(--ink);color:var(--surface);border:2px solid var(--surface);font-size:.85rem;display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 8px #0004}.sheet-description{max-width:800px;margin:28px 0}.all-pages-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0 70px}.page-tile{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:15px 0;text-decoration:none;color:var(--ink);font-size:.89rem;min-height:70px}.page-tile strong{font-family:var(--serif);font-size:1.7rem;color:var(--teal);font-weight:normal}.text-page{padding:34px 0;border-top:1px solid var(--line);scroll-margin-top:95px}.text-page h2{font-size:1.8rem;margin:10px 0 22px}.text-page .transcript{font-size:1.3rem}.essay-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:65px;align-items:start;margin-top:15px}.essay-toc{position:sticky;top:106px;font-size:.85rem}.essay-toc p{margin-bottom:10px}.essay-toc a{display:block;padding:9px 0;line-height:1.55}.essay-copy{font-family:var(--serif);font-size:1.21rem;line-height:1.83;min-width:0;padding-bottom:90px;overflow-wrap:break-word}.essay-copy h2{font-size:2rem;line-height:1.2;margin:50px 0 23px;scroll-margin-top:108px}.essay-copy h2:first-child{margin-top:0}.essay-copy p{margin-bottom:1.05em}.essay-copy p[id]{scroll-margin-top:116px}.essay-copy .essay-return{font-family:var(--sans);font-size:.8rem;display:block;margin:18px 0 26px}.essay-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:.84rem;color:var(--muted);margin-top:20px}.about-copy{font-size:1.07rem;padding-bottom:80px}.about-copy h2{font-size:1.8rem;margin:35px 0 18px}.about-copy p{margin-bottom:16px}.download-block{padding:30px;border:1px solid var(--line);margin:28px 0}.site-footer{border-top:1px solid var(--line);padding:30px 0 34px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.8rem;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:23px}.footer-links a{min-height:44px;display:flex;align-items:center}.back-top{display:inline-block;margin:20px 0 50px;font-size:.85rem}.status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;font-size:.9rem;max-width:min(540px,calc(100% - 32px));width:max-content;padding:14px 20px;z-index:70;border-radius:3px;box-shadow:0 4px 18px #0003}.status:empty{display:none}dialog{padding:0;border:1px solid #cdbeb2;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border-radius:4px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(18,24,20,.83)}#image-dialog{width:1100px}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line)}.viewer-head h2{font-family:var(--sans);font-size:1rem;line-height:1.5;font-weight:600}.viewer-close,.zoom-control{background:var(--surface);color:var(--ink);border:1px solid #b9a89a;min-width:44px;min-height:44px;padding:7px 12px;border-radius:3px}.viewer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px}.zoom-readout{min-width:56px;text-align:center;font-size:.82rem}.viewer-stage{overflow:auto;max-height:calc(100dvh - 220px);height:700px;background:#e4dcd4;padding:16px;overscroll-behavior:contain;scrollbar-gutter:stable}.viewer-stage img{max-width:none;margin-inline:auto;object-fit:contain;height:auto}.viewer-help{font-size:.75rem;color:var(--muted);padding:10px 20px}.copy-dialog{width:550px;padding:26px}.copy-dialog h2{font-size:1.8rem;margin-bottom:15px}.copy-dialog input{width:100%;min-height:48px;margin:15px 0 20px;padding:10px;border:1px solid var(--line);color:var(--ink);background:white}.copy-dialog label{display:block;font-size:.88rem}.nojs{padding:16px 20px;background:#f3e8df;margin:20px 0;font-size:.9rem}
@media(min-width:1000px){.page-aside{position:sticky;top:110px}}
@media(max-width:900px){.hero{gap:35px;padding:50px 0;min-height:600px}.hero h1{font-size:3.05rem}.hero-art{max-width:315px}.zine-page{gap:35px}.nav-links{gap:18px}.essay-layout{grid-template-columns:1fr;gap:25px}.essay-toc{position:static;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.essay-toc a{display:inline-block;margin-right:20px}.all-pages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){:root{--header:116px}.wrap{width:calc(100% - 36px)}.review-strip .wrap{font-size:.69rem;gap:8px}.review-strip .version{display:none}.header-inner{min-height:112px;display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:9px 0 4px}.brand{font-size:.86rem}.brand-mark{width:20px;height:26px}.nav-links{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:5px;width:100%}.nav-links a{font-size:.82rem;padding-inline:3px}.share-top{grid-column:2;grid-row:1;padding:6px 12px;min-height:40px;font-size:.8rem}.hero{grid-template-columns:1fr;gap:38px;padding:38px 0 46px}.hero h1{font-size:clamp(2.4rem,10vw,3.1rem);margin-top:15px;letter-spacing:-.04em}.hero .byline{margin:20px 0}.hero-art{width:72%;max-width:270px;transform:rotate(1.5deg)}.hero-copy>p:not(.eyebrow){font-size:.97rem}.hero .actions{gap:10px}.button{padding:11px 14px;font-size:.86rem;min-height:46px}.reader-heading{padding-top:37px;display:block}.reader-heading h2{font-size:2.25rem}.reader-heading>div:last-child{margin-top:20px}.page-jumps{gap:6px}.page-jumps a{width:calc((100% - 42px)/8);min-width:30px;height:44px}.zine-page{grid-template-columns:1fr;gap:23px;padding:30px 0 40px}.page-figure{max-width:100%;width:100%}.page-aside{padding-top:0}.page-aside h3{font-size:1.8rem;margin-bottom:15px}.page-number{margin-bottom:10px}.transcript{font-size:1.1rem}.reflection{padding:27px 23px;margin-bottom:45px}.reflection h2{font-size:2.05rem}.section-head{padding:37px 0 24px}.section-head h1{font-size:2.45rem}.all-pages-grid{gap:4px 14px;margin-top:20px}.page-tile{font-size:.82rem;gap:10px}.sheet-links a{padding:2px}.sheet-links a span{width:28px;height:28px;font-size:.74rem}.unfold-stage{padding:4px;margin-top:10px}.essay-copy{font-size:1.13rem;line-height:1.8}.essay-copy h2{font-size:1.85rem}.essay-meta{gap:8px 18px}.footer-inner{display:block}.footer-links{margin-top:14px;gap:18px}.viewer-head{padding:10px 13px;gap:10px}.viewer-controls{padding:8px 12px;gap:8px}.viewer-help{padding:8px 12px}.viewer-stage{height:calc(100dvh - 225px);padding:8px;max-height:calc(100dvh - 225px)}.zoom-control{padding:6px 10px}dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.text-page .transcript{font-size:1.2rem}}
@media(max-height:500px){.site-header{position:static}.viewer-stage{height:calc(100dvh - 180px);max-height:calc(100dvh - 180px)}.viewer-help{display:none}.viewer-head{padding:6px 12px}.viewer-controls{padding:6px 12px}}
@media(prefers-reduced-motion:no-preference){.button,.page-jumps a,.sheet-links a{transition:background-color .16s ease,border-color .16s ease}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]),html:not([data-motion="full"]) *,html:not([data-motion="full"]) *::before,html:not([data-motion="full"]) *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.button,.page-jumps a,.sheet-links a span{border:2px solid ButtonText}.paint-rule{display:none}}
@media print{.site-header,.review-strip,.site-footer,.js-only,.page-tools,.back-top,.status,dialog,.essay-toc,.image-link .zoom-label{display:none!important}body{background:white;color:black;font-size:12pt}.wrap{width:100%;max-width:100%}.hero{min-height:0;padding:0 0 25px;gap:25px}.hero h1{font-size:32pt}.hero-art{max-width:200px;box-shadow:none;transform:none}.zine-page{break-inside:avoid;grid-template-columns:1fr 1fr;gap:25px;padding:20px 0;break-after:page}.page-aside{position:static}.page-aside h3{font-size:20pt}.transcript{font-size:12pt}.reflection{break-inside:avoid;margin:10px 0}.essay-copy{font-size:12pt;padding:0}.essay-copy h2{font-size:20pt}.text-page{break-inside:avoid}.section-head{padding:0 0 25px}a{color:black}.essay-layout{display:block}.sheet-links{display:none}}

/* Reading titles precede photographs in both the document and mobile layout. */
.zine-page{grid-template-areas:"art title" "art notes";grid-template-rows:auto 1fr;row-gap:22px}.page-header{grid-area:title}.page-header h3{font-family:var(--serif);font-size:2.05rem;line-height:1.22;letter-spacing:-.025em}.page-figure{grid-area:art}.page-aside{grid-area:notes;position:static;padding-top:0}
:is(.zine-page,.text-page,.essay-copy h2,.essay-copy p[id]){scroll-margin-top:0}
@media(max-width:650px){.zine-page{grid-template-areas:"title" "art" "notes";grid-template-rows:auto auto auto;gap:20px}.page-header h3{font-size:1.8rem}.page-number{margin-bottom:8px}}
@media print{.zine-page{grid-template-areas:"art title" "art notes"}}
/* Allow navigation to reflow when a reader enlarges the text itself. */
.brand{white-space:normal;min-width:0}.brand-mark{flex-shrink:0}.brand>span:last-child{min-width:0}.header-inner{min-width:0}.nav-links{min-width:0}
@media(max-width:650px){.header-inner{grid-template-columns:minmax(0,1fr) auto}.nav-links{justify-content:flex-start;gap:0 16px}.nav-links a{white-space:normal}}

/* Optional motion never controls access to the reading content. */
.reader-preferences{justify-content:flex-end;align-items:center;gap:10px;padding-block:10px;font-size:.8rem;color:var(--muted)}
select{font:inherit;background:var(--surface);color:var(--ink);border:1px solid #b9a89a;border-radius:3px;min-height:44px;max-width:100%;padding:8px}
select:focus-visible,.viewer-stage:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.fold-overlay{position:absolute;inset:0;background:#efeee4;pointer-events:none;overflow:hidden;z-index:1}
.fold-overlay img{width:100%;height:100%;object-fit:fill;transform-origin:50% 50%;box-shadow:0 8px 20px #20272226}
.sheet-links{z-index:2}
.destination{outline:2px solid var(--teal);outline-offset:6px;background-color:#f5e6da}
.page-jumps a[aria-current='page']{background:var(--teal);color:var(--surface);border-color:var(--teal)}
.page-tile[aria-current='page']{border-top:3px solid var(--teal)}
button:active,.button:active{background-color:#f1e2d6;color:var(--ink)}
button:disabled{opacity:.5;cursor:default}
.essay-bridge{background:#f5e6da80;padding:16px 18px;border-radius:0 3px 3px 0}
.essay-toc #context-return{display:block;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}
.essay-toc{top:calc(var(--header) + 24px)}
html[data-motion='reduce'] *,html[data-motion='reduce'] *::before,html[data-motion='reduce'] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media print{.reader-preferences,.fold-overlay{display:none!important}.destination{outline:none;background:none}}

/* Cover-led reading room: ivory, daylight and the author's painted paper. */
:root{--paper:#f7f6f0;--surface:#fffef9;--ink:#34302e;--muted:#71645e;--teal:#a04e3b;--line:#e4dcd4;--soft:#f3e8df}
body{background:radial-gradient(ellipse at 82% 0%,#fffef8 0,transparent 52%),var(--paper)}
.sr-only,.flip-anchor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{background:var(--paper);border:0}
.header-inner{min-height:72px;display:grid;grid-template-columns:1fr auto auto auto;gap:26px}
.brand{font-family:var(--serif);font-size:1rem;letter-spacing:-.015em}
.nav-links{gap:24px}.nav-links a{font-size:.8rem;color:var(--muted)}
.nav-links a[aria-current='page']{border-bottom-width:1px}
.share-top{border:0;padding:8px 0;font-size:.78rem;gap:5px}
.enhanced .reader-settings{display:block;position:relative;font-size:.78rem}
.reader-settings>summary{font-size:inherit;color:var(--muted);list-style:none;padding:12px 0}
.reader-settings>summary::-webkit-details-marker{display:none}
.reader-settings[open]>summary{text-decoration:underline}
.reader-settings .reader-preferences{display:grid;position:absolute;right:0;top:100%;z-index:50;width:240px;max-width:calc(100vw - 32px);padding:20px;gap:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 40px #34302e12;border-radius:8px}
.hero{display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:calc(100svh - 72px);padding:28px 0 42px;isolation:isolate}
.hero-art{width:min(48vh,420px,78vw);max-width:none;position:relative;padding:0;background:none;transform:rotate(1deg);box-shadow:none}
.hero-art img{width:100%;box-shadow:0 22px 40px -20px #34302e42,0 2px 8px #34302e18;border-radius:1px}
.hero-art figcaption{font-family:var(--sans);font-size:.72rem;letter-spacing:.025em;padding-top:22px;color:var(--muted);transform:rotate(-1deg)}
.hero-copy{text-align:center}.hero-copy>p:not(.eyebrow){font-family:var(--serif);font-size:1.05rem;color:var(--muted);max-width:none}
.hero .actions{justify-content:center;gap:20px;margin-top:16px}.hero-flip{font-size:.78rem;text-decoration:none;min-height:44px;align-items:center}
.button{font-weight:450;min-height:44px;border-radius:30px;font-size:.8rem;padding:11px 20px}
.button.secondary{border-color:var(--line)}
.reader-heading{display:block;text-align:center;padding:70px 0 24px}
.reader-heading .eyebrow{font-size:.68rem;letter-spacing:.16em}
.reader-toolbar{position:sticky;top:var(--header);z-index:15;margin:0 auto 16px;padding:10px 0;max-width:760px;background:var(--paper);align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}
.enhanced .reader-toolbar{display:flex}
.reading-modes{display:flex;align-items:center;border:1px solid var(--line);border-radius:24px;padding:3px;gap:2px;flex-shrink:0}
.reading-modes a{font-size:.74rem;text-decoration:none;color:var(--muted);padding:7px 14px;min-height:36px;display:flex;align-items:center;border-radius:20px}
.reading-modes a[aria-current]{background:#f1e2d6;color:var(--ink)}
.reader-text-link{font-size:.75rem;text-decoration:none;padding:10px 0}
.flip-controls{display:none;align-items:center;gap:16px;font-size:.72rem}
.flip-controls button{font:inherit;color:var(--ink);border:0;background:none;min-height:44px;padding:6px 9px;border-radius:4px}
.flip-controls button:not(:disabled):hover{background:var(--soft)}
.page-jumps{justify-content:center;gap:8px;margin:12px auto 0}
.page-jumps a{border:0;border-radius:50%;width:36px;height:44px;font-size:.72rem;min-width:0}
.page-jumps a[aria-current='page']{background:#f1e2d6;color:var(--ink)}
.reader-list{margin-top:0}
.zine-page{display:flex;flex-direction:column;gap:20px;align-items:stretch;width:min(100%,540px);margin:0 auto;padding:60px 0 85px;border:0;position:relative}
.page-header{display:flex;align-items:center;gap:14px;min-height:32px}
.page-number{margin:0;gap:0;flex-shrink:0}.page-number span{color:var(--muted);background:none;border:1px solid var(--line);font-size:.65rem;width:27px;height:27px}.page-number small{display:none}
.page-header h3{font-size:1.02rem;line-height:1.4;color:var(--muted);letter-spacing:0}
.page-figure{max-width:none;width:100%;position:relative}
.image-link img{border:0;box-shadow:0 16px 32px -19px #34302e55,0 1px 5px #34302e17}
.zoom-label{display:flex;justify-content:flex-end;font-size:.68rem;min-height:32px;margin-top:8px;text-decoration:none;color:var(--muted)}
.page-aside{position:static;padding:0}
.page-aside summary{font-size:.78rem;min-height:44px;padding:10px 0;color:var(--muted)}
.transcript-toggle{border-top:0;border-bottom:1px solid var(--line)}
.transcript{font-size:1.12rem;padding-top:18px}
.review-note{background:#f6e9de;border-color:#b17758;color:#76503a;font-size:.72rem;padding:10px 14px}
.essay-bridge{background:none;border:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:18px}
.essay-bridge .eyebrow{font-size:.61rem;letter-spacing:.13em}
.essay-bridge a{font-size:1.1rem}.essay-bridge p:last-child{font-size:.79rem;margin-top:8px}
.page-tools{gap:16px;margin-top:18px;font-size:.7rem}.page-tools a{min-height:36px;display:flex;align-items:center;text-decoration:none}
.page-tools .text-button{font-size:inherit}
.reflection{max-width:740px;margin:20px auto 85px;padding:42px 0;background:none;border:0;border-top:1px solid var(--line)}
.reflection h2{font-size:2rem}.reflection>p:not(.eyebrow){font-size:.91rem}
.review-strip{background:none;color:var(--muted);border-top:1px solid var(--line);border-bottom:0;font-size:.66rem;padding:12px 0}
.site-footer{padding:15px 0 30px;border:0}.footer-inner{font-size:.72rem}
.destination{background:#f5e6da;outline:1px solid #b17758;outline-offset:6px}
.zine-page.destination{background:none;outline:0}.zine-page.destination .page-header{color:var(--teal)}
:is(.zine-page,#home,#unfold):focus-visible{outline:0}
.zine-page:focus-visible .page-header{outline:2px solid var(--teal);outline-offset:5px}
.turn-overlay{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:3;perspective:1800px}
.turn-overlay img{width:100%;max-width:none;backface-visibility:hidden;box-shadow:8px 1px 20px #34302e20}
html[data-reading='flip'] [data-view='read'] :is(.hero,.reader-heading,.reflection,.back-top){display:none}
html[data-reading='flip'] .reader-toolbar{margin-top:18px}
html[data-reading='flip'] .flip-controls{display:flex}
html[data-reading='flip'] .reader-text-link{display:none}
html[data-reading='flip'] .zine-page{width:min(100%,48vh,460px);padding:24px 0 50px;gap:12px}
html[data-reading='flip'] .page-figure:before{content:'';position:absolute;inset:2px -3px 37px 3px;background:#fffef9;box-shadow:2px 1px 0 #e4dcd4;z-index:-1}
html[data-reading='flip'] .page-header{min-height:28px}
@media(min-width:901px){.essay-layout{grid-template-columns:190px minmax(0,680px);gap:70px;justify-content:center}.essay-copy{font-size:1.17rem}.section-head{max-width:960px;margin-inline:auto}}
@media(max-width:650px){
 .wrap{width:calc(100% - 36px)}
 .header-inner{min-height:100px;grid-template-columns:minmax(0,1fr) auto auto;gap:0 16px;padding:6px 0 0}
 .brand{font-size:.92rem}.reader-settings{grid-row:1;grid-column:2}.share-top{grid-row:1;grid-column:3;font-size:.72rem;padding:8px 0}
 .nav-links{grid-row:2;grid-column:1/-1;justify-content:center;gap:28px;width:100%}.nav-links a{font-size:.74rem;min-height:40px}
 .reader-settings .reader-preferences{right:-50px}
 .hero{min-height:calc(100svh - 100px);padding:20px 0 34px;gap:20px}
 .hero-art{width:min(56vh,72vw,320px);max-width:none}
 .hero-art figcaption{font-size:.66rem;padding-top:18px}.hero-copy>p:not(.eyebrow){font-size:.94rem}
 .hero .actions{gap:16px;margin-top:14px}.hero-flip{font-size:.71rem}.hero .button{font-size:.76rem}
 .reader-heading{padding:45px 0 18px}.reader-toolbar{gap:8px;padding:8px 0;margin-bottom:6px}
 .reading-modes a{font-size:.68rem;padding:6px 11px}.reader-text-link{font-size:.7rem}
 .zine-page{padding:40px 0 60px;gap:16px}.page-header h3{font-size:1rem}
 .page-jumps{gap:5px}.page-jumps a{width:32px;min-width:0}
 .flip-controls{gap:3px;font-size:.66rem}.flip-controls button{padding:6px}.flip-controls #flip-position{white-space:nowrap}
 html[data-reading='flip'] .reader-toolbar{flex-wrap:wrap;justify-content:center;gap:0 20px;margin-top:8px}
 html[data-reading='flip'] .zine-page{width:min(100%,52vh);padding-top:24px}
 .reflection{padding:30px 0;margin-bottom:45px}.reflection h2{font-size:1.8rem}
 .section-head h1{font-size:2.2rem}.section-head{padding-top:30px}
 .essay-copy{font-size:1.1rem}
}
@media(max-height:600px){.hero-art{width:min(52vh,260px)}.hero{min-height:0}.site-header{position:static}.reader-toolbar{position:static}html[data-reading='flip'] .zine-page{width:min(100%,380px)}}
@media print{.reader-toolbar,.reader-settings,.turn-overlay,.flip-anchor{display:none!important}.zine-page{width:100%;break-after:page}.zine-page[hidden]{display:block!important}.zine-page details::details-content{display:block}.hero{min-height:0}.hero-art{width:180px}.review-strip{display:none}}

html[data-reading='flip'] [data-view='read']>.wrap>.page-jumps{display:none}
.flip-controls select{font:inherit;min-height:44px;padding:4px;border:0;background:transparent;color:var(--ink);border-radius:4px}

/* Zine Reader: close-set photographs, optional notes and warm, humanist type. */
:root{--sans:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif;--serif:var(--sans)}
.brand{font-weight:700;letter-spacing:-.025em;font-size:1.1rem}
h1,h2,h3{font-weight:600}.hero-copy>p:not(.eyebrow){font-size:1rem}
.reader-list{display:flex;flex-direction:column;gap:8px;margin:18px 0 48px}
.zine-page,html[data-reading='flip'] .zine-page{padding:0;gap:0}
.zine-page>.page-header{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.zine-page:focus-visible .page-figure{outline:2px solid var(--teal);outline-offset:3px}
.page-figure{margin:0;line-height:0}.image-link{display:block}
.image-link img{display:block;box-shadow:0 2px 6px #34302e16}
.page-notes{position:relative;border:0;margin:0;padding:0}
.page-notes>summary{position:absolute;right:9px;bottom:9px;z-index:5;display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:8px 12px;list-style:none;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 2px 9px #34302e12;font-size:.78rem;line-height:1.2;cursor:pointer}
.page-notes>summary::-webkit-details-marker{display:none}
.page-notes>summary .notes-label{display:none}
.page-notes[open]{padding:12px 0 18px}
.page-notes[open]>summary{position:static;width:max-content;max-width:100%;margin:0 0 8px auto}
.page-notes[open]>summary .notes-label{display:inline}
.page-notes[open]>summary>span:first-child{display:none}
.review-flag{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#f6e9de;color:#76503a;font-size:.7rem;font-weight:bold}
.page-aside{padding:0 16px 8px}.page-aside .notes-enlarge{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem}
.page-aside .review-note{margin:12px 0}.page-tools{flex-wrap:wrap}
.turn-side{display:none}
html[data-reading='flip'] .turn-side{display:flex;position:absolute;top:0;bottom:0;width:50%;align-items:center;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--ink);z-index:4;cursor:pointer}
html[data-reading='flip'] .turn-left{left:0;justify-content:flex-start}
html[data-reading='flip'] .turn-right{right:0;justify-content:flex-end}
.turn-side span{display:flex;align-items:center;justify-content:center;width:36px;height:44px;background:var(--surface);border:1px solid var(--line);border-radius:24px;font-size:1.65rem;opacity:0;transform:translateX(0)}
html[data-reading='flip'] .turn-side:disabled{opacity:1;cursor:default}
.turn-side:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.turn-side:focus-visible span{opacity:1}
html[data-reading='flip'] .page-figure:before{inset:2px -3px -2px 3px}
html[data-reading='flip'] .page-notes:not([open]){height:54px}
html[data-reading='flip'] .page-notes>summary{bottom:0}
html[data-reading='flip'] .page-notes>summary .notes-label{display:inline}
html[data-reading='flip'] .page-notes>summary>span:first-child{display:none}
@media(hover:hover) and (pointer:fine){
 .image-link img{transition:box-shadow 160ms ease}
 .image-link:hover img{box-shadow:0 5px 18px #34302e2b}
 .button,.page-notes>summary,.reading-modes a,.page-jumps a{transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}
 .button:hover,.page-notes>summary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #34302e18}
 .reading-modes a:hover,.page-jumps a:hover{background:var(--soft)}
 .turn-side span{transition:opacity 160ms ease,transform 160ms ease}
 .turn-side:not(:disabled):hover span{opacity:1}
 .turn-left:not(:disabled):hover span{transform:translateX(-3px)}
 .turn-right:not(:disabled):hover span{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .button:hover,html:not([data-motion="full"]) .page-notes>summary:hover,html:not([data-motion="full"]) .turn-side:hover span{transform:none!important}}
html[data-motion='reduce'] .button:hover,html[data-motion='reduce'] .page-notes>summary:hover,html[data-motion='reduce'] .turn-side:hover span{transform:none!important}
@media print{.turn-side,.page-notes>summary{display:none!important}.page-notes[open]{padding:0}.reader-list{display:block}}

/* Light apricot surfaces retain dark text and focus indicators. */
:root{--accent:#e7b393;--accent-hover:#edc3a8;--accent-ink:#50382c;--readerbar:64px}
.button,.page-jumps a[aria-current='page'],.reading-modes a[aria-current]{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}
.button:hover{background:var(--accent-hover);color:var(--accent-ink)}
.button.secondary:hover{background:var(--soft)}
.nav-links a[aria-current='page']{border-color:var(--accent)}
html[data-reading='scroll'] .zine-page{width:min(100%,540px,max(240px,calc((100svh - var(--header) - var(--readerbar) - 40px) * .7069767)))}
html[data-section='read'][data-reading='scroll']{scroll-padding-top:calc(var(--header) + var(--readerbar) + 16px);scroll-padding-bottom:16px}
html[data-section='read'][data-reading='scroll'][data-alignment='assist'][data-motion='full'][data-scrolling='true']:not(:has(.page-notes[open],dialog[open],.reader-settings[open])){scroll-snap-type:y proximity}
.zine-page{scroll-snap-align:start;scroll-snap-stop:normal}
.hero-art>a{display:block;transform-origin:center;transition:transform 260ms cubic-bezier(.2,.65,.3,1)}
.hero-art img{transition:box-shadow 260ms ease}
.hero-art>a:focus-visible{transform:translateY(-5px) rotate(-1deg) scale(1.015)}
#image-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.viewer-head,.viewer-controls,.viewer-help{flex-shrink:0}
.viewer-controls{justify-content:space-between;gap:8px 20px}
.viewer-modes,.viewer-zoom{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.viewer-modes button{font:inherit;font-size:.8rem;min-height:44px;border:1px solid transparent;padding:8px 13px;border-radius:24px;background:transparent;color:var(--muted)}
.viewer-modes button[aria-pressed='true']{background:var(--accent);color:var(--accent-ink)}
.viewer-stage,.viewer-reading{height:700px;max-height:68dvh;min-height:0;flex:1 1 auto}
.viewer-reading{overflow:auto;overscroll-behavior:contain;padding:24px clamp(20px,5vw,64px);font-size:1.1rem;line-height:1.75}
.viewer-reading h3{font-size:1rem;margin-bottom:20px;color:var(--muted)}
#viewer-content{max-width:680px;margin:auto}#viewer-content p{margin-bottom:1em}
.viewer-help{margin:0}
@media(hover:hover) and (pointer:fine){
 .hero-art>a:hover{transform:translateY(-7px) rotate(-1.5deg) scale(1.02)}
 .hero-art:has(a:hover) img{box-shadow:0 30px 48px -18px #34302e48,0 4px 12px #34302e20}
 .nav-links a,.hero-flip,.viewer-modes button,.zoom-control,.viewer-close,.flip-controls button,.page-tools a{transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
 .nav-links a:hover,.hero-flip:hover,.page-tools a:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:5px}
 .viewer-modes button:hover,.zoom-control:not(:disabled):hover,.viewer-close:hover{background:var(--soft);box-shadow:0 2px 7px #34302e14}
 .viewer-modes button[aria-pressed='true']:hover{background:var(--accent-hover)}
 .image-link:hover img{box-shadow:0 8px 24px #34302e35}
 .button>span{display:inline-block;transition:transform 180ms ease}.button:hover>span{transform:translateY(2px)}
}
.hero-art>a:active{transform:scale(.99)}
html[data-motion='reduce'] .hero-art>a,html[data-motion='reduce'] .button>span{transform:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]){scroll-snap-type:none!important}html:not([data-motion="full"]) .hero-art>a,html:not([data-motion="full"]) .button>span{transform:none!important}}
@media(max-width:650px){.viewer-head{padding:10px 12px;gap:10px}.viewer-head h2{font-size:.82rem}.viewer-controls{padding:8px 12px}.viewer-modes{gap:2px}.viewer-modes button{font-size:.72rem;padding:8px 10px}.viewer-help{padding:8px 12px;font-size:.68rem}.viewer-reading{font-size:1rem}}
@media print{html{scroll-snap-type:none!important}html[data-reading='scroll'] .zine-page{width:100%}}

a,button,summary{-webkit-tap-highlight-color:#e7b39355}

/* One cover node, unobstructed pages, and an optional compact reading bar. */
.hero-art .zine-page{width:100%;margin:0;padding:0;gap:0}
.hero-art .image-link{transform-origin:center;transition:transform 260ms cubic-bezier(.2,.65,.3,1)}
.hero-credit{font-size:.72rem;line-height:1.5;text-align:center;margin:22px 0 0;color:var(--muted);transform:rotate(-1deg)}
.enhanced .page-notes:not([open]){height:0!important;padding:0}
.enhanced .page-notes:not([open])>summary{display:none!important}
.page-notes>summary,.page-notes[open]>summary{position:static!important;margin:8px 0 8px auto;transform:none!important}
.page-notes>summary .notes-label{display:inline}.page-notes>summary>span:first-child{display:none}
html[data-home='false'] .hero{display:none}
.reader-toolbar{flex-wrap:wrap;gap:6px 12px}
.enhanced .reader-text-link{display:none}
.reader-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reader-actions button,.viewer-pages button{font:inherit;font-size:.75rem;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink)}
.reader-actions button{line-height:1.2}#reader-notes{min-height:max(44px,calc(2.6em + 14px))}
.enhanced .zine-page{scroll-snap-align:none}.enhanced .zine-page[data-snap-candidate]{scroll-snap-align:start}
#reader-position{font-size:.72rem;white-space:nowrap;color:var(--muted)}
#reader-review{display:block;font-size:.65rem;color:var(--accent-ink)}
#reading-focus[aria-pressed='true'],#reader-notes[aria-expanded='true']{background:var(--accent);color:var(--accent-ink)}
html[data-focus-reading='true'] :is(.site-header,.site-footer,.review-strip,.reflection,.reader-heading,.page-jumps){display:none!important}
html[data-focus-reading='true'] .reader-toolbar{top:0;margin-top:0;justify-content:center;max-width:760px}
html[data-focus-reading='true'] .reader-toolbar :is(.reading-modes,.flip-controls){display:none}
html[data-focus-reading='true'] .reader-list{margin-top:12px}
html[data-focus-reading='true'] .zine-page{width:min(100%,620px,max(240px,calc((100svh - var(--readerbar) - 32px) * .7069767)))}
.viewer-pages{display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 12px;flex-shrink:0;border-bottom:1px solid var(--line)}
#viewer-position{font-size:.8rem;min-width:48px;text-align:center}
.image-link:hover img{box-shadow:0 2px 6px #34302e16}
@media(hover:hover) and (pointer:fine){
 .hero-art .image-link:hover{transform:translateY(-7px) rotate(-1.5deg) scale(1.02)}
 .hero-art .image-link:hover img{box-shadow:0 30px 48px -18px #34302e48,0 4px 12px #34302e20}
 .reader-actions button,.viewer-pages button{transition:background-color 160ms ease,border-color 160ms ease}
 .reader-actions button:hover,.viewer-pages button:not(:disabled):hover{background:var(--soft);border-color:var(--accent)}
}
.hero-art .image-link:focus-visible{transform:translateY(-5px) rotate(-1deg) scale(1.015)}
html[data-motion='reduce'] .hero-art .image-link{transform:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .hero-art .image-link{transform:none!important}}
@media(max-width:650px){.reader-toolbar{justify-content:center}.reader-actions{gap:5px;justify-content:center}.reader-actions button{font-size:.68rem;padding:6px 9px}.hero-credit{font-size:.66rem;margin-top:18px}.viewer-pages{gap:12px}.viewer-pages button{font-size:.7rem}}
@media print{.reader-actions,.viewer-pages{display:none!important}}

/* Downloads follow the last photograph without interrupting reading. */
.reader-downloads{width:min(760px,100%);margin:56px auto 32px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);scroll-margin-top:24px}
.reader-downloads h2{font-family:var(--sans);font-size:1.7rem;letter-spacing:-.025em;margin:8px 0 18px}
.reader-downloads h3{font:600 1rem/1.4 var(--sans)}
.reader-downloads p{font-size:.88rem;line-height:1.6}
#download-form>label{display:block;font-size:.85rem;font-weight:600;margin:18px 0 6px}
.download-entry{display:flex;gap:10px;align-items:stretch}
.download-entry input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:11px 12px;color:var(--ink);min-height:48px;font-size:16px}
.download-entry button{flex-shrink:0;min-height:48px}
.download-entry button:disabled{opacity:.6;cursor:default}
.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.download-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.download-card>p{color:var(--muted);margin-bottom:6px}
.download-card .button{margin-top:auto;gap:6px}
.download-card [aria-disabled=true]{opacity:.55;pointer-events:none;cursor:default}
.download-status:not(:empty){margin-top:14px;font-weight:600}
.download-preview{margin-top:12px;color:var(--muted)}
.download-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:560px){.reader-downloads{padding:22px 18px;margin-top:36px}.download-entry{flex-direction:column}.download-cards{grid-template-columns:1fr;gap:22px}.download-card+.download-card{border-top:1px solid var(--line);padding-top:22px}.download-card .button{min-height:44px}}
@media print{.reader-downloads{display:none!important}}

/* Paper motion is brief and local; reading surfaces stay still. */
.cover-loading .reader-list{content-visibility:hidden;contain-intrinsic-size:0 6000px}
.hero-art .image-link{position:relative;isolation:isolate;transition:transform 180ms cubic-bezier(.22,.7,.25,1)}
.hero-art .image-link::before{content:'';position:absolute;inset:4px 2px -4px;background:#ede6dc;box-shadow:0 22px 36px -16px #59453645;z-index:-1;transform:rotate(-.6deg);transition:transform 180ms ease,opacity 180ms ease;opacity:.65}
.hero-art img,.hero-art .image-link:hover img,.hero-art:has(a:hover) img{transition:none;box-shadow:0 2px 8px #34302e20}
.hero-art .page-notes:not([open]){height:0;padding:0}
.hero-art .page-notes:not([open])>summary{position:absolute!important;right:8px;bottom:8px}
.turn-overlay{height:100%;overflow:hidden;isolation:isolate}
.turn-leaf{position:relative;width:100%;backface-visibility:hidden;transform-style:preserve-3d}
.turn-leaf img{display:block;box-shadow:none}
.turn-shade,.turn-shadow{position:absolute;inset:0;pointer-events:none;opacity:0}
.turn-shade{background:linear-gradient(90deg,#31221a,transparent 72%)}
.turn-shadow{background:linear-gradient(90deg,transparent 25%,#31221a 48%,transparent 76%)}
.turn-overlay[data-direction='previous'] .turn-shade{background:linear-gradient(270deg,#31221a,transparent 72%)}
.turn-side::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#f7e5d7a0,transparent);transition:opacity 160ms ease}
.turn-right::after{background:linear-gradient(270deg,#f7e5d7a0,transparent)}
.turn-side span{position:relative;z-index:1}
.reader-toolbar{transition:border-color 180ms ease}
.reader-toolbar:not(:hover):not(:focus-within){border-color:transparent}
@media(hover:hover) and (pointer:fine){
 .hero-art .image-link:hover{transform:perspective(1100px) translateY(-5px) rotateX(2deg) rotateY(-3deg) rotate(-.6deg)}
 .hero-art .image-link:hover::before{transform:translateY(5px) rotate(-.6deg);opacity:1}
 .turn-side:not(:disabled):hover::after{opacity:1}
}
.hero-art .image-link:focus-visible{transform:perspective(1100px) translateY(-4px) rotateY(-2deg)}
.hero-art .image-link:active{transform:translateY(-1px) scale(.995)}
.turn-side:not(:disabled):focus-visible::after{opacity:1}
/* The photograph keeps its size and position when the text is opened. */
@media(min-width:1200px) and (min-height:650px){
 .enhanced .reader-list .zine-page{position:relative}
 .enhanced .reader-list .page-notes[open]{position:absolute;left:calc(100% + 24px);top:0;width:min(300px,calc((100vw - 620px)/2 - 40px));padding:0 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);max-height:calc(100svh - var(--header) - var(--readerbar) - 48px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
 .enhanced .reader-list .page-notes[open]>summary{margin:8px;max-width:calc(100% - 16px);font-size:.7rem}
 .enhanced .reader-list .page-aside{padding:0 18px 8px}
 .enhanced .reader-list .page-aside .transcript{font-size:1rem;line-height:1.65}
}
html[data-motion='reduce'] .hero-art .image-link::before{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .hero-art .image-link::before{transform:none!important}}
@media print{.enhanced .reader-list .page-notes[open]{position:static;width:100%;max-height:none;overflow:visible;border:0}.hero-art .image-link::before{display:none}}

#motion-status{font-size:.75rem;line-height:1.5;margin:0;color:var(--muted)}