:root{--container-sm:320px;--container-md:480px;--container-lg:640px;--container-xl:800px}.container-query{container-type:inline-size}.card-container{container:card/inline-size}.section-container{container:section/inline-size}.hero-container{container:hero/inline-size}.feature-container{container:feature/inline-size}.blog-hero{background:linear-gradient(180deg, var(--_card-tint,var(--color-card-blush)) 0%, var(--color-white) 100%);text-align:center;padding-block:5rem 3rem}@media (width>=768px){.blog-hero{padding-block:7rem 4rem}}.blog-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-secondary);margin-block-end:1.25rem;font-size:.8125rem;font-weight:700;display:inline-block}.blog-hero__title{font-family:var(--font-display);font-size:var(--title-lg);color:var(--gray-900);letter-spacing:-.025em;max-inline-size:36rem;margin-block-end:1rem;margin-inline:auto;font-weight:700;line-height:1.1}.blog-hero__lede{color:var(--gray-500);max-inline-size:38rem;margin-inline:auto;font-size:1.125rem;line-height:1.6}.blog-grid-section{background-color:var(--color-white);padding-block:3rem 6rem}@media (width>=768px){.blog-grid-section{padding-block:4rem 8rem}}.blog-grid{view-transition-name:blog-grid;grid-template-columns:1fr;gap:2.5rem;max-inline-size:68rem;margin-inline:auto;display:grid}@media (width>=768px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}::view-transition-old(blog-grid),::view-transition-new(blog-grid){animation-duration:.22s;animation-timing-function:ease-in-out}::view-transition-old(blog-grid){animation-name:blog-grid-fade-out}::view-transition-new(blog-grid){animation-name:blog-grid-fade-in}@keyframes blog-grid-fade-out{0%{opacity:1}to{opacity:0}}@keyframes blog-grid-fade-in{0%{opacity:0}to{opacity:1}}.blog-card{background-color:var(--color-white);border:1px solid var(--gray-200);border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.blog-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 18px 40px -14px #00000024}.blog-card__image{aspect-ratio:16/10;justify-content:center;align-items:center;display:flex}.blog-card__image svg{opacity:.3;color:var(--gray-600)}.blog-card__image--mint{--_img:var(--color-card-mint);--_img-end:var(--color-card-mint-dark)}.blog-card__image--blush{--_img:var(--color-card-blush);--_img-end:var(--color-card-blush-dark)}.blog-card__image--sky{--_img:var(--color-card-sky);--_img-end:var(--color-card-sky-dark)}.blog-card__image--cream{--_img:var(--color-card-cream);--_img-end:var(--color-card-cream-dark)}.blog-card__image[class*=--]{background:linear-gradient(135deg, var(--_img), var(--_img-end))}.blog-card__body{flex-direction:column;flex:1;padding:1.5rem 1.5rem 1.75rem;display:flex}.blog-card__meta{align-items:center;gap:.75rem;margin-block-end:.5rem;display:flex}.blog-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-secondary);font-size:.75rem;font-weight:700}.blog-card__readtime{color:var(--gray-400);font-size:.75rem;font-weight:500}.blog-card__readtime:before{content:"·";color:var(--gray-300);margin-inline-end:.75rem}.blog-card__title{font-family:var(--font-display);font-size:var(--title-sm);color:var(--gray-900);letter-spacing:-.015em;min-block-size:2.6em;margin-block-end:.5rem;font-weight:700;line-height:1.3}.blog-card__description{color:var(--gray-500);flex:1;margin-block-end:1rem;font-size:.9375rem;line-height:1.6}.blog-card:hover .btn-handwritten{color:var(--color-secondary);gap:.625rem}.blog-card:hover .btn-handwritten__arrow{transform:translate(2px)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .blog-card:hover .btn-handwritten__arrow{transform:scaleX(-1)translate(2px)}.blog-card__cta{margin-block-start:auto}.soon-hero__cta{margin-block-start:1.5rem}.blog-filter{text-align:center;margin-block-end:2.5rem}.blog-filter__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-filter__chip{border-radius:var(--radius-full);background-color:var(--color-white);border:1px solid color-mix(in srgb, var(--color-secondary) 18%, transparent);height:2.5rem;color:var(--gray-700);cursor:pointer;justify-content:center;align-items:center;margin-block-end:.5rem;margin-inline-end:.5rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.blog-filter__chip:hover{background-color:var(--color-secondary-light);border-color:var(--color-secondary)}.blog-filter__input:checked+.blog-filter__chip{background-color:var(--color-secondary-dark);color:var(--color-white);border-color:var(--color-secondary-dark)}.blog-filter__input:focus-visible+.blog-filter__chip{outline:2px solid var(--color-secondary);outline-offset:3px}.blog-filter>.blog-grid{margin-block-start:1.5rem}@media (width>=768px){.blog-filter>.blog-grid{margin-block-start:2.5rem}}.blog-filter__status{color:var(--gray-500);font-size:.875rem}.blog-filter__status:not(:empty){margin-block:.75rem 0}.blog-filter__status-msg{display:none}#filter-Guide:checked~.blog-filter__status .blog-filter__status-msg--Guide,#filter-Template:checked~.blog-filter__status .blog-filter__status-msg--Template,#filter-Story:checked~.blog-filter__status .blog-filter__status-msg--Story{display:inline}.blog-card{transition:opacity .3s ease, scale .3s ease, display .3s allow-discrete}@starting-style{.blog-card{opacity:0;scale:.96}}#filter-Guide:checked~.blog-grid .blog-card:not([data-category=Guide]),#filter-Template:checked~.blog-grid .blog-card:not([data-category=Template]),#filter-Story:checked~.blog-grid .blog-card:not([data-category=Story]){opacity:0;display:none;scale:.96}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card,.blog-card__link svg{transition:none}.blog-card:hover{transform:none}}
