/* Medical Information Technology — Navy Clinical Command Center */
.mit-page {
  --mit-navy-950: #03101f;
  --mit-navy-900: #071a2d;
  --mit-navy-800: #0b2944;
  --mit-navy-700: #124361;
  --mit-cyan: #18bfd0;
  --mit-cyan-soft: #9ceaf0;
  --mit-amber: #dc8616;
  --mit-amber-light: #f4b24d;
  --mit-ice: #eaf7f9;
  --mit-cloud: #f4f8fa;
  --mit-white: #fff;
  --mit-ink: #102b3f;
  --mit-muted: #667e8e;
  --mit-line: #ccdce4;
  overflow: hidden;
  background: var(--mit-white);
  color: var(--mit-ink);
  font-family: 'Mitr', sans-serif;
}
.mit-page *, .mit-page *::before, .mit-page *::after { box-sizing: border-box; }
.mit-page a { color: inherit; text-decoration: none; }
.mit-section { position: relative; padding: 112px 0; }
.mit-eyebrow, .mit-heading > div > span { color: var(--mit-cyan); font-size: 9px; font-weight: 600; letter-spacing: .18em; }
.mit-eyebrow { display: flex; align-items: center; gap: 10px; }
.mit-eyebrow i { width: 30px; height: 2px; background: var(--mit-amber); }
.mit-heading h2 { margin: 16px 0 0; color: var(--mit-navy-900); font-size: clamp(42px, 4.7vw, 66px); font-weight: 400; letter-spacing: -.045em; line-height: 1.16; }
.mit-heading h2 em { color: var(--mit-blue, #167fae); font-style: normal; }
.mit-heading--split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 80px; }
.mit-heading--split > p { align-self: end; margin: 0; padding: 4px 0 5px 24px; border-left: 3px solid var(--mit-amber); color: var(--mit-muted); font-size: 13px; line-height: 1.8; }
.unit-anchor-target { scroll-margin-top: 120px; }

body:has(.mit-page) .unit-site-header { border-bottom-color: rgba(156,234,240,.18); background: rgba(3,16,31,.93); box-shadow: 0 8px 30px rgba(3,16,31,.18); backdrop-filter: blur(16px); }
body:has(.mit-page) .unit-site-header a { color: #dceef2; }
body:has(.mit-page) .unit-site-header a:hover, body:has(.mit-page) .unit-site-header a:focus-visible { color: var(--mit-cyan-soft); }

/* Hero */
.mit-hero { position: relative; min-height: 860px; padding-bottom: 35px; background: var(--mit-navy-950); color: var(--mit-white); isolation: isolate; }
.mit-hero::before { position: absolute; z-index: -2; inset: 0; background-image: linear-gradient(rgba(24,191,208,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(24,191,208,.055) 1px, transparent 1px); background-size: 72px 72px; content: ''; mask-image: linear-gradient(to bottom, #000, transparent 90%); }
.mit-hero::after { position: absolute; z-index: -1; top: 20%; right: 8%; width: 530px; height: 530px; border-radius: 50%; background: radial-gradient(circle, rgba(24,191,208,.15), rgba(18,67,97,.08) 48%, transparent 69%); content: ''; }
.mit-hero__signal { display: flex; min-height: 44px; padding: 0 3vw; border-bottom: 1px solid rgba(156,234,240,.14); align-items: center; justify-content: space-between; color: #65869a; font-size: 7px; font-weight: 600; letter-spacing: .15em; white-space: nowrap; }
.mit-hero__signal i { width: 5px; height: 5px; border-radius: 50%; background: var(--mit-amber); box-shadow: 0 0 12px rgba(220,134,22,.9); }
.mit-hero__layout { display: grid; min-height: 690px; padding-top: 65px; padding-bottom: 55px; grid-template-columns: minmax(0, 1fr) minmax(420px, .76fr); align-items: center; gap: 70px; }
.mit-hero h1 { margin: 24px 0 0; font-size: clamp(57px, 6.9vw, 98px); font-weight: 300; letter-spacing: -.065em; line-height: 1.12; }
.mit-hero h1 em { color: var(--mit-cyan-soft); font-style: normal; }
.mit-hero__copy > p { max-width: 630px; margin: 28px 0 0; color: #9cb3c0; font-size: 14px; line-height: 1.9; }
.mit-hero__actions { display: flex; margin-top: 35px; flex-wrap: wrap; gap: 12px; }
.mit-hero__actions a { display: inline-flex; min-height: 51px; padding: 12px 23px; border: 1px solid rgba(156,234,240,.34); border-radius: 10px; align-items: center; gap: 12px; color: #dff6f7; font-size: 11px; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.mit-hero__actions a:first-child { border-color: var(--mit-amber); background: var(--mit-amber); color: var(--mit-navy-950); font-weight: 600; }
.mit-hero__actions a:hover, .mit-hero__actions a:focus-visible { border-color: var(--mit-cyan); background: rgba(24,191,208,.11); transform: translateY(-2px); }
.mit-hero__actions a:first-child:hover, .mit-hero__actions a:first-child:focus-visible { border-color: var(--mit-amber-light); background: var(--mit-amber-light); }
.mit-radar { position: relative; width: min(100%, 520px); aspect-ratio: 1; justify-self: end; }
.mit-radar::before, .mit-radar::after { position: absolute; border: 1px solid rgba(156,234,240,.22); border-radius: 50%; content: ''; }
.mit-radar::before { inset: 5%; }
.mit-radar::after { inset: 23%; border-style: dashed; }
.mit-radar__arc { position: absolute; border: 2px solid transparent; border-radius: 50%; }
.mit-radar__arc--outer { inset: 0; border-top-color: var(--mit-amber); border-right-color: rgba(220,134,22,.25); transform: rotate(23deg); }
.mit-radar__arc--inner { inset: 14%; border-bottom-color: var(--mit-cyan); border-left-color: rgba(24,191,208,.2); transform: rotate(-18deg); }
.mit-radar__beam { position: absolute; top: 50%; left: 50%; width: 42%; height: 1px; background: linear-gradient(90deg, var(--mit-cyan), transparent); transform: rotate(-35deg); transform-origin: left; }
.mit-radar__core { position: absolute; top: 50%; left: 50%; z-index: 2; display: flex; width: 180px; height: 180px; border: 1px solid rgba(156,234,240,.35); border-radius: 34px; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(11,41,68,.94), rgba(3,16,31,.98)); box-shadow: 0 24px 60px rgba(0,0,0,.3), inset 0 0 30px rgba(24,191,208,.08); transform: translate(-50%, -50%) rotate(45deg); }
.mit-radar__core > * { transform: rotate(-45deg); }
.mit-radar__core small { color: var(--mit-amber-light); font-size: 8px; letter-spacing: .18em; }
.mit-radar__core strong { margin: 10px 0; font-size: 25px; font-weight: 400; letter-spacing: -.02em; line-height: .93; text-align: center; }
.mit-radar__core span { color: #7f9aaa; font-size: 7px; letter-spacing: .12em; }
.mit-radar__core span i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--mit-cyan); box-shadow: 0 0 10px var(--mit-cyan); }
.mit-radar__node { position: absolute; z-index: 3; min-width: 145px; padding: 12px 14px; border: 1px solid rgba(156,234,240,.27); border-radius: 12px; background: rgba(7,26,45,.88); box-shadow: 0 15px 35px rgba(0,0,0,.22); backdrop-filter: blur(12px); }
.mit-radar__node::before { position: absolute; top: 50%; width: 30px; height: 1px; background: var(--mit-amber); content: ''; }
.mit-radar__node b { display: block; color: var(--mit-white); font-size: 11px; font-weight: 500; }
.mit-radar__node span { color: #648498; font-size: 7px; letter-spacing: .1em; }
.mit-radar__node--his { top: 12%; left: -1%; }
.mit-radar__node--his::before, .mit-radar__node--safe::before { right: -30px; }
.mit-radar__node--data { top: 34%; right: -3%; }
.mit-radar__node--data::before { left: -30px; }
.mit-radar__node--safe { bottom: 12%; left: 4%; }
.mit-radar__coordinates { position: absolute; right: 8%; bottom: 4%; color: #47687c; font-size: 7px; line-height: 1.7; letter-spacing: .13em; text-align: right; }
.mit-status { display: grid; min-height: 77px; border: 1px solid rgba(156,234,240,.2); border-radius: 16px; grid-template-columns: repeat(3, 1fr) 1.25fr; overflow: hidden; background: rgba(7,26,45,.78); }
.mit-status > div { display: flex; padding: 15px 18px; border-right: 1px solid rgba(156,234,240,.13); align-items: center; gap: 12px; }
.mit-status div > span { color: var(--mit-amber-light); font-size: 9px; }
.mit-status p { margin: 0; color: #d4e5e9; font-size: 10px; }
.mit-status small { display: block; margin-top: 3px; color: #55778a; font-size: 7px; letter-spacing: .09em; }
.mit-status > strong { display: grid; padding: 14px; place-items: center; background: linear-gradient(120deg, var(--mit-amber), #b7660d); color: var(--mit-navy-950); font-size: 9px; letter-spacing: .11em; }

/* Overview */
.mit-overview { background: var(--mit-cloud); }
.mit-overview__grid { display: grid; margin-top: 65px; grid-template-columns: 1.12fr 1fr 190px; gap: 18px; }
.mit-overview article, .mit-overview aside { position: relative; min-height: 430px; padding: 30px; border: 1px solid var(--mit-line); border-radius: 24px; background: var(--mit-white); box-shadow: 0 18px 50px rgba(10,41,68,.065); }
.mit-overview article header { display: flex; padding-bottom: 15px; border-bottom: 1px solid var(--mit-line); justify-content: space-between; color: var(--mit-muted); font-size: 8px; letter-spacing: .1em; }
.mit-overview article header b { color: var(--mit-navy-700); font-size: 10px; font-weight: 500; letter-spacing: 0; }
.mit-org__flow { margin-top: 45px; }
.mit-org__flow small { display: block; color: var(--mit-muted); font-size: 10px; }
.mit-org__flow strong { display: block; padding: 15px 0; color: var(--mit-navy-800); font-size: 21px; font-weight: 500; }
.mit-org__flow > i { display: block; width: 2px; height: 22px; margin-left: 12px; background: var(--mit-amber); }
.mit-org ul { display: grid; margin: 0; padding: 0; grid-template-columns: 1fr 1fr; gap: 8px; list-style: none; }
.mit-org li { padding: 11px 12px; border-radius: 10px; background: var(--mit-ice); color: var(--mit-navy-700); font-size: 9px; }
.mit-overview article > p { position: absolute; right: 30px; bottom: 24px; left: 30px; margin: 0; color: #8598a5; font-size: 8px; line-height: 1.6; }
.mit-mission blockquote { margin: 55px 0 0; color: var(--mit-navy-800); font-size: clamp(31px, 3.2vw, 46px); font-weight: 300; letter-spacing: -.04em; line-height: 1.12; }
.mit-mission blockquote em { color: var(--mit-cyan); font-style: normal; }
.mit-overview aside { display: flex; border: 0; border-radius: 80px 22px 80px 22px; flex-direction: column; justify-content: space-between; background: var(--mit-navy-900); color: var(--mit-white); }
.mit-overview aside > span { color: var(--mit-amber-light); font-size: 8px; letter-spacing: .13em; }
.mit-overview aside strong { font-size: 16px; font-weight: 400; letter-spacing: .08em; line-height: 1.1; }
.mit-overview aside i { width: 100%; height: 1px; background: linear-gradient(90deg, var(--mit-amber), transparent); }

/* Organization chart */
.mit-org-chart { background: var(--mit-white); }
.mit-org-chart__frame { max-width: 900px; margin: 65px auto 0; padding: 14px; border: 1px solid var(--mit-line); border-radius: 28px; background: var(--mit-cloud); box-shadow: 0 28px 70px rgba(7,26,45,.12); }
.mit-org-chart__frame > a { display: block; border-radius: 18px; overflow: hidden; }
.mit-org-chart__frame img { display: block; width: 100%; height: auto; }
.mit-org-chart__frame figcaption { display: flex; padding: 17px 8px 3px; align-items: center; justify-content: space-between; gap: 20px; color: var(--mit-muted); font-size: 9px; letter-spacing: .12em; }
.mit-org-chart__frame figcaption a { color: var(--mit-blue, #167fae); font-size: 10px; letter-spacing: 0; }
.mit-org-chart__frame figcaption i { margin-left: 6px; color: var(--mit-amber); }

/* System landscape */
.mit-architecture { background: var(--mit-white); }
.mit-landscape { display: grid; margin-top: 65px; grid-template-columns: 330px 1fr; gap: 18px; }
.mit-landscape__core { position: relative; display: flex; min-height: 570px; padding: 35px; border-radius: 120px 24px 24px 24px; flex-direction: column; justify-content: flex-end; overflow: hidden; background: linear-gradient(155deg, var(--mit-navy-700), var(--mit-navy-950)); color: var(--mit-white); }
.mit-landscape__core::before { position: absolute; top: 32px; left: 32px; width: 140px; height: 140px; border: 1px solid rgba(156,234,240,.25); border-radius: 50%; box-shadow: 0 0 0 28px rgba(24,191,208,.04), 0 0 0 56px rgba(24,191,208,.025); content: ''; }
.mit-landscape__core::after { position: absolute; top: 100px; left: 98px; width: 76%; height: 2px; background: linear-gradient(90deg, var(--mit-amber), transparent); content: ''; transform: rotate(35deg); transform-origin: left; }
.mit-landscape__core small, .mit-landscape__core strong, .mit-landscape__core span { position: relative; }
.mit-landscape__core small { color: var(--mit-amber-light); font-size: 8px; letter-spacing: .14em; }
.mit-landscape__core strong { margin: 12px 0 20px; font-size: 47px; font-weight: 300; letter-spacing: -.04em; line-height: .9; }
.mit-landscape__core span { color: #7f9bac; font-size: 8px; letter-spacing: .12em; }
.mit-landscape__core span i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--mit-cyan); box-shadow: 0 0 10px var(--mit-cyan); }
.mit-landscape__nodes { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.mit-landscape__nodes article { min-height: 178px; padding: 23px; border: 1px solid var(--mit-line); border-radius: 18px; background: var(--mit-cloud); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mit-landscape__nodes article:nth-child(2), .mit-landscape__nodes article:nth-child(5) { background: var(--mit-ice); }
.mit-landscape__nodes article:hover { border-color: rgba(24,191,208,.65); box-shadow: 0 15px 35px rgba(10,41,68,.08); transform: translateY(-4px); }
.mit-landscape__nodes article > div { display: flex; align-items: center; justify-content: space-between; }
.mit-landscape__nodes article > div span { color: var(--mit-amber); font-size: 8px; font-weight: 600; }
.mit-landscape__nodes article > div i { color: var(--mit-cyan); font-size: 21px; }
.mit-landscape__nodes small { display: block; margin-top: 19px; color: var(--mit-blue, #167fae); font-size: 7px; font-weight: 600; letter-spacing: .13em; }
.mit-landscape__nodes h3 { margin: 5px 0 6px; color: var(--mit-navy-800); font-size: 16px; font-weight: 500; }
.mit-landscape__nodes p { margin: 0; color: var(--mit-muted); font-size: 9px; line-height: 1.6; }

/* Service bento */
.mit-services { background: var(--mit-navy-900); color: var(--mit-white); }
.mit-services::before { position: absolute; top: 0; right: 7%; width: 2px; height: 100%; background: linear-gradient(transparent, var(--mit-amber), transparent); content: ''; opacity: .45; }
.mit-services .mit-heading h2 { color: var(--mit-white); }
.mit-services .mit-heading h2 em { color: var(--mit-cyan-soft); }
.mit-services .mit-heading--split > p { color: #8fa8b7; }
.mit-services__bento { display: grid; min-height: 670px; margin-top: 65px; grid-template-columns: 1.15fr .85fr 1fr; grid-template-rows: 1fr 1fr; gap: 18px; }
.mit-services__bento article { position: relative; padding: 29px; border: 1px solid rgba(156,234,240,.17); border-radius: 22px; overflow: hidden; background: rgba(255,255,255,.035); transition: border-color .2s ease, background .2s ease; }
.mit-services__bento article:first-child { grid-row: 1 / 3; border-radius: 90px 22px 22px 22px; background: linear-gradient(155deg, rgba(24,191,208,.15), rgba(255,255,255,.025)); }
.mit-services__bento article:nth-child(4) { grid-column: 2 / 4; }
.mit-services__bento article:hover { border-color: rgba(244,178,77,.58); background: rgba(24,191,208,.08); }
.mit-services__bento article > span { position: absolute; top: 25px; right: 27px; color: #4f7185; font-size: 9px; }
.mit-services__bento article > i { display: grid; width: 54px; height: 54px; border: 1px solid rgba(24,191,208,.28); border-radius: 16px; place-items: center; background: rgba(24,191,208,.08); color: var(--mit-cyan); font-size: 21px; }
.mit-services__bento article:first-child > i { width: 70px; height: 70px; margin-top: 90px; border-color: rgba(244,178,77,.38); color: var(--mit-amber-light); font-size: 27px; }
.mit-services__bento small { display: block; margin-top: 23px; color: var(--mit-amber-light); font-size: 8px; font-weight: 600; letter-spacing: .13em; }
.mit-services__bento h3 { margin: 7px 0 9px; font-size: 19px; font-weight: 400; }
.mit-services__bento article:first-child h3 { max-width: 270px; font-size: 29px; }
.mit-services__bento p { max-width: 420px; margin: 0; color: #8fa6b4; font-size: 10px; line-height: 1.7; }

/* Incident response */
.mit-response { background: var(--mit-ice); }
.mit-response__track { position: relative; margin-top: 70px; }
.mit-response__track::before { position: absolute; top: 28px; right: 7%; left: 7%; height: 2px; background: linear-gradient(90deg, var(--mit-amber), var(--mit-cyan)); content: ''; }
.mit-response__track ol { position: relative; display: grid; margin: 0; padding: 0; grid-template-columns: repeat(6, 1fr); gap: 12px; list-style: none; }
.mit-response__track li { min-height: 280px; }
.mit-response__track li:nth-child(even) { padding-top: 54px; }
.mit-response__track li > span { display: grid; position: relative; z-index: 2; width: 56px; height: 56px; border: 4px solid var(--mit-ice); border-radius: 50%; place-items: center; background: var(--mit-navy-900); color: var(--mit-amber-light); font-size: 9px; }
.mit-response__track li > div { min-height: 200px; margin-top: 18px; padding: 20px 17px; border: 1px solid var(--mit-line); border-radius: 16px; background: var(--mit-white); }
.mit-response__track small { color: var(--mit-blue, #167fae); font-size: 7px; font-weight: 600; letter-spacing: .11em; }
.mit-response__track h3 { margin: 7px 0; color: var(--mit-navy-800); font-size: 15px; font-weight: 500; }
.mit-response__track p { margin: 0; color: var(--mit-muted); font-size: 9px; line-height: 1.6; }
.mit-response__data { display: flex; min-height: 62px; margin-top: 30px; padding: 12px 16px; border: 1px solid var(--mit-line); border-radius: 16px; align-items: center; flex-wrap: wrap; gap: 8px; background: rgba(255,255,255,.82); }
.mit-response__data span { margin-right: auto; color: var(--mit-amber); font-size: 8px; font-weight: 600; letter-spacing: .13em; }
.mit-response__data b { padding: 7px 11px; border-radius: 8px; background: var(--mit-navy-900); color: #d8e9ed; font-size: 8px; font-weight: 400; }

/* Team */
.mit-team { background: var(--mit-white); }
.mit-team__roster { display: grid; margin-top: 65px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.mit-person { min-width: 0; border: 1px solid var(--mit-line); border-radius: 22px; overflow: hidden; background: var(--mit-cloud); box-shadow: 0 16px 42px rgba(7,26,45,.06); }
.mit-person figure { height: 350px; margin: 0; overflow: hidden; background: #edf3f6; }
.mit-person figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform-origin: center 24%; }
.mit-team__roster > .mit-person:nth-child(2) figure img { transform: scale(1.35); }
.mit-team__roster > .mit-person:nth-child(3) figure { background: #fff; }
.mit-team__roster > .mit-person:nth-child(3) figure img { transform: translateY(clamp(28px, 3vw, 44px)) scale(1.25); transform-origin: center top; }
.mit-team__roster > .mit-person:nth-child(4) figure { background: linear-gradient(90deg, #646168, #78757c 50%, #58575c); }
.mit-team__roster > .mit-person:nth-child(4) figure img { transform: translateY(clamp(18px, 2vw, 30px)) scale(1.06); transform-origin: center top; }
.mit-team__roster > .mit-person:nth-child(5) figure { background: #fff; }
.mit-team__roster > .mit-person:nth-child(5) figure img { transform: translateY(clamp(12px, 1.3vw, 20px)) scale(1.04); transform-origin: center top; }
.mit-person__info { padding: 23px; }
.mit-person__info > span { color: var(--mit-amber); font-size: 8px; font-weight: 600; letter-spacing: .14em; }
.mit-person__info h3 { margin: 9px 0 5px; color: var(--mit-navy-800); font-size: 19px; font-weight: 500; line-height: 1.35; }
.mit-person__info strong { display: block; color: var(--mit-blue, #167fae); font-size: 11px; font-weight: 500; }
.mit-person__info p { margin: 12px 0 0; color: var(--mit-muted); font-size: 9px; line-height: 1.65; }
.mit-person--head { display: grid; min-height: 500px; grid-column: 1 / -1; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); background: linear-gradient(145deg, var(--mit-navy-700), var(--mit-navy-950)); }
.mit-person--head figure { height: 500px; }
.mit-person--head figure img { transform: translateY(-14px) scale(1.32); }
.mit-person--head .mit-person__info { display: flex; padding: 55px; flex-direction: column; justify-content: center; }
.mit-person--head .mit-person__info > span { color: var(--mit-amber-light); }
.mit-person--head .mit-person__info h3 { margin-top: 16px; color: var(--mit-white); font-size: clamp(31px, 4vw, 52px); font-weight: 400; }
.mit-person--head .mit-person__info strong { color: var(--mit-cyan-soft); font-size: 14px; }
.mit-person--head .mit-person__info p { max-width: 540px; color: #94aebb; font-size: 12px; line-height: 1.8; }
.mit-team__expertise { display: flex; min-height: 150px; margin-top: 18px; padding: 28px 34px; border: 1px solid var(--mit-line); border-radius: 22px 70px 22px 22px; align-items: center; justify-content: space-between; gap: 45px; background: var(--mit-ice); }
.mit-team__expertise small { color: var(--mit-amber); font-size: 8px; font-weight: 600; letter-spacing: .14em; }
.mit-team__expertise h3 { margin: 7px 0; color: var(--mit-navy-800); font-size: 21px; font-weight: 500; }
.mit-team__expertise p { max-width: 720px; margin: 0; color: var(--mit-muted); font-size: 10px; line-height: 1.75; }
.mit-team__expertise > span { display: inline-flex; padding: 13px 17px; border-radius: 12px; align-items: center; gap: 10px; background: var(--mit-navy-900); color: var(--mit-cyan-soft); font-size: 8px; letter-spacing: .1em; white-space: nowrap; }
.mit-team__expertise > span i { color: var(--mit-amber-light); font-size: 16px; }

/* News and knowledge */
.mit-update { background: var(--mit-cloud); }
.mit-update .mit-heading > a { align-self: end; justify-self: start; padding-bottom: 7px; border-bottom: 2px solid var(--mit-amber); color: var(--mit-navy-700); font-size: 10px; }
.mit-update__grid { display: grid; min-height: 610px; margin-top: 65px; grid-template-columns: 1.25fr .75fr; gap: 18px; }
.mit-update__lead { position: relative; padding: 36px; border-radius: 26px 110px 26px 26px; overflow: hidden; background: linear-gradient(150deg, var(--mit-navy-700), var(--mit-navy-950)); color: var(--mit-white); }
.mit-update__lead::after { position: absolute; right: -60px; bottom: -90px; width: 300px; height: 300px; border: 1px solid rgba(244,178,77,.33); border-radius: 50%; box-shadow: 0 0 0 35px rgba(220,134,22,.03), 0 0 0 70px rgba(220,134,22,.02); content: ''; }
.mit-update__lead > span { color: var(--mit-amber-light); font-size: 8px; font-weight: 600; letter-spacing: .13em; }
.mit-update__lead time { position: absolute; top: 38px; right: 55px; color: #7793a4; font-size: 8px; }
.mit-update__lead strong { display: block; margin-top: 105px; color: rgba(156,234,240,.16); font-size: clamp(82px, 10vw, 140px); font-weight: 300; letter-spacing: -.07em; line-height: .8; }
.mit-update__lead h3 { position: relative; z-index: 2; max-width: 600px; margin: 50px 0 12px; font-size: 28px; font-weight: 400; line-height: 1.4; }
.mit-update__lead p { position: relative; z-index: 2; color: #99afbc; font-size: 10px; }
.mit-update__stack { display: grid; gap: 14px; }
.mit-update__stack article { position: relative; display: flex; min-height: 190px; padding: 27px; border: 1px solid var(--mit-line); border-radius: 20px; flex-direction: column; justify-content: flex-end; background: var(--mit-white); }
.mit-update__stack article:nth-child(2) { margin-left: 30px; border-color: #e2c18f; background: #fff9ef; }
.mit-update__stack article > span { position: absolute; top: 25px; left: 27px; color: var(--mit-amber); font-size: 8px; font-weight: 600; letter-spacing: .1em; }
.mit-update__stack article > i { position: absolute; top: 23px; right: 26px; color: var(--mit-cyan); font-size: 20px; }
.mit-update__stack h3 { max-width: 370px; margin: 0; color: var(--mit-navy-800); font-size: 17px; font-weight: 500; line-height: 1.45; }

/* Downloads and online services */
.mit-access { background: var(--mit-white); }
.mit-access__layout { display: grid; margin-top: 65px; grid-template-columns: 1fr 1fr; gap: 22px; }
.mit-docs, .mit-apps { overflow: hidden; border: 1px solid var(--mit-line); border-radius: 24px; }
.mit-docs > header, .mit-apps > header { display: flex; min-height: 72px; padding: 20px 24px; align-items: center; justify-content: space-between; background: var(--mit-navy-900); color: var(--mit-white); }
.mit-docs > header span, .mit-apps > header span { color: var(--mit-amber-light); font-size: 7px; letter-spacing: .13em; }
.mit-docs > header b, .mit-apps > header b { font-size: 11px; font-weight: 400; }
.mit-docs > a { display: grid; min-height: 113px; padding: 20px 23px; border-bottom: 1px solid var(--mit-line); grid-template-columns: 68px 1fr 20px; align-items: center; gap: 12px; transition: background .2s ease; }
.mit-docs > a:last-child { border-bottom: 0; }
.mit-docs > a:hover, .mit-docs > a:focus-visible { background: var(--mit-ice); }
.mit-docs > a > span { color: var(--mit-amber); font-size: 8px; font-weight: 600; }
.mit-docs h3, .mit-apps h3 { margin: 0 0 4px; color: var(--mit-navy-800); font-size: 15px; font-weight: 500; }
.mit-docs p, .mit-apps p { margin: 0; color: var(--mit-muted); font-size: 9px; line-height: 1.6; }
.mit-docs > a > i { color: var(--mit-cyan); transform: rotate(45deg); }
.mit-apps { padding-bottom: 16px; background: var(--mit-cloud); }
.mit-apps > a { display: grid; min-height: 145px; margin: 16px 16px 0; padding: 22px; border: 1px solid var(--mit-line); border-radius: 17px; grid-template-columns: 58px 1fr 40px; align-items: center; gap: 15px; background: var(--mit-white); transition: border-color .2s ease, transform .2s ease; }
.mit-apps > a:hover, .mit-apps > a:focus-visible { border-color: var(--mit-cyan); transform: translateX(4px); }
.mit-apps > a > i { display: grid; width: 54px; height: 54px; border-radius: 16px; place-items: center; background: var(--mit-navy-800); color: var(--mit-cyan-soft); font-size: 20px; }
.mit-apps small { display: block; margin-bottom: 5px; color: var(--mit-amber); font-size: 8px; }
.mit-apps > a > b { color: var(--mit-blue, #167fae); font-size: 7px; letter-spacing: .1em; }

/* Contact */
.mit-contact { position: relative; padding: 105px 0; background: var(--mit-navy-950); color: var(--mit-white); }
.mit-contact::before { position: absolute; top: 0; right: 12%; width: 34%; height: 4px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, var(--mit-amber), var(--mit-amber-light)); content: ''; }
.mit-contact__layout { display: grid; grid-template-columns: 1fr 460px; align-items: center; gap: 85px; }
.mit-contact__layout > div > span { color: var(--mit-amber-light); font-size: 8px; font-weight: 600; letter-spacing: .15em; }
.mit-contact h2 { margin: 17px 0 25px; font-size: clamp(48px, 5.7vw, 78px); font-weight: 300; letter-spacing: -.055em; line-height: 1.16; }
.mit-contact h2 em { color: var(--mit-cyan-soft); font-style: normal; }
.mit-contact__layout > div > p { max-width: 620px; margin: 0; color: #8da6b5; font-size: 10px; line-height: 1.8; }
.mit-contact address { margin: 0; padding: 28px; border: 1px solid rgba(156,234,240,.23); border-radius: 26px 80px 26px 26px; background: rgba(7,26,45,.85); font-style: normal; backdrop-filter: blur(12px); }
.mit-contact address header { display: flex; padding-bottom: 17px; border-bottom: 1px solid rgba(156,234,240,.15); align-items: center; color: #7893a3; font-size: 7px; letter-spacing: .12em; }
.mit-contact address header i { width: 6px; height: 6px; margin-right: 7px; margin-left: auto; border-radius: 50%; background: var(--mit-cyan); box-shadow: 0 0 10px var(--mit-cyan); }
.mit-contact address header b { color: var(--mit-cyan-soft); font-weight: 500; }
.mit-contact address > div { padding: 16px 0; border-bottom: 1px solid rgba(156,234,240,.12); }
.mit-contact address > div:last-child { border-bottom: 0; }
.mit-contact address small { display: block; margin-bottom: 4px; color: #668397; font-size: 7px; letter-spacing: .11em; }
.mit-contact address a, .mit-contact address strong { font-size: 12px; font-weight: 400; line-height: 1.55; }

@media (max-width: 1199px) {
  .mit-hero__layout { gap: 35px; }
  .mit-overview__grid { grid-template-columns: 1fr 1fr; }
  .mit-overview aside { min-height: 135px; grid-column: 1 / -1; border-radius: 24px 70px 24px 24px; flex-direction: row; align-items: center; }
  .mit-overview aside i { width: 50px; }
  .mit-landscape { grid-template-columns: 285px 1fr; }
  .mit-response__track ol { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .mit-response__track::before { display: none; }
  .mit-response__track li:nth-child(even) { padding-top: 0; }
  .mit-team__roster { grid-template-columns: 1fr 1fr; }
  .mit-contact__layout { grid-template-columns: 1fr 430px; gap: 50px; }
}

@media (max-width: 991px) {
  .mit-section { padding: 84px 0; }
  .mit-heading--split { grid-template-columns: 1fr; gap: 25px; }
  .mit-hero { min-height: auto; }
  .mit-hero__layout { min-height: auto; grid-template-columns: 1fr; }
  .mit-radar { width: min(90%, 520px); justify-self: center; }
  .mit-status { grid-template-columns: repeat(3, 1fr); }
  .mit-status > strong { grid-column: 1 / -1; }
  .mit-landscape { grid-template-columns: 1fr; }
  .mit-landscape__core { min-height: 330px; border-radius: 80px 24px 24px 24px; }
  .mit-services__bento { min-height: auto; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .mit-services__bento article:first-child { min-height: 380px; grid-row: auto; }
  .mit-services__bento article:nth-child(4) { grid-column: auto; }
  .mit-update__grid { grid-template-columns: 1fr; }
  .mit-update__lead { min-height: 560px; }
  .mit-access__layout { grid-template-columns: 1fr; }
  .mit-contact__layout { grid-template-columns: 1fr; }
  .mit-contact address { width: min(100%, 560px); }
}

@media (max-width: 767px) {
  .mit-section { padding: 68px 0; }
  .mit-heading h2 { font-size: 39px; }
  .mit-hero__signal span:nth-of-type(even), .mit-hero__signal i:nth-of-type(even) { display: none; }
  .mit-hero__layout { padding-top: 58px; gap: 45px; }
  .mit-hero h1 { font-size: 53px; line-height: 1.12; }
  .mit-hero__copy > p { font-size: 12px; }
  .mit-hero__actions a { width: 100%; justify-content: center; }
  .mit-radar { width: 100%; }
  .mit-radar__core { width: 145px; height: 145px; border-radius: 27px; }
  .mit-radar__node { min-width: 105px; padding: 8px 10px; }
  .mit-radar__node::before { display: none; }
  .mit-status { border-radius: 14px; grid-template-columns: 1fr; }
  .mit-status > div { border-right: 0; border-bottom: 1px solid rgba(156,234,240,.13); }
  .mit-overview__grid { grid-template-columns: 1fr; }
  .mit-overview article { min-height: 420px; padding: 24px; }
  .mit-overview article > p { right: 24px; left: 24px; }
  .mit-overview aside { grid-column: auto; }
  .mit-org ul { grid-template-columns: 1fr; }
  .mit-landscape__nodes { grid-template-columns: 1fr; }
  .mit-landscape__nodes article { min-height: 165px; }
  .mit-services__bento { grid-template-columns: 1fr; }
  .mit-services__bento article { min-height: 265px; }
  .mit-services__bento article:first-child { min-height: 350px; border-radius: 65px 22px 22px 22px; }
  .mit-response__track ol { grid-template-columns: 1fr; }
  .mit-response__track li { display: grid; min-height: auto; grid-template-columns: 50px 1fr; gap: 13px; }
  .mit-response__track li > span { width: 48px; height: 48px; }
  .mit-response__track li > div { min-height: 165px; margin-top: 0; }
  .mit-response__data span { width: 100%; }
  .mit-org-chart__frame { margin-top: 45px; padding: 8px; border-radius: 20px; }
  .mit-org-chart__frame > a { border-radius: 14px; }
  .mit-org-chart__frame figcaption { align-items: flex-start; flex-direction: column; gap: 8px; }
  .mit-team__roster { grid-template-columns: 1fr; }
  .mit-person--head { display: block; min-height: 0; }
  .mit-person--head figure { height: 450px; }
  .mit-person--head .mit-person__info { padding: 28px 23px; }
  .mit-team__expertise { align-items: flex-start; flex-direction: column; gap: 20px; }
  .mit-update__lead { min-height: 510px; padding: 28px; border-radius: 24px 70px 24px 24px; }
  .mit-update__lead time { top: 30px; right: 35px; }
  .mit-update__lead strong { font-size: 85px; }
  .mit-update__lead h3 { font-size: 22px; }
  .mit-update__stack article:nth-child(2) { margin-left: 0; }
  .mit-docs > a { padding: 18px; grid-template-columns: 57px 1fr 18px; }
  .mit-apps > a { min-height: 155px; padding: 18px; grid-template-columns: 52px 1fr; }
  .mit-apps > a > i { width: 48px; height: 48px; }
  .mit-apps > a > b { display: none; }
  .mit-contact { padding: 74px 0; }
  .mit-contact h2 { font-size: 47px; }
  .mit-contact address { padding: 22px; border-radius: 22px 60px 22px 22px; }
}

@media (max-width: 420px) {
  .mit-hero h1 { font-size: 45px; }
  .mit-radar__node--his { left: -2%; }
  .mit-radar__node--data { right: -2%; }
  .mit-radar__node--safe { left: 0; }
  .mit-person figure { height: 390px; }
  .mit-person--head figure { height: 420px; }
  .mit-team__expertise { padding: 24px; border-radius: 20px 48px 20px 20px; }
  .mit-team__expertise > span { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .mit-hero__actions a, .mit-landscape__nodes article, .mit-services__bento article, .mit-docs > a, .mit-apps > a { transition: none; }
}
