:root{--ink:#193a37;--muted:#506561;--blue:#0d625f;--edge:#cfd9d2;--sand:#f8f7f2;--white:#fffffc;--gold:#846032;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:18px/1.67 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-underline-offset:.16em;text-decoration-thickness:1px}a:hover{color:#783f1f}a:focus-visible,video:focus-visible{outline:3px solid #c57535;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:4px;background:white;padding:8px;z-index:5}.mast{border-bottom:1px solid var(--edge);background:var(--white)}.mastin,footer{max-width:1190px;margin:auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{text-decoration:none;font-weight:700;font-size:22px;letter-spacing:-.055em;color:var(--ink)}.brand span{display:inline-block;border-left:1px solid var(--edge);padding-left:13px;margin-left:13px;color:var(--muted);font:italic 16px var(--serif);letter-spacing:0}.mast nav{display:flex;gap:20px}.mast nav a{font:600 14px var(--sans);padding:7px 0;text-decoration:none;color:var(--muted)}.mast nav [aria-current]{color:var(--blue);border-bottom:2px solid}.hero{max-width:1190px;margin:0 auto;padding:52px 32px 42px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,64px);align-items:center}.eyebrow,.example small,.related small{font:700 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 15px}.hero h1,.subhead h1{font:normal clamp(43px,5.25vw,76px)/1.04 var(--serif);letter-spacing:-.052em;margin:0 0 18px}.deck{font:normal 20px/1.55 var(--sans);color:var(--muted);margin:0}.by{font:600 14px var(--sans);margin:25px 0 0}.by span{color:#8f9f98;margin:0 4px}.cover{margin:0}.cover img{width:100%;max-height:395px;aspect-ratio:1.45;object-fit:cover;display:block;border-radius:3px}.cover figcaption,.film figcaption{font:italic 13px/1.5 var(--serif);color:var(--muted);padding-top:8px}.story,.subhead{max-width:768px;margin:auto;padding:0 32px}.hero+.story{border-top:1px solid var(--edge);padding-top:16px}.story p{margin:0 0 18px}.story section>.eyebrow{margin:40px 0 8px}.story h2,.readon h2{font:normal clamp(29px,3.2vw,42px)/1.14 var(--serif);letter-spacing:-.035em;margin:30px 0 14px}.story .eyebrow+h2{margin-top:5px}.film{margin:23px 0 8px}.film video{display:block;background:#142723;border:1px solid #b8c6bd;max-height:520px;width:100%;aspect-ratio:1.54;border-radius:4px;object-fit:contain}.film figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:14px/1.5 var(--sans)}.film figcaption strong{color:var(--ink)}.moments{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 22px}.moment{font-size:13px;border-bottom:1px solid var(--edge);text-decoration:none;padding:2px 0}.moment b{font-variant-numeric:tabular-nums}.boundary,.example{padding:20px 24px;background:#e8f0e9;border-left:3px solid #728d79;margin:26px 0}.boundary strong{font:normal 25px var(--serif)}.boundary p,.example p{margin:6px 0 0}.readon{max-width:1190px;padding:30px 32px 40px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}.related{display:flex;flex-direction:column;text-decoration:none;background:var(--white);border:1px solid var(--edge);padding:20px;position:relative;gap:10px;color:var(--ink)}.related:hover{border-color:#728d79}.related small{margin:0}.related strong{font:normal 24px/1.15 var(--serif);letter-spacing:-.022em}.related span{font-size:15px;line-height:1.5;color:var(--muted)}.related i{align-self:flex-end;color:var(--blue);font-style:normal;margin-top:auto}footer{border-top:1px solid var(--edge);font-size:13px;color:var(--muted);flex-wrap:wrap}.subhead{padding-top:32px}.back{display:inline-block;margin-bottom:32px;font-size:14px}.subhead .deck{padding-bottom:26px;border-bottom:1px solid var(--edge)}.jump{display:flex;gap:7px 14px;flex-wrap:wrap;margin:22px 0;font-size:14px}.glossary section{scroll-margin-top:20px;border-top:1px solid var(--edge)}code{font-size:.88em;overflow-wrap:anywhere}.glossary section:target{background:#ecf2e9}::selection{background:#cae4d3}
@media(max-width:720px){body{font-size:17px}.mastin,footer{padding:13px 20px}.mastin{align-items:flex-start;flex-direction:column;gap:3px}.mast nav{width:100%;gap:16px;flex-wrap:wrap}.mast nav a{font-size:13px}.hero{padding:29px 20px 22px;grid-template-columns:1fr;gap:20px}.cover img{max-height:265px;aspect-ratio:2}.story,.subhead,.readon{padding-left:20px;padding-right:20px}.subhead{padding-top:20px}.deck{font-size:18px}.by{margin-top:16px}.film video{max-height:none}.readon{padding-top:10px}.story h2{margin-top:24px}.boundary{padding:15px 17px}}
.youtube{position:relative;background:#182723;aspect-ratio:16/9;border-radius:5px;overflow:hidden}.youtube iframe{display:block;width:100%;height:100%;border:0}.video-num{display:block;font:700 14px/1.5 var(--sans);letter-spacing:.025em;color:var(--blue);margin-bottom:8px}.frames{margin:0 0 22px;font-size:14px}.frames summary{cursor:pointer;color:var(--blue);font-weight:600}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.compare figure{margin:0}.compare img{display:block;width:100%;border:1px solid var(--edge);border-radius:4px}.compare figcaption{font-size:13px;color:var(--muted);margin-top:4px}iframe:focus-visible,summary:focus-visible{outline:3px solid #bd7439;outline-offset:2px}@media(max-width:560px){.compare{grid-template-columns:1fr}}
