.approach{padding:var(--section-y) 100px;color:var(--ink);flex-direction:column;align-items:center;gap:56px;display:flex}.approach__head{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:760px;display:flex}.approach__title{font-family:var(--font-display);font-variation-settings:"wght" 500;letter-spacing:-.03em;margin:0;font-size:56px;font-weight:400;line-height:1.1}.approach__lead{max-width:52ch;font-family:var(--font-display);font-variation-settings:"wght" 400;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:18px;line-height:1.4}.approach__steps{border:1px solid var(--card-line);background:var(--card-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(1200px,100%);margin:0;padding:0;list-style:none;display:grid}.approach__step{background:var(--paper);flex-direction:column;gap:24px;min-width:0;padding:20px 20px 28px;display:flex}.approach .fig-plate--empty .iso-plate{aspect-ratio:4/3;padding:10px}.approach .sc-text{font-size:12px}.approach .sc-mono{font-size:10px}.approach__text{flex-direction:column;align-items:flex-start;gap:10px;padding:0 4px;display:flex}.approach__index{background:var(--ink);color:var(--paper);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;padding:5px 7px;font-size:12px;line-height:1;display:inline-flex}.approach__text h3{font-family:var(--font-display);font-variation-settings:"wght" 500;letter-spacing:-.02em;margin:4px 0 0;font-size:22px;font-weight:450;line-height:1.2}.approach__text p{max-width:30ch;font-family:var(--font-display);font-variation-settings:"wght" 400;letter-spacing:-.01em;text-wrap:pretty;margin:0;font-size:16px;line-height:1.4}.approach__actions{z-index:1;gap:12px;display:flex;position:relative}.approach__team{width:min(1200px,100%);padding-top:var(--team-pad,0px);text-align:center;flex-direction:column;align-items:center;gap:28px;margin-top:-8px;display:flex;position:relative;overflow-x:clip}.approach__team>:not(.approach__team-lines){z-index:1;position:relative}.approach__team-lines{z-index:0;inset:auto;top:calc(var(--team-pad,0px) - 48px);width:1600px;height:347px;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 34% 66%,#0000);mask-image:linear-gradient(90deg,#0000,#000 34% 66%,#0000)}.approach__team-line{max-width:34ch;font-family:var(--font-display);font-variation-settings:"wght" 450;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:24px;line-height:1.3}.approach__people-wrap{position:relative}.approach__flow{display:none}.approach__people{justify-content:center;gap:48px;margin:0;padding:0;list-style:none;display:flex}.approach__person{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.approach__person img{object-fit:cover;object-position:50% 25%;width:94px;height:94px;box-shadow:inset 0 0 0 1px var(--image-border);margin-bottom:8px;display:block}.approach__person strong{font-family:var(--font-display);font-variation-settings:"wght" 500;letter-spacing:-.01em;font-size:16px;font-weight:500}.approach__person>span{color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;font-size:12px;line-height:1.3}@media (width<=1399.98px){.approach{padding:var(--section-y) 60px;gap:48px}.approach__title{font-size:45px}.approach__step{padding:16px 16px 24px}}@media (width<=1023.98px){.approach__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=809.98px){.approach{padding:var(--section-y) 0;gap:36px}.approach__head{padding:0 20px}.approach__title{font-size:36px}.approach__lead{font-size:16px}.approach__steps{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;background:0 0;border:0;gap:12px;padding:1px 20px 2px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.approach__steps::-webkit-scrollbar{display:none}.approach__controls{width:100%;padding:0 20px}.approach__step{box-shadow:inset 0 0 0 1px var(--card-line);scroll-snap-align:start;flex:0 0 84%;padding:12px 12px 22px}.approach__team{gap:24px;width:auto;margin:0 20px;padding-top:8px}.approach__team-lines{display:none}.approach__team{overflow-x:visible}.approach__actions{flex-direction:column;width:100%}.approach__actions .roll-button{justify-content:center;width:100%}.approach__people-wrap{width:100%}.approach__flow{z-index:0;background:repeating-linear-gradient(to right, var(--scene-line) 0 2px, transparent 2px 8px);height:1px;display:block;position:absolute;top:47px;left:-20px;right:-20px;container-type:inline-size}.approach__flow i{background:var(--scene-bar-strong);opacity:0;border-radius:50%;width:5px;height:5px;animation:9s linear infinite approach-flow;position:absolute;top:-2px;left:0}.approach__flow i+i{animation-delay:-4.5s}.approach__people{z-index:1;position:relative}.approach__person img{z-index:1;position:relative;transform:translateZ(0)}.approach__team-line{font-size:20px}.approach__people{gap:16px;width:100%}.approach__person{flex:1 1 0}.approach__team .roll-button{align-self:stretch}}@keyframes approach-flow{0%{opacity:0;translate:0}8%{opacity:1}92%{opacity:1}to{opacity:0;translate:calc(100cqw - 5px)}}@media (prefers-reduced-motion:reduce){.approach__flow i{display:none}}
