@layer components{.blog-index{padding-block:clamp(48px,6vw,96px) clamp(72px,8vw,120px)}.blog-heading{max-width:720px;margin-bottom:clamp(40px,5vw,72px)}.blog-heading h1{margin-bottom:22px;font-size:clamp(2.6rem,5vw,4.6rem)}.blog-heading p{color:var(--color-text-secondary);font-size:clamp(19px,1.8vw,23px);line-height:1.45}.blog-empty{max-width:52ch;color:var(--color-text-secondary);font-size:20px}.post-hero{border-top:1px solid var(--color-text);grid-template-columns:minmax(0,1fr);gap:40px;padding-top:36px;display:grid;position:relative}.post-hero--cover{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.post-hero-cover{background:var(--color-surface-soft);border-radius:4px 4px 160px;display:block;overflow:hidden}.post-hero-cover img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.post-hero-copy{flex-direction:column;gap:16px;max-width:620px;display:flex}.post-hero-copy .eyebrow{color:var(--color-text-muted);margin-bottom:0}.post-hero-title{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12}.post-hero-title a{text-decoration:none}.post-hero-title a:after{content:"";z-index:1;position:absolute;inset:0}.post-hero:has(.post-hero-title a:focus-visible){outline:3px solid var(--color-focus);outline-offset:8px}.post-hero-title a:focus-visible{outline:none}.post-hero-excerpt{color:var(--color-text-secondary);font-size:21px;line-height:1.55}.blog-grid-section{margin-top:clamp(56px,7vw,96px)}.blog-grid-title{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:20px;font-size:15px;font-weight:500}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;display:grid}.post-article{max-width:860px;padding-block:clamp(40px,5vw,72px) clamp(72px,8vw,120px)}.post-back{min-height:44px;color:var(--color-text-secondary);align-items:center;gap:8px;font-size:17px;text-decoration:none;display:inline-flex}.post-back:hover{color:var(--color-text);text-decoration:underline}.post-header{margin-block:20px 36px}.post-header-meta{margin-bottom:18px}.post-header h1{margin-bottom:22px;font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.08}.post-lead{color:var(--color-text-secondary);font-size:clamp(20px,1.9vw,23px);line-height:1.5}.post-cover{border-radius:4px 4px 120px;margin:0 0 44px;overflow:hidden}.post-cover img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.post-body{max-width:700px;font-size:20px;line-height:1.65}.post-body .payload-richtext>*+*{margin-top:1.1em}.post-body h2{letter-spacing:-.02em;margin-top:2em;font-size:clamp(1.7rem,2.6vw,2.2rem)}.post-body h3{margin-top:1.6em;font-size:1.4rem}.post-body p{white-space:normal}.post-body a{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.post-body a:hover{color:var(--color-primary-hover)}.post-body ul,.post-body ol{padding-left:1.3em}.post-body li+li{margin-top:.45em}.post-body blockquote{border-left:2px solid var(--color-accent);color:var(--color-text);margin:1.6em 0;padding:6px 0 6px 26px;font-size:1.12em;font-style:italic}.post-body hr{background:var(--color-border);height:6px;-webkit-mask-image:var(--wave-rule-mask);mask-image:var(--wave-rule-mask);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:var(--wave-rule-size);mask-size:var(--wave-rule-size);border:0;margin:2.4em 0;-webkit-mask-position:0;mask-position:0}.post-body img,.post-body picture{border-radius:4px;max-width:100%;height:auto;display:block}.post-body picture img{width:100%}.post-body strong{font-weight:600}.post-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(48px,6vw,80px);padding-top:32px;display:flex}@media (hover:hover) and (pointer:fine){.post-hero:hover .post-hero-cover img{transform:scale(1.03)}}@media (max-width:1023px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}}@media (max-width:760px){.post-hero--cover{grid-template-columns:minmax(0,1fr);gap:24px}.post-hero-cover{border-radius:4px 4px 96px}.post-grid{grid-template-columns:minmax(0,1fr)}.post-body{font-size:19px}.post-cover{border-radius:4px 4px 72px;margin-bottom:32px}.post-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.post-hero-cover img{transition:none}}.blog-topics{flex-wrap:wrap;gap:10px;margin-block:0 48px;display:flex}.blog-topics a{border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:9px 18px;font-size:18px;text-decoration:none;display:inline-flex}.blog-topics a span{opacity:.65;font-variant-numeric:lining-nums;font-size:14px}.blog-topics a:hover,.blog-topics a:focus-visible,.blog-pagination a:hover,.blog-pagination a:focus-visible{text-decoration:none}.blog-topics a[aria-current=page]{background:var(--sapphire);color:var(--color-background);border-color:var(--sapphire)}.blog-topics a:focus-visible,.blog-pagination a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:48px;display:flex}.blog-pagination>span{align-items:center;gap:12px;display:inline-flex}.blog-pagination a{border:1px solid var(--line);font-variant-numeric:lining-nums;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;text-decoration:none;display:inline-flex}.blog-pagination a[aria-current=page]{background:var(--sapphire);color:var(--color-background);border-color:var(--sapphire)}.pagination-gap{color:var(--color-text-secondary)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-topics a,.blog-pagination a{transition:background-color .25s,color .25s,border-color .25s,transform .25s}.blog-topics a:hover,.blog-pagination a:hover{border-color:var(--sapphire);transform:translateY(-2px)}}@media (max-width:760px){.blog-topics{gap:8px;margin-bottom:32px}.blog-topics a{padding-inline:14px;font-size:16px}.blog-pagination{gap:8px}}}