/* 30초로 보는 아든 — 영상 카드 (첫 화면 · 자동화 · 영상.html 같이 씀). 그리는 곳: 홈페이지.py 영상카드() */
.videos .vlead{max-width:40em}
.vlist{display:grid;gap:64px;margin-top:48px}
.vcard{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:56px;align-items:start;padding-top:56px;border-top:1px solid #E6E3DC;scroll-margin-top:96px}
.vlist>.vcard:first-child{border-top:0;padding-top:0}
.vplay video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:20px;background:#14213D;object-fit:cover;box-shadow:0 30px 60px -24px rgba(20,33,61,.35)}
.vnote{font-size:12px!important;line-height:1.6;color:#8A919C!important;margin-top:12px}
.vtags{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 14px;font-size:13px!important}
.vtag{background:#14213D;color:#fff;font-weight:700;padding:4px 12px;border-radius:999px}
.vep{color:#5B6472;font-weight:700}
.vtext h3{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.25;margin:0 0 28px;color:#14213D}
.vtext h4{font-size:14px;font-weight:800;letter-spacing:0;color:#14213D;margin:0 0 4px}
.vmap{list-style:none;padding:0;margin:0 0 32px}
.vmap li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid #E6E3DC}
.vmap .scene{font-size:14px;font-weight:600;color:#5B6472}
.vmap .real{font-size:17px;font-weight:700;line-height:1.55;color:#14213D}
.vmap .real::before{content:"→ ";color:#F5B301;font-weight:800}
.vcta{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border:0!important;border-radius:999px;background:#F5B301;color:#14213D!important;font-weight:700;font-size:16px;text-decoration:none!important}
.vcta:hover{background:#FFC22E}
.vsns{font-size:13px!important;color:#8A919C!important;margin-top:18px}
.vsns a{color:#5B6472}
.vmore{margin-top:48px}
.vmore a{font-size:16px;font-weight:700;color:#14213D;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.vempty{padding:40px 0;color:#5B6472}
@media(max-width:750px){
 .vlist{gap:48px;margin-top:32px}
 .vcard{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:40px}
 .vtext h3{margin-bottom:20px}
 .vmap .real{font-size:16px}
 .vcta{width:100%;justify-content:center;text-align:center;padding:12px 20px}
}