:root{--paper:#f6f1e8;--ink:#292722;--wine:#6b302f;--olive:#5b6250;--line:#d9cebf;--muted:#645e55;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--wine);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a,audio,video,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--wine)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{position:sticky;top:0;z-index:5;background:rgba(246,241,232,.98);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;text-decoration:none;color:var(--ink)}nav{display:flex;gap:23px;font-size:14px}nav a{color:var(--ink);text-decoration:none}main{max-width:1200px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;padding:70px 0 45px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--wine);margin:0 0 18px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;margin-top:0}h1{font-size:clamp(46px,6vw,75px);letter-spacing:-.045em;margin-bottom:25px}h1 em{color:var(--wine)}h2{font-size:clamp(35px,4vw,49px);letter-spacing:-.025em;margin-bottom:25px}h3{font-size:28px;margin-bottom:13px}p{margin:0 0 20px}.lead{font-size:20px;color:var(--muted)}.byline{font-size:14px;margin:25px 0;color:var(--muted)}figure{margin:0}img{max-width:100%;display:block}.hero img{width:100%;height:540px;object-fit:cover;object-position:63% center;border-radius:3px}figcaption,.small{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}figcaption a{color:inherit}.pill{display:inline-block;padding:9px 17px;background:var(--wine);color:white;border-radius:3px;text-decoration:none;font-size:14px}.intro{display:grid;grid-template-columns:.55fr 1fr;gap:70px;border-top:1px solid var(--line);padding:45px 0 55px}.intro h3{font-size:32px}.citation{font-size:15px;color:var(--muted)}.audio-panel{background:#e9e3d8;border:1px solid var(--line);padding:32px;margin-bottom:70px;display:grid;grid-template-columns:.8fr 1fr;gap:40px}.audio-panel h3{margin:7px 0 14px}audio{width:100%;margin:10px 0}details{font-size:15px}summary{cursor:pointer;color:var(--wine);font-weight:600;margin:8px 0 17px}.transcript{max-height:360px;overflow:auto;padding-right:15px}.stop{border-top:1px solid var(--line);padding:65px 0 70px}.section-top{display:grid;grid-template-columns:.58fr 1fr;gap:70px}.number{display:block;font-family:Georgia,serif;font-size:65px;line-height:1;color:#ac8a6c;margin-bottom:20px}.media-grid{display:grid;grid-template-columns:.68fr 1fr;gap:50px;margin-top:28px;align-items:center}.video-frame{background:#272923;border-radius:4px;padding:15px;display:flex;justify-content:center}video{display:block;width:100%;max-width:330px;max-height:460px;background:#181a16}.note{border-left:3px solid var(--wine);padding:8px 0 8px 23px}.note p:last-child{margin:0}.instrument{background:var(--white);border:1px solid var(--line);padding:clamp(20px,4vw,44px);margin:30px 0 36px}.instrument img{width:auto;height:auto;max-width:100%;max-height:680px;margin:0 auto;object-fit:contain}.instrument figcaption{max-width:650px;margin:20px auto 0;text-align:center}.concept{background:var(--olive);color:white;padding:30px;margin-top:30px}.concept h3{font-size:26px}.concept p{margin:0}.concept a{color:#fff}.language-image{margin:30px 0}.language-image img{width:100%;max-height:430px;object-fit:cover;object-position:center 51%}.path{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 20px}.path>div{padding:24px;border-top:3px solid var(--olive);background:#eee8dd}.path span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);font-weight:700}.path h3{font-size:23px;margin-top:12px}.path p{font-size:16px;margin:0}.interactive{padding:34px;background:#e9e3d8;margin-top:35px}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}button{font:inherit;font-size:14px;border:1px solid var(--wine);border-radius:3px;background:transparent;color:var(--wine);padding:10px 16px;cursor:pointer}button[aria-pressed=true]{background:var(--wine);color:white}.scenario{font-size:17px;max-width:780px;min-height:160px}.scenario h3{font-size:25px}.closing{background:var(--wine);color:var(--paper);padding:50px;margin:10px 0 70px;display:grid;grid-template-columns:.7fr 1fr;gap:45px}.closing h2{font-size:39px}.closing p{margin:0}.reflection{border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:.58fr 1fr;gap:70px}.reflection h2{font-size:37px}.sources{border-top:1px solid var(--line);padding:55px 0}.sources h2{font-size:37px}.refs{font-size:15px;max-width:970px}.refs p{padding-left:26px;text-indent:-26px;margin:0 0 18px;overflow-wrap:anywhere}.source-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--olive);margin:30px 0 20px}.credits{font-size:14px;max-width:950px}.credits p{margin-bottom:17px}footer{border-top:1px solid var(--line);padding:28px;text-align:center;font-size:12px;color:var(--muted)}@media(max-width:800px){.nav{padding:14px 20px;display:block}.brand{font-size:12px}nav{margin-top:10px;gap:20px;font-size:13px}main{padding:0 20px}.hero,.intro,.audio-panel,.section-top,.media-grid,.reflection,.closing{grid-template-columns:1fr;gap:25px}.hero{padding-top:38px}.hero img{height:360px}.intro{padding:35px 0}.audio-panel{padding:24px;margin-bottom:45px}.stop{padding:42px 0}.section-top .number{font-size:44px;margin-bottom:15px}.media-grid{gap:30px}.path{grid-template-columns:1fr;gap:15px}.closing{padding:30px;margin-bottom:40px}.interactive{padding:25px}.scenario{min-height:215px}h1{font-size:52px}body{font-size:17px}.reflection{padding:40px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
