.about-hero{background:linear-gradient(120deg,#101f2c,#183b4a);color:#fff;padding:4.5rem 0 3.5rem}
.about-hero h1{font-size:clamp(2.25rem,4vw,4rem);font-weight:700;letter-spacing:-.035em}
.about-hero .intro{font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.75;max-width:760px;color:#e1edf0}
.about-hero .eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:#b6dce3;margin-bottom:1.2rem}
.about-hero img{width:100%;max-width:300px;aspect-ratio:1;object-fit:cover;object-position:center 22%;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.about-page{max-width:1140px;margin:auto}.about-page h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em;margin:2.1rem 0 1rem}.about-page h3{font-size:1.12rem;font-weight:700;margin:1.5rem 0 .6rem}.about-page p{line-height:1.86;color:var(--bs-body-color);font-size:1.04rem;margin-bottom:1.12rem}.about-section{padding:2rem 0;border-bottom:1px solid var(--bs-border-color)}
.about-aside{background:var(--bs-tertiary-bg);padding:1.6rem;border:1px solid var(--bs-border-color);border-radius:14px}.about-aside h2{margin:0 0 1rem;font-size:1.2rem}.about-aside p{font-size:.96rem;line-height:1.65}.about-aside a{word-break:break-word}
.about-quote{border-left:3px solid #387c8b;padding:.45rem 0 .45rem 1.4rem;font-size:1.32rem;line-height:1.6;font-weight:500;margin:2.1rem 0}
.about-journey{display:grid;gap:1rem}.about-stop{padding:1.1rem 1.3rem;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:12px}.about-stop h3{margin:.2rem 0 .4rem}.about-stop .years{font-size:.9rem;color:var(--bs-secondary-color);font-weight:600}.about-stop p{margin-bottom:.35rem;font-size:.98rem}
.about-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.about-cta a{padding:.72rem 1.1rem;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid #387c8b}.about-cta a:first-child{background:#26697a;color:#fff}.about-cta a:not(:first-child){color:var(--bs-body-color)}
.about-page a:not(.btn):not(.nav-link){text-underline-offset:3px}.about-nav{border-bottom:1px solid var(--bs-border-color)}
@media(max-width:767px){.about-hero{padding:3rem 0}.about-hero img{max-width:210px}.about-section{padding:1.2rem 0}.about-aside{margin-top:1.4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}