.blog-index{padding:64px 0 90px}
.blog-heading{max-width:var(--reading-width);margin-bottom:54px}
.blog-heading h1{font:400 clamp(60px,7vw,88px)/1.02 var(--serif);letter-spacing:-.035em;margin:0 0 22px}
.blog-heading>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:540px}
.blog-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center;border-top:1px solid var(--line);padding:36px 0}
.blog-entry-image{display:block;overflow:hidden;line-height:0;background:var(--soft)}
.blog-entry-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.blog-entry-image:hover img{transform:scale(1.015)}
.blog-entry-copy time,.blog-entry-meta{font:11px/1.6 var(--mono);color:var(--muted)}
.blog-entry-copy h2{font:400 clamp(32px,3.3vw,46px)/1.12 var(--serif);letter-spacing:-.02em;margin:17px 0}
.blog-entry-copy h2 a{text-decoration:none}
.blog-entry-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.blog-entry-copy p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:18px}
.blog-read{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:13px;text-underline-offset:6px}
.experiment-post{padding:44px 0 80px;font-size:17px;line-height:1.8}
.post-heading{max-width:var(--media-width);margin:0 auto 36px}
.post-back{font-size:13px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;margin-bottom:20px}
.post-back:hover{text-decoration:underline}
.post-kicker{font:11px/1.7 var(--mono);color:var(--muted);margin-bottom:20px!important}
.post-heading h1{font:400 clamp(48px,6.1vw,78px)/1.03 var(--serif);letter-spacing:-.035em;margin:0 0 25px;text-wrap:balance}
.post-deck{font-size:21px;line-height:1.6;max-width:var(--reading-width);margin:0!important;color:#414141}
.experiment-post>p,.experiment-post>h2,.experiment-post>blockquote,.experiment-post>ol,.evidence,.evidence-downloads,.post-jumps,.post-next{max-width:var(--reading-width);margin-left:auto;margin-right:auto}
.experiment-post>h2{font:400 40px/1.15 var(--serif);letter-spacing:-.025em;margin-top:50px;margin-bottom:20px;scroll-margin-top:30px}
.experiment-post p{margin-top:0;margin-bottom:22px}
.experiment-post figure{margin:32px auto;max-width:var(--media-width)}
.experiment-post video{display:block;width:100%;height:auto;background:#ededeb;border:1px solid var(--line)}
.experiment-post figcaption{font:12px/1.65 var(--sans);color:#595959;margin-top:12px;max-width:var(--reading-width)}
.cutting-photo{max-width:var(--reading-width)!important}
.hero-photo img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.portrait-video{max-width:440px!important}
.experiment-post blockquote{font:32px/1.4 var(--serif);letter-spacing:-.01em;padding:8px 0 8px 24px;border-left:2px solid var(--ink);margin-block:30px}
.post-jumps{display:flex;flex-wrap:wrap;gap:0 25px;border-block:1px solid var(--line);padding:7px 0;margin-block:32px;font-size:13px}
.post-jumps a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.results-scroll{overflow-x:auto;margin:28px auto 16px;max-width:var(--media-width)}
.results-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55}
.results-table caption{text-align:left;font:11px/1.7 var(--mono);padding:0 12px 13px;color:var(--muted)}
.results-table th,.results-table td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.results-table thead th{border-top:1px solid var(--ink);background:var(--soft);font:11px/1.6 var(--mono)}
.results-table tbody th{font-weight:400;min-width:175px}
.results-table strong{font-weight:600}
.experiment-post .small-note{font:13px/1.7 var(--sans);color:#595959}
.evidence{border-block:1px solid var(--line);padding:7px 0;margin-block:30px;font-size:14px}
.evidence summary{cursor:pointer;min-height:52px;align-content:center;padding:10px 0;font-size:14px;line-height:1.6;text-underline-offset:4px}
.evidence summary:hover{text-decoration:underline}
.evidence[open]{padding-bottom:16px}
.evidence[open] summary{margin-bottom:14px}
.evidence h3{font:500 14px/1.6 var(--sans);margin:22px 0 10px}
.model-observation{display:block;width:100%;height:auto;margin:10px 0 20px}
.evidence pre{font:12px/1.8 var(--mono);white-space:pre-wrap;background:var(--soft);padding:20px;overflow-wrap:anywhere}
.evidence-downloads{border-top:1px solid var(--ink);padding-top:20px;display:flex;gap:4px 25px;flex-wrap:wrap;font-size:13px;margin-top:40px}
.evidence-downloads a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.experiment-post code{font:13px var(--mono);background:var(--soft);padding:2px 4px;overflow-wrap:anywhere}
.photo-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.photo-triptych img{width:100%;height:auto;display:block}
.photo-triptych span{display:block;font:11px/1.7 var(--mono);padding-top:8px}
.photo-triptych figcaption{grid-column:1/-1;margin-top:0}
.search-steps{list-style:none;counter-reset:search;padding:0}
.search-steps li{counter-increment:search;border-top:1px solid var(--line);padding:20px 0 20px 38px;position:relative}
.search-steps li::before{content:'0' counter(search);position:absolute;left:0;top:23px;font:11px/1.6 var(--mono);color:var(--muted)}
.search-steps strong{display:block;font-size:16px;font-weight:500;margin-bottom:6px}
.search-steps span{display:block;font-size:15px;line-height:1.7;color:#555}
.post-next{display:block;border-top:1px solid var(--line);margin-top:42px;padding:28px 0;text-decoration:none}
.post-next>span{font:11px/1.6 var(--mono);color:var(--muted)}
.post-next strong{display:block;font:32px/1.2 var(--serif);margin-top:12px}
.post-next:hover strong{text-decoration:underline;text-underline-offset:5px}
.draft-banner{background:#f4eedf;border-bottom:1px solid #d6c9ad;color:#544626;padding:9px 24px;text-align:center;font:12px/1.6 var(--sans)}
.post-end{font-style:italic;color:var(--muted)}
@media(max-width:760px){.blog-index{padding:36px 0 60px}
.blog-heading{margin-bottom:30px}
.blog-heading h1{font-size:60px}
.blog-entry{grid-template-columns:1fr;gap:22px;padding:28px 0}
.blog-entry-image img{aspect-ratio:4/3}
.blog-entry-copy h2{font-size:36px;margin:12px 0}
.blog-entry-copy p{font-size:15px}
.experiment-post{padding:24px 0 55px;font-size:16px;line-height:1.8}
.post-back{margin-bottom:14px}
.post-heading h1{font-size:clamp(43px,10.6vw,65px);margin-bottom:20px}
.post-deck{font-size:19px;line-height:1.6}
.post-kicker{font-size:11px}
.experiment-post>h2{font-size:33px;margin-top:38px}
.experiment-post blockquote{font-size:28px;padding-left:18px}
.results-table{font-size:12px}
.results-table th,.results-table td{padding:12px 9px}
.results-table tbody th{min-width:0;overflow-wrap:anywhere}
.results-table thead th{font-size:11px}
.photo-triptych{gap:7px}
.photo-triptych span{font-size:11px}
.evidence pre{font-size:11px;padding:14px}
.post-jumps{gap:0 21px}
.post-next strong{font-size:29px}
.draft-banner{font-size:11px;padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){.blog-entry-image img{transition:none;transform:none!important}
}

@media(max-width:600px){.photo-triptych{grid-template-columns:1fr;gap:20px}.photo-triptych figcaption{grid-column:1}.photo-triptych span{font-size:11px}}