@import url('/project.css');

.study-hero{grid-template-columns:.78fr 1.22fr;max-width:1560px}
.study-hero h1{font-size:clamp(3.25rem,7.4vw,7.7rem)}
.study-tagline{margin:.9rem 0 0;font-family:"Archivo Black",sans-serif;font-size:clamp(1.35rem,2.5vw,2.55rem);line-height:1.08}
.study-board{background:#f5f5f5;border:1px solid #dedede;box-shadow:18px 18px 0 var(--purple)}
.study-board img{height:auto;object-fit:contain}
.study-board figcaption{padding-top:28px;color:var(--muted);font-size:.82rem}
.study-section{max-width:1560px}
.study-copy{max-width:820px}
.study-copy p,.study-section li{color:var(--muted);font-size:1.06rem}
.study-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;background:var(--line);border:1px solid var(--line)}
.study-pillars article{padding:26px;background:var(--panel)}
.study-pillars span{font-family:"Space Mono",monospace;color:var(--purple)}
.study-pillars h3{margin-top:15px;font-size:1.2rem;letter-spacing:-.03em}
.study-pillars p{color:var(--muted);font-size:.96rem}
.study-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:40px;background:var(--line);border:1px solid var(--line)}
.study-details article{padding:30px;background:var(--panel)}
.study-details h3{color:var(--lime);font-size:clamp(1.5rem,3vw,2.8rem)}
.study-details ul{columns:2;padding-left:1.1rem}
.study-disclosure{max-width:980px;padding:30px;border-left:6px solid var(--lime);background:var(--panel)}
.study-disclosure p{margin:0;color:var(--muted)}
.study-disclosure strong{display:block;margin-bottom:8px;color:var(--cream)}
.study-next{display:flex;flex-wrap:wrap;gap:12px}
.study-next a{margin-top:22px}.study-next .secondary{background:transparent;border:1px solid var(--black);color:var(--black)}
.study-cta{display:inline-block;margin-top:24px;padding:13px 17px;background:var(--lime);color:var(--black);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.study-cta:hover,.study-cta:focus-visible{background:var(--cream)}
.study-flow{grid-template-columns:repeat(4,1fr)}
.study-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.study-tags span{padding:10px 12px;border:1px solid var(--line);background:var(--panel);color:var(--cream);font:700 .78rem "Space Mono",monospace;text-transform:uppercase}
.mara-status{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:11px 14px;border:1px solid var(--line);color:var(--cream);font-family:"Space Mono",monospace;text-transform:uppercase}
.mara-status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}
.unbroken-board{background:#090909;box-shadow:18px 18px 0 #a51f28}
.unbroken-board img{width:auto;max-width:100%;max-height:760px;margin:auto;object-fit:contain}
.unbroken-status{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:11px 14px;border:1px solid var(--line);color:var(--cream);font-family:"Space Mono",monospace;text-transform:uppercase}
.unbroken-status::before{content:"";width:9px;height:9px;border-radius:50%;background:#d63640;box-shadow:0 0 16px #d63640}
.unbroken-scope ul{columns:2;padding-left:1.1rem}
.unbroken-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.unbroken-cta-row .study-cta{margin-top:0}

@media(max-width:1050px){
  .study-hero{grid-template-columns:1fr}
  .study-board{width:100%;box-shadow:12px 12px 0 var(--purple)}
  .study-pillars{grid-template-columns:1fr 1fr}
  .study-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .study-pillars,.study-details{grid-template-columns:1fr}
  .study-flow{grid-template-columns:1fr}
  .study-details ul{columns:1}
  .study-board{box-shadow:8px 8px 0 var(--purple)}
  .unbroken-board{box-shadow:8px 8px 0 #a51f28}
  .unbroken-scope ul{columns:1}
}