/* Task 010: illustrated charcoal direction, with a light process chapter. */
h1,h2,h3,.promise-title{text-transform:uppercase;letter-spacing:-.025em;font-weight:750}
h1{font-size:clamp(34px,3.5vw,48px);line-height:1.06;font-weight:800}
h2{font-size:clamp(29px,2.7vw,39px);line-height:1.12}
h3{letter-spacing:-.015em}.stress{color:var(--green)}
.line-icon{width:64px;height:64px;display:block;color:#dce4e9;flex-shrink:0}.line-icon .accent{stroke:var(--green)}
.hero-layout{padding-top:62px}.hero-copy{max-width:610px}.hero .lead{max-width:480px}.hero-promise{position:relative;padding-top:24px}.hero-promise>.line-icon{width:48px;height:48px;margin-bottom:18px;color:#d8dde0}.hero-promise .promise-title{font-size:23px!important;line-height:1.22!important}.hero-promise .eyebrow{margin-bottom:12px}
.hero:after{content:'';position:absolute;left:0;bottom:0;width:210px;height:120px;background-image:radial-gradient(#d8dde044 1px,transparent 1px);background-size:10px 10px;z-index:-1;mask-image:linear-gradient(0deg,#000,transparent)}
.urgent-layout{gap:27px}.urgent>.wrap>.line-icon{color:#202529;width:58px;height:58px}.urgent .line-icon .accent{stroke:#202529}.urgent-layout>div:first-of-type{flex:1}.urgent h2{font-size:21px;line-height:1.2;max-width:700px}
.team-image{position:relative}.team-image:before{content:'';position:absolute;left:-12px;top:-12px;width:75px;height:75px;border-left:3px solid var(--green);border-top:3px solid var(--green)}.team-copy h2{max-width:540px}.standfirst{font-size:20px}
.services{position:relative}.services .section-heading{align-items:center;gap:60px;margin-bottom:45px}.services .section-heading>div{flex:1;max-width:540px}.services-intro{font-size:17px;max-width:400px;line-height:1.65;margin-top:24px}.system-visual{width:48%;max-width:545px;background:#191e21;border:1px solid #3b444a;padding:14px 16px 15px;position:relative}.system-visual:before,.system-visual:after{content:'+';position:absolute;color:var(--green);font-size:17px;line-height:1}.system-visual:before{left:-5px;top:-9px}.system-visual:after{right:-5px;bottom:-8px}.door-diagram{display:block;width:100%;height:auto}.system-visual figcaption{margin-top:0;justify-content:center;font-size:14px;letter-spacing:.1em;color:#b9c4cc}.service-grid{gap:0 42px}.service{gap:24px;padding:30px 0}.service-art{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0;width:66px}.service-art .line-icon{width:60px;height:60px}.service .index{font-size:14px;padding:0;letter-spacing:.12em;color:#a3b2bc}.service .text-button{text-transform:uppercase;font-size:18px;letter-spacing:-.01em;line-height:1.3;min-height:44px}.service p{font-size:16px;line-height:1.6}.service .text-button span{font-size:23px}.service:hover .line-icon{color:white}.service:hover{border-color:var(--green)}
.method .section-heading>div{max-width:920px}.method .section-heading h2{max-width:840px}.method-layout{gap:65px}.method-steps h3{font-size:19px}.method-steps li{padding-left:46px}.method-steps li:before{width:29px;height:29px;border:1px solid #537833;display:grid;place-items:center;top:25px;font-size:11px}.method-steps li:first-child:before{top:0}.method-steps p{margin-top:12px}.method-layout figure{position:relative}.method-layout figure:before{content:'';position:absolute;right:-12px;top:-12px;width:75px;height:75px;border-top:3px solid var(--green);border-right:3px solid var(--green)}
.cost-note h2,.tuneup h2{font-size:27px}.cost-note{grid-template-columns:1fr 1.2fr}
.process{background:#f2f3ef;color:#424a4e;position:relative}.process:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#26312713 1px,transparent 1px);background-size:15px 15px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.process .wrap{position:relative}.process h2,.process h3{color:#202529}.process .stress,.process .eyebrow{color:#476d19}.process .section-heading>div{max-width:830px}.process .section-heading{gap:35px}.process .button{flex-shrink:0}.process-grid{gap:30px}.process-grid li{position:relative;border-color:#b7c2b5;padding-top:27px}.process-art{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.process-art .line-icon{color:#202529;width:66px;height:66px}.process-art .line-icon .accent{stroke:#476d19}.process-art>span{font-size:48px;line-height:1;font-weight:800;color:#b4beb0;letter-spacing:-.07em}.process-grid h3{font-size:18px;line-height:1.3}.process-grid p{font-size:16px;line-height:1.7}.process :is(button,.as-button):focus-visible{outline-color:#202529}
.reviews{padding-block:95px;background:#202529}.reviews .section-heading{align-items:center}.review-rating{display:flex;flex-direction:column;align-items:flex-start;min-width:250px;border-left:2px solid var(--green);padding-left:28px}.review-rating strong{font-size:58px;color:white;letter-spacing:-.06em;line-height:1.1}.review-rating strong span{font-size:20px;color:var(--green);letter-spacing:0;margin-left:7px}.review-rating p{font-size:16px;margin-top:7px;color:white}.rating-date{font-size:14px;color:#bdc7cd;margin-top:4px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review-card{background:#293034;padding:28px 27px 23px;display:flex;flex-direction:column;border-top:2px solid #4c623a}.quote-mark{font-size:79px;line-height:.85;color:var(--green);font-weight:750;height:55px}.review-card blockquote{margin:15px 0 28px;font-size:16px;line-height:1.8;color:#e3e8ea}.review-card figcaption{margin-top:auto;padding-top:20px;border-top:1px solid #4b555b;display:flex;flex-direction:column;gap:6px;font-size:14px;letter-spacing:0}.review-card cite{font-style:normal;color:#fff;font-weight:650;font-size:15px}.review-card figcaption a{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#c4cfd5}.review-card figcaption a span{color:var(--green);font-size:23px}.reviews>.wrap>.text-link{margin-top:24px;font-size:15px}.faq-item h3{font-size:15px;line-height:1.55}.faq-item h3 :is(button,.as-button){text-transform:inherit;font-weight:600;letter-spacing:.015em}.faq-layout{grid-template-columns:.9fr 1.35fr}.closing h2{font-size:clamp(33px,3.4vw,48px);max-width:820px}.closing .eyebrow{color:var(--green)}
@media(max-width:1100px){.hero-copy{max-width:560px}.services .section-heading{gap:40px}.process .section-heading{display:block}.process .section-heading .button{margin-top:25px}.service .text-button{font-size:17px}.service-grid{column-gap:26px}.review-grid{gap:16px}.review-card{padding:24px 20px}.review-card blockquote{font-size:15px}.faq-layout{gap:40px}.process-grid{gap:25px}.process-grid h3{min-height:0}}
@media(max-width:991px){.hero h1{font-size:36px}.hero-layout{grid-template-columns:1fr 245px;gap:24px}.hero-promise .promise-title{font-size:21px!important}.hero-promise{padding:22px}.hero-promise>.line-icon{width:44px;height:44px}.services .section-heading{align-items:center}.services-intro{font-size:16px}.system-visual{padding:10px 8px}.service-art{width:52px}.service-art .line-icon{width:52px;height:52px}.service{gap:15px}.method-layout{gap:40px}.review-grid{grid-template-columns:1fr}.review-card{display:grid;grid-template-columns:50px 1fr 160px;column-gap:20px;align-items:start}.review-card blockquote{margin:0;font-size:16px}.review-card figcaption{margin-top:0;border-top:0;border-left:1px solid #4b555b;padding:0 0 0 22px}.quote-mark{font-size:65px}}
@media(max-width:767px){
h1,h2,h3{letter-spacing:-.015em}.hero h1{font-size:36px;line-height:1.05}.hero-layout{display:block;padding-top:30px}.hero .lead{font-size:16px}.hero-promise{padding:22px 22px 15px}.hero-promise>.line-icon{float:right;width:42px;height:42px;margin:0 0 10px 15px}.hero-promise .promise-title{font-size:22px!important;max-width:280px}.hero:after{display:none}.hero-copy .eyebrow{font-size:14px}
.urgent-layout{display:grid;grid-template-columns:42px 1fr;gap:14px 16px}.urgent>.wrap>.line-icon{width:42px;height:42px;align-self:start}.urgent h2{font-size:21px;line-height:1.2}.urgent-layout>div:last-child{grid-column:1/-1}.urgent .button{margin-top:5px}.urgent p{font-size:15px}.team-copy h2,.section-heading h2{font-size:30px;line-height:1.13}.team-image:before{left:-8px;top:-8px;width:50px;height:50px}.team-image{margin-top:8px}.team-copy .standfirst{font-size:20px}
.services .section-heading{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-bottom:30px}.services .section-heading>div{max-width:none}.services-intro{max-width:450px;margin-top:18px;font-size:16px}.system-visual{width:100%;max-width:none;padding:8px 8px 15px}.system-visual figcaption{font-size:14px;letter-spacing:.06em}.service{gap:17px;padding-block:24px}.service-art{width:52px;padding-top:2px}.service-art .line-icon{width:50px;height:50px}.service .text-button{font-size:17px;letter-spacing:0;gap:12px}.service .text-button span{margin:0}.service p{font-size:16px}.service .text-link{font-size:14px;gap:8px}.service .index{font-size:14px}.method .section-heading h2{font-size:29px}.method-layout figure:before{right:-8px;top:-8px;width:50px;height:50px}.method-layout figure{margin-top:8px}.method-steps h3{font-size:19px;line-height:1.25}.method-steps li{padding-left:43px}.method-steps li:before{width:27px;height:27px;font-size:10px}.cost-note h2,.tuneup h2{font-size:25px}.cost-note{grid-template-columns:1fr}.cost-note h2 br{display:none}.cost-note p{font-size:16px}
.process{padding-block:60px}.process .section-heading h2{font-size:29px}.process-grid{grid-template-columns:1fr}.process-grid li{grid-template-columns:60px 1fr;gap:8px 20px;padding-top:24px}.process-art{display:flex;flex-direction:column;gap:15px;margin:0;grid-row:1/3}.process-art .line-icon{width:54px;height:54px}.process-art>span{font-size:29px;letter-spacing:-.04em;color:#667260}.process-grid h3{font-size:18px;line-height:1.3}.process-grid p{grid-column:2;font-size:16px}.process .section-heading .button{width:100%}.reviews{padding-block:60px}.reviews .section-heading{margin-bottom:30px}.review-rating{margin-top:28px;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;min-width:0}.review-rating strong{font-size:49px}.review-rating p{font-size:15px}.rating-date{font-size:14px}.review-grid{gap:18px}.review-card{display:flex;padding:26px}.review-card blockquote{font-size:16px;margin:14px 0 22px}.review-card figcaption{border-left:0;border-top:1px solid #4b555b;padding:17px 0 0;width:100%}.quote-mark{height:42px;font-size:72px}.review-card figcaption a{min-height:44px;width:100%}.faq-layout h2{font-size:29px}.faq-item h3{font-size:15px}.closing h2{font-size:32px;line-height:1.12}.closing h2 br{display:none}.reviews>.wrap>.text-link{font-size:14px}
}
@media(max-width:360px){.hero h1{font-size:30px}.hero-layout{padding-top:24px}.hero-copy .eyebrow{font-size:14px}.hero .lead{font-size:16px}.hero-promise .promise-title{font-size:20px!important}.service-art{width:43px}.service-art .line-icon{width:43px;height:43px}.service{gap:12px}.service .text-button{font-size:16px}.service .text-link{font-size:14px;gap:5px}.team-copy h2,.section-heading h2{font-size:28px}.process-grid li{grid-template-columns:48px 1fr;gap:8px 15px}.process-art .line-icon{width:46px;height:46px}.process-grid h3{font-size:17px}.review-card{padding:23px}.cost-note h2,.tuneup h2{font-size:24px}.faq-item h3{font-size:14px}.closing h2{font-size:29px}}
.service>.service-art{flex:0 0 66px}
.diagram-key{display:none}
@media(max-width:991px){.service>.service-art{flex-basis:52px}}
@media(max-width:767px){.door-diagram text{display:none}.system-visual figcaption{display:flex;flex-direction:column;gap:12px;align-items:center}.diagram-key{display:flex;gap:5px 12px;justify-content:center;flex-wrap:wrap;font-size:14px;letter-spacing:0;color:#d8dde0;text-transform:none}}
@media(max-width:360px){.service>.service-art{flex-basis:43px}}
.process-art>span{color:#667260}