:root{--paper:#f7f4ec;--ink:#1f1f1f;--muted:#5c5a55;--accent:#812525;--tint:#fcffb0;--line:#ddd7c8;--serif:var(--font-serif);--sans:var(--font-sans)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:18px/1.65 var(--serif);margin:0}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%;display:block}.skip{position:absolute;left:-999px}.skip:focus{background:var(--ink);color:var(--paper);z-index:9;padding:6px 10px;top:8px;left:16px}.page{max-width:1120px;margin:0 auto;padding:0 16px}.measure{max-width:660px}nav.top{font:500 15px var(--sans);flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:24px 0 0;display:flex}nav.top .name{margin-right:auto;font-weight:600}nav.top a{text-decoration:none}nav.top a:hover,nav.top a[aria-current]{color:var(--accent)}h1{max-width:22ch;margin:56px 0 20px;font-size:clamp(30px,4.4vw,52px);font-weight:400;line-height:1.15}.lede{max-width:60ch;margin:0 0 56px}.label{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--ink);margin:56px 0 0;padding-bottom:10px}.tags{font:12px/1.5 var(--sans);letter-spacing:.03em;color:var(--muted)}.prose h2{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--ink);margin:44px 0 12px;padding-bottom:10px}.prose ul{padding-left:1.1em}.prose li{margin-bottom:10px}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:24px 0;padding-left:20px}.prose a{color:var(--accent)}.essay h2{font:400 26px/1.3 var(--serif);text-transform:none;letter-spacing:0;color:var(--ink);border:0;margin:48px 0 12px;padding:0}.row{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:16px 0;text-decoration:none;display:grid;position:relative}.row.noimg{grid-template-columns:1fr auto}.row .th{aspect-ratio:16/9;background:var(--line);overflow:hidden}.row .th img,.reveal img{object-fit:cover;width:100%;height:100%}.row .t{font-size:20px;font-weight:600;line-height:1.3;display:block}.row .yr{font:14px var(--sans);color:var(--muted);white-space:nowrap}.row .sum{color:var(--muted);max-width:60ch;margin-top:4px;font-size:16px;display:block}.row.flag .t:after{content:" →";content:" →" / "";color:var(--accent)}.row.ext .t:after{content:" ↗";content:" ↗" / "";color:var(--accent);font-size:.8em}.reveal{display:none}@media (hover:hover) and (width>=980px){.row,.row.noimg{grid-template-columns:1fr auto}.row .th{display:none}.row{--rot:-2deg}.row:nth-of-type(2n){--rot:1.5deg}.reveal{aspect-ratio:16/9;width:340px;transform:translateY(-50%) rotate(var(--rot)) scale(.9);opacity:0;pointer-events:none;z-index:2;transition:opacity .2s,transform .25s;display:block;position:absolute;top:50%;right:110px;box-shadow:0 12px 30px #0000002e}a.row:hover .reveal,a.row:focus-visible .reveal{opacity:1;transform:translateY(-50%) rotate(var(--rot)) scale(1)}a.row:hover .t,a.row:focus-visible .t{color:var(--accent)}}.lines{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 32px;margin:0 0 40px;display:grid}.lines a{border-top:1px solid var(--line);padding:14px 0;font-size:17px;text-decoration:none;display:block}.lines a b{font:600 14px var(--sans);color:var(--accent);display:block}.lines a:hover span{text-decoration:underline;text-decoration-color:var(--accent)}.crumb{font:500 14px var(--sans);color:var(--muted);margin:48px 0 0}.crumb a{color:var(--accent)}.case h1{max-width:24ch;margin-top:12px;font-size:clamp(30px,4vw,48px)}.video{aspect-ratio:16/9;background:#111;position:relative;overflow:hidden}.video img{object-fit:cover;opacity:.92;width:100%;height:100%}.video .play{display:block;position:absolute;inset:0}.video .play span{color:#fff;background:#1f1f1fd1;border-radius:50%;place-items:center;width:84px;height:84px;margin:auto;font-size:26px;display:grid;position:absolute;inset:0}.video .play:hover span,.video .play:focus-visible span{background:var(--accent)}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vcap{font:14px var(--sans);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:10px 0 0;display:flex}.vcap a{color:var(--accent)}.body{grid-template-columns:minmax(0,660px) 280px;justify-content:space-between;align-items:start;gap:64px;margin-top:48px;display:grid}.body .facts{font:15px/1.5 var(--sans);border-top:1px solid var(--ink);padding-top:14px;position:sticky;top:24px}.body dt{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.body dd{margin:2px 0 18px}.structure{margin:0 0 8px}.structure p{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.structure ol{counter-reset:s;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.structure li{counter-increment:s;font:500 14px/1.3 var(--sans);border:1px solid var(--ink);background:#fff8;padding:8px 12px;position:relative}.structure li:before{content:counter(s);color:var(--accent);margin-right:6px;font-weight:600}.pull{border-left:3px solid var(--accent);font:400 26px/1.35 var(--serif);margin:40px 0;padding:4px 0 4px 24px}.pull footer{font:14px var(--sans);color:var(--muted);margin-top:10px}.credits{font:15px/1.5 var(--sans);color:var(--muted);margin-top:40px}@media (width<=900px){.body{grid-template-columns:1fr;gap:24px}.body .facts{order:-1;position:static}}.grid{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:32px 20px;padding-top:24px;display:grid}.grid a{text-decoration:none}.grid .im{aspect-ratio:16/9;background:var(--accent);transition:transform .25s,box-shadow .25s;overflow:hidden}.grid .im img{object-fit:cover;width:100%;height:100%}.grid b{font:600 19px/1.3 var(--serif);margin-top:12px;display:block}.grid a:nth-child(odd):hover .im,.grid a:nth-child(odd):focus-visible .im{transform:rotate(-1deg);box-shadow:0 12px 28px #00000029}.grid a:nth-child(2n):hover .im,.grid a:nth-child(2n):focus-visible .im{transform:rotate(.8deg);box-shadow:0 12px 28px #00000029}.grid a:hover b{color:var(--accent)}@media (width<=860px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.grid{grid-template-columns:1fr}}footer.site{border-top:1px solid var(--line);font:15px var(--sans);color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin:96px 0 40px;padding-top:20px;display:flex}footer.site a{color:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.body .facts a,.credits a{color:var(--accent)}.extras figure{margin:0}.extras figcaption{font:14px/1.4 var(--sans);margin-top:8px}.extras figcaption b{color:var(--accent);font-weight:600;display:block}.vrow{grid-template-columns:repeat(3,minmax(0,260px));gap:24px;padding-top:24px;display:grid}.video.tall{aspect-ratio:9/16}.vgrid{grid-template-columns:repeat(3,1fr);gap:24px 20px;padding-top:24px;display:grid}.vgrid .video .play span,.vrow .video .play span{width:56px;height:56px;font-size:18px}@media (width<=860px){.vgrid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.vrow{grid-template-columns:repeat(3,1fr);gap:10px}.vgrid{grid-template-columns:1fr}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tags{font-size:13px}@media (width<=520px){.row .yr{white-space:normal;text-align:right;max-width:64px}}.prose table{border-collapse:collapse;width:100%;margin:16px 0 8px;font-size:16px}.prose th{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);text-align:left;border-bottom:1px solid var(--ink);padding:8px 12px 8px 0}.prose td{vertical-align:top;border-bottom:1px solid var(--line);width:50%;padding:12px 12px 12px 0}.essay-h1{font-size:clamp(30px,4vw,46px)}@media print{nav.top,.skip,.video .play,.reveal,.vrow,.vgrid{display:none}body{background:#fff;font-size:11pt}.body{display:block}.body .facts{position:static}.prose a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}}.video .play:focus-visible{outline-offset:-6px;box-shadow:inset 0 0 0 9px var(--ink);outline:3px solid #fff}.prose{overflow-wrap:anywhere}@media (hover:hover) and (width>=980px){.row .txt{max-width:calc(100% - 470px)}.reveal{visibility:hidden;transition:opacity .2s,transform .25s,visibility .2s}a.row:hover .reveal,a.row:focus-visible .reveal{visibility:visible}.no-reveal .reveal{opacity:0!important;visibility:hidden!important}}@media (width<=400px){.row,.row.noimg{grid-template-columns:1fr auto}.row .th{display:none}}@media (width<=600px){.vrow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.row .yr{overflow-wrap:anywhere}}nav.top a,footer.site a{padding-block:3px}.kicker{font:400 clamp(22px, 2.2vw, 28px)/1.2 var(--serif);color:var(--accent);margin:56px 0 0}.kicker+h1{max-width:30ch;margin-top:10px;font-size:clamp(28px,3.6vw,44px)}.portrait{float:right;width:200px;height:auto;margin:6px 0 16px 28px}.grid{clear:both}@media (width<=600px){.portrait{width:120px;margin-left:16px}}.invite{clear:both;border-top:1px solid var(--ink);font:400 clamp(22px, 2.6vw, 28px)/1.35 var(--serif);margin:72px 0 0;padding-top:28px}.invite a{color:var(--accent)}.made{margin-left:auto}.archive-note{font:15px/1.5 var(--sans);color:var(--muted);margin-top:40px}.archive-note a{color:var(--accent)}.clients{margin:0}.clients dt{font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-top:14px}.clients dd{margin:2px 0 0}.lines a{position:relative}.lines .peek{display:none}@media (hover:hover) and (width>=980px){.lines .peek{aspect-ratio:16/9;object-fit:cover;z-index:3;opacity:0;visibility:hidden;width:100%;height:auto;transform:rotate(var(--rot,-2deg)) scale(.92);transition:opacity .2s,transform .25s,visibility .2s;display:block;position:absolute;top:calc(100% - 4px);left:0;box-shadow:0 12px 28px #0000002e}.lines a:nth-child(2n) .peek{--rot:1.5deg}.lines a:hover .peek,.lines a:focus-visible .peek{opacity:1;visibility:visible;transform:rotate(var(--rot,-2deg)) scale(1)}.no-reveal .lines .peek{opacity:0!important;visibility:hidden!important}}
