@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.about-page { --about-ink:#111820; --about-red:#e45243; --about-yellow:#e8b84f; --about-paper:#f4f1eb; --about-muted:#667078; --about-line:#d5d5cf; background:var(--about-paper); color:var(--about-ink); font-family:'DM Sans',sans-serif; font-size:17px; line-height:1.65; }
.about-page .site-header { background:#fff; }.about-page .nav { min-height:92px; }.about-page .brand img { width:180px; height:66px; mix-blend-mode:multiply; filter:contrast(1.3) brightness(1.08); }.about-page .nav-links { font-size:.93rem; gap:28px; }.about-page h1,.about-page h2,.about-page h3,.about-page h4 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.04em; }.about-page h1 { margin:24px 0 28px; font-size:clamp(3.3rem,6vw,6.4rem); line-height:.98; }.about-page h2 { margin:16px 0 25px; font-size:clamp(2.8rem,5vw,5.2rem); line-height:.98; }.about-page h3 { font-size:1.7rem; line-height:1.1; }.about-page h4 { font-size:1rem; line-height:1.35; }.about-page em { color:var(--about-red); font-style:normal; }.about-page p { color:var(--about-muted); }.about-page .wrap { width:min(calc(100% - 80px),1240px); }.about-hero { padding:150px 0 115px; background:var(--about-ink); color:#fff; overflow:hidden; }.about-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:80px; align-items:center; }.about-kicker,.about-label { color:var(--about-red); font-size:.74rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.about-kicker { color:var(--about-yellow); }.about-lead { max-width:650px; color:#c7d0d2!important; font-size:1.15rem; }.about-hero h1 { max-width:800px; }.about-hero-mark { width:300px; height:300px; margin-left:auto; display:grid; place-items:center; border:1px solid #4c565b; border-radius:50%; background:radial-gradient(circle,rgba(228,82,67,.35),transparent 55%); position:relative; color:var(--about-yellow); font:600 5rem 'Space Grotesk',sans-serif; }.about-hero-mark::before { content:''; position:absolute; inset:24px; border:1px solid rgba(232,184,79,.6); border-radius:50%; }.about-hero-mark small { position:absolute; right:-25px; bottom:20px; color:#aeb7b9; font:700 .62rem/1.8 'DM Sans',sans-serif; letter-spacing:.15em; }.about-section { padding:130px 0; }.about-story { background:#fff; }.about-split,.leader-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:110px; align-items:start; }.about-copy { max-width:640px; }.about-large { color:var(--about-ink)!important; font:500 1.45rem/1.4 'Space Grotesk',sans-serif; letter-spacing:-.02em; }.about-copy p:not(.about-large) { margin:25px 0; }.about-values { background:#e2e1dc; }.about-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:55px; }.about-heading>p { max-width:350px; margin:0 0 10px; }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.values-grid article { min-height:270px; padding:28px; background:#fff; border-radius:8px; transition:transform .3s ease,box-shadow .3s ease; }.values-grid article:hover { transform:translateY(-8px); box-shadow:0 18px 35px rgba(17,24,32,.1); }.values-grid span,.unit-index { color:var(--about-red); font-size:.72rem; font-weight:700; letter-spacing:.15em; }.values-grid h3 { margin:58px 0 14px; }.values-grid p { margin:0; }.about-units { background:var(--about-ink); color:#fff; }.about-units .about-label { color:var(--about-yellow); }.about-units .about-heading>p { color:#bdc7ca; }.about-unit-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.about-unit-grid article { min-height:330px; padding:30px; background:#1d292f; border:1px solid #3a474d; border-radius:8px; }.about-unit-grid article:last-child { background:var(--about-red); border-color:var(--about-red); }.about-unit-grid h3 { margin:48px 0 8px; color:#fff; }.about-unit-grid h4 { color:#dae0e0; max-width:400px; }.about-unit-grid p { color:#b9c4c7; max-width:490px; }.about-unit-grid article:last-child p { color:#ffe3de; }.leader-section { background:#d6d5d0; }.leader-image { max-width:440px; position:relative; }.leader-image img { width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:8px; filter:grayscale(100%); }.leader-image span { position:absolute; right:0; bottom:0; padding:13px 18px; background:var(--about-red); color:#fff; font-size:.8rem; font-weight:700; border-radius:8px 0 8px 0; }.about-link { display:inline-block; margin-top:12px; padding-bottom:5px; border-bottom:1px solid currentColor; font-weight:700; }.team-section { background:#fff; }.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }.team-card { text-align:center; }.team-portrait { width:100%; aspect-ratio:1/1.18; overflow:hidden; border-radius:50% / 42%; background:#dfe0dc; border:7px solid #f0eee9; box-shadow:0 0 0 1px var(--about-line); }.team-portrait img { width:100%; height:100%; object-fit:cover; object-position:center top; }.team-placeholder { display:grid; place-items:center; background:linear-gradient(145deg,#1b2930,#e45243); color:#fff; font:600 3.5rem 'Space Grotesk',sans-serif; }.team-card h3 { margin:22px 0 2px; font-size:1.25rem; }.team-card p { margin:0; color:var(--about-red); font-size:.85rem; font-weight:700; }.team-note { margin:35px 0 0; color:#8b9292!important; font-size:.8rem; }.about-cta { padding:105px 0; background:var(--about-red); color:#fff; }.about-cta .about-label { color:var(--about-yellow); }.about-cta h2 { margin-bottom:32px; }.about-cta h2 em { color:#fff; }.about-footer { padding:70px 0 25px; background:var(--about-ink); color:#fff; }.about-footer>.wrap:first-child { display:grid; grid-template-columns:2fr 1fr 1fr; gap:60px; padding-bottom:60px; }.about-footer img { width:180px; filter:grayscale(1) brightness(0) invert(1); }.about-footer p { color:#a6b0b3; }.about-footer strong { display:block; margin-bottom:18px; color:var(--about-yellow); font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; }.about-footer a { display:block; margin:10px 0; color:#ccd3d4; }.about-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:20px; border-top:1px solid #38444a; color:#7e898d; font-size:.78rem; }.about-footer-bottom a { margin:0; }
@media(max-width:820px){.about-page .wrap{width:min(calc(100% - 40px),1240px)}.about-page .nav{min-height:78px}.about-page .nav-links,.about-page .nav>.button{display:none}.about-page .menu{display:block}.about-hero{padding:110px 0 80px}.about-hero-grid,.about-split,.leader-grid{grid-template-columns:1fr;gap:45px}.about-hero-mark{margin:0 auto}.about-section{padding:90px 0}.about-heading{display:block}.about-heading>p{margin-top:25px}.values-grid,.about-unit-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr);gap:35px}.about-footer>.wrap:first-child{grid-template-columns:1fr 1fr}.about-footer>.wrap:first-child>div:first-child{grid-column:1/-1}}
@media(max-width:500px){.about-page{font-size:16px}.about-page .wrap{width:min(calc(100% - 28px),1240px)}.about-page h1{font-size:3rem}.about-page h2{font-size:3rem}.about-hero-mark{width:230px;height:230px;font-size:4rem}.team-grid{gap:18px}.about-footer>.wrap:first-child{grid-template-columns:1fr}.about-footer>.wrap:first-child>div:first-child{grid-column:auto}.about-footer-bottom{display:grid}}
.about-page .team-grid { grid-template-columns: repeat(3, 1fr); }
.about-page .leader-image img { filter: none; }
.about-page .about-footer img { background: transparent; filter: brightness(0) invert(1); mix-blend-mode: normal; opacity: 1; }
.about-page .about-hero { padding: 120px 0 95px; }
.about-page .about-hero h1 { font-size: clamp(2.35rem, 4vw, 4.45rem); line-height: 1.02; }
@media (max-width: 820px) {
	.about-page .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 560px) {
	.about-page .team-grid { grid-template-columns: 1fr; gap: 20px; }
}
.team-flip-card { min-height: 430px; perspective: 1100px; text-align: left; }
.team-flip-inner { position: relative; width: 100%; height: 100%; min-height: 430px; transform-style: preserve-3d; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.team-flip-card:hover .team-flip-inner, .team-flip-card:focus-within .team-flip-inner { transform: rotateY(180deg); }
.team-flip-front, .team-flip-back { position: absolute; inset: 0; padding: 20px; border-radius: 8px; backface-visibility: hidden; }
.team-flip-front { background: #f4f1eb; }
.team-flip-front .team-portrait { height: 315px; aspect-ratio: auto; }
.team-flip-front h3 { margin: 18px 0 0; text-align: center; }
.team-flip-back { display: flex; flex-direction: column; justify-content: center; background: var(--about-ink); color: #fff; transform: rotateY(180deg); }
.team-flip-back > span { color: var(--about-yellow); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.team-flip-back h3 { margin: 22px 0 5px; color: #fff; }.team-flip-back h4 { margin: 0 0 17px; color: #d9e0e1; font-size: .95rem; }.team-flip-back p { margin: 0 0 12px; color: #c3cccf; }.team-flip-back address { margin: 0 0 20px; color: #c3cccf; font-size: .82rem; font-style: normal; line-height: 1.5; }.team-flip-back a { color: var(--about-yellow); font-weight: 700; }
.team-flip-front { position: relative; overflow: hidden; padding: 0; background: #f4f1eb; border: 1px solid #d5d5cf; }
.team-index { position: absolute; z-index: 3; top: 18px; left: 20px; color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.team-flip-front .team-portrait { position: relative; height: 320px; overflow: hidden; }
.team-flip-front .team-portrait::after { content: ''; position: absolute; inset: 0; border-bottom: 1px solid rgba(255,255,255,.34); background: linear-gradient(180deg, rgba(16,24,32,.1), transparent 45%, rgba(16,24,32,.62)); pointer-events: none; }
.team-flip-front .team-portrait img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.04); transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .7s ease; }
.team-flip-card:hover .team-flip-front .team-portrait img, .team-flip-card:focus-within .team-flip-front .team-portrait img { transform: scale(1.07); filter: saturate(1.05) contrast(1.06); }
.team-image-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(110deg, transparent 42%, rgba(228,82,67,.25) 50%, transparent 58%); transform: translateX(-120%); transition: transform .8s ease; }
.team-flip-card:hover .team-image-shade, .team-flip-card:focus-within .team-image-shade { transform: translateX(120%); }
.team-location { position: absolute; z-index: 2; left: 20px; bottom: 16px; color: #fff; font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.team-front-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 20px; }
.team-front-meta h3 { margin: 0; color: var(--about-ink); font-size: 1.55rem; }.team-front-meta span { color: var(--about-red); font-size: .63rem; font-weight: 700; letter-spacing: .1em; text-align: right; text-transform: uppercase; }
.team-flip-front::before { content: ''; position: absolute; z-index: 2; right: 18px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--about-yellow); box-shadow: 0 0 0 5px rgba(232,184,79,.18); }

/* Full-bleed people profile fronts. */
.team-flip-card,
.team-flip-inner {
	height: 430px;
}

.team-flip-front { position: absolute; inset: 0; z-index: 2; background: var(--about-ink); color: #fff; }
.team-flip-back { z-index: 1; }
.team-front-image { position: absolute; inset: 0; overflow: hidden; }
.team-front-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.28) saturate(.86) contrast(1.08); transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease; }
.team-front-wash { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,24,32,.12) 0%, rgba(17,24,32,.08) 32%, rgba(17,24,32,.9) 100%), linear-gradient(90deg, rgba(17,24,32,.48), transparent 32%, rgba(228,82,67,.12)); }
.team-flip-card:hover .team-front-image img, .team-flip-card:focus-within .team-front-image img { transform: scale(1.08); filter: grayscale(0) saturate(1.08) contrast(1.08); }
.team-front-rail { position: absolute; z-index: 2; inset: 0 auto 0 0; display: flex; flex-direction: column; align-items: center; gap: 15px; width: 45px; padding: 22px 0; background: rgba(228,82,67,.92); }
.team-front-rail span { font: 600 1.45rem/1 'Space Grotesk', sans-serif; }.team-front-rail i { width: 1px; height: 72px; background: rgba(255,255,255,.72); }.team-front-rail small { writing-mode: vertical-rl; color: #ffe5df; font-size: .52rem; letter-spacing: .15em; }
.team-front-top { position: absolute; z-index: 2; top: 22px; left: 65px; right: 20px; display: flex; justify-content: space-between; gap: 12px; color: #fff; font-size: .58rem; font-weight: 700; letter-spacing: .14em; }
.team-front-copy { position: absolute; z-index: 2; right: 22px; bottom: 22px; left: 65px; }
.team-front-copy > span { color: var(--about-yellow); font-size: .6rem; font-weight: 700; letter-spacing: .15em; }.team-front-copy h3 { margin: 8px 0 0; color: #fff; font-size: 2.15rem; line-height: 1; }.team-front-copy b { position: absolute; right: 0; bottom: -2px; color: rgba(255,255,255,.25); font: 600 4.5rem/1 'Space Grotesk', sans-serif; }
.team-flip-front::before { right: 17px; top: 18px; background: var(--about-yellow); }
@media(max-width:820px){.team-flip-card,.team-flip-inner{min-height:400px}.team-flip-front .team-portrait{height:285px}}
@media(max-width:500px){.team-flip-card,.team-flip-inner{min-height:390px}.team-flip-front .team-portrait{height:275px}}
@media(max-width:820px){.team-flip-card,.team-flip-inner{height:400px}}
@media(max-width:500px){.team-flip-card,.team-flip-inner{height:390px}}
.office-section { background: #e2e1dc; }
.office-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.office-card { min-height: 390px; padding: 30px; border-radius: 8px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.office-card-dark { background: var(--about-ink); color: #fff; }.office-card-yellow { background: var(--about-yellow); }
.office-type { color: var(--about-red) !important; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.office-card-dark .office-type { color: var(--about-yellow) !important; }.office-card h3 { margin: 38px 0 7px; font-size: 2rem; }.office-card h4 { margin: 0 0 18px; color: var(--about-muted); font-size: .98rem; }.office-card-dark h4 { color: #c8d0d2; }.office-company { margin: 0 0 14px; color: var(--about-ink) !important; font-weight: 700; }.office-card-dark .office-company { color: #fff !important; }.office-card address { margin: 0 0 22px; color: var(--about-muted); font-size: .9rem; font-style: normal; line-height: 1.55; }.office-card-dark address { color: #c2cbcd; }.office-card a { margin-top: auto; color: var(--about-red); font-weight: 700; }.office-card-dark a { color: var(--about-yellow); }.office-card-yellow a { color: var(--about-ink); }
@media(max-width:820px){.office-grid{grid-template-columns:1fr 1fr}.office-card:last-child{grid-column:1/-1}}
@media(max-width:500px){.office-grid{grid-template-columns:1fr}.office-card:last-child{grid-column:auto}}

/* Oval profiles: Kavya leads the section, with operations together below. */
.about-page .team-grid { grid-template-columns: repeat(2, minmax(0, 380px)); justify-content: center; gap: 34px 44px; }
.about-page .team-card:nth-child(2) { grid-column: 1 / -1; grid-row: 1; justify-self: center; width: min(100%, 380px); }
.about-page .team-card:nth-child(1) { grid-column: 1; grid-row: 2; }
.about-page .team-card:nth-child(3) { grid-column: 2; grid-row: 2; }
.team-flip-card, .team-flip-inner { height: 490px; min-height: 490px; }
.team-flip-front, .team-flip-back { border-radius: 50% / 40%; }
.team-flip-front { border: 0; }
.team-front-rail { display: none; }
.team-front-image { border-radius: inherit; }
.team-front-image img { object-position: center top; }
.team-front-wash { background: linear-gradient(180deg, rgba(17,24,32,.04) 0%, rgba(17,24,32,.16) 44%, rgba(17,24,32,.91) 100%); }
.team-front-top { top: 54px; left: 50px; right: 50px; }
.team-front-copy { right: 54px; bottom: 62px; left: 54px; text-align: center; }
.team-front-copy h3 { font-size: 2.3rem; }
.team-flip-back { padding: 72px 60px; text-align: center; align-items: center; border: 1px solid rgba(232,184,79,.65); }
.team-flip-back address { margin-bottom: 18px; }
.team-flip-card:focus { outline: 3px solid var(--about-red); outline-offset: 5px; }
@media (max-width: 820px) {
  .about-page .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .team-flip-card, .team-flip-inner { height: 430px; min-height: 430px; }
  .team-flip-back { padding: 54px 44px; }
}
@media (max-width: 560px) {
  .about-page .team-grid { grid-template-columns: 1fr; }
  .about-page .team-card:nth-child(n) { grid-column: auto; grid-row: auto; width: auto; }
  .about-page .team-card:nth-child(1) { order: 2; }
  .about-page .team-card:nth-child(2) { order: 1; }
  .about-page .team-card:nth-child(3) { order: 3; }
  .team-flip-card, .team-flip-inner { height: min(122vw, 490px); min-height: min(122vw, 490px); }
  .team-front-top { top: 42px; left: 38px; right: 38px; }
  .team-front-copy { right: 42px; bottom: 52px; left: 42px; }
  .team-flip-back { padding: 58px 48px; }
}

/* Static oval team photos — no flip interaction. */
.team-flip-card { perspective: none; cursor: default; }
.team-flip-inner { transform-style: flat; transition: none; }
.team-flip-card:hover .team-flip-inner, .team-flip-card:focus-within .team-flip-inner { transform: none; }
.team-flip-back { display: none; }
.team-flip-card:hover .team-front-image img, .team-flip-card:focus-within .team-front-image img { transform: none; filter: grayscale(.28) saturate(.86) contrast(1.08); }

/* Filled, side-by-side profile panels. */
.about-page .team-grid { grid-template-columns: repeat(2, minmax(0, 400px)); gap: 26px 34px; }
.about-page .team-card:nth-child(2) { width: min(100%, 834px); }
.team-flip-card, .team-flip-inner { height: 270px; min-height: 270px; }
.team-flip-front {
  position: relative;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #d7d8d2;
  border-radius: 14px;
  background: #f4f1eb;
  color: var(--about-ink);
}
.team-flip-front::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  right: -55px;
  top: -60px;
  border-radius: 50%;
  background: var(--about-yellow);
  box-shadow: none;
  opacity: .75;
}
.team-front-image {
  position: relative;
  inset: auto;
  z-index: 1;
  width: 180px;
  height: 210px;
  border-radius: 50% / 42%;
  box-shadow: 0 0 0 7px #fff, 0 0 0 8px #d7d8d2;
}
.team-front-image img { object-position: center top; }
.team-front-wash { background: linear-gradient(180deg, transparent 52%, rgba(17,24,32,.32)); }
.team-front-top,
.team-front-copy {
  position: relative;
  z-index: 1;
  inset: auto;
  display: block;
}
.team-front-top { align-self: end; margin: 0 0 -14px; color: var(--about-red); font-size: .62rem; }
.team-front-top span:last-child { display: block; margin-top: 5px; color: #687275; }
.team-front-copy { align-self: start; padding-top: 12px; text-align: left; }
.team-front-copy > span { display: inline-block; color: var(--about-red); font-size: .64rem; letter-spacing: .13em; }
.team-front-copy h3 { margin: 9px 0 8px; color: var(--about-ink); font-size: 2rem; line-height: 1; }
.team-front-copy h3::after { content: 'Team contact'; display: block; margin-top: 11px; color: #687275; font: 500 .83rem/1.45 'DM Sans', sans-serif; letter-spacing: 0; }
.team-front-copy b { display: none; }
.team-front-top { grid-column: 2; grid-row: 1; }
.team-front-copy { grid-column: 2; grid-row: 1; }
@media (max-width: 820px) {
  .team-flip-card, .team-flip-inner { height: 250px; min-height: 250px; }
  .team-flip-front { grid-template-columns: 135px minmax(0, 1fr); gap: 19px; padding: 18px; }
  .team-front-image { width: 135px; height: 170px; }
  .team-front-copy h3 { font-size: 1.6rem; }
}
@media (max-width: 560px) {
  .team-flip-card, .team-flip-inner { height: 250px; min-height: 250px; }
  .team-flip-front { grid-template-columns: 120px minmax(0, 1fr); gap: 18px; padding: 18px; }
  .team-front-image { width: 120px; height: 165px; }
  .team-front-copy h3 { font-size: 1.45rem; }
  .team-front-top { font-size: .53rem; }
}

/* Corporate Office and Sales & Operations are intentionally distinct groups. */
.about-page .team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 400px)); }
.team-section-title { display: grid; grid-template-columns: minmax(0, 7fr) minmax(250px, 3fr); column-gap: 48px; grid-column: 1 / -1; padding: 26px 0 22px; border-top: 1px solid var(--about-line); }
.team-section-title p { margin: 0 0 6px; color: var(--about-red); font-size: .68rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.team-section-title h3 { grid-column: 1; margin: 0; color: var(--about-ink); font-size: clamp(1.7rem, 3vw, 2.35rem); }
.team-section-title h3 em { color: var(--about-red); }
.team-section-title span { grid-column: 2; grid-row: 1 / span 2; align-self: end; display: block; margin: 0; padding: 16px 18px; border-left: 3px solid var(--about-yellow); background: #f4f1eb; color: #536063; font-size: .82rem; line-height: 1.5; }
.team-section-title span strong { display: block; margin-bottom: 5px; color: var(--about-ink); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.team-corporate-title { order: 1; border-top: 0; padding-top: 0; }
.about-page .team-card:nth-child(3) { order: 2; grid-column: 1 / -1; grid-row: auto; justify-self: stretch; width: 100%; }
.team-operations-title { order: 3; }
.about-page .team-card:nth-child(2) { order: 4; grid-column: 1; grid-row: auto; width: auto; }
.about-page .team-card:nth-child(5) { order: 5; grid-column: 2; grid-row: auto; }
.team-front-copy h3::after { content: none; }
.team-detail { margin: 10px 0 0 !important; color: #536063 !important; font-size: .8rem; line-height: 1.5; }
.about-page .team-card:nth-child(3),
.about-page .team-card:nth-child(3) .team-flip-inner { height: 330px; min-height: 330px; }
.about-page .team-card:nth-child(3) .team-flip-front { grid-template-columns: 250px minmax(0, 1fr); gap: 42px; padding: 34px 48px; background: linear-gradient(105deg, #f4f1eb 0%, #f4f1eb 72%, #e5d5a5 72%); }
.about-page .team-card:nth-child(3) .team-front-image { width: 250px; height: 265px; }
.about-page .team-card:nth-child(3) .team-front-copy h3 { font-size: clamp(2rem, 4vw, 3.15rem); }
.about-page .team-card:nth-child(3) .team-detail { font-size: .93rem; }
.about-page .team-card:nth-child(3) .team-front-copy { display: block; }
.about-page .team-card:nth-child(3) .team-front-copy > span { margin: 0; }
.about-page .team-card:nth-child(3) .team-front-copy h3 { margin: 9px 0 0; }
.about-page .team-card:nth-child(3) .team-front-copy::after { content: 'Corporate coordination · Customer communication · Office administration'; display: block; max-width: 430px; margin-top: 23px; padding-top: 16px; border-top: 1px solid #c8c6bf; color: #536063; font-size: .82rem; line-height: 1.5; }
@media (max-width: 560px) {
  .team-section-title { display: block; padding: 22px 0 18px; }
  .team-section-title span { margin-top: 13px; }
  .team-section-title { grid-column: auto; }
  .about-page .team-card:nth-child(3),
  .about-page .team-card:nth-child(2),
  .about-page .team-card:nth-child(5) { grid-column: auto; width: auto; }
  .about-page .team-card:nth-child(3),
  .about-page .team-card:nth-child(3) .team-flip-inner { height: 270px; min-height: 270px; }
  .about-page .team-card:nth-child(3) .team-flip-front { grid-template-columns: 120px minmax(0, 1fr); gap: 18px; padding: 18px; background: #f4f1eb; }
  .about-page .team-card:nth-child(3) .team-front-image { width: 120px; height: 180px; }
  .about-page .team-card:nth-child(3) .team-front-copy::after { display: none; }
}

/* Use the full content width: 70% primary information and 30% supporting detail. */
.about-page .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; }
.team-section-title { grid-template-columns: minmax(0, 70%) minmax(0, 30%); column-gap: 0; }
.team-section-title span { margin-left: 28px; }
.about-page .team-card:nth-child(3) .team-front-copy { text-align: left; justify-self: stretch; }
.about-page .team-card:nth-child(3) .team-front-copy h3,
.about-page .team-card:nth-child(3) .team-front-copy > span,
.about-page .team-card:nth-child(3) .team-front-copy .team-detail { text-align: left; }
@media (max-width: 560px) {
  .about-page .team-grid { grid-template-columns: 1fr; }
  .team-section-title { grid-template-columns: 1fr; }
  .team-section-title span { margin-left: 0; }
}

/* Keep both Sales & Operations profile cards exactly the same width. */
@media (min-width: 561px) {
  .about-page .team-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  .about-page .team-card:nth-child(2),
  .about-page .team-card:nth-child(5) { width: 100% !important; min-width: 0; }
}

.about-page .team-card:nth-child(2) .team-front-copy,
.about-page .team-card:nth-child(5) .team-front-copy,
.about-page .team-card:nth-child(2) .team-front-copy h3,
.about-page .team-card:nth-child(5) .team-front-copy h3 {
  text-align: left;
  justify-self: stretch;
}

.company-profile { background: #f4f1eb; }
.company-profile-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 90px; align-items: start; }
.company-profile-copy p { margin: 0 0 22px; color: var(--about-muted); }
.company-profile-copy .about-large { color: var(--about-ink) !important; }
.product-scope { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); gap: 55px; margin-top: 70px; padding-top: 38px; border-top: 1px solid #cbc9c2; }
.product-scope h3 { margin: 10px 0 0; color: var(--about-ink); font-size: 1.55rem; }
.product-scope ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; margin: 0; padding: 0; list-style: none; }
.product-scope li { padding: 14px 0; border-bottom: 1px solid #d6d4ce; color: var(--about-ink); font-size: .9rem; }
.product-scope li::before { content: '•'; margin-right: 10px; color: var(--about-red); }
@media (max-width: 820px) { .company-profile-grid, .product-scope { grid-template-columns: 1fr; gap: 32px; }.product-scope { margin-top: 45px; }.product-scope ul { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .product-scope ul { grid-template-columns: 1fr; } }
