/* ===== HARSHITHAM™ — editorial media kit · cream + royal blue + gold ===== */
:root{
  --paper:#F3EEE3; --paper-2:#EBE3D4; --ink:#1d1810; --ink-2:#5b5446; --muted:#8b8270;
  --gold:#b3873a; --gold-deep:#8a6321; --blue:#22489f; --blue-deep:#173372;
  --navy:#0b1430; --cream:#f4efe6; --line:rgba(29,24,16,.14); --line-2:rgba(29,24,16,.26);
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Inter",system-ui,sans-serif; --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
em{font-style:italic}
.deva{font-family:"Noto Sans Devanagari",var(--serif)}
.nb{white-space:nowrap}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,60px);transition:.4s}
.nav.scrolled{background:rgba(243,238,227,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:14px clamp(20px,5vw,60px)}
.nav-logo{font-family:var(--serif);font-size:1.5rem;font-weight:600}.nav-logo span{color:var(--gold)}
.nav-links{display:flex;gap:clamp(14px,2.4vw,34px)}
.nav-links a{font-size:.82rem;letter-spacing:.04em;color:var(--ink-2);position:relative;transition:.25s}
.nav-links a:hover{color:var(--ink)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--gold);transition:.3s}
.nav-links a:hover::after{width:100%}

/* HERO */
.hero{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:150px clamp(20px,5vw,60px) 60px}
.hero h1{font-family:var(--serif);font-weight:600;line-height:.92;font-size:clamp(3.4rem,9vw,7rem);letter-spacing:-.5px}
.hero h1 .amp{color:var(--gold);font-weight:500}
.hero h1 em{color:var(--blue);font-weight:600}
.kit{margin-top:26px;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}
.kit .dot{color:var(--gold);margin-right:6px}
.tagline{margin-top:20px;font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--ink-2);max-width:26em;font-weight:300}
.tagline strong{color:var(--ink);font-weight:500}
.social{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.social-btn{border:1px solid var(--line-2);border-radius:30px;padding:11px 20px;font-size:.85rem;color:var(--ink);transition:.3s}
.social-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hero-rule{display:block;height:1px;background:var(--line-2);margin-bottom:30px}
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}
.stat-num{display:block;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(2.4rem,4vw,3.4rem);color:var(--gold);line-height:1}
.stat-label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-top:8px}

/* THICK BAND */
.band{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:repeat(4,1fr)}
.band-item{padding:34px clamp(14px,3vw,40px);text-align:center;border-right:1px solid rgba(244,239,230,.12)}
.band-item:last-child{border-right:none}
.band-num{display:block;font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(1.7rem,3vw,2.6rem);color:var(--gold)}
.band-label{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#c8cfe0;margin-top:8px}

/* SECTIONS */
.section{max-width:var(--maxw);margin:0 auto;padding:clamp(70px,11vh,120px) clamp(20px,5vw,60px)}
.section-index{font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:14px}
.section h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;margin-bottom:40px}
.section h2 em{color:var(--blue)}

/* PHOTO SLOTS */
.photo{position:relative;overflow:hidden;border-radius:6px;background:var(--paper-2);border:1px solid var(--line)}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo.empty{display:flex;align-items:center;justify-content:center}
.photo.empty::after{content:attr(data-label);color:var(--muted);font-style:italic;font-size:.74rem;text-align:center;padding:14px;line-height:1.45}
.photo-portrait{aspect-ratio:4/5;width:100%}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}
.about-photo{position:relative}
.est{position:absolute;left:14px;bottom:14px;background:var(--ink);color:var(--paper);font-size:.66rem;letter-spacing:.2em;padding:6px 12px;border-radius:30px}
.about-hi{font-family:var(--serif);font-size:1.7rem;margin-bottom:14px}
.about-copy p{color:var(--ink-2);margin-bottom:14px;font-weight:300;font-size:1.02rem}
.about-copy p strong{color:var(--ink);font-weight:600}
.facts{list-style:none;margin-top:24px;border-top:1px solid var(--line)}
.facts li{display:flex;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--ink)}
.facts li span{min-width:108px;color:var(--gold-deep);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding-top:3px}

/* WORK / PILLARS */
.pillars{display:flex;flex-direction:column;gap:18px}
.pillar{border:1px solid var(--line);border-radius:12px;padding:26px 28px;background:rgba(255,255,255,.4);transition:.3s;display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
.pillar:hover{border-color:var(--line-2);background:rgba(255,255,255,.7)}
.pillar-head{display:flex;gap:18px;align-items:flex-start}
.pillar-no{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--gold)}
.pillar h3{font-family:var(--serif);font-weight:500;font-size:1.6rem;margin-bottom:6px}
.pillar h3 em{color:var(--blue)}
.pillar-head p{font-size:.92rem;color:var(--ink-2);font-weight:300}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.phone{aspect-ratio:9/16;display:block;border-radius:10px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line);position:relative;transition:.3s}
.phone:hover{transform:translateY(-3px);border-color:var(--gold)}
.phone img{width:100%;height:100%;object-fit:cover;display:block}
.phone.empty{display:flex;align-items:center;justify-content:center}
.phone.empty::after{content:attr(data-label);color:var(--muted);font-style:italic;font-size:.58rem;text-align:center;padding:6px}
.phone.empty::before{content:"▷";position:absolute;top:50%;left:50%;transform:translate(-50%,-130%);color:var(--muted);font-size:1rem}

/* GUIDES */
.guides-intro,.collab-intro{font-size:1.05rem;color:var(--ink-2);max-width:42em;font-weight:300;margin-bottom:36px}
.guide-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.guide-card{display:flex;gap:18px;border:1px solid var(--line);border-radius:12px;padding:18px;background:rgba(255,255,255,.4);transition:.3s}
.guide-card:hover{border-color:var(--line-2);transform:translateY(-3px)}
.photo-doc{aspect-ratio:1/1.414;width:96px;flex:0 0 96px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.photo-doc.empty::after{font-size:.6rem}
.guide-info{display:flex;flex-direction:column}
.guide-info h3{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.1;margin-bottom:6px}
.guide-info p{font-size:.86rem;color:var(--ink-2);font-weight:300;flex:1}
.guide-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px;flex-wrap:wrap}
.price{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--gold-deep);font-weight:600}
.guide-buy{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}
.guide-buy:hover{color:var(--blue-deep)}
.guide-card--bundle{background:var(--navy);border-color:var(--navy)}
.guide-card--bundle h3,.guide-card--bundle .guide-info{color:var(--cream)}
.guide-card--bundle p{color:#c8cfe0}
.guide-card--bundle .price{color:var(--gold)}
.guide-card--bundle .guide-buy{color:var(--gold-soft,#e3c987)}
.bundle-tag{display:inline-block;background:var(--gold);color:var(--navy);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:10px;align-self:flex-start}

/* AUDIENCE */
.aud-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.aud-block h4,.aud-card h4{font-family:var(--serif);font-weight:500;font-size:1.4rem;margin-bottom:10px}
.aud-block p{color:var(--ink-2);font-weight:300;margin-bottom:16px}
.aud-list{list-style:none}
.aud-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:1rem}
.aud-cards{display:grid;gap:16px}
.aud-card{border:1px solid var(--line);border-radius:10px;padding:24px;background:rgba(255,255,255,.4)}
.aud-card p{color:var(--ink-2);font-weight:300;font-size:.95rem}

/* COLLAB */
.collab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.collab-item{border:1px solid var(--line);border-radius:10px;padding:26px 20px;background:rgba(255,255,255,.4);text-align:center;transition:.3s}
.collab-item:hover{border-color:var(--gold);transform:translateY(-3px)}
.collab-item h4{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--blue)}
.collab-cta{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center}
.collab-cta p{font-family:var(--serif);font-size:1.5rem}

/* BUTTONS */
.btn{display:inline-block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:30px;background:var(--ink);color:var(--paper);transition:.3s}
.btn:hover{background:var(--blue);transform:translateY(-2px)}
.btn-ghost{background:transparent;border:1px solid var(--line-2);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}

/* CONTACT */
.contact{text-align:center}
.contact h2{margin-bottom:20px}
.contact-copy{max-width:36em;margin:0 auto 30px;color:var(--ink-2);font-weight:300;font-size:1.08rem}
.contact-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* FOOTER */
.footer{border-top:1px solid var(--line);max-width:var(--maxw);margin:0 auto;padding:30px clamp(20px,5vw,60px);display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);flex-wrap:wrap;gap:10px}

/* REVEAL */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:980px){
  .hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:130px}
  .band{grid-template-columns:repeat(2,1fr)}.band-item:nth-child(2){border-right:none}
  .about-grid,.aud-grid{grid-template-columns:1fr;gap:32px}.about-photo{max-width:340px}
  .pillar{grid-template-columns:1fr;gap:18px}
  .guide-row{grid-template-columns:1fr}
  .collab-grid{grid-template-columns:repeat(2,1fr)}
  .nav-links{display:none}
}
@media(max-width:560px){
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .band{grid-template-columns:1fr}.band-item{border-right:none;border-bottom:1px solid rgba(244,239,230,.12)}
  .collab-grid{grid-template-columns:1fr}
  .thumbs{grid-template-columns:repeat(3,1fr)}
}