.blog-hero{position:relative;background:var(--dark);padding:152px 0 100px;overflow:hidden}.blog-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 30%,transparent 100%);pointer-events:none}.blog-hero .inner{padding:0 max(24px, 4vw)}.blog-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.blog-hero-copy .sec-label{display:inline-flex;margin-bottom:24px;color:var(--orange)}.blog-h1{font-size:clamp(32px, 3.8vw, 56px);font-weight:600;line-height:1.06;letter-spacing:-.03em;color:#F0EDE8;margin:0 0 20px}.blog-h1 em{font-style:italic;background:linear-gradient(90deg,var(--orange),var(--orange-amber));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.blog-hero-sub{font-size:16px;line-height:1.72;color:#7D7A75;margin:0 0 40px;max-width:460px}.blog-hero-visual{position:relative;height:420px}.art-glow{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none}.art-glow-ai{width:220px;height:220px;background:rgb(139 92 246 / .22);top:-20px;right:30px}.art-glow-seo{width:160px;height:160px;background:rgb(34 197 94 / .18);top:140px;left:-10px}.art-glow-web{width:180px;height:180px;background:rgb(241 98 50 / .15);bottom:10px;right:10px}.art-stack{position:relative;width:100%;height:100%}.art-card{position:absolute;width:290px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px;padding:18px 20px 20px}.art-c1{top:0;left:10px;transform:rotate(-3deg);animation:artfloat1 7s ease-in-out infinite;z-index:1}.art-c2{top:126px;right:10px;transform:rotate(2deg);animation:artfloat2 6.2s ease-in-out infinite;z-index:3}.art-c3{top:256px;left:36px;transform:rotate(-1.5deg);animation:artfloat3 8s ease-in-out infinite;z-index:2}@keyframes artfloat1{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}@keyframes artfloat2{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}@keyframes artfloat3{0%,100%{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-12px)}}.art-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.art-read{font-size:11px;font-weight:500;color:#504D49}.art-card-title{font-size:13px;font-weight:500;line-height:1.45;color:#C8C4BE;margin:0 0 16px}.art-foot{display:flex;align-items:center;gap:10px}.art-prog-wrap{flex:1;height:3px;background:rgb(255 255 255 / .07);border-radius:9999px;overflow:hidden}.art-prog-bar{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--orange),var(--orange-amber))}.art-prog-lbl{font-size:10px;color:#504D49;white-space:nowrap}.art-badge{position:absolute;display:flex;flex-direction:column;align-items:center;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:10px 18px}.art-badge-a{bottom:0;right:24px;animation:badgefloat 4s ease-in-out infinite}.art-badge-b{top:36px;right:4px;animation:badgefloat 4s ease-in-out infinite;animation-delay:-2s}@keyframes badgefloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.art-badge-num{font-size:22px;font-weight:700;color:#F0EDE8;line-height:1}.art-badge-lbl{font-size:10px;color:#504D49;margin-top:3px}.cat-filter{display:flex;flex-wrap:wrap;gap:8px}.cat-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9999px;font-size:13px;font-weight:500;border:1.5px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .04);color:#7D7A75;cursor:pointer;transition:all .2s ease}.cat-btn:hover{border-color:rgb(241 98 50 / .35);color:#F0EDE8;background:rgb(241 98 50 / .06)}.cat-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-website{background:#F16232}.dot-seo{background:#22C55E}.dot-ai{background:#8B5CF6}.dot-wordpress{background:#3B82F6}.featured-sec{background:var(--warm)}.featured-sec .inner{padding:0 max(24px, 4vw)}.featured-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden;border:1px solid rgb(0 0 0 / .07);background:#fff;box-shadow:0 2px 24px rgb(0 0 0 / .06);transition:box-shadow .25s ease}.featured-card:hover{box-shadow:0 6px 40px rgb(0 0 0 / .11)}.featured-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:auto}.featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--motion-ease)}.featured-card:hover .featured-thumb img{transform:scale(1.04)}.featured-body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;gap:0}.featured-title{font-size:clamp(22px, 2.4vw, 30px);font-weight:600;line-height:1.18;letter-spacing:-.02em;color:var(--dark);margin:16px 0 16px}.featured-title a{color:inherit;transition:color .2s}.featured-title a:hover{color:var(--orange)}.featured-excerpt{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 28px}.featured-meta{display:flex;align-items:center;gap:16px;margin-bottom:28px}.featured-read-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--orange);letter-spacing:.02em;transition:gap .2s}.featured-read-link:hover{gap:10px}.post-cat{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:9999px}.cat-website{background:rgb(241 98 50 / .1);color:#E04510}.cat-seo{background:rgb(34 197 94 / .12);color:#15803d}.cat-ai{background:rgb(139 92 246 / .12);color:#7c3aed}.cat-wordpress{background:rgb(59 130 246 / .12);color:#1d4ed8}.posts-sec{background:#fff}.posts-sec .inner{padding:0 max(24px, 4vw)}.posts-head{display:flex;align-items:baseline;gap:16px;margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:24px}.posts-heading{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--dark);margin:0}.posts-count{font-size:13px;color:var(--muted)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.posts-grid.filter-active .post-card:not(.cat-show){display:none}.post-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease;display:flex;flex-direction:column}.post-card:hover{box-shadow:0 4px 28px rgb(0 0 0 / .09);transform:translateY(-3px)}.post-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--motion-ease)}.post-card:hover .post-thumb img{transform:scale(1.06)}.post-thumb .post-cat{position:absolute;bottom:12px;left:12px}.post-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.post-title{font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--dark);margin:0 0 10px}.post-title a{color:inherit;transition:color .2s}.post-title a:hover{color:var(--orange)}.post-excerpt{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 20px;flex:1}.post-meta{display:flex;align-items:center;gap:12px;margin-top:auto}.post-read{font-size:11px;font-weight:500;color:var(--orange);background:rgb(241 98 50 / .08);padding:3px 9px;border-radius:9999px}.post-date{font-size:11px;color:#B0ADA8}.posts-footer{margin-top:56px;text-align:center}.posts-footer-note{font-size:14px;color:var(--muted)}.posts-footer-note a{color:var(--orange);font-weight:500;transition:opacity .2s}.posts-footer-note a:hover{opacity:.75}.featured-sec{padding-top:72px;padding-bottom:72px}.posts-sec{padding-top:72px;padding-bottom:96px}@media(max-width:1024px){.featured-card{grid-template-columns:1fr}.featured-thumb{aspect-ratio:16 / 7;max-height:340px}.featured-body{padding:40px 36px}.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.blog-hero-inner{grid-template-columns:1fr;gap:56px}.blog-hero-visual{height:320px}.art-card{width:250px}.art-c2{right:0}.art-c3{top:210px}}@media(max-width:700px){.blog-hero{padding:140px 0 64px}.blog-hero-visual{display:none}.blog-h1{font-size:clamp(28px, 8vw, 40px)}.cat-filter{gap:6px}.cat-btn{font-size:12px;padding:8px 14px}.featured-body{padding:28px 24px}.posts-grid{grid-template-columns:1fr}.posts-head{flex-wrap:wrap}}