/* v132 · 브랜드 → 미션 · 비전: 정해진 그라데이션 띠 대신, 스크롤에 따라 어둠 속에서 벽이 서서히 밝아지며 나타남 */
#app .sec:has(.about2-brand){padding-bottom:0 !important}
#app .sec:has(.mvx){padding-top:clamp(20px,3vw,48px) !important}
#app .mvx{margin-top:0 !important}
/* long, eased edges — no visible band */
.mvx-bg{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 6%,rgba(0,0,0,.14) 12%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.5) 24%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.86) 36%,#000 44%,#000 70%,rgba(0,0,0,.8) 78%,rgba(0,0,0,.45) 87%,rgba(0,0,0,.15) 94%,transparent 100%),radial-gradient(ellipse 75% 95% at 50% 52%,#000 45%,transparent 100%) !important;
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 6%,rgba(0,0,0,.14) 12%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.5) 24%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.86) 36%,#000 44%,#000 70%,rgba(0,0,0,.8) 78%,rgba(0,0,0,.45) 87%,rgba(0,0,0,.15) 94%,transparent 100%),radial-gradient(ellipse 75% 95% at 50% 52%,#000 45%,transparent 100%) !important;
 mask-composite:intersect;
 opacity:var(--mv,0)}
/* the wall wakes up: it brightens and settles as you scroll into it */
.mvx-bg img{transform:scale(calc(1.1 - var(--mv,0) * .1)) !important;filter:brightness(calc(.2 + var(--mv,0) * .35)) saturate(.85) !important;transition:none !important}
.mvx .mvx-col{opacity:calc(var(--mv,0) * 1.6 - .5);translate:0 calc((1 - var(--mv,0)) * 24px)}
@media (prefers-reduced-motion:reduce){.mvx-bg{opacity:1}.mvx-bg img{transform:none !important;filter:brightness(.55) !important}.mvx .mvx-col{opacity:1;translate:none}}
/* v134 · 연혁: 전부 펼치고 줄 간격 촘촘하게 */
#history .hrow{padding-top:13px !important;padding-bottom:13px !important}
#history .hrow.is-old{display:grid !important}
/* v143 · 미션 · 비전 벽: 벽돌 결은 선명하게(더 큰 원본 + 샤프닝, 밝기 · 대비 상향, 양옆 어둠 완화),
   가장자리는 기존처럼 길고 부드럽게 번져서 사라짐 */
.mvx-bg img{filter:brightness(calc(.3 + var(--mv,0) * .5)) contrast(1.12) saturate(.9) !important;image-rendering:auto}
.mvx-bg::after{background:linear-gradient(90deg,rgba(6,6,8,.62) 0,rgba(6,6,8,.28) 30%,rgba(6,6,8,0) 44%,rgba(6,6,8,0) 56%,rgba(6,6,8,.28) 70%,rgba(6,6,8,.62) 100%) !important}
.mvx-col h3{text-shadow:0 2px 24px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6) !important}
.mvx-sub,.mvx-k{text-shadow:0 1px 10px rgba(0,0,0,.9)}
