/* r27 (C3): research advantages, team placeholders, results button, contact map. Loaded last. */

/* ---------- 34: the longer design line wraps inside its node ---------- */
.rn.y:not(.l) ul{grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);width:336px;max-width:100%}
@media (max-width:860px){.rn.y:not(.l) ul{width:auto}}

/* ---------- 34: advantages of buying brand new, under the research criteria (dark) ---------- */
.rsec .r27-adv{position:relative;max-width:1356px;margin:72px auto 0;padding-top:40px;border-top:1px solid rgba(143,203,176,.22)}
.rsec .r27-adv h3{font:400 var(--t2)/1.15 var(--f-disp);letter-spacing:-.01em;color:#F6F4EE}
.rsec .adv-l{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}
.rsec .adv-l li{padding-top:16px;border-top:2px solid #8FCBB0}
.rsec .adv-l h4{font:600 var(--t0)/1.25 var(--f-text);color:#EAFBF2}
.rsec .adv-l p{margin-top:8px;font:400 var(--t0)/1.45 var(--f-text);color:rgba(246,244,238,.82)}
.rsec .adv-n{margin-top:32px;max-width:760px;font:400 var(--t1)/1.4 var(--f-text);color:#F6F4EE}
.rsec .adv-s{margin-top:14px;max-width:760px;font:400 14px/1.45 var(--f-text);color:rgba(246,244,238,.62)}
@media (max-width:1100px){.rsec .adv-l{grid-template-columns:repeat(2,1fr);gap:28px 32px}}
@media (max-width:640px){.rsec .r27-adv{margin-top:48px;padding-top:32px}.rsec .adv-l{grid-template-columns:1fr;gap:22px}.rsec .adv-n{font-size:var(--t0)}}

/* ---------- 37: team, 12 photographed in the 6-column grid; the 5 external partners get their own left-aligned row under a small heading (critic fix) ---------- */
.teamsec.t23 .tgx-h{margin:64px 0 0;font:600 14px/1.2 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.teamsec.t23 .tgx{margin-top:24px}
@media (max-width:640px){.teamsec.t23 .tgx-h{margin-top:44px}.teamsec.t23 .tgx{margin-top:20px}}
.teamsec .pp .phx{width:100%;aspect-ratio:8/7;border-radius:12px;background:var(--tint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.teamsec .pp .phx b{width:64px;height:64px;border-radius:50%;background:#114136;color:#F6F4EE;display:flex;align-items:center;justify-content:center;font:400 30px/1 var(--f-disp)}
.teamsec .pp .phx i{font:500 13px/1.2 var(--f-text);font-style:normal;letter-spacing:.04em;color:var(--muted)}

/* ---------- 36: results button sits at the end of the section, on the content's left edge ---------- */
.cases .c26-foot{align-self:flex-start;width:100%;align-items:flex-start}
.cases .c26-foot .btn{align-self:flex-start}

/* ---------- 40: contact map in black and white ---------- */
.office .omap iframe{filter:grayscale(1) contrast(1.05)}


/* ---------- critic fixes (C5) ---------- */
/* section eyebrows stay clear of the sticky menu when the nav jumps */
section[id]{scroll-margin-top:80px}
@media (max-width:860px){section[id]{scroll-margin-top:64px}}
/* testimonial arrows sit under the strip, at the content's right edge, level with Pause (never over a quote) */
.how .q26-arr{top:auto;bottom:-52px;margin-top:0;width:44px;height:44px}
.how .q26-arr svg{width:22px;height:22px}
.how .q26-next{right:max(48px,calc(50vw - 678px))}
.how .q26-prev{left:auto;right:calc(max(48px,calc(50vw - 678px)) + 52px)}
.how .q26-ctl{justify-content:flex-start;margin-top:8px;padding-left:max(48px,calc(50vw - 678px));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box}
@media (max-width:860px){.how .q26-next{right:24px}.how .q26-prev{right:76px}.how .q26-ctl{padding-left:24px}}

/* phone: room under the in-page buttons so they never rest on the sticky bar */
@media (max-width:860px){.cases .c26-foot{padding-bottom:28px}}
/* r12g: landing on #research from the nav puts the section top just under the fixed header (--navh is set from the header's height by fit() in index.html; 80px until it runs) */
#research{scroll-margin-top:var(--navh,80px)}
@media (max-width:860px){#research{scroll-margin-top:64px}}