@import "https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=JetBrains+Mono:wght@400;600&display=swap";
.blog-root{--bg:#fff;--bg-dark:#000;--bg-soft:#f5f4f2;--ink:#000;--ink-2:#2a2a2a;--muted:#a1a1a1;--on-dark:#fff;--on-dark-2:#c5c5c5;--accent:#f95d51;--accent-2:#ff8562;--accent-hot:#f60;--rule:#e5e3df;--font-sans:"PT Sans", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}.blog-root *{box-sizing:border-box}.blog-root img{max-width:100%;display:block}.blog-root a{color:inherit;text-decoration:none}.blog-wrap{max-width:1320px;margin:0 auto;padding:0 56px}.blog-header{color:#fff;background:#000;border-bottom:1px solid #ffffff0f}.blog-header .blog-wrap{justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;display:flex}.blog-logo{letter-spacing:.04em;color:#fff;font-size:22px;font-weight:700}.blog-logo span{color:var(--accent)}.blog-nav{gap:32px;display:flex}.blog-nav a{letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-2);border-bottom:1px solid #0000;padding:6px 0;font-size:13px;font-weight:700;transition:all .2s}.blog-nav a:hover,.blog-nav a.active{color:#fff;border-bottom-color:var(--accent)}.blog-cta{letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:13px 22px;font-size:13px;font-weight:700;transition:background .2s}.blog-cta:hover{background:var(--accent-hot)}.blog-footer{color:var(--on-dark-2);background:#000;margin-top:96px;padding:80px 0 32px}.blog-footer .row{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding-bottom:48px;display:grid}.blog-footer .logo{color:#fff;letter-spacing:.04em;margin-bottom:14px;font-size:26px;font-weight:700}.blog-footer .logo span{color:var(--accent)}.blog-footer .tagline{color:var(--on-dark-2);max-width:280px;font-size:14px;line-height:1.55}.blog-footer .col-label{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11px;font-weight:700}.blog-footer ul{margin:0;padding:0;list-style:none}.blog-footer ul li{color:var(--on-dark-2);font-size:14px;line-height:2}.blog-footer .legal{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff6;justify-content:space-between;padding-top:32px;font-size:11px;display:flex}.blog-index{color:#fff;background:#000;padding:80px 0 120px}.blog-index .head-row{border-bottom:1px solid #ffffff14;grid-template-columns:60px 1fr auto;align-items:baseline;gap:28px;margin-bottom:56px;padding-bottom:24px;display:grid}.blog-index .head-row .num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;font-size:16px;font-weight:600}.blog-index .head-row h1{text-transform:uppercase;letter-spacing:-.015em;font-size:56px;font-weight:700}.blog-index .head-row h1 span{color:var(--accent)}.blog-index .head-row .tag{letter-spacing:.22em;text-transform:uppercase;color:var(--on-dark-2);font-size:11px;font-weight:700}.blog-hero-card{border-bottom:1px solid #ffffff14;grid-template-columns:1.3fr 1fr;align-items:stretch;gap:56px;margin-bottom:56px;padding-bottom:64px;display:grid}.blog-hero-card .photo{aspect-ratio:4/3;background:#1a1a1a;overflow:hidden}.blog-hero-card .photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-hero-card:hover .photo img{transform:scale(1.03)}.blog-hero-card .body{flex-direction:column;justify-content:center;display:flex}.blog-hero-card .kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:12px;font-weight:700}.blog-hero-card h2{letter-spacing:-.015em;text-transform:uppercase;color:#fff;font-size:44px;font-weight:700;line-height:1.05}.blog-hero-card h2 span{color:var(--accent)}.blog-hero-card .lede{color:var(--on-dark-2);max-width:480px;margin-top:22px;font-size:16px;line-height:1.6}.blog-hero-card .meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:24px;margin-top:32px;font-size:11px;display:flex}.blog-hero-card .meta .more{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px;font-weight:700}.blog-row-cards{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.blog-row-cards .card{flex-direction:column;gap:14px;display:flex}.blog-row-cards .card .photo{aspect-ratio:1;background:#1a1a1a;overflow:hidden}.blog-row-cards .card .photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-row-cards .card:hover .photo img{transform:scale(1.05)}.blog-row-cards .card .kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.blog-row-cards .card h3{color:#fff;text-transform:uppercase;letter-spacing:-.005em;font-size:17px;font-weight:700;line-height:1.25;transition:color .2s}.blog-row-cards .card:hover h3{color:var(--accent)}.blog-row-cards .card .meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:10px}.blog-empty{color:var(--on-dark-2);text-align:center;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding:48px 0;font-size:13px}.article-mock{background:var(--bg)}.article-hero-img{background:var(--bg);justify-content:center;display:flex}.article-hero-img img{width:auto;max-width:min(100%,1100px);height:auto;max-height:80vh;display:block}.article-head{max-width:760px;margin:0 auto;padding:clamp(32px,5vw,56px) 20px 28px}.article-head .meta-top{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;display:flex}.article-head .meta-top .topic{color:var(--accent);font-weight:700}.article-head .meta-top .dot{color:var(--rule)}.article-head h1{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.article-head .lede{color:var(--ink-2);margin-top:20px;font-size:clamp(16px,1.7vw,19px);line-height:1.55}.article-head .byline{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding-top:20px;font-size:13px;display:flex}.article-head .byline .author{color:var(--ink);font-weight:700}.article-body{max-width:760px;margin:0 auto;padding:16px 20px 64px}.article-body p{color:var(--ink);margin-bottom:22px;font-size:clamp(16px,1.7vw,18px);line-height:1.7}.article-body p strong{color:var(--ink);font-weight:700}.article-body p em{color:var(--ink);font-style:italic}.article-body a{color:var(--accent);border-bottom:1px solid}.article-body a:hover{color:var(--accent-hot)}.article-body h2{color:var(--ink);margin:40px 0 16px;font-size:clamp(22px,2.6vw,26px);font-weight:700;line-height:1.3}.article-body h3{color:var(--ink);margin:32px 0 12px;font-size:clamp(18px,2vw,20px);font-weight:700;line-height:1.35}.article-body .pullquote{border-left:3px solid var(--accent);color:var(--ink);margin:32px 0;padding:4px 0 4px 20px;font-size:clamp(18px,2.2vw,21px);font-style:italic;line-height:1.45}.article-body .pullquote .who{color:var(--muted);margin-top:10px;font-size:13px;font-style:normal;display:block}.article-body ul{margin:20px 0;padding:0;list-style:none}.article-body ul li{color:var(--ink);padding:4px 0 4px 24px;font-size:clamp(16px,1.7vw,18px);line-height:1.65;position:relative}.article-body ul li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;top:4px;left:4px}.article-body .bleed-photo{flex-direction:column;align-items:center;margin:32px 0;display:flex}.article-body .bleed-photo .img-wrap{justify-content:center;width:100%;display:flex}.article-body .bleed-photo img{max-width:100%;height:auto;display:block}.article-body .bleed-photo .cap{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin:12px auto 0;font-size:11px}.article-body .bleed-photo .cap .num{color:var(--accent);margin-right:12px;font-weight:700}.article-body .inline-photo{margin:48px 0}.article-body .inline-photo img{width:100%}.article-body .inline-photo .cap{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:11px}.article-signature{border-top:1px solid var(--rule);max-width:720px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;margin:64px auto 0;padding:32px 20px 0;font-size:12px;display:flex}.article-signature .author{color:var(--ink);font-weight:700}.article-signature .dot{color:var(--accent)}.article-cta{background:var(--bg-dark);color:#fff;text-align:center;padding:96px 0;position:relative;overflow:hidden}.article-cta:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.article-cta .kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-size:12px;font-weight:700}.article-cta h3{text-transform:uppercase;letter-spacing:-.015em;max-width:680px;margin:0 auto 40px;font-size:48px;font-weight:700;line-height:1.05}.article-cta h3 span{color:var(--accent)}.article-cta .btn{letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:#fff;padding:18px 36px;font-size:14px;font-weight:700;transition:background .2s;display:inline-block}.article-cta .btn:hover{background:var(--accent-hot)}.article-cta .sub{color:var(--on-dark-2);margin-top:18px;font-size:13px}.related{padding:96px 0 40px}.related .head-row{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:48px;padding-bottom:24px;display:flex}.related .head-row h3{text-transform:uppercase;letter-spacing:-.005em;font-size:28px;font-weight:700}.related .head-row h3 span{color:var(--accent)}.related .head-row .all-link{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:12px;font-weight:700}.related-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.related-grid .card{flex-direction:column;gap:14px;display:flex}.related-grid .card .photo{aspect-ratio:4/5;background:var(--bg-soft);overflow:hidden}.related-grid .card .photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.related-grid .card:hover .photo img{transform:scale(1.04)}.related-grid .card .kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.related-grid .card h4{text-transform:uppercase;font-size:18px;font-weight:700;line-height:1.25;transition:color .2s}.related-grid .card:hover h4{color:var(--accent)}.related-grid .card .meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}@media (max-width:900px){.blog-wrap{padding:0 20px}.blog-hero-card{grid-template-columns:1fr;gap:28px;margin-bottom:48px;padding-bottom:48px}.blog-row-cards,.related-grid{grid-template-columns:1fr 1fr;gap:20px}.blog-footer .row{grid-template-columns:1fr 1fr;gap:32px}.blog-index{padding:56px 0 80px}.blog-index .head-row{grid-template-columns:1fr;gap:8px;margin-bottom:32px;padding-bottom:16px}.blog-index .head-row h1{font-size:30px}.blog-hero-card h2{font-size:clamp(24px,5vw,32px)}.blog-hero-card .lede{font-size:15px}.article-hero-img img{aspect-ratio:4/3}.article-cta h3{font-size:clamp(26px,5vw,32px)}.blog-header .blog-wrap{padding-top:14px;padding-bottom:14px}.blog-header .blog-nav{display:none}.blog-cta{padding:10px 16px;font-size:11px}}@media (max-width:540px){.blog-row-cards,.related-grid{grid-template-columns:1fr;gap:32px}.blog-footer .row{grid-template-columns:1fr;gap:24px}.article-signature{gap:10px;font-size:11px}}
