body.about-page.media-page {
    --media-navy: #061a42;
    --media-blue: #0877ea;
    --media-cyan: #22bfe8;
    --media-gold: #c49329;
    --media-muted: #617490;
    color: var(--media-navy);
    background: #f5f8fd;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}
.media-page h1, .media-page h2, .media-page h3, .media-page p { margin: 0; }
.media-page button, .media-page summary, .media-page a { -webkit-tap-highlight-color: transparent; }
.media-page :is(a, button, summary):focus-visible { outline: 3px solid #25b7f3; outline-offset: 5px; }
.media-page .about-nav { min-height: 92px; }
.media-page .about-nav-dropdown__menu { min-width: 200px; }
.media-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #061a42; }
.media-hero__photos, .media-hero__wash { position: absolute; inset: 0; z-index: -1; }
.media-hero__photos picture { display: block; width: 100%; height: 100%; }
.media-hero__photos img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.media-hero__composition { display: none; }
@media (min-width: 651px) {
    .media-hero__photos--layered { background: radial-gradient(ellipse at 78% 30%, #144c82, transparent 65%), #061a42; }
    .media-hero__photos--layered picture { display: none; }
    .media-hero__composition { display: block; position: relative; width: min(100%, 1800px); height: 100%; margin-inline: auto; }
    .media-hero__composition .media-hero__desk { position: absolute; z-index: 2; right: -5%; bottom: -28px; width: 74%; height: auto; object-fit: contain; }
    .media-hero__composition .media-hero__camera { position: absolute; z-index: 1; left: 44%; top: 2%; width: 36%; height: auto; object-fit: contain; }
}
@media (min-width: 1025px) {
    /* The photo canvas extends behind the 130px desktop header. Keep the
       camera operators below it, layered behind the media desk. */
    .media-hero__composition .media-hero__camera { top: calc(130px + 2%); }
}
.media-hero__wash { background: linear-gradient(90deg, #041735 0%, #041735f2 25%, #04173599 46%, #04173510 74%), linear-gradient(0deg, #06509433, transparent 65%); }
.media-hero__inner { position: relative; z-index: 1; padding-block: 48px 185px; }
.media-eyebrow { font-size: 14px; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
.media-hero .media-eyebrow { color: #4ddcf8; font-size: 13px; text-shadow: 0 2px 4px #0004; }
.media-hero .media-eyebrow::after { content: ''; display: block; width: 74px; height: 5px; background: linear-gradient(90deg, #ffbd19, #fff1ad); border-radius: 9px; margin-top: 22px; box-shadow: 0 2px 5px #002146; }
.media-hero h1 { font-size: clamp(62px, 7vw, 96px); font-weight: 800; letter-spacing: -.045em; line-height: 1.08; margin-block: 21px 15px; text-shadow: 0 3px 4px #00163066; }
.media-hero h1 span { color: #5ec6ff; background: linear-gradient(180deg, #b4f7ff 5%, #6ed3ff 40%, #278df0 95%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
.media-hero__lead { font-size: clamp(20px, 2.3vw, 29px); color: #f1f6ff; line-height: 1.5; }
.media-hero__skills { display: flex; flex-wrap: wrap; gap: 26px; list-style: none; padding: 0; margin: 31px 0 0; }
.media-hero__skills li { display: flex; align-items: center; gap: 11px; color: var(--skill-color); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
/* Mint, pink, orange and periwinkle from the camera operator's clothing. */
.media-hero__skills li:nth-child(1) { --skill-color: #78ddc5; }
.media-hero__skills li:nth-child(2) { --skill-color: #ef96d6; }
.media-hero__skills li:nth-child(3) { --skill-color: #ff9a63; }
.media-hero__skills li:nth-child(4) { --skill-color: #92a5ff; }
.media-hero__skills i { color: var(--skill-color); font-size: 29px; filter: drop-shadow(0 3px 2px #001e4b); }
.media-hero__waves { position: absolute; z-index: 2; bottom: -2px; left: 0; width: 100%; height: 220px; pointer-events: none; }
.media-main { position: relative; margin-top: -130px; z-index: 3; }
.media-leadership { position: relative; border: 0; border-radius: 0; background: radial-gradient(ellipse at 50% 24%, #dcecff88, transparent 65%); padding: 0 0 20px; box-shadow: none; }
.media-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.media-heading { text-align: center; }
.media-heading .media-eyebrow { color: #1685c8; margin-bottom: 8px; }
.media-heading h2 { font-size: clamp(30px, 3.3vw, 42px); letter-spacing: -.045em; font-weight: 800; line-height: 1.2; }
.media-heading h2::after { content: ''; display: block; width: 44px; height: 3px; background: #c49329; margin: 15px auto 12px; }
.media-heading > p:last-child:not(.media-eyebrow) { color: var(--media-muted); font-size: 17px; }
.media-leader { position: relative; display: flex; flex-direction: column; align-items: center; gap: 13px; height: 100%; padding: 19px 15px 14px; background: linear-gradient(145deg, #fff, #f1f7ff); border: 1px solid #e2edfc; border-radius: 20px; box-shadow: 0 9px 25px #3b8ed519, inset 0 1px 0 #fff; transition: transform .2s ease, box-shadow .2s ease; }
.media-leader:hover { transform: translateY(-4px); box-shadow: 0 15px 27px #163b6520; }
.media-leader h3 { font-size: 19px; line-height: 1.35; overflow-wrap: break-word; }
.media-leader p, .media-leader__roles { font-size: 16px; line-height: 1.5; }
.media-leader__identity { width: 100%; min-width: 0; }
.media-leader .media-leader__rank { display: none; margin: 0; padding: 4px 12px; border: 1px solid #c9dff7; border-radius: 20px; background: #edf5ff; color: #245c96; font-size: 17px; font-weight: 700; line-height: 1.3; }
.media-leader__rank abbr { text-decoration: none; }
.media-leader__roles { list-style: none; padding: 0; margin: 9px 0 0; color: #577197; }
.media-avatar { display: inline-block; width: 72px; height: 72px; flex: 0 0 auto; border-radius: 50%; padding: 3px; background: #fff; box-shadow: 0 0 0 1px #77b8f4, 0 4px 10px #153c6512; position: relative; }
.media-avatar svg { display: block; width: 100%; height: 100%; border-radius: 50%; }
.media-avatar__photo { position: absolute; inset: 3px; overflow: hidden; border-radius: 50%; }
.media-avatar__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: scale(var(--portrait-zoom, 1.6)); transform-origin: center top; }
.media-avatar__photo img[hidden] { display: none; }
.media-profile-trigger { position: relative; display: inline-flex; flex-shrink: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; transition: transform .2s; }
.media-profile-trigger:hover { transform: scale(1.035); }
.media-leader .media-avatar { width: clamp(94px, 8vw, 120px); height: clamp(94px, 8vw, 120px); padding: 4px; box-shadow: 0 0 0 2px #badcff, 0 7px 18px #168be528; }
.media-leader--coo { width: 340px; max-width: 100%; height: auto; margin: 0 auto; padding: 0; gap: 12px; align-items: center; border: 0; background: transparent; box-shadow: none; }
.media-leader--coo:hover { transform: none; box-shadow: none; }
.media-leader--coo .media-avatar { width: 180px; height: 180px; padding: 7px; background: linear-gradient(155deg, #fff 5%, #90d9ff 34%, #037cfa 68%, #43d5ff 90%); box-shadow: 0 0 0 2px #fff, 0 0 0 7px #b4d9ff88, 0 10px 28px #047fed50; }
.media-leader--coo .media-avatar__photo { inset: 7px; }
.media-leader__pulse { position: absolute; inset: -5px; border: 2px solid #61d5ff; border-radius: 50%; box-shadow: 0 0 16px #38bcff55; opacity: 0; pointer-events: none; }
.media-entrance-pending .media-leadership__row > li,
.media-entrance-pending .media-leader--coo :is(.media-profile-trigger, .media-leader__identity, .media-leader__podium, .media-crown) { opacity: 0; }
.media-entrance-running .media-leadership__row > li { will-change: transform, opacity; }
.media-entrance-running .media-leadership__row .media-leader:hover,
.media-entrance-running .media-profile-trigger:hover { transform: none; }
.media-entrance-running .media-leader--coo { z-index: 2; }
.media-leader--coo .media-leader__identity { position: relative; z-index: 1; padding: 10px 18px 12px; border: 1px solid #fff; border-radius: 16px; background: linear-gradient(150deg, #ffffffef, #f1f7ffee); text-align: center; box-shadow: 0 8px 25px #217ae425, inset 0 1px 0 #fff; backdrop-filter: blur(8px); }
.media-leader--coo h3 { font-size: 29px; letter-spacing: -.035em; }
.media-leader--coo p { color: #526e97; font-size: 17px; margin-top: 2px; }
.media-leader__podium { position: absolute; top: 132px; left: 50%; width: 420px; max-width: 125%; height: 105px; transform: translateX(-50%); border: 2px solid #ffffffb3; border-radius: 50%; background: linear-gradient(180deg, #edf6ff55, #a7cdff66 42%, #fff 49%, #c4dfffaa 54%, #f9fcff); box-shadow: 0 15px 20px #3f8de31f; pointer-events: none; }
.media-leader__podium::before { content: ''; position: absolute; inset: 10px 30px 22px; border-radius: 50%; border: 2px solid #ffffffc9; box-shadow: 0 9px 0 -7px #bbd7ff; }
.media-leader__podium::after { content: ''; position: absolute; inset: 12px 75px 44px; border-radius: 50%; border-bottom: 2px solid #f4c555; }
.media-crown { position: absolute; z-index: 2; top: -20px; left: 20%; display: grid; place-items: center; width: 53px; height: 53px; border: 2px solid #fff4b4; border-radius: 50%; background: linear-gradient(135deg, #ffe282, #e9ac14); color: #215991; box-shadow: 0 5px 12px #bd8b2733, inset 0 2px 0 #fff7bc; }
.media-crown svg { width: 30px; height: 30px; }
.media-leader__more { display: grid; place-items: center; width: 33px; height: 33px; padding: 0; margin: auto auto 0; border: 1px solid #edf5ff; border-radius: 50%; background: #fff; color: #0085ee; font-size: 26px !important; cursor: pointer; box-shadow: 0 5px 12px #238de51f; }
.media-leader__more:hover { background: #e2f2ff; }
.media-leadership__row { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; list-style: none; padding: 38px 0 0; margin: 0; }
.media-leadership__row::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 16px; background: #eac555; }
.media-leadership__row::after { content: ''; position: absolute; top: 15px; left: calc(10% - 7px); right: calc(10% - 7px); height: 2px; background: #eac555; border-radius: 2px; }
.media-leadership__row > li { position: relative; }
.media-leadership__row > li::before { content: ''; position: absolute; top: -23px; left: 50%; width: 2px; height: 23px; background: #eac555; }
.media-leadership__row > li::after { content: ''; position: absolute; left: calc(50% - 4px); top: -5px; height: 8px; width: 8px; border-radius: 50%; background: #f5bd27; box-shadow: 0 0 0 2px #fff5d9; }
.media-leadership__hint { margin-top: 23px !important; text-align: center; font-size: 16px; color: #6a84a8; }
.media-board-access { position: absolute; z-index: 4; top: 88px; left: calc(50% + 114px); display: flex; align-items: center; gap: 18px; }
.media-board-access__arrow { position: relative; display: block; width: clamp(30px, 5vw, 90px); height: 3px; flex-shrink: 0; background: linear-gradient(90deg, #f5d679, #e3ad19); border-radius: 3px; }
.media-board-access__arrow::after { content: ''; position: absolute; top: -5px; right: 0; width: 11px; height: 11px; border-top: 3px solid #e3ad19; border-right: 3px solid #e3ad19; transform: rotate(45deg); }
.media-board-access__button { display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 14px 20px; border: 1px solid #fff; border-top: 2px solid #31c8ef; border-right: 2px solid #efc14c; border-bottom: 2px solid #8ddcfa; border-radius: 19px; background: linear-gradient(145deg, #ffffffed, #dff1ffcc); color: #061a42; box-shadow: 0 9px 24px #2177c92b, inset 0 1px 1px #fff; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-family: inherit; font-size: 19px; font-weight: 700; line-height: 1.3; white-space: nowrap; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.media-board-access__button i { color: #05a5e2; font-size: 27px; text-shadow: 0 2px 1px #fff, 1px 3px 3px #0472ba33; }
.media-board-access__button:hover { transform: translateY(-3px); box-shadow: 0 12px 27px #2177c93b; }
@media (min-width: 651px) and (max-width: 900px) {
    .media-board-access { left: calc(50% + 102px); gap: 10px; }
    .media-board-access__arrow { width: 24px; }
    .media-board-access__button { gap: 8px; width: 150px; min-height: 52px; padding: 12px 10px; font-size: 15px; white-space: normal; text-align: left; }
    .media-board-access__button i { font-size: 21px; }
}
@media (max-width: 650px) {
    .media-board-access { position: relative; top: auto; left: auto; justify-content: center; margin: 20px auto 0; gap: 14px; }
    .media-board-access__arrow { width: 34px; }
    .media-board-access__button { min-height: 54px; padding: 12px 18px; font-size: 17px; }
}
.media-profile { width: min(440px, calc(100vw - 30px)); max-width: none; max-height: calc(100dvh - 45px); overflow: auto; margin: auto; padding: 45px 30px 31px; border: 1px solid #d9eaff; border-radius: 27px; background: radial-gradient(ellipse at 50% 10%, #dff0ff, transparent 45%), linear-gradient(145deg, #fff, #f3f8ff); color: #061a42; box-shadow: 0 25px 90px #0005; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.media-profile:not([open]) { display: none; }
.media-profile::backdrop { background: #031532bc; backdrop-filter: blur(5px); }
.media-profile__close { position: absolute; top: 15px; right: 15px; display: grid; place-items: center; width: 35px; height: 35px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #0758b9; font-size: 22px !important; cursor: pointer; }
.media-profile__portrait { position: relative; width: fit-content; margin: 0 auto 22px; }
.media-profile .media-avatar { width: 155px; height: 155px; padding: 5px; box-shadow: 0 0 0 2px #b7dcff, 0 8px 25px #238bf238; }
.media-profile__portrait--coo .media-avatar { width: 180px; height: 180px; padding: 7px; background: linear-gradient(155deg, #fff, #69c7ff 35%, #0380f8 70%, #49dcff); box-shadow: 0 0 0 2px #d6eeff, 0 9px 25px #168ff244; }
.media-profile__portrait--coo .media-avatar__photo { inset: 7px; }
.media-profile h2 { font-size: 32px; line-height: 1.2; letter-spacing: -.035em; margin: 0; }
.media-profile__roles { list-style: none; padding: 0; margin: 11px 0 21px; color: #087bf0; font-size: 18px; line-height: 1.6; }
.media-profile__description { margin: 0; color: #647d9e; font-size: 17px; line-height: 1.75; text-align: left; }
.media-profile button:focus-visible { outline: 3px solid #23b7f2; outline-offset: 4px; }
html.media-profile-open { overflow: hidden; }
.media-profile.media-profile--board { width: min(560px, calc(100vw - 28px)); max-height: calc(100dvh - 32px); padding: 34px 28px 25px; border: 1px solid #d7e5f3; border-top: 3px solid #0877ea; border-radius: 20px; background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 12px 32px #00163133; }
.media-profile--board::backdrop { background: #031532b3; backdrop-filter: none; -webkit-backdrop-filter: none; }
.media-profile--board .media-profile__close { top: 13px; right: 13px; width: 36px; height: 36px; border: 1px solid #d7e5f3; background: #eef4fb; box-shadow: none; }
.media-board__header { padding-inline: 18px; }
.media-board__header .media-eyebrow { color: #5084af; font-size: 12px; letter-spacing: .16em; margin-bottom: 10px; }
.media-profile--board .media-board__header h2 { font-size: clamp(28px, 5vw, 34px); }
.media-board__header::after { content: ''; display: block; width: 70px; height: 2px; margin: 16px auto 21px; border-radius: 2px; background: #dba829; }
.media-board__list { display: grid; gap: 11px; list-style: none; padding: 0; margin: 0; text-align: left; }
.media-board__list > li { display: flex; align-items: center; gap: 20px; padding: 13px 20px; border: 1px solid #dee9f4; border-radius: 12px; background: #f4f8fd; box-shadow: none; }
.media-board__list .media-avatar { width: 68px; height: 68px; padding: 4px; background: #fff; box-shadow: 0 0 0 1px #badcff; }
.media-board__list > li > div { min-width: 0; overflow-wrap: break-word; }
.media-board__list h3 { font-size: 20px; line-height: 1.3; }
.media-board__list p { margin-top: 3px; color: #087bec; font-size: 17px; line-height: 1.4; }
@media (max-width: 650px) {
    .media-profile.media-profile--board { padding: 32px 17px 20px; border-radius: 18px; }
    .media-board__header { padding-inline: 14px; }
    .media-board__header .media-eyebrow { font-size: 11px; letter-spacing: .1em; }
    .media-board__list > li { padding: 12px; gap: 14px; border-radius: 12px; }
    .media-board__list .media-avatar { width: 58px; height: 58px; }
    .media-board__list h3 { font-size: 18px; }
    .media-board__list p { font-size: 16px; }
}
.media-profile.media-profile--member { width: min(500px, calc(100vw - 16px)); max-height: calc(100dvh - 24px); padding: 18px; border: 0; border-radius: 0; background: transparent; box-shadow: none; scrollbar-width: none; }
.media-profile--member::-webkit-scrollbar { display: none; }
.media-profile--member::backdrop { background: #03153299; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.media-member-profile__stack { position: relative; isolation: isolate; }
.media-member-profile__stack::before, .media-member-profile__stack::after { content: ''; position: absolute; z-index: -1; inset: 20px 9px; border: 1px solid #ffffff99; border-radius: 30px; background: linear-gradient(140deg, #d6f3ff55, #b4d9ff22); box-shadow: 0 12px 30px #001e4b33; pointer-events: none; }
.media-member-profile__stack::before { transform: rotate(-3deg); border-left-color: #efc66b; }
.media-member-profile__stack::after { transform: rotate(3deg); border-right-color: #58d7ff; }
.media-member-profile__card { position: relative; padding: 32px 30px 28px; border: 1px solid #ffffffd9; border-top: 2px solid #59d9ff; border-bottom: 2px solid #e8c46d; border-radius: 28px; background: radial-gradient(ellipse at 14% 0%, #f9fdffe6, transparent 65%), linear-gradient(145deg, #def3ffdd, #d1e8facc 60%, #f1f7ffdd); backdrop-filter: blur(22px) saturate(130%); -webkit-backdrop-filter: blur(22px) saturate(130%); box-shadow: 0 20px 45px #001f4b4d, 0 0 18px #43caff33, inset 0 1px 2px #fff, inset 0 -2px 8px #80baff33; }
.media-profile--member .media-profile__close { top: 14px; right: 14px; width: 40px; height: 40px; border: 1px solid #ffffffdd; background: #ffffff66; box-shadow: 0 4px 12px #0e75cf26, inset 0 1px 0 #fff; }
.media-member-profile__eyebrow { padding-inline: 24px; margin-bottom: 24px !important; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.media-profile--member .media-profile__portrait { margin-bottom: 18px; }
.media-profile--member .media-avatar { width: 190px; height: 190px; padding: 5px; background: linear-gradient(145deg, #9cedff, #03b4f7 45%, #0877ea); box-shadow: 0 0 0 1px #ffffffee, 0 12px 25px #0077d733, inset 0 1px 0 #fff; }
.media-profile--member .media-member-profile__card h2 { font-size: clamp(27px, 5vw, 34px); line-height: 1.2; overflow-wrap: break-word; }
.media-member-profile__subtitle { margin-top: 8px !important; color: #245e95; font-size: 17px; line-height: 1.5; }
.media-member-profile__departments { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; padding: 0; margin: 22px 0; }
.media-member-profile__departments li { display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; padding: 10px 16px; border: 1px solid #ffffffdd; border-radius: 24px; background: linear-gradient(145deg, #ffffff80, #d6eeff66); box-shadow: 0 7px 13px #1068aa1f, inset 0 1px 0 #fff; font-size: 16px; font-weight: 600; line-height: 1.4; text-align: left; }
.media-member-profile__departments span { min-width: 0; overflow-wrap: break-word; }
.media-member-profile__departments i { flex-shrink: 0; color: #0789d4; font-size: 25px; text-shadow: 0 2px 1px #fff, 1px 3px 3px #0066ae33; }
.media-profile--member[open] .media-member-profile__stack { animation: media-member-profile-enter .32s ease-out; }
@keyframes media-member-profile-enter { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 650px) {
    .media-profile.media-profile--member { padding: 12px; }
    .media-member-profile__card { padding: 28px 20px 22px; border-radius: 25px; }
    .media-member-profile__eyebrow { padding-inline: 22px; margin-bottom: 21px !important; font-size: 11px; }
    .media-profile--member .media-avatar { width: clamp(145px, 42vw, 180px); height: clamp(145px, 42vw, 180px); }
    .media-profile--member .media-profile__close { top: 12px; right: 12px; width: 36px; height: 36px; }
    .media-member-profile__departments { gap: 8px; margin-block: 18px; }
    .media-member-profile__departments li { padding: 9px 12px; font-size: 15px; }
}
.media-departments { padding-block: 46px 37px; scroll-margin-top: 24px; }
.media-departments__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 26px 0 17px; color: #7890aa; font-size: 15px; }
.media-departments__toolbar strong { color: #385675; font-weight: 600; }
.media-departments__toolbar > span > span { margin-inline: 9px; }
[data-media-controls] { display: flex; flex-wrap: wrap; gap: 8px; }
.media-departments__toolbar button { border: 1px solid #d6e5f6; background: #fff; border-radius: 7px; padding: 7px 12px; color: #1f5e9c; font-size: 15px; cursor: pointer; margin-left: 0; }
.media-departments__toolbar button:hover { border-color: #0877ea; background: #eaf4ff; }
.media-departments__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.media-department { --department-color: #0877ea; --department-dark: #0454b1; border-radius: 17px; background: #fff; border: 1px solid #d7e6f8; box-shadow: 0 10px 25px #17385e12, 0 3px 0 #e3edf9; overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; }
.media-department--gold { --department-color: #d2a22b; --department-dark: #ac7c14; }
.media-department--cyan { --department-color: #14b4de; --department-dark: #0881ba; }
.media-department:hover { box-shadow: 0 15px 30px #17385e20, 0 3px 0 #d4e5fb; transform: translateY(-2px); }
.media-department[open] { border-color: #9fc9f5; }
.media-department summary { position: relative; isolation: isolate; display: flex; align-items: center; gap: 16px; min-height: 127px; padding: 22px; list-style: none; cursor: pointer; background: linear-gradient(110deg, #f1f8ff, #fff); }
.media-department summary::-webkit-details-marker { display: none; }
.media-department summary::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #f4f9ff 5%, #f4f9fff2 40%, #f4f9ffb3 65%, #f4f9ff33 100%); z-index: -1; }
.media-department summary:focus-visible { outline-offset: -5px; border-radius: 16px; }
.media-department__art { position: absolute; width: 100%; height: 100%; top: 0; right: 0; object-fit: cover; object-position: right center; z-index: -2; pointer-events: none; }
.media-department__icon { display: grid; place-items: center; flex: 0 0 55px; width: 55px; height: 55px; border-radius: 14px; color: #fff; background: linear-gradient(140deg, var(--department-color), var(--department-dark)); font-size: 26px; box-shadow: 0 7px 13px #163b652b, inset 0 1px 1px #ffffff60; transform: perspective(400px) rotateY(-9deg); }
.media-department__heading { flex: 1; min-width: 0; }
.media-department__title { display: block; font-size: 18px; font-weight: 750; letter-spacing: -.035em; line-height: 1.2; }
.media-department__description { display: block; margin-top: 6px; font-size: 16px; color: #476488; }
.media-department__count { display: block; color: #6982a0; font-size: 14px; margin-top: 5px; }
.media-department__toggle { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 12px; white-space: nowrap; color: #215a97; }
.media-department__toggle i { display: grid; place-items: center; background: #ffffffe6; border: 1px solid #dce8f7; border-radius: 9px; height: 31px; width: 33px; font-size: 21px; transition: transform .2s; }
.media-department__hide { display: none; }
.media-department[open] .media-department__hide { display: inline; }
.media-department[open] .media-department__show { display: none; }
.media-department[open] .media-department__toggle i { transform: rotate(180deg); }
.media-members { list-style: none; padding: 0 23px 10px; margin: 0; border-top: 1px solid #edf2f9; }
.media-member > div { min-width: 0; overflow-wrap: break-word; }
.media-member { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #eaf0f8; }
.media-member:last-child { border: 0; }
.media-member .media-avatar { width: 68px; height: 68px; }
.media-member h3 { font-size: 18px; letter-spacing: -.02em; line-height: 1.3; }
.media-member p { font-size: 16px; color: #667e9d; margin-top: 4px; }
.media-department[open] .media-members { animation: media-reveal .25s ease-out; }
.media-departments__note { display: flex; justify-content: center; align-items: center; gap: 9px; color: #7286a1; font-size: 15px; margin-top: 25px !important; text-align: center; }
.media-gallery { padding: 25px 0 52px; border-top: 1px solid #dfebf8; }
.media-gallery__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.media-gallery__header .media-heading { text-align: left; }
.media-gallery__controls { display: flex; flex-shrink: 0; gap: 10px; }
.media-gallery__controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #21a9e4; border-radius: 50%; background: transparent; color: #061a42; cursor: pointer; font-size: 28px; transition: background .2s, transform .2s; }
.media-gallery__controls button:last-child { background: #08ace9; color: #fff; }
.media-gallery__controls button:hover { background: #d5efff; color: #061a42; transform: translateY(-2px); }
.media-gallery__track { display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; margin-top: 23px; padding: 4px 1px 16px; border-radius: 17px; }
.media-gallery__track::-webkit-scrollbar { display: none; }
.media-gallery__track.is-dragging { scroll-snap-type: none; cursor: grabbing; user-select: none; }
.media-gallery__card { flex: 0 0 calc((100% - 54px) / 3.15); min-width: 0; margin: 0; overflow: hidden; scroll-snap-align: start; border: 1px solid #deebfa; border-radius: 16px; background: #0c244a; box-shadow: 0 8px 15px #14335814; }
.media-gallery__photo { position: relative; display: block; overflow: hidden; cursor: zoom-in; }
.media-gallery__photo > img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .35s ease; }
.media-gallery__photo:hover > img { transform: scale(1.025); }
.media-gallery__photo:focus-visible { outline-offset: -5px !important; border-radius: 16px; }
.media-gallery__zoom { position: absolute; right: 11px; bottom: 11px; display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #ffffff8c; border-radius: 50%; background: #061a42b3; color: #fff; font-size: 16px; backdrop-filter: blur(6px); box-shadow: 0 5px 17px #061a4226; }
.media-gallery__dots { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 6px; }
.media-gallery__dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 20px; background: #a4c9e8; cursor: pointer; transition: width .2s, background .2s; }
.media-gallery__dots button[aria-current="true"] { width: 23px; background: #08ace9; }
.media-gallery__hint { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px !important; font-size: 16px; color: #758ba8; }
.media-gallery button:focus-visible, .media-gallery__track:focus-visible { outline: 3px solid #21b9f4; outline-offset: 4px; }
.media-gallery__controls[hidden], .media-gallery__dots[hidden] { display: none; }
.media-gallery__empty { overflow: hidden; margin-top: 29px; padding: 42px 24px; border: 1px solid #d8e7f8; border-radius: 19px; background: radial-gradient(ellipse at 25% 15%, #dcefff 0, transparent 60%), radial-gradient(ellipse at 90% 90%, #fff2d6 0, transparent 45%), #fff; box-shadow: 0 12px 30px #14335810, 0 3px 0 #e6eef9; text-align: center; }
.media-gallery__empty-art { display: flex; justify-content: center; align-items: center; padding: 12px 0 32px; }
.media-gallery__empty-art span { display: grid; place-items: center; width: 85px; height: 73px; border: 5px solid #fff; border-bottom-width: 14px; border-radius: 9px; background: linear-gradient(135deg, #eef8ff, #cbe5fa); color: #68a1cf; font-size: 28px; box-shadow: 0 9px 20px #153c6526; transform: rotate(-12deg); }
.media-gallery__empty-art span:nth-child(2) { position: relative; z-index: 1; margin-inline: -13px; width: 100px; height: 88px; background: linear-gradient(135deg, #137dd6, #0c438b); color: #fff; transform: translateY(-7px); font-size: 34px; }
.media-gallery__empty-art span:last-child { transform: rotate(12deg); background: linear-gradient(135deg, #fff7e5, #f3e2b7); color: #b79748; }
.media-gallery__empty h3 { margin-top: 10px; font-size: clamp(25px, 3vw, 32px); letter-spacing: -.035em; }
.media-gallery__empty > p:last-child { max-width: 440px; margin: 10px auto 0; font-size: 17px; line-height: 1.7; color: #69809e; }
.media-lightbox { width: min(1320px, calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 20px; overflow: auto; border: 1px solid #ffffff26; border-radius: 20px; background: radial-gradient(ellipse at 50% 40%, #122f53, #061730 80%); color: #fff; box-shadow: 0 25px 90px #0008; font-family: Arial, Helvetica, sans-serif; }
.media-lightbox::backdrop { background: #020e25e8; backdrop-filter: blur(6px); }
.media-lightbox:not([open]) { display: none; }
.media-lightbox__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 17px; font-size: 16px; font-weight: 600; letter-spacing: .05em; color: #d3e7ff; }
.media-lightbox__toolbar > div { display: flex; gap: 12px; }
.media-lightbox button { font: inherit; color: #fff; background: #ffffff08; border: 1px solid #8ec8fb80; border-radius: 30px; cursor: pointer; }
.media-lightbox button:hover { background: #1b4777; }
.media-lightbox button:focus-visible { outline: 3px solid #42bcf4; outline-offset: 3px; }
.media-lightbox__toolbar button { display: flex; align-items: center; gap: 10px; justify-content: center; min-height: 40px; padding: 9px 16px; font-size: 15px; }
.media-lightbox__toolbar [data-media-gallery-zoom] { width: 40px; padding: 0; font-size: 17px; }
.media-lightbox__viewer { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 18px; }
.media-lightbox__viewer > button { width: 48px; height: 48px; font-size: 29px; }
.media-lightbox__viewer > button[hidden] { display: block; visibility: hidden; }
.media-lightbox__stage { display: grid; place-items: center; height: min(62dvh, 640px); min-height: 120px; overflow: auto; border-radius: 13px; scrollbar-color: #4b86b7 #061730; cursor: zoom-in; }
.media-lightbox__stage > img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 11px; }
.media-lightbox__stage.is-zoomed { display: block; cursor: zoom-out; }
.media-lightbox__stage:focus-visible { outline: 3px solid #42bcf4; outline-offset: 3px; }
.media-lightbox__stage.is-panning { cursor: grabbing; user-select: none; }
.media-lightbox__stage.is-zoomed > img { max-width: none; max-height: none; width: var(--media-zoom-width); height: auto; border-radius: 0; }
.media-lightbox__toolbar button[aria-pressed="true"] { background: #0c74b1; }
.media-lightbox__toolbar button:disabled { opacity: .4; cursor: default; }
.media-lightbox__thumbnails { display: flex; justify-content: flex-start; gap: 12px; width: max-content; max-width: 100%; margin: 19px auto 0; padding: 5px; overflow-x: auto; scrollbar-width: thin; }
.media-lightbox__thumbnails button { flex: 0 0 100px; width: 100px; overflow: hidden; padding: 0; border: 2px solid #ffffff30; border-radius: 10px; opacity: .6; transition: opacity .2s, border-color .2s; }
.media-lightbox__thumbnails img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.media-lightbox__thumbnails button:hover { opacity: 1; }
.media-lightbox__thumbnails button[aria-pressed="true"] { opacity: 1; border-color: #1abef7; box-shadow: 0 0 0 2px #1abef733; }
.media-lightbox__thumbnails[hidden] { display: none; }
html.media-gallery-open { overflow: hidden; }
.media-mission { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 80% 10%, #1b518f, #061a42 80%); color: white; }
.media-mission > img { position: absolute; height: 100%; width: 70%; object-fit: cover; right: 0; z-index: -2; }
.media-mission::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #061a42 25%, #061a42bb 55%, #061a4226); }
.media-mission::after { content: ''; position: absolute; width: 580px; height: 210px; left: -260px; bottom: -145px; border: 1px solid #26bff044; border-radius: 50%; transform: rotate(12deg); box-shadow: 0 -10px 0 -9px #a78139, 0 -25px 0 -24px #1284c8; pointer-events: none; }
.media-mission__inner { padding-block: 49px; position: relative; }
.media-mission .media-eyebrow { color: #74d7fb; margin-bottom: 15px; }
.media-mission h2 { font-size: clamp(32px, 3.5vw, 46px); letter-spacing: -.04em; line-height: 1.25; }
.media-mission p:not(.media-eyebrow) { color: #bdcfea; margin-block: 13px 16px; font-size: 17px; }
.media-mission a { display: inline-flex; align-items: center; gap: 16px; font-size: 16px; font-weight: 600; padding-bottom: 5px; border-bottom: 1px solid #bdcfea60; }
.media-mission a:hover { color: #6dd4ff; }
.media-page .blogs-footer { background: #04132f; color: #bdd0eb; padding: 27px 0 15px; }
.media-page .blogs-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.media-page .blogs-footer__inner > img { width: 146px; height: auto; }
.media-page .blogs-footer__inner p { font-size: 16px; }
.media-page .blogs-footer__inner > div { display: flex; gap: 18px; }
.media-page .blogs-footer__copyright { margin-top: 18px; text-align: center; color: #7c92b1; font-size: 14px; }
[data-media-controls][hidden] { display: none; }
@keyframes media-reveal { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 1350px) { .media-page .about-container { width: min(100% - 80px, 1320px); } }
@media (max-width: 1150px) {
    .media-department summary { padding: 18px; gap: 12px; }
    .media-department__title { font-size: 16px; }
    .media-department__toggle { font-size: 12px; }
}
@media (max-width: 850px) {
    .media-gallery__card { flex-basis: calc((100% - 36px) / 2.15); }
    .media-department__description { font-size: 16px; }
    .media-department__toggle span { display: none !important; }
    .media-department__icon { flex-basis: 43px; width: 43px; height: 43px; font-size: 22px; }
}
@media (max-width: 650px) {
    .media-gallery { padding-block: 25px 35px; }
    .media-gallery__track { gap: 13px; margin-top: 19px; }
    .media-gallery__card { flex-basis: 86%; border-radius: 15px; }
    .media-gallery__controls { gap: 7px; }
    .media-gallery__controls button { width: 35px; height: 35px; font-size: 24px; }
    .media-gallery__header h2 { font-size: 30px; }
    .media-gallery__header .media-eyebrow { font-size: 13px; }
    .media-lightbox { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 12px; padding: 12px; }
    .media-lightbox__viewer { position: relative; display: block; }
    .media-lightbox__stage { height: 58dvh; }
    .media-lightbox__viewer > button { position: absolute; top: calc(50% - 19px); z-index: 1; height: 38px; width: 38px; background: #061730cf; }
    .media-lightbox__previous { left: 5px; }
    .media-lightbox__next { right: 5px; }
    .media-lightbox__thumbnails { gap: 9px; margin-top: 12px; }
    .media-lightbox__thumbnails button { flex-basis: 72px; width: 72px; }
    .media-page .about-container { width: calc(100% - 32px); }
    .media-page .about-nav { min-height: 78px; }
    .media-heading > p:last-child:not(.media-eyebrow) { font-size: 16px; }
    .media-departments { padding-top: 35px; }
    .media-departments__grid { grid-template-columns: 1fr; gap: 15px; }
    .media-departments__toolbar { align-items: flex-start; }
    .media-departments__toolbar button { font-size: 14px; padding: 6px 8px; }
    .media-departments__toolbar > span { padding-top: 7px; }
    .media-departments__toolbar > span > span { margin-inline: 3px; }
    .media-department summary { min-height: 109px; }
    .media-department__title { font-size: 18px; }
    .media-department__icon { flex-basis: 49px; width: 49px; height: 49px; }
    .media-departments__note { align-items: flex-start; text-align: left; }
    .media-departments__note i { margin-top: 4px; }
    .media-mission > img { width: 100%; }
    .media-mission::before { background: linear-gradient(90deg, #061a42f5, #061a42bb); }
    .media-mission__inner { padding-block: 36px; }
    .media-page .blogs-footer__inner { flex-direction: column; gap: 13px; }
}
@media (max-width: 1000px) and (min-width: 651px) {
    .media-hero__inner { padding-block: 40px 175px; }
    .media-hero h1 { font-size: 70px; }
    .media-hero__lead { font-size: 23px; }
    .media-leadership__row { gap: 10px; }
    .media-leader { padding: 16px 10px 12px; }
    .media-leader h3 { font-size: 17px; }
    .media-leader__roles { font-size: 15px; }
    .media-leader .media-avatar { width: 90px; height: 90px; }
    .media-leader--coo .media-avatar { width: 180px; height: 180px; }
}
@media (max-width: 650px) {
    .media-hero__inner { min-height: 540px; padding-top: 32px; padding-bottom: 230px; }
    .media-hero h1 { font-size: clamp(43px, 11vw, 65px); margin-block: 17px 15px; white-space: nowrap; }
    .media-hero .media-eyebrow { font-size: 10px; letter-spacing: .14em; }
    .media-hero .media-eyebrow::after { width: 58px; height: 4px; margin-top: 15px; }
    .media-hero__lead { font-size: clamp(18px, 4.8vw, 24px); line-height: 1.55; }
    .media-hero__photos img { width: 100%; transform: none; object-position: 55% center; }
    .media-hero__wash { background: linear-gradient(180deg, #041735bf 0%, #041735e8 10%, #041735b3 38%, #04173522 75%), linear-gradient(90deg, #04173577, transparent); }
    .media-hero__skills { gap: 13px; margin-top: 24px; }
    .media-hero__skills li { gap: 6px; font-size: 8px; }
    .media-hero__skills i { font-size: 21px; }
    .media-hero__waves { height: 200px; }
    .media-main { margin-top: -60px; }
    .media-leadership { padding: 0 0 12px; }
    .media-leadership__chart { position: relative; width: min(100%, 440px); height: 586px; margin-inline: auto; }
    .media-leadership__row { position: absolute; inset: 0; display: block; padding: 0; z-index: 1; }
    .media-leadership__row::before, .media-leadership__row::after, .media-leadership__row > li::before, .media-leadership__row > li::after { display: none; }
    .media-leadership__row > li { position: absolute; width: 120px; height: 156px; }
    .media-leadership__row > li:nth-child(1) { top: 0; left: 2%; }
    .media-leadership__row > li:nth-child(2) { top: 0; right: 2%; }
    .media-leadership__row > li:nth-child(3) { top: 297px; left: 2%; }
    .media-leadership__row > li:nth-child(5) { top: 297px; right: 2%; }
    .media-leadership__row > li:nth-child(4) { bottom: 0; left: calc(50% - 60px); }
    .media-leadership__row .media-leader { display: block; height: auto; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; }
    .media-leadership__row .media-avatar { width: 120px; height: 120px; box-shadow: 0 0 0 2px #c6e6ff, 0 9px 22px #2496eb33; }
    .media-leadership__row .media-leader__more, .media-leader__podium { display: none; }
    .media-leadership__row .media-profile-trigger { display: flex; }
    .media-leadership__row .media-leader__identity { margin-top: 6px; text-align: center; }
    .media-leader__identity > :not(.media-leader__rank) { display: none; }
    .media-leader--coo .media-leader__identity { width: auto; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
    .media-leader .media-leader__rank { display: inline-block; padding: 3px 10px; font-size: 15px; }
    .media-leader--coo { position: absolute; z-index: 2; top: 147px; left: 50%; transform: translateX(-50%); width: auto; max-width: none; padding: 0; }
    .media-leader--coo:hover { transform: translateX(-50%); }
    .media-leader--coo .media-avatar { width: 175px; height: 175px; }
    .media-leadership__hint { margin-top: 20px !important; font-size: 15px; }
    .media-profile { padding: 42px 25px 28px; }
    .media-profile h2 { font-size: 30px; }
}
@media (max-width: 370px) {
    .media-leadership__row > li { width: 105px; height: 141px; }
    .media-leadership__row .media-avatar { width: 105px; height: 105px; }
    .media-leadership__row > li:nth-child(4) { left: calc(50% - 52.5px); }
    .media-leader--coo .media-avatar { width: 158px; height: 158px; }
}
@media (prefers-reduced-motion: reduce) {
    .media-entrance-pending .media-leadership__row > li,
    .media-entrance-pending .media-leader--coo :is(.media-profile-trigger, .media-leader__identity, .media-leader__podium, .media-crown) { opacity: 1; }
    html:has(.media-page) { scroll-behavior: auto; }
    .media-page *, .media-page *::before, .media-page *::after { animation: none !important; transition: none !important; }
    .media-leader:hover, .media-department:hover { transform: none; }
}