:root{--ink:#191515;--paper:#f1ece4;--rose:#9e3f4a;--line:#c8beb2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,sans-serif}a{color:inherit}.navigation,.hero,.characters,.works,footer{padding-left:max(1.5rem,6vw);padding-right:max(1.5rem,6vw)}.navigation{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:5rem;display:flex}.wordmark{letter-spacing:.18em;font:700 1rem Georgia,serif;text-decoration:none}nav{gap:1rem;font-size:.8rem;display:flex}nav a{text-decoration:none}.hero{border-bottom:1px solid var(--line);background:linear-gradient(120deg, #e5d5cb, var(--paper) 54%, #dcb4a9);align-content:center;min-height:70vh;display:grid}.eyebrow{color:var(--rose);letter-spacing:.14em;margin:0 0 1rem;font-size:.72rem;font-weight:700}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{letter-spacing:-.07em;max-width:10ch;margin:0;font-size:clamp(3.6rem,10vw,8rem);line-height:.86}h1 span{color:var(--rose);letter-spacing:-.04em;font-size:.55em}.hero-copy{max-width:31rem;margin:2rem 0;line-height:1.6}.text-link{text-underline-offset:.35rem;font-weight:700}.characters,.works{border-bottom:1px solid var(--line);padding-top:6rem;padding-bottom:6rem}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}h2{letter-spacing:-.05em;margin:0 0 2rem;font-size:clamp(2.3rem,6vw,4.5rem)}.character-list,.work-grid{margin:0;padding:0;list-style:none}.character-list li{border-top:1px solid var(--line);grid-template-columns:3rem 1fr auto;gap:1rem;padding:1.1rem 0;display:grid}.character-list em{color:var(--rose);text-transform:uppercase;font-size:.75rem;font-style:normal}.work-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.work-grid li{background:#d7c7b8;min-height:15rem;padding:1.5rem}.work-grid a{flex-direction:column;justify-content:space-between;min-height:12rem;text-decoration:none;display:flex}.work-grid span{text-transform:uppercase;font-size:.7rem}.work-grid h3{margin:0;font-size:1.7rem}.empty-state{color:#665d57}footer{justify-content:space-between;gap:1rem;padding-top:2rem;padding-bottom:2rem;font-size:.8rem;display:flex}@media (max-width:640px){.work-grid{grid-template-columns:1fr}.navigation{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:1.4rem;padding-bottom:1.4rem}footer{flex-direction:column}}