.blog-page{--blog-border: color-mix(in srgb, var(--line) 82%, var(--accent) 18%);--blog-card: color-mix(in srgb, var(--surface-alt) 90%, white 10%);position:relative;padding:0 0 calc(var(--page-section-space-sm) + 1.25rem);background:var(--bg)}.blog-page--archive{background:var(--bg)}.blog-shell{width:min(calc(100% - (var(--gutter) * 2)),var(--page-shell-width));margin:0 auto;padding-top:var(--page-top-space)}.blog-index-hero,.blog-article-hero{max-width:860px;margin:0 auto;text-align:center}.blog-index-hero h1,.blog-article-hero h1{letter-spacing:.04em;font-size:clamp(1.92rem,3.7vw,3rem);line-height:1.08}.blog-index-hero p,.blog-article-hero p{margin-top:1rem;line-height:1.78;color:var(--muted)}.blog-index-hero__page{margin-top:1.15rem;font-family:var(--font-heading);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.blog-list{margin-top:var(--page-section-space-sm);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.blog-index-layout{margin-top:var(--page-section-space-sm);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3.1rem;align-items:start}.blog-index-layout .blog-list{margin-top:0}.blog-promos{align-self:start;padding-left:1.45rem;border-left:1px solid color-mix(in srgb,var(--blog-border) 78%,transparent)}.blog-promos__sticky{position:sticky;top:1.8rem;display:grid;gap:1.2rem}.blog-promos__intro{display:block;padding:0 0 .15rem}.blog-promos__intro .eyebrow{margin:0}.blog-promo-card{padding:.55rem 0 .1rem;border:0;border-top:1px solid color-mix(in srgb,var(--blog-border) 74%,transparent);background:transparent;border-radius:2px;transition:transform .24s ease,opacity .24s ease,border-color .24s ease}.blog-promo-card:hover{transform:translateY(-1px);border-top-color:color-mix(in srgb,var(--accent) 36%,var(--blog-border) 64%)}.blog-promo-card__image{display:block;margin:0 0 .85rem;aspect-ratio:4 / 5;overflow:hidden;background:color-mix(in srgb,var(--surface-alt) 78%,transparent);border:0}.blog-promo-card__image img,.blog-archive-promo__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.blog-promo-card:hover .blog-promo-card__image img,.blog-archive-promo:hover .blog-archive-promo__image img{transform:scale(1.03)}.blog-promo-card__eyebrow,.blog-archive-promo__eyebrow{margin:0 0 .7rem;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.blog-promo-card h2,.blog-archive-promo h3{margin:0;font-size:.9rem;line-height:1.5;letter-spacing:.05em}.blog-promo-card p,.blog-archive-promo p{margin:.48rem 0 0;color:var(--muted);line-height:1.72;font-size:.88rem}.blog-promo-card a,.blog-archive-promo a{display:inline-flex;align-items:center;justify-content:center;margin-top:.75rem;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;text-align:center;white-space:normal;color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-bottom:.22rem;transition:color .22s ease,border-color .22s ease,transform .22s ease}.blog-promo-card a:hover,.blog-archive-promo a:hover{color:var(--accent);border-bottom-color:var(--accent);transform:translateY(-1px)}.blog-card{background:var(--surface);border:1px solid var(--blog-border);border-radius:2px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 58%,var(--blog-border) 42%);box-shadow:0 18px 42px #00000014}.blog-card__media{aspect-ratio:4 / 5;overflow:hidden;background:var(--surface-alt);display:grid;place-items:center}.blog-card__media img,.blog-archive-item__image img{width:100%;height:100%;display:block;object-fit:cover}.blog-article__hero-media img,.blog-figure img,.blog-gallery img{width:100%;height:auto;display:block}.blog-card__media img,.blog-archive-item__image img{transition:transform .55s ease,filter .55s ease}.blog-card:hover .blog-card__media img,.blog-archive-item:hover .blog-archive-item__image img{transform:scale(1.03);filter:saturate(1.02)}.blog-card__body{padding:1.25rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.8rem}.blog-card__meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.58rem;font-family:var(--font-heading);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.blog-card h2,.blog-archive-item h3{font-size:1.06rem;line-height:1.42;letter-spacing:.04em}.blog-card h2 a,.blog-archive-item h3 a{color:inherit;text-decoration:none}.blog-card p,.blog-archive-item p{color:var(--muted);line-height:1.72;font-size:.96rem}.blog-card .btn{margin-top:auto;align-self:flex-start;min-height:40px;padding:.7rem 1rem;font-size:.62rem}.blog-index-footer{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem}.blog-index-footer .blog-archive-link{font-size:.78rem;font-weight:800;letter-spacing:.18em;color:var(--text);border-color:color-mix(in srgb,var(--text) 18%,var(--blog-border) 82%);background:color-mix(in srgb,var(--surface) 92%,white 8%);padding:.98rem 1.3rem;box-shadow:0 12px 26px #0c121c0d}.blog-index-footer .blog-archive-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 28%,var(--accent) 72%);background:color-mix(in srgb,var(--surface-alt) 90%,white 10%);box-shadow:0 16px 32px #0c121c14}.blog-search{margin-top:3.25rem;padding-top:2.2rem;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);display:grid;gap:.7rem;justify-items:center}.blog-search--archive{margin-top:2.1rem;padding-top:0;border-top:0}.blog-search__panel{padding:0;border:0;background:transparent;border-radius:0;width:min(100%,760px);margin:0 auto}.blog-search__eyebrow{margin:0;text-align:center}.blog-search__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-search__field{position:relative}.blog-search__input{width:100%;min-height:2.9rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--blog-border) 82%,var(--text) 18%);background:transparent;color:var(--text);padding:.55rem 0 .7rem;font-family:var(--font-heading);font-size:.86rem;font-weight:500;line-height:1.35;letter-spacing:.14em;text-align:center;text-transform:uppercase;border-radius:0}.blog-search__input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent 28%);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-align:center;text-transform:inherit}.blog-search__input:focus{outline:none;border-bottom-color:color-mix(in srgb,var(--accent) 56%,var(--blog-border) 44%);box-shadow:none}.blog-search__status{margin:.8rem 0 0;color:color-mix(in srgb,var(--muted) 82%,transparent 18%);font-size:.86rem;line-height:1.6;text-align:center;min-height:1.4em}.blog-search__results{margin-top:1rem;display:grid;gap:.9rem}.blog-search-result{display:grid;grid-template-columns:104px minmax(0,1fr);gap:.9rem;align-items:stretch;padding:.7rem;border:1px solid color-mix(in srgb,var(--blog-border) 86%,transparent);background:color-mix(in srgb,var(--surface-alt) 92%,white 8%);overflow:hidden;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.blog-search-result:hover{transform:var(--hover-lift-sm);border-color:color-mix(in srgb,var(--accent) 46%,var(--blog-border) 54%);box-shadow:var(--hover-shadow-soft)}.blog-search-result__image{display:block;position:relative;width:100%;min-width:0;aspect-ratio:1 / 1;min-height:104px;overflow:hidden;background:var(--surface);align-self:start}.blog-search-result__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-search-result:hover .blog-search-result__image img{transform:scale(1.03)}.blog-search-result__body{min-width:0;position:relative;z-index:1;display:grid;gap:.45rem;align-content:center}.blog-search-result__body h3{margin:0;font-size:1rem;line-height:1.4;letter-spacing:.04em;overflow-wrap:anywhere}.blog-search-result__body h3 a{color:inherit;text-decoration:none}.blog-search-result__body p{margin:0;color:var(--muted);line-height:1.68;font-size:.93rem;overflow-wrap:anywhere}.blog-archive-link,.blog-back{display:inline-flex;align-items:center;gap:.45rem;font-size:.68rem;font-family:var(--font-heading);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 82%,var(--muted) 18%);border:1px solid color-mix(in srgb,var(--blog-border) 84%,var(--accent) 16%);background:color-mix(in srgb,var(--surface) 96%,white 4%);padding:.82rem 1rem;border-radius:999px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.blog-back:before{content:"←";font-size:.8rem;line-height:1}.blog-archive-link:hover,.blog-back:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 52%,var(--blog-border) 48%);background:color-mix(in srgb,var(--surface-alt) 92%,white 8%);transform:translateY(-1px)}.blog-article{margin-top:var(--page-section-space-sm);display:grid;grid-template-columns:minmax(0,760px) minmax(260px,320px);justify-content:center;gap:clamp(2rem,3vw,3rem);align-items:start}.blog-article__main{min-width:0}.blog-article__hero-media{border-radius:2px;overflow:hidden;border:1px solid var(--blog-border);background:var(--surface-alt);box-shadow:0 22px 48px #0c121c14}.blog-article__meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.15rem;font-family:var(--font-heading);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.blog-article__lede{margin-top:1rem;font-size:1.08rem;line-height:1.8;color:var(--text-soft)}.blog-blocks{margin-top:2.35rem;display:grid;gap:1.35rem}.blog-heading{margin:0;padding-top:.15rem;font-family:var(--font-heading);font-weight:500;line-height:1.18;letter-spacing:.04em;color:var(--text);scroll-margin-top:7rem;text-wrap:balance}.blog-heading--h2{margin-top:2.35rem;padding-bottom:.75rem;font-size:clamp(1.54rem,2.3vw,1.94rem);line-height:1.12;letter-spacing:.045em;border-bottom:1px solid color-mix(in srgb,var(--blog-border) 84%,var(--accent) 16%)}.blog-heading--h3,.blog-heading--h4{margin-top:1.7rem;font-size:clamp(1.06rem,1.45vw,1.22rem);letter-spacing:.065em}.blog-heading--h4{margin-top:1.45rem;font-size:clamp(.95rem,1.15vw,1.04rem);letter-spacing:.08em;color:color-mix(in srgb,var(--text) 90%,var(--muted) 10%)}.blog-paragraph{margin:0;font-size:1rem;line-height:1.82;color:var(--text-soft)}.blog-paragraph a,.blog-list-block a{color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--accent) 44%,transparent)}.blog-paragraph a:hover,.blog-list-block a:hover{color:var(--accent)}.blog-list-block{margin:.25rem 0 .3rem;padding-left:1.2rem;display:grid;gap:.6rem;color:var(--text-soft)}.blog-list-block li{line-height:1.72}.blog-figure,.blog-gallery{margin:.75rem 0 .2rem}.blog-figure{display:grid;gap:.5rem}.blog-figure figcaption,.blog-gallery figcaption{padding:0;margin:0;font-family:var(--font-heading);font-size:.62rem;font-weight:600;line-height:1.55;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 80%,var(--text) 20%)}.blog-gallery{display:grid;gap:1rem}.blog-gallery[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-gallery[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-gallery[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-gallery[data-count="5"],.blog-gallery[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-gallery--masonry{display:block;column-count:3;column-gap:1rem}.blog-gallery__item{margin:0;display:grid;gap:.5rem;break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:1rem}.blog-figure__trigger,.blog-gallery__trigger{appearance:none;border:0;padding:0;margin:0;width:100%;background:transparent;cursor:zoom-in;display:block}.blog-figure__trigger img,.blog-gallery__trigger img{border-radius:2px;background:color-mix(in srgb,var(--surface-alt) 90%,transparent 10%);box-shadow:0 16px 34px #00000012;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}.blog-figure__trigger:hover img,.blog-gallery__trigger:hover img{transform:translateY(-2px);box-shadow:0 22px 40px #0000001a;filter:saturate(1.01)}.blog-figure__trigger:focus-visible,.blog-gallery__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white 30%);outline-offset:6px}.blog-quote,.blog-embed,.blog-inline-cta{margin:.85rem 0 .25rem}.blog-quote{padding:1.25rem 1.35rem;border:1px solid color-mix(in srgb,var(--blog-border) 80%,var(--accent) 20%);background:color-mix(in srgb,var(--surface-alt) 70%,white 30%)}.blog-quote blockquote{margin:0;font-size:1.08rem;line-height:1.78;color:var(--text)}.blog-quote figcaption{margin-top:.85rem;font-family:var(--font-heading);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.blog-embed{border:1px solid var(--blog-border);background:var(--surface)}.blog-embed__frame{position:relative;width:100%;aspect-ratio:16 / 9;background:color-mix(in srgb,var(--surface-alt) 84%,black 16%)}.blog-embed__frame iframe,.blog-embed__frame video,.blog-embed__frame embed,.blog-embed__frame object{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-embed figcaption{padding:.85rem .95rem .95rem;font-size:.85rem;line-height:1.6;color:var(--muted)}.blog-inline-cta{display:flex}.blog-inline-cta__link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--blog-border) 78%,var(--accent) 22%);background:color-mix(in srgb,var(--surface) 94%,white 6%);font-family:var(--font-heading);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.blog-inline-cta__link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 54%,var(--blog-border) 46%);background:color-mix(in srgb,var(--surface-alt) 88%,white 12%);box-shadow:var(--hover-shadow-soft)}.blog-inline-promo{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:1.15rem;align-items:stretch;margin:1rem 0 .4rem;padding:1rem;border:1px solid color-mix(in srgb,var(--blog-border) 76%,var(--accent) 24%);background:color-mix(in srgb,var(--surface) 92%,white 8%);color:inherit;text-decoration:none;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.blog-inline-promo:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 56%,var(--blog-border) 44%);background:color-mix(in srgb,var(--surface-alt) 88%,white 12%);box-shadow:var(--hover-shadow-soft)}.blog-inline-promo__media{overflow:hidden;background:var(--surface-alt);aspect-ratio:4 / 5}.blog-inline-promo__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.blog-inline-promo:hover .blog-inline-promo__media img{transform:scale(1.03)}.blog-inline-promo__body{min-width:0;display:grid;align-content:center;gap:.55rem}.blog-inline-promo__badge{margin:0;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.blog-inline-promo__body h3{margin:0;font-size:1.08rem;line-height:1.34;letter-spacing:.05em}.blog-inline-promo__body p{margin:0;color:var(--muted);line-height:1.72;font-size:.95rem}.blog-inline-promo__label{display:inline-flex;align-items:center;width:fit-content;margin-top:.2rem;font-family:var(--font-heading);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,transparent);padding-bottom:.2rem}.blog-article__aside{position:sticky;top:1.8rem;display:grid;gap:1rem}.blog-keypoints,.blog-article__cta{background:var(--surface);border:1px solid var(--blog-border);border-radius:2px;padding:1.1rem}.blog-keypoints h3,.blog-article__cta h3{font-size:.68rem;letter-spacing:.14em;margin-bottom:.8rem}.blog-keypoints ul{margin:0;padding:0;list-style:none;display:grid;gap:.7rem}.blog-keypoints li{position:relative;padding-left:1rem;color:var(--muted);font-size:.92rem;line-height:1.56}.blog-keypoints a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .16s ease,border-color .16s ease}.blog-keypoints a:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 44%,transparent)}.blog-keypoints li:before{content:"";width:.38rem;height:.38rem;border-radius:999px;background:var(--accent);position:absolute;left:0;top:.5rem}.blog-article__cta p{font-size:.92rem;line-height:1.68}.blog-article__cta .btn{margin-top:.85rem;width:100%;min-height:48px;padding:.9rem 1.15rem;line-height:1.45;white-space:normal;text-align:center}.blog-page--archive .blog-shell,.tutorials-page .blog-shell{width:min(calc(100% - (var(--gutter) * 2)),var(--page-shell-width))}.tutorials-page .blog-index-hero{max-width:760px}.tutorials-page .blog-list{max-width:var(--page-shell-width);margin-inline:auto}.tutorials-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}.tutorials-card{min-height:100%}.tutorials-card__media{aspect-ratio:1 / 1}.tutorials-card__body{gap:.72rem}.tutorials-card h2{font-size:.95rem;line-height:1.4;min-height:3.1em}.tutorials-card p{font-size:.9rem;line-height:1.64;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tutorials-card .btn{width:100%;justify-content:center}.tutorials-card--promo{border-color:color-mix(in srgb,var(--accent) 42%,var(--blog-border) 58%);background:color-mix(in srgb,var(--surface-alt) 82%,var(--accent-soft, #eef2f6) 18%)}.tutorials-card--promo:hover{border-color:color-mix(in srgb,var(--accent) 68%,var(--blog-border) 32%);box-shadow:0 18px 42px #00000017}.tutorials-card__promo-media{position:relative;display:block;overflow:hidden;background:color-mix(in srgb,var(--surface-alt) 88%,white 12%)}.tutorials-card__promo-media img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.96) contrast(1.02)}.tutorials-card__promo-badge{position:absolute;left:.85rem;bottom:.85rem;display:inline-flex;align-items:center;padding:.42rem .58rem;background:#0c121cb8;color:#fff;font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1;backdrop-filter:blur(4px)}.blog-index-hero--archive{max-width:840px}.blog-archive-groups{margin-top:var(--page-section-space-sm);display:grid;gap:2.8rem}.blog-archive-group h2{margin-bottom:1rem;font-size:.9rem;letter-spacing:.14em;color:var(--accent)}.blog-archive-batches{display:grid;gap:1.35rem}.blog-archive-batch{display:grid;gap:1rem}.blog-archive-batch+.blog-archive-batch{padding-top:1.35rem;border-top:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.blog-archive-batch__label{margin:0;font-family:var(--font-heading);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.blog-archive-list{display:grid;gap:1rem}.blog-archive-item{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem;align-items:stretch;border:1px solid var(--blog-border);background:var(--surface);transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.blog-archive-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 58%,var(--blog-border) 42%);box-shadow:0 14px 32px #0000000f}.blog-archive-item__image{overflow:hidden;background:var(--surface-alt);aspect-ratio:1 / 1}.blog-archive-item__image img{aspect-ratio:1 / 1}.blog-archive-item__body{padding:1rem 1rem 1rem 0;display:flex;flex-direction:column;justify-content:center;gap:.65rem}.blog-archive-promo{padding:1.15rem 1.15rem 1.2rem;border:1px solid color-mix(in srgb,var(--blog-border) 78%,var(--accent) 22%);background:color-mix(in srgb,var(--surface-alt) 90%,white 10%);border-radius:2px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.blog-archive-promo:hover{transform:var(--hover-lift-sm);border-color:color-mix(in srgb,var(--accent) 56%,var(--blog-border) 44%);box-shadow:var(--hover-shadow-soft)}.blog-archive-promo__content{display:flex;justify-content:space-between;align-items:center;gap:1.2rem}.blog-archive-promo__content>div{flex:1;min-width:0;max-width:44rem}.blog-archive-promo__image{width:88px;min-width:88px;aspect-ratio:1 / 1;overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--blog-border) 82%,transparent)}.blog-article__main>.blog-back{margin-top:2rem}.blog-lightbox-open{overflow:hidden}.blog-lightbox{position:fixed;inset:0;z-index:80;opacity:0;transition:opacity .22s ease}.blog-lightbox[hidden]{display:none}.blog-lightbox.is-active{opacity:1}.blog-lightbox__backdrop{position:absolute;inset:0;border:0;background:#0c0c0cd6;cursor:zoom-out}.blog-lightbox__dialog{position:relative;z-index:1;width:min(calc(100% - 2rem),1400px);height:min(calc(100% - 2rem),94vh);margin:1rem auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.blog-lightbox.is-active .blog-lightbox__dialog{opacity:1;transform:translateY(0)}.blog-lightbox__figure{margin:0;display:grid;justify-items:center;gap:.8rem}.blog-lightbox__image{display:block;max-width:100%;max-height:calc(94vh - 7rem);width:auto;height:auto;border-radius:2px;box-shadow:0 28px 48px #0000002e}.blog-lightbox__caption{margin:0;text-align:center;font-family:var(--font-heading);font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:#ffffffc7}.blog-lightbox__close,.blog-lightbox__nav{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.blog-lightbox__close:hover,.blog-lightbox__nav:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff57}.blog-lightbox__close{position:absolute;top:.25rem;right:.25rem;z-index:2;width:2.8rem;height:2.8rem;border-radius:999px;font-family:var(--font-heading);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.blog-lightbox__nav{width:3.1rem;height:3.1rem;border-radius:999px;font-size:1.8rem;line-height:1}@media(max-width:960px){.tutorials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-layout{grid-template-columns:1fr}.blog-card__media{aspect-ratio:1 / 1}.blog-card__body{padding:1rem 1rem 1.1rem;gap:.68rem}.blog-card h2{font-size:.98rem;line-height:1.38}.blog-card p{font-size:.92rem;line-height:1.64}.blog-list,.blog-gallery[data-count="2"],.blog-gallery[data-count="3"],.blog-gallery[data-count="4"],.blog-gallery[data-count="5"],.blog-gallery[data-count="6"]{grid-template-columns:1fr}.blog-gallery--masonry{column-count:1}.blog-article{grid-template-columns:1fr}.blog-article__aside{position:static}.blog-promos{position:static;grid-template-columns:1fr;padding-left:0;border-left:0}.blog-archive-item{grid-template-columns:1fr}.blog-archive-item__body{padding:0 1rem 1rem}.blog-archive-promo__content{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start}.blog-archive-promo__content>div{max-width:none}.blog-archive-promo__content>a:last-child{grid-column:2}.blog-search-result,.blog-inline-promo{grid-template-columns:1fr}.blog-inline-promo__media{aspect-ratio:4 / 3}.blog-search-result__image{min-height:0;aspect-ratio:4 / 3}.blog-heading--h2{margin-top:2rem;padding-bottom:.65rem}.blog-heading--h3{margin-top:1.55rem}.blog-heading--h4{margin-top:1.3rem}.blog-archive-promo__content{grid-template-columns:1fr}.blog-archive-promo__image{width:100%;min-width:0;aspect-ratio:4 / 3}.blog-archive-promo__content>a:last-child{grid-column:auto}.blog-lightbox__dialog{width:min(calc(100% - 1rem),100%);height:min(calc(100% - 1rem),100vh);margin:.5rem auto}}@media(max-width:680px){.tutorials-grid{grid-template-columns:1fr}.tutorials-card h2{min-height:0}.blog-card__body{padding:.92rem .92rem 1rem}.blog-lightbox__dialog{grid-template-columns:1fr;align-content:center;justify-items:center;padding:3.5rem .25rem 1rem}.blog-lightbox__figure{order:1}.blog-lightbox__nav{position:absolute;top:1rem;width:2.7rem;height:2.7rem}.blog-lightbox__nav--prev{left:1rem}.blog-lightbox__nav--next{right:1rem}.blog-lightbox__image{max-height:calc(100vh - 9rem)}}