*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --s:#e63528;--s2:#e63528;
  --g:#16335e;--g2:#16335e;
  --gold:#c8891a;--gold2:#e0a030;--gold3:#f5c842;
  --ink:#0d1117;--muted:#5c6170;--muted2:#8a8f9e;
  --cream:#faf7f2;--cream2:#f3ece0;--cream3:#ede3d0;
  --panel:#ffffff;--panel2:#fdfbf8;
  --dark:#080c14;--dark2:#0e1420;--dark3:#141b28;
  --line:rgba(40,34,20,.09);--line2:rgba(40,34,20,.15);
  --kn:'Noto Sans Kannada',sans-serif;
  --serif:'Fraunces',serif;--display:'Playfair Display',serif;
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
}
html{scroll-behavior:smooth;overflow-x:hidden;width:100%;}
body{background:var(--cream);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.7;overflow-x:hidden;width:100%;max-width:100%;}
::selection{background:var(--s);color:#fff}
.kn{font-family:var(--kn)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
body::after{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;
  background:linear-gradient(90deg,var(--s),var(--gold) 40%,#fff 55%,var(--g));}

/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:150;display:flex;align-items:center;justify-content:space-between;
  padding:1.4rem 3rem;transition:.5s var(--ease-out-expo);
  background:rgba(8,12,20,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
nav.scrolled{background:rgba(8,12,20,.78);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px rgba(0,0,0,.28);padding:.9rem 3rem;}
.nav-brand{display:flex;align-items:center;gap:.9rem;font-family:'Cormorant Garamond',serif;
  font-size:1.55rem;letter-spacing:.04em;font-weight:600;color:#fff;font-style:italic;}
.nav-brand-logo{position:relative;width:42px;height:42px;flex-shrink:0;}
.nav-brand-logo img{width:42px;height:42px;border-radius:50%;object-fit:cover;position:relative;z-index:2;}
.nav-brand-logo::before{content:'';position:absolute;inset:-2.5px;border-radius:50%;
  background:conic-gradient(var(--s),var(--gold2),#fff,var(--g),var(--s));animation:spin 5s linear infinite;z-index:0;}
.nav-brand-logo::after{content:'';position:absolute;inset:1.5px;border-radius:50%;background:var(--dark);z-index:1;}
@keyframes spin{to{transform:rotate(360deg)}}
.nav-links{display:flex;gap:1.6rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.nav-links a{position:relative;color:rgba(255,255,255,.55);transition:.3s;}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-5px;height:1.5px;width:0;
  background:linear-gradient(90deg,var(--s),var(--gold2));transition:.35s;}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{padding:.55rem 1.5rem;border:1px solid rgba(200,137,26,.5);border-radius:30px;
  font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold2);
  transition:.35s;background:rgba(200,137,26,.08);}
.nav-cta:hover{background:linear-gradient(110deg,var(--s),var(--gold2));color:#fff;border-color:transparent;box-shadow:0 10px 28px rgba(200,137,26,.35);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.burger span{width:24px;height:2px;background:#fff;transition:.3s;border-radius:2px;}

/* reveal */
.reveal{opacity:0;transform:translateY(34px);transition:.9s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}

.wrap{max-width:1160px;margin:0 auto;}
.sec-tag{font-size:.65rem;font-weight:700;letter-spacing:.38em;text-transform:uppercase;
  color:var(--gold);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;}
.sec-tag::before{content:'';width:22px;height:1.5px;background:linear-gradient(90deg,var(--s),var(--gold2));}

/* hero */
.b-hero{position:relative;min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;padding:9rem 1.5rem 4rem;background:#0a0a0a;}
.b-hero-img{position:absolute;inset:-8%;z-index:0;
  background:url('https://images.pexels.com/photos/1591056/pexels-photo-1591056.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover no-repeat;
  filter:saturate(.9) contrast(1.05) brightness(.42);animation:kenBurns 26s ease-in-out infinite alternate;}
@keyframes kenBurns{0%{transform:scale(1.08)}50%{transform:scale(1.18) translate(-2%,-1.5%)}100%{transform:scale(1.12) translate(1.5%,1%)}}
.b-hero::after{content:'';position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 0%,rgba(8,6,4,.6) 75%,rgba(8,6,4,.92) 100%),
  linear-gradient(180deg,rgba(10,8,6,.5) 0%,rgba(10,8,6,.35) 45%,rgba(10,8,6,.85) 100%);}
.b-hero-inner{position:relative;z-index:2;max-width:780px;}
.b-hero .sec-tag{color:var(--gold2);justify-content:center;}
.b-hero h1{font-family:var(--serif);font-weight:600;color:#fff;line-height:1.14;
  font-size:clamp(2.6rem,6vw,4.4rem);letter-spacing:-.02em;margin-bottom:1.2rem;}
.b-hero h1 em{font-style:italic;display:inline-block;padding:.08em .08em .4em;background:linear-gradient(110deg,var(--gold2),var(--gold3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.b-hero p{color:rgba(255,255,255,.78);font-size:1.12rem;max-width:560px;margin:0 auto;}
.b-hero-kn{font-family:var(--kn);color:var(--gold3);font-size:1rem;margin-top:1.4rem;opacity:.85;}

/* shell */
.blog-shell{max-width:1200px;margin:0 auto;padding:4rem 2rem 4rem;}

/* category filter */
.bcat-bar{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2.6rem;}
.bchip{font-size:.78rem;font-weight:600;padding:.5rem 1.1rem;border-radius:30px;border:1px solid var(--line2);
  background:var(--panel);color:var(--muted);cursor:pointer;transition:.3s var(--ease-out-expo);user-select:none;}
.bchip:hover{border-color:var(--gold2);transform:translateY(-2px);}
.bchip.active{background:linear-gradient(135deg,var(--g2),#1f4480);color:#fff;border-color:transparent;}

/* featured post */
.bfeat{display:grid;grid-template-columns:1.15fr 1fr;border-radius:22px;overflow:hidden;margin-bottom:3rem;
  box-shadow:0 24px 60px rgba(0,0,0,.14);border:1px solid var(--line);background:var(--panel);}
.bfeat-img{background-size:cover;background-position:center;min-height:320px;position:relative;}
.bfeat-img::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(0,0,0,.06));}
.bfeat-body{padding:2.8rem 2.8rem;display:flex;flex-direction:column;justify-content:center;}
.bfeat-body .btag{align-self:flex-start;}
.bfeat-body h2{font-family:var(--serif);font-size:2.05rem;font-weight:600;line-height:1.12;letter-spacing:-.015em;margin:.7rem 0 .8rem;}
.bfeat-body p{color:var(--muted);font-size:.94rem;line-height:1.7;margin-bottom:1.3rem;}
.bmeta-row{display:flex;align-items:center;gap:.8rem;font-size:.76rem;color:var(--muted2);margin-bottom:1.2rem;}
.bmeta-row .dot{width:3px;height:3px;border-radius:50%;background:var(--muted2);}
.bread{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--s);display:inline-flex;align-items:center;gap:.4rem;transition:.3s;}
.bread:hover{gap:.7rem;color:var(--gold);}

/* grid */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.6rem;}
.bpost-card{background:var(--panel);border:1px solid var(--line);border-radius:26px;overflow:hidden;
  box-shadow:0 24px 60px rgba(40,34,20,.08);margin-bottom:3rem;}
.bpost-cover{padding:2rem 2rem 0;}
.bpost-cover img{width:100%;border-radius:18px;object-fit:cover;max-height:680px;}
.bpost-content{padding:2rem 2.2rem 2.4rem;color:var(--ink);font-size:1rem;line-height:1.9;}
.bpost-content h2,.bpost-content h3,.bpost-content h4{font-family:var(--serif);line-height:1.18;color:var(--ink);margin:1.4rem 0 .8rem;}
.bpost-content h2{font-size:clamp(1.8rem,3vw,2.4rem);}
.bpost-content h3{font-size:clamp(1.4rem,2.3vw,1.9rem);}
.bpost-content p,.bpost-content ul,.bpost-content ol,.bpost-content blockquote{margin:0 0 1rem;}
.bpost-content ul,.bpost-content ol{padding-left:1.3rem;}
.bpost-content a{color:var(--g2);text-decoration:underline;text-underline-offset:.14em;}
.bpost-content blockquote{padding:1rem 1.2rem;border-left:3px solid var(--gold2);background:rgba(200,137,26,.08);border-radius:14px;}
.brelated-head{margin-bottom:1.4rem;}
.brelated-head h2{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;color:var(--ink);}
.b-hero-post .b-hero-img{filter:saturate(.9) contrast(1.02) brightness(.28);}
.b-hero-post .b-hero-inner p{font-size:1rem;color:rgba(255,255,255,.72);}
.bcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  transition:.35s var(--ease-out-expo);box-shadow:0 2px 14px rgba(40,34,20,.05);display:flex;flex-direction:column;}
.bcard:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(40,34,20,.13);}
.bcard-img{height:200px;background-size:cover;background-position:center;position:relative;}
.bcard-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.12));}
.btag{display:inline-block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:var(--gold);background:rgba(200,137,26,.1);padding:.24rem .62rem;border-radius:20px;}
.bcard-body{padding:1.5rem 1.6rem;display:flex;flex-direction:column;flex:1;}
.bcard h3{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.25;margin:.6rem 0 .5rem;}
.bcard p{font-size:.85rem;color:var(--muted);line-height:1.62;margin-bottom:1rem;flex:1;}
.bcard .bmeta-row{margin-bottom:0;font-size:.72rem;}
.bcard.hidden{display:none;}
.bempty{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:var(--muted);}

/* FAQ */
.faq-section{padding:4rem 1.5rem 4rem;background:var(--cream2);}
.faq-shell{max-width:980px;margin:0 auto;padding:3rem;border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(243,236,224,.92));
  border:1px solid rgba(40,34,20,.08);box-shadow:0 26px 70px rgba(40,34,20,.08);}
.faq-kicker{display:inline-block;margin-bottom:.85rem;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.faq-shell h2{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;margin-bottom:.9rem;color:var(--ink);}
.faq-shell p{max-width:700px;margin-bottom:1.8rem;color:var(--muted);line-height:1.8;}
.faq-list{display:grid;gap:1rem;}
.faq-item{background:rgba(255,255,255,.82);border:1px solid rgba(40,34,20,.08);border-radius:20px;overflow:hidden;}
.faq-item summary{list-style:none;cursor:pointer;padding:1.1rem 1.25rem;font-weight:700;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:1.25rem;color:var(--gold2);transition:transform .25s ease;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-answer{padding:0 1.25rem 1.25rem;color:var(--muted);line-height:1.75;}
@media(max-width:720px){
  .faq-section{padding:3rem 1rem 3rem;}
  .faq-shell{padding:2rem 1.2rem;border-radius:24px;}
}

/* footer */
footer{padding:5rem 1.5rem 3rem;text-align:center;position:relative;
  border-top:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.7);
  background:linear-gradient(180deg,var(--dark2) 0%,var(--dark) 100%);}
footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:260px;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);}
footer::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(200,137,26,.06),transparent 65%);}
footer>*:not(.foot-anim){position:relative;z-index:2;}
.foot-anim{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.foot-net{position:absolute;inset:0;width:100%;height:100%;opacity:.5;}
.fn-lines path{fill:none;stroke:rgba(200,137,26,.35);stroke-width:1;
  stroke-dasharray:1400;stroke-dashoffset:1400;animation:fnDraw 9s var(--ease-out-expo) infinite;}
.fn-lines path:nth-child(2){stroke:rgba(15,37,72,.4);animation-delay:1.2s;animation-duration:11s;}
.fn-lines path:nth-child(3){stroke:rgba(201,40,28,.3);animation-delay:2.4s;animation-duration:10s;}
.fn-users use{animation:fnUserPulse 3.6s ease-in-out infinite;transform-origin:center;}
.fn-users use:nth-child(2n){animation-delay:.9s;}
.fn-users use:nth-child(3n){animation-delay:1.7s;}
.fn-users use:nth-child(5n){animation-delay:2.5s;}
.fu-ring{fill:none;stroke:rgba(200,137,26,.55);stroke-width:1.2;}
.fu-head,.fu-body{fill:none;stroke:var(--gold2);stroke-width:1.4;stroke-linecap:round;}
.fn-users use:nth-child(2n) .fu-head,.fn-users use:nth-child(2n) .fu-body{stroke:#fff;}
.fn-users use:nth-child(2n) .fu-ring{stroke:rgba(255,255,255,.5);}
.fn-users use:nth-child(3n) .fu-head,.fn-users use:nth-child(3n) .fu-body{stroke:var(--s2);}
.fn-users use:nth-child(3n) .fu-ring{stroke:rgba(201,40,28,.5);}
@keyframes fnDraw{0%{stroke-dashoffset:1400;}45%,55%{stroke-dashoffset:0;}100%{stroke-dashoffset:-1400;}}
@keyframes fnUserPulse{0%,100%{opacity:.35;transform:scale(.8);}50%{opacity:1;transform:scale(1.15);}}
.fl{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;
  background:rgba(200,137,26,.5);box-shadow:0 0 8px rgba(200,137,26,.5);animation:flRise linear infinite;}
.fl:nth-child(1){left:8%;animation-duration:14s;}
.fl:nth-child(2){left:22%;animation-duration:18s;animation-delay:3s;background:rgba(255,255,255,.4);}
.fl:nth-child(3){left:37%;animation-duration:12s;animation-delay:6s;}
.fl:nth-child(4){left:51%;animation-duration:16s;animation-delay:1s;background:rgba(201,40,28,.4);}
.fl:nth-child(5){left:64%;animation-duration:20s;animation-delay:4s;}
.fl:nth-child(6){left:76%;animation-duration:13s;animation-delay:7s;background:rgba(255,255,255,.4);}
.fl:nth-child(7){left:88%;animation-duration:17s;animation-delay:2s;}
.fl:nth-child(8){left:95%;animation-duration:15s;animation-delay:5s;}
@keyframes flRise{0%{transform:translateY(0);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-340px);opacity:0;}}
@media(prefers-reduced-motion:reduce){.fn-lines path,.fn-users use,.fl{animation:none;}.fn-lines path{stroke-dashoffset:0;}}
.foot-logo{width:54px;height:54px;border-radius:50%;object-fit:cover;margin:0 auto 1.1rem;
  box-shadow:0 0 0 2px rgba(200,137,26,.3),0 0 24px rgba(200,137,26,.15);}
.foot-brand{font-family:var(--serif);font-size:1.5rem;font-weight:700;margin-bottom:.4rem;color:#fff;}
.foot-motto{font-family:var(--kn);font-size:.88rem;color:rgba(200,137,26,.8);margin-bottom:1.5rem;letter-spacing:.06em;}
.foot-divider{width:64px;height:1px;background:rgba(200,137,26,.25);margin:.9rem auto 1.3rem;}
.foot-copy{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.25);}

@media(max-width:920px){
  .blog-shell{padding:2rem 1.2rem 3rem;}
  .bfeat{grid-template-columns:1fr;}
  .bfeat-img{min-height:220px;}
  .bfeat-body{padding:2rem;}
  .bpost-cover{padding:1.2rem 1.2rem 0;}
  .bpost-content{padding:1.5rem 1.4rem 1.8rem;}
}
@media(max-width:760px){
  nav{padding:1rem 1.3rem;}nav.scrolled{padding:.8rem 1.3rem;}
  .nav-links{position:fixed;top:0;right:-100%;height:100vh;width:74%;max-width:300px;flex-direction:column;
    gap:1.6rem;padding:6rem 2rem;background:rgba(8,12,20,.97);backdrop-filter:blur(20px);transition:.45s var(--ease-out-expo);}
  .nav-links.open{right:0;}
  .nav-cta{display:none;}
  .burger{display:flex;z-index:160;}
}
