/* About Eagle Overland — the homepage's ivory, forest and gold design language.
   Page-scoped rules keep shared navigation, footer and other pages independent. */
body.page-about { --about-space:clamp(48px,5.2vw,68px); --about-header-space:88px; }
body.page-about main { overflow:clip; }
body.page-about main section { border:0; }
body.page-about main .section-pad { padding-block:var(--about-space); }
body.page-about main :is(.container,.wide-container) { width:min(1280px,calc(100% - 80px)); }
body.page-about main :is(h1,h2,h3,p,figure,blockquote) { margin:0; }
body.page-about main h2 { font:500 clamp(32px,3.2vw,46px)/1.13 var(--font-serif); letter-spacing:-.035em; text-wrap:balance; }
body.page-about main h3 { font:500 24px/1.2 var(--font-serif); letter-spacing:-.02em; }
body.page-about main .eyebrow { display:flex; align-items:center; gap:10px; padding:0; color:#82632f; font-size:9px; line-height:1.6; letter-spacing:.15em; text-transform:uppercase; font-weight:600; margin:0 0 15px; }
body.page-about main .muted { color:#526150; opacity:1; font-size:14px; line-height:1.85; }
body.page-about main .muted.lead { color:#354e3f; font-size:16px; line-height:1.8; }
body.page-about main .muted + .muted { margin-top:15px; }
body.page-about main h2 + .muted { margin-top:18px; }
body.page-about main .muted a { color:#80612e; text-decoration:underline; text-underline-offset:4px; }
body.page-about main .cta-primary { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:14px 21px; background:#c4a56a; border:1px solid #c4a56a; color:#193b30; border-radius:999px; font-size:11px; font-weight:600; line-height:1.6; text-decoration:none; }
body.page-about main .cta-primary:hover { background:#d8be86; border-color:#d8be86; }
body.page-about main .about-text-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:8px 0; color:#173b32; font-size:11px; font-weight:500; text-decoration:underline; text-decoration-color:#b79a62; text-underline-offset:6px; }
body.page-about main .about-text-link:hover { color:#82632f; }
/* The homepage's full-width photograph and ivory overlay, with About-specific links. */
body.page-about main .about-hero { position:relative; padding:0; min-height:0; overflow:hidden; background:#f7f3e8; }
body.page-about main .about-hero::before,body.page-about main .about-hero::after { display:none; }
body.page-about .about-hero-shell { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:40px; width:100%; min-height:calc(100vh - var(--about-header-space)); min-height:calc(100svh - var(--about-header-space)); margin:0; padding:36px clamp(24px,5vw,80px); align-items:center; isolation:isolate; }
body.page-about .about-hero-copy { position:relative; z-index:2; max-width:560px; min-width:0; padding:8px 0; }
body.page-about .about-breadcrumb { display:flex; gap:11px; align-items:center; font-size:9px; color:#6e7566; margin-bottom:28px; }
body.page-about .about-breadcrumb a { color:#6e7566; }
body.page-about .about-breadcrumb a:hover { text-decoration:underline; }
body.page-about .about-kicker { display:flex; align-items:center; gap:12px; font-size:9px; line-height:1.6; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#82632f; margin-bottom:21px; }
body.page-about .about-kicker > span { width:24px; height:1px; background:#b69a63; flex-shrink:0; }
body.page-about .about-hero h1 { max-width:620px; font-size:clamp(44px,4.6vw,68px); font-weight:600; line-height:1.04; letter-spacing:-.045em; text-wrap:balance; }
body.page-about .about-hero h1 em { display:block; color:#896930; font-weight:500; }
body.page-about .about-hero .subtitle { max-width:465px; margin-top:20px; color:#526150; font-size:13px; line-height:1.8; }
body.page-about .about-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-top:20px; }
body.page-about .about-hero-trust { display:flex; flex-wrap:wrap; gap:10px 17px; margin-top:18px; font-size:9px; color:#5c6b55; }
body.page-about .about-hero-trust span { display:flex; align-items:center; gap:6px; }
body.page-about .about-hero-trust i { color:#9a7a41; }
body.page-about .about-chapters { position:absolute; z-index:3; right:clamp(24px,5vw,80px); bottom:25px; width:35%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0 12px; border:1px solid #ffffff33; border-radius:8px; background:#173b32b5; backdrop-filter:blur(8px); }
body.page-about .about-chapters a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:56px; padding:12px 0; border-top:2px solid transparent; color:#f4f1e5; font-size:10px; white-space:nowrap; }
body.page-about .about-chapters a:hover,body.page-about .about-chapters a:focus-visible { color:#fff; border-top-color:#d9bd80; text-decoration:underline; text-underline-offset:5px; }
body.page-about .about-chapters a > span { color:#d9c28e; font-size:8px; }
body.page-about .about-hero-visual { position:absolute; z-index:0; inset:0; width:100%; height:100%; min-height:0; margin:0; border-radius:0; overflow:hidden; }
body.page-about .about-hero-visual > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; filter:saturate(.93); }
body.page-about .about-hero-visual::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,#f7f3e8 0%,rgba(247,243,232,.97) 28%,rgba(247,243,232,.84) 43%,rgba(247,243,232,.12) 68%,rgba(16,40,29,.06) 100%); }
body.page-about .about-photo-label { position:absolute; z-index:2; top:25px; right:clamp(24px,5vw,80px); display:flex; align-items:center; gap:7px; padding:8px 12px; border:1px solid #ffffff55; border-radius:999px; background:#173b328c; color:#fff9ed; font-size:8px; letter-spacing:.08em; text-transform:uppercase; backdrop-filter:blur(8px); }
body.page-about .about-hero-visual figcaption { position:absolute; z-index:2; right:clamp(24px,5vw,80px); bottom:105px; width:35%; display:block; padding:26px 24px; border-left:1px solid #d4b779; border-radius:0 12px 12px 0; color:#fff9ed; background:linear-gradient(90deg,#142c22c7,#142c2240); }
body.page-about .about-hero-visual figcaption > span { display:block; font:500 clamp(23px,2.5vw,36px)/1.08 var(--font-serif); }
body.page-about .about-hero-visual figcaption em { color:#e5cd95; }
body.page-about .about-hero-visual figcaption a { display:inline-flex; align-items:center; gap:10px; min-height:30px; margin-top:15px; color:#fff9ed; font-size:10px; line-height:1.7; text-decoration:underline; text-underline-offset:6px; }
/* Story, with the same asymmetrical image treatment as the homepage. */
body.page-about #our-story { background:#fffdf8; }
body.page-about .editorial-grid { display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:40px 68px; }
body.page-about .facts-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:25px; padding-top:20px; border-top:1px solid #d8cfba; }
body.page-about .fact-open { display:flex; flex-direction:column; align-items:start; gap:7px; min-width:0; }
body.page-about .fact-open i { font-size:18px; color:#a18449; }
body.page-about .fact-open span { font-size:8px; letter-spacing:.12em; text-transform:uppercase; color:#7a7862; }
body.page-about .fact-open strong { font-size:12px; color:#173b32; font-weight:500; line-height:1.6; }
body.page-about .about-story-photo img { display:block; width:100%; height:430px; object-fit:cover; object-position:42% center; border-radius:12px 95px 95px 12px; }
body.page-about .about-story-photo figcaption { margin-top:14px; font:italic 14px/1.6 var(--font-serif); color:#82734d; }
body.page-about .editorial-line { display:none; }
body.page-about main .seo-list { list-style:none; margin:0; padding:0; display:grid; gap:20px; }
body.page-about main .seo-list li { display:flex; align-items:start; gap:12px; margin:0; padding:0; border:0; color:#576550; font-size:11px; line-height:1.8; }
body.page-about main .seo-list li i { color:#a08347; font-size:19px; flex-shrink:0; }
/* Clear reasons, compact cards and practical preparation. */
body.page-about #why-us { background:#f3f0e7; }
body.page-about #why-us .soft-copy { display:grid; grid-template-columns:1.1fr .9fr; gap:0 clamp(30px,5vw,70px); max-width:none; margin-bottom:30px; align-items:center; }
body.page-about .soft-note { display:flex; align-items:start; gap:10px; margin-top:17px; color:#806c43; font:italic 15px/1.6 var(--font-serif); }
body.page-about .soft-note i { font-size:16px; flex-shrink:0; }
body.page-about .open-row-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body.page-about .open-row { position:relative; min-width:0; padding:25px 22px; border:1px solid #ded8c9; border-radius:12px; background:#fffefa; }
body.page-about .icon-pill { display:grid; place-items:center; width:38px; height:38px; margin-bottom:0; border-radius:8px; background:#f1eee3; color:#927441; font-size:21px; }
body.page-about .open-row h3 { font-size:23px; margin-bottom:10px; }
body.page-about .open-row p { font-size:13px; line-height:1.8; color:#596650; }
body.page-about .open-row-meta { display:flex; flex-wrap:wrap; gap:7px 12px; border-top:1px solid #e0d8c8; margin-top:16px; padding-top:12px; color:#65715f; font-size:10px; line-height:1.6; }
body.page-about .open-row-meta span { display:inline-flex; align-items:center; gap:6px; }
body.page-about .open-row-meta i { color:#9a7c42; }
body.page-about #vehicle-preparation { background:#faf8f2; }
body.page-about #vehicle-preparation .soft-split { display:grid; grid-template-columns:.94fr 1.06fr; gap:clamp(30px,5vw,64px); align-items:start; }
body.page-about .about-prep-photo { margin-top:25px; position:relative; }
body.page-about .about-prep-photo img { display:block; width:100%; height:210px; object-fit:cover; object-position:center 42%; border-radius:55px 10px 10px 55px; }
body.page-about .about-prep-photo figcaption { margin-top:10px; color:#82724d; font:italic 13px/1.5 var(--font-serif); }
body.page-about .prep-list { grid-template-columns:minmax(0,1fr); gap:0; border-top:1px solid #d9d5c7; }
body.page-about .prep-list .open-row { display:grid; grid-template-columns:38px minmax(0,1fr); gap:16px; padding:20px 0; border:0; border-bottom:1px solid #d9d5c7; border-radius:0; background:transparent; }
body.page-about .prep-list .icon-pill { margin-bottom:0; background:#ecefe4; }
body.page-about .prep-list h3 { font-size:22px; margin-bottom:8px; }
body.page-about .prep-list p { font-size:13px; line-height:1.8; }
/* Team roles are clear, without oversized placeholder portraits. */
body.page-about #team { background:#eef1e8; }
body.page-about main .section-title { display:block; margin-bottom:28px; }
body.page-about main .section-title .muted { max-width:620px; margin-top:18px; }
body.page-about .team-open { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
body.page-about .team-member { display:flex; flex-direction:column; padding:22px 0 0; border:0; border-top:1px solid #cbd3c0; background:transparent; border-radius:0; min-width:0; }
body.page-about .team-member-top { display:flex; gap:14px; align-items:center; }
body.page-about .team-avatar { flex:0 0 42px; }
body.page-about .team-symbol { display:grid; place-items:center; width:42px; height:42px; min-height:0; border:1px solid #d9decd; background:#fafbf4; border-radius:9px; font-size:20px; color:#5b704e; }
body.page-about .team-member h3 { font-size:22px; line-height:1.2; }
body.page-about .team-role { display:block; margin-top:6px; color:#897141; font-size:9px; text-transform:uppercase; letter-spacing:.1em; line-height:1.6; }
body.page-about .team-member p { margin-top:17px; margin-bottom:12px; font-size:13px; line-height:1.8; color:#586650; }
/* History and standards, organised as one open editorial spread. */
body.page-about #track-record { background:#fffdf8; }
body.page-about .timeline-wrap { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(32px,5vw,70px); align-items:center; }
body.page-about .timeline { list-style:none; padding:0; margin:28px 0 0; }
body.page-about .timeline li { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:start; gap:20px; padding:17px 0; border-bottom:1px solid #e1dacb; }
body.page-about .timeline li:last-child { border-bottom:0; padding-bottom:0; }
body.page-about .t-badge { color:#9c7c3f; font:500 25px/1.3 var(--font-serif); }
body.page-about .timeline p { color:#526150; font-size:13px; line-height:1.8; }
body.page-about .standards-list { padding:30px; background:#f5f2e8; border:1px solid #ddd7c6; border-radius:46px 12px 12px 12px; }
body.page-about .standards-list .seo-list { gap:18px; }
body.page-about .standards-list .seo-list li { font-size:13px; line-height:1.8; }
/* The existing philosophy section becomes the page's quiet photographic pause. */
body.page-about main .philosophy-section { background:#f1ede2; }
body.page-about .quote-layout { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:stretch; }
body.page-about .big-quote blockquote { color:#fff9ed; font:500 clamp(28px,2.5vw,38px)/1.22 var(--font-serif); letter-spacing:-.025em; text-wrap:balance; }
body.page-about .big-quote figcaption { margin-top:18px; color:#d5bd86; font-size:11px; }
body.page-about .philosophy-detail { margin-top:23px; color:#dce3d4; font-size:13px; line-height:1.8; }
body.page-about .philosophy-principles { list-style:none; margin:22px 0 0; padding:17px 0 0; border-top:1px solid #ffffff26; display:flex; flex-wrap:wrap; gap:8px 14px; font-size:10px; line-height:1.6; color:#e7d3a4; }
body.page-about .philosophy-principles li::before { content:"·"; margin-right:7px; }
body.page-about .image-frame { border-radius:12px 75px 75px 12px; overflow:hidden; min-height:100%; }
body.page-about .image-frame img { display:block; width:100%; height:100%; min-height:380px; object-fit:cover; filter:none; }
/* FAQ matches the vehicle detail pages: airy columns and native disclosures. */
body.page-about main .faq-section { background:#fffdf8; }
body.page-about .faq-section > .container { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr); gap:clamp(30px,5vw,70px); align-items:start; }
body.page-about .faq-section .section-title { position:static; margin:0; }
body.page-about main .faq-section h2 { font:500 clamp(30px,3.2vw,46px)/1.13 var(--font-serif); letter-spacing:-.035em; color:#173b32; }
body.page-about .faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,2.4vw,28px); border-top:1px solid #d4c9b1; }
body.page-about .faq-grid details { min-width:0; border:0; border-bottom:1px solid #d4c9b1; border-radius:0; padding:0; background:transparent; box-shadow:none; }
body.page-about .faq-grid summary { position:relative; display:list-item; list-style:none; min-height:72px; padding:20px 30px 20px 0; cursor:pointer; color:#173b32; font-size:14px; font-weight:500; line-height:1.6; }
body.page-about .faq-grid summary::-webkit-details-marker { display:none; }
body.page-about .faq-grid summary::after { content:'+'; position:absolute; top:17px; right:3px; color:#94733b; font-size:23px; }
body.page-about .faq-grid details[open] summary::after { content:'−'; }
body.page-about .faq-grid details .muted { margin:0; padding:0 27px 22px 0; color:#5a6955; font-size:13px; line-height:1.85; }
body.page-about .faq-grid summary:focus-visible { outline:3px solid #9c793d; outline-offset:4px; }
/* A calm, direct invitation before the shared forest-green footer. */
body.page-about main .final-drive-cta { background:#faf8f0; border-top:1px solid #dfd7c6; }
body.page-about .final-drive-grid { display:grid; grid-template-columns:1.14fr .86fr; gap:65px; align-items:center; }
body.page-about .contact-line { margin-top:20px; color:#74745d; font-size:10px; line-height:1.9; overflow-wrap:anywhere; }
body.page-about .contact-line a { color:#7b5f30; }
body.page-about .final-drive-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 21px; margin-top:24px; }
body.page-about .final-drive-points { border-left:1px solid #bfad7e; padding-left:29px; }
body.page-about .final-drive-points .seo-list { gap:18px; }
/* Local page utilities are independent from the shared navigation. */
body.page-about .skip-link { position:fixed; z-index:2000; top:-100px; left:16px; padding:12px 18px; background:#173b32; color:#fffdf8; }
body.page-about .skip-link:focus { top:12px; }
body.page-about .to-top { position:fixed; z-index:80; right:23px; bottom:24px; display:grid; place-items:center; width:43px; height:43px; border:1px solid #c3ae78; border-radius:50%; background:#fffdf8; color:#173b32; opacity:0; visibility:hidden; box-shadow:0 6px 20px #173b3214; }
body.page-about .to-top.show { opacity:1; visibility:visible; }
body.page-about .mobile-sticky-wa { display:none; }
@media (hover:hover) {
  body.page-about .open-row,body.page-about .team-member { transition:border-color .2s,box-shadow .2s; }
  body.page-about .open-row:hover,body.page-about .team-member:hover { border-color:#bba16b; box-shadow:none; }
}
@media (max-width:1080px) {
  body.page-about { --about-header-space:76px; }
  body.page-about main :is(.container,.wide-container) { width:calc(100% - 48px); }
  body.page-about .about-hero-shell { padding-inline:30px; gap:24px; grid-template-columns:1.15fr .85fr; }
  body.page-about .about-hero h1 { font-size:clamp(40px,4.8vw,56px); }
  body.page-about .about-hero-visual figcaption { right:30px; width:36%; padding:20px; }
  body.page-about .about-photo-label { right:30px; }
  body.page-about .about-hero-actions { gap:8px 15px; }
  body.page-about .about-chapters { right:30px; width:36%; gap:8px; padding-inline:8px; }
  body.page-about .about-chapters a { font-size:9px; gap:5px; }
  body.page-about .about-chapters a > span { display:none; }
  body.page-about .editorial-grid { gap:30px; }
  body.page-about .about-story-photo img { height:390px; }
  body.page-about .open-row-list,body.page-about .team-open { gap:15px; }
  body.page-about .open-row,body.page-about .team-member { padding:22px 18px; }
  body.page-about #vehicle-preparation .soft-split,body.page-about .timeline-wrap,body.page-about .quote-layout,body.page-about .final-drive-grid { gap:35px; }
  body.page-about .prep-list { gap:0; }
  body.page-about .prep-list .open-row { padding:18px 0; }
  body.page-about .team-member-top { display:flex; }
  body.page-about .team-avatar { margin-bottom:0; }
}
@media (max-width:760px) {
  body.page-about main :is(.container,.wide-container) { width:calc(100% - 36px); }
  body.page-about .about-hero-shell { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; }
  body.page-about .about-hero-copy { flex:0 0 auto; max-width:none; padding:24px 20px 27px; background:linear-gradient(125deg,#fcfaf4,#f3ecdc); }
  body.page-about .about-breadcrumb { margin-bottom:24px; }
  body.page-about .about-kicker { font-size:8px; margin-bottom:17px; gap:9px; }
  body.page-about .about-hero h1 { max-width:590px; font-size:clamp(39px,8.7vw,56px); }
  body.page-about .about-hero .subtitle { margin-top:20px; font-size:12px; max-width:560px; }
  body.page-about .about-hero-actions { margin-top:20px; }
  body.page-about .about-hero-trust { margin-top:15px; font-size:8px; }
  body.page-about .about-chapters { left:18px; right:18px; bottom:12px; width:auto; gap:10px; padding-inline:10px; }
  body.page-about .about-chapters a { min-height:48px; font-size:9px; gap:6px; }
  body.page-about .about-chapters a > span { display:inline; }
  body.page-about .about-hero-visual { position:relative; inset:auto; flex:1 0 260px; min-height:260px; height:auto; margin:0; border-radius:0; }
  body.page-about .about-hero-visual > img { object-position:center 56%; }
  body.page-about .about-hero-visual::after { background:linear-gradient(180deg,#172e2110 30%,#102d2280); }
  body.page-about .about-photo-label { top:14px; left:18px; right:auto; padding:7px 10px; font-size:8px; }
  body.page-about .about-hero-visual figcaption { left:18px; right:18px; bottom:75px; width:auto; display:flex; align-items:center; justify-content:space-between; padding:12px 15px; gap:18px; }
  body.page-about .about-hero-visual figcaption > span { font-size:23px; }
  body.page-about .about-hero-visual figcaption a { margin-top:0; max-width:122px; min-height:44px; font-size:9px; }
  body.page-about .editorial-grid { grid-template-columns:1fr; gap:28px; }
  body.page-about .about-story-photo img { height:285px; border-radius:10px 60px 60px 10px; }
  body.page-about .about-story-photo figcaption { font-size:13px; }
  body.page-about .open-row-list { grid-template-columns:1fr; }
  body.page-about #why-us .open-row { display:grid; grid-template-columns:38px minmax(0,1fr); gap:16px; padding:22px 20px; }
  body.page-about #why-us .icon-pill { width:38px; font-size:21px; }
  body.page-about #why-us .open-row h3 { padding-right:0; }
    body.page-about .open-row-meta { margin-top:14px; padding-top:12px; }
  body.page-about #vehicle-preparation .soft-split { grid-template-columns:1fr; gap:29px; }
  body.page-about .about-prep-photo img { height:200px; }
  body.page-about .prep-list { grid-template-columns:minmax(0,1fr); }
  body.page-about .prep-list h3 { font-size:22px; }
  body.page-about .prep-list p { font-size:13px; }
  body.page-about .team-open { grid-template-columns:1fr; gap:13px; }
  body.page-about .team-member { padding:20px 0 0; }
  body.page-about .team-member-top { display:flex; gap:14px; }
  body.page-about .team-avatar { margin-bottom:0; }
  body.page-about .team-member p { margin-top:14px; }
  body.page-about .timeline-wrap,body.page-about .quote-layout,body.page-about .final-drive-grid { grid-template-columns:1fr; gap:32px; }
  body.page-about .standards-list { border-top-left-radius:45px; padding:27px 24px; }
  body.page-about .standards-list .seo-list { grid-template-columns:1fr 1fr; gap:20px; }
  body.page-about .standards-list .seo-list li { display:block; font-size:12px; }
  body.page-about .standards-list .seo-list i { display:block; margin-bottom:9px; }
  body.page-about .image-frame { border-radius:10px 60px 60px 10px; }
  body.page-about .image-frame img { height:245px; min-height:0; }
  body.page-about .final-drive-points { border-left:0; border-top:1px solid #c9bb96; padding:24px 0 0; }
  body.page-about .final-drive-points .seo-list { grid-template-columns:1fr 1fr; }
  body.page-about .final-drive-points .seo-list li { display:block; }
  body.page-about .final-drive-points .seo-list i { display:block; margin-bottom:8px; }
  body.page-about .to-top { display:none; }
  body.page-about .mobile-sticky-wa { position:fixed; display:flex; justify-content:center; align-items:center; gap:9px; left:14px; right:14px; bottom:calc(14px + env(safe-area-inset-bottom)); z-index:80; min-height:48px; padding:12px 18px; border-radius:999px; background:#173b32; color:#fffdf8; font-size:12px; box-shadow:0 7px 24px #163b3226; }
  body.page-about:is(:not(.past-about-hero),.about-contact-visible) .mobile-sticky-wa { opacity:0; visibility:hidden; pointer-events:none; }
}
@media (max-width:380px) {
  body.page-about .about-hero-copy { padding-inline:17px; }
  body.page-about .about-hero h1 { font-size:37px; }
  body.page-about .about-kicker { font-size:7px; }
  body.page-about .about-chapters { column-gap:11px; }
  body.page-about .about-chapters a { font-size:8px; }
  body.page-about .about-chapters a > span { display:none; }
  body.page-about .about-hero-actions { column-gap:13px; }
  body.page-about main .about-hero-actions .cta-primary { padding-inline:15px; font-size:10px; }
  body.page-about .about-hero-actions .about-text-link { font-size:10px; }
  body.page-about .prep-list { grid-template-columns:1fr; }
  body.page-about .prep-list .open-row { grid-template-columns:34px minmax(0,1fr); gap:12px; padding:17px 0; }
  body.page-about .prep-list h3 { padding-right:0; font-size:21px; }
  body.page-about .facts-row { gap:12px; }
  body.page-about .fact-open strong { font-size:10px; }
}
@media (prefers-reduced-motion:no-preference) {
  body.page-about .reveal.is-visible { animation:about-arrive .55s both; }
  @keyframes about-arrive { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
}
@media print {
  body.page-about .mobile-sticky-wa,body.page-about .to-top { display:none; }
  body.page-about .about-hero-shell { min-height:0; }
  body.page-about main .section-pad { padding-block:25px; }
}

@media (max-width:860px) {
  body.page-about .faq-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:700px) {
  body.page-about .faq-section > .container { grid-template-columns:minmax(0,1fr); gap:29px; }
}

/* Editorial details tie the existing sections together. */
body.page-about main .eyebrow::before { content:""; position:static; left:auto; top:auto; transform:none; width:21px; height:1px; flex:0 0 auto; border:0; border-radius:0; background:#b69a63; }
body.page-about .fact-open + .fact-open { border-left:1px solid #ded8c9; padding-left:14px; }
body.page-about #why-us .soft-copy > .eyebrow { grid-column:1; grid-row:1; }
body.page-about #why-us .soft-copy > h2 { grid-column:1; grid-row:2 / span 2; }
body.page-about #why-us .soft-copy > .muted { grid-column:2; grid-row:1 / span 2; margin:0; }
body.page-about #why-us .soft-copy > .soft-note { grid-column:2; grid-row:3; margin-top:13px; font-size:14px; }
body.page-about #why-us .open-row { display:grid; grid-template-columns:38px minmax(0,1fr); gap:15px; }
body.page-about #why-us .open-row > div:last-child { display:flex; flex-direction:column; }
body.page-about #why-us .open-row-meta { margin-top:auto; padding-top:14px; }
body.page-about #why-us .open-row p { margin-bottom:14px; }
body.page-about .team-link { display:inline-flex; align-items:center; gap:10px; align-self:flex-start; margin-top:auto; min-height:44px; color:#173b32; font-size:11px; font-weight:500; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#ac9563; }
body.page-about .team-link:hover { color:#82632f; }
body.page-about .big-quote { padding:clamp(25px,3vw,39px); border-radius:12px 36px 12px 12px; background:#173b32; }
body.page-about .big-quote .eyebrow { color:#d9be85; }
body.page-about .image-frame picture { display:block; height:100%; }
body.page-about .final-drive-actions .cta-primary { background:#173b32; border-color:#173b32; color:#fffefa; }
body.page-about .final-drive-actions .cta-primary:hover { background:#254c3e; border-color:#254c3e; }
body.page-about .final-drive-points .seo-list li { font-size:12px; line-height:1.8; }
body.page-about .contact-line i { color:#987b45; margin-right:5px; }
body.page-about main :is(a,button):focus-visible { outline:2px solid #9c793d; outline-offset:4px; }
@media (min-width:761px) {
  body.page-about .team-member p { min-height:calc(4 * 1.8 * 13px); }
}
@media (max-width:1080px) and (min-width:761px) {
  body.page-about .team-member { padding:22px 0 0; }
  body.page-about .team-member h3 { font-size:20px; }
}
@media (max-width:760px) {
  body.page-about { --about-space:44px; }
  body.page-about #why-us .soft-copy { display:block; margin-bottom:25px; }
  body.page-about #why-us .soft-copy > .muted { margin-top:18px; }
  body.page-about #why-us .soft-copy > .soft-note { margin-top:14px; }
  body.page-about #why-us .open-row { padding:20px; row-gap:13px; }
  body.page-about #why-us .open-row > div:last-child { display:contents; }
  body.page-about #why-us .icon-pill { grid-column:1; grid-row:1; }
  body.page-about #why-us .open-row h3 { grid-column:2; grid-row:1; align-self:center; margin:0; }
  body.page-about #why-us .open-row p { grid-column:1 / -1; margin:0; }
  body.page-about #why-us .open-row-meta { grid-column:1 / -1; margin:0; padding-top:12px; }
  body.page-about .team-open { gap:23px; }
  body.page-about .team-member { display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:14px; }
  body.page-about .team-member-top { display:contents; }
  body.page-about .team-avatar { grid-column:1; grid-row:1; }
  body.page-about .team-member-top > div:last-child { grid-column:2; grid-row:1; }
  body.page-about .team-member p,body.page-about .team-link { grid-column:2; }
  body.page-about .team-member p { margin:12px 0 4px; }
  body.page-about .big-quote { border-radius:12px 30px 12px 12px; }
  body.page-about .philosophy-principles { gap:7px 12px; }
  body.page-about .image-frame { min-height:0; }
  body.page-about .prep-list .open-row:hover { box-shadow:none; }
}
@media (max-width:380px) {
  body.page-about .fact-open + .fact-open { padding-left:9px; }
  body.page-about .fact-open strong { font-size:11px; }
  body.page-about .prep-list .icon-pill { width:34px; height:34px; font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
  body.page-about .open-row,body.page-about .team-member { transition:none; }
}
@media print {
  body.page-about .big-quote { background:transparent; border:1px solid #d8cfba; }
  body.page-about .big-quote :is(blockquote,figcaption,.eyebrow,.philosophy-detail,.philosophy-principles) { color:#173b32; }
}