:root{--ink: #151515;--muted: #666;--line: #dedede;--paper: #fff;--canvas: #e9e9e9;--acid: #35c98a;--dark: #202023}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:min(100%,1536px);min-height:100vh;margin-inline:auto;background:var(--paper);box-shadow:0 0 50px #0000000a}main{min-height:50vh}.container{width:min(100% - 96px,1280px);margin-inline:auto}.narrow{width:min(100% - 40px,768px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar{position:sticky;top:0;z-index:20;height:82px;background:#ffffffed;border-bottom:1px solid #eee;backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.045em}.logo-mark{display:grid;width:31px;height:31px;place-items:center;color:#fff;background:var(--ink);border-radius:8px;font-size:12px;letter-spacing:-.08em}.nav-inner nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-inner nav a:not(.nav-cta):hover{color:#777}.nav-cta{padding:12px 17px;color:#fff;background:var(--ink);border:1px solid var(--ink)}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;width:42px;height:42px;display:grid;place-content:center;gap:4px;border:1px solid var(--line);cursor:pointer}.mobile-menu summary span{display:block;width:18px;height:2px;background:var(--ink)}.mobile-menu div{position:absolute;right:0;top:48px;width:200px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px #0000001f}.mobile-menu div a{display:block;padding:11px;font-size:14px;font-weight:600}.hero{position:relative;overflow:hidden;padding:112px 0 120px;border-bottom:1px solid var(--line)}.hero:after{position:absolute;right:-180px;bottom:-250px;width:660px;height:660px;content:"";background:radial-gradient(circle,rgba(53,201,138,.24),transparent 68%)}.hero-kicker,.post-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.hero-kicker:before,.post-kicker:before{width:8px;height:8px;content:"";background:var(--acid);border-radius:50%}.hero h1{max-width:940px;margin:34px 0 0;white-space:pre-line;font-size:clamp(62px,7vw,100px);line-height:.95;letter-spacing:-.07em}.hero p{max-width:650px;margin:30px 0 0;color:var(--muted);font-size:21px;line-height:1.55}.hero>.container>a{display:inline-flex;gap:20px;margin-top:44px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700}.articles-section{padding:90px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}.section-heading p{max-width:460px;margin:0;color:var(--muted);line-height:1.5;text-align:right}.tag-pill{display:inline-block;font-size:34px;font-weight:700;letter-spacing:-.05em}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 34px;margin-top:54px}.article-card:nth-child(1){grid-column:1 / -1;display:grid;grid-template-columns:1.55fr 1fr;column-gap:38px;align-items:start}.article-card:nth-child(1) .article-cover{grid-row:span 4;aspect-ratio:1.65 / 1}.article-cover{aspect-ratio:1.55 / 1;display:block;overflow:hidden;background:#e5e5e5;border-radius:2px}.article-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .35s ease}.article-cover:hover img{transform:scale(1.015)}.article-cover.generated{position:relative;display:grid;place-items:end start;padding:32px;color:#fff;background:radial-gradient(circle at 20% 10%,#18bee8 0,transparent 38%),radial-gradient(circle at 80% 90%,#ac30eb 0,transparent 48%),linear-gradient(135deg,#030303 20%,#c64100)}.article-cover.generated span{position:relative;max-width:390px;font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.04em}.card-meta{display:flex;gap:8px;margin-top:19px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.card-meta span:before{margin-right:8px;content:"•";color:var(--acid)}.article-title{display:block;margin-top:13px}.article-title h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.08;letter-spacing:-.055em}.article-card p{max-width:480px;margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.footer{padding:22px 0;background:#fff}.footer-inner{padding:62px 72px 32px;color:#fff;background:var(--dark);border-radius:24px}.footer-cta{display:flex;align-items:start;justify-content:space-between;gap:36px;padding-bottom:60px;border-bottom:1px solid #424245}.footer-cta h2{max-width:650px;margin:0;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.055em}.footer-cta p{margin:18px 0 0;color:#aaa}.footer-cta>a{display:inline-flex;gap:24px;padding:13px 16px;border:1px solid #777;font-size:14px;font-weight:700}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding:54px 0}.footer .logo-mark{color:var(--ink);background:#fff}.footer-brand p{max-width:270px;margin:22px 0 0;color:#aaa;font-size:14px;line-height:1.55}.footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:#bbb;font-size:14px}.footer nav strong{margin-bottom:6px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:26px;border-top:1px solid #424245;color:#888;font-size:12px}.footer-bottom p{margin:0}.post{padding:28px 0 0}.post-hero{position:relative;width:min(100% - 48px,1320px);min-height:650px;margin-inline:auto;overflow:hidden;border-radius:22px}.post-hero-copy{position:relative;z-index:2;max-width:1050px}.post-hero h1{margin:28px 0 0;font-size:clamp(52px,6.2vw,88px);line-height:.98;letter-spacing:-.065em}.post-hero p{max-width:720px;margin:24px 0 0;font-size:20px;line-height:1.55}.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.post-meta>*{padding:8px 12px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:600}.post-hero-gradient{display:flex;align-items:end;padding:62px;color:#fff;background:radial-gradient(circle at 15% 12%,#24d4e5 0,transparent 36%),radial-gradient(circle at 74% 92%,#b529ef 0,transparent 48%),linear-gradient(135deg,#030303 20%,#d44a00)}.post-hero-gradient:after{position:absolute;inset:0;content:"";background:linear-gradient(to top,rgba(0,0,0,.32),transparent 60%)}.post-hero-gradient .post-kicker:before{background:#fff}.post-hero-image{display:grid;grid-template-rows:auto minmax(360px,1fr);gap:50px;padding-top:62px;min-height:840px;background:#fff;border-radius:0}.post-hero-image .post-hero-copy{padding:0 32px}.post-hero-image h1{max-width:1150px}.post-hero-image p{color:var(--muted)}.post-hero-image img{width:100%;height:100%;max-height:600px;object-fit:cover}.post-layout{display:grid;grid-template-columns:320px minmax(0,770px);justify-content:space-between;gap:78px;padding-top:86px;padding-bottom:120px}.article-sidebar{align-self:start;position:sticky;top:114px}.article-sidebar>p{margin:0 0 18px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.article-sidebar nav{border-top:1px solid var(--ink)}.article-sidebar nav a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;line-height:1.3}.article-sidebar nav a.active span:first-child:before{display:inline-block;width:7px;height:7px;margin-right:8px;content:"";background:var(--acid);border-radius:50%}.sidebar-note{display:grid;gap:5px;margin-top:32px;padding:18px;background:#f3f3f1;font-size:12px}.sidebar-note span{color:var(--muted)}.article-content{color:#383838;font-size:17px;line-height:1.75}.article-content>.notion-text:first-of-type:first-letter{float:left;margin:.07em .11em 0 0;color:var(--ink);font-size:4.7em;font-weight:600;line-height:.75}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--ink);line-height:1.12;letter-spacing:-.04em}.article-content h2,.article-content h3{margin:2.8em 0 .7em;font-size:31px}.article-content p{margin:1.25em 0}.article-content ul,.article-content ol{padding-left:1.5em}.article-content li{margin:.65em 0}.article-content a{color:inherit;text-decoration:underline;text-underline-offset:3px}.article-content hr{margin:44px 0;border:0;border-top:1px solid var(--line)}.article-content img{height:auto;border-radius:2px}.article-content .notion-blank{min-height:1em}.article-content .notion-hash-link{display:none}.article-content .notion-header-anchor{position:relative;top:-100px}.directory-page{padding:110px 0 180px}.directory-page h1{margin:12px 0 40px;font-size:clamp(54px,7vw,90px);line-height:1;letter-spacing:-.065em}.eyebrow{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em}@media(max-width:1000px){.container{width:min(100% - 48px,1280px)}.nav-inner nav{display:none}.mobile-menu{display:block}.post-layout{grid-template-columns:240px minmax(0,1fr);gap:45px}.article-card:nth-child(1){display:block}.article-card:nth-child(1) .article-cover{aspect-ratio:1.55 / 1}}@media(max-width:760px){body{background:#fff}.site-shell{box-shadow:none}.container{width:min(100% - 32px,1280px)}.navbar{height:68px}.logo{font-size:18px}.hero{padding:76px 0 82px}.hero h1{margin-top:25px;font-size:54px}.hero p{font-size:17px}.articles-section{padding:64px 0 80px}.section-heading{display:block}.section-heading p{margin-top:12px;text-align:left}.tag-pill{font-size:30px}.articles-grid{grid-template-columns:1fr;gap:50px;margin-top:36px}.article-card:nth-child(1){grid-column:auto}.article-title h2{font-size:28px}.footer{padding:0}.footer-inner{width:100%;padding:48px 24px 28px;border-radius:0}.footer-cta{display:block;padding-bottom:42px}.footer-cta>a{margin-top:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 20px;padding:42px 0}.footer-brand{grid-column:1 / -1}.footer-bottom{display:block;line-height:2}.post{padding-top:0}.post-hero{width:100%;min-height:710px;border-radius:0}.post-hero h1{font-size:45px}.post-hero p{font-size:17px}.post-hero-gradient{padding:36px 20px 46px}.post-hero-image{display:flex;flex-direction:column;gap:34px;min-height:auto;padding-top:52px}.post-hero-image .post-hero-copy{padding:0 20px}.post-hero-image img{height:390px;object-fit:cover}.post-layout{display:flex;flex-direction:column;gap:56px;padding-top:58px;padding-bottom:78px}.article-sidebar{position:static;width:100%}.sidebar-note{display:none}.article-content{font-size:16px;line-height:1.72}.article-content h2,.article-content h3{font-size:28px}}