/* Company About page; shared homepage styling is unchanged. */
.about-wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
.about-opening{padding-block:56px 48px}
.company-about .about-eyebrow{color:var(--color-gold);font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}
.company-about h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.04em}
.company-about h1 span{color:var(--color-gold)}
.company-about h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.company-about h3{font-size:22px;line-height:1.35;letter-spacing:-.02em;text-wrap:balance}
.about-intro{max-width:62ch;margin-top:28px;font-size:18px;line-height:1.7}
.about-intro p+p{margin-top:12px}
.company-about .about-lead{font-size:26px;line-height:1.5;color:var(--color-ink);max-width:none}
.about-section{padding-block:88px}
.about-split,.about-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}
.company-about h3+p{margin-top:12px}
.about-band{background:var(--color-surface)}
.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px;list-style:none}
.about-steps span{display:block;font-size:12px;color:var(--color-gold);margin-bottom:20px}
.about-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:14px;color:var(--color-gold);border-bottom:1px solid var(--color-link-line);margin-top:24px}
.about-link:hover{color:var(--color-ink)}
.about-story{border-top:1px solid var(--color-line);padding-top:56px}
.about-story-copy p+p{margin-top:20px}
.about-name{margin-top:32px;padding:24px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px}
.about-name h3{font-size:20px;color:var(--color-gold)}.about-name p{font-size:16px;line-height:1.7}
.about-button{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:300px;min-height:56px;padding:14px 24px;border-radius:5px;background:var(--color-gold-fill);color:var(--color-navy);font-size:14px;font-weight:700;margin-top:28px}
.about-button:hover{background:var(--color-gold)}
#navigation a[aria-current="page"]{color:var(--color-gold);text-decoration:underline;text-underline-offset:8px}
@media(max-width:767px){.about-wrap{width:calc(100% - 40px)}.about-opening{padding-block:40px}.about-split,.about-story,.about-steps{grid-template-columns:1fr;gap:32px}.about-section{padding-block:48px}.about-intro{margin-top:28px}.about-steps{margin-top:32px}.company-about .about-lead{font-size:22px}.about-steps li+li{padding-top:24px;border-top:1px solid var(--color-line)}}

.about-values-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px;margin-top:40px;list-style:none}
.about-values-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;border-top:1px solid var(--color-line);padding-top:24px}
.about-value-number{color:var(--color-gold);font-size:13px;line-height:28.6px;font-variant-numeric:tabular-nums}
.about-values{border-bottom:1px solid var(--color-line)}
@media(max-width:767px){.about-values-list{grid-template-columns:1fr;gap:24px;margin-top:28px}.about-values-list li{gap:12px}}

/* Align About with the approved company pages. */
header>a[aria-label="Infinity Digital home"]{display:flex;align-items:center;min-height:44px}
.company-about h1{text-wrap:balance}
.about-story h2{max-width:19ch}
.about-story-copy{max-width:60ch;line-height:1.75}
.about-story-copy>p:first-child{color:var(--color-ink)}
#our-story .about-story-copy>p:first-child{font-size:20px;line-height:1.6}
#our-story .about-story-copy>p:last-child{color:var(--color-gold)}
.about-values-list h3{color:var(--color-gold)}
.about-values-list p{max-width:48ch}
.about-steps li{border-top:1px solid var(--color-link-line);padding-top:24px}
.about-steps span{font-size:18px;font-variant-numeric:tabular-nums;margin-bottom:16px}
@media(min-width:768px) and (max-width:1000px){.about-split,.about-story{gap:40px}.about-values-list{column-gap:32px}.about-steps{gap:24px}}
@media(max-width:767px){.company-about .about-eyebrow{margin-bottom:16px}.about-split,.about-story{gap:24px}.about-intro{font-size:16px}.about-name{padding:20px}.about-values-list li{padding-top:20px}.about-steps{gap:24px}.about-steps li{position:relative;padding:20px 0 0 44px}.about-steps li+li{padding-top:20px}.about-steps span{position:absolute;left:0;top:20px;margin:0}.about-steps h3{font-size:21px}}

.about-footer{padding-block:32px 20px;border-top:1px solid var(--color-line);color:var(--color-muted)}
.about-footer-top,.about-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}
.about-footer-brand{color:var(--color-ink);font-size:22px;letter-spacing:-.04em;white-space:nowrap}
.about-footer-brand span{color:var(--color-gold)}
.about-footer nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.about-footer a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.about-footer nav a{font-size:14px}
.about-footer a:hover{color:var(--color-gold)}
.about-footer-bottom{border-top:1px solid var(--color-line);margin-top:24px;padding-top:16px;font-size:12px}

@media(max-width:1000px){.about-footer-top{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:767px){
.about-footer nav{gap:4px 24px}
.about-footer-bottom{flex-wrap:wrap;gap:16px}
}

@media(min-width:768px) and (max-width:900px){
.about-story{grid-template-columns:minmax(0,1fr);gap:28px}
.about-story-copy{max-width:64ch}
.about-steps{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}
.about-steps li{position:relative;padding:20px 0 0 48px}
.about-steps span{position:absolute;left:0;top:20px;margin:0}
.about-steps p{max-width:64ch}
}