.blog-section{border-bottom:1px solid var(--border)}.blog-section--intro{background:var(--card)}.blog-section--topics{background:var(--background)}.blog-topics__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.7rem;margin-bottom:.9rem;border-bottom:1px solid var(--border)}.blog-topics__title{font-size:1.15rem;font-weight:900;line-height:1.3;color:var(--foreground)}@media (min-width:640px){.blog-topics__title{font-size:1.3rem}}.blog-topics__sub{margin-top:.25rem;font-size:.78rem;font-weight:600;color:var(--muted-foreground)}.blog-topics__meta{flex-shrink:0;padding-top:.15rem;font-size:.72rem;font-weight:700;color:var(--muted-foreground)}.blog-topics__grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:560px){.blog-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}}@media (min-width:900px){.blog-topics__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}}.blog-topic-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--border);background:var(--card);text-decoration:none;color:inherit;transition:border-color .2s ease}.blog-topic-card:hover{border-color:var(--primary)}.blog-topic-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--muted)}.blog-topic-card__shot{position:absolute;inset:0;overflow:hidden;border-bottom:1px solid var(--border);background:var(--muted)}.blog-topic-card__shot:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:transparent;transition:background .25s ease}.blog-topic-card:hover .blog-topic-card__shot:after{background:color-mix(in srgb,#000 10%,transparent)}.blog-topic-card__img,.blog-topic-card__shot>img,.blog-topic-card__shot>span{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s ease}.blog-topic-card:hover .blog-topic-card__img{transform:scale(1.04)}.blog-topic-card__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--muted-foreground);font-size:.65rem;font-weight:700}.blog-topic-card__index{position:absolute;top:.5rem;inset-inline-start:.5rem;z-index:3;display:grid;place-items:center;min-width:1.65rem;height:1.35rem;padding:0 .3rem;background:#0a0a0a;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.02em;line-height:1}.blog-topic-card__folder{position:absolute;bottom:.5rem;inset-inline-end:.5rem;z-index:4;display:grid;place-items:center;width:1.85rem;height:1.85rem;background:var(--primary);color:var(--primary-foreground)}.blog-topic-card__body{display:flex;flex:1;flex-direction:column;padding:.75rem .8rem .8rem}@media (min-width:640px){.blog-topic-card__body{padding:.8rem .85rem .85rem}}.blog-topic-card__title{font-size:.92rem;font-weight:900;line-height:1.35;color:var(--foreground);transition:color .2s ease}.blog-topic-card:hover .blog-topic-card__title{color:var(--primary)}.blog-topic-card__desc{margin-top:.35rem;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.72rem;font-weight:600;line-height:1.65;color:var(--muted-foreground)}.blog-topic-card__foot{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.68rem;font-weight:800}.blog-topic-card__count{color:var(--muted-foreground)}.blog-topic-card__enter{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary)}.blog-topic-card:hover .blog-topic-card__enter svg{transform:translateX(-2px);transition:transform .2s ease}.blog-section--archive{background:var(--background)}.blog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.blog-section-kicker{font-size:.7rem;font-weight:800;color:var(--primary)}.blog-section-title{margin-top:.15rem;font-size:1.1rem;font-weight:900;color:var(--foreground);line-height:1.25}@media (min-width:640px){.blog-section-title{font-size:1.25rem}}.blog-section-panel{border:1px solid var(--border);background:var(--card);padding:.85rem}@media (min-width:640px){.blog-section-panel{padding:1.1rem 1.2rem}}.blog-hero{--bh-dur:680ms;--bh-ken:5000ms;--bh-ease:cubic-bezier(0.22,1,0.36,1);isolation:isolate;touch-action:pan-y}.blog-hero,.blog-hero__frame{position:relative;overflow:hidden;background:#0a0a0a}.blog-hero__frame{width:100%;aspect-ratio:3/4;min-height:22rem;max-height:min(78vh,34rem)}@media (min-width:480px){.blog-hero__frame{aspect-ratio:4/5;min-height:20rem;max-height:28rem}}@media (min-width:640px){.blog-hero__frame{aspect-ratio:16/9;min-height:16rem;max-height:24rem}}@media (min-width:1024px){.blog-hero__frame{aspect-ratio:21/9;max-height:26rem}}.blog-hero__slide{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none;overflow:hidden}.blog-hero__slide.is-current{z-index:2;opacity:1;pointer-events:auto}.blog-hero__slide.is-leaving{z-index:3;pointer-events:none}.blog-hero__slide.is-entering{z-index:4;pointer-events:none}.blog-hero__slide.is-preload{z-index:0;opacity:0;pointer-events:none}.blog-hero__media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#0a0a0a}.blog-hero__img,.blog-hero__media>img,.blog-hero__media>span{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}.blog-hero__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--muted);color:var(--muted-foreground)}.blog-hero__slide.is-current .blog-hero__img,.blog-hero__slide.is-entering.is-current .blog-hero__img{animation:blogHeroKen var(--bh-ken) linear forwards;transform-origin:center center;will-change:transform}.blog-hero.is-paused .blog-hero__slide.is-current .blog-hero__img,.blog-hero.is-paused .blog-hero__slide.is-entering.is-current .blog-hero__img{animation-play-state:paused}.blog-hero__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:color-mix(in srgb,#020617 58%,transparent)}.blog-hero__copy{position:absolute;inset-inline:0;bottom:0;z-index:2;width:min(100%,40rem);max-width:40rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.85rem .85rem 3.25rem}@media (min-width:640px){.blog-hero__copy{padding:1.35rem 1.5rem 2.75rem}}.blog-hero__title{margin-top:.5rem;font-size:1rem;font-weight:900;line-height:1.45;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media (min-width:640px){.blog-hero__title{font-size:1.5rem;line-height:1.35;-webkit-line-clamp:2}}@media (min-width:1024px){.blog-hero__title{font-size:1.75rem}}.blog-hero__excerpt{margin-top:.45rem;width:100%;max-width:36rem;font-size:.75rem;line-height:1.7;color:color-mix(in srgb,#fff 80%,transparent);display:none}@media (min-width:640px){.blog-hero__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.875rem;line-height:1.75}}.blog-hero__cta{margin-top:.75rem;display:inline-flex;min-height:2.25rem;align-items:center;gap:.35rem;border:1px solid var(--primary);background:var(--primary);padding:0 .9rem;font-size:.7rem;font-weight:900;color:var(--primary-foreground);transition:opacity .15s ease}.blog-hero__cta:hover{opacity:.9}@media (min-width:640px){.blog-hero__cta{min-height:2.5rem;padding:0 1rem;font-size:.75rem}}.blog-hero__nav{position:absolute;z-index:6;display:grid;place-items:center;border:1px solid color-mix(in srgb,#fff 22%,transparent);background:color-mix(in srgb,#020617 55%,transparent);color:#fff;cursor:pointer;top:auto;bottom:.55rem;width:2rem;height:2rem;transform:none}@media (min-width:640px){.blog-hero__nav{top:50%;bottom:auto;width:2.4rem;height:2.4rem;transform:translateY(-50%)}}.blog-hero__nav.is-prev{inset-inline-end:.5rem}.blog-hero__nav.is-next{inset-inline-start:.5rem}@media (min-width:640px){.blog-hero__nav.is-prev{inset-inline-end:.6rem}.blog-hero__nav.is-next{inset-inline-start:.6rem}}.blog-hero__dots{position:absolute;z-index:6;inset-inline:2.75rem;bottom:.75rem;display:flex;justify-content:center;gap:.35rem}@media (min-width:640px){.blog-hero__dots{inset-inline:0;bottom:.65rem}}.blog-hero__dot{width:.4rem;height:.4rem;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,#fff 40%,transparent);cursor:pointer}.blog-hero__dot.is-on{width:1.2rem;background:#fff}.blog-hero__progress{position:absolute;z-index:6;inset-inline:0;bottom:0;height:3px;background:color-mix(in srgb,#fff 14%,transparent);transform-origin:right}.blog-hero__progress>i{display:block;height:100%;width:100%;background:var(--primary);transform:scaleX(0);transform-origin:inherit;animation:blogHeroProgress linear forwards}.blog-hero.is-paused .blog-hero__progress>i{animation-play-state:paused}.blog-hero[data-fx=fade] .blog-hero__slide.is-leaving{animation:blogHeroFadeOut var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=fade] .blog-hero__slide.is-entering{animation:blogHeroFadeIn var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=slide][data-dir="1"] .blog-hero__slide.is-leaving{animation:blogHeroSlideOutL var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=slide][data-dir="1"] .blog-hero__slide.is-entering{animation:blogHeroSlideInR var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=slide][data-dir="-1"] .blog-hero__slide.is-leaving{animation:blogHeroSlideOutR var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=slide][data-dir="-1"] .blog-hero__slide.is-entering{animation:blogHeroSlideInL var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=zoom] .blog-hero__slide.is-leaving{animation:blogHeroZoomOut var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=zoom] .blog-hero__slide.is-entering{animation:blogHeroZoomIn var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=rise] .blog-hero__slide.is-leaving{animation:blogHeroRiseOut var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=rise] .blog-hero__slide.is-entering{animation:blogHeroRiseIn var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=wipe] .blog-hero__slide.is-entering{animation:blogHeroWipeIn var(--bh-dur) var(--bh-ease) both}.blog-hero[data-fx=wipe] .blog-hero__slide.is-leaving{animation:blogHeroFadeOut calc(var(--bh-dur) * .7) var(--bh-ease) both}@keyframes blogHeroKen{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.16) translate3d(-1.5%,1%,0)}}@keyframes blogHeroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes blogHeroFadeOut{0%{opacity:1}to{opacity:0}}@keyframes blogHeroSlideInR{0%{opacity:1;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes blogHeroSlideInL{0%{opacity:1;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes blogHeroSlideOutL{0%{opacity:1;transform:none}to{opacity:1;transform:translate3d(-100%,0,0)}}@keyframes blogHeroSlideOutR{0%{opacity:1;transform:none}to{opacity:1;transform:translate3d(100%,0,0)}}@keyframes blogHeroZoomIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes blogHeroZoomOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}@keyframes blogHeroRiseIn{0%{opacity:0;transform:translate3d(0,14%,0)}to{opacity:1;transform:none}}@keyframes blogHeroRiseOut{0%{opacity:1}to{opacity:0;transform:translate3d(0,-8%,0)}}@keyframes blogHeroWipeIn{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes blogHeroProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.blog-hero__slide.is-current .blog-hero__img,.blog-hero__slide.is-entering.is-current .blog-hero__img{animation:none!important}}