/* 스크롤로 기술 설명을 넘기고 같은 자리의 예시 이미지를 교체합니다. */
.tech-section{position:relative;z-index:21;background:#fff;padding-top:160px}
.tech-heading{text-align:center;display:flex;flex-direction:column;gap:20px;margin-bottom:70px}
.tech-scroll{height:320svh;position:relative}
.tech-stage{position:sticky;top:80px;height:calc(100svh - 104px);display:flex;flex-direction:column;padding-block:24px 88px}
.tech-stage-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}
.tech-count{font-size:13px;letter-spacing:.05em;color:#77717f}
.tech-slides{position:relative;flex:1;min-height:0}
.tech-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px}
.tech-image{overflow:hidden;border-radius:24px;opacity:0;max-height:100%;aspect-ratio:704/417;width:100%}
.tech-image img{display:block;width:100%;height:100%;object-fit:cover}
.tech-copy-window{overflow:hidden;padding-block:20px}
.tech-copy{will-change:transform,opacity;opacity:0}
.tech-number{display:block;color:#6753dd;font-size:13px;letter-spacing:.025em;margin-bottom:28px}
.tech-copy h3{font-size:32px;line-height:1.4;letter-spacing:-.035em;word-break:keep-all}
.tech-copy p{font-size:18px;line-height:1.8;color:#6d6d6d;margin-top:32px;max-width:440px;word-break:keep-all}
.tech-indicators{align-self:flex-end;display:flex;gap:20px;width:calc((100% - 80px)/2.2);margin-top:24px}
.tech-indicators span{flex:1;font-size:12px;color:#98919f;padding-bottom:14px;position:relative;white-space:nowrap}
.tech-indicators span::after,.tech-indicators i{content:"";position:absolute;height:2px;bottom:0;left:0;width:100%;background:#e9e5ef}
.tech-indicators i{z-index:1;background:#6753dd;transform-origin:left;transform:scaleX(0)}
.tech-indicators .active{color:#6753dd}
.tech-slide:first-child .tech-image,.tech-slide:first-child .tech-copy{opacity:1}
@media(max-width:1100px){.tech-slide{gap:36px;grid-template-columns:1.1fr 1fr}.tech-copy h3{font-size:26px}.tech-copy p{font-size:16px;margin-top:24px}.tech-indicators{width:calc((100% - 36px)/2.1)}}
@media(max-width:760px){.tech-section{padding-top:100px}.tech-heading{gap:14px;margin-bottom:45px}.tech-scroll{height:320svh}.tech-stage{top:76px;height:calc(100svh - 100px);padding-block:12px 80px}.tech-stage-title{margin-bottom:20px}.tech-stage-title h3{font-size:20px}.tech-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;gap:22px}.tech-image{height:min(29svh,300px);aspect-ratio:auto}.tech-copy-window{padding:0}.tech-number{margin-bottom:12px;font-size:12px}.tech-copy h3{font-size:22px;line-height:1.4}.tech-copy p{font-size:16px;line-height:1.7;margin-top:18px;max-width:100%}.tech-indicators{width:100%;margin-top:18px;gap:16px}.tech-indicators span{font-size:11px}}
@media(prefers-reduced-motion:reduce),(max-height:560px){.tech-scroll{height:auto}.tech-stage{position:relative;top:0;height:auto;padding-bottom:80px}.tech-slides{display:flex;flex-direction:column;gap:64px}.tech-slide{position:relative}.tech-image,.tech-copy{opacity:1!important;transform:none!important}.tech-copy{will-change:auto}.tech-indicators,.tech-count{display:none}.tech-image{height:auto;aspect-ratio:704/417}.tech-slide{grid-template-rows:auto}}