.workflow{--wf-ink:#050606;--wf-paper:#e7e8e3;--wf-accent:#c7ff6b;background:var(--wf-ink);min-height:100svh;color:var(--wf-paper);font-family:var(--font-body);padding:0 clamp(20px,5vw,64px) clamp(72px,12vh,128px)}.workflow-nav{min-height:62px;font:600 11px/1.2 var(--font-instrument);letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #e7e8e31f;align-items:center;gap:15px;display:flex}.workflow-nav a{color:#e7e8e3c7;text-decoration:none}.workflow-nav a:hover,.workflow-nav span{color:var(--wf-accent)}.workflow-nav a:nth-last-child(2){margin-left:auto}.workflow-hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);align-items:end;gap:clamp(30px,7vw,104px);min-height:min(770px,100svh - 62px);padding:clamp(56px,11vh,132px) 0 clamp(48px,9vh,90px);display:grid}.workflow-hero-copy{max-width:790px}.workflow-kicker,.workflow-index{font:600 11px/1.25 var(--font-instrument);letter-spacing:.12em;color:var(--wf-accent);margin:0}.workflow-hero h1{font:500 clamp(42px, 6.2vw, 92px)/.95 var(--font-display);letter-spacing:.025em;text-transform:uppercase;margin:23px 0 0}.workflow-hero h1 em{color:var(--wf-accent);font-style:normal}.workflow-lead{color:#e7e8e3c7;max-width:43ch;margin:28px 0 0;font-size:clamp(17px,1.6vw,23px);line-height:1.48}.workflow-primary{color:var(--wf-accent);font:600 11px/1.2 var(--font-instrument);letter-spacing:.11em;border-bottom:1px solid #c7ff6b9e;gap:17px;margin-top:38px;padding:12px 0;text-decoration:none;display:inline-flex}.workflow-primary:hover{color:var(--wf-paper);border-color:var(--wf-paper)}.workflow-primary i{font-style:normal}.workflow-hero-image{margin:0}.workflow-hero-image img{aspect-ratio:.88;object-fit:cover;filter:contrast(1.05)saturate(.85);border:1px solid #e7e8e321;width:100%;display:block}.workflow-hero-image figcaption{font:500 10px/1.2 var(--font-instrument);letter-spacing:.09em;color:#e7e8e366;margin-top:11px}.workflow-section,.workflow-cases,.workflow-start{border-top:1px solid #e7e8e324}.workflow-section{grid-template-columns:minmax(120px,.34fr) minmax(0,1fr);gap:clamp(30px,8vw,120px);padding:clamp(54px,11vh,130px) 0;display:grid}.workflow-section h2,.workflow-cases h2,.workflow-start h2{max-width:18ch;font:500 clamp(30px, 4vw, 59px)/1.03 var(--font-display);letter-spacing:.038em;text-transform:uppercase;margin:0}.workflow-intro>div{max-width:760px}.workflow-intro p:not(.workflow-index){color:#e7e8e3c2;max-width:55ch;margin:23px 0 0;font-size:clamp(17px,1.65vw,22px);line-height:1.56}.workflow-intro p+p{color:#e7e8e391;font-size:16px}.workflow-pains{display:block}.workflow-section-head{grid-template-columns:minmax(120px,.34fr) minmax(0,1fr);gap:clamp(30px,8vw,120px);display:grid}.workflow-pains ol{border-top:1px solid #e7e8e31f;margin:clamp(40px,8vh,90px) 0 0;padding:0;list-style:none}.workflow-pains li{border-bottom:1px solid #e7e8e31f;grid-template-columns:minmax(120px,.34fr) minmax(0,1fr);gap:clamp(30px,8vw,120px);padding:19px 0 21px;display:grid}.workflow-pains span{font:500 11px/1.2 var(--font-instrument);letter-spacing:.12em;color:var(--wf-accent)}.workflow-pains strong{font:400 clamp(18px, 2.2vw, 29px)/1.3 var(--font-body);color:#e7e8e3e6}.workflow-leave>div{max-width:790px}.workflow-leave ul{border-top:1px solid #e7e8e31f;margin:42px 0 0;padding:0;list-style:none}.workflow-leave li{border-bottom:1px solid #e7e8e31f;grid-template-columns:minmax(185px,.7fr) minmax(0,1fr);gap:24px;padding:18px 0 20px;display:grid}.workflow-leave strong{font:500 13px/1.35 var(--font-instrument);letter-spacing:.06em;color:var(--wf-accent);text-transform:uppercase}.workflow-leave span{color:#e7e8e3a6;font-size:16px;line-height:1.5}.workflow-cases{padding:clamp(54px,11vh,130px) 0}.workflow-case-list{margin-top:clamp(42px,9vh,108px)}.workflow-case{grid-template-columns:minmax(230px,.84fr) minmax(0,1.16fr);align-items:start;gap:clamp(26px,6vw,92px);padding:0 0 clamp(54px,10vh,120px);display:grid}.workflow-case+.workflow-case{border-top:1px solid #e7e8e324;padding-top:clamp(54px,10vh,120px)}.workflow-case figure{margin:0}.workflow-case img{aspect-ratio:1;object-fit:cover;filter:contrast(1.04)saturate(.82);border:1px solid #e7e8e31f;width:100%;display:block}.workflow-case-copy>p{font:500 10px/1.25 var(--font-instrument);letter-spacing:.1em;color:var(--wf-accent);margin:0}.workflow-case h3{font:500 clamp(29px, 4vw, 56px)/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:17px 0 0}.workflow-case dl{border-top:1px solid #e7e8e31f;margin:35px 0 0}.workflow-case dl div{border-bottom:1px solid #e7e8e31f;grid-template-columns:80px minmax(0,1fr);gap:20px;padding:17px 0 20px;display:grid}.workflow-case dt{font:500 10px/1.2 var(--font-instrument);letter-spacing:.1em;color:#e7e8e366}.workflow-case dd{color:#e7e8e3b8;margin:0;font-size:16px;line-height:1.55}.workflow-start{max-width:870px;margin:0 auto;padding:clamp(54px,11vh,130px) 0 0}.workflow-start h2{max-width:16ch;margin-top:20px}.workflow-start>p:not(.workflow-index):not(.workflow-meta){color:#e7e8e3ab;max-width:52ch;margin:24px 0 0;font-size:18px;line-height:1.55}.workflow-mail{color:var(--wf-accent);font:500 clamp(22px, 3vw, 36px)/1.1 var(--font-display);letter-spacing:.04em;border-top:1px solid #e7e8e329;border-bottom:1px solid #c7ff6b8c;justify-content:space-between;gap:30px;margin-top:42px;padding:16px 0;text-decoration:none;display:flex}.workflow-mail:hover{color:var(--wf-paper);border-bottom-color:var(--wf-paper)}.workflow-mail i{font:normal 15px/1.6 var(--font-instrument)}.workflow-meta{font:500 10px/1.35 var(--font-instrument);letter-spacing:.1em;color:#e7e8e361;margin:15px 0 0}@media (max-width:760px){.workflow-nav{gap:11px;min-height:54px;font-size:9px}.workflow-nav span{display:none}.workflow-hero{grid-template-columns:1fr;min-height:auto;padding-top:68px}.workflow-hero-image{max-width:560px}.workflow-section,.workflow-section-head,.workflow-pains li{grid-template-columns:1fr;gap:22px}.workflow-section{padding-block:70px}.workflow-pains li{padding-block:17px}.workflow-leave li{grid-template-columns:1fr;gap:7px}.workflow-case{grid-template-columns:1fr}.workflow-case img{aspect-ratio:16/10}.workflow-case dl div{grid-template-columns:60px minmax(0,1fr);gap:13px}}
