.blog-index,.article-page{background:radial-gradient(circle at 12% 0%,rgba(0,112,201,.08),transparent 28rem),linear-gradient(180deg,#f8f9fa,#f1f2f3);color:#101114}.blog-index__container,.article-page__container{box-sizing:border-box;margin:0 auto;max-width:var(--content-width);padding:clamp(3.5rem,7vw,7rem) var(--content-padding);width:100%}.blog-index__header{align-items:center;display:grid;gap:1.5rem;grid-template-columns:minmax(0,.95fr) minmax(18rem,.55fr);margin-bottom:1.75rem}.blog-index__eyebrow,.blog-card__meta,.article-page__meta,.article-page__breadcrumbs,.article-page__footer-nav span{color:#10111494;font-size:.82rem;font-weight:650;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.blog-index__eyebrow{margin:0 0 .75rem}.blog-index__intro,.article-page__standfirst{color:#101114a8;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55;margin:0;max-width:34rem}.blog-index__tags{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2rem}.blog-index__tag,.article-page__tag-list a{background:#ffffffc2;border:1px solid rgba(16,17,20,.1);border-radius:999px;color:#101114b8;display:inline-flex;font-size:.9rem;font-weight:650;line-height:1;padding:.72rem 1rem}.blog-index__tag--active,.blog-index__tag:hover,.article-page__tag-list a:hover{background:#101114;border-color:#101114;color:#fff}.blog-index__tag--rss{margin-left:auto}.blog-index__grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{background:#ffffffd1;border:1px solid rgba(16,17,20,.09);border-radius:1.6rem;box-shadow:0 18px 50px #1011140f;display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.blog-card:hover{border-color:#1011142e;box-shadow:0 24px 70px #1011141a;transform:translateY(-2px)}.blog-card--featured{grid-column:1 / -1;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);grid-template-rows:minmax(0,1fr);min-height:clamp(24rem,36vw,34rem)}.blog-card__media{aspect-ratio:16 / 10;background:#e7e8ea;display:block;overflow:hidden}.blog-card--featured .blog-card__media{aspect-ratio:auto;min-height:100%}.blog-card__media img,.article-page__hero img{display:block;height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.blog-card:hover .blog-card__media img{transform:scale(1.025)}.blog-card__content{align-content:start;display:grid;gap:.85rem;grid-template-rows:auto auto 1fr auto;padding:1.25rem}.blog-card--featured .blog-card__content{align-content:center;padding:clamp(1.5rem,3vw,2.25rem)}.blog-card__meta,.article-page__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;min-height:1.25rem}.blog-card__title{font-family:var(--font-display-family);font-size:clamp(1.28rem,1.8vw,1.65rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:0}.blog-card__title a{display:block}.blog-card--featured .blog-card__title{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.055em;max-width:13ch}.blog-card__excerpt{color:#101114a8;display:-webkit-box;font-size:1rem;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.55;margin:0;overflow:hidden}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:5}.blog-card__link,.article-page__side-link{align-items:center;color:var(--accent-color);display:inline-flex;font-size:.95rem;font-weight:700;gap:.45rem;justify-self:start}.blog-card__link svg,.article-page__side-link svg{height:.85rem;width:.85rem}.blog-index__empty{background:#ffffffc7;border:1px solid rgba(16,17,20,.1);border-radius:1.4rem;display:grid;gap:1rem;padding:2rem}.blog-index__pagination{margin-top:2.5rem}.blog-index__pagination .pagination{background:#ffffffb3;border:1px solid rgba(16,17,20,.1);border-radius:999px;display:inline-flex;padding:.35rem .8rem}.article-page__breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2rem}.article-page__breadcrumbs a,.article-page__side-link{color:#101114b8}.article-page__breadcrumbs a:hover,.article-page__side-link:hover{color:#101114}.article-page__header{display:grid;gap:1rem;margin-bottom:2.2rem;max-width:58rem}.article-page__hero{border-radius:1.8rem;box-shadow:0 24px 70px #1011141a;margin-bottom:3rem;max-height:36rem;overflow:hidden}.article-page__layout{align-items:start;display:grid;gap:3rem;grid-template-columns:minmax(10rem,.22fr) minmax(0,.78fr)}.article-page__side{display:grid;gap:1.25rem;position:sticky;top:calc(var(--header-height) + 2rem)}.article-page__tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.article-page__content{color:#101114c7;font-size:1.08rem;line-height:1.75;max-width:48rem}.article-page__content>*+*{margin-top:1.25rem}.article-page__content h2,.article-page__content h3,.article-page__content h4{color:#101114;font-family:var(--font-display-family);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin-top:2.2rem}.article-page__content h2{font-size:clamp(1.8rem,3vw,2.8rem)}.article-page__content h3{font-size:clamp(1.45rem,2vw,2rem)}.article-page__content p,.article-page__content ul,.article-page__content ol{margin-bottom:0;margin-top:0}.article-page__content ul,.article-page__content ol{padding-left:1.2rem}.article-page__content li+li{margin-top:.45rem}.article-page__content a{color:var(--accent-color);font-weight:700;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}.article-page__content pre{background:#101114;border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 18px 45px #1011141f;color:#f5f7fa;font-size:.92rem;line-height:1.6;margin:1.5rem 0;overflow-x:auto;padding:1rem 1.1rem;white-space:pre}.article-page__content code{background:#10111414;border-radius:.35rem;color:#101114;font-family:var(--font-mono-family);font-size:.92em;padding:.08rem .25rem}.article-page__content pre code{background:transparent;border-radius:0;color:inherit;display:block;padding:0}.article-page__content img{border-radius:1.25rem;height:auto;margin:2rem 0;width:100%}.article-page__footer-nav{border-top:1px solid rgba(16,17,20,.1);display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4rem;padding-top:1.5rem}.article-page__footer-nav a{background:#ffffffc7;border:1px solid rgba(16,17,20,.1);border-radius:1.25rem;display:grid;gap:.45rem;padding:1.1rem}.article-page__footer-nav a:hover{border-color:#10111433}.article-page__footer-nav strong{font-family:var(--font-display-family);font-size:1.1rem;font-weight:600;letter-spacing:-.025em;line-height:1.2}@media only screen and (max-width:1000px){.blog-index__header,.article-page__layout,.blog-card--featured{grid-template-columns:1fr}.blog-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--featured{grid-column:1 / -1;min-height:0}.blog-card--featured .blog-card__media{aspect-ratio:16 / 10;min-height:0}.article-page__side{position:static}}@media only screen and (max-width:600px){.blog-index__container,.article-page__container{padding-inline:1rem}.blog-index__grid,.blog-card--featured,.article-page__footer-nav{grid-template-columns:1fr}.blog-card--featured{display:grid}.blog-card__media{aspect-ratio:16 / 11}.blog-index__tag--rss{margin-left:0}.article-page__content{font-size:1rem;line-height:1.68}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/blog.css.map */