/* ============================================================
   HARSHITMHATRE.COM — INTERNATIONAL AUTHORITY SYSTEM v11
   Controlled hierarchy, art-directed media, quiet motion,
   accessibility and conversion clarity.
   ============================================================ */

:root{
  --v11-measure:68ch;
  --v11-radius:2px;
  --v11-focus:#f4b8c5;
  --v11-section:clamp(84px,8vw,118px);
  --v11-section-mobile:64px;
}

html{font-size:17px}
body{line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p{max-width:var(--v11-measure)}
h1,h2,h3,h4{text-wrap:balance}
h1{font-size:clamp(4.4rem,8.2vw,8.5rem);line-height:.91}
h2{font-size:clamp(2.8rem,4.8vw,5rem);line-height:.98}
h3{font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1.02}
.eyebrow,.label,.tag,.project-card__meta,.work-row small,.ip-card__copy .tag,
.linkedin-card__source,.evidence-card__source,.contact-row span,.article-card__tag,
.platform-card__tag,.kpi span,.breadcrumbs{font-size:.75rem;line-height:1.45}
.lede{font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.65}
.section{padding:var(--v11-section) 0}
.section__head{gap:clamp(38px,5vw,72px);margin-bottom:clamp(42px,5vw,66px)}
.section__head p{font-size:1rem;line-height:1.7}
.copy-block p,.article p{font-size:1.02rem;line-height:1.8}

/* Accessible interaction */
:where(a,button,input,textarea,select,[tabindex]):focus{outline:none}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid var(--v11-focus);
  outline-offset:4px;
  box-shadow:0 0 0 7px rgba(244,184,197,.16);
}
.btn,.menu-toggle,.video-play,.rail-controls button,.video-modal__close{min-height:48px;min-width:48px}
.btn{font-size:.82rem}
.arrow-link{font-size:.75rem}
.skip-link:focus-visible{outline-color:#111}

/* More restrained header */
.site-header{background:rgba(9,9,9,.76);transition:background .3s ease,border-color .3s ease}
.site-header.is-scrolled{background:rgba(9,9,9,.94);border-color:rgba(255,255,255,.12)}
.nav__links a{position:relative}
.nav__links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--rose)}

/* Exact approved introduction */
.intro__shard{
  background-image:url('/assets/images/v11/harshit-intro-desktop-2560.webp');
  background-position:center top;
}
.intro__content p{font-size:.72rem}
.intro__title{font-size:clamp(5.2rem,11vw,11.5rem)}
.intro__button,.intro__skip{font-size:.78rem}
.intro__button{backdrop-filter:blur(10px)}
.intro.is-opening .intro__veil{opacity:0}

/* Media always fills its allotted block, using art-directed source files */
.media-picture{display:block;width:100%;height:100%}
.media-picture img{display:block;width:100%;height:100%;object-fit:cover}
.media-picture--portrait img{object-fit:cover}
.media-picture--hero img{object-fit:cover}

/* Hero: premium, readable, no low-resolution stretch */
.hero{min-height:min(900px,calc(100svh - 82px))}
.hero-reel__frame picture,.hero-reel__frame img{width:100%;height:100%}
.hero-reel__frame img{object-fit:cover}
.hero__summary{max-width:660px;font-size:1rem;line-height:1.72}
.hero-index{max-width:520px}
.hero-index__item{min-height:82px;padding:17px 18px}
.hero-index__item strong{font-size:1rem}
.hero-index__item small{font-size:.73rem;line-height:1.45}
.hero-index__item.is-active{background:rgba(113,29,46,.18)}
.stats{margin-top:38px}
.stat{padding:19px 17px}
.stat strong{font-size:clamp(1.6rem,2.5vw,2.2rem)}
.stat span{font-size:.72rem}

/* Clear cues only where horizontal touch is required */
.interaction-hint{
  display:none;
  margin:0 0 10px;
  color:var(--rose);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase
}
[data-drag-scroll]{overscroll-behavior-inline:contain}
[data-drag-scroll]:focus-visible{outline-offset:8px}

/* Selected Work: dedicated 4:5 artwork */
.work-showcase{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:clamp(38px,5vw,68px)}
.work-showcase__visual{
  height:auto;
  aspect-ratio:4/5;
  max-height:720px;
  top:106px;
  clip-path:polygon(0 0,96% 0,100% 5%,100% 100%,4% 100%,0 95%);
}
.work-visual picture,.work-visual img{width:100%;height:100%}
.work-visual img{object-fit:cover}
.work-row{padding:27px 8px;opacity:.64}
.work-row.is-active,.work-row:hover,.work-row:focus-visible{opacity:1}
.work-row h3{font-size:clamp(1.65rem,2.35vw,2.5rem)}
.work-row p{font-size:.88rem;line-height:1.65}
.work-visual figcaption{font-size:.72rem}

/* Career: hierarchy without oversized lower headings */
.timeline-layout{gap:clamp(48px,7vw,88px)}
.timeline__item h3{font-size:clamp(1.55rem,2vw,2rem)}
.timeline__item p{line-height:1.7}

/* Founder statement remains signature, but no longer overwhelms the site */
.section--statement{min-height:62vh}
.section--statement .quote p{font-size:clamp(3rem,5.5vw,5.8rem);line-height:1.02}
.section--statement::after{font-size:14vw}

/* Venture composition: every shape gets its own media */
.ecosystem-grid{gap:22px}
.ecosystem-card{min-height:0;aspect-ratio:4/5}
.ecosystem-card--wide{aspect-ratio:16/9}
.ecosystem-card--half{aspect-ratio:4/3}
.ecosystem-card picture,.ecosystem-card img{width:100%;height:100%}
.ecosystem-card img{object-fit:cover}
.ecosystem-card>div{left:clamp(22px,2.3vw,34px);right:clamp(22px,2.3vw,34px);bottom:clamp(22px,2.3vw,34px)}
.ecosystem-card h3{font-size:clamp(2rem,3vw,3.15rem)}
.ecosystem-card p{font-size:.92rem;line-height:1.62}
.ecosystem-card span,.ecosystem-card b{font-size:.72rem}
.ecosystem-card::after{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.14) 76%)}

/* Insights: editorial, readable, not a card stunt */
.insight-deck{gap:20px;padding:0}
.insight-deck .linkedin-card{
  margin:0;
  min-height:0;
  transform:none!important;
  box-shadow:0 22px 55px rgba(0,0,0,.24);
}
.linkedin-card{padding:0 0 28px}
.linkedin-card__image{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}
.linkedin-card__source,.linkedin-card h3,.linkedin-card p,.linkedin-card .arrow-link{margin-left:26px;margin-right:26px}
.linkedin-card h3{font-size:clamp(1.55rem,2.3vw,2.2rem)}
.linkedin-card p{font-size:.92rem;line-height:1.65}
.insight-deck .linkedin-card:hover{transform:translateY(-7px)!important}

/* Internal heroes and project imagery */
.page-hero{min-height:64vh;padding:116px 0 88px}
.page-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.62fr);gap:clamp(42px,6vw,82px)}
.page-hero h1{font-size:clamp(4rem,7vw,7.2rem)}
.page-hero__image{
  height:auto;
  aspect-ratio:4/5;
  max-height:610px;
  border-color:#393939;
  background:#0a0a0a
}
.page-hero__image picture,.page-hero__image img{width:100%;height:100%}
.page-hero__image img{object-fit:cover}
.kpi-strip{margin-top:32px}
.kpi{padding:17px 16px}
.kpi strong{font-size:1.2rem;line-height:1.25}

/* Video: native 16:9 frame and high-resolution custom poster */
.video-feature{min-height:0;aspect-ratio:16/9;max-height:760px}
.video-feature__poster picture,.video-feature__poster img{width:100%;height:100%}
.video-feature__poster img{object-fit:cover;filter:saturate(.94) contrast(1.04)}
.video-feature__copy{max-width:650px}
.video-feature__copy h2{font-size:clamp(2.7rem,4.8vw,4.8rem)}
.video-source{display:block;margin-top:11px;color:#c9c2ba;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.video-modal{padding:clamp(18px,4vw,48px)}
.video-modal__inner{width:min(1280px,100%)}
.video-modal__panel{background:#090909;border:1px solid #353535;box-shadow:0 35px 110px rgba(0,0,0,.55)}
.video-modal__meta{display:grid;grid-template-columns:1fr auto;gap:24px;padding:18px 22px;border-top:1px solid #303030}
.video-modal__meta h2{font:600 clamp(1.3rem,2vw,2rem)/1.1 var(--serif);letter-spacing:-.03em}
.video-modal__meta p{margin:6px 0 0;color:#aaa49c;font-size:.82rem}
.video-modal__badge{align-self:start;padding:7px 10px;border:1px solid #4d4d4d;color:#d5cec6;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.video-modal__close{top:-52px}
.video-modal__frame iframe{background:#000}

/* Project pages are no longer identical templates */
.v11-case-study .case-section .two-col{align-items:start}
.v11-case-study .case-section h2{font-size:clamp(2.5rem,4.3vw,4.5rem)}
.case-sequence{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line)
}
.case-sequence__item{
  min-height:220px;
  padding:30px;
  background:#111;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.case-sequence__item h3{font-size:1.15rem;color:var(--rose);font-family:var(--sans);letter-spacing:.1em}
.case-sequence__item p{font-size:.95rem;line-height:1.68;color:#d2cbc3}
.case-bigg-boss .case-sequence__item:nth-child(odd){background:#151112}
.case-adipurush .case-sequence__item:nth-child(odd){background:#17140e}
.case-ata .case-sequence__item:nth-child(odd){background:#111516}

/* Venture pages receive calmer editorial flow */
.v11-venture-detail .page-hero h1{font-size:clamp(3.8rem,6.3vw,6.5rem)}
.v11-venture-detail .two-col h2,
.v11-venture-detail .section__head h2{font-size:clamp(2.5rem,4.2vw,4.4rem)}
.v11-venture-detail .ip-fact strong{font-size:1.65rem}
.v11-venture-detail .ip-fact span{font-size:.9rem;line-height:1.6}
.journey__item h3{font-size:1.7rem}
.platform-subhead h3{font-size:clamp(2.25rem,3.7vw,3.9rem)}

/* Cards and lower content */
.article-card h3,.linkedin-card h3{font-size:clamp(1.5rem,2vw,2rem)}
.info-card h3{font-size:1.35rem}
.evidence-card h3{font-size:1.55rem}
.contact-row a{font-size:1.35rem}
.article h2{font-size:clamp(2.1rem,3.5vw,3.5rem)}
.article blockquote{font-size:clamp(1.7rem,3vw,2.45rem)}

/* Motion discipline */
.tilt-card,.project-card,.article-card,.platform-card,.venture-panel__image,.page-hero__image,.image-frame{
  will-change:auto;
  transform:none!important
}
[data-spotlight]::before,.cursor-aura{display:none!important}
.has-pointer{cursor:auto}
.motion-item{transition-duration:.68s!important}
.image-reveal{transition-duration:.85s!important}
.project-card:hover,.article-card:hover,.platform-card:hover,.ecosystem-card:hover,.linkedin-card:hover{
  transform:translateY(-6px)!important
}

/* Performance */
img{background-color:#111}

/* Footer */
.footer-brand{max-width:560px}
.footer-brand p{line-height:1.65}

/* Tablet */
@media(max-width:1020px){
  h2{font-size:clamp(2.65rem,7vw,4.4rem)}
  .work-showcase{grid-template-columns:1fr}
  .work-showcase__visual{position:relative;top:auto;width:min(650px,100%);margin-inline:auto}
  .page-hero__grid{grid-template-columns:1fr}
  .page-hero__image{width:min(620px,100%);margin-inline:auto}
  .ecosystem-card,.ecosystem-card--wide,.ecosystem-card--half{grid-column:span 6;aspect-ratio:4/3}
  .case-sequence{grid-template-columns:repeat(2,1fr)}
  .insight-deck{grid-template-columns:1fr 1fr}
}

/* Mobile */
@media(max-width:680px){
  html{font-size:16px}
  .container{width:calc(100% - 34px)}
  h1{font-size:clamp(3.65rem,16vw,5.4rem)}
  h2{font-size:clamp(2.25rem,10vw,3.4rem)}
  h3{font-size:clamp(1.45rem,7vw,2rem)}
  .section{padding:var(--v11-section-mobile) 0}
  .section__head{display:block;margin-bottom:38px}
  .section__head p{margin-top:20px}
  .intro__shard{
    background-image:url('/assets/images/v11/harshit-intro-mobile-1080.webp');
    background-position:center top
  }
  .intro__title{font-size:clamp(3.6rem,17vw,5.25rem)}
  .hero{min-height:auto;padding:70px 0 58px}
  .hero-index__item{min-height:72px;padding:14px}
  .hero-index__item small{max-width:240px}
  .stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .stat{min-width:46vw;scroll-snap-align:start}
  .interaction-hint{display:block}
  .profile-strip{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}
  .profile-link{flex:0 0 78vw!important;scroll-snap-align:start}
  .work-showcase__visual{aspect-ratio:4/5;max-height:none}
  .work-row{grid-template-columns:34px 1fr 18px;padding:24px 6px}
  .work-row.is-active,.work-row:hover,.work-row:focus-visible{padding-left:16px}
  .section--statement{min-height:auto}
  .section--statement .quote p{font-size:clamp(2.55rem,11vw,3.5rem)}
  .ecosystem-grid{display:block}
  .ecosystem-card,.ecosystem-card--wide,.ecosystem-card--half{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    margin-bottom:18px
  }
  .ecosystem-card:nth-child(2){aspect-ratio:4/5}
  .ecosystem-card h3{font-size:2.25rem}
  .insight-deck{display:grid;grid-template-columns:1fr;padding:0}
  .page-hero{padding:98px 0 65px}
  .page-hero h1{font-size:clamp(3.3rem,14vw,5rem)}
  .page-hero__image{aspect-ratio:4/5;max-height:none}
  .kpi-strip{grid-template-columns:1fr 1fr}
  .kpi strong{font-size:1.05rem}
  .video-feature{display:flex;flex-direction:column;aspect-ratio:auto;max-height:none}
  .video-feature__poster{position:relative;inset:auto;aspect-ratio:16/9}
  .video-feature__shade{display:none}
  .video-feature__copy{position:static;padding:24px;background:#0b0b0b}
  .video-feature__copy h2{font-size:clamp(2.2rem,10vw,3.2rem)}
  .video-modal__meta{grid-template-columns:1fr}
  .case-sequence{grid-template-columns:1fr}
  .case-sequence__item{min-height:150px}
  .v11-case-study .case-section h2,
  .v11-venture-detail .two-col h2,
  .v11-venture-detail .section__head h2{font-size:clamp(2.2rem,9vw,3.1rem)}
  .journey__item h3{font-size:1.5rem}
  .article h2{font-size:2.25rem}
  .article blockquote{font-size:1.75rem}
  .button-row{gap:10px}
  .btn{width:100%}
}

/* Reduced motion keeps the signature understandable without removing content */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .intro__shard{transition-duration:.45s!important}
}