
:root{--ink:#17362f;--paper:#efeee8;--muted:#50635a;--accent:#a9684d;--line:#c9d0ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{width:min(1080px,calc(100% - 44px));margin:auto}
.site-header{background:var(--ink);color:var(--paper)}.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-logo{width:184px;filter:brightness(0) invert(1)}.primary{display:flex;gap:24px;align-items:center;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.primary a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:5px}.primary a:hover{border-color:var(--accent)}
.crumbs{margin:42px 0 38px;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font:13px/1.5 Arial,sans-serif}.crumbs a{text-decoration:none}.crumbs a:hover,.underlink:hover{color:var(--accent)}.eyebrow{color:var(--accent);font:12px/1.5 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}.lead{padding:12px 0 54px;border-bottom:1px solid var(--line)}h1{margin:0;font-size:clamp(44px,7vw,84px);line-height:1.02;letter-spacing:-.04em;font-weight:normal}h2{font-size:clamp(30px,4vw,48px);line-height:1.15;font-weight:normal;margin:0 0 22px}h3{font-size:26px;font-weight:normal;margin:0 0 14px}.deck{max-width:740px;margin:24px 0 0;font-size:clamp(19px,2.5vw,26px);line-height:1.45;color:#3d5549}.chapter{padding:65px 0;border-bottom:1px solid var(--line)}.chapter:last-child{border-bottom:0}.prose{max-width:730px;color:#34483c;font-size:18px;line-height:1.77}.prose p{margin:0 0 1.3em}.prose h2{margin:2em 0 .55em;font-size:32px}.prose a{border-bottom:1px solid var(--accent);text-decoration:none}.byline{font:14px Arial,sans-serif;color:var(--muted)}.small{font:14px/1.6 Arial,sans-serif;color:var(--muted)}.underlink{display:inline-block;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:4px}.links{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:28px;font:15px/1.5 Arial,sans-serif}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{display:block;padding:27px;border:1px solid var(--line);min-height:126px;text-decoration:none}.tile:hover{border-color:var(--accent)}.tile strong{display:block;margin:8px 0;font-size:25px;font-weight:normal}.tile span{font:13px/1.5 Arial,sans-serif;color:var(--muted)}.tile img{display:block;width:100%;height:270px;object-fit:cover;margin-bottom:20px}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.feature img{width:100%;height:auto;display:block}.editions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.editions a{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 21px;text-decoration:none;font:14px/1.4 Arial,sans-serif}.editions a:hover{background:#315447}.scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.scene{display:block;color:inherit;text-decoration:none}.scene img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#d9dfd9}.scene p{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin:13px 0 5px}.scene strong{font-size:19px;line-height:1.35;font-weight:normal}.portrait{width:min(100%,340px);aspect-ratio:1;object-fit:cover}.film{padding:40px 0;border-bottom:1px solid var(--line)}.film h2{font-size:32px}.film video{width:100%;display:block;background:#102b26;max-height:590px}.film video.portrait-film{display:none}.teaser{display:block;width:100%;max-width:790px;margin:25px 0;background:#102b26}footer{background:var(--ink);color:var(--paper);padding:30px 0;margin-top:90px;font:12px Arial,sans-serif}.foot{display:flex;justify-content:space-between;gap:20px}.essay-list .tile{min-height:145px}
@media(max-width:700px){.shell{width:min(100% - 32px,560px)}.nav{min-height:80px}.brand-logo{width:148px}.primary{gap:12px;font-size:10px}.primary a:first-child,.primary a:last-child{display:none}.crumbs{margin:26px 0}.lead{padding-bottom:38px}.chapter{padding:45px 0}.link-grid,.scenes,.feature{grid-template-columns:1fr}.tile img{height:230px}.prose{font-size:17px}.film video.landscape-film{display:none}.film video.portrait-film{display:block}.foot{display:block}.foot span{display:block;margin:7px 0}}
