.editorial-card { padding:clamp(1.6rem,3vw,2.6rem); border:2px solid var(--ink); background:var(--blue); color:white; box-shadow:10px 10px 0 var(--ink); }
.editorial-card .eyebrow { color:#dfe5ff; }
.editorial-card h2 { margin:0 0 1.6rem; font:500 clamp(2.3rem,4vw,4rem)/.98 var(--serif); }
.editorial-card dl { margin:0; }
.editorial-card div { padding:1.15rem 0; border-top:1px solid rgba(255,255,255,.3); }
.editorial-card dt { font-weight:700; }
.editorial-card dd { margin:.35rem 0 0; color:#dfe5ff; font-size:.92rem; }
.types-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid var(--ink); background:var(--ink); }
.type-card { padding:clamp(1.4rem,3vw,2.4rem); background:var(--white); }
.type-card:nth-child(2) { background:#e0e6ff; }
.type-card h3 { margin:0 0 .7rem; font:500 clamp(1.9rem,3vw,2.6rem)/1 var(--serif); }
.type-card p { margin:0; }
.type-card .type-detail { padding-top:1rem; margin-top:1.2rem; border-top:1px solid var(--line); color:var(--muted); font-size:.86rem; }
.case-study { background:var(--blue); color:white; }
.case-study .section-head p:not(.eyebrow) { color:#d7dcff; }
.case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid var(--ink); background:var(--ink); }
.case-grid article { min-height:280px; padding:clamp(1.4rem,3vw,2.5rem); background:var(--white); color:var(--ink); }
.case-grid h3 { margin:0 0 1rem; font:500 1.9rem/1 var(--serif); }
.case-grid p { margin:0; }
.tracked-case { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(2rem,5vw,5rem); margin-top:2.6rem; padding:clamp(1.7rem,3vw,2.5rem); border:1px solid rgba(255,255,255,.55); }
.tracked-case h3 { margin:0; font:500 clamp(2rem,3.5vw,3.5rem)/1 var(--serif); }
.tracked-case p { margin:0 0 1rem; color:#e3e7ff; }
.tracked-case p:last-child { margin-bottom:0; }
.case-foot { max-width:820px; margin:1.3rem 0 0; color:#d7dcff; font-size:.83rem; }
.demo-band { display:grid; grid-template-columns:1fr auto; align-items:center; gap:2rem; padding:clamp(2rem,4vw,3rem); border:1px solid var(--ink); background:var(--yellow); }
.demo-band h3 { margin:0 0 .7rem; font:500 clamp(2rem,3vw,3rem)/1 var(--serif); }
.demo-band p { max-width:700px; margin:0; }
@media(max-width:940px) { .types-grid,.case-grid { grid-template-columns:1fr; } .case-grid article { min-height:0; } .demo-band,.tracked-case { grid-template-columns:1fr; } }