.blog-page{min-height:100svh;color:var(--ss-ink-950);background:var(--ss-paper-000);font-family:var(--ss-font-body)}@media (max-width:760px){.blog-page main{padding-top:8px}}.blog-page h1,.blog-page h2,.blog-page h3{font-family:var(--ss-font-display);font-weight:600}.blog-page em{font-style:normal}.blog-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(2rem,6vw,5rem);padding:clamp(4rem,9vw,6rem) 7vw clamp(3rem,6vw,4rem);background:var(--ss-paper-100)}.blog-kicker{display:flex;flex-wrap:wrap;gap:12px;margin:0;color:var(--ss-ink-800);font:600 .875rem/1.4 var(--ss-font-body);letter-spacing:.06em;text-transform:uppercase}.blog-kicker span{color:var(--ss-ink-950)}.blog-hero h1{margin:24px 0;font-size:clamp(2.75rem,7vw,5.5rem);line-height:1.04;letter-spacing:-.03em}.blog-hero h1 em{display:block}.blog-hero h1,.blog-kicker{overflow-wrap:break-word}.blog-hero-copy>p:last-of-type{max-width:600px;margin:0;color:var(--ss-ink-800);font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.7}.blog-hero-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:16px}.blog-hero-index span,.blog-hero-index>p{display:flex;flex-direction:column;justify-content:space-between;min-height:120px;margin:0;padding:24px;border:1px solid var(--ss-rule-on-paper);border-radius:8px;background:var(--ss-paper-000)}.blog-hero-index>p{grid-column:1/-1;min-height:0;color:var(--ss-ink-800);font:400 1rem/1.6 var(--ss-font-body)}.blog-hero-index span,.blog-hero-index>p{min-width:0;overflow-wrap:break-word}.blog-hero-index small{color:var(--ss-ink-800);font:600 .875rem/1.4 var(--ss-font-body);letter-spacing:.06em;text-transform:uppercase}.blog-hero-index b{font:600 2rem/1 var(--ss-font-display)}.blog-notes{padding:clamp(3rem,8vw,6rem) 7vw;background:var(--ss-paper-000)}.blog-section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;align-items:start;margin-bottom:48px}.blog-section-heading>p{margin:8px 0 0;color:var(--ss-ink-800);font:600 .875rem/1.4 var(--ss-font-body);letter-spacing:.06em;text-transform:uppercase}.blog-section-heading>p span{margin-right:12px;color:var(--ss-ink-950)}.blog-section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.03em}.blog-note-list{border-top:1px solid var(--ss-rule-on-paper)}.blog-note{display:grid;grid-template-columns:.35fr 1.2fr .35fr;gap:4vw;align-items:start;padding:40px 0;border-bottom:1px solid var(--ss-rule-on-paper)}.blog-note-meta{display:flex;align-items:center;gap:12px;color:var(--ss-ink-800);font:600 .875rem/1.4 var(--ss-font-body);letter-spacing:.06em;text-transform:uppercase}.blog-note-meta p{margin:0}.blog-note-meta .site-icon{color:var(--ss-ink-950)}.blog-note-copy h3{max-width:640px;margin:0 0 16px;font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.12;letter-spacing:-.02em}.blog-note-summary{max-width:640px;margin:0 0 16px;font-size:1.125rem;line-height:1.55}.blog-note-body{max-width:640px;margin:0;color:var(--ss-ink-800);line-height:1.7}.blog-note>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ss-cyan-700);font:600 1rem/1.4 var(--ss-font-body);text-decoration:underline;text-underline-offset:4px}.blog-closing{padding:clamp(3rem,8vw,6rem) 7vw;text-align:center;background:var(--ss-paper-100);border-top:1px solid var(--ss-rule-on-paper)}.blog-closing>p{margin:0;color:var(--ss-ink-800);font:600 .875rem/1.4 var(--ss-font-body);letter-spacing:.06em;text-transform:uppercase}.blog-closing h2{max-width:900px;margin:24px auto;font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.03em}.blog-closing>a{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--ss-cyan-500);color:var(--ss-ink-950);font:600 1rem/1.4 var(--ss-font-body)}.blog-closing>a:hover{background:var(--ss-cyan-300)}@media (max-width:900px){.blog-hero{grid-template-columns:minmax(0,1fr)}.blog-hero>*{min-width:0}.blog-note,.blog-section-heading{grid-template-columns:1fr;gap:16px}}@media (max-width:560px){.blog-hero{padding:48px 20px 40px}.blog-closing,.blog-notes{padding:48px 20px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .blog-page *{scroll-behavior:auto!important}}