
.about-hero { position:relative; min-height:clamp(420px,65vh,650px); display:grid; align-items:end; background:var(--color-primary); color:var(--color-surface); }
.about-hero-image {position:absolute;inset:0;overflow:hidden}.about-hero-image img {width:100%;height:100%;object-fit:cover;object-position:center 35%;}
.about-hero-overlay {position:relative;padding:clamp(3rem,7vw,7rem) 1rem;background:linear-gradient(90deg,rgba(8,29,47,.9),rgba(8,29,47,.45));}
.about-width {width:min(100%,var(--content-max-width));margin-inline:auto;}
.about-hero h1 {font:600 clamp(2.6rem,6vw,5rem)/1.12 var(--font-family-heading);max-width:16ch;margin:1rem 0 1.25rem;}
.about-hero p {font-size:1.07rem;line-height:1.8;max-width:60ch;margin-bottom:1.6rem;}
.about-hero .velmoria-tag-eyebrow{color:var(--color-accent)}
.about-section {padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,2rem);}
.about-section-tinted {background:var(--color-surface-tint)}
.about-two-col {display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);}
.about-section p,.about-card-grid p {color:var(--color-on-surface-secondary);line-height:1.8;margin-top:.8rem;}
.about-text-link {display:inline-block;margin-top:1.2rem;color:var(--color-primary);text-underline-offset:4px;font-weight:600;}
.about-card-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.2rem;}
.about-card-grid h3,.about-cta h3 {font:600 1.7rem/1.25 var(--font-family-heading);color:var(--color-primary);}
.about-cta .btn {margin-top:1.2rem;}
@media(max-width:767px) {.about-two-col,.about-card-grid {grid-template-columns:1fr}.about-hero-overlay {padding-block:3.2rem}.about-hero {min-height:480px}}
