/* work-r2 correction layer — load after site.css */
#header #gnb>ul>li{padding:0 clamp(10px,1.25vw,24px)}
#header #gnb>ul>li>a{white-space:nowrap}
#gnb li:focus-within>.submenu{display:block}
a:focus-visible,button:focus-visible{outline:3px solid #69d8ef;outline-offset:5px}
.page-main #fullpage .section.hero-coevo .hero-inner{min-height:100svh;height:auto;padding-top:140px;padding-bottom:100px;justify-content:center}
.coevo-main .hello-tit{font-size:clamp(48px,6vw,108px);gap:20px;margin-bottom:36px}
.coevo-main .hello-tit .hello,.coevo-main .hello-tit .connectn,.coevo-main .lead-stack .line{opacity:1;transform:none;transition:none}
.coevo-main .lead-stack{flex-direction:column;max-width:760px;gap:4px}
.coevo-main .lead-stack .line{font-size:clamp(16px,1.35vw,23px);line-height:1.7}
.hero.is-animating .hello{animation:hello-in 1.1s both}
.hero.is-animating .connectn{animation:connect-in 1.15s .85s both}
.hero.is-animating .lead-stack .line{animation:hello-in .8s both;animation-delay:calc(2s + var(--line-order)*.65s)}
@keyframes hello-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes connect-in{from{opacity:0;transform:translateX(65px)}to{opacity:1;transform:none}}
.coevo-main .hero-scroll{bottom:32px}
.page-main #fullpage .section.story-sec .sec-inner{min-height:100svh;height:auto;padding:130px 0 90px;gap:30px}
html.is-fullpage-active .page-main:not(.fp-responsive) #fullpage .section.story-sec .sec-inner{min-height:0;height:100%;padding:110px 0 70px}
.coevo-main .scroll-split{min-height:0;gap:48px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.coevo-main .sec-tit .tit{font-size:clamp(30px,2.7vw,48px);word-break:keep-all;line-height:1.25}
.coevo-main .sec-tit .desc{font-size:clamp(16px,1.1vw,20px);line-height:1.8;word-break:keep-all}
.coevo-main .solution-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.solution-cards li{min-width:0}
.solution-cards .thumb{position:relative;margin:0;overflow:hidden;border-radius:12px;background:#102337;aspect-ratio:2/3}
.solution-cards .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.coevo-main .sec-eco .sec-bg img{object-position:center}
.coevo-main .scroll-split .split-visual{max-width:760px}
.coevo-main .prod-row .thumb{aspect-ratio:16/9;max-height:42vh}
.coevo-main .sec-esg .esg-copy{max-width:820px}
.coevo-main .sec-esg .tit{font-size:clamp(42px,5vw,80px);line-height:1.2;margin:22px 0}
.support-guide{max-width:1080px;margin:0 auto;padding:50px 0 90px}.support-guide h3{font-size:28px;margin:24px 0 18px}.support-guide p{line-height:1.85;margin:12px 0}.support-guide .btn-line{margin:12px 12px 12px 0}
@media(max-width:1100px){
 #header #gnb{display:none}#header .btn-m-menu{display:block}.snap-indicator{display:none!important}
 .coevo-main .scroll-split{grid-template-columns:1fr;gap:32px}
 .coevo-main .sec-tit{max-width:760px}
 .coevo-main .solution-cards{width:100%}.solution-cards .thumb{aspect-ratio:4/3}
 .page-main #fullpage .section.story-sec,.page-main #fullpage .section.hero-coevo{height:auto!important;overflow:visible}
 .page-main #fullpage .section.story-sec .sec-inner{height:auto!important;min-height:100svh;padding:110px 0 95px}
 .coevo-main .scroll-split .split-visual{max-width:100%;margin:0}.coevo-main .scroll-split .split-visual img{aspect-ratio:16/9}
}
@media(max-width:600px){
 .contain,.coevo-main .hero-inner.contain,.coevo-main .story-sec .sec-inner.contain{width:calc(100% - 40px)}
 .sitelogo .logo-white{height:28px}
 .coevo-main .hello-tit{font-size:48px;gap:8px;flex-direction:column;margin-bottom:30px}
 .page-main #fullpage .section.hero-coevo .hero-inner{min-height:100svh;padding:115px 0 130px}
 .coevo-main .lead-stack .line{font-size:15px;line-height:1.85}
 .coevo-main .solution-cards{grid-template-columns:1fr;gap:16px}.solution-cards .thumb{aspect-ratio:16/9}
 .coevo-main .prod-row{grid-template-columns:1fr}.coevo-main .prod-row .thumb{aspect-ratio:4/3;max-height:none}
 .coevo-main .store-row{display:grid;grid-template-columns:1fr;gap:16px}
 .hero-scroll{left:20px!important}
}
@media(prefers-reduced-motion:reduce){.hero.is-animating .hello,.hero.is-animating .connectn,.hero.is-animating .lead-stack .line{animation:none!important}.coevo-main .hero-video{display:none}}

@media(max-height:759px){
html.fp-enabled,html.fp-enabled body.page-main{overflow:auto!important;height:auto}
.page-main #fullpage .section.story-sec,.page-main #fullpage .section.hero-coevo{height:auto!important;overflow:visible}
.page-main #fullpage .section.story-sec .sec-inner{height:auto!important;min-height:100svh;padding:110px 0 90px}
.snap-indicator{display:none!important}
}

/* work-r3 — 섹션 타이포 확대 */
.coevo-main .sec-tit .tit{font-size:clamp(34px,3vw,54px)}
.coevo-main .sec-tit .desc{font-size:clamp(18px,1.25vw,22px)}
.coevo-main .benefit-row .line1{font-size:clamp(18px,1.4vw,20px)}
.coevo-main .benefit-row .line2{font-size:clamp(15px,1.1vw,16px)}
.coevo-main .store-row .name{font-size:clamp(24px,1.8vw,26px)}
.coevo-main .store-row .txt{font-size:clamp(17px,1.2vw,18px)}
.coevo-main .prod-row .hover-txt .name{font-size:clamp(18px,1.4vw,22px)}
.coevo-main .prod-row .hover-txt .txt{font-size:clamp(15px,1.1vw,17px)}
.coevo-main .solution-cards .hover-txt .name{font-size:clamp(18px,1.3vw,20px)}
.coevo-main .solution-cards .hover-txt .txt{font-size:clamp(15px,1vw,17px)}
.coevo-main .ict-main-cards .name{font-size:clamp(22px,1.6vw,24px)}
.coevo-main .ict-main-cards .txt{font-size:clamp(16px,1.1vw,17px)}
.coevo-main .esg-copy .desc{font-size:clamp(17px,1.15vw,18px)}
@media(max-width:600px){
.coevo-main .benefit-row .line1{font-size:17px}
.coevo-main .benefit-row .line2{font-size:14px}
.coevo-main .store-row .name{font-size:22px}
.coevo-main .store-row .txt{font-size:16px}
}
