.writing{max-width:var(--max);margin:0 auto;padding:18px 32px 120px;display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.writing-intro h2{font-size:clamp(44px,5vw,68px);letter-spacing:-.055em;line-height:1;margin:20px 0}.writing-intro>p:not(.eyebrow){color:#9da9b9;max-width:430px;font-size:17px;line-height:1.7}.writing-link{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid #657489;font-weight:700}.writing-link span{color:var(--cyan);margin-left:6px}.writing-preview{display:grid;grid-template-columns:.9fr 1.1fr;background:#0d1929;border:1px solid var(--line);border-radius:28px;overflow:hidden;min-height:330px;transition:transform .25s ease,border-color .25s ease}.writing-preview:hover{transform:translateY(-4px);border-color:rgba(122,231,220,.4)}.writing-preview-art{min-height:300px;background:radial-gradient(circle at 22% 18%,rgba(122,231,220,.38),transparent 25%),radial-gradient(circle at 74% 70%,rgba(77,141,255,.48),transparent 34%),linear-gradient(145deg,#152a41,#08111f);display:flex;align-items:flex-end;padding:26px}.writing-preview-art.has-image{padding:0}.writing-preview-art img{width:100%;height:100%;object-fit:cover;display:block}.writing-preview-art span{font-size:10px;letter-spacing:.18em;color:#d8e2ef}.writing-preview-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.writing-preview-copy time,.blog-card time,.post-meta{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--cyan);font-weight:700}.writing-preview-copy h3{font-size:29px;line-height:1.08;letter-spacing:-.04em;margin:13px 0}.writing-preview-copy p{color:#9da9b9;margin:0;line-height:1.65}

.blog-page{background:var(--paper);color:var(--ink);min-height:100vh}.blog-page .site-header{color:var(--ink)}.blog-page .brand{border-color:rgba(8,17,31,.18)}.blog-page nav{color:#536071}.blog-page nav a:hover{color:#08111f}.blog-page .header-cta{border-color:#9aa2aa}.blog-page footer{color:#6e7781}.blog-masthead{max-width:var(--max);margin:auto;padding:100px 32px 80px;display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.blog-masthead .eyebrow{color:#657083}.blog-masthead h1{font-size:clamp(62px,8vw,108px);color:var(--ink);margin:22px 0 0;max-width:800px}.blog-masthead h1 em{color:#3978ee}.blog-masthead-copy{font-size:18px;color:#626d78;line-height:1.75;margin:0 0 12px}.blog-list{max-width:var(--max);margin:auto;padding:0 32px 130px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.blog-card{background:#fff;border:1px solid #dfe0de;border-radius:28px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(8,17,31,.09)}.blog-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}.blog-card-image{aspect-ratio:16/9;overflow:hidden;background:#152a41}.blog-card:first-child .blog-card-image{aspect-ratio:auto;min-height:430px}.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-copy{padding:31px}.blog-card:first-child .blog-card-copy{padding:50px;display:flex;flex-direction:column;justify-content:center}.blog-card h2{font-size:31px;line-height:1.1;letter-spacing:-.04em;margin:13px 0}.blog-card:first-child h2{font-size:44px}.blog-card p{color:#68727d;line-height:1.65;margin:0}.blog-card .read-more{display:inline-block;margin-top:25px;font-size:13px;font-weight:800}.blog-card .read-more span{color:#3978ee}.blog-empty{border:1px solid #d6d8d7;border-radius:28px;padding:75px;text-align:center;background:rgba(255,255,255,.45)}.blog-empty-mark{width:74px;height:74px;border-radius:50%;background:var(--navy);color:var(--cyan);display:grid;place-items:center;margin:0 auto 25px;font-weight:800;letter-spacing:-.05em}.blog-empty h2{font-size:36px;letter-spacing:-.04em;margin:0 0 10px}.blog-empty p{color:#68727d;max-width:490px;margin:auto}

.post-page{background:var(--paper);color:var(--ink)}.post-page .site-header{color:var(--ink)}.post-page .brand{border-color:rgba(8,17,31,.18)}.post-page nav{color:#536071}.post-page .header-cta{border-color:#9aa2aa}.post-hero{max-width:980px;margin:0 auto;padding:90px 32px 58px;text-align:center}.post-meta{color:#3978ee}.post-hero h1{font-size:clamp(50px,7vw,82px);color:var(--ink);max-width:940px;margin:22px auto 28px}.post-deck{font-size:20px;line-height:1.7;color:#5e6874;max-width:730px;margin:auto}.post-cover{max-width:1120px;margin:0 auto 75px;padding:0 32px}.post-cover img{width:100%;max-height:680px;object-fit:cover;display:block;border-radius:30px}.post-body{max-width:760px;margin:0 auto;padding:0 32px 100px;font-family:Georgia,serif;font-size:20px;line-height:1.85;color:#28313a}.post-body h2,.post-body h3{font-family:Inter,ui-sans-serif,sans-serif;letter-spacing:-.04em;line-height:1.15;color:var(--ink)}.post-body h2{font-size:38px;margin:62px 0 18px}.post-body h3{font-size:27px;margin:44px 0 12px}.post-body p{margin:0 0 27px}.post-body a{color:#2665d8;text-decoration:underline;text-underline-offset:3px}.post-body blockquote{font-size:27px;line-height:1.5;border-left:4px solid #3978ee;margin:42px 0;padding:5px 0 5px 28px;color:#1a2735}.post-body li{margin:9px 0}.post-body code{font-size:.85em;background:#e6e7e3;padding:2px 6px;border-radius:5px}.post-end{max-width:760px;margin:0 auto 100px;padding:35px 32px 0;border-top:1px solid #ced1d2;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:700}.post-page footer{color:#6e7781}

@media(max-width:900px){.writing{grid-template-columns:1fr;gap:35px}.blog-masthead{grid-template-columns:1fr;gap:30px;padding-top:70px}.blog-grid{grid-template-columns:1fr}.blog-card:first-child{grid-column:auto;display:block}.blog-card:first-child .blog-card-image{aspect-ratio:16/9;min-height:0}.blog-card:first-child .blog-card-copy{padding:31px}.blog-card:first-child h2{font-size:31px}}
@media(max-width:650px){.writing{padding-left:22px;padding-right:22px}.writing-preview{grid-template-columns:1fr}.writing-preview-art{min-height:230px}.blog-masthead{padding:55px 22px 55px}.blog-list{padding-left:22px;padding-right:22px}.blog-empty{padding:50px 25px}.blog-card-copy,.blog-card:first-child .blog-card-copy{padding:25px}.blog-card h2,.blog-card:first-child h2{font-size:28px}.post-hero{padding:62px 22px 42px}.post-deck{font-size:18px}.post-cover{padding:0 14px;margin-bottom:50px}.post-cover img{border-radius:20px}.post-body{padding:0 22px 70px;font-size:18px}.post-body h2{font-size:32px}.post-body blockquote{font-size:23px;margin-left:0}.post-end{margin:0 22px 70px;padding-left:0;padding-right:0;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.writing-preview,.blog-card{transition:none}}
