/* Developer and template owner: Devloopr Web Solution Ltd (https://devloopr.com) */
:root{--navy:#0b1d3a;--navy2:#122450;--royal:#1a3fa3;--blue:#2563eb;--blue2:#3b82f6;--white:#fff;--gray1:#f8f9fc;--gray2:#f0f3fb;--gray3:#e2e8f5;--text:#0f172a;--text2:#334155;--muted:#64748b;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',sans-serif;--t:.3s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{background:var(--white);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--gray1)}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.blog-hero{margin-top:72px;background:var(--navy);position:relative;overflow:hidden;padding:7rem 4rem 6rem}
.blog-hero-bg{position:absolute;inset:-8%;background:center/cover no-repeat;transform:scale(1.04);z-index:0}
.blog-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,29,58,.62),rgba(11,29,58,.42),rgba(11,29,58,.18))}
.blog-hero::before{content:'INSIGHTS';position:absolute;right:-1rem;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:10rem;font-weight:700;color:rgba(255,255,255,.045);letter-spacing:.05em;pointer-events:none}
.blog-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}.crumb{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:1rem}.crumb a{color:var(--blue2)}
.blog-hero h1{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.05;color:#fff;max-width:760px}.blog-hero h1 em{font-style:italic;color:var(--blue2)}
.blog-hero p{font-size:1.02rem;color:rgba(255,255,255,.68);max-width:640px;margin-top:1.1rem;line-height:1.8}
.blog-tools{background:#fff;border-bottom:1px solid var(--gray3);position:sticky;top:72px;z-index:90;padding:1rem 4rem}.blog-tools-inner{max-width:1200px;margin:0 auto;display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.tool-label{font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-right:.35rem}.filter-btn{border:1px solid var(--gray3);background:#fff;color:var(--text2);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .9rem;border-radius:3px;cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}
.featured-post{max-width:1200px;margin:0 auto;padding:4rem 4rem 0}.featured-card{display:grid;grid-template-columns:1fr 1.05fr;background:var(--navy);min-height:380px;border:1px solid rgba(11,29,58,.08);overflow:hidden}.featured-media{min-height:320px;background:var(--img) center/cover no-repeat;position:relative}.featured-media::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(11,29,58,.04),rgba(11,29,58,.24))}.featured-body{padding:3.5rem;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blue2);margin-bottom:1rem}.featured-body h2{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.18;color:#fff}.featured-body p{color:rgba(255,255,255,.68);font-size:.94rem;line-height:1.8;margin:1rem 0 1.8rem}.meta{display:flex;gap:1rem;flex-wrap:wrap;margin:.8rem 0 1.6rem}.meta span{font-size:.72rem;color:rgba(255,255,255,.55)}.btn{display:inline-flex;width:max-content;background:var(--blue);color:#fff;padding:.82rem 1.75rem;border-radius:3px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,transform .2s}.btn:hover{background:var(--blue2);transform:translateY(-2px)}
.posts-wrap{max-width:1200px;margin:0 auto;padding:3rem 4rem 5.5rem}.posts-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}.posts-head h2{font-family:var(--serif);font-size:2rem;color:var(--navy)}.posts-head p{font-size:.88rem;color:var(--muted);max-width:460px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.post-card{border:1px solid var(--gray3);background:#fff;display:flex;flex-direction:column;min-height:100%;transition:box-shadow .25s,transform .25s,border-color .25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 16px 42px rgba(11,29,58,.1);border-color:var(--gray2)}.post-img{height:205px;background:var(--img) center/cover no-repeat}.post-body{padding:1.55rem;display:flex;flex-direction:column;flex:1}.tag{font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);background:var(--gray2);width:max-content;padding:.22rem .62rem;border-radius:2px;margin-bottom:1rem}.post-card h3{font-family:var(--serif);font-size:1.16rem;line-height:1.38;color:var(--navy);margin-bottom:.72rem}.post-card p{font-size:.84rem;color:var(--text2);line-height:1.72;flex:1}.post-foot{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--gray3);padding-top:1rem;margin-top:1.25rem;color:var(--muted);font-size:.7rem}.read{color:var(--blue);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.blog-cta{background:var(--navy2);padding:4.5rem 4rem}.blog-cta-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.blog-cta h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;line-height:1.2}.blog-cta h2 em{font-style:italic;color:var(--blue2)}.blog-cta p{font-size:.92rem;color:rgba(255,255,255,.58);max-width:620px;margin-top:.7rem;line-height:1.75}.blog-cta .btn{background:#fff;color:var(--navy)}.blog-cta .btn:hover{background:var(--blue);color:#fff}
.article-hero{margin-top:72px;background:var(--navy);position:relative;overflow:hidden;padding:6.5rem 4rem 5rem}.article-hero-bg{position:absolute;inset:-8%;background:var(--img) center/cover no-repeat;z-index:0}.article-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(11,29,58,.28),rgba(11,29,58,.55))}.article-hero-inner{max-width:1000px;margin:0 auto;position:relative;z-index:1}.article-hero h1{font-family:var(--serif);font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.08;color:#fff;max-width:900px}.article-hero p{color:rgba(255,255,255,.66);font-size:1rem;line-height:1.8;max-width:720px;margin-top:1.1rem}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.article-meta span{font-size:.72rem;color:rgba(255,255,255,.58)}
.article-main{max-width:1100px;margin:0 auto;padding:5rem 4rem;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4rem}.article-content{max-width:720px}.article-content h2{font-family:var(--serif);font-size:1.8rem;color:var(--navy);line-height:1.25;margin:2.5rem 0 1rem}.article-content h2:first-child{margin-top:0}.article-content p{color:var(--text2);font-size:.98rem;line-height:1.9;margin-bottom:1.1rem}.article-content ul{padding-left:1.2rem;margin:1rem 0 1.5rem}.article-content li{color:var(--text2);font-size:.96rem;line-height:1.85;margin-bottom:.4rem}.article-aside{position:sticky;top:110px;height:max-content}.aside-box{border:1px solid var(--gray3);background:var(--gray1);padding:1.5rem}.aside-box h3{font-family:var(--serif);font-size:1.2rem;color:var(--navy);margin-bottom:.75rem}.aside-box p{font-size:.84rem;color:var(--text2);line-height:1.75;margin-bottom:1.2rem}.aside-link{display:block;border-top:1px solid var(--gray3);padding:.8rem 0;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
@media(max-width:900px){.blog-hero,.article-hero{padding:5rem 1.5rem}.blog-hero::before{display:none}.blog-tools{top:62px;padding:.9rem 1.5rem}.featured-post,.posts-wrap,.article-main{padding-left:1.5rem;padding-right:1.5rem}.featured-card,.article-main{grid-template-columns:1fr}.featured-media{order:-1}.posts-grid{grid-template-columns:1fr}.posts-head,.blog-cta-inner{display:block}.blog-cta{padding:3.5rem 1.5rem}.blog-cta .btn{margin-top:1.5rem}.article-aside{position:static}.post-img{height:230px}}