/* Current review pair: group related content before spreading it across the page. */
.home--refined,.home--petrol { --layout-gap:64px;--paired-columns:repeat(2,minmax(0,1fr)); }
.home--refined .hero-person { margin-top:0; }
.petrol-intro { display:block;margin-top:42px;max-width:800px; }
.petrol-intro .person-lead { max-width:none;font-size:17px; }
.petrol-intro > p+p { margin:10px 0 0;max-width:730px;font-size:15px; }

.work-mark { width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none; }
.home .recognition { padding-block:64px; }
.home .recognition > .wrap { display:block; }
.recognition-content { max-width:1040px;margin-inline:auto; }
.home .recognition-head { max-width:none;margin:0 0 32px; }
.home .recognition-head h2 { font-size:clamp(32px,3.3vw,47px);max-width:none; }
.recognition-list { display:grid;gap:21px;padding:0;margin:0;list-style:none; }
.recognition-list li { display:flex;gap:22px;align-items:center; }
.recognition-list .work-mark { width:30px;height:30px;opacity:.75; }
.recognition-list p { font-size:19px;line-height:1.6;max-width:880px;margin:0;color:var(--ink); }
.recognition-list strong { font-weight:700; }

.home .revised-services { display:block;max-width:1136px;padding-block:78px; }
.home--refined .revised-services { padding-top:0; }
.home--refined .approach { display:block;max-width:1136px;padding-block:78px; }
.home--refined .approach-copy { max-width:720px; }
.home--refined .approach .method { gap:26px;margin-top:34px; }
.home--refined .approach .method:before,.home--refined .approach .method-dot { display:none; }
.home--refined .approach .method-step { grid-template-columns:140px minmax(0,1fr);gap:32px; }
.home--refined .approach .method-step > div { display:contents; }
.home--refined .approach .method-step p { margin:0;max-width:740px; }
.home .services-heading { display:block;margin:0 0 36px; }
.home .services-heading h2 { font-size:clamp(32px,3.3vw,47px);margin:0; }
.home .service-list { display:grid;grid-template-columns:1fr;gap:30px;padding:0; }
.home .service-list article { display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;margin:0; }
.service-name { display:flex;gap:20px;align-items:center;color:var(--accent); }
.home .service-list h3 { font-size:21px;line-height:1.3;margin:0; }
.home .service-list p { font-size:16px;line-height:1.7;max-width:590px;padding-top:4px;margin:0; }
.home .service-name .work-mark { opacity:.85; }

.home .approach,.home .connected-layout,.petrol-method-section > .wrap,
.home .refined-contact .contact-layout { grid-template-columns:var(--paired-columns);column-gap:var(--layout-gap); }
.home .approach-copy h2 { margin-bottom:16px; }
.home .connected { padding-block:32px; }
.home--petrol .connected { padding-top:0; }
.home .tools-illustration__caption { padding-inline:2%; }
.home .tools-illustration__status { min-height:0; }
.home .tools-illustration { --ti-line:#829aa9; }
.home .tools-illustration__route { stroke-width:1.8;stroke-dasharray:none;stroke-dashoffset:0;animation:none; }
.tools-illustration__outcome {
  position:absolute;left:35%;top:22%;width:30%;height:56%;
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding:8px;text-align:center;color:var(--ti-ink);
  font-size:clamp(14px,3.5cqw,21px);line-height:1.3;letter-spacing:-.025em;
}
.tools-illustration__outcome strong { font-weight:750;color:var(--ti-blue); }
.tools-illustration--outcome .tools-illustration__status:empty { display:none; }

/* A case story with its evidence immediately below, rather than competing sidebars. */
.home .case-section { padding-block:72px; }
.case-story { max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:1.2fr .9fr;gap:28px 64px; }
.home .case-copy { grid-column:1/-1; }
.case-narrative { min-width:0; }
.case-narrative p { color:#eef5f8;font-size:16px; }
.case-testimonial { padding:28px;background:#ffffff0c;align-self:start; }
.home .case-testimonial blockquote { color:#fff;font-size:22px;line-height:1.65; }
.home .case-testimonial figcaption,.home .case-testimonial figcaption strong { color:#eef5f8; }
.home .case-copy { max-width:800px; }
.home .case-copy .eyebrow { margin-bottom:18px; }
.home .case-copy h2 { max-width:790px;font-size:clamp(34px,3.5vw,48px);margin-bottom:0; }
.home .case-copy p { max-width:780px; }
.home .case-results { display:grid;grid-template-columns:1.2fr .9fr;gap:24px;margin:30px 0;padding:0; }
.home .case-result strong { font-size:30px;line-height:1.2; }
.home .case-result span { font-size:12px;line-height:1.6;max-width:300px;margin-top:8px; }
.home .case-result .result-arrow { display:inline;font-size:27px;margin:0 6px; }
.home .quotes { padding-block:60px; }
.home .quote blockquote { font-size:23px; }

/* Biography stays a readable personal account; experience is already in the prose. */
.home .revised-about,.petrol-about > .wrap { display:block; }
.home .revised-about { padding-block:64px; }
.petrol-about { padding-block:64px; }
.about-story { max-width:790px;margin-inline:auto; }
.home .about-story h2 { font-size:clamp(34px,3.3vw,47px);margin:0 0 24px; }
.home .background-story { max-width:790px;gap:20px; }
.home .background-story p { font-size:17px;line-height:1.75; }
.home .background-story article:first-child p { font-size:21px;line-height:1.6;color:var(--ink); }
.home .refined-contact .contact-layout { align-items:start; }
.home .refined-contact h2 { margin:0; }
.home .contact-signoff { text-align:left;margin:22px 0 0;padding:0;font-size:13px!important;max-width:none!important; }

/* Keep the section introduction together; the process itself uses the width. */
.petrol-method-section > .wrap { row-gap:36px; }
.petrol-method-copy { grid-column:1/-1;grid-row:1;display:block;max-width:720px; }
.petrol-method-copy h2 { margin:0 0 16px; }
.petrol-method-section .method { grid-column:1/-1;grid-row:2;margin:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--layout-gap); }
.petrol-method-section .method:before { left:6px;right:calc((100% - 3 * var(--layout-gap)) / 4 - 7px);top:6px;bottom:auto;width:auto;height:2px; }
.petrol-method-section .method-step { display:block; }
.petrol-method-section .method-dot { display:block;margin:0 0 22px; }
.home .method-step h3 { font-size:19px; }
.home .method-step p { font-size:15px;line-height:1.7; }

@media (max-width:1050px) {
  .home--refined,.home--petrol { --layout-gap:40px; }
  .home .service-list article { grid-template-columns:270px minmax(0,1fr);gap:24px; }
  .case-story { gap:28px 36px; }
  .home .case-results { grid-template-columns:1fr;gap:22px; }
  .petrol-method-section .method { grid-template-columns:var(--paired-columns);gap:30px var(--layout-gap); }
  .petrol-method-section .method:before,.petrol-method-section .method-dot { display:none; }
}
@media (max-width:760px) {
  .home--refined,.home--petrol { --layout-gap:32px;--paired-columns:minmax(0,1fr); }
  .petrol-intro { margin-top:25px; }
  .petrol-intro .person-lead { font-size:16px; }
  .petrol-intro > p+p { font-size:14px; }
  .home .recognition { padding-block:44px; }
  .home .recognition-head { margin-bottom:27px; }
  .home .recognition-head h2,.home .services-heading h2 { font-size:32px; }
  .recognition-list { gap:23px; }
  .recognition-list li { gap:15px;align-items:start; }
  .recognition-list .work-mark { width:25px;height:25px;margin-top:2px; }
  .recognition-list p { font-size:16px;line-height:1.65; }
  .home .revised-services { padding-block:52px; }
  .home--refined .revised-services { padding-top:0; }
  .home--refined .approach { padding-block:52px; }
  .home--refined .approach .method-step { display:block; }
  .home--refined .approach .method-step > div { display:block; }
  .home--refined .approach .method-step p { margin-top:7px; }
  .home .services-heading { margin-bottom:30px; }
  .home .service-list { gap:30px; }
  .home .service-list article { display:block; }
  .service-name { gap:15px; }
  .service-name .work-mark { width:30px;height:30px; }
  .home .service-list h3 { font-size:19px; }
  .home .service-list p { font-size:15px;margin:10px 0 0 45px;padding:0; }
  .home .connected { padding-block:28px; }
  .home--petrol .connected { padding-top:4px; }
  .home .tools-illustration__status { min-height:3em; }
  .petrol-method-section > .wrap { row-gap:30px; }
  .petrol-method-copy { grid-row:1;grid-column:1; }
  .petrol-method-section .method { grid-row:2;grid-column:1;gap:28px; }
  .petrol-method-section .method:before { display:block;left:6px;right:auto;top:10px;bottom:14px;width:2px;height:auto; }
  .petrol-method-section .method-step { display:grid; }
  .petrol-method-section .method-dot { display:block;margin:5px 0 0; }
  .home .case-section { padding-block:48px; }
  .case-story { display:block; }
  .home .case-copy h2 { font-size:34px; }
  .case-narrative { margin-top:24px; }
  .case-narrative p { font-size:15px; }
  .case-testimonial { margin-top:32px;padding:24px; }
  .home .case-testimonial blockquote { font-size:19px; }
  .home .case-results { display:grid;grid-template-columns:1fr;gap:23px;margin-block:26px; }
  .home .case-result strong { font-size:34px; }
  .home .case-result span { max-width:none; }
  .home .quotes { padding-block:46px; }
  .home .quote blockquote { font-size:20px; }
  .home .revised-about,.petrol-about { padding-block:46px; }
  .home .background-story article:first-child p { font-size:18px; }
  .home .background-story p { font-size:15px; }
}
