.workflow-page .hero{min-height:740px;background:#efdfcb;padding-bottom:70px}.workflow-page .hero-copy{width:50%;max-width:650px}.workflow-page .hero h1{font-size:clamp(56px,5vw,80px);line-height:.99}.workflow-page .hero-intro{font-size:27px;max-width:29ch}.workflow-page .hero-image{object-position:65% center}.workflow-hero:after{background:linear-gradient(90deg,#efdfcbb8,#efdfcb70 32%,transparent 59%)}.workflow-page main :is(h1,h2,h3,p,a,button){overflow-wrap:anywhere}.workflow-page main>section[id]{scroll-margin-top:30px}
.workflow-california{background:var(--navy);color:var(--ivory);overflow:hidden}.workflow-california>h2,.workflow-pakistan>h2{font-size:clamp(43px,4.1vw,65px);padding-bottom:27px;border-bottom:1px solid var(--sand)}.california-workflow-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.7fr);gap:30px;align-items:end}.workflow-steps{list-style:none;padding:0;margin:0}.workflow-step{display:grid;grid-template-columns:75px minmax(0,1fr);gap:25px;padding:23px 0;border-bottom:1px solid var(--rule);align-items:start}.workflow-step:last-child{border-bottom:0;padding-bottom:0}.workflow-number{font:500 44px/1 var(--serif);color:#aa8755;border-right:1px solid var(--sand);padding:3px 20px 3px 0}.workflow-step h3{font-size:32px;line-height:1.1}.workflow-step p{font:500 23px/1.35 var(--serif);margin-top:10px;max-width:65ch}.workflow-california .workflow-step{border-color:#bca48085}.workflow-california .workflow-number{color:#d2b37c}.workflow-california .workflow-step p{color:#e3e5e5}.process-art{min-width:0;position:relative;overflow:hidden;margin-right:calc(-1 * var(--gutter));margin-bottom:-22px}.process-art img{width:220%;max-width:none;height:auto;transform:translateX(-52%)}.process-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 20%),linear-gradient(180deg,var(--navy),transparent 12%);pointer-events:none}.process-art figcaption{position:relative;z-index:1;font:500 italic 15px/1.3 var(--serif);text-align:right;padding-right:22px;margin-top:12px;color:#ded6c8}
.workflow-pakistan{overflow:hidden}.workflow-pakistan .workflow-step{grid-template-columns:85px minmax(0,1fr);gap:30px}.workflow-pakistan .workflow-step p{max-width:80ch}.process-model{position:relative;margin:32px calc(-1 * var(--gutter)) -52px}.process-model img{width:100%;height:auto;max-height:390px;object-fit:cover;object-position:50% 55%}.process-model figcaption{position:absolute;bottom:12px;right:24px;font:500 italic 16px/1.3 var(--serif);padding:3px 7px;background:#f5f3eed9}
.workflow-communication{position:relative;isolation:isolate;min-height:465px;display:flex;align-items:center;overflow:hidden;background:#e6d3b6}.workflow-communication>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}.workflow-communication:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edddc5ee,#edddc5b0 37%,transparent 65%)}.communication-copy{width:49%;max-width:610px}.communication-copy h2{font-size:clamp(43px,4vw,62px)}.communication-copy p{font:500 25px/1.4 var(--serif);margin-top:23px;max-width:37ch}.workflow-information{padding-block:40px!important}.information-panel{padding:27px 30px;border:1px solid var(--sand);border-right:0}.information-panel h2{font-size:clamp(39px,3.6vw,55px)}.information-panel p{font:500 24px/1.4 var(--serif);margin-top:20px;max-width:90ch}.workflow-closing h2{font-size:clamp(48px,4.8vw,74px)}
@media(min-width:1700px){.workflow-page .hero{min-height:830px}.workflow-page .hero-copy{max-width:740px}.workflow-page .hero h1{font-size:88px}}
@media(max-width:1200px){.workflow-page .hero{min-height:700px}.workflow-page .hero-copy{width:55%}.workflow-page .hero h1{font-size:61px}.workflow-page .hero-intro{font-size:25px}.workflow-step{grid-template-columns:61px minmax(0,1fr);gap:20px}.workflow-number{font-size:40px;padding-right:16px}.workflow-step h3{font-size:30px}.workflow-step p{font-size:22px}.california-workflow-layout{gap:23px;grid-template-columns:minmax(0,1.85fr) minmax(0,.6fr)}.communication-copy{width:53%}.communication-copy h2{font-size:46px}.communication-copy p{font-size:24px}}
@media(max-width:1000px){.workflow-page .hero{min-height:700px}.workflow-page .hero-copy{width:55%}.workflow-page .hero h1{font-size:clamp(55px,7vw,68px)}.workflow-page main>section[id]{scroll-margin-top:95px}.communication-copy h2{font-size:46px}}
@media(max-width:700px){.workflow-page .hero{min-height:0;padding-bottom:350px}.workflow-page .hero-copy{width:100%;max-width:600px}.workflow-page .hero h1{font-size:clamp(49px,9vw,64px);line-height:1.01}.workflow-page .hero-intro{font-size:25px;max-width:40ch}.workflow-page .hero-image{height:350px;object-position:right center}.workflow-hero:after{background:linear-gradient(180deg,transparent calc(100% - 350px),#efdfcb calc(100% - 350px),transparent calc(100% - 270px))}.workflow-california>h2,.workflow-pakistan>h2{font-size:44px;padding-bottom:25px}.california-workflow-layout{grid-template-columns:1fr;gap:25px}.workflow-step,.workflow-pakistan .workflow-step{grid-template-columns:48px minmax(0,1fr);gap:19px;padding:24px 0}.workflow-number{font-size:36px;padding-right:12px}.workflow-step h3{font-size:30px}.workflow-step p{font-size:23px;margin-top:10px}.process-art{margin:0 calc(-1 * var(--gutter)) -40px;height:265px}.process-art img{width:100%;height:100%;object-fit:cover;object-position:right 65%;transform:none}.process-art:after{background:linear-gradient(180deg,var(--navy),transparent 18%)}.process-art figcaption{position:absolute;bottom:14px;right:0;margin:0;font-size:13px}.process-model{margin-top:28px;margin-bottom:-40px}.process-model img{height:245px;max-height:none;object-position:center}.process-model figcaption{font-size:13px;right:16px;bottom:12px}.workflow-communication{min-height:0;padding-bottom:300px!important}.communication-copy{width:100%;max-width:600px}.communication-copy h2{font-size:44px}.communication-copy p{font-size:25px;max-width:45ch}.workflow-communication>img{top:auto;bottom:0;height:300px;object-position:right center}.workflow-communication:after{background:linear-gradient(180deg,transparent calc(100% - 300px),#e6d3b6 calc(100% - 300px),transparent calc(100% - 220px))}.workflow-information{padding-block:30px!important}.information-panel{padding:24px 20px}.information-panel h2{font-size:40px}.information-panel p{font-size:23px}.workflow-closing h2{font-size:47px}}
@media(max-width:380px){.workflow-page .hero h1{font-size:49px}.workflow-california>h2,.workflow-pakistan>h2,.communication-copy h2{font-size:42px}.information-panel h2{font-size:38px}.workflow-closing h2{font-size:44px}}