[data-page=blog] .blog-sec{background:var(--cream);padding:clamp(1rem,2vw,2rem) 0 clamp(4rem,9vw,7.5rem)}[data-page=blog] .feat-post{background:linear-gradient(var(--ink),var(--ink)) padding-box,var(--grad-soft) border-box;color:var(--cream);transition:transform .45s var(--e-quint),box-shadow .45s var(--e-quint);border:2px solid #0000;border-radius:16px;padding:clamp(1.8rem,3.6vw,3rem);display:block;position:relative;overflow:hidden;box-shadow:0 30px 70px -34px #7b61ff8c}[data-page=blog] .feat-post:hover{transform:translateY(-6px);box-shadow:0 44px 90px -36px #7b61ffb3}[data-page=blog] .feat-post:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#7b61ff4d,#0000 75%);height:80%;position:absolute;inset:auto -15% -50%}[data-page=blog] .fp-media{aspect-ratio:2.5;z-index:1;background:#f5efde0f;margin:calc(-1*clamp(1.8rem,3.6vw,3rem)) calc(-1*clamp(1.8rem,3.6vw,3rem)) clamp(1.4rem,2.6vw,2rem);position:relative;overflow:hidden}[data-page=blog] .fp-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--e-quint);position:absolute;inset:0}[data-page=blog] .feat-post:hover .fp-media img{transform:scale(1.04)}[data-page=blog] .fp-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#0d0c1480);position:absolute;inset:0}[data-page=blog] .fp-kicker{font-family:var(--font-caveat);color:var(--orange);align-items:center;gap:.5em;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;display:inline-flex;transform:rotate(-2deg)}[data-page=blog] .fp-title{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:-.03em;max-width:22ch;margin:.4rem 0 .7rem;font-size:clamp(1.8rem,4.4vw,3.8rem);font-weight:900;font-stretch:120%;line-height:.94}[data-page=blog] .fp-sub{color:#f5efdec7;max-width:60ch;font-size:clamp(.98rem,1.3vw,1.15rem)}[data-page=blog] .fp-meta{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;display:flex}[data-page=blog] .fp-meta span{font-family:var(--font-instrument-sans);letter-spacing:.14em;text-transform:uppercase;color:#f5efdea6;border:1px solid #f5efde40;border-radius:100px;padding:.42em .9em;font-size:.7rem;font-weight:700}[data-page=blog] .fp-link{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:.04em;color:var(--cream);align-items:center;gap:.5em;margin-top:1.3rem;font-size:.82rem;font-weight:700;display:inline-flex}[data-page=blog] .fp-link span:last-child{transition:transform .35s var(--e-quint)}[data-page=blog] .feat-post:hover .fp-link span:last-child{transform:translate(4px)}[data-page=blog] .b-filters{flex-wrap:wrap;gap:.55rem;margin:clamp(2rem,4vw,3rem) 0 clamp(1.4rem,2.8vw,2.2rem);display:flex}[data-page=blog] .b-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.2vw,1.8rem);display:grid}[data-page=blog] .post{background:var(--cream);border:1.5px solid var(--edge);transition:transform .4s var(--e-quint),box-shadow .4s var(--e-quint),border-color .4s;border-radius:14px;flex-direction:column;padding:clamp(1.3rem,2.4vw,1.9rem);display:flex;position:relative;overflow:hidden}[data-page=blog] .post:after{content:"";background:var(--grad);transform-origin:0;height:3px;transition:transform .45s var(--e-quint);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}[data-page=blog] .post:hover{box-shadow:var(--shadow);border-color:#0d0d0d47;transform:translateY(-5px)}[data-page=blog] .post:hover:after{transform:scaleX(1)}[data-page=blog] .post[hidden]{display:none!important}[data-page=blog] .post-media{aspect-ratio:3/2;border-bottom:1.5px solid var(--edge);background:#0d0d0d0d;margin:calc(-1*clamp(1.3rem,2.4vw,1.9rem)) calc(-1*clamp(1.3rem,2.4vw,1.9rem)) clamp(.9rem,1.8vw,1.3rem);position:relative;overflow:hidden}[data-page=blog] .post-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--e-quint);position:absolute;inset:0}[data-page=blog] .post:hover .post-media img{transform:scale(1.05)}[data-page=blog] .post.pop{animation:blog-postPop .45s var(--e-quint) both}@keyframes blog-postPop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}[data-page=blog] .b-grid .post:nth-child(odd):hover{transform:translateY(-5px)rotate(-.35deg)}[data-page=blog] .b-grid .post:nth-child(2n):hover{transform:translateY(-5px)rotate(.35deg)}[data-page=blog] .post-cat{font-family:var(--font-instrument-sans);letter-spacing:.16em;text-transform:uppercase;color:#0d0d0d99;border:1px solid #0d0d0d33;border-radius:100px;align-self:flex-start;padding:.4em .9em;font-size:.66rem;font-weight:700}[data-page=blog] .post-cat.c-seo{color:#5a43d6;background:#7b61ff1f;border-color:#7b61ff59}[data-page=blog] .post-cat.c-ads{color:#b35f00;background:#ff8a001f;border-color:#ff8a0066}[data-page=blog] .post-cat.c-ia{color:#9527c9;background:#c24cf61f;border-color:#c24cf666}[data-page=blog] .post-cat.c-web{color:#0d9488;background:#14b8a61f;border-color:#14b8a666}[data-page=blog] .post-cat.c-strat{color:#0d0d0dad;background:#0d0d0d0d;border-color:#0d0d0d47}[data-page=blog] .post h3{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:-.015em;margin:.8rem 0 .55rem;font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:900;font-stretch:112%;line-height:1.08}[data-page=blog] .post p{color:#0d0d0db3;flex:1;font-size:.92rem;line-height:1.5}[data-page=blog] .post-foot{font-family:var(--font-instrument-sans);color:#0d0d0d8c;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.78rem;display:flex}[data-page=blog] .post-foot b{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);align-items:center;gap:.4em;font-size:.74rem;font-weight:700;display:inline-flex}[data-page=blog] .post-foot b span{transition:transform .35s var(--e-quint)}[data-page=blog] .post:hover .post-foot b span{transform:translate(4px)}[data-page=blog] .b-note{text-align:center;font-family:var(--font-instrument-serif);color:#0d0d0d9e;margin-top:clamp(1.8rem,3.4vw,2.6rem);font-size:clamp(1.05rem,1.8vw,1.4rem);font-style:italic}[data-page=blog] .b-note b{font-family:var(--font-archivo);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}@media (max-width:1000px){[data-page=blog] .b-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){[data-page=blog] .b-grid{grid-template-columns:1fr}}[data-page=blog] .filt{font-family:var(--font-instrument-sans);color:var(--ink);cursor:pointer;transition:background .35s var(--e-quint),color .35s,border-color .35s,transform .3s var(--e-quint);background:0 0;border:1.5px solid #0d0d0d3d;border-radius:100px;align-items:center;gap:.5em;padding:.62em 1.15em;font-size:.88rem;font-weight:600;display:inline-flex}[data-page=blog] .filt b{font-family:var(--font-archivo);background:#0d0d0d14;border-radius:100px;padding:.24em .6em;font-size:.78em;font-weight:800;transition:background .35s,color .35s}[data-page=blog] .filt:hover{border-color:var(--ink);transform:translateY(-2px)}[data-page=blog] .filt.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}[data-page=blog] .filt.on b{background:var(--grad);color:#fff}[data-page=blog] .filt:focus-visible{outline:3px solid var(--violet);outline-offset:3px}