/* About RideOn: owner story and service commitments. */
.about-hero{background:linear-gradient(110deg,#fff 40%,#eff3fb);padding:27px 0 64px}.about-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:42px}.about-breadcrumb a{text-decoration:none}.about-breadcrumb a:hover{text-decoration:underline}.about-breadcrumb [aria-current]{color:var(--ink)}.about-hero-grid{display:grid;grid-template-columns:1.24fr 1fr;gap:85px;align-items:center}.about-hero .eyebrow{font-size:10px;letter-spacing:.12em}.about-hero h1{font-size:clamp(45px,4.7vw,67px);line-height:1.1;letter-spacing:-.06em}.about-hero h1 em{font-style:normal;color:var(--blue)}.about-lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:500px;margin:26px 0 17px}.owners-panel{background:var(--navy);color:#fff;padding:30px 34px;border-radius:12px;box-shadow:13px 13px 0 #dce6f6}.owners-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #3b4c68;padding-bottom:24px}.owners-panel-top>span{font-size:9px;font-weight:600;letter-spacing:.13em;color:#c2d1e8}.owners-panel-top .brand-mark{width:42px;height:29px;color:#a9c4ff}.owner-names{font-family:var(--font-heading);font-size:78px;letter-spacing:-.065em;line-height:1.1;font-weight:500;padding:29px 0 35px}.owner-names>span{display:block;color:#a9c4ff;font-size:44px;line-height:1.2;margin:6px 0}.owners-panel-bottom{display:flex;gap:13px;align-items:center;border-top:1px solid #3b4c68;padding-top:22px}.owners-panel-bottom p{font-size:12px;line-height:1.8;color:#c2d1e8}
.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.story-byline{display:block;font-size:12px;color:var(--muted);margin-top:26px}.story-copy p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:20px}.story-copy p:last-child{margin-bottom:0}.story-copy .story-opening{font-size:22px;line-height:1.65;color:var(--ink);letter-spacing:-.02em}
.collision-story{padding:72px 0;background:var(--navy);color:#fff}.collision-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.collision-story .eyebrow{color:#a9c4ff}.collision-layout p:not(.eyebrow){font-size:15px;line-height:1.9;color:#c1cce0;margin-bottom:20px}.collision-layout p.collision-opening{font-size:21px;line-height:1.65;color:#fff}.collision-layout .text-link{color:#b0caff}.everyday-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.everyday-layout p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.9;margin-bottom:20px}
.approach-section{background:var(--paper)}.approach-section .section-intro>p{max-width:350px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.approach-grid article{border-top:1px solid #cbd5e5;padding-top:24px}.approach-grid article>span{color:var(--blue);font:500 13px/1.5 var(--font-heading)}.approach-grid h3{font-size:22px;margin:20px 0 14px}.approach-grid p{font-size:15px;line-height:1.8;color:var(--muted)}
.mission-section{padding:82px 0;text-align:center}.mission-section .wrap{max-width:900px}.mission-section h2{font-size:46px;line-height:1.22}.mission-section p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:660px;margin:24px auto 0}.mission-signoff{margin-top:30px;display:grid;gap:7px}.mission-signoff>span:first-child{font-family:var(--font-heading);font-weight:600;font-size:20px;letter-spacing:-.04em}.mission-signoff>span:last-child{font-size:9px;letter-spacing:.13em;color:var(--muted)}.about-page .contact-section h2{font-size:43px}
@media(max-width:1150px){.about-hero-grid{gap:52px}.about-hero h1{font-size:58px}.about-lead{font-size:17px}.owners-panel{padding:28px}.owner-names{font-size:70px}.story-layout{gap:65px}.collision-layout,.everyday-layout{gap:60px}.approach-grid{gap:28px}.approach-grid h3{font-size:20px}}
@media(max-width:1000px){.about-hero-grid{gap:34px;grid-template-columns:1.2fr 1fr}.about-hero h1{font-size:49px}.about-lead{font-size:15px}.owners-panel{padding:25px 24px;box-shadow:9px 9px 0 #dce6f6}.owner-names{font-size:62px}.owner-names>span{font-size:36px}.owners-panel-top>span{font-size:8px}.owners-panel-bottom p{font-size:11px}.story-layout{gap:43px}.story-copy .story-opening{font-size:20px}.story-copy p{font-size:15px}.collision-layout,.everyday-layout{gap:42px}.collision-layout p.collision-opening{font-size:19px}.everyday-layout p:not(.eyebrow){font-size:16px}.approach-grid{gap:24px}.approach-grid h3{font-size:19px}.approach-grid p{font-size:14px}.mission-section h2{font-size:40px}.about-page .contact-section h2{font-size:37px}}
@media(max-width:700px){.about-hero{padding:20px 0 40px}.about-breadcrumb{font-size:10px;gap:9px;margin-bottom:29px}.about-hero-grid{grid-template-columns:1fr;gap:29px}.about-hero .eyebrow{font-size:9px;letter-spacing:.1em}.about-hero h1{font-size:clamp(42px,10.5vw,62px)}.about-lead{font-size:16px;margin:22px 0 13px}.owners-panel{margin-right:8px;padding:25px 26px}.owner-names{font-size:65px;line-height:1.05;padding:25px 0 30px}.owner-names>span{font-size:34px}.owners-panel-top>span{font-size:9px}.owners-panel-bottom p{font-size:12px}.story-layout,.collision-layout,.everyday-layout{grid-template-columns:1fr;gap:27px}.story-byline{font-size:11px;margin-top:20px}.story-copy .story-opening{font-size:20px}.story-copy p{font-size:15px}.collision-story{padding:52px 0}.collision-layout p.collision-opening{font-size:20px}.collision-layout p:not(.eyebrow){font-size:14px}.everyday-layout p:not(.eyebrow){font-size:15px}.approach-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.approach-grid h3{font-size:23px;margin:15px 0 12px}.approach-grid p{font-size:14px}.mission-section{padding:56px 0}.mission-section h2{font-size:34px}.mission-section p:not(.eyebrow){font-size:15px;margin-top:22px}.mission-signoff{margin-top:25px}.about-page .contact-section h2{font-size:35px}}
@media(max-width:360px){.about-hero h1{font-size:39px}.about-lead{font-size:15px}.owners-panel{padding-inline:22px}.owners-panel-top>span{font-size:8px}.owner-names{font-size:61px}.mission-section h2{font-size:30px}.about-page .contact-section h2{font-size:31px}}
@media print{.about-hero,.collision-story,.approach-section{background:#fff;color:#000;padding:20px 0}.about-hero-grid,.story-layout,.collision-layout,.everyday-layout{display:block}.about-breadcrumb{display:none}.about-hero h1{font-size:40px}.owners-panel{background:#fff;color:#000;box-shadow:none;border:1px solid #aaa;margin-top:20px}.owners-panel-top>span,.owners-panel-bottom p,.owner-names>span,.collision-story .eyebrow,.collision-layout p:not(.eyebrow){color:#222}.mission-section{padding:25px 0}}