.approach{display:block;background:#171a17;padding-bottom:0;position:relative}
.approach-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:12%;padding-bottom:70px}
.approach-intro .eyebrow{grid-column:1/-1}.approach-intro h2{grid-row:2/4;margin-top:25px}
.approach-intro>p{align-self:end;margin-top:32px}.approach-intro .text-link{justify-self:start;align-self:start;margin-top:20px}
.approach-film{border-top:1px solid #42473e;position:relative}
.film-viewport{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8%;align-items:center}
.film-stage{height:76vh;max-height:820px;position:relative;min-width:0;pointer-events:none}
.film-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .5s;mask-image:radial-gradient(ellipse at center,#000 38%,#000 49%,transparent 73%)}
.film-poster{width:100%;height:100%;object-fit:contain;opacity:.75;mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse,#000 20%,transparent 69%)}
.film-ready canvas{opacity:1}.film-ready .film-poster{opacity:0}
.approach .steps{position:relative;padding:0}.approach .steps article{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:36px 0;border:0;min-height:0}
.approach .steps article>span{color:#f37552;font-size:14px;letter-spacing:.12em}.approach .steps h3{font-size:clamp(36px,4.2vw,68px);letter-spacing:-.06em}.approach .steps p{font-size:18px;line-height:1.7;max-width:360px}
.film-enabled .approach-film{height:260svh}
.film-enabled .film-viewport{position:sticky;top:8vh;height:84vh}
.film-enabled .steps{height:100%;min-height:300px}
.film-enabled .steps article{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .35s,visibility .25s}
.film-enabled .steps article.film-active{opacity:1;visibility:visible;transform:none}
@media(max-width:700px){
 .approach-intro{display:block;padding-bottom:38px}.approach-intro h2{font-size:58px}.approach-intro>p{font-size:16px}
 .film-viewport{display:flex;flex-direction:column;gap:0}.film-stage{height:46svh;width:100%;flex:none}
 .film-enabled .approach-film{height:320svh}.film-enabled .film-viewport{top:0;height:92svh;justify-content:flex-start}
 .approach .steps{width:100%}.film-enabled .steps{height:38svh;min-height:210px}
 .approach .steps article{padding:10px 0;gap:12px}.approach .steps h3{font-size:39px}.approach .steps p{font-size:16px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.film-stage{height:400px}.film-stage canvas{display:none}.film-poster{opacity:.75!important}}