body:has(.about-reference){background:#0b0b0a}
.about-reference{--color-ink:#ece8e1;--color-muted:#b3afa8;--color-rule:rgba(236,232,225,.14);color:#ece8e1;background:#0b0b0a}
.about-reference .about-team{padding-top:150px;padding-bottom:64px}
.about-reference h1{font-size:clamp(44px,6vw,82px);font-weight:600;line-height:1.05;letter-spacing:-.06em;margin-bottom:42px}
.about-reference h1 span{color:#b3afa8}
.about-reference .team-grid{gap:28px}
.about-reference .team-card{padding:0;overflow:hidden;border:1px solid rgba(236,232,225,.14);background:linear-gradient(135deg,#1c1c19,#121211);border-radius:24px}
.about-reference .team-portrait{width:100%;height:clamp(280px,30vw,410px);object-fit:cover;object-position:center 42%}
.about-reference .portrait-arnav{object-position:center 58%}
.about-reference .team-details{padding:28px 30px 32px}
.about-reference .team-details h2{font-size:28px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin-bottom:8px}
.about-reference .team-details p{color:#b3afa8;margin-top:12px}
.about-reference .team-details .team-education{margin-top:0}
.about-reference .team-details .text-link{display:inline-block;margin-top:20px;color:#ece8e1}
.about-reference .portfolio-button{display:inline-flex;align-items:center;gap:32px;margin-top:24px;padding:12px 20px;border:1px solid rgba(236,232,225,.2);border-radius:999px;background:#ece8e1;color:#0b0b0a;font-size:14px;font-weight:600;min-height:48px;transition:background .2s,transform .2s}
.about-reference .portfolio-button span{font-size:20px}
.about-reference .portfolio-button:hover{background:#fff;transform:translateY(-2px)}
.about-reference .portfolio-button:focus-visible{outline:2px solid #ff764d;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.about-reference .portfolio-button{transition:none}.about-reference .portfolio-button:hover{transform:none}}
.about-reference .about-intro{padding-top:40px;padding-bottom:90px}
.about-reference .about-intro .lead{color:#b3afa8;align-self:center;margin:0}
.about-reference .about-principles{background:#f2f0e9;color:#111416;--color-rule:#d8d6cf}
.about-reference .about-principles h2{margin:0}
.about-reference .principle-list article{padding:24px 0}
.about-reference .principle-list article:first-child{padding-top:0;border-top:0}
body:has(.about-reference)>.footer.footer-light{--color-ink:#ece8e1;--color-muted:#b3afa8;--color-rule:rgba(236,232,225,.14);--color-focus:#ff764d;background:#0b0b0a;color:#ece8e1}
body:has(.about-reference)>.footer .footer-bottom>div{display:flex;flex-wrap:wrap;gap:18px 24px}
@media(max-width:640px){.about-reference .about-team{padding-top:120px;padding-bottom:40px}.about-reference h1{margin-bottom:28px}.about-reference .team-portrait{height:340px}.about-reference .team-details{padding:24px}.about-reference .team-details h2{font-size:26px}.about-reference .about-intro{padding-top:16px;padding-bottom:56px}.about-reference .about-principles .split{gap:38px}}
