/* ANDY 2026 agency renewal: additive skin; admin and API DOM contracts remain unchanged. */
:root{--renewal-ink:#101823;--renewal-night:#080f19;--renewal-paper:#f4f6f8;--renewal-line:#dce2e9;--renewal-accent:#b2ffde;--renewal-muted:#5f6b79}
body.agency.renewed{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;letter-spacing:-.015em}
body.agency.renewed .header{border-bottom:1px solid #ffffff21;background:#09111dF0;box-shadow:none}
body.agency.renewed .header.over-hero{background:#08101bc9;backdrop-filter:blur(16px)}
body.agency.renewed .nav{min-height:78px;width:min(1520px,calc(100% - 80px))}
body.agency.renewed .nav nav{gap:clamp(12px,1.85vw,28px);font-size:12px;font-weight:600;letter-spacing:.04em}
body.agency.renewed .nav nav>a:not(.button){opacity:.82;transition:opacity .2s}
body.agency.renewed .nav nav>a:not(.button):hover,body.agency.renewed .nav nav>a[aria-current=page]{opacity:1;color:var(--renewal-accent)}
body.agency.renewed .nav nav>.button{background:var(--renewal-accent);border-color:var(--renewal-accent);color:#102019;padding:12px 18px;font-weight:750;border-radius:3px;min-height:40px;font-size:12px}
body.agency.renewed .agency-hero{background:var(--renewal-night);min-height:min(900px,100svh);min-height:100svh}
body.agency.renewed .agency-hero:after{background:linear-gradient(90deg,#06101fe8 0%,#06101fd4 32%,#06101f50 72%,#06101f24 100%),linear-gradient(0deg,#07101ee0,transparent 44%)}
body.agency.renewed .hero-backdrop img{object-position:72% center;filter:saturate(.82)}
body.agency.v11.renewed .hero-content{padding-top:clamp(130px,15vw,205px);padding-bottom:155px}
body.agency.v11.renewed .hero-content>.eyebrow{font-size:13px;letter-spacing:.18em;color:var(--renewal-accent);text-transform:uppercase;margin-bottom:30px}
body.agency.v11.renewed .hero-content h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(67px,8vw,140px);line-height:.96;letter-spacing:-.072em;font-weight:850;max-width:100%;margin-bottom:38px;text-transform:uppercase;text-wrap:balance}
body.agency.v11.renewed .hero-content h1 span{color:#fff}
body.agency.v11.renewed .hero-bottom h2{font-size:clamp(24px,2.6vw,42px);font-weight:750;line-height:1.36;letter-spacing:-.05em;margin-bottom:15px;color:#fff}
body.agency.v11.renewed .hero-bottom p{font-size:clamp(14px,1.25vw,17px);line-height:1.8;color:#d7dde7;max-width:560px}
body.agency.renewed .hero-actions .button{background:var(--renewal-accent);color:#102019;border-radius:3px;border:1px solid var(--renewal-accent)}
body.agency.renewed .hero-work-link{color:white}
body.agency.renewed .hero-base{border-top:1px solid #ffffff36}
body.agency.v12.renewed .service-index{border-bottom:1px solid #dce2e9;padding-block:36px}
body.agency.v12.renewed .service-index strong{font-size:clamp(19px,2vw,26px)}
body.agency.renewed .lower-renewal{background:#fff}
.renewal-positioning{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,5vw,90px);padding-top:clamp(85px,9vw,135px);padding-bottom:clamp(80px,8vw,130px);border-bottom:1px solid var(--renewal-line)}
.renewal-positioning .renewal-eyebrow,.renewal-section-label{font-size:12px;font-weight:750;letter-spacing:.19em;color:#526274;margin:0 0 24px;text-transform:uppercase}
.renewal-positioning h2{font-size:clamp(34px,4.25vw,68px);line-height:1.19;letter-spacing:-.065em;max-width:600px;font-weight:760;color:var(--renewal-ink);margin:0}
.renewal-positioning h2 em{font-style:normal;color:#536b7a}
.renewal-positioning .renewal-lead{font-size:clamp(17px,1.7vw,22px);line-height:1.8;color:#25374a;font-weight:600;max-width:590px;margin:0 0 20px}
.renewal-positioning .renewal-description{font-size:15px;line-height:1.95;color:var(--renewal-muted);max-width:590px;margin:0 0 28px}
.renewal-text-link{display:inline-flex;align-items:center;gap:30px;line-height:1.6;font-weight:750;font-size:14px;border-bottom:1px solid #26394b;padding-bottom:10px;transition:gap .2s}
.renewal-text-link:hover{gap:40px;color:#18486b}
.renewal-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.renewal-pillars article{border-top:1px solid #bdcad6;padding-top:18px}
.renewal-pillars span{font:600 12px Arial,sans-serif;color:#7a8896}
.renewal-pillars h3{font-size:17px;letter-spacing:-.04em;margin:11px 0 8px;color:#111e2e}
.renewal-pillars p{font-size:13px;line-height:1.8;color:#667383;margin:0}
body.agency.renewed .lower-portfolio .chapter-heading h2,body.agency.renewed .video-chapter .chapter-heading h2,body.agency.renewed .web-chapter .chapter-heading h2{letter-spacing:-.055em}
body.agency.renewed .lower-portfolio .portfolio-image{border-radius:3px}
body.agency.renewed .contact-section{background:#0d1928}
body.agency.renewed .lower-footer{border-top:1px solid #e4e8ec}
body.agency.renewed .simple-footer-links a:hover{color:#142d43}
body.agency.renewed [hidden]{display:none!important}
@media(max-width:1100px){body.agency.renewed .nav{width:calc(100% - 50px)}body.agency.renewed .nav nav{gap:14px}.renewal-positioning{grid-template-columns:1fr;gap:30px}.renewal-positioning h2{max-width:780px}.renewal-positioning .renewal-content{max-width:790px}}
@media(max-width:780px){body.agency.renewed .nav{width:calc(100% - 36px);min-height:68px}body.agency.v11.renewed .hero-content{padding-top:145px;padding-bottom:120px}body.agency.v11.renewed .hero-content h1{font-size:clamp(45px,10vw,76px);letter-spacing:-.065em;line-height:1.02}body.agency.v11.renewed .hero-content h1 span{white-space:normal}body.agency.renewed .agency-hero:after{background:linear-gradient(90deg,#06101fdd,#06101f70),linear-gradient(0deg,#06101feb,transparent 65%)}.renewal-positioning{padding-block:75px}.renewal-pillars{grid-template-columns:1fr;gap:24px;margin-top:35px}}
@media(max-width:540px){body.agency.v11.renewed .hero-content h1{font-size:clamp(41px,11vw,60px)}body.agency.v11.renewed .hero-content>.eyebrow{font-size:10px;letter-spacing:.14em}.renewal-positioning h2{font-size:36px}.renewal-positioning .renewal-lead{font-size:17px}.renewal-positioning .renewal-description{font-size:14px}.renewal-pillars h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.renewal-text-link,body.agency.renewed .nav nav>a{transition:none}}