:root{--navy:#071f3d;--blue:#0d416b;--orange:#ff7a1a;--muted:#68758a;--line:#e8eef5;--paper:#fff;--soft:#f6faff;--shadow:0 20px 70px rgba(7,31,61,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;color:#243447;background:#fff;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 7%;background:rgba(255,255,255,.78);border-bottom:1px solid rgba(232,238,245,.8);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{display:block;width:auto;height:42px;max-width:min(230px,48vw);object-fit:contain}.nav{display:flex;gap:28px;color:var(--navy);font-size:14px;font-weight:600}.nav a{position:relative}.nav a:hover,.nav a[aria-current="page"]{color:var(--orange)}.nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--orange);transition:.25s}.nav a:hover::after,.nav a[aria-current="page"]::after{width:100%}.menu-btn{display:none;border:0;background:var(--navy);color:#fff;border-radius:10px;padding:9px 12px;font:20px inherit;cursor:pointer}
.blog-hero{padding:92px 6vw 76px;background:radial-gradient(circle at 12% 15%,#fff0e5 0,transparent 28%),radial-gradient(circle at 90% 70%,#e6f6ff 0,transparent 30%),#fbfdff;text-align:center}.eyebrow{margin:0 0 14px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.blog-hero h1{max-width:850px;margin:0 auto;color:var(--navy);font-size:clamp(44px,7vw,76px);letter-spacing:-.055em;line-height:1}.blog-hero>p:last-child{max-width:680px;margin:22px auto 0;color:var(--muted);font-size:18px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1160px,88vw);margin:0 auto;padding:76px 0 104px}.post-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);transition:.25s}.post-card:hover{transform:translateY(-6px)}.cover{position:relative;display:grid;place-items:center;min-height:230px;overflow:hidden;color:#fff}.cover::before,.article-cover::before{content:"";position:absolute;width:190px;height:190px;border:34px solid rgba(255,255,255,.13);border-radius:50%}.cover::after,.article-cover::after{content:"";position:absolute;width:85px;height:85px;border-radius:26px;background:rgba(255,255,255,.18);transform:rotate(18deg)}.cover-noise{background:linear-gradient(135deg,#071f3d,#7c3aed 58%,#ff7a1a)}.cover-brief{background:linear-gradient(135deg,#0d416b,#3da8dc 58%,#ff9d56)}.cover-portfolio{background:linear-gradient(135deg,#071f3d,#0d416b 50%,#24a6bd)}.cover strong{position:relative;z-index:2;width:75%;text-align:center;font-size:22px;line-height:1.25}.post-copy{display:flex;flex:1;flex-direction:column;padding:24px}.post-copy span{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.post-copy h2{margin:10px 0 8px;color:var(--navy);font-size:22px;line-height:1.28}.post-copy p{flex:1;margin:0 0 18px;color:var(--muted);font-size:14px}.read-more{color:var(--blue);font-size:14px;font-weight:900}.post-card:hover .read-more{color:var(--orange)}
.article-shell{width:min(940px,88vw);margin:54px auto 96px}.back-link{display:inline-flex;margin-bottom:24px;color:var(--blue);font-size:14px;font-weight:800}.article-head h1{max-width:900px;margin:8px 0 18px;color:var(--navy);font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.055em}.article-deck{max-width:790px;margin:0;color:#52647c;font-size:20px}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 34px;color:#708099;font-size:13px;font-weight:700}.article-meta span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff}.article-cover{position:relative;display:grid;place-items:center;min-height:390px;margin-bottom:42px;overflow:hidden;border-radius:30px;color:#fff}.article-cover h2{position:relative;z-index:2;max-width:600px;padding:30px;text-align:center;font-size:clamp(30px,5vw,54px);line-height:1.05;letter-spacing:-.04em}.article-body{max-width:760px;margin:auto;font-size:18px}.article-body>p:first-child{color:var(--blue);font-size:22px;font-weight:700}.article-body h2{margin:42px 0 10px;color:var(--navy);font-size:30px;line-height:1.2}.article-body ul{margin:18px 0 28px;padding:22px 28px 22px 48px;border:1px solid var(--line);border-radius:20px;background:#fff}.article-body li{margin:8px 0;padding-left:4px}.article-body li::marker{color:var(--orange)}.article-body blockquote{margin:36px 0;padding:22px 26px;border-left:5px solid var(--orange);border-radius:0 20px 20px 0;background:#fff6ef;color:var(--navy);font-size:21px;font-weight:700}.article-body blockquote.article-highlight{position:relative;margin:46px 0;padding:38px 42px;border:0;border-radius:26px;background:linear-gradient(135deg,#071f3d,#5136a8 58%,#ff7a1a);box-shadow:0 22px 46px rgba(7,31,61,.2);color:#fff;text-align:center;font-size:clamp(24px,4vw,36px);line-height:1.2;letter-spacing:-.025em}.article-body blockquote.article-highlight p{margin:0}.article-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:760px;margin:54px auto 0;padding-top:30px;border-top:1px solid var(--line)}.action-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:800 13px inherit;cursor:pointer}.btn.primary{border-color:var(--orange);background:var(--orange);color:#fff}.btn:hover{transform:translateY(-2px)}.social-share{width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);font:800 14px inherit;cursor:pointer;transition:.2s}.social-share:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}.social-share.x{font-size:15px}.article-next{text-align:right}.article-next small{display:block;color:var(--muted)}.article-next strong{color:var(--blue)}
.blog-contact-footer{position:relative;overflow:hidden;padding:82px 6vw;background:linear-gradient(135deg,#fff7f1 0%,#f8fbff 52%,#eaf7ff 100%);border-top:1px solid var(--line);text-align:center}.blog-contact-footer::before{content:"";position:absolute;width:280px;height:280px;left:-90px;bottom:-150px;border-radius:50%;background:rgba(255,122,26,.09)}.blog-contact-footer::after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-170px;border-radius:50%;background:rgba(61,168,220,.1)}.blog-contact-inner{position:relative;z-index:1;width:min(760px,88vw);margin:auto}.blog-contact-footer h2{margin:0;color:var(--navy);font-size:clamp(34px,5vw,56px);line-height:1.06;letter-spacing:-.045em}.blog-contact-footer p:not(.eyebrow){max-width:630px;margin:18px auto 26px;color:var(--muted);font-size:16px}.blog-contact-footer .btn{min-width:180px;padding:13px 22px;border:0;background:var(--orange);color:#fff;box-shadow:0 14px 35px rgba(255,122,26,.28)}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:50;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:22px;font-weight:900;box-shadow:0 14px 30px rgba(255,122,26,.28);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--navy);transform:translateY(-3px)}
.site-header{padding-inline:max(6vw,calc((100vw - 1160px)/2))}
.cover::after,.article-cover::after{border-radius:50%;background:url("../assets/aditya-kilara-logo.png") -8px center/640% auto no-repeat;filter:grayscale(1);opacity:.35;mix-blend-mode:screen;transform:none}
@media(max-width:860px){.blog-grid{grid-template-columns:1fr}.post-card{display:grid;grid-template-columns:.8fr 1.2fr}.cover{height:100%}}@media(max-width:720px){.site-header{padding:14px 5%}.brand-logo{height:34px;max-width:190px}.nav{display:none;position:absolute;left:5%;right:5%;top:70px;gap:0;padding:18px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:10px}.nav a::after{display:none}.menu-btn{display:block}.back-to-top{right:16px;bottom:16px;width:44px;height:44px}.blog-contact-footer{padding:68px 5vw}}@media(max-width:620px){.blog-hero{padding-top:70px}.post-card{display:flex}.article-shell{margin-top:34px}.article-cover{min-height:280px}.article-actions{align-items:stretch;flex-direction:column}.article-next{text-align:left}.article-body{font-size:16px}}
.blog-contact-footer{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.blog-contact-footer::before,.blog-contact-footer::after{display:none}