.angl02{--angl-purple:#a78bfa;--angl-pink:#ff6fac;--angl-yellow:#ffd93b;--angl-ink:#160f26;--angl-quiet:#c9c0dd}
.angl02{background:var(--angl-ink);color:#f4f1fb}
.angl02 .header{background:var(--angl-ink);border-color:#3a3055}
.angl02 .back{border-color:#f4f1fb;color:#f4f1fb}
.angl02 .hero-meta,.angl02 .lead,.angl02 .story,.angl02 .deliverables{border-color:#3a3055}
.angl02 .facts{border-color:#3a3055}.angl02 .facts div{border-color:#3a3055}
.angl02 .facts span{color:var(--angl-quiet)}
.angl02 .hero h1{font-size:clamp(4.6rem,10vw,6.4rem);font-weight:800;letter-spacing:-.04em;max-width:none;color:var(--angl-purple)}
.angl02-media-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);padding-top:clamp(8px,1.2vw,18px);padding-bottom:clamp(72px,9vw,120px)}
.angl02-media-intro figure{margin:0;aspect-ratio:1;background:#0c0818;overflow:hidden;border-radius:18px}
.angl02-media-intro img,.angl02-media-intro video{display:block;width:100%;height:100%;object-fit:cover}
.angl02 .story{background:#0c0818;color:#f4f1fb;width:100%;padding-top:60px;padding-bottom:60px;padding-left:max(52px,calc((100% - 1280px)/2));padding-right:max(52px,calc((100% - 1280px)/2))}
.angl02 .story p{color:var(--angl-quiet);font-size:1.08rem;line-height:1.75;max-width:820px}
.angl02-direction{padding:100px 0 110px;border-top:1px solid #3a3055}
.angl02-direction .direction-head{display:grid;grid-template-columns:.58fr 1.42fr;gap:45px;padding-bottom:26px}
.angl02-direction .direction-head h2{margin:0;font-size:1rem;color:var(--angl-pink)}
.angl02-direction .direction-head p{max-width:700px;margin:0;font-size:1.08rem;color:var(--angl-quiet)}
.angl02-direction .direction-list{border-top:1px solid #3a3055}
.angl02-direction .direction-list article{display:grid;grid-template-columns:110px .72fr 1fr;gap:24px;padding:26px 0;border-bottom:1px solid #3a3055;align-items:start}
.angl02-direction .direction-list span{font-size:.68rem;font-weight:700;color:var(--angl-yellow);text-transform:uppercase;letter-spacing:.05em}
.angl02-direction .direction-list h3{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1;color:var(--angl-purple)}
.angl02-direction .direction-list p{margin:0;color:var(--angl-quiet);font-size:.92rem;max-width:560px;line-height:1.7}
.angl02-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);padding-top:clamp(12px,2vw,28px);padding-bottom:clamp(82px,10vw,138px);border-top:1px solid #3a3055}
.angl02-gallery figure{margin:0;aspect-ratio:1;background:#0c0818;overflow:hidden;border-radius:18px}
.angl02-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.angl02-disclosure{margin:0;max-width:820px;padding:25px;background:#0c0818;color:var(--angl-quiet);border-top:3px solid var(--angl-pink);border-radius:4px;font-size:.92rem;line-height:1.75}
.angl02 .deliverables{padding-top:0;padding-bottom:100px}
.angl02 .project-nav-head,.angl02 .project-links{border-color:#3a3055}
.angl02 .project-links a{border-color:#3a3055;color:#f4f1fb}
.angl02 .project-links a small{color:var(--angl-quiet)}
.angl02 .next{background:var(--angl-purple);color:#160f26}
.angl02 .next a{border-color:#160f26}
.angl02 .foot{border-color:#7a6bb0;color:#2a2140}
@media(max-width:720px){
  .angl02 .hero h1{font-size:clamp(3.6rem,20vw,5rem)}
  .angl02-media-intro,.angl02-gallery{grid-template-columns:1fr;gap:8px}
  .angl02-media-intro{padding-bottom:60px}
  .angl02-gallery{padding-bottom:70px}
  .angl02-direction{padding:65px 0 70px}
  .angl02-direction .direction-head{grid-template-columns:1fr;gap:14px}
  .angl02-direction .direction-list article{grid-template-columns:1fr;gap:8px}
  .angl02 .story{padding-left:17px;padding-right:17px}
  .angl02-disclosure{padding:20px}
}