/* v98 · Step 1 공식 → 벤 다이어그램: 비즈니스 이해 ∩ 아이디어 = AX Planning → 기획 · 사업화 */
.venn{display:grid;grid-template-columns:minmax(0,1.35fr) auto minmax(0,1fr);align-items:center;gap:clamp(24px,3.5vw,64px)}
.vn-fig{position:relative;aspect-ratio:640/400;width:100%;max-width:720px}
.vn-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vn-c{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.34);stroke-width:1;vector-effect:non-scaling-stroke;transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .8s;transform-box:fill-box;transform-origin:center}
.vn-a{transform:translateX(-70px);opacity:0}
.vn-b{transform:translateX(70px);opacity:0}
.vn-lens{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;transition:opacity .7s ease .9s,transform .9s cubic-bezier(.22,1,.36,1) .9s;filter:drop-shadow(0 0 18px rgba(253,69,51,.28))}
.venn.in .vn-a,.venn.in .vn-b{transform:none;opacity:1}
.venn.in .vn-lens{opacity:1;transform:none}
/* labels sit in the HTML layer so type stays crisp */
.vn-t{position:absolute;top:50%;display:flex;flex-direction:column;gap:6px;transform:translate(-50%,-50%);text-align:center;transition:opacity .8s ease .5s}
.vn-t b{font:750 clamp(18px,1.8vw,28px)/1.2 var(--kr);letter-spacing:-.045em;color:#fff;white-space:nowrap}
.vn-t span{font:400 clamp(12px,.95vw,14px)/1.4 var(--kr);color:rgba(255,255,255,.55);white-space:nowrap}
.vn-ta{left:26%}
.vn-tb{left:74%}
.vn-tl{left:50%;gap:2px;transition-delay:1.3s}
.vn-tl b{font:700 clamp(20px,2vw,30px)/1 var(--en);letter-spacing:-.03em}
.vn-tl span{font:500 clamp(10px,.8vw,12px)/1 var(--en);letter-spacing:.06em;color:rgba(255,255,255,.88)}
.venn:not(.in) .vn-t{opacity:0}
.vn-eq{font:200 clamp(40px,4vw,64px)/1 var(--en);color:rgba(255,255,255,.4)}
.vn-k{margin:0 0 10px;font:600 12px/1 var(--en);letter-spacing:.16em;text-transform:uppercase;color:#fd4533}
.vn-res h4{margin:0;font:750 clamp(34px,3.6vw,58px)/1.1 var(--kr);letter-spacing:-.055em;color:#fff}
.vn-res h4 i{font-style:normal;color:#fd4533;font-family:var(--en);font-weight:400}
.vn-s{margin:16px 0 0;font:400 16px/1.65 var(--kr);color:rgba(255,255,255,.62);max-width:24em}
.vn-run{list-style:none;margin:26px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.14);display:flex;gap:clamp(18px,2.4vw,36px);flex-wrap:wrap}
.vn-run li{display:flex;align-items:baseline;gap:8px;font:600 17px/1.2 var(--kr);color:#fff}
.vn-run small{font:300 12px/1 var(--en);color:#fd4533}
@media (max-width:900px){.venn{grid-template-columns:1fr;justify-items:start}.vn-eq{transform:rotate(90deg);justify-self:center}.vn-fig{margin:0 auto}}
@media (prefers-reduced-motion:reduce){.vn-c,.vn-lens,.vn-t{transition:none}}
@media (max-width:640px){.vn-ta span,.vn-tb span{display:none}.vn-t b{font-size:14px}.vn-ta{left:23%}.vn-tb{left:77%}.vn-tl b{font-size:17px}.vn-tl span{font-size:8px}}