.main-blog{max-width:128rem}.main-blog__hero{display:grid;gap:1.8rem;margin-bottom:2rem;padding:2.4rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:3rem;background:radial-gradient(circle at top left,rgba(14,165,233,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(249,115,22,.1),transparent 24%),linear-gradient(180deg,rgba(var(--color-background),1),rgba(var(--color-background),.96));box-shadow:0 24px 54px #0f172a14}.main-blog__hero-copy{max-width:74rem}.main-blog__eyebrow{display:inline-flex;align-items:center;justify-content:center;margin:0 0 1rem;padding:.55rem 1.1rem;border-radius:999px;background:#0ea5e91f;color:#0284c7;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-blog__title{margin:0;font-size:clamp(3.2rem,4vw,5.4rem);line-height:1.02}.main-blog__description{margin:1.2rem 0 0;max-width:68rem;color:rgba(var(--color-foreground),.72);font-size:1.6rem;line-height:1.7}.main-blog__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}.main-blog__meta-pill,.main-blog__meta-text{display:inline-flex;align-items:center;padding:.7rem 1.2rem;border-radius:999px;font-size:1.25rem;font-weight:700}.main-blog__meta-pill{background:#f973161f;color:#ea580c}.main-blog__meta-text{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.main-blog__hero-card{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;min-height:100%;padding:2rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:2.2rem;background:rgba(var(--color-background),.95);box-shadow:0 16px 34px #0f172a14;color:rgb(var(--color-foreground));text-decoration:none;transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease,border-color var(--duration-default) ease}.main-blog__hero-card:hover{transform:translateY(-.35rem);border-color:#0ea5e938;box-shadow:0 22px 42px #0ea5e924}.main-blog__hero-card-label{color:rgba(var(--color-foreground),.56);font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.main-blog__hero-card-title{font-size:2.4rem;font-weight:700;line-height:1.2}.main-blog__hero-card-excerpt{color:rgba(var(--color-foreground),.68);font-size:1.45rem;line-height:1.65}.main-blog__hero-card-link{color:#0284c7;font-size:1.4rem;font-weight:700}.main-blog__nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.main-blog__nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.4rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:999px;background:rgba(var(--color-background),.96);box-shadow:0 10px 24px #0f172a0f;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease,border-color var(--duration-default) ease}.main-blog__nav-link:hover,.main-blog__nav-link.is-active{transform:translateY(-.2rem);border-color:#0ea5e93d;box-shadow:0 14px 28px #0ea5e91f}.main-blog__nav-link.is-active{background:linear-gradient(135deg,#0ea5e91f,#3b82f614);color:#0369a1}.main-blog__nav-link--secondary{background:#f9731614}.main-blog__section-head{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;margin-bottom:1.8rem}.main-blog__section-kicker{margin:0 0 .7rem;color:rgba(var(--color-foreground),.56);font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-blog__section-title{margin:0;font-size:clamp(2.4rem,2.6vw,3.4rem);line-height:1.1}.blog-articles{display:grid;gap:1.6rem}.blog-articles .card-wrapper,.blog-articles__article,.blog-articles .article-card{width:100%;height:100%}.blog-articles .article-card{overflow:hidden;border:1px solid rgba(var(--color-foreground),.08);border-radius:2.4rem;background:linear-gradient(180deg,rgba(var(--color-background),1),rgba(var(--color-background),.96));box-shadow:0 16px 34px #0f172a14;transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease,border-color var(--duration-default) ease}.blog-articles .article-card:hover{transform:translateY(-.4rem);border-color:#f973163d;box-shadow:0 22px 42px #f9731624}.blog-articles .article-card .card__inner{border-radius:2.4rem}.blog-articles .article-card .card__content{padding:0}.blog-articles .article-card .card__information{display:flex;min-height:100%;flex-direction:column;gap:1.2rem;padding:2rem}.blog-articles .article-card__image-wrapper,.blog-articles .article-card__image{overflow:hidden}.blog-articles .article-card__image-wrapper{border-radius:2.4rem 2.4rem 0 0}.blog-articles .article-card__image img{transition:transform var(--duration-default) ease}.blog-articles .article-card:hover .article-card__image img{transform:scale(1.05)}.blog-articles .card__heading{margin:0;font-size:clamp(2rem,2vw,2.5rem);line-height:1.22}.blog-articles .card__heading a{text-decoration:none}.blog-articles .article-card__info{display:inline-flex;align-items:center;gap:.8rem;width:fit-content;max-width:100%;padding:.6rem 1.05rem;border-radius:999px;background:#0ea5e91a;color:rgb(var(--color-foreground));font-size:1.15rem;font-weight:700;letter-spacing:.02em}.blog-articles .article-card__excerpt{margin:0;color:rgba(var(--color-foreground),.72);font-size:1.45rem;line-height:1.68}.blog-articles .article-card__footer{margin-top:auto;color:rgba(var(--color-foreground),.56)}.main-blog__pagination{margin-top:3rem}.main-blog__pagination .pagination__list{gap:.8rem}.main-blog__pagination .pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;min-height:4.4rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:999px;background:rgba(var(--color-background),.96);box-shadow:0 10px 22px #0f172a0f}.main-blog__pagination .pagination__item--current{background:linear-gradient(135deg,#0ea5e924,#3b82f61a);border-color:#0ea5e93d}@media screen and (min-width:750px){.main-blog__hero{grid-template-columns:minmax(0,1.7fr) minmax(28rem,.9fr);align-items:stretch}.blog-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.blog-articles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.main-blog__hero{padding:2rem 1.6rem;border-radius:2.4rem}.main-blog__title{font-size:3rem}.main-blog__section-title{font-size:2.4rem}.blog-articles .article-card .card__information{padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-main-blog.css.map */