.blog-page{--line:#b8a1ff2b;color:#f8fafc;background:radial-gradient(circle at 8% 8%,#342060 0,#0000 24%),radial-gradient(circle at 94% 40%,#123b6c 0,#0000 27%),#0b0b0f;min-height:100vh;padding:106px 0 72px;overflow:hidden}.blog-page section{width:min(1080px,100% - 40px);margin-inline:auto}.blog-hero{text-align:center;isolation:isolate;min-height:440px;padding:76px 12% 48px;position:relative}.blog-hero:before,.blog-hero:after{z-index:-1;content:"";pointer-events:none;position:absolute}.blog-hero:before{background:linear-gradient(90deg,#0000 49.8%,#c4b5fd10 50%,#0000 50.2%) 0 0/100% 100%,linear-gradient(#c4b5fd0b 1px,#0000 1px) 0 0/100% 46px;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.blog-hero:after{border:1px solid #a78bfa33;border-radius:50%;width:410px;height:410px;animation:12s linear infinite orbit;top:-112px;left:50%;transform:translate(-50%);box-shadow:0 0 0 48px #8b5cf608,0 0 0 96px #8b5cf605}.blog-hero h1{letter-spacing:-4.2px;max-width:790px;margin:42px auto 17px;font-size:clamp(42px,6.7vw,80px);line-height:1.06;animation:.9s cubic-bezier(.22,1,.36,1) both reveal}.blog-hero h1 em{color:#ad96ff;text-shadow:0 0 38px #8b5cf677;font-style:normal}.blog-intro{color:#b8bbc8;max-width:610px;margin:auto;font-size:15px;line-height:2;animation:.9s cubic-bezier(.22,1,.36,1) .14s both reveal}.blog-orb{pointer-events:none;border-radius:50%;position:absolute}.blog-orb-one{background:#d7caff;width:9px;height:9px;animation:5s ease-in-out infinite float;top:98px;right:9%;box-shadow:0 0 38px 13px #8b5cf6aa}.blog-orb-two{background:#7ed1ff;width:7px;height:7px;animation:6s ease-in-out 1s infinite reverse float;bottom:103px;left:12%;box-shadow:0 0 35px 11px #2676d7aa}.blog-feature{border:1px solid var(--line);background:linear-gradient(130deg,#1a1525,#11151e);border-radius:25px;grid-template-columns:1.06fr .94fr;min-height:405px;animation:.85s cubic-bezier(.22,1,.36,1) .2s both rise;display:grid;overflow:hidden;box-shadow:0 35px 90px #0008}.feature-art{background:radial-gradient(circle at 70% 31%,#a78bfa90,#0000 19%),linear-gradient(140deg,#131a34,#683795 54%,#123c69);place-items:center;min-height:405px;display:grid;position:relative;overflow:hidden}.feature-art:before{content:"";background:repeating-linear-gradient(105deg,#0000 0 22px,#fff1 23px 24px,#0000 25px 52px);animation:18s linear infinite scan;position:absolute;inset:-50%;transform:rotate(-8deg)}.feature-art:after{content:"";border:1px solid #fff2;border-radius:50%;width:130%;height:70%;position:absolute;bottom:-58%;box-shadow:0 -30px 50px #0005}.feature-window{z-index:1;aspect-ratio:1.34;background:#0b0d15db;border:1px solid #e7ddff63;border-radius:14px;width:min(78%,440px);padding:17px;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:rotate(-3deg);box-shadow:0 28px 55px #07060a9c}.blog-feature:hover .feature-window{transform:rotate(0)scale(1.045)}.feature-window>i{background:#ed7990;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}.feature-window>i:nth-child(2){background:#e9c16d}.feature-window>i:nth-child(3){background:#74d0a4}.feature-window>b{background:linear-gradient(125deg,#252445,#927bd2 50%,#f59c9e);border-radius:8px;display:block;position:absolute;inset:49px 17px 48px}.feature-play{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.feature-play svg{background:#090a0b66;border:1px solid #fff9;border-radius:50%;padding:12px;font-size:46px;animation:2.4s infinite pulse}.feature-wave{color:#bea8ff;letter-spacing:5px;white-space:nowrap;font:800 28px monospace;position:absolute;bottom:13px;left:17px;right:17px;overflow:hidden}.feature-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:52px 48px;display:flex}.post-tag{color:#c8b8ff;letter-spacing:1px;background:#8b5cf619;border:1px solid #af96ff4a;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800}.post-category{color:#a78bfa;letter-spacing:1.1px;margin:18px 0 9px;font-size:10px;font-weight:800}.feature-copy h2{letter-spacing:-1.8px;margin:0;font-size:clamp(27px,3.1vw,40px);line-height:1.32}.feature-copy>p:not(.post-category){color:#b5b8c6;font-size:14px;line-height:2}.post-footer,.card-meta{color:#9396a5;justify-content:space-between;align-items:center;width:100%;margin-top:15px;font-size:11px;display:flex}.post-footer span,.card-meta span{align-items:center;gap:5px;display:flex}.post-footer svg,.card-meta svg{font-size:16px}.post-footer a,.blog-list>header>a{color:#e0d8ff;align-items:center;gap:6px;font-weight:800;display:flex}.post-footer a svg,.blog-list>header>a svg,.card-meta i svg,.blog-newsletter button svg{font-size:16px;transform:rotate(180deg)}.blog-list{padding:114px 0}.blog-list>header{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.blog-list h2,.blog-newsletter h2{letter-spacing:-1.8px;margin:0;font-size:clamp(29px,3.2vw,40px)}.post-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.post-card{background:#171720;border:1px solid #ffffff10;border-radius:18px;min-height:100%;padding:12px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.post-card:hover{z-index:1;border-color:#aa91ff69;transform:translateY(-9px);box-shadow:0 24px 45px #0008}.post-art{background:linear-gradient(145deg,#25375e,#172134);border-radius:12px;height:184px;position:relative;overflow:hidden}.post-art:before{content:"";background:linear-gradient(125deg,#0000,#090a1d4d);transition:transform .6s;position:absolute;inset:0}.post-card:hover .post-art:before{background:#8b5cf631;transform:scale(1.2)}.post-art span{border:13px solid #d7ccff88;border-radius:50%;width:100px;height:100px;animation:7s ease-in-out infinite float;position:absolute;top:22%;left:23%}.post-art span:nth-child(2){border-color:#fff5;width:42px;height:42px;animation-delay:-2s;top:14%;left:auto;right:20%}.post-art span:nth-child(3){border-color:#fff3;width:160px;height:80px;animation-delay:-4s;bottom:-57px;left:42%}.post-art b{z-index:1;color:#fff;letter-spacing:1px;font:800 10px Plus Jakarta Sans;position:absolute;bottom:12px;right:14px}.post-art.pink{background:linear-gradient(135deg,#4b1c48,#d95587 56%,#ee9b66)}.post-art.lime{background:linear-gradient(135deg,#102e2b,#416e57 50%,#a9c762)}.post-card .post-category{margin:19px 4px 8px}.post-card h3{letter-spacing:-.6px;margin:0 4px;font-size:18px;line-height:1.55}.post-card>p:not(.post-category){color:#aeb1bf;margin:10px 4px;font-size:12px;line-height:1.9}.card-meta{width:calc(100% - 8px);margin:18px 4px 4px}.card-meta i{color:#d2c7ff;background:#8b5cf621;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;transition:transform .25s,background .25s;display:grid}.post-card:hover .card-meta i{background:#8b5cf64b;transform:translate(-4px)}.blog-newsletter{background:linear-gradient(110deg,#291a47,#151a26 72%);border:1px solid #a78bfa45;border-radius:22px;justify-content:space-between;align-items:center;gap:35px;padding:39px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 65px #0006}.blog-newsletter:before{content:"";border:1px solid #a78bfa2c;border-radius:50%;width:360px;height:360px;animation:15s linear infinite orbit;position:absolute;top:-170px;left:35%;box-shadow:0 0 0 36px #a78bfa08,0 0 0 72px #a78bfa06}.blog-newsletter h2,.blog-newsletter form{position:relative}.blog-newsletter h2{max-width:430px;font-size:25px;line-height:1.4}.blog-newsletter form{gap:8px;min-width:min(100%,385px);display:flex}.blog-newsletter input{color:#fff;min-width:0;font:inherit;background:#090a0e91;border:1px solid #b7a7f544;border-radius:10px;outline:0;flex:1;padding:13px 14px}.blog-newsletter input:focus{border-color:#a78bfa}.blog-newsletter button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#7450df,#a78bfa);border:0;border-radius:10px;align-items:center;gap:5px;padding:0 16px;font:800 12px inherit;transition:transform .2s,box-shadow .2s;display:flex}.blog-newsletter button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #8b5cf669}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(35px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes orbit{to{transform:translate(-50%)rotate(360deg)}}@keyframes scan{to{transform:rotate(-8deg)translate(90px)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #fff2}}@media (prefers-reduced-motion:reduce){.blog-page *{transition:none!important;animation:none!important}}@media (max-width:760px){.blog-page{padding-top:86px}.blog-hero{min-height:360px;padding:58px 0 30px}.blog-hero h1{letter-spacing:-2.5px;margin-top:29px}.blog-feature{grid-template-columns:1fr}.feature-art{min-height:270px}.feature-copy{padding:33px 27px}.blog-list{padding:78px 0}.post-grid{grid-template-columns:1fr}.post-art{height:205px}.blog-newsletter{flex-direction:column;align-items:stretch;padding:30px 25px}.blog-newsletter form{min-width:0}}@media (max-width:430px){.blog-page section{width:calc(100% - 28px)}.blog-hero h1{font-size:39px}.blog-intro{font-size:13px}.feature-art{min-height:230px;padding:20px}.feature-copy h2{font-size:26px}.blog-list>header{align-items:flex-start;gap:15px}.blog-list>header>a{white-space:nowrap;font-size:11px}.blog-newsletter form{flex-direction:column}.blog-newsletter button{justify-content:center;height:45px}}
.post-art.blue,.post-art.pink,.post-art.lime{background-position:50%;background-size:cover}.post-art.blue{background-image:linear-gradient(#08132620,#08132670),url(/images/blog/content-calendar.png)}.post-art.pink{background-image:linear-gradient(#220a1c18,#220a1c70),url(/images/blog/caption-timeline.png)}.post-art.lime{background-image:linear-gradient(#06161216,#06161276),url(/images/blog/podcast-studio.png)}.post-art.blue span,.post-art.pink span,.post-art.lime span{display:none}.post-art.blue:before,.post-art.pink:before,.post-art.lime:before{background:linear-gradient(125deg,#0000,#080a1280)}.feature-art{background-image:linear-gradient(135deg,#11112228,#17092b9c),url(/images/blog/feature-editorial.png);background-position:50%;background-size:cover}.feature-art:before{opacity:.3}.feature-window{display:none}
