:root{color-scheme:light;--paper:#eee7cd;--ink:#302e26;--rust:#7d4934;--rule:#8e8a7026}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.comparison-scroll:focus-visible{outline:2px solid #ab7755;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;padding:12px;background:var(--paper)}.skip-link:focus{top:16px}#notebook{background-color:var(--paper);background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:24px 24px}.notebook-header{max-width:1400px;margin:auto;padding:30px 48px 35px}.notebook-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #867d624d;padding-bottom:20px;margin-bottom:25px}.notebook-topline h1,.notebook-topline h2{font-size:34px;font-weight:400;letter-spacing:.02em;margin:0}.notebook-topline a{font:11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.collection-note{display:grid;grid-template-columns:190px 1fr;gap:30px;max-width:1100px;font-size:14px;line-height:1.8}.note-label{font:italic 17px/1.5 Georgia}.collection-note p{margin:0}.collection-note a{color:#634b38}.lithographs-section{margin-top:0}.plate-nav{position:sticky;top:0;z-index:5;display:flex;justify-content:center;align-items:center;gap:25px;background:#eee7cdf5;border-block:1px solid #a69a754d;padding:17px 20px;backdrop-filter:blur(10px);font:11px Arial,sans-serif;letter-spacing:.05em}.plate-nav>span{text-transform:uppercase;letter-spacing:.14em;margin-right:30px;color:#82775f;font-size:9px}.plate-nav a{text-decoration:none;padding:4px}.plate-nav a.active{color:#873f28;box-shadow:0 2px #873f28}.read-link{margin-left:30px}.gallery{max-width:1600px;margin:auto;padding:0 30px 60px}.spread{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);border-bottom:1px solid #b5a98477;position:relative;min-height:850px}.spread:after{content:'';position:absolute;left:75%;top:0;bottom:0;width:1px;background:#aa957a50}figure{margin:0;padding:50px 40px 40px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.art-link{display:block;width:100%;line-height:0;text-align:center}.art-link img{display:inline-block;width:auto;max-width:100%;height:auto;max-height:1000px;box-shadow:0 8px 17px #403b2520}figcaption{font-size:12px;margin-top:19px;width:100%;line-height:1.6;font-style:italic}figcaption span{display:block;font:9px/1.8 Arial,sans-serif;color:#827a67;margin-top:4px}.plate-text{padding:50px 30px;display:flex;flex-direction:column;justify-content:center}.plate-number{font-size:38px;letter-spacing:-.05em;color:#8e503a;margin-bottom:30px}.plate-number span{display:block;font:10px/1.8 Arial,sans-serif;letter-spacing:.07em;color:#83785f;margin-top:8px}h3{font-size:clamp(22px,2.8vw,38px);font-weight:400;letter-spacing:-.025em;line-height:1.25;margin:10px 0 25px}.ink-rule{height:1px;width:55px;background:#967152;margin:10px 0 20px}.credit{font:10px/1.8 Arial,sans-serif;color:#81755e;margin:0;max-width:310px}.plate-desc{font-size:15px;line-height:1.75;color:var(--ink);margin:0 0 16px;max-width:360px}.reading-section{max-width:1600px;margin:auto;padding:70px 40px 50px}.reading-section h2{font-weight:400;font-size:clamp(30px,4vw,48px);margin:0 0 12px}.reading-range{font:12px/1.8 Arial;color:#756b55;margin:0 0 26px}.reading-player{max-width:680px;padding:20px;border:1px solid #b6a777;background:#f8f2d9;margin-bottom:25px}.reading-player label{display:block;margin-bottom:15px;font-size:17px}.reading-player audio{width:100%}.reading-player p{font-size:12px;color:#73694e}.reading-player p:empty{display:none}.comparison-note{font:12px/1.8 Arial;color:#756b55;max-width:900px;margin:25px 0 18px}.comparison-scroll{overflow-x:auto;border:1px solid #b7ac8b;background:#faf7eb}.comparison{display:grid;grid-template-columns:1fr 1fr;min-width:800px}.text-column{min-width:0}.text-column+ .text-column{border-left:1px solid #cec6af}.translation-tabs{display:flex;gap:22px;align-items:center;border-bottom:1px solid #cec6af;padding:26px 30px;min-height:83px;overflow-x:auto;scrollbar-width:none}.translation-tabs::-webkit-scrollbar{display:none}.translation-tabs button{border:0;border-bottom:1px solid transparent;background:none;color:#938a76;white-space:nowrap;padding:6px 0;font:15px Georgia;cursor:pointer}.translation-tabs button[aria-selected=true]{color:#9a422f;border-color:#9a422f}.translation-panel{padding:24px 30px 45px}.translation-panel[hidden]{display:none}.poem,.translated-lines{list-style:none;padding-left:0;margin:0;font-size:18px;line-height:1.9}.poem li,.translated-lines li{padding-left:0;margin-bottom:7px}.poem .word.is-active,.translated-lines .translation-phrase.is-active{color:#fffaf0;background:#6b391b;border-radius:.15em;box-shadow:0 0 0 .12em #6b391b}.translation-sources,.site-footer{font-size:11px;line-height:1.8;color:#756b55}.translation-sources{margin-top:18px}.site-footer{border-top:1px solid #b6a777;padding-top:20px;margin-top:30px}@media(max-width:1000px){.gallery{padding:0 16px 50px}.spread{grid-template-columns:minmax(0,2.4fr) minmax(170px,1fr);min-height:650px}.spread:after{left:70.6%}figure{padding:35px 20px 30px 0}.plate-text{padding:35px 22px}.plate-nav{gap:16px}.plate-nav>span{margin-right:10px}.read-link{margin-left:10px}.reading-section{padding:55px 20px 35px}.translation-tabs{gap:18px;padding-inline:24px}}@media(max-width:600px){.notebook-header{padding:24px}.notebook-topline h1,.notebook-topline h2{font-size:28px}.notebook-topline a{font-size:9px}.collection-note{grid-template-columns:1fr;gap:10px;font-size:13px}.plate-nav{gap:13px;padding:14px 8px}.plate-nav>span{display:none}.read-link{margin-left:5px}.spread{grid-template-columns:1fr;min-height:0}.spread:after{display:none}figure{padding:30px 0 10px}.plate-text{padding:10px 10px 28px}.plate-number{font-size:22px;margin-bottom:0}.plate-number span{display:inline;margin-left:10px}h3{margin:10px 0;font-size:23px}.ink-rule{display:none}.credit{max-width:none}.reading-section{padding-inline:16px}.comparison{min-width:800px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:1000px){.translation-tabs{padding:22px 18px;gap:14px}.translation-tabs button{font-size:13px}.translation-panel{padding:24px 20px 35px}.poem,.translated-lines{font-size:16px}}

/* Fullscreen Hero Section */
.hero-section{position:relative;width:100%;height:100vh;height:100dvh;min-height:520px;overflow:hidden;background-color:#0b0d10;display:flex;flex-direction:column}
.hero-backdrop{position:absolute;inset:0;z-index:1}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.04) brightness(.96);user-select:none;-webkit-user-select:none}
.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(11,13,16,.4) 75%,#0b0d10 100%),linear-gradient(180deg,rgba(11,13,16,.6) 0%,transparent 18%,transparent 75%,rgba(11,13,16,.95) 100%);pointer-events:none}
.hero-ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:30px 40px;pointer-events:none}
.hero-topbar{display:flex;justify-content:flex-end;align-items:center}
.hero-tag{font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,231,205,.75);text-shadow:0 1px 4px rgba(0,0,0,.8)}
.hero-footer{display:flex;justify-content:flex-end;align-items:center;width:100%;gap:16px}
.hero-controls{display:flex;gap:12px;align-items:center}
.hero-pill-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;background:rgba(18,20,24,.72);border:1px solid rgba(238,231,205,.35);color:#eee7cd;padding:10px 18px;border-radius:9999px;font:11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.4);transition:all .22s cubic-bezier(.16,1,.3,1)}
.hero-pill-btn:hover{background:#eee7cd;color:#111317;border-color:#eee7cd;box-shadow:0 6px 20px rgba(0,0,0,.6);transform:translateY(-1px)}
.hero-pill-btn[aria-pressed="true"]{background:rgba(238,231,205,.22);border-color:#eee7cd;color:#fffaf0}
.hero-pill-btn .hero-icon{flex-shrink:0}
.hero-scroll-prompt{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;color:#eee7cd;text-decoration:none;font:11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:rgba(18,20,24,.72);border:1px solid rgba(238,231,205,.35);padding:10px 20px;border-radius:9999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.4);transition:all .22s cubic-bezier(.16,1,.3,1)}
.hero-scroll-prompt:hover{background:#eee7cd;color:#111317;border-color:#eee7cd;transform:translateY(-1px)}
.hero-scroll-prompt svg{animation:heroBounce 2s ease-in-out infinite}
@keyframes heroBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(max-width:700px){.hero-image{object-fit:contain}.hero-ui{padding:20px}.hero-tag{font-size:9px}.hero-footer{flex-direction:column-reverse;align-items:stretch;gap:12px}.hero-controls{justify-content:center}.hero-scroll-prompt{justify-content:center}}
@media(prefers-reduced-motion:reduce){.hero-scroll-prompt svg{animation:none}.hero-pill-btn,.hero-scroll-prompt{transition:none}}

.reading-player .audio-acknowledgement{margin:16px 0 0;padding-top:12px;border-top:1px solid #b6a777;font-size:12px;line-height:1.6;color:#686868}


.translation-phrase{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.audio-word{appearance:none;display:inline;margin:0;padding:0;border:0;border-radius:.15em;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}
.audio-word:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.audio-word:focus-visible{outline:2px solid #ab7755;outline-offset:3px}