:root{color-scheme:light;--paper:#f7f3ec;--ink:#352d27;--muted:#6e5c50;--accent:#80553e;--line:#d7c9ba}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.3em}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.page{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}
.brand{font-family:Georgia,'Times New Roman',serif;font-size:1.9rem;letter-spacing:-.05em}
.edition{font-size:.875rem;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,100px);padding:64px 0 58px;align-items:center}
.eyebrow{font-size:.75rem;line-height:1.7;letter-spacing:.1em;font-weight:600;color:var(--accent);margin:0 0 30px}
.eyebrow span{margin:0 8px;font-weight:400}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.2rem,5.9vw,5rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 28px}
h1 em{font-weight:400;color:var(--accent)}
.lead{font-size:1.17rem;line-height:1.65;max-width:32ch;margin:0 0 16px}
.description{font-size:1rem;line-height:1.7;color:var(--muted);max-width:40ch;margin:0 0 28px}
.download{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:365px;padding:20px 24px;color:#fffaf4;background:var(--ink);text-decoration:none;font-size:1rem;border:1px solid var(--ink);transition:background .2s}
.download:hover{background:var(--accent);border-color:var(--accent)}
.download span{font-size:1.3rem}
.download-note{font-size:.875rem;color:var(--muted);margin:14px 0 0}
.format-note{font-size:.875rem;line-height:1.55;max-width:39ch;color:var(--muted);margin:14px 0 0}
.sample{margin:0;min-width:0}
.sample-heading{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.07em;color:var(--muted);margin:0 0 17px}
.paper-link{display:block;transition:transform .2s}
.paper-link:hover{transform:translateY(-3px)}
.sample img{display:block;width:100%;height:auto;border:1px solid #e3d9cc;box-shadow:0 15px 38px #352d2712}
figcaption{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-top:21px;font-size:.875rem;line-height:1.5;color:var(--muted)}
figcaption>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1rem;max-width:21ch}
figcaption a{max-width:15ch}
.closing{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 0}
.closing>p{font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;line-height:1.5;margin:0}
.closing em{color:var(--accent)}
.method{display:flex;gap:25px;align-items:center;color:var(--muted);font-size:.875rem;line-height:1.7}
.method>span:first-child{font-size:.875rem;letter-spacing:.12em;font-weight:600;color:var(--accent)}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 36px;color:var(--muted);font-size:.875rem;line-height:1.6}
footer>div{display:flex;gap:20px;flex-wrap:wrap}
.skip{position:absolute;top:8px;left:8px;padding:12px;background:var(--ink);color:white;transform:translateY(-160%);z-index:10}
.skip:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.hero{gap:110px}.sample{max-width:480px;margin-left:auto}}
@media(max-width:900px){.page{width:calc(100% - 56px)}.hero{gap:40px}.edition{font-size:.8125rem}.closing>p{font-size:1.3rem}.method{gap:14px}.footer-note{display:none}}
@media(max-width:680px){.page{width:calc(100% - 40px);max-width:480px}.header{min-height:85px}.brand{font-size:1.6rem}.edition{max-width:13ch;text-align:right;font-size:.75rem;line-height:1.5}.hero{grid-template-columns:1fr;gap:46px;padding:37px 0 38px}.eyebrow{margin-bottom:22px;font-size:.75rem;letter-spacing:.065em}h1{font-size:clamp(3.2rem,12vw,4.2rem);margin-bottom:24px}.lead{font-size:1.125rem;max-width:33ch}.description{margin-bottom:25px}.download{max-width:none;font-size:1rem;padding:19px 20px}.sample{width:100%}.closing{align-items:start;flex-direction:column;padding:28px 0;gap:24px}.closing>p{font-size:1.3rem}.method{width:100%;justify-content:space-between}.method>span:last-child{text-align:right}footer{align-items:start;font-size:.8125rem}footer>a{max-width:13ch;text-align:right}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
