.tatva-page{--tatva-amber:#ffb500}
.tatva-page .tatva-hero{background:#121212}
.tatva-page .tatva-wordmark{display:inline-block;margin:34px 0 18px;color:var(--tatva-amber);font-size:clamp(1rem,1.8vw,1.4rem);font-weight:600;letter-spacing:.34em}
.tatva-page .tatva-hero h1{max-width:1100px}
.tatva-page .tatva-deck{max-width:820px;margin:25px 0 0;color:#bdbdbd;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.75}
.tatva-page .tatva-visual{min-width:0;width:100%;margin:0;overflow:hidden;border:1px solid #393939;background:#111}
.tatva-page .tatva-visual img{display:block;width:100%;height:auto}
.tatva-page .tatva-hero-visual{margin-top:42px;border-color:#343434;background:#151b22}
.tatva-page .tatva-section{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:5vw}
.tatva-page .tatva-section--image-left{grid-template-columns:minmax(0,6fr) minmax(0,4fr)}
.tatva-page .tatva-copy{max-width:760px}
.tatva-page .tatva-copy .eyebrow{margin:0 0 20px;color:#b99742;font-size:.57rem;letter-spacing:.08em}
.tatva-page .tatva-copy h2{margin:0 0 22px;color:#f4f4f4;font-size:clamp(2.35rem,4.5vw,4.8rem);font-weight:500;line-height:.98;letter-spacing:-.075em}
.tatva-page .tatva-copy>p:not(.eyebrow){margin:0 0 16px;color:#bdbdbd;font-size:.93rem;line-height:1.72}
.tatva-page .tatva-insight{margin:25px 0 20px;padding:17px 0 2px;border-top:1px solid #414141;border-bottom:1px solid #414141}
.tatva-page .tatva-insight>span{color:#b99742;font-size:.54rem;letter-spacing:.08em}
.tatva-page .tatva-insight p{max-width:700px;margin:10px 0 15px;color:#f1f1f1;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.35;letter-spacing:-.025em}
.tatva-page .tatva-vision-row{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.tatva-page .tatva-vision-visual{width:min(100%,300px);justify-self:center;overflow:visible;border:0;background:transparent}
.tatva-page .tatva-vision-visual img{display:block;width:100%;height:auto;background:transparent}
.tatva-page .tatva-web-visual{overflow:visible;border:0;background:transparent}
.tatva-page .tatva-web-visual img{background:transparent}
.tatva-page .tatva-brand{display:block}
.tatva-page .tatva-brand .tatva-copy{max-width:950px;margin-bottom:30px}
.tatva-page .tatva-brand-visual{background:#fff;border-color:#e7e7e7}
.tatva-page .tatva-wide{display:block}
.tatva-page .tatva-wide>.tatva-copy{max-width:900px;margin:0 auto 30px}
.tatva-page .tatva-wide>.tatva-visual{width:100%}
.tatva-page .tatva-live>.tatva-copy{max-width:900px}
.tatva-page .tatva-final-statement{max-width:900px;margin:25px auto 0;padding-top:20px;border-top:1px solid #3b3b3b;color:#f1f1f1;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.4;letter-spacing:-.03em}
@media(max-width:760px){
  .tatva-page .tatva-wordmark{margin-top:28px}
  .tatva-page .tatva-hero-visual{margin-top:30px}
  .tatva-page .tatva-section,.tatva-page .tatva-section--image-left{grid-template-columns:1fr;gap:22px}
  .tatva-page .tatva-section .tatva-copy{grid-column:1;grid-row:1}
  .tatva-page .tatva-section .tatva-visual{grid-column:1;grid-row:2}
  .tatva-page .tatva-vision-row .tatva-vision-visual{grid-column:1;grid-row:1;width:min(55%,220px);justify-self:center}
  .tatva-page .tatva-vision-row .tatva-copy{grid-column:1;grid-row:2}
  .tatva-page .tatva-brand .tatva-copy{margin-left:0}
  .tatva-page .tatva-copy h2{font-size:clamp(2.45rem,10.5vw,3.8rem)}
  .tatva-page .tatva-wide>.tatva-copy{margin-bottom:22px}
  .tatva-page .tatva-final-statement{margin-top:19px;padding-top:16px}
}
