:root{--ink:#1a1c1d;--yellow:#ffcd00;--red:#b22b1d;--paper:#f4f4f2;--line:#c9c9c6;--muted:#606263}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.shell{width:min(1220px,100%);margin:auto;padding-left:28px;padding-right:28px}.blog-header{position:sticky;top:0;z-index:20;background:var(--yellow);border-bottom:4px solid var(--ink);box-shadow:0 4px 0 rgba(0,0,0,.18)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{color:var(--ink);font-size:1.2rem;font-weight:900;letter-spacing:-.055em;text-decoration:none}.blog-header nav{display:flex;align-items:center;gap:34px}.blog-header nav a{padding:6px 0;color:var(--ink);font:700 12px 'JetBrains Mono',monospace;text-decoration:none}.blog-header nav a:hover,.blog-header nav .active{border-bottom:4px solid var(--red)}.blog-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-bottom:4px solid var(--ink);padding:86px 0 78px}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:69px 69px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero-content{position:relative}.eyebrow{margin:0 0 18px;color:var(--yellow);font:700 11px 'JetBrains Mono',monospace;letter-spacing:.08em}.eyebrow span{display:inline-block;width:36px;height:3px;margin:0 14px 3px 0;background:currentColor}.blog-hero h1{max-width:950px;margin:0;font-size:clamp(3.2rem,7.8vw,7rem);line-height:.86;letter-spacing:-.075em;text-transform:uppercase}.blog-hero h1 em{color:var(--yellow);font-style:normal}.blog-hero>div>p:not(.eyebrow){max-width:700px;margin:30px 0 0;color:#d7d7d7;font-size:1.05rem;line-height:1.65}.hero-stats{display:flex;gap:0;margin-top:42px;border:2px solid #fff;width:max-content;max-width:100%}.hero-stats div{min-width:190px;padding:15px 20px}.hero-stats div+div{border-left:2px solid #fff}.hero-stats strong{display:block;color:var(--yellow);font-size:1.8rem;line-height:1}.hero-stats span{display:block;margin-top:6px;font:700 9px 'JetBrains Mono',monospace}.blog-list{padding:72px 0 84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.eyebrow.dark{color:var(--red);margin-bottom:12px}.section-heading h2,.blog-cta h2{margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.section-heading>p{max-width:430px;margin:0;color:var(--muted);line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{display:flex;min-width:0;flex-direction:column;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transition:transform .18s,box-shadow .18s}.blog-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--yellow)}.blog-photo{display:block;border-bottom:3px solid var(--ink);overflow:hidden;background:#d8d8d5}.blog-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .25s}.blog-card:hover .blog-photo img{transform:scale(1.025)}.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:23px}.blog-type{margin:0 0 12px;color:var(--red);font:700 9px 'JetBrains Mono',monospace;letter-spacing:.05em}.blog-card h2{margin:0;font-size:1.65rem;line-height:.98;letter-spacing:-.055em;text-transform:uppercase}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card-copy>p:not(.blog-type){margin:16px 0 24px;color:var(--muted);font-size:.93rem;line-height:1.58}.read-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);color:var(--ink);font:700 10px 'JetBrains Mono',monospace;text-decoration:none}.read-link span{color:var(--red);font-size:1.25rem}.blog-cta{background:var(--yellow);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding:58px 0}.blog-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:35px}.blog-cta a{flex:0 0 auto;padding:17px 20px;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:var(--ink);font:700 11px 'JetBrains Mono',monospace;text-decoration:none}.blog-cta a:hover{background:var(--red);color:#fff}.blog-footer{background:var(--ink);color:#fff}.blog-footer .shell{display:flex;justify-content:space-between;gap:28px;padding-top:30px;padding-bottom:30px}.blog-footer p{margin:0;font-size:.84rem;line-height:1.55}.blog-footer nav{display:flex;align-items:center;gap:20px}.blog-footer a{color:var(--yellow);font:700 9px 'JetBrains Mono',monospace}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column}.blog-header nav{gap:18px}}@media(max-width:620px){.shell{padding-left:17px;padding-right:17px}.header-inner{min-height:68px}.brand{max-width:190px;font-size:.9rem;line-height:.95}.blog-header nav{gap:14px}.blog-header nav a{font-size:9px}.blog-header nav a:first-child{display:none}.blog-hero{padding:60px 0}.blog-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-stats{width:100%}.hero-stats div{min-width:0;flex:1;padding:13px}.hero-stats strong{font-size:1.45rem}.blog-list{padding:52px 0 62px}.blog-grid{grid-template-columns:1fr}.blog-card{box-shadow:5px 5px 0 var(--ink)}.blog-cta .shell,.blog-footer .shell{align-items:flex-start;flex-direction:column}.blog-footer nav{align-items:flex-start;flex-direction:column}.blog-cta a{width:100%;text-align:center}}
/* Show the complete photograph instead of cropping it to fill the card. */
html body .blog-photo{display:grid;place-items:center;aspect-ratio:3/2}
html body .blog-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
html body .blog-card:hover .blog-photo img{transform:scale(1.015)}

/* The brand remains the home link; this gives it a clear navigation icon. */
html body .blog-header .brand{display:flex;align-items:center;gap:14px}
html body .blog-header .brand::before{content:"←";width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:#fff;border:2px solid var(--ink);font:700 23px/1 'JetBrains Mono',monospace;box-shadow:3px 3px 0 var(--ink)}
html body .blog-header .brand:hover::before{background:var(--red);color:#fff}
html body .blog-header .brand:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:620px){html body .blog-header .brand{gap:9px}html body .blog-header .brand::before{width:36px;height:36px;flex-basis:36px;font-size:20px;box-shadow:2px 2px 0 var(--ink)}}