@font-face{font-family:Agency;src:url(assets/serif.otf) format('opentype');font-display:swap}@font-face{font-family:Agency;src:url(assets/serif-bold.otf) format('opentype');font-weight:700;font-display:swap}
:root{--paper:#f3eedf;--green:#123a31;--ink:#092e28;--copper:#a65432}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Agency,Georgia,serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:6px}p{font-size:clamp(19px,2.05vw,31px);line-height:1.28;margin:0 0 22px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.045em}img{display:block;width:100%;height:auto}figure{margin:0}.shell{width:94%;max-width:1600px;margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--green);padding:18px 0 12px;gap:24px}.brand{text-decoration:none;display:flex;flex-direction:column;align-items:center}.brand>span{font-size:clamp(45px,6.45vw,100px);font-weight:700;line-height:.87;letter-spacing:-.045em}.brand small{color:var(--copper);font-size:clamp(11px,1.4vw,21px);letter-spacing:.36em;margin-top:6px}.header nav{display:flex;gap:clamp(20px,3vw,46px)}nav a{font-size:clamp(18px,1.9vw,29px);text-decoration:none;border-bottom:1px solid transparent;padding-block:10px}nav a:hover{color:var(--copper);border-color:var(--copper)}.hero{display:grid;grid-template-columns:39% 61%;padding-block:22px 24px}.hero-copy{padding:40px 28px 20px 0;align-self:center}h1{font-size:clamp(42px,7.2vw,112px);line-height:.98;letter-spacing:-.055em}.rule{display:block;width:80px;height:3px;background:var(--copper);margin:28px 0}.hero p{max-width:570px}.primary{display:inline-flex;align-items:center;gap:28px;background:var(--green);color:var(--paper);padding:19px 30px;margin-top:12px;outline:1px solid var(--copper);outline-offset:3px;text-decoration:none;letter-spacing:.17em;text-transform:uppercase;font-size:clamp(14px,1.5vw,23px);transition:background .2s}.primary:hover{background:var(--copper)}svg{width:30px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.primary svg{color:#d28b61;width:38px}.hero img{aspect-ratio:1.49;object-fit:cover}figcaption{text-align:right;letter-spacing:.21em;font-size:clamp(10px,1vw,15px);color:var(--copper);padding-top:15px}.method{border-top:1px solid var(--green);border-bottom:1px solid #a9aca0;padding:38px 0;display:grid;grid-template-columns:1fr 1fr 1.05fr}.method article{padding:0 35px}.method article:first-child{padding-left:20px}.method article+article{border-left:1px solid var(--copper)}.method h2{font-size:clamp(25px,3.7vw,57px);line-height:1}.method .rule{width:60px;height:2px;margin:18px 0}.method p{font-size:clamp(17px,1.75vw,27px);margin:0}.biography{display:grid;grid-template-columns:46% 54%;padding-block:95px}.biography h2{font-size:clamp(48px,7.1vw,110px);line-height:1}.bio-copy{border-left:1px solid var(--copper);padding-left:55px}.bio-copy h3{font-size:clamp(27px,3vw,45px);line-height:1.06}.bio-copy p{font-size:clamp(20px,1.85vw,28px)}.bio-copy small{display:block;font-size:13px;line-height:1.8;letter-spacing:.18em;color:var(--copper);margin-top:30px}.archive{background:var(--green);color:var(--paper);padding:56px 0 45px;border-top:3px solid var(--copper)}.archive h2{font-size:clamp(44px,6.5vw,100px);line-height:1.05}.eyeline{font-size:clamp(11px,1.3vw,20px);letter-spacing:.22em;margin-top:12px}.archive .rule{background:#d58d63;margin:22px 0}.archive details{border-top:1px solid #ad805c}.archive details:last-of-type{border-bottom:1px solid #ad805c}summary{display:flex;align-items:center;gap:35px;cursor:pointer;list-style:none;padding:20px 0}summary::-webkit-details-marker{display:none}.case-no{font-size:38px;color:#d98c5b;border-right:1px solid #ad805c;padding-right:30px}summary h3{font-size:clamp(24px,3vw,46px);line-height:1.1}.file-action{display:flex;align-items:center;gap:18px;margin-left:auto;color:#efad81;font-size:24px;white-space:nowrap}.file-action svg{width:24px;transition:transform .2s}details[open] .file-action svg{transform:rotate(45deg)}.case-body{max-width:980px;padding:0 0 25px 98px}.case-body p{font-size:23px;color:#eee5d3}.case-body b{color:#efad81}.archive-note{font-size:24px;letter-spacing:.1em;margin:30px 0 0}.puzzle{display:grid;grid-template-columns:54% 46%;gap:0;padding-block:100px 65px;align-items:center}.puzzle>div{padding-left:45px}.puzzle img{aspect-ratio:1.1;object-fit:cover}.puzzle h2{font-size:clamp(50px,7vw,108px);line-height:.96}.puzzle p{font-size:clamp(20px,1.8vw,28px)}.choices{display:grid;gap:12px}.choices button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 24px;border:1px solid var(--copper);background:transparent;color:var(--ink);font-family:inherit;font-size:clamp(22px,2.2vw,34px);cursor:pointer;transition:background .2s,color .2s}.choices button svg{color:var(--copper);width:16px}.choices button:hover,.choices button[aria-pressed=true]{background:var(--green);color:var(--paper)}.choices button[aria-pressed=true] svg{color:#efad81}.puzzle .feedback{font-size:18px;line-height:1.45;min-height:78px;margin:20px 0 0;letter-spacing:.025em}footer{border-top:1px solid var(--green);display:flex;align-items:center;gap:35px;padding-block:28px 40px}footer>a:first-child{font-size:14px;color:var(--copper);letter-spacing:.15em;text-decoration:none}footer p{font-size:15px;letter-spacing:.08em;margin:0 0 0 auto}.back{display:flex;align-items:center;gap:10px;color:var(--copper);font-size:18px}.back svg{width:17px}.skip{position:fixed;left:20px;top:-100px;z-index:5;padding:12px;background:var(--green);color:white}.skip:focus{top:20px}
@media(min-width:1600px){h1{font-size:112px}}@media(max-width:1000px){.hero-copy{padding-top:15px}.primary{padding:15px 17px;gap:12px}.hero .rule{margin-block:22px}.method article{padding-inline:22px}.bio-copy{padding-left:30px}.biography{padding-block:65px}.puzzle>div{padding-left:28px}.puzzle{padding-block:65px 40px}.case-no{font-size:30px}.file-action{font-size:20px}footer{flex-wrap:wrap;gap:20px}footer p{margin-left:0}.back{margin-left:auto}}
@media(max-width:700px){.shell{width:89%}.header{flex-direction:column;align-items:flex-start;padding-block:22px 15px;gap:16px}.brand>span{font-size:57px}.brand small{font-size:12px}.header nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:18px;padding:5px 0}.hero{grid-template-columns:1fr;padding-top:25px}.hero-copy{padding:0 0 30px}h1{font-size:clamp(47px,10.8vw,75px)}.hero p{font-size:23px;max-width:470px}.primary{font-size:15px;padding:17px 21px}.hero img{aspect-ratio:1.25}.hero figcaption{font-size:10px;letter-spacing:.16em}.method{grid-template-columns:1fr;padding-block:5px 25px}.method article,.method article:first-child{padding:23px 0}.method article+article{border-left:0;border-top:1px solid #c8b8a1}.method h2{font-size:37px}.method p{font-size:21px}.method p br{display:none}.method .rule{margin-block:14px}.biography{grid-template-columns:1fr;padding-block:55px;gap:18px}.biography h2{font-size:54px}.bio-copy{border:0;padding:0}.bio-copy h3{font-size:30px}.bio-copy p{font-size:22px}.archive{padding-block:40px}.archive h2{font-size:48px}.eyeline{font-size:11px;line-height:1.7}.archive summary{gap:15px;padding-block:22px}.case-no{font-size:25px;padding-right:13px}summary h3{font-size:26px;letter-spacing:-.02em}.file-action span{display:none}.file-action{margin-left:auto;gap:0}.file-action svg{width:20px}.case-body{padding:0 0 20px}.case-body p{font-size:20px}.archive-note{font-size:20px;line-height:1.4}.puzzle{grid-template-columns:1fr;padding-block:50px 35px;gap:30px}.puzzle>div{padding:0}.puzzle img{aspect-ratio:1.5}.puzzle h2{font-size:64px}.puzzle p{font-size:22px}.choices button{font-size:25px}.puzzle .feedback{min-height:85px}footer{display:grid;gap:18px;padding-block:25px}.back{margin:0;justify-self:start}footer p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:701px){h1{font-size:clamp(38px,5.05vw,81px);line-height:1.04}.hero-copy{padding-right:18px}.method h2{font-size:clamp(25px,3.25vw,52px)}}

.hero-kicker{display:block;font-size:clamp(13px,1.3vw,20px);line-height:1.4;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin-bottom:20px}