body.theme-petrol{--ink:#063c50;--accent:#06465b;--muted:#4c6972;--paper:#fffdf6;--soft:#f2f3e9;--petrol:#03465b;--butter:#fff2a6;--sky:#a2d3e4}
body.theme-petrol{background:var(--paper)}
.theme-petrol [data-site-header]{background:var(--petrol);color:#fff9db}
.theme-petrol .site-header{height:91px}
.theme-petrol .wordmark strong{letter-spacing:-.045em;font-size:24px;text-transform:none;font-weight:650}
.theme-petrol .wordmark span{color:#c5dfe7;font-size:11px}
.theme-petrol .main-nav a:not(.button):after{background:var(--butter)}
.theme-petrol .main-nav .button{background:var(--butter);color:var(--petrol)}
.theme-petrol .button{background:var(--butter);color:var(--petrol);font-weight:750}
.theme-petrol .button:hover{background:#ffe881}
.theme-petrol .button--text{color:inherit;background:none}
.theme-petrol .progress-line{background:var(--butter)}
.theme-petrol a:focus-visible,.theme-petrol button:focus-visible,.theme-petrol summary:focus-visible{outline-color:#70acbd}
.petrol-hero{background:var(--petrol);color:#fffce9;padding:47px 0 62px}
.petrol-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}
.petrol-hero h1{font-size:clamp(45px,5.1vw,73px);line-height:1.07;letter-spacing:-.05em;max-width:720px;color:var(--butter)}
.petrol-hero h1 .accent{color:#fff8d0}
.petrol-hero .hero-summary{color:#d6e7ed;font-size:17px;line-height:1.65;margin-top:25px;max-width:600px}
.petrol-hero .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:27px;margin-top:27px}
.petrol-hero .hero-actions .personal-note{color:#d6e7ed;max-width:260px;font-size:12px}
.petrol-hero .personal-note a{color:#fffadd}
.petrol-hero-visual{min-width:0}
.petrol-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start;margin-top:48px}
.petrol-intro p{font-size:14px;color:#d6e7ed;line-height:1.65}
.petrol-intro .person-lead{color:#fffce9;font-size:16px;font-weight:600;max-width:580px}
.theme-petrol .recognition{background:var(--butter);border-radius:0;padding:57px 0 63px}
.theme-petrol .recognition>.wrap{display:grid;grid-template-columns:1.03fr 1fr;gap:80px}
.theme-petrol .recognition-head{margin:0}
.theme-petrol .recognition-head h2{font-size:clamp(31px,3.4vw,47px);max-width:580px}
.theme-petrol .recognition-head p{color:#385c60;max-width:500px;font-size:15px}
.theme-petrol .problems{grid-template-columns:1fr;gap:16px;padding-top:6px}
.theme-petrol .problem summary{min-height:0;font-size:16px;font-weight:600}
.theme-petrol .problem summary span{font-size:20px}
.theme-petrol .problem p{color:#345661;padding:9px 26px 5px 0}
.theme-petrol .problem-brief{color:var(--ink);font-size:16px}
.petrol-services{padding-top:94px;padding-bottom:50px;display:block}
.petrol-services .services-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start;max-width:none;margin-bottom:43px}
.petrol-services .services-heading h2{font-size:clamp(36px,4.2vw,59px)}
.petrol-services .services-heading p{font-size:16px;margin-top:6px}
.petrol-services .service-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 50px}
.petrol-services .service-list h3{color:var(--petrol);font-size:20px}
.petrol-services .service-list p{font-size:14px;line-height:1.7}
.theme-petrol .connected{background:var(--paper);border-radius:0;padding:38px 0 92px}
.theme-petrol .connected-layout{grid-template-columns:1fr 1.05fr;gap:90px}
.theme-petrol .connected-copy h2{font-size:clamp(31px,3.1vw,42px)}
.theme-petrol .tools-illustration{--ti-paper:#fffdf6;--ti-white:#fffdf6;--ti-ink:#063c50;--ti-blue:#176985;--ti-rust:#947326;--ti-line:#adcbd2}
.theme-petrol .tools-illustration__record{background:#fff6c1}
.theme-petrol .tools-illustration__tool{box-shadow:none}
.theme-petrol .tools-illustration__record{box-shadow:none}
.petrol-method-section{background:#ecf3f3;padding:76px 0 85px;border-radius:0}
.petrol-method-section>.wrap{display:grid;grid-template-columns:.8fr 1.15fr;gap:105px;align-items:start}
.petrol-method-section .method{grid-column:1;grid-row:1;margin:9px 0 0;gap:33px;max-width:390px}
.petrol-method-section .method:before{background:#b6d2d6;width:2px;left:6px;bottom:24px}
.petrol-method-section .method-dot{background:var(--petrol);border-color:#e3ce69;width:14px;height:14px;border-width:3px}
.petrol-method-section .method-step{gap:21px}
.petrol-method-section .method-step h3{font-size:18px}
.petrol-method-section .method-step p{font-size:14px;color:#49636a}
.petrol-method-copy{grid-column:2;grid-row:1}
.petrol-method-copy h2{font-size:clamp(33px,3.9vw,54px);margin-bottom:24px}
.petrol-method-copy .body-copy{font-size:16px}
.petrol-method-copy .working-options{margin-top:36px;gap:25px}
.petrol-method-copy .working-options article:first-child{background:var(--butter);padding:25px;grid-column:1/-1}
.petrol-method-copy .working-options h3{color:var(--petrol);font-size:18px}
.petrol-method-copy .working-options p{font-size:14px}
.theme-petrol .case-section{background:var(--petrol);padding:78px 0 83px}
.theme-petrol .case-copy h2{color:var(--butter);font-size:clamp(34px,3.6vw,50px)}
.theme-petrol .case-copy p{color:#d9e9ec}
.theme-petrol .case-copy .eyebrow{color:#b6d6dc}
.theme-petrol .case-results{gap:35px}
.theme-petrol .case-result strong{color:var(--butter)}
.theme-petrol .case-result span{color:#d9e9ec}
.theme-petrol .quotes{padding-top:70px;padding-bottom:75px;background:var(--paper)}
.theme-petrol .quote blockquote{font-size:25px;color:var(--petrol)}
.petrol-about{background:var(--butter);padding:67px 0 74px}
.petrol-about>.wrap{display:grid;grid-template-columns:1.4fr .65fr;gap:130px;align-items:center}
.petrol-about h2{font-size:clamp(34px,4vw,55px);margin-bottom:26px}
.petrol-about .background-story{gap:22px}
.petrol-about .background-story p{color:#36545d;font-size:15px;max-width:720px}
.petrol-about .career-detail{border:0;padding:0}
.petrol-about .career-detail strong{font-size:clamp(60px,7vw,100px);color:var(--petrol)}
.petrol-about .career-detail>span{font-size:20px}
.petrol-about .career-detail p{font-size:14px;color:#36545d;max-width:250px}
.theme-petrol .contact-section{background:var(--paper);border-radius:0;padding:73px 0 82px}
.theme-petrol .contact-layout{grid-template-columns:1.3fr .85fr;gap:85px;align-items:center}
.theme-petrol .contact-layout h2{font-size:clamp(34px,4.2vw,57px);max-width:650px}
.theme-petrol .contact-signoff{text-align:left;color:#49636a;font-size:15px!important}
.theme-petrol [data-site-footer]{background:var(--petrol);color:#fffadd}
.theme-petrol .footer-copy{color:#bed9e1}
.theme-petrol .footer-nav a:hover{color:var(--butter)}
.theme-petrol .s-workflow-band{background:var(--petrol)}
.theme-petrol .s-workflow-band h2{color:var(--butter)}
.theme-petrol .s-project-visual{background:var(--butter);color:var(--petrol)}
@media(max-width:1050px){.petrol-hero-grid{gap:35px}.petrol-intro{gap:40px}.theme-petrol .recognition>.wrap{gap:45px}.petrol-services .services-heading{gap:50px}.petrol-services .service-list{gap:30px}.theme-petrol .connected-layout{gap:45px}.petrol-method-section>.wrap{gap:60px}.petrol-about>.wrap{gap:75px}}
@media(max-width:760px){.theme-petrol .site-header{height:82px}.theme-petrol .wordmark strong{font-size:23px}.theme-petrol .wordmark span{font-size:10px}.theme-petrol .menu-toggle{color:#fffadd}.theme-petrol .menu-icon i{background:#fffadd}.theme-petrol .main-nav{background:#075168;border:1px solid #2c7488}.theme-petrol .main-nav a{color:#fffadd}.theme-petrol .main-nav .button{color:var(--petrol)}.petrol-hero{padding:26px 0 43px}.petrol-hero-grid{grid-template-columns:1fr;gap:23px}.petrol-hero h1{font-size:clamp(40px,10vw,63px);line-height:1.08}.petrol-hero .hero-summary{font-size:16px;margin-top:24px}.petrol-hero .hero-actions{gap:18px;margin-top:23px;align-items:start}.petrol-hero .hero-actions .personal-note{font-size:11px!important;max-width:185px;padding-top:3px}.petrol-hero .personal-note a{font-size:11px}.petrol-hero-visual{margin-top:6px}.petrol-intro{grid-template-columns:1fr;gap:15px;margin-top:21px}.petrol-intro .person-lead{font-size:16px}.petrol-intro p{font-size:14px}.theme-petrol .recognition{padding:42px 0 45px}.theme-petrol .recognition>.wrap{grid-template-columns:1fr;gap:25px}.theme-petrol .recognition-head h2{font-size:32px}.theme-petrol .recognition-head p{font-size:14px}.theme-petrol .problems{gap:15px}.theme-petrol .problem summary{font-size:15px}.petrol-services{padding-top:55px;padding-bottom:20px}.petrol-services .services-heading{grid-template-columns:1fr;gap:0;margin-bottom:27px}.petrol-services .services-heading h2{font-size:34px;margin-bottom:17px}.petrol-services .services-heading p{font-size:15px}.petrol-services .service-list{grid-template-columns:1fr 1fr;gap:27px 23px}.petrol-services .service-list h3{font-size:17px}.petrol-services .service-list p{font-size:13px}.theme-petrol .connected{padding:30px 0 47px}.theme-petrol .connected-layout{grid-template-columns:1fr;gap:27px}.theme-petrol .connected-copy h2{font-size:30px}.petrol-method-section{padding:48px 0 52px}.petrol-method-section>.wrap{grid-template-columns:1fr;gap:35px}.petrol-method-copy{grid-row:1;grid-column:1}.petrol-method-copy h2{font-size:34px}.petrol-method-copy .body-copy p{font-size:15px}.petrol-method-section .method{grid-row:2;grid-column:1;margin:0;gap:25px;max-width:none}.petrol-method-copy .working-options{margin-top:27px;gap:24px}.petrol-method-copy .working-options article:first-child{padding:23px}.theme-petrol .case-section{padding:48px 0 51px}.theme-petrol .case-copy h2{font-size:35px}.theme-petrol .case-results{gap:23px}.theme-petrol .case-result strong{font-size:36px}.theme-petrol .quotes{padding-top:46px;padding-bottom:49px}.theme-petrol .quote blockquote{font-size:21px}.petrol-about{padding:46px 0 48px}.petrol-about>.wrap{grid-template-columns:1fr;gap:31px}.petrol-about h2{font-size:35px;margin-bottom:23px}.petrol-about .background-story p{font-size:14px}.petrol-about .career-detail{display:grid;grid-template-columns:1fr 1fr}.petrol-about .career-detail strong{font-size:67px}.petrol-about .career-detail>span{font-size:15px}.petrol-about .career-detail p{font-size:12px}.theme-petrol .contact-section{padding:48px 0 51px}.theme-petrol .contact-layout{grid-template-columns:1fr;gap:24px}.theme-petrol .contact-layout h2{font-size:34px}.theme-petrol .contact-signoff{font-size:13px!important}}
@media(max-width:360px){.petrol-services .service-list{grid-template-columns:1fr}.petrol-hero .hero-actions{flex-direction:column;gap:10px}.petrol-hero h1{font-size:39px}}
.theme-petrol .s-case-band{background:var(--petrol)}
.theme-petrol .s-band-heading h2{color:var(--butter)}
.theme-petrol .s-band-heading>p,.theme-petrol .s-flow-foundation{color:#c1dde2}
.theme-petrol .s-handled-figure{background:var(--butter);color:var(--petrol)}
.theme-petrol .s-project-principle{background:#edf4f3}
.theme-petrol .s-client-voice{background:var(--petrol)}
.theme-petrol .s-client-voice h2,.theme-petrol .s-quote-credit span{color:#c1dde2}
.petrol-services .service-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.petrol-method-section>.wrap{row-gap:0}
.petrol-method-section .method{grid-row:1 / span 2}
.petrol-start{grid-column:2;grid-row:2}
.petrol-start .working-options{margin-top:27px;gap:25px}
.petrol-start .working-options article:first-child{background:var(--butter);padding:25px}
.petrol-start .working-options h3{color:var(--petrol)}
@media(max-width:1050px){.petrol-services .service-list{grid-template-columns:1fr 1fr;gap:32px 42px}}
@media(max-width:760px){.petrol-method-section>.wrap{row-gap:32px}.petrol-method-section .method{grid-row:2}.petrol-start{grid-row:3;grid-column:1}.petrol-start .working-heading{margin-top:0}.petrol-start .working-options{margin-top:25px;gap:23px}.petrol-services .service-list{gap:26px 25px}}
@media(max-width:360px){.petrol-services .service-list{grid-template-columns:1fr}}