.blog-index{padding-block:clamp(var(--space-8), 8vw, calc(var(--space-8) * 1.5))}.blog-index__container{max-width:74rem}.blog-listing__intro{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.blog-listing__label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--weight-semi);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.blog-listing__context{max-width:52ch;margin:var(--space-2) 0 0;color:var(--color-text-muted)}.blog-listing__context a{color:var(--color-primary-700);font-weight:var(--weight-semi);text-decoration:underline;text-decoration-color:var(--color-primary-100);text-underline-offset:3px}.blog-listing__context a:hover{text-decoration-color:currentColor}.blog-listing__context a:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}.blog-empty{gap:var(--space-5);max-width:48ch;padding:var(--space-8) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(160deg, color-mix(in sRGB, var(--color-primary) 6%, var(--color-surface)) 0%, var(--color-surface) 60%);text-align:center;box-shadow:var(--shadow-sm);justify-items:center;margin-inline:auto;display:grid}.blog-empty p{color:var(--color-text-muted);line-height:var(--line-base);margin:0}.blog-summary{justify-content:center;align-items:center;gap:var(--space-2);max-width:68ch;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in sRGB, var(--color-primary) 5%, var(--color-surface));box-shadow:var(--shadow-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-base);text-align:center;flex-wrap:wrap;margin:0;display:flex}.blog-summary a{color:var(--color-primary-700);font-weight:var(--weight-semi);text-decoration:underline;text-decoration-color:var(--color-primary-100);text-underline-offset:3px}.blog-summary a:hover{text-decoration-color:currentColor}.blog-summary a:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}.blog-grid{gap:var(--space-7);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.blog-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-grid__item--featured{grid-column:1/-1}.blog-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);height:100%;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-card:hover,.blog-card:focus-within{box-shadow:var(--shadow-md);border-color:color-mix(in sRGB, var(--color-primary) 18%, var(--color-border));transform:translateY(-2px)}.blog-card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.blog-card__media{aspect-ratio:3/2;background:var(--color-surface);overflow:hidden}.blog-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);display:block}.blog-card:hover .blog-card__img,.blog-card:focus-within .blog-card__img{transform:scale(1.04)}.blog-card__placeholder{background:linear-gradient(135deg, color-mix(in sRGB, var(--color-primary) 26%, var(--color-surface)) 0%, color-mix(in sRGB, var(--color-secondary) 22%, var(--color-surface)) 100%);width:100%;height:100%;position:relative}.blog-card__placeholder:after{content:"";background:radial-gradient(circle at 30% 20%, color-mix(in sRGB, var(--color-accent-warm) 18%, transparent) 0%, transparent 55%);position:absolute;inset:0}.blog-card__body{gap:var(--space-3);padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__meta{gap:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-secondary-700);flex-wrap:wrap;align-items:center;margin:0;display:flex}.blog-card__title{font-size:var(--font-size-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--line-snug);margin:0}.blog-card__link{color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.blog-card__link:after{content:"";z-index:1;position:absolute;inset:0}.blog-card:hover .blog-card__link,.blog-card:focus-within .blog-card__link{color:var(--color-primary-700)}.blog-card__link:focus-visible{outline:none}.blog-card__link:focus-visible:after{border-radius:var(--radius-lg);box-shadow:var(--shadow-focus)}.blog-card__desc{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-base);margin:0}.blog-card__more{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--weight-semi);color:var(--color-primary-700);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);display:inline-flex;transform:translate(-4px)}.blog-card:hover .blog-card__more,.blog-card:focus-within .blog-card__more{opacity:1;transform:translate(0)}.blog-card--featured .blog-card__media{aspect-ratio:16/10}@media (width>=1024px){.blog-grid{gap:var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr))}.blog-grid>li{grid-column:span 6}.blog-grid>.blog-grid__item--featured{grid-column:1/-1}.blog-card--featured{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);min-height:30rem;display:grid}.blog-card--featured .blog-card__media{aspect-ratio:auto}.blog-card--featured .blog-card__body{justify-content:center;gap:var(--space-4);padding:clamp(var(--space-7), 4vw, calc(var(--space-8) * 1.25))}.blog-card--featured .blog-card__title{font-size:clamp(var(--font-size-2xl), 3vw, 3.25rem);line-height:.98}.blog-card--featured .blog-card__desc{max-width:42ch}}@media (width<=767px){.blog-listing__intro{margin-bottom:var(--space-5);flex-direction:column;align-items:center}.blog-summary{justify-content:center}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__img,.blog-card__more,.blog-post__top-link,.blog-post__back-link,.blog-post__back-link:before{transition:none}}article.blog-post{padding-block-start:var(--space-7)}@media (width>=1024px){article.blog-post{padding-block-start:var(--space-8)}}.blog-post__header{padding-bottom:var(--space-6)}.blog-post__top-link{align-items:center;gap:var(--space-2);color:var(--color-primary-700);font-size:var(--font-size-sm);font-weight:var(--weight-semi);text-decoration:none;display:inline-flex}.blog-post__top-link:before{content:"←"}.blog-post__top-link:hover{text-underline-offset:3px;text-decoration:underline}.blog-post__top-link:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}.blog-post h1{margin-top:var(--space-3);font-size:clamp(var(--font-size-2xl), 4vw + 1rem, 3.25rem);line-height:var(--line-tight);text-wrap:balance}.blog-post__dek{max-width:66ch;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--type-lead-strong);line-height:var(--line-snug)}.blog-post__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog-post__category{color:var(--color-secondary-700);font-weight:var(--weight-semi)}.blog-post__author{font-weight:var(--weight-semi);color:var(--color-text)}.blog-post__hero-wrap{margin-top:var(--space-6);margin-inline:calc(-1 * var(--space-5))}@media (width>=1024px){.blog-post__hero-wrap{margin-inline:calc(-1 * var(--space-8))}}.blog-post__hero{border-radius:var(--radius-xl);width:100%;height:auto;box-shadow:var(--shadow-md);display:block}.blog-post__section{padding-top:var(--space-7)}.blog-post__body{max-width:68ch;font-size:clamp(1.0625rem,.4vw + 1rem,1.125rem);line-height:var(--line-loose);color:var(--color-text);margin-inline:auto}.blog-post__body>*+*{margin-top:var(--space-5)}.blog-post__body p:first-child{font-size:var(--type-lead-strong);line-height:var(--line-snug);color:var(--color-text-muted)}.blog-post__body p:first-child:first-letter{float:left;padding:var(--space-1) var(--space-2) 0 0;font-family:var(--font-display);font-size:3.4em;font-weight:var(--weight-bold);color:var(--color-secondary-700);line-height:.82}.blog-post__body h2{margin-top:var(--space-8);padding-top:var(--space-4);font-size:var(--font-size-xl);line-height:var(--line-tight);position:relative}.blog-post__body h2:before{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:48px;height:4px;position:absolute;top:0;left:0}.blog-post__body h3{margin-top:var(--space-6);font-size:var(--font-size-lg);color:var(--color-secondary-700)}.blog-post__body strong{font-weight:var(--weight-bold);color:var(--color-text)}.blog-post__body em{font-style:italic}.blog-post__body ul,.blog-post__body ol{gap:var(--space-2);padding-left:var(--space-5);display:grid}.blog-post__body li{line-height:var(--line-loose)}.blog-post__body li::marker{color:var(--color-primary-700)}.blog-post__body blockquote{margin:var(--space-6) 0;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-7);border:1px solid color-mix(in sRGB, var(--color-secondary) 38%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in sRGB, var(--color-secondary) 5%, transparent);color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--font-size-md);font-style:italic;line-height:var(--line-base);position:relative}.blog-post__body blockquote:before{content:"“";top:.05em;left:var(--space-2);font-family:var(--font-display);color:var(--color-secondary);opacity:.6;font-size:2em;font-style:normal;position:absolute}.blog-post__body blockquote p{margin:0}.blog-post__body figure{margin:var(--space-6) 0}.blog-post__body figcaption{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;font-style:italic}.blog-post__body hr{margin:var(--space-6) 0;border:none;border-top:1px solid var(--color-border)}.blog-post__body code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-surface-2);padding:.15em .4em;font-size:.9em}.blog-post__body a{color:var(--color-primary-700);text-decoration:underline;text-decoration-color:var(--color-primary-100);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.blog-post__body a:hover{text-decoration-color:currentColor}.blog-post__body a:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}.blog-post__body img{border-radius:var(--radius-md);max-width:100%;height:auto}.blog-post__back{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.blog-post__back-link{align-items:center;gap:var(--space-2);color:var(--color-primary-700);font-weight:var(--weight-semi);transition:gap var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.blog-post__back-link:before{content:"←";transition:transform var(--duration-fast) var(--ease-out)}.blog-post__back-link:hover{gap:var(--space-3);text-underline-offset:3px;text-decoration:underline}.blog-post__next-step{margin-top:var(--space-3)}.blog-post__next-step p{max-width:58ch;margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--type-lead-strong)}.blog-post__back-link:hover:before{transform:translate(-2px)}.blog-post__back-link:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}