.evaluation-hero { padding: clamp(5.5rem,8vw,6.5rem) 0; background: var(--color-surface-muted); }
.evaluation-hero-grid, .evaluation-layout { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:32px; align-items:center; }
.evaluation-hero-copy { grid-column:span 7; }
.evaluation-hero-copy .lead { margin:1.25rem 0 1.75rem; }
.evaluation-hero-copy .editorial-title { max-width:760px; }
.evaluation-hero-media { grid-column:span 5; margin:0; overflow:hidden; aspect-ratio:5/4; }
.evaluation-hero-media img { width:100%; height:100%; object-fit:cover; }
.evaluation-layout > div { grid-column:span 7; }
.evaluation-contact { grid-column:span 5; padding:clamp(1.75rem,3vw,2.5rem); border-left:2px solid var(--color-brand); background:var(--color-surface); }
.evaluation-contact h2 { font-family:var(--font-ui); font-size:clamp(1.5rem,2vw,2rem); }
.contact-channel { display:grid; gap:.35rem; padding:1.25rem 0; border-bottom:1px solid var(--color-border); }
.contact-channel strong { font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; }
.contact-channel .btn { justify-self:start; margin-top:.35rem; }
.critical-note { display:grid; gap:.35rem; margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--color-border); }
.critical-note p { margin:0; color:var(--color-text); font-weight:650; }
.requirement-groups { display:grid; gap:1px; background:var(--color-border); border:1px solid var(--color-border); }
.requirement-group { display:grid; grid-template-columns:64px 1fr; gap:var(--space-4); padding:var(--space-5); background:var(--color-bg); }
.requirement-group > span { color:var(--color-brand); font-family:var(--font-display); font-size:2.4rem; line-height:1; }
.requirement-group h3 { margin:0 0 .7rem; font-size:1.08rem; }
.requirement-group ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.4rem 1.5rem; margin:0; padding-left:1.15rem; color:var(--color-text-muted); font-size:.92rem; }
.request-template { margin-top:var(--space-10); padding:var(--space-6); background:var(--color-surface); border:1px solid var(--color-border); }
.request-template pre { overflow:auto; margin:var(--space-5) 0; padding:var(--space-5); background:var(--color-bg); color:var(--color-text-muted); font: .88rem/1.65 var(--font-ui); white-space:pre-wrap; }
@media (max-width:1119px) { .evaluation-layout > div { grid-column:span 7; } .evaluation-contact { grid-column:span 5; } }
@media (max-width:899px) { .evaluation-hero { padding:0 0 var(--space-section); } .evaluation-hero-grid { grid-template-columns:1fr; gap:var(--space-8); } .evaluation-hero-copy, .evaluation-hero-media { grid-column:auto; } .evaluation-hero-media { order:-1; aspect-ratio:16/10; } .evaluation-hero-copy { padding-top:0; } }
@media (max-width:767px) { .evaluation-layout { grid-template-columns:1fr; gap:var(--space-8); } .evaluation-layout > div, .evaluation-contact { grid-column:auto; } .evaluation-hero-media { margin-inline:calc(var(--page-padding-mobile) * -1); aspect-ratio:4/3; } .evaluation-hero-copy { padding-top:var(--space-8); } .evaluation-contact { padding:var(--space-5); } .requirement-group ul { grid-template-columns:1fr; } .request-template { padding:var(--space-5); } }
