:root{--paper:#f3f0e8;--ink:#24221e;--muted:#6e6961;--line:#d5d0c6;--red:#a33d30;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}a:focus-visible{outline:2px solid var(--red);outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:12px}header{min-height:108px;margin:0 4.4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font:25px Georgia,serif;letter-spacing:-1px}.brand span{font-style:italic}nav{display:flex;gap:30px;font-size:14px}nav a{padding:12px 0;position:relative}nav a[aria-current="page"]{color:var(--red)}nav a[aria-current="page"]:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--red)}main{min-height:70vh}main:focus{outline:none}.hero{margin:0 4.4vw;position:relative;height:calc(100svh - 108px);min-height:510px;max-height:1000px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.folio{position:absolute;top:30px;left:0;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.hero-date{position:absolute;top:30px;right:0;font-size:12px;color:var(--muted)}.art{position:relative;width:min(72vh,680px,85vw);aspect-ratio:1;display:block}.art .ink{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.art .seal{position:absolute;right:8%;bottom:15%;width:8.5%;transform:rotate(-5deg);mix-blend-mode:multiply}.hero .vertical{position:absolute;left:0;bottom:34px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em;color:var(--muted)}.hero .scroll{position:absolute;right:0;bottom:32px;font-size:13px;color:var(--muted)}.entry-copy{max-width:920px;margin:90px auto 85px;padding:0 30px;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 24px}.entry-copy h1{font:normal clamp(36px,4vw,54px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:16px 0 22px}.reading{font-size:14px;color:var(--muted);line-height:1.8}.entry-copy .meaning{font-size:14px;line-height:1.7;color:var(--muted)}.reflection{font:22px/1.65 Georgia,serif;margin:0}.source{margin-top:32px;font-size:14px;line-height:1.7;color:var(--muted)}.source summary{cursor:pointer;display:list-item}.source p{margin:12px 0 0}.entry-nav{margin:0 4.4vw 75px;padding-top:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:14px}.entry-nav .all{text-align:center}.entry-nav .next{text-align:right}.entry-nav .disabled{color:#888178}.entry-nav small{display:block;font-size:12px;margin-top:10px;color:var(--muted)}.page{max-width:1220px;margin:75px auto 110px;padding:0 5vw}.page-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:30px}.page h1{font:normal clamp(45px,6vw,76px)/1.1 Georgia,serif;letter-spacing:-2px;margin:0}.page-head p{font-size:14px;color:var(--muted)}.journal-item{display:grid;grid-template-columns:300px 1fr;gap:65px;padding:30px 0 55px;border-bottom:1px solid var(--line);align-items:center}.journal-item .art{width:100%;background:#eae6dc}.journal-item h2{font:normal 38px Georgia,serif;letter-spacing:-1px;margin:18px 0}.journal-item p{max-width:570px;font:18px/1.7 Georgia,serif}.journal-item .read{display:inline-block;font-size:14px;margin-top:12px;border-bottom:1px solid var(--ink);padding-bottom:6px}.archive{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.archive .art{width:100%;background:#eae6dc;transition:background .2s}.archive a:hover .art{background:#e3ddd1}.archive h2{font:normal 25px Georgia,serif;margin:20px 0 10px}.archive p{font-size:13px;color:var(--muted)}.about{max-width:850px}.about h1{margin-bottom:45px}.about .intro{font:30px/1.6 Georgia,serif}.about p{max-width:680px;font-size:17px;line-height:1.85}.maker{border-top:1px solid var(--line);margin-top:45px;padding-top:35px;display:flex;align-items:center;gap:30px}.maker img{width:65px}.maker p{font-size:14px;color:var(--muted)}footer{margin:0 4.4vw;padding:27px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}@media(min-width:1500px){.hero .art{width:min(78vh,780px)}}@media(max-width:700px){header{min-height:125px;flex-direction:column;justify-content:center;gap:10px}.brand{font-size:24px}nav{gap:26px}.hero{height:calc(85svh - 125px);min-height:400px}.hero .art{width:96vw;max-width:540px}.hero-date,.folio{font-size:11px;top:24px}.entry-copy{margin:55px auto;display:block;padding:0 7vw}.entry-copy h1{max-width:290px}.reflection{margin-top:35px;font-size:21px}.entry-nav{margin-bottom:50px;font-size:13px}.entry-nav small{max-width:110px;line-height:1.5}.entry-nav .next small{margin-left:auto}.page{margin-top:50px;padding:0 6vw}.page-head{display:block}.page-head p{margin-top:20px}.journal-item{grid-template-columns:1fr;gap:20px}.journal-item .art{max-width:380px;margin:auto}.journal-item h2{font-size:34px}.archive{grid-template-columns:repeat(2,1fr);gap:20px}.archive h2{font-size:23px}.archive p{line-height:1.7}.about .intro{font-size:26px}footer{flex-wrap:wrap;line-height:1.5}footer span:nth-child(2){order:3;width:100%}.maker{gap:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.artwork-toggle{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;border:1px solid var(--line);border-radius:3px;padding:4px;background:var(--paper)}.artwork-toggle button{font:14px Arial,sans-serif;border:0;background:transparent;color:var(--muted);padding:10px 16px;cursor:pointer;border-radius:2px}.artwork-toggle button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.artwork-toggle button:focus-visible,.image-picker:focus-within{outline:2px solid var(--red);outline-offset:3px}.artwork-display{margin-bottom:48px}.illustration-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;gap:16px}.illustration-empty p{font:26px/1.3 Georgia,serif;margin:0}.illustration-empty span{font-size:14px;line-height:1.6;color:var(--muted)}.image-picker{position:relative;overflow:hidden;border-bottom:1px solid var(--red);color:var(--red);font-size:14px;padding:12px 0;cursor:pointer}.image-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.illustration-empty small{font-size:12px;line-height:1.6;color:var(--muted)}.illustration-empty .image-error{font:14px/1.5 Arial,sans-serif;color:var(--red)}.illustrated .ink{mix-blend-mode:normal}.hero:has(.artwork-toggle) .scroll{bottom:90px}
@media(max-width:700px){.artwork-toggle{bottom:20px;white-space:nowrap}.artwork-toggle button{padding:10px 14px}.hero .artwork-display .art{max-width:75vw}.illustration-empty{padding:10px}.illustration-empty p{font-size:24px}.hero:has(.artwork-toggle) .scroll{bottom:82px}}
/* Keep full-paper originals clear of the folio and view controls. */
.hero .artwork-display .art{width:min(680px,72vh,calc(100svh - 300px),80vw)}
@media(max-height:650px){.hero .artwork-display .art{width:min(320px,70vw)}}
.maker a{text-decoration:underline;text-underline-offset:3px}