/* v19 · 2D 태그 · 다이내믹 로드맵 · 미션/비전 · Value 호버 · 아이콘 두께 */

/* ── 1. 물리 블록: 글래스 대신 납작한 2D 태그 ── */
.physics-block{background:radial-gradient(ellipse at 70% 0%,#232326,#0f0f11 70%)!important}
.physics-tag{background:none!important;box-shadow:none!important;border:2px solid transparent!important;border-radius:8px!important;font-weight:700!important;letter-spacing:-.02em;backdrop-filter:none!important}
.physics-tag.t-white{background:#fff!important;color:#0b0b0c!important;border-color:#fff!important}
.physics-tag.t-key{background:#fd4533!important;color:#fff!important;border-color:#fd4533!important}
.physics-tag.t-line{background:#0f0f11!important;color:#fff!important;border-color:#fff!important}
.physics-tag.is-brand{font-family:var(--en)}

/* ── 2. B2B → D2C 로드맵 그래프 ── */
.curve-v19{max-width:none!important;margin-top:44px!important}
.curve-v19 svg{max-height:none!important;width:100%;height:auto;overflow:visible}
.gz rect{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,.07);transition:fill .6s}
.gz.on rect{fill:rgba(255,255,255,.02)}
.gz.cur rect{fill:rgba(253,69,51,.07)}
.gz text{font:600 13px Poppins,Pretendard,sans-serif;fill:#8d8d94;transition:fill .5s}
.gz .gz-n{fill:#5c5c63}
.gz.on .gz-t{fill:#d8d8dc}
.gz.cur .gz-n,.gz.cur .gz-t{fill:#fd4533}
.gb{fill:rgba(255,255,255,.11);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:fill .5s}
.gb.hot{fill:rgba(253,69,51,.6)}
.gaxis{stroke:rgba(255,255,255,.32)!important}
.gbase{fill:none;stroke:rgba(255,255,255,.38);stroke-width:2;stroke-dasharray:6 8}
.gbase-t{font:500 12px Pretendard,sans-serif;fill:#9a9aa2}
.curve-v19 .area{opacity:1!important}
.curve-v19 .ln{fill:none;stroke:url(#gstroke)!important;stroke-width:4!important;stroke-linecap:round;filter:url(#gglow)!important}
.gflow{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1.5 34;opacity:.9;animation:gflow 2.2s linear infinite}
@keyframes gflow{to{stroke-dashoffset:-71}}
.gn{opacity:0;transition:opacity .4s}.gn.on{opacity:1}
.gn .gn-dot{fill:#141417;stroke:#fd4533;stroke-width:3}
.gn[data-n="3"] .gn-dot{fill:#fd4533}
.gn .gn-halo{fill:rgba(253,69,51,.2);transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .7s var(--spring)}
.gn.on .gn-halo{transform:scale(1)}
.gbadge rect{fill:#fff}
.gbadge text{font:700 13px Poppins,sans-serif;fill:#0b0b0c;letter-spacing:.06em}
.gbadge-e rect{fill:#fd4533}.gbadge-e text{fill:#fff}
.gbadge-e{opacity:0;transition:opacity .5s}.curve-v19.done .gbadge-e{opacity:1}
.ghead{opacity:0;transition:opacity .3s}.ghead.on{opacity:1}
.gh-core{fill:#fff;stroke:#fd4533;stroke-width:3}
.gh-pulse{fill:none;stroke:#fd4533;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ghp 1.4s ease-out infinite}
@keyframes ghp{from{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}
.gh-tag rect{fill:rgba(20,20,23,.94);stroke:rgba(253,69,51,.75)}
.gh-tag text{font:600 13px Poppins,Pretendard,sans-serif;fill:#fff}
.ghead.flip .gh-tag{transform:translate(-178px,0)}
@media (max-width:820px){.gz text,.gbase-t,.gh-tag{display:none}}

/* ── 5. 미션 · 비전: 실사 배경 에디토리얼 카드 ── */
#values .mv.mv-v19{display:flex!important;flex-direction:column;gap:22px;margin-top:10px}
.mv-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:40px;
 min-height:clamp(420px,46vw,600px);padding:clamp(32px,4.4vw,64px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:28px;background:#060607;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 50px 120px -60px #000}
.mv-bg{position:absolute;inset:-3%;z-index:-2;background:url(img/gen/mv-wall.jpg) 70% 50%/cover no-repeat;filter:brightness(.82);transform:scale(1.1);transition:transform 2.6s cubic-bezier(.2,.7,.1,1)}
.mv-card.in .mv-bg{transform:scale(1)}
.mv-alt .mv-bg{transform:scaleX(-1) scale(1.1)}.mv-alt.in .mv-bg{transform:scaleX(-1)}
.mv-card::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,rgba(5,5,6,.94) 0%,rgba(5,5,6,.74) 36%,rgba(5,5,6,.12) 68%,rgba(5,5,6,.3)),linear-gradient(0deg,rgba(5,5,6,.55),transparent 40%)}
.mv-alt::after{background:linear-gradient(270deg,rgba(5,5,6,.94) 0%,rgba(5,5,6,.74) 36%,rgba(5,5,6,.12) 68%,rgba(5,5,6,.3)),linear-gradient(0deg,rgba(5,5,6,.55),transparent 40%)}
.mv-alt{align-items:flex-end;text-align:right}
.mv-word{position:absolute;right:clamp(24px,4vw,56px);bottom:clamp(-30px,-1vw,-10px);z-index:-1;pointer-events:none;
 font:200 clamp(80px,13vw,200px)/1 Poppins,sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13)}
.mv-alt .mv-word{right:auto;left:clamp(24px,4vw,56px)}
.mv-card .manifesto-label{display:block!important;margin:0!important}
.mv-card .manifesto-label::before{content:'';display:block;width:44px;height:2px;background:#fd4533;margin-bottom:20px}
.mv-alt .manifesto-label::before{margin-left:auto}
.mv-card .manifesto-label>span{color:#fd4533!important;font:600 13px Poppins,sans-serif!important;letter-spacing:.14em!important}
.mv-card .manifesto-label p{color:#c4c4cb!important;font-size:15px!important;margin-top:10px!important}
.mv-card h3{font-weight:300!important;font-size:clamp(34px,4.6vw,72px)!important;line-height:1.26!important;letter-spacing:-.045em!important;max-width:14em;margin:0!important;color:#f4f4f6}
.mv-card h3 .hot{font-weight:600}
@media (max-width:820px){
 .mv-card{min-height:440px;border-radius:22px}
 .mv-alt{align-items:flex-start;text-align:left}.mv-alt .manifesto-label::before{margin-left:0}
 .mv-card::after,.mv-alt::after{background:linear-gradient(0deg,rgba(5,5,6,.95) 10%,rgba(5,5,6,.55) 60%,rgba(5,5,6,.35))}
 .mv-bg{background-position:80% 50%}
}

/* ── 6. Value 카드: 호버 때 깨지지 않게 (패딩 · 배경 유지) ── */
.vals .val{transition:transform .5s var(--spring),border-color .4s,box-shadow .5s!important}
.vals .val:hover{padding:30px 25px!important;background:var(--glass)!important;border-color:rgba(253,69,51,.55)!important;transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(253,69,51,.35)}
@media (max-width:820px){.vals .val:hover{padding:25px!important}}

/* ── 7. 아이콘: 선을 두껍고 밝게 ── */
.motion-icon{stroke-width:2.6!important;color:#ececf0}
.field-label .motion-icon,.send-button .motion-icon,.benefit-no .motion-icon,.profw>.motion-icon{stroke-width:3.4!important}

@media (prefers-reduced-motion:reduce){.gflow,.gh-pulse{animation:none!important}.gb{transform:none!important}.mv-bg{transition:none}}