/* DR05 Rólunk — page styles (prefix dr05-). Measurements at 1536 px: plans/DR05.md §2 and §5. Kept in sync with prototype/gen/dr05.css. */

/* Hero (0–861 incl. the 96 px header) */
.dr05-hero { --hero-h: 49.8vw; --hero-zoom: .1; }
.dr05-hero .lead { max-width: 600px; }
.dr05-hero .hero__actions { column-gap: 48px; }

/* Mission (861–1405) */
.dr05-mission { padding-block: 46px 80px; }
.dr05-mission__grid { display: grid; grid-template-columns: 55fr 45fr; align-items: start; }
.dr05-mission .display-xl { margin-top: 18px; }
.dr05-mission__statement { padding-top: 40px; }
.dr05-mission__text { max-width: 600px; margin-bottom: 44px; font-size: clamp(18px, 1.95vw, 32px); line-height: 1.45; }

/* Values (1405–1806) */
.dr05-values { padding-block: 44px 70px; border-top: 1px solid var(--rule); }
.dr05-values .section-head { margin-bottom: 36px; }
.dr05-values .cols > * { padding-left: 44px; }
.dr05-values .cols > :first-child { padding-left: 0; }
.dr05-values .title { margin-bottom: 18px; font-size: clamp(20px, 2vw, 32px); }
.dr05-values .body-muted { max-width: 260px; font-size: clamp(16px, 1.56vw, 26px); }

/* Team (1806–2472) */
.dr05-team { position: relative; overflow: hidden; }
.dr05-team__art { position: absolute; top: 0; right: 0; left: 72.8%; height: 403px; }
.dr05-team__art img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.dr05-team__art::before, .dr05-team__art::after { content: ""; position: absolute; z-index: 1; }
.dr05-team__art::before { inset: 0 auto 0 0; width: 90px; background: linear-gradient(90deg, var(--graphite), rgba(23, 25, 24, 0)); }
.dr05-team__art::after { inset: auto 0 0 0; height: 110px; background: linear-gradient(0deg, var(--graphite), rgba(23, 25, 24, 0)); }
.dr05-team__inner { position: relative; z-index: 2; padding-block: 58px 50px; }
.dr05-team .section-head { margin-right: 32%; }
.dr05-team .h2 { margin-bottom: 20px; }
.dr05-team__lead { max-width: 860px; margin-bottom: 104px; font-size: clamp(17px, 1.63vw, 27px); line-height: 1.45; color: var(--paper-2); }
.dr05-team__cap-top { position: absolute; z-index: 2; top: 50px; right: var(--gutter); }
.dr05-team__cap-bottom { position: absolute; z-index: 2; top: 480px; right: var(--gutter); }
.dr05-roles { --n: 4; width: 71%; }
.dr05-roles .numeral { font-size: clamp(40px, 3.9vw, 64px); }
.dr05-roles h3 { font-size: clamp(17px, 1.63vw, 26px); }
.dr05-roles p { max-width: 260px; font-size: clamp(15px, 1.43vw, 23px); }

/* Long-term partnership (2472–3064) */
.dr05-longterm { padding-block: 38px 50px; }
.dr05-longterm__grid { display: grid; grid-template-columns: 592fr 816fr; column-gap: 0; align-items: start; }
.dr05-longterm__text { padding-right: 40px; }
.dr05-longterm__text .h2 { margin-bottom: 22px; }
.dr05-longterm__body { max-width: 540px; margin-bottom: 36px; font-size: clamp(17px, 1.56vw, 26px); line-height: 1.45; color: rgba(5, 5, 5, .85); }
.dr05-longterm__figure { position: relative; margin-top: 10px; }
.dr05-longterm__figure img { width: 100%; height: auto; aspect-ratio: 816 / 441; object-fit: cover; }
.dr05-longterm__figure .side-caption { position: absolute; right: 3.2%; top: 49%; color: var(--paper); }

/* Closing CTA (3064–3355) */
.dr05-cta { padding-block: 34px 56px; border-top: 1px solid var(--rule); }
.dr05-cta .split { --split: 568fr 1px 846fr; --split-gap: 54px; }
.dr05-cta .split__aside p { max-width: 520px; margin-bottom: 28px; font-size: clamp(16px, 1.43vw, 24px); }
.dr05-cta__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 48px; }

/* Tablet */
@media (max-width: 1180px) {
  .dr05-mission__grid { grid-template-columns: 1fr; }
  .dr05-team__art { left: 45%; opacity: .45; }
  .dr05-team__cap-top, .dr05-team__cap-bottom { display: none; }
  .dr05-team .section-head { margin-right: 0; }
  .dr05-team__lead { margin-bottom: 60px; }
  .dr05-roles { --n: 2; width: 100%; row-gap: 40px; }
  .dr05-roles > :nth-child(3) { padding-left: 0; border-left: 0; }
  .dr05-longterm__grid { grid-template-columns: 1fr; row-gap: 32px; }
  .dr05-values .cols { --n: 2; row-gap: 40px; }
  .dr05-values .cols > :nth-child(3) { padding-left: 0; border-left: 0; }
}

/* Phone layer (plans/DR05.md §8) */
@media (max-width: 768px) {
  .dr05-values .cols, .dr05-roles { --n: 1; }
  .dr05-values .cols > * { padding-left: 0; }
  .dr05-team__art { left: 0; height: 56vw; opacity: .35; }
  .dr05-longterm__figure .side-caption { display: none; }
  .dr05-cta__actions .btn { width: 100%; }
}