/* IT: photographed work, a consistent reading order, and two useful contexts.
   Kept local to IT so the other specialist pages retain their own direction. */
.itd-page { --it-ink:#edf0ee; --it-muted:#b7c2cc; --it-accent:var(--gold); --it-line:#c1cfdb2c; }
.itd-page .itd-hero { min-height:660px; max-height:none; }
.itd-page .itd-hero .spf-hero__inner { padding-block:140px 94px; }
.itd-page .itd-hero .spf-hero__copy { max-width:640px; }
.itd-page .itd-hero .spf-hero__copy h1 { font-size:clamp(42px,3.6vw,62px); }
.itd-page .itd-hero .spf-hero__media img { filter:none; object-position:58% center; }
.itd-page .itd-hero:after { background:linear-gradient(90deg,rgba(12,17,24,.68),rgba(12,17,24,.4) 37%,rgba(12,17,24,.04) 78%),linear-gradient(0deg,#151922,transparent 25%); }
.itd-page .itd-chapter { padding-block:80px; }
.itd-page .itd-chapter--review { --it-ink:#25333d; --it-muted:#596774; --it-accent:var(--gold); --it-line:#293b4b2a; background:#eeeee8; color:var(--it-ink); }
.itd-page .itd-chapter--evidence { background:#1f2935; color:var(--it-ink); }
.itd-page .itd-chapter__head { display:grid; grid-template-columns:1fr 1fr; gap:16px 70px; align-items:end; margin-bottom:36px; }
.itd-page .itd-chapter__head .eyebrow { grid-column:1/-1; margin:0; color:var(--it-accent); font-size:12px; line-height:1.6; }
.itd-page .itd-chapter__head h2 { font-size:36px; line-height:1.4; margin:0; color:var(--it-ink); letter-spacing:-.02em; }
.itd-page .itd-chapter__head > p:not(.eyebrow) { margin:0 0 3px; max-width:34em; font-size:16px; line-height:1.8; color:var(--it-muted); }
.itd-page .itd-workstream { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.itd-page .itd-workstream--reverse .itd-image { grid-column:2; grid-row:1; }
.itd-page .itd-workstream--reverse .itd-services { grid-column:1; grid-row:1; }
.itd-page .itd-image { min-width:0; margin:0; }
.itd-page .itd-image img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:3px; filter:none; }
.itd-page .itd-image figcaption { margin:14px 0 0; color:var(--it-muted); font-size:13px; line-height:1.7; }
.itd-page .itd-services { min-width:0; }
.itd-page .itd-service { padding:0 0 25px; border-bottom:1px solid var(--it-line); scroll-margin-top:112px; }
.itd-page .itd-service + .itd-service { padding-top:25px; }
.itd-page .itd-service:last-child { padding-bottom:0; border-bottom:0; }
.itd-page .itd-service__title { display:grid; grid-template-columns:30px minmax(0,1fr); gap:15px; align-items:start; }
.itd-page .itd-service .itd-service__icon { width:28px; height:28px; margin-top:3px; color:var(--it-accent); stroke-width:1.65; }
.itd-page .itd-service h3 { font-size:23px; line-height:1.45; margin:0; font-weight:500; color:var(--it-ink); }
.itd-page .itd-service__topics { margin:12px 0; padding-left:45px; font-size:15px; line-height:1.75; color:var(--it-accent); }
.itd-page .itd-service__result { margin:0; padding-left:45px; font-size:16px; line-height:1.8; color:var(--it-muted); }
.itd-page .itd-service__scope { margin:8px 0 0 45px; }
.itd-page .itd-service__scope > summary { display:flex; align-items:center; gap:14px; width:fit-content; padding:8px 0; cursor:pointer; list-style:none; color:var(--it-accent); font-size:15px; line-height:1.6; }
.itd-page .itd-service__scope > summary::-webkit-details-marker { display:none; }
.itd-page .itd-service__scope > summary:after { content:"+"; font:20px/1 sans-serif; }
.itd-page .itd-service__scope[open] > summary:after { content:"−"; }
.itd-page .itd-service__scope > summary:focus-visible { outline:2px solid var(--it-accent); outline-offset:4px; }
.itd-page .itd-service__scope > div { padding:8px 0 10px; }
.itd-page .itd-service__scope p { margin:0; font-size:16px; line-height:1.85; color:var(--it-muted); }
.itd-page .itd-closing { padding-block:72px; background:#151d27; color:#edf0ee; }
.itd-page .itd-closing__inner { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.itd-page .itd-closing h2 { font-size:34px; line-height:1.4; margin:0; }
.itd-page .itd-closing .eyebrow { margin:0 0 18px; }
.itd-page .itd-closing__copy > p { margin:0 0 24px; color:#b7c2cc; font-size:16px; line-height:1.85; }
.itd-page .itd-closing .actions { margin:0 0 26px; }
.itd-page .itd-closing .sp-expertise { border-color:#c1cfdb2c; }
.itd-page .itd-closing .small { font-size:15px; line-height:1.8; color:#acb9c5; }
.itd-page .itd-closing .text-link { font-size:15px; }
@media(max-width:1100px) {
  .itd-page .itd-workstream, .itd-page .itd-chapter__head, .itd-page .itd-closing__inner { gap:24px 42px; }
  .itd-page .itd-chapter__head h2 { font-size:32px; }
  .itd-page .itd-service h3 { font-size:21px; }
  .itd-page .itd-service__title { gap:12px; }
  .itd-page .itd-service__topics, .itd-page .itd-service__result { padding-left:42px; }
  .itd-page .itd-service__scope { margin-left:42px; }
}
@media(max-width:850px) {
  .itd-page .itd-hero { min-height:660px; }
  .itd-page .itd-chapter__head { grid-template-columns:1fr; gap:14px; }
  .itd-page .itd-chapter__head .eyebrow { grid-column:auto; }
  .itd-page .itd-chapter__head > p:not(.eyebrow) { max-width:42em; }
  .itd-page .itd-workstream { grid-template-columns:1fr; gap:34px; }
  .itd-page .itd-workstream--reverse .itd-image, .itd-page .itd-workstream--reverse .itd-services { grid-column:auto; grid-row:auto; }
  .itd-page .itd-image img { aspect-ratio:1.7; }
  .itd-page .itd-service { padding-bottom:26px; }
  .itd-page .itd-service + .itd-service { padding-top:26px; }
  .itd-page .itd-closing__inner { grid-template-columns:1fr; gap:26px; }
}
@media(max-width:600px) {
  .itd-page .itd-hero { min-height:720px; }
  .itd-page .itd-hero .spf-hero__inner { padding-block:140px 84px; }
  .itd-page .itd-hero .spf-hero__copy h1 { font-size:38px; }
  html[lang=en] .itd-page .itd-hero .spf-hero__copy h1 { font-size:40px; }
  .itd-page .itd-hero:after { background:linear-gradient(0deg,#151922 0%,rgba(12,17,24,.75) 24%,rgba(12,17,24,.35) 65%,rgba(12,17,24,.05)); }
  .itd-page .itd-chapter { padding-block:60px; }
  .itd-page .itd-chapter__head { margin-bottom:28px; }
  .itd-page .itd-chapter__head h2 { font-size:29px; }
  .itd-page .itd-chapter__head > p:not(.eyebrow) { font-size:15px; }
  .itd-page .itd-image img { aspect-ratio:3/2; }
  .itd-page .itd-image figcaption { font-size:12px; margin-top:12px; }
  .itd-page .itd-service__title { grid-template-columns:26px minmax(0,1fr); gap:12px; }
  .itd-page .itd-service .itd-service__icon { width:25px; height:25px; }
  .itd-page .itd-service h3 { font-size:21px; }
  .itd-page .itd-service__topics, .itd-page .itd-service__result { padding-left:0; }
  .itd-page .itd-service__scope { margin-left:0; }
  .itd-page .itd-service__result, .itd-page .itd-service__scope p { font-size:15px; }
  .itd-page .itd-closing { padding-block:60px; }
  .itd-page .itd-closing h2 { font-size:29px; }
  .itd-page .itd-closing__copy > p { font-size:15px; }
}
