.blog-archive{isolation:isolate;color:#f1f1e8;background:#020c17;min-height:900px;padding-bottom:28px;position:relative;overflow:clip}.blog-archive .portfolio-slider{isolation:isolate;overflow-clip-margin:8px;position:relative;overflow:clip}.blog-archive .portfolio-slide[data-entering=true]{animation:.5s cubic-bezier(.4,0,.2,1) both blog-archive-page-in}.blog-archive .portfolio-slide-out{pointer-events:none;animation:.4s ease-in-out both blog-archive-page-out;position:absolute;inset:0}@keyframes blog-archive-page-in{0%{opacity:0}to{opacity:1}}@keyframes blog-archive-page-out{0%{opacity:1}to{opacity:0}}.blog-archive-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.blog-archive-sky{z-index:0;height:440px;position:absolute;inset:0 0 auto;overflow:hidden}.blog-archive-meteors{position:absolute;inset:0}.blog-archive-meteor{opacity:0;animation:12s linear 1s infinite blog-archive-meteor-pass;position:absolute;top:8%;left:80%}.blog-archive-meteor:nth-child(2){animation-duration:17s;animation-delay:5s;top:3%;left:38%}.blog-archive-meteor:nth-child(3){animation-duration:21s;animation-delay:9s;top:35%;left:95%}.blog-archive-meteor:nth-child(4){animation-duration:14s;animation-delay:3s;top:12%;left:24%}.blog-archive-meteor:nth-child(5){animation-duration:19s;animation-delay:7s;top:2%;left:64%}.blog-archive-meteor:nth-child(6){animation-duration:16s;animation-delay:11s;top:44%;left:100%}.blog-archive-meteor:nth-child(7){animation-duration:23s;animation-delay:13s;top:25%;left:16%}.blog-archive-meteor i{transform-origin:0;background:linear-gradient(90deg,#dcf6ff,#6ac5e780 25%,#0000);width:clamp(65px,8vw,110px);height:1px;display:block;transform:rotate(-35deg)}.blog-archive-meteor i:before{content:"";background:#e9faff;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;left:-1px;box-shadow:0 1px 6px #9de4ff80}.blog-archive-sky[data-moving=false] :is(.twinkle-star,.blog-archive-meteor){animation-play-state:paused}@keyframes blog-archive-meteor-pass{0%{opacity:0;transform:translate(0,0)}2%{opacity:.85}10%,to{opacity:0;transform:translate(-380px,266px)}}.blog-archive-grid .blog-card-compact{color:var(--brand-cream);padding:12px}.blog-archive-grid .blog-card-compact .blog-cover{aspect-ratio:2.1}.blog-archive-grid .blog-card-compact .blog-card-copy{padding:8px 4px 10px}.blog-archive-grid .blog-card-compact .blog-demo-label{margin-bottom:4px;font-size:10px;line-height:1.5}.blog-archive-grid .blog-card-compact h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;height:3.2em;margin:0 0 6px;font-size:clamp(17px,1.45vw,19px);font-weight:650;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-archive-grid .blog-card-compact .blog-excerpt{-webkit-line-clamp:2;height:3.6em;font-size:12px;line-height:1.8}.blog-archive-grid .blog-card-compact .blog-card-footer{margin-inline:4px;padding-top:10px}.blog-archive-grid .blog-card-compact .blog-arrow{width:34px;height:34px}.blog-archive-grid .blog-card-compact .blog-date{font-size:10px}.blog-archive-orb{z-index:1;width:min(72%,850px);height:auto;position:absolute;top:22px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 42%,#0009 66%,#0000 96%);mask-image:linear-gradient(#000 0% 42%,#0009 66%,#0000 96%)}.blog-archive-hero{text-align:center;padding:128px 20px 20px;position:relative}.blog-archive-eyebrow{color:#84d4ed;margin:0;font-size:18px;line-height:1.7}.blog-archive-hero h1{text-wrap:balance;margin:14px 0 0;font-size:clamp(32px,3.8vw,48px);font-weight:850;line-height:1.5}.blog-archive-hero h1 em{color:var(--brand-cyan);font-style:normal}.blog-archive-description{color:#b1c2d0;text-wrap:pretty;margin:10px auto 0;font-size:16px;line-height:1.85}.blog-archive-shell{width:min(90%,1240px);margin-inline:auto;scroll-margin-top:108px;position:relative}.blog-archive-filters{margin-bottom:24px}.blog-archive-filters a svg{color:#91c8e3;flex-shrink:0}.blog-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:15px;display:grid}.blog-archive-card{min-width:0;color:inherit;background:linear-gradient(145deg,#05101ce6,#0d1c2ae6);border:1px solid #6ac5e770;border-radius:15px;padding:5px 10px 14px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:block}.blog-archive-card>article{flex-direction:column;height:100%;display:flex}.blog-archive-cover{aspect-ratio:1.88;background:#071724;border-radius:12px;position:relative;overflow:hidden}.blog-archive-cover img{object-fit:cover;max-width:none;position:absolute}.blog-archive-demo{color:#c2dce7;background:#05111dd9;border:1px solid #82cce529;border-radius:6px;padding:3px 7px;font-size:9px;line-height:1.5;position:absolute;bottom:7px;right:8px}.blog-archive-card-body{flex-direction:column;flex:1;padding:12px 7px 0;display:flex}.blog-archive-meta{color:#a9c4d7;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 10px;margin-bottom:8px;font-size:10.5px;line-height:1.7;display:flex}.blog-archive-meta>:is(time,span){align-items:center;gap:6px;display:inline-flex}.blog-archive-meta svg{color:#8ac4e9;flex-shrink:0}.blog-archive-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.2em;margin:0 0 10px;font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-archive-excerpt{-webkit-line-clamp:2;color:#b2c4d4;-webkit-box-orient:vertical;min-height:3.7em;margin:0 0 14px;font-size:14px;line-height:1.85;display:-webkit-box;overflow:hidden}.blog-archive-card-footer{border-top:1px solid #6ac5e721;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.blog-archive-category{color:#e2edf1;background:linear-gradient(120deg,#0b1926,#11283b80);border:1px solid #8ddcfa99;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 48px);padding:7px 12px;font-size:11px;line-height:1.5;display:inline-flex}.blog-archive-category svg{color:#8edaf4;flex-shrink:0}.blog-archive-card-arrow{color:#a4edff;background:#051522;border:1px solid #70cbea;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.blog-archive .blog-archive-pagination{margin-top:32px}.blog-archive-home-link{color:#8db7cd;text-underline-offset:5px;width:fit-content;margin:20px auto 0;font-size:11px;display:block}.blog-archive-empty{text-align:center;background:#071523b3;border:1px solid #6ac5e73b;border-radius:15px;padding:64px 20px}.blog-archive-empty h2{margin:0 0 12px;font-size:23px;line-height:1.7}.blog-archive-empty p{color:#b4cad9;font-size:14px;line-height:1.9}.blog-archive-empty a{color:#d8f4ff;border:1px solid #77cce6;border-radius:999px;padding:11px 18px;font-size:13px;text-decoration:none;display:inline-block}.blog-archive :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #b7edff}.blog-archive-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-archive-filter-skeleton{background:#071523;border:1px solid #6ac5e73b;border-radius:24px;width:180px;height:44px;margin:0 0 24px auto}.blog-archive-skeleton{min-height:400px}.blog-archive-skeleton>div{aspect-ratio:1.88;background:#142738;border-radius:12px}.blog-archive-skeleton>span{background:#142738;border-radius:4px;width:80%;height:18px;margin:20px 8px 0;display:block}.blog-archive-skeleton>span:last-child{width:55%}@media (hover:hover){.blog-archive-card:hover{border-color:#b3edffb3;transform:translateY(-3px);box-shadow:0 6px 20px #6ac5e712}}@media (not (min-width:1000px)) and (min-width:700px){.blog-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not (min-width:700px){.blog-archive-sky{height:365px}.blog-archive{min-height:0;padding-bottom:32px}.blog-archive-shell{width:calc(100% - 32px)}.blog-archive-hero{padding:122px 20px 24px}.blog-archive-eyebrow{font-size:15px}.blog-archive-hero h1{margin-top:14px;font-size:clamp(29px,7.8vw,38px);line-height:1.65}.blog-archive-description{margin-top:12px;font-size:12px;line-height:2}.blog-archive-description br{display:none}.blog-archive-orb{width:125%;top:62px;-webkit-mask-image:linear-gradient(#000 25%,#000b 58%,#0000 98%);mask-image:linear-gradient(#000 25%,#000b 58%,#0000 98%)}.blog-archive-grid{grid-template-columns:minmax(0,1fr);gap:18px}.blog-archive-card{padding:7px 9px 14px}.blog-archive-card h2{font-size:19px}.blog-archive-excerpt{font-size:13px}.blog-archive-meta{font-size:10px}}@media (prefers-reduced-motion:reduce){.blog-archive .portfolio-slide[data-entering=true]{animation:none}.blog-archive .portfolio-slide-out{animation:none;display:none}.blog-archive-sky .twinkle-star{opacity:.42;animation:none;transform:none}.blog-archive-meteors{display:none}.blog-archive-card,.blog-archive-filters a{transition:none}.blog-archive-card:hover{transform:none}}
