.it-page { --it-section-space: var(--space-10); }
.it-page .section { padding-block: var(--it-section-space); }
.it-page a { font-weight: 600; }
.it-page h2 { margin-block-end: var(--space-4); }
.it-page h3 { margin-block-end: var(--space-3); }
.it-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block-end: var(--space-5); color: var(--color-muted-ink); font-size: var(--text-sm); }
.it-breadcrumb a { color: var(--color-dispatch-navy); }
.it-section-label { display: flex; align-items: center; gap: var(--space-2); margin-block-end: var(--space-3); color: var(--color-teal-accent); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; letter-spacing: .04em; line-height: 1.35; text-transform: uppercase; }
.it-section-label::before { width: .6rem; height: 2px; flex: 0 0 auto; background: var(--color-teal-accent); content: ""; }
.it-opening__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-8); align-items: end; }
.it-opening__copy, .it-axis-links, .it-feature__article, .it-feature__aside, .it-production__figure, .it-production__intro, .it-method__copy, .it-method__cta { min-width: 0; }
.it-opening__copy { max-width: 45rem; }
.it-opening h1 { font-size: clamp(2.25rem, 5vw, 4rem); }
.it-opening__dek { max-width: 42.5rem; font-size: var(--text-md); line-height: 1.55; }
.it-opening__commitment { display: flex; max-width: 38.75rem; flex-direction: column; gap: var(--space-3); margin-block-start: var(--space-6); padding-inline-start: var(--space-4); border-inline-start: 3px solid var(--color-teal-accent); }
.it-opening__commitment h2 { margin: 0; font-family: var(--font-body); font-size: var(--text-lg); font-weight: 700; letter-spacing: 0; }
.it-opening__commitment p { margin: 0; }
.it-axis-links { display: flex; width: 100%; flex-direction: column; gap: 0; border-top: var(--border-strong); }
.it-axis-links a { display: flex; width: 100%; min-height: 3rem; align-items: center; justify-content: space-between; gap: var(--space-3); padding-block: var(--space-3); border-bottom: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.it-axis-links a:hover, .it-axis-links a:focus-visible { color: var(--color-teal-accent); text-decoration: underline; }
.it-feature__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: start; }
.it-feature__article { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.it-feature__article > * { margin: 0; }
.it-feature__figure { width: 100%; margin: 0; }
.it-feature__figure img { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-panel); object-fit: cover; }
.it-feature__summary { max-width: 40rem; font-size: var(--text-md); }
.it-feature__aside { display: flex; flex-direction: column; gap: var(--space-5); }
.it-why-panel { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); background: var(--color-dispatch-navy); color: var(--color-newsprint-white); }
.it-why-panel .it-section-label { color: var(--color-newsprint-white); }
.it-why-panel .it-section-label::before { background: var(--color-signal-red); }
.it-why-panel h3, .it-why-panel p { margin: 0; color: var(--color-newsprint-white); }
.it-why-panel h3 { font-size: var(--text-xl); }
.it-why-panel a { color: var(--color-newsprint-white); }
.it-briefing { display: flex; flex-direction: column; gap: var(--space-3); }
.it-briefing > * { margin: 0; }
.it-briefing ol { padding: 0; list-style: none; counter-reset: briefing; }
.it-briefing li { counter-increment: briefing; border-top: var(--border-subtle); }
.it-briefing li::marker { content: ""; }
.it-briefing li a { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-3); color: var(--color-graphite-ink); text-decoration: none; }
.it-briefing li a::before { color: var(--color-teal-accent); content: "0" counter(briefing); font-family: var(--font-mono); font-size: var(--text-sm); }
.it-briefing strong, .it-briefing span { display: block; }
.it-briefing span { margin-block-start: var(--space-1); color: var(--color-muted-ink); font-size: var(--text-base); font-weight: 400; line-height: 1.4; }
.it-heading-block { max-width: 41rem; }
.it-pulse__list { margin-block: var(--space-6); border-top: var(--border-subtle); }
.it-pulse-item { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 10fr); gap: var(--space-6); padding-block: var(--space-5); border-bottom: var(--border-subtle); }
.it-pulse-item__status { display: flex; flex-direction: column; gap: var(--space-2); }
.it-status { display: inline-flex; width: fit-content; min-height: 1.75rem; align-items: center; padding: .2rem .45rem; border-radius: var(--radius-control); color: var(--color-newsprint-white); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; letter-spacing: .03em; line-height: 1.2; }
.it-status--confirmed { background: var(--color-signal-red); }
.it-status--analysis { background: var(--color-dispatch-navy); }
.it-status--watching { background: var(--color-teal-accent); }
.it-pulse-item__content { max-width: 37.5rem; }
.it-pulse-item__content h3 { font-family: var(--font-body); font-size: var(--text-xl); font-weight: 700; letter-spacing: 0; }
.it-pulse-item__content h3 a { color: var(--color-graphite-ink); }
.it-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; gap: var(--space-2); }
.it-explained__intro { max-width: 41.25rem; }
.it-explained__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-start: var(--space-7); }
.it-explainer { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: 0 var(--space-5); border-inline-start: var(--border-subtle); }
.it-explainer:first-child { padding-inline-start: 0; border-inline-start: 0; }
.it-explainer > * { margin: 0; }
.it-explainer p { max-width: 21rem; font-size: var(--text-base); }
.it-diagram { display: flex; width: 100%; height: 9rem; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--color-hairline); background: var(--color-newsprint-white); color: var(--color-dispatch-navy); }
.it-diagram--render { position: relative; }
.it-diagram--render span { position: absolute; border: 2px solid var(--color-teal-accent); transform: rotate(-16deg); }
.it-diagram--render span:nth-child(1) { width: 68%; height: 68%; }
.it-diagram--render span:nth-child(2) { width: 46%; height: 46%; border-color: var(--color-dispatch-navy); }
.it-diagram--render span:nth-child(3) { width: 23%; height: 23%; border-color: var(--color-signal-red); }
.it-diagram--engine { justify-content: space-evenly; gap: var(--space-1); padding: var(--space-3); }
.it-diagram--engine span { position: relative; min-width: 0; color: var(--color-dispatch-navy); font-family: var(--font-mono); font-size: .62rem; font-weight: 500; text-align: center; }
.it-diagram--engine span:not(:last-child)::after { position: absolute; top: 50%; right: -.65rem; color: var(--color-teal-accent); content: "→"; transform: translateY(-50%); }
.it-diagram--access { flex-direction: column; gap: .25rem; padding: var(--space-3); align-items: stretch; }
.it-diagram--access span { padding: .12rem var(--space-2); border-inline-start: 4px solid var(--color-teal-accent); background: var(--color-editorial-silver); font-family: var(--font-mono); font-size: .63rem; }
.it-diagram--access span:nth-child(2) { margin-inline-start: 8%; border-color: var(--color-dispatch-navy); }
.it-diagram--access span:nth-child(3) { margin-inline-start: 16%; border-color: var(--color-signal-red); }
.it-diagram--access span:nth-child(4) { margin-inline-start: 24%; border-color: var(--color-teal-accent); }
.it-platforms__intro { max-width: 40.625rem; }
.it-platform-matrix { margin-block-start: var(--space-6); border-top: var(--border-strong); }
.it-platform-row { display: grid; grid-template-columns: minmax(0, 18fr) minmax(0, 57fr) minmax(0, 25fr); gap: var(--space-5); padding-block: var(--space-5); border-bottom: var(--border-subtle); }
.it-platform-row__name, .it-platform-row__context, .it-platform-row__links { min-width: 0; }
.it-platform-row__name h3 { font-size: var(--text-xl); }
.it-platform-row__context p { max-width: 38rem; margin: 0; font-size: var(--text-base); }
.it-platform-row__links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.it-platform-row__links a { min-height: 1.75rem; }
.it-production__top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: center; }
.it-production__figure { width: 100%; margin: 0; }
.it-production__figure img { width: 100%; aspect-ratio: 3 / 2; border-radius: var(--radius-panel); object-fit: cover; }
.it-production__intro { max-width: 42.5rem; }
.it-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-7); }
.it-process { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding-block-start: var(--space-4); border-top: var(--border-strong); }
.it-process > * { margin: 0; }
.it-process p:not(.tag) { max-width: 22.5rem; font-size: var(--text-base); }
.it-process__number, .it-path > span { color: var(--color-teal-accent); font-family: var(--font-mono); font-size: var(--text-xl); font-weight: 500; }
.it-impact__intro { max-width: 40rem; }
.it-impact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-6); }
.it-impact-card { display: flex; min-width: 0; min-height: 18rem; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-6); border: var(--border-strong); }
.it-impact-card > * { margin: 0; }
.it-impact-card h3 { font-size: var(--text-xl); }
.it-impact-card p { max-width: 18rem; font-size: var(--text-base); }
.it-impact-card a { margin-top: auto; }
.it-impact-card__mark { width: 1.5rem; height: 1.5rem; border: 3px solid currentColor; }
.it-impact-card--performance { border-color: var(--color-teal-accent); background: var(--color-teal-accent); }
.it-impact-card--performance a { color: var(--color-graphite-ink); }
.it-impact-card--discovery { border-color: var(--color-dispatch-navy); }
.it-impact-card--continuity { border-color: var(--color-dispatch-navy); background: var(--color-dispatch-navy); color: var(--color-newsprint-white); }
.it-impact-card--continuity h3, .it-impact-card--continuity a { color: var(--color-newsprint-white); }
.it-impact-card--continuity .it-impact-card__mark { border-color: var(--color-signal-red); }
.it-explore__intro { max-width: 40rem; }
.it-filter-form { display: flex; width: 100%; flex-wrap: wrap; align-items: end; gap: var(--space-4); margin-block: var(--space-6) var(--space-4); padding: var(--space-5); border: var(--border-subtle); background: var(--color-newsprint-white); }
.it-filter-group { min-width: 0; flex: 1 1 13.75rem; }
.it-filter-group label { display: block; }
.it-filter-form > button { flex: 0 1 auto; }
.it-clear-filters[hidden] { display: none; }
.it-results-status { min-height: 1.5rem; margin-block-end: var(--space-4); color: var(--color-muted-ink); font-family: var(--font-mono); font-size: var(--text-xs); }
.it-explore__content { display: grid; grid-template-columns: minmax(0, 9fr) minmax(0, 3fr); gap: var(--space-7); align-items: start; }
.it-results { display: flex; min-width: 0; flex-direction: column; border-top: var(--border-strong); }
.it-result { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: var(--space-4); padding-block: var(--space-5); border-bottom: var(--border-subtle); }
.it-result__thumb { width: 100%; aspect-ratio: 3 / 2; border-radius: var(--radius-panel); background: var(--color-dispatch-navy); }
.it-result__thumb--distribution { background: linear-gradient(135deg, var(--color-dispatch-navy) 0 47%, var(--color-teal-accent) 47% 52%, var(--color-editorial-silver) 52%); }
.it-result__thumb--engine { background: repeating-linear-gradient(90deg, var(--color-editorial-silver) 0 20%, var(--color-teal-accent) 20% 24%, var(--color-newsprint-white) 24% 42%); }
.it-result__thumb--access { background: linear-gradient(135deg, var(--color-teal-accent), var(--color-newsprint-white) 52%, var(--color-signal-red) 52%); }
.it-result__copy { min-width: 0; }
.it-result__copy h3 { font-family: var(--font-body); font-size: var(--text-xl); font-weight: 700; letter-spacing: 0; }
.it-result__copy h3 a { color: var(--color-graphite-ink); }
.it-result__copy p:not(.meta) { max-width: 35rem; margin-block-end: 0; font-size: var(--text-base); }
.it-no-results { margin: var(--space-5) 0 0; padding: var(--space-4); border-inline-start: 3px solid var(--color-signal-red); background: var(--color-newsprint-white); }
.it-search-shortcut { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-top: 3px solid var(--color-teal-accent); background: var(--color-newsprint-white); }
.it-search-shortcut > * { margin: 0; }
.it-search-shortcut h3 { font-family: var(--font-body); font-size: var(--text-xl); font-weight: 700; letter-spacing: 0; }
.it-search-shortcut form { display: flex; flex-direction: column; gap: var(--space-3); }
.it-paths__intro { max-width: 36.25rem; }
.it-paths__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-start: var(--space-6); }
.it-path { min-width: 0; padding: 0 var(--space-5); border-inline-start: var(--border-subtle); }
.it-path:first-child { padding-inline-start: 0; border-inline-start: 0; }
.it-path h3 { margin-block-start: var(--space-3); font-family: var(--font-body); font-size: var(--text-xl); font-weight: 700; letter-spacing: 0; }
.it-path p { max-width: 20rem; font-size: var(--text-base); }
.it-path ul { display: flex; flex-direction: column; gap: var(--space-2); padding: 0; list-style: none; }
.it-path li { min-width: 0; }
.it-path li::marker { content: ""; }
.it-path a { display: inline-flex; min-height: 2rem; align-items: center; }
.it-method { padding-block-start: 0 !important; }
.it-method__panel { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-8); padding: var(--space-8); background: var(--color-dispatch-navy); color: var(--color-newsprint-white); }
.it-method__copy { max-width: 40rem; }
.it-method__copy h2, .it-method__copy p { color: var(--color-newsprint-white); }
.it-method__copy .it-section-label { color: var(--color-newsprint-white); }
.it-method__copy .it-section-label::before { background: var(--color-signal-red); }
.it-method__cta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.it-method__cta > * { margin: 0; }
.it-method__cta .button { border-color: var(--color-newsprint-white); background: var(--color-newsprint-white); color: var(--color-dispatch-navy); }
.it-method__cta .button:hover { border-color: var(--color-teal-accent); background: var(--color-teal-accent); color: var(--color-graphite-ink); }
.it-method__cta .meta { color: var(--color-editorial-silver); }
@media (max-width: 63.9375rem) { .it-page { --it-section-space: var(--space-9); } .it-opening__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); } .it-feature__grid, .it-production__top, .it-explore__content { grid-template-columns: 1fr; gap: var(--space-6); } .it-feature__aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); } .it-platform-row { gap: var(--space-4); } .it-explained__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-6); } .it-explainer:nth-child(3) { grid-column: 1 / -1; padding-inline-start: 0; border-inline-start: 0; } .it-explainer:nth-child(3) p { max-width: 40rem; } .it-search-shortcut { max-width: 28rem; } }
@media (max-width: 56.1875rem) { .it-opening__grid, .it-paths__grid { grid-template-columns: 1fr; } .it-axis-links { max-width: 100%; } .it-path { padding: var(--space-5) 0 0; border-inline-start: 0; border-top: var(--border-subtle); } .it-path + .it-path { margin-block-start: var(--space-5); } .it-path:first-child { padding-inline-start: 0; } }
@media (max-width: 47.9375rem) { .it-page { --it-section-space: var(--space-8); } .it-opening h1 { font-size: clamp(2.25rem, 11vw, 3rem); } .it-opening__dek { font-size: var(--text-md); } .it-feature__aside, .it-impact__grid, .it-method__panel { grid-template-columns: 1fr; } .it-feature__aside { display: flex; } .it-pulse-item { grid-template-columns: 1fr; gap: var(--space-3); } .it-pulse-item__status { flex-direction: row; align-items: center; flex-wrap: wrap; } .it-explained__grid { grid-template-columns: 1fr; gap: var(--space-6); } .it-explainer, .it-explainer:nth-child(3) { padding: 0; border-inline-start: 0; } .it-platform-row { grid-template-columns: 1fr; gap: var(--space-3); } .it-platform-row__links { flex-direction: row; flex-wrap: wrap; gap: var(--space-3); } .it-process-grid { grid-template-columns: 1fr; gap: var(--space-6); } .it-process { padding-block-start: var(--space-4); } .it-impact-card { min-height: 0; padding: var(--space-5); } .it-filter-form { flex-direction: column; align-items: stretch; } .it-filter-group, .it-filter-form > button { width: 100%; flex: 1 1 auto; } .it-result { grid-template-columns: 1fr; } .it-result__thumb { width: 100%; max-width: 16rem; } .it-method__panel { gap: var(--space-5); padding: var(--space-5); } .it-method__cta .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .it-page * { transition-duration: .01ms !important; } }