h1{font-family:var(--serif);font-size:clamp(2.8rem,5.2vw,5.8rem);font-weight:800;line-height:.9;letter-spacing:-.05em}
h1 em{font-style:normal;background:var(--lime);color:var(--ink);display:inline-block;padding:0 .12em;-webkit-text-stroke:none}
h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;letter-spacing:-.05em;line-height:1.02}

.legal-hero{background:var(--ink);padding:120px 2rem 5rem}
.legal-hero-in{max-width:860px;margin:0 auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.al-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.15)}
.legal-hero h1{color:#fff;margin-top:1rem;margin-bottom:1.2rem}
.legal-sub{font-size:.92rem;font-weight:300;color:rgba(255,255,255,.45);line-height:1.75;max-width:520px}

.legal-main{padding:5rem 2rem 6rem}
.legal-in{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:0}

.legal-block{padding:2.5rem 0;border-bottom:1.5px solid rgba(0,0,0,.08)}
.legal-block:last-child{border-bottom:none}
.legal-block h2{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.2rem;color:var(--ink)}
.legal-block p{font-size:.88rem;font-weight:300;color:var(--dust);line-height:1.8}
.legal-block p+p{margin-top:.9rem}
.legal-block a:not(.btn){color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;transition:color .18s}
.legal-block a:not(.btn):hover{color:var(--lime)}

.al-timeline{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin-top:.4rem}
.al-timeline li{display:flex;gap:1.2rem;align-items:baseline;font-size:.86rem;padding-bottom:.9rem;border-bottom:1px solid rgba(0,0,0,.06)}
.al-timeline li:last-child{border-bottom:none;padding-bottom:0}
.al-timeline .al-years{flex:0 0 100px;font-weight:600;color:var(--ink);font-size:.78rem}
.al-timeline .al-role{font-weight:500;color:var(--ink)}
.al-timeline .al-org{font-weight:300;color:var(--dust)}

.al-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.al-tag{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--ink);background:var(--card);border-radius:.35rem;padding:.4rem .75rem}

.al-links{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.6rem;align-items:center}

@media(max-width:768px){h1{font-size:2.6rem;line-height:.9;letter-spacing:-.04em;overflow-wrap:break-word}}
@media(max-width:600px){
  .legal-hero{padding:100px 1.4rem 3.5rem}
  .legal-hero-in{flex-direction:column;align-items:flex-start}
  .legal-main{padding:3rem 1.4rem 4rem}
  .al-timeline li{flex-direction:column;gap:.15rem}
  .al-timeline .al-years{flex:none}
}