/* ==========================================================================
   대표변호사 · 변호사진 — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 대표변호사 ---------- */
.ll{margin-top:var(--tgap);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;text-align:left}
.ll__fig{position:relative;border-radius:260px 260px 20px 20px;aspect-ratio:5/6;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(80% 60% at 50% 30%,#404040,#1a1a1a 75%)}
.ll__fig img{width:88%;height:auto}
.ll__head{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:32px;align-items:start}
.ll__en{font-family:var(--en);font-weight:200;font-size:clamp(32px,3.2vw,46px);line-height:1;color:var(--en-gray);white-space:nowrap}
.ll__name{margin-top:18px;display:flex;align-items:baseline;gap:10px}
.ll__name b{font-family:var(--serif);font-weight:200;font-size:40px;letter-spacing:-.03em}
.ll__name span{font-weight:200;font-family:var(--serif);font-size:19px;color:var(--gold)}
.ll__role{margin-top:4px;font-size:16px;color:var(--tx-2)}
.ll__cert img{width:100%;height:auto;border-radius:4px}
.ll__box{margin-top:40px;padding-top:36px;border-top:1px solid var(--line-2)}
.ll__q{font-family:var(--serif);font-weight:200;font-size:24px;line-height:1.55;letter-spacing:-.02em}
.ll__box ul{margin-top:26px;display:grid;gap:10px}
.ll__box li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.7;color:var(--tx-2)}
.ll__box li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.ll__note{margin-top:20px;display:flex;align-items:flex-start;gap:8px;color:var(--gold-2);font-size:15px;font-weight:500}
.ll__note svg{flex:0 0 18px;width:18px;height:18px;margin-top:.15em}
.team{margin-top:120px;text-align:left}
.team__h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}
.team__h h3{font-family:var(--serif);font-weight:200;font-size:30px;letter-spacing:-.02em}
.team__h h3 b{font-weight:200;color:var(--gold-2)}
.team__h p{font-size:15px;color:var(--tx-2)}
.team__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.team__more{display:none}
.team__grid.is-clip{max-height:var(--clip,9999px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 108px),rgba(0,0,0,.6) calc(100% - 70px),rgba(0,0,0,.22) calc(100% - 32px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 108px),rgba(0,0,0,.6) calc(100% - 70px),rgba(0,0,0,.22) calc(100% - 32px),transparent 100%)}
.team__grid.is-opening{overflow:hidden;transition:max-height .7s cubic-bezier(.2,.8,.2,1)}
.lcard{position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(90% 70% at 50% 25%,#333333,#1a1a1a 80%)}
.lcard__ph{aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.lcard__ph img{width:96%;height:auto;transform:translateY(4%)}
.lcard__cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));display:flex;align-items:baseline;gap:6px}
.lcard__cap b{font-size:19px}
.lcard__cap span{font-size:13.5px;color:var(--gold-2)}
