.content-page{background:
  radial-gradient(circle at 78% 8%,rgba(39,102,248,.16),transparent 28rem),
  var(--bg)}
.content-page .site-header{background:rgba(6,9,16,.82);backdrop-filter:blur(1.6rem);border-bottom-color:var(--line)}
.content-main{padding-top:9rem}
.content-hero{padding-block:clamp(8rem,12vw,14rem) clamp(7rem,10vw,11rem);border-bottom:1px solid var(--line)}
.breadcrumbs{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin:0 0 4rem;color:var(--mut-2);font-size:1.4rem}
.breadcrumbs a{color:var(--mut);text-decoration:underline;text-underline-offset:.4rem}
.breadcrumbs span+span::before,.breadcrumbs a+span::before{content:"/";margin-right:.9rem;color:var(--mut-3)}
.content-kicker{margin:0 0 1.8rem;color:var(--accent-hi);font-size:1.4rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.content-title{max-width:100rem;margin:0;font-size:clamp(4.2rem,7vw,8rem);font-weight:300;line-height:1.12;letter-spacing:-.045em}
.content-title strong{font-weight:650;color:var(--accent-hi)}
.content-dek{max-width:75rem;margin:3rem 0 0;color:var(--mut);font-size:clamp(1.8rem,2vw,2.2rem);line-height:1.72}
.content-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem;color:var(--mut-2);font-size:1.4rem}
.content-meta span{padding:.7rem 1.1rem;border:1px solid var(--line);border-radius:var(--r-pill)}
.quick-answer{margin-top:5rem;max-width:92rem;padding:3rem;border:1px solid var(--accent-line);border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-wash),var(--glass))}
.quick-answer strong{display:block;margin-bottom:1rem;color:var(--accent-hi);font-size:1.4rem;letter-spacing:.05em;text-transform:uppercase}
.quick-answer p{margin:0;font-size:1.8rem;line-height:1.7}
.content-section{padding-block:clamp(7rem,10vw,12rem);border-bottom:1px solid var(--line)}
.content-grid{display:grid;grid-template-columns:minmax(22rem,.65fr) minmax(0,1.35fr);gap:clamp(4rem,8vw,12rem);align-items:start}
.content-aside{position:sticky;top:12rem}
.content-aside h2{margin:0;font-size:clamp(3rem,4vw,4.8rem);font-weight:400;line-height:1.2;letter-spacing:-.035em}
.content-aside p{margin:2rem 0 0;color:var(--mut);font-size:1.6rem;line-height:1.7}
.prose{max-width:82rem}
.prose h2{margin:0 0 2.4rem;font-size:clamp(3rem,4vw,4.8rem);font-weight:500;line-height:1.2;letter-spacing:-.035em}
.prose h3{margin:5rem 0 1.4rem;font-size:2.5rem;line-height:1.35}
.prose p,.prose li{color:var(--mut);font-size:1.7rem;line-height:1.82}
.prose p{margin:0 0 2rem}
.prose strong{color:var(--ink)}
.prose a{color:var(--accent-hi);text-decoration:underline;text-underline-offset:.4rem}
.prose ul,.prose ol{display:grid;gap:1.2rem;margin:2rem 0 3rem}
.prose ul li{position:relative;padding-left:2.2rem}
.prose ul li::before{content:"";position:absolute;left:0;top:1.25rem;width:.8rem;height:.8rem;border:1.5px solid var(--accent-hi);border-radius:50%}
.prose ol{counter-reset:item}
.prose ol li{position:relative;padding:2.2rem 2.2rem 2.2rem 6rem;border-top:1px solid var(--line);counter-increment:item}
.prose ol li::before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:2.3rem;color:var(--accent-hi);font-family:var(--f-lat);font-size:1.4rem;font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.info-card{min-height:24rem;padding:3rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass)}
.info-card .card-label{display:block;margin-bottom:5rem;color:var(--accent-hi);font-family:var(--f-lat);font-size:1.4rem;font-weight:700}
.info-card h3{margin:0 0 1.2rem;font-size:2.4rem}
.info-card p{margin:0;color:var(--mut);font-size:1.55rem;line-height:1.7}
.work-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}
.work-card{grid-column:span 6;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(145deg,var(--glass-2),var(--glass));box-shadow:0 2.4rem 8rem rgba(0,0,0,.18)}
.work-card:nth-child(1){grid-column:span 7}
.work-card:nth-child(2){grid-column:span 5}
.work-card:nth-child(3){grid-column:span 4}
.work-card:nth-child(4){grid-column:span 8}
.work-media{position:relative;overflow:hidden;background:var(--bg-2)}
.work-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-2),filter .5s var(--ease-2)}
.work-card:nth-child(1) .work-media,.work-card:nth-child(2) .work-media{aspect-ratio:4/3}
.work-card:nth-child(3) .work-media{aspect-ratio:1/1}
.work-card:nth-child(4) .work-media{aspect-ratio:16/9}
.work-card:hover .work-media img,.work-card:focus-within .work-media img{transform:scale(1.018);filter:saturate(1.06)}
.work-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem;padding:2.4rem}
.work-caption small{display:block;margin-bottom:.8rem;color:var(--accent-hi);font-family:var(--f-lat);font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.work-caption h3{margin:0 0 .8rem;font-size:2rem;line-height:1.35}
.work-caption p{margin:0;color:var(--mut);font-size:1.45rem;line-height:1.65}
.work-format{align-self:start;padding:.7rem 1rem;border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--mut);font-family:var(--f-lat);font-size:1.2rem;white-space:nowrap}
.work-disclosure{margin-top:2.4rem;color:var(--mut-2);font-size:1.35rem;line-height:1.65}
.evidence-table{width:100%;border-collapse:collapse;margin-top:3rem;font-size:1.5rem}
.evidence-table th,.evidence-table td{padding:1.8rem 1.6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.evidence-table th{color:var(--ink);font-weight:700}
.evidence-table td{color:var(--mut)}
.notice{margin:3rem 0;padding:2.4rem 2.6rem;border-left:2px solid var(--accent-hi);background:var(--accent-wash-2);color:var(--mut);font-size:1.6rem;line-height:1.7}
.notice strong{color:var(--ink)}
.page-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.page-link{padding:3rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass);transition:transform .3s var(--ease-2),border-color .3s}
.page-link:hover,.page-link:focus-visible{transform:translateY(-.5rem);border-color:var(--accent-line)}
.page-link small{display:block;margin-bottom:3rem;color:var(--accent-hi);font-family:var(--f-lat);font-weight:700}
.page-link strong{display:block;font-size:2.2rem}
.page-link span{display:block;margin-top:1rem;color:var(--mut);font-size:1.5rem;line-height:1.65}
.content-cta{text-align:center;padding-block:clamp(8rem,12vw,14rem)}
.content-cta h2{max-width:80rem;margin:0 auto;font-size:clamp(3.4rem,5vw,6rem);font-weight:350;line-height:1.2;letter-spacing:-.035em}
.content-cta p{max-width:60rem;margin:2.2rem auto 3rem;color:var(--mut);font-size:1.7rem;line-height:1.7}
.source-list{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--line)}
.source-list h2{font-size:2.4rem}
.source-list li{font-size:1.45rem}
@media(max-width:1024px){
  .content-grid{grid-template-columns:1fr}
  .content-aside{position:static}
  .work-card,.work-card:nth-child(1),.work-card:nth-child(2),.work-card:nth-child(3),.work-card:nth-child(4){grid-column:span 6}
  .page-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .content-main{padding-top:8rem}
  .content-title{font-size:clamp(3.6rem,12vw,5.4rem)}
  .card-grid,.page-links{grid-template-columns:1fr}
  .work-card,.work-card:nth-child(1),.work-card:nth-child(2),.work-card:nth-child(3),.work-card:nth-child(4){grid-column:1/-1}
  .work-caption{grid-template-columns:1fr;padding:2rem}
  .work-format{justify-self:start}
  .evidence-table{display:block;overflow-x:auto}
  .quick-answer,.info-card,.page-link{padding:2.4rem}
}