.blog{background:#060606;min-height:100vh;padding:0 0 80px;position:relative;overflow:hidden}.blog-grain{z-index:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.blog-back{z-index:2;font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#f6f6f647;align-items:center;gap:8px;margin:40px 0 0 6%;font-size:12px;font-weight:500;text-decoration:none;transition:color .22s;display:inline-flex;position:relative}.blog-back:hover{color:#f6f6f6b8}.blog-back svg{transition:transform .22s}.blog-back:hover svg{transform:translate(-3px)}.blog-header{z-index:2;padding:60px 6% 72px;position:relative}.blog-eyebrow{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.3em;text-transform:uppercase;color:#f6f6f63d;align-items:center;gap:10px;margin-bottom:28px;font-size:10px;font-weight:600;display:flex}.blog-eyebrow-line{background:#6ea8ff80;flex-shrink:0;width:28px;height:1px;display:inline-block}.blog-title{flex-direction:column;gap:4px;margin:0 0 28px;display:flex}.blog-title-dim,.blog-title-bold,.blog-title-accent{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:-.04em;line-height:1;animation:.8s cubic-bezier(.16,1,.3,1) both blogRise;display:block}.blog-title-dim{color:#f6f6f642;font-size:clamp(28px,3.8vw,56px);font-weight:300;animation-delay:50ms}.blog-title-bold{color:#f6f6f6;font-size:clamp(52px,7.5vw,108px);font-weight:800;animation-delay:.18s}.blog-title-accent{color:#6ea8ffa6;font-size:clamp(28px,3.8vw,56px);font-style:italic;font-weight:300;animation-delay:.3s}@keyframes blogRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-subtitle{font-family:var(--font-space,"Space Grotesk",sans-serif);color:#f6f6f647;max-width:440px;margin:0;font-size:clamp(13px,1.2vw,15px);font-weight:400;line-height:1.78;animation:.6s cubic-bezier(.16,1,.3,1) .44s both blogRise}.blog-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 6%;display:grid;position:relative}.blog-card{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) both blogCardIn;animation-delay:calc(var(--i,0)*90ms + .3s);background:#f6f6f603;border:1px solid #f6f6f60e;flex-direction:column;gap:0;padding:40px 36px 36px;transition:background .28s,border-color .28s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}@keyframes blogCardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card:hover{background:#f6f6f609;border-color:#f6f6f61a}.blog-card-meta{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.blog-card-tag{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.22em;text-transform:uppercase;color:#6ea8ffa6;border:1px solid #6ea8ff2e;border-radius:100px;padding:4px 10px;font-size:9.5px;font-weight:600}.blog-card-date{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.1em;color:#f6f6f62e;font-size:10px;font-weight:400}.blog-card-title{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:-.025em;color:#f6f6f6cc;margin:0 0 16px;font-size:clamp(16px,1.4vw,22px);font-weight:700;line-height:1.25;transition:color .22s}.blog-card:hover .blog-card-title{color:#f6f6f6}.blog-card-excerpt{font-family:var(--font-space,"Space Grotesk",sans-serif);color:#f6f6f64d;flex:1;margin:0 0 28px;font-size:clamp(12px,1vw,14px);font-weight:400;line-height:1.8}.blog-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.blog-card-read{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.1em;color:#f6f6f629;text-transform:uppercase;font-size:10px;font-weight:400}.blog-card-cta{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#6ea8ffa6;align-items:center;gap:6px;font-size:11px;font-weight:500;text-decoration:none;transition:color .22s;display:inline-flex}.blog-card-cta:hover{color:#6ea8ff}.blog-card-cta svg{transition:transform .24s cubic-bezier(.22,1,.36,1)}.blog-card-cta:hover svg{transform:translate(3px)}.blog-card-bar{transform-origin:0;background:linear-gradient(90deg,#0000,#6ea8ff59 45% 55%,#0000);width:100%;height:1px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.blog-card:hover .blog-card-bar{transform:scaleX(1)}.blog-footer{z-index:2;font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#f6f6f624;border-top:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:14px;margin-top:80px;padding:24px 6% 0;font-size:10px;font-weight:400;display:flex;position:relative}.blog-footer-sep{opacity:.28}.blog-footer-link{color:#f6f6f638;text-decoration:none;transition:color .22s}.blog-footer-link:hover{color:#f6f6f699}.blog-ghost{font-family:var(--font-space,"Space Grotesk",sans-serif);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px #ffffff05;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;text-transform:uppercase;font-size:clamp(100px,18vw,300px);font-weight:900;position:absolute;bottom:-2%;right:-2%}@media (max-width:1280px){.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card{padding:32px 28px 28px}}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card-title{font-size:clamp(15px,2vw,20px)}}@media (max-width:900px){.blog-header{padding:40px 6% 56px}.blog-grid{grid-template-columns:repeat(2,1fr);padding:0 5%}.blog-card{padding:26px 22px 22px}.blog-card-title{font-size:clamp(14px,2.4vw,19px)}.blog-card-excerpt{font-size:13px}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr;gap:0;padding:0 5%}.blog-header{padding:28px 5% 44px}.blog-card{padding:24px 20px 20px}.blog-back{margin:28px 0 0 5%}}@media (max-width:430px){.blog-title-bold{font-size:clamp(44px,14vw,76px)}.blog-title-dim,.blog-title-accent{font-size:clamp(22px,7vw,36px)}.blog-card{padding:20px 16px 18px}}@media (min-width:1921px){.blog-grid{grid-template-columns:repeat(3,1fr);max-width:1600px;margin:0 auto}.blog-header{max-width:1600px;margin:0 auto}}
