.flow-hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:var(--sage);overflow:hidden}
.flow-hero-copy{position:relative;z-index:1;align-self:center;max-width:700px;padding:80px 4vw 85px clamp(28px,9vw,145px)}
.flow-hero h1{max-width:620px;margin:0;font-size:clamp(47px,5.4vw,76px);line-height:.98;letter-spacing:-.065em}
.flow-hero-copy>p:not(.eyebrow){max-width:510px;margin:22px 0;color:#43555d;font-size:17px}
.flow-hero-mark{display:flex;align-items:baseline;gap:12px;margin:27px 0 0;color:var(--orange)}
.flow-hero-mark strong{font-size:clamp(52px,7vw,88px);line-height:.8;letter-spacing:-.12em}
.flow-hero-mark span{color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.flow-hero-image{position:relative;min-height:590px;overflow:hidden;background:var(--ink)}
.flow-hero-image img{position:absolute;inset:0;object-position:50% center}
.flow-hero-image:after{position:absolute;inset:0;background:linear-gradient(90deg,var(--sage),rgba(185,201,189,.15) 36%,transparent 63%),linear-gradient(0deg,rgba(16,34,54,.52),transparent 36%);content:""}
.flow-hero-image figcaption{position:absolute;z-index:1;bottom:22px;left:28px;color:#fff;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.flow-scene{display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw;align-items:start;padding:90px clamp(28px,9vw,145px);background:var(--light)}
.flow-scene-label{position:sticky;top:35px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.flow-scene-copy{max-width:780px}
.flow-scene-copy p:first-child{margin-top:0;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.035em}
.flow-scene-copy p{color:#4f5d67}
.flow-principle{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;padding:73px clamp(28px,9vw,145px);background:var(--yellow)}
.flow-principle-mark{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.flow-principle-copy{max-width:780px}
.flow-principle-copy p{margin-top:0;color:#43555d}
.flow-principle-copy p:last-child{margin-bottom:0;font-weight:800}
.flow-steps{padding-top:25px;padding-bottom:55px;background:var(--paper)}
.flow-step{position:relative;display:grid;grid-template-columns:100px 1fr;gap:4vw;padding:76px clamp(28px,9vw,145px);border-bottom:1px solid var(--line)}
.flow-step:before{position:absolute;top:0;bottom:0;left:calc(clamp(28px,9vw,145px) + 47px);width:1px;background:rgba(16,34,54,.18);content:""}
.flow-step-number{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--ink);border-radius:50%;background:var(--orange);color:var(--ink);font-size:16px;font-weight:900;transform:rotate(-8deg)}
.flow-step-copy{max-width:1050px}
.flow-step-copy>h2{max-width:770px;margin:0 0 12px;font-size:clamp(33px,4vw,54px);line-height:1.02;letter-spacing:-.055em}
.flow-step-lead{max-width:730px;margin:0 0 28px;color:#56636d}
.flow-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.flow-role{padding:22px 22px 19px;border-top:3px solid var(--ink);background:var(--light)}
.flow-role--add4{border-color:var(--orange)}
.flow-role--you{border-color:var(--ink)}
.flow-role--together{border-color:var(--yellow);background:var(--sage)}
.flow-role--after{border-color:var(--yellow);background:var(--ink);color:var(--light)}
.flow-role h3{margin:0 0 10px;font-size:15px;line-height:1.25;letter-spacing:-.02em}
.flow-role p,.flow-role li{color:#53616b;font-size:13px}
.flow-role--after p,.flow-role--after li{color:rgba(255,255,255,.78)}
.flow-role ul{padding-left:17px}
.flow-last-call{position:relative;overflow:hidden;padding:88px clamp(28px,9vw,145px);background:var(--ink);color:var(--light)}
.flow-last-call h2{max-width:800px;margin:0 0 17px;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.06em}
.flow-last-call p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.76)}
.flow-last-call .button{margin-top:17px}
.flow-last-call-mark{position:absolute;right:6%;bottom:-78px;color:rgba(243,214,69,.13);font-size:260px;line-height:.8;font-weight:900;letter-spacing:-.12em;pointer-events:none}
@media(max-width:900px){.flow-hero-copy{padding-left:6vw}.flow-hero h1{font-size:clamp(44px,5.8vw,65px)}.flow-scene,.flow-principle{gap:5vw}.flow-step{grid-template-columns:65px 1fr;gap:3vw;padding-right:6vw;padding-left:6vw}.flow-step:before{left:calc(6vw + 27px)}.flow-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.flow-hero{grid-template-columns:1fr;min-height:0}.flow-hero-copy{padding:68px 24px 44px}.flow-hero h1{font-size:clamp(45px,12vw,63px)}.flow-hero-copy>p:not(.eyebrow){font-size:15px}.flow-hero-mark{margin-top:20px}.flow-hero-image{min-height:340px;height:75vw;max-height:470px}.flow-hero-image:after{background:linear-gradient(0deg,rgba(16,34,54,.52),transparent 43%)}.flow-scene,.flow-principle{grid-template-columns:1fr;gap:18px;padding:65px 24px}.flow-scene-label{position:static}.flow-scene-copy p:first-child{font-size:20px}.flow-step{grid-template-columns:42px 1fr;gap:15px;padding:50px 24px}.flow-step:before{left:44px}.flow-step-number{width:40px;height:40px;font-size:12px}.flow-step-copy>h2{font-size:clamp(30px,8vw,41px)}.flow-role-grid{grid-template-columns:1fr}.flow-role{padding:19px}.flow-last-call{padding:69px 24px 75px}.flow-last-call-mark{right:0;bottom:-34px;font-size:170px}}

.flow-case-note{margin:12px 0 5px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.01em;text-transform:none}
.flow-hero-lede{max-width:540px;color:#43555d;font-size:16px}
.flow-hero .text-link{color:var(--ink)}
.flow-hero-badge{position:absolute;z-index:2;top:9%;right:8%;display:flex;flex-direction:column;gap:4px;padding:15px 18px;background:var(--yellow);color:var(--ink);transform:rotate(4deg);box-shadow:0 10px 30px rgba(16,34,54,.18)}
.flow-hero-badge b{font-size:18px;letter-spacing:-.04em}
.flow-hero-badge span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.flow-principle-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:18px}
.flow-principle-links a{color:var(--ink);font-size:12px;font-weight:900;text-decoration-thickness:2px;text-underline-offset:4px}
.flow-map{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:15px clamp(28px,9vw,145px);background:var(--light);border-bottom:1px solid var(--line)}
.flow-map a{display:flex;flex-direction:column;gap:7px;min-height:78px;padding:12px 13px;border-right:1px solid var(--line);color:var(--ink);font-size:10px;font-weight:800;line-height:1.25;text-decoration:none}
.flow-map a:first-child{border-left:1px solid var(--line)}
.flow-map a:hover{background:var(--yellow)}
.flow-map a span{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.08em}
.flow-step-visual{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin:20px 0 25px}
.flow-step-image{position:relative;min-height:260px;margin:0;overflow:hidden;background:var(--ink)}
.flow-step-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.flow-step-image:after{position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(16,34,54,.7),transparent);content:""}
.flow-step-image figcaption{position:absolute;z-index:1;bottom:14px;left:16px;color:white;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.flow-step-image-note{display:grid;grid-template-columns:44px 1fr;align-content:center;gap:14px;margin:0;padding:25px;background:var(--ink);color:var(--light)}
.flow-step-image-note span{grid-row:span 2;color:var(--yellow);font-size:39px;font-weight:900;letter-spacing:-.09em}
.flow-step-image-note strong{font-size:17px;line-height:1.15;letter-spacing:-.03em}
@media(max-width:900px){.flow-map{grid-template-columns:repeat(4,minmax(0,1fr));padding-right:6vw;padding-left:6vw}.flow-map a:nth-child(4){border-right:0}.flow-map a:nth-child(5){border-left:1px solid var(--line)}}
@media(max-width:680px){.flow-hero-lede{font-size:15px}.flow-hero-badge{top:18px;right:19px;padding:12px 13px}.flow-hero-badge b{font-size:15px}.flow-map{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 24px}.flow-map a{min-height:60px;padding:10px}.flow-map a:nth-child(2n){border-right:0}.flow-map a:nth-child(5){border-left:0}.flow-step-visual{grid-template-columns:1fr}.flow-step-image{min-height:230px;height:65vw;max-height:320px}.flow-step-image-note{min-height:120px}}