.about-page { background: #fff; color: #4b1021; }
.about-header { background: transparent; }
.about-kicker { margin: 0 0 30px; color: #82616b; font-size: 11px; font-weight: 500; letter-spacing: .19em; text-transform: uppercase; }
.about-hero { min-height: 88vh; padding: 112px 8vw 5vh; display: grid; grid-template-columns: 1.05fr .95fr; gap: 7vw; align-items: center; }
.about-hero-copy { padding-bottom: 0; }
.about-hero h1 { margin: 0; font-size: clamp(62px, 7vw, 118px); }
.about-hero-copy > p:last-child { width: min(530px, 90%); margin: 48px 0 0; color: #526b82; font-size: 16px; line-height: 1.8; }
.about-hero-image { height: min(64vh, 660px); background: linear-gradient(180deg, transparent 55%, rgba(1,17,66,.42)), url("../assets/images/rafaga-boardroom-india.png") center/cover; }
.about-intro, .people-section { padding: 16vh 8vw; }
.about-intro { background: #f3e7ea; }
.about-intro h2, .people-heading h2, .about-cta h2 { margin: 0; font-size: clamp(52px, 6.4vw, 104px); font-weight: 400; line-height: .98; letter-spacing: -.06em; }
.values-grid { margin-top: 12vh; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #d8c4c9; }
.values-grid article { min-height: 300px; padding: 34px 30px 40px 0; border-right: 1px solid #d8c4c9; }
.values-grid article:not(:first-child) { padding-left: 30px; }
.values-grid span, .profile-role { color: #8f6b76; font-size: 10px; letter-spacing: .17em; text-transform: uppercase; }
.values-grid h3 { margin: 110px 0 20px; font-size: 28px; font-weight: 500; }
.values-grid p, .people-heading > p:last-child, .profile-copy > p:last-child, .advisory-grid article > p:last-child { color: #5b7185; line-height: 1.75; }
.people-section { background: #fff; }
.people-heading { display: grid; grid-template-columns: 1.4fr .6fr; gap: 7vw; align-items: end; }
.people-heading .about-kicker { grid-column: 1/-1; }
.people-heading > p:last-child { margin: 0; max-width: 440px; }
.profiles { margin-top: 15vh; }
.profile { display: grid; grid-template-columns: .82fr 1.18fr; gap: 9vw; align-items: center; padding: 0 0 15vh; }
.profile-reverse { grid-template-columns: 1.18fr .82fr; }
.profile-reverse .profile-portrait { grid-column: 2; grid-row: 1; }
.profile-reverse .profile-copy { grid-column: 1; grid-row: 1; }
.profile-portrait { aspect-ratio: 4/5; background: #f0e3e6; display: grid; place-items: center; position: relative; overflow: hidden; }
.profile-portrait::before { content:""; position:absolute; width:70%; aspect-ratio:1; border:1px solid rgba(1,17,66,.15); border-radius:50%; }
.profile-portrait span { position: relative; font-family:"DM Sans",sans-serif; font-size: clamp(70px,10vw,160px); font-weight:300; letter-spacing:-.08em; }
.profile-portrait small { position:absolute; left:28px; bottom:24px; color:#967580; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.profile-copy h3, .advisory-grid h3 { margin: 18px 0 10px; font-family:"DM Sans",sans-serif; font-size: clamp(38px,4.4vw,72px); font-weight:400; letter-spacing:-.05em; }
.credentials { margin: 0 0 40px; color: #841e32; font-size: 12px; font-weight: 500; letter-spacing: .16em; }
.profile-copy > p:last-child { max-width: 630px; font-size: 16px; }
.advisory-section { background:#4b1021; color:#fff; }
.advisory-section .about-kicker, .advisory-section .profile-role { color:#c28a99; }
.advisory-section .people-heading > p:last-child, .advisory-grid article > p:last-child { color:#b7c5d2; }
.advisory-grid { margin-top:12vh; display:grid; grid-template-columns:repeat(2,1fr); gap:8vw; }
.advisory-grid article { padding-top:40px; border-top:1px solid rgba(255,255,255,.28); }
.advisory-mark { width:104px; height:104px; margin-bottom:52px; border:1px solid rgba(255,255,255,.42); border-radius:50%; display:grid; place-items:center; font: 400 34px "DM Sans",sans-serif; }
.advisory-grid h3 { font-size:clamp(34px,3.5vw,58px); }
.advisory-grid .credentials { color:#cf99a7; }
.about-cta { padding:17vh 8vw; background:#f3e7ea; }
.about-cta a { display:inline-flex; gap:36px; margin-top:70px; padding-bottom:11px; border-bottom:1px solid #4b1021; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }

@media (max-width:800px) {
  .about-hero { min-height:auto; padding:104px 24px 60px; grid-template-columns:1fr; gap:46px; }
  .about-hero h1 { font-size:clamp(49px,14vw,70px); }
  .about-hero-image { height:62vh; min-height:480px; background-image:linear-gradient(180deg,transparent 55%,rgba(1,17,66,.42)),url("../assets/images/rafaga-boardroom-mobile.png"); }
  .about-intro,.people-section,.about-cta { padding:110px 24px; }
  .values-grid { grid-template-columns:1fr; margin-top:80px; }
  .values-grid article,.values-grid article:not(:first-child) { min-height:0; padding:32px 0; border-right:0; border-bottom:1px solid #d8c4c9; }
  .values-grid h3 { margin:48px 0 14px; }
  .people-heading,.profile,.profile-reverse,.advisory-grid { grid-template-columns:1fr; }
  .people-heading { gap:35px; }
  .profiles { margin-top:90px; }
  .profile,.profile-reverse { gap:45px; padding-bottom:110px; }
  .profile-reverse .profile-portrait,.profile-reverse .profile-copy { grid-column:1; grid-row:auto; }
  .profile-portrait { max-height:620px; }
  .advisory-grid { gap:80px; margin-top:90px; }
}

/* Maroon family colour edition */
.about-page{background:#fbf7f8;color:#4b1021}
.about-kicker{color:#78535e}
.about-hero-copy>p:last-child,.values-grid p,.people-heading>p:last-child,.profile-copy>p:last-child,.advisory-grid article>p:last-child{color:#6f4c56}
.about-hero-image{background-image:linear-gradient(180deg,transparent 48%,rgba(37,10,18,.62)),url("../assets/images/rafaga-boardroom-india.png");background-blend-mode:color,normal}
.about-intro,.about-cta{background:#f0e1e5}
.values-grid,.values-grid article,.values-grid article:not(:first-child){border-color:#dcc7cd}
.values-grid span,.profile-role{color:#78535e}
.people-section{background:#fbf7f8}
.profile-portrait{background:#ead9dd}
.profile-portrait::before{border-color:rgba(75,16,33,.18)}
.profile-portrait small{color:#78535e}
.credentials{color:#841e32}
.advisory-section{background:#250a12}
.advisory-section .about-kicker,.advisory-section .profile-role,.advisory-grid .credentials{color:#c9919f}
.advisory-section .people-heading>p:last-child,.advisory-grid article>p:last-child{color:#cdb5bc}
.about-cta a{border-color:#4b1021}
@media(max-width:800px){.about-hero-image{background-image:linear-gradient(180deg,transparent 48%,rgba(37,10,18,.62)),url("../assets/images/rafaga-boardroom-mobile.png")}}

/* Medium Maroon brand trial */
.credentials { color:#841e32; }
.advisory-section .about-kicker,
.advisory-section .profile-role,
.advisory-grid .credentials { color:#d9a7b1; }

.about-page .brand {
  width:224px;
  height:52px;
  display:flex;
  align-items:center;
}
.about-page .brand img {
  width:224px;
  height:auto;
  filter:none !important;
}
.about-page .footer-brand img {
  width:224px;
  height:auto;
  filter:none !important;
}
@media(max-width:800px){
  .about-page .brand{width:176px;height:44px}
  .about-page .brand img{width:176px}
  .about-page .footer-brand img{width:205px}
}

@media (max-width: 800px) {
  .about-hero { padding-top: 154px; }
  .about-hero .about-kicker { margin-bottom: 24px; }
  .about-hero h1 { font-size: clamp(42px, 12vw, 56px); line-height: 1; }
  .about-intro h2,
  .people-heading h2,
  .about-cta h2 { font-size: clamp(38px, 11vw, 50px); line-height: 1; }
  .profile-portrait small { display: none; }
  .about-cta a span {
    background: transparent !important;
    color: #20287a !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-variant-emoji: text;
  }
}