:root {
    color-scheme: dark;
    --aidc-nav-height: 76px;
    --aidc-bg: #020617;
    --aidc-bg-2: #071326;
    --aidc-surface: rgba(8, 19, 38, 0.74);
    --aidc-surface-strong: rgba(7, 19, 38, 0.94);
    --aidc-border: rgba(255, 255, 255, 0.12);
    --aidc-text: #f8fafc;
    --aidc-muted: #cbd5e1;
    --aidc-blue: #0b4ea2;
    --aidc-gold: #d4af37;
    --aidc-cyan: #22d3ee;
    --aidc-shadow: rgba(0, 0, 0, 0.30);
    --aidc-content-max: 92rem;
}

@media (min-width: 640px) {
    :root {
        --aidc-nav-height: 88px;
    }
}

html.theme-light,
body.theme-light {
    color-scheme: light;
    --aidc-bg: #f8fbff;
    --aidc-bg-2: #eef6ff;
    --aidc-surface: rgba(255, 255, 255, 0.86);
    --aidc-surface-strong: rgba(255, 255, 255, 0.96);
    --aidc-border: rgba(7, 19, 38, 0.11);
    --aidc-text: #071326;
    --aidc-muted: #475569;
    --aidc-blue: #0b4ea2;
    --aidc-gold: #b8860b;
    --aidc-cyan: #0891b2;
    --aidc-shadow: rgba(15, 23, 42, 0.12);
}

* {
    scrollbar-color: rgba(6, 182, 212, 0.55) rgba(255, 255, 255, 0.06);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: hidden;
    font-weight: 300;
    background: var(--aidc-bg);
    color: var(--aidc-text);
    transition: background-color 240ms ease, color 240ms ease;
}

.max-w-7xl {
    max-width: var(--aidc-content-max) !important;
}

h1,
.font-black {
    font-weight: 400;
    letter-spacing: -0.035em;
}

h2,
.font-extrabold {
    font-weight: 400;
    letter-spacing: -0.025em;
}

h3,
button,
a,
.font-bold {
    font-weight: 400;
}

.site-aurora {
    position: fixed;
    inset: -20% -10% auto -10%;
    height: 55rem;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(circle at 18% 20%, rgba(6, 182, 212, 0.25), transparent 28%),
        radial-gradient(circle at 72% 8%, rgba(246, 196, 83, 0.17), transparent 26%),
        radial-gradient(circle at 52% 70%, rgba(37, 99, 235, 0.20), transparent 34%);
    filter: blur(10px);
    animation: auroraShift 16s ease-in-out infinite alternate;
}

body.theme-light .site-aurora {
    background:
        radial-gradient(circle at 18% 20%, rgba(8, 145, 178, 0.14), transparent 28%),
        radial-gradient(circle at 72% 8%, rgba(184, 134, 11, 0.10), transparent 26%),
        radial-gradient(circle at 52% 70%, rgba(11, 78, 162, 0.11), transparent 34%);
}

.mesh-grid {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(circle at center, black, transparent 76%);
}

.page-title-copy {
    min-width: 0;
}

.page-title-copy h1,
.page-title-copy p {
    overflow-wrap: break-word;
}

.page-title-copy > span {
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border-color: rgba(34, 211, 238, 0.30) !important;
    background: rgba(34, 211, 238, 0.11) !important;
    color: #a5f3fc !important;
    padding: 0.55rem 0.9rem !important;
    font-size: 0.76rem !important;
    font-weight: 800;
    letter-spacing: 0.18em !important;
}

.page-title-copy > span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.theme-light .page-title-section {
    border-bottom-color: rgba(7, 19, 38, 0.10);
    background: linear-gradient(135deg, #f8fbff, #eaf4ff);
}

body.theme-light .page-title-section > .absolute.inset-0 {
    background:
        radial-gradient(circle at 18% 22%, rgba(8, 145, 178, 0.16), transparent 30%),
        radial-gradient(circle at 82% 4%, rgba(184, 134, 11, 0.12), transparent 32%) !important;
}

body.theme-light .page-title-section .mesh-grid {
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.06) 1px, transparent 1px);
}

body.page-contact .page-title-section .mesh-grid,
body.page-gallery .page-title-section .mesh-grid,
body.page-notifications .page-title-section .mesh-grid,
body.page-courses .page-title-section .mesh-grid,
body.page-training-workshops .page-title-section .mesh-grid {
    display: none;
}

body.theme-light .page-title-copy h1 {
    color: #071326 !important;
}

body.theme-light .page-title-copy p {
    color: #475569 !important;
}

body.theme-light .page-title-copy > span {
    border-color: rgba(8, 145, 178, 0.28) !important;
    background: rgba(207, 250, 254, 0.72) !important;
    color: #075985 !important;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

.glass-card {
    position: relative;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.045)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.theme-light .glass-card {
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(238,246,255,0.88));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

.nav-panel {
    transform: translateY(0.4rem);
}

.public-navbar {
    background: rgba(2, 6, 23, 0.86);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 14px 42px rgba(2, 6, 23, 0.30);
    backdrop-filter: blur(18px);
}

.public-navbar .nav-link {
    font-weight: 300;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.theme-toggle [data-theme-toggle-label] {
    white-space: nowrap;
}

.public-navbar .nav-new-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    border: 1px solid rgba(248, 113, 113, 0.38);
    border-radius: 999px;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    padding: 0.15rem 0.42rem;
    color: #ffffff !important;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    box-shadow: 0 8px 18px rgba(239, 68, 68, 0.24);
}

.public-navbar .nav-panel-inner {
    border-color: rgba(34, 211, 238, 0.22);
    background: linear-gradient(145deg, rgba(2, 6, 23, 0.97), rgba(7, 19, 45, 0.98)) !important;
    box-shadow: 0 28px 80px rgba(2, 6, 23, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(22px);
}

.public-navbar .nav-dropdown-link {
    color: rgba(226, 232, 240, 0.96);
    font-weight: 300;
    letter-spacing: 0.005em;
}

.public-navbar .nav-dropdown-link:hover,
.public-navbar .nav-dropdown-link:focus-visible {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.18), rgba(11, 78, 162, 0.22));
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.24);
}

.dropdown-symbol {
    display: inline-flex;
    width: 0.85rem;
    justify-content: center;
    font-weight: 300;
}

.dropdown-symbol::before {
    content: "+";
}

.nav-item:hover .dropdown-symbol::before,
.nav-item:focus-within .dropdown-symbol::before {
    content: "\2212";
}

.nav-item:hover .nav-panel,
.nav-item:focus-within .nav-panel {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.nav-item:hover .nav-panel-inner,
.nav-item:focus-within .nav-panel-inner {
    transform: translateY(0);
}

.home-light {
    background:
        radial-gradient(circle at 12% 20%, rgba(6, 182, 212, 0.10), transparent 28%),
        radial-gradient(circle at 86% 10%, rgba(246, 196, 83, 0.11), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    color: #0f172a;
}

.home-light .glass-card {
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.10);
    backdrop-filter: blur(10px);
}

.home-light .reveal > h2.text-white,
.home-light .reveal > p.text-slate-300 {
    color: #0f172a !important;
}

.home-light .reveal > p.text-slate-300 {
    color: #475569 !important;
}

.home-light .reveal > span {
    border-color: rgba(6, 182, 212, 0.18);
    background: rgba(6, 182, 212, 0.08);
    color: #075985;
}

.home-light .glass-card .text-white,
.home-light .glass-card h2,
.home-light .glass-card h3 {
    color: #0f172a !important;
}

.home-light .glass-card .text-slate-300,
.home-light .glass-card p {
    color: #475569;
}

.home-light .glass-card .text-cyan-100 {
    color: #0369a1 !important;
}

.home-light .glass-card .text-emerald-100 {
    color: #047857 !important;
}

.home-light .filter-button {
    border-color: rgba(15, 23, 42, 0.10);
    background: rgba(255, 255, 255, 0.78);
    color: #1e293b;
}

.home-light .gallery-item .text-white,
.home-light .gallery-item h3,
.home-light .gallery-item p {
    color: #ffffff !important;
}

.home-light .gallery-item .text-\[\#f6c453\] {
    color: #f6c453 !important;
}

.home-dark {
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 18%, rgba(6, 182, 212, 0.19), transparent 30%),
        radial-gradient(circle at 82% 0%, rgba(246, 196, 83, 0.12), transparent 28%),
        linear-gradient(135deg, #050b1f 0%, #071a3f 48%, #040817 100%);
    color: #f8fafc;
}

.home-soft-blue {
    background:
        radial-gradient(circle at 18% 24%, rgba(6, 182, 212, 0.16), transparent 30%),
        linear-gradient(180deg, #071a3f 0%, #081f4d 100%);
    color: #f8fafc;
}

.aidc-gallery-section {
    isolation: isolate;
    background: transparent;
    color: #f8fafc;
}

.gallery-grid-layer {
    display: none;
}

.gallery-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

.aidc-gallery-section > .mx-auto {
    position: relative;
    z-index: 2;
}

.gallery-media-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.gallery-media-icon {
    position: absolute;
    display: grid;
    width: var(--gallery-icon-size, clamp(2.8rem, 5vw, 5rem));
    height: var(--gallery-icon-size, clamp(2.8rem, 5vw, 5rem));
    place-items: center;
    color: rgba(34, 211, 238, 0.38);
    opacity: 0.34;
    filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.14));
    animation: galleryMediaFloatOne var(--gallery-icon-duration, 19s) ease-in-out var(--gallery-icon-delay, 0s) infinite;
}

.gallery-media-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.35;
}

.gallery-media-play,
.gallery-media-film,
.gallery-media-grid {
    color: rgba(246, 196, 83, 0.38);
    filter: drop-shadow(0 0 16px rgba(246, 196, 83, 0.14));
}

.gallery-media-camera {
    left: 4%;
    top: 16%;
    --gallery-icon-duration: 22s;
    --gallery-icon-delay: -4s;
}

.gallery-media-play {
    right: 5%;
    top: 18%;
    --gallery-icon-size: clamp(2.5rem, 4.6vw, 4.6rem);
    --gallery-icon-duration: 18s;
    --gallery-icon-delay: -10s;
    animation-name: galleryMediaFloatTwo;
}

.gallery-media-frame {
    left: 6%;
    bottom: 17%;
    --gallery-icon-size: clamp(3rem, 5.2vw, 5.2rem);
    --gallery-icon-duration: 25s;
    --gallery-icon-delay: -16s;
    animation-name: galleryMediaFloatThree;
}

.gallery-media-film {
    right: 8%;
    bottom: 16%;
    --gallery-icon-size: clamp(2.8rem, 4.8vw, 4.8rem);
    --gallery-icon-duration: 27s;
    --gallery-icon-delay: -21s;
    animation-name: galleryMediaFloatFour;
}

.gallery-media-aperture {
    left: 24%;
    top: 32%;
    --gallery-icon-size: clamp(2.2rem, 4vw, 4rem);
    --gallery-icon-duration: 23s;
    --gallery-icon-delay: -14s;
    animation-name: galleryMediaFloatTwo;
}

.gallery-media-grid {
    right: 30%;
    bottom: 13%;
    --gallery-icon-size: clamp(2rem, 3.6vw, 3.6rem);
    --gallery-icon-duration: 21s;
    --gallery-icon-delay: -7s;
    animation-name: galleryMediaFloatThree;
}

.gallery-media-frame-float {
    position: absolute;
    width: clamp(5rem, 9vw, 8.5rem);
    height: clamp(3.2rem, 5.6vw, 5.2rem);
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 0.7rem;
    opacity: 0.24;
    box-shadow: 0 0 24px rgba(34, 211, 238, 0.08);
    animation: galleryFrameFloat 24s ease-in-out infinite;
}

.gallery-media-frame-float::before {
    content: "";
    position: absolute;
    inset: 0.65rem;
    border: 1px solid rgba(246, 196, 83, 0.16);
    border-radius: 0.45rem;
}

.gallery-media-frame-one {
    left: 18%;
    bottom: 18%;
    --gallery-frame-rotation: -8deg;
    animation-delay: -8s;
}

.gallery-media-frame-two {
    right: 18%;
    top: 30%;
    --gallery-frame-rotation: 9deg;
    animation-delay: -17s;
}

.gallery-portfolio-header {
    display: grid;
    gap: 1.4rem;
    align-items: end;
}

.gallery-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.5rem 1rem;
    color: #a5f3fc;
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.gallery-eyebrow span {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.72);
}

.gallery-portfolio-intro h2 {
    margin-top: 1.1rem;
    max-width: 54rem;
    color: #ffffff;
    font-size: clamp(2.55rem, 6vw, 5.2rem);
    line-height: 0.95;
}

.gallery-portfolio-intro p {
    margin-top: 1.1rem;
    max-width: 48rem;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    line-height: 1.75;
}

.gallery-portfolio-header-actions {
    margin-top: 1.6rem;
}

.gallery-portfolio-open,
.gallery-portfolio-play,
.gallery-video-options button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.14);
    color: #fef3c7;
    font-size: 0.86rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.gallery-portfolio-header-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.64);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
    font-size: 0.86rem;
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(212, 175, 55, 0.22);
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.gallery-portfolio-header-actions a,
.gallery-portfolio-open {
    padding: 0.72rem 1.05rem;
}

.gallery-portfolio-open:hover,
.gallery-portfolio-play:hover,
.gallery-video-options button:hover,
.gallery-video-options button.is-active {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.68);
    background: rgba(246, 196, 83, 0.24);
    color: #fff7d6;
    box-shadow: 0 14px 32px rgba(212, 175, 55, 0.18);
}

.gallery-portfolio-header-actions a:hover {
    transform: translateY(-2px);
    border-color: rgba(254, 226, 138, 0.84);
    background: linear-gradient(135deg, #f6c453, #ffe28a);
    color: #071326;
    box-shadow: 0 18px 42px rgba(212, 175, 55, 0.30);
}

.gallery-portfolio-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.gallery-portfolio-stats div:first-child {
    grid-column: 1 / -1;
}

.gallery-portfolio-stats div {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 80% 0%, rgba(34, 211, 238, 0.16), transparent 45%),
        rgba(255, 255, 255, 0.055);
    padding: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.gallery-portfolio-stats strong {
    display: block;
    color: #ffffff;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 0.95;
}

.gallery-portfolio-stats span {
    margin-top: 0.45rem;
    display: block;
    color: #a5f3fc;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.gallery-portfolio-grid {
    margin-top: clamp(2rem, 4vw, 3rem);
    display: grid;
    grid-auto-flow: dense;
    gap: 0.95rem;
}

.gallery-portfolio-card {
    position: relative;
    display: flex;
    min-height: 17.5rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.25rem;
    background: #071326;
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.25);
    isolation: isolate;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, filter 220ms ease;
}

.gallery-portfolio-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 36px 96px rgba(8, 145, 178, 0.18);
}

.gallery-portfolio-media {
    position: absolute;
    inset: 0;
    min-height: 100%;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.14), rgba(246, 196, 83, 0.08)),
        #020617;
}

.gallery-portfolio-image,
.gallery-modal-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transform: scale(1.035);
    transition: opacity 700ms ease, transform 2800ms ease;
}

.gallery-portfolio-image.is-active,
.gallery-modal-image.is-active {
    opacity: 1;
    transform: scale(1);
}

.gallery-portfolio-card:hover .gallery-portfolio-image.is-active {
    transform: scale(1.06);
}

.gallery-portfolio-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.08) 0%, rgba(2, 6, 23, 0.06) 34%, rgba(2, 6, 23, 0.82) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.36), transparent 62%),
        linear-gradient(135deg, rgba(34, 211, 238, 0.18), transparent 36%);
}

.gallery-portfolio-shade::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 18px);
    opacity: 0.35;
    mix-blend-mode: soft-light;
}

.gallery-portfolio-topbar {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
    padding: 0.9rem;
    pointer-events: none;
}

.gallery-portfolio-date {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.62);
    padding: 0.42rem 0.68rem;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    backdrop-filter: blur(14px);
}

.gallery-portfolio-body {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 58%;
    padding: clamp(0.95rem, 1.7vw, 1.25rem);
    background: linear-gradient(180deg, transparent, rgba(2, 6, 23, 0.42) 24%, rgba(2, 6, 23, 0.92));
}

.gallery-portfolio-count {
    width: fit-content;
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.15);
    padding: 0.34rem 0.58rem;
    color: #a5f3fc;
    font-size: 0.68rem;
    font-weight: 800;
}

.gallery-portfolio-body h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.5rem;
    color: #ffffff;
    font-size: clamp(1rem, 1.35vw, 1.32rem);
    line-height: 1.12;
}

.gallery-portfolio-body p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.45rem;
    color: #cbd5e1;
    font-size: 0.79rem;
    line-height: 1.45;
}

.gallery-portfolio-body .gallery-portfolio-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.78rem;
}

.gallery-portfolio-open {
    width: fit-content;
    min-height: 2.2rem;
    padding: 0.55rem 0.82rem;
    font-size: 0.76rem;
}

.gallery-portfolio-play {
    width: fit-content;
    min-height: 2.2rem;
    padding: 0.55rem 0.82rem;
    font-size: 0.76rem;
}

.gallery-portfolio-play:hover {
    border-color: rgba(246, 196, 83, 0.68);
    background: rgba(246, 196, 83, 0.24);
    color: #fff7d6;
}

.gallery-story-modal-panel {
    width: min(92rem, 100%);
}

.gallery-story-media {
    display: grid;
    grid-template-rows: minmax(21rem, 1fr);
}

.gallery-modal-gallery,
.gallery-modal-video-panel {
    min-height: clamp(24rem, 58vh, 42rem);
}

.gallery-modal-gallery {
    display: grid;
    grid-template-rows: minmax(19rem, 1fr) auto;
    background: #020617;
}

.gallery-modal-image-stage {
    position: relative;
    min-height: clamp(19rem, 48vh, 36rem);
    overflow: hidden;
    background: #020617;
}

body.page-gallery .gallery-story-modal .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

.gallery-modal-caption-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(2, 6, 23, 0.88);
    padding: 1rem;
}

.gallery-modal-caption-row p {
    margin: 0;
    color: #dbeafe;
    line-height: 1.55;
}

.gallery-modal-caption-row span {
    flex: 0 0 auto;
    color: #f6c453;
    font-size: 0.82rem;
    font-weight: 800;
}

.gallery-modal-caption-row.is-counter-only {
    justify-content: flex-end;
}

.gallery-modal-caption-row p:empty {
    display: none;
}

.gallery-modal-caption-row:has(p:empty) {
    justify-content: flex-end;
}

.gallery-modal-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    color: #ffffff;
    font-size: 0;
    line-height: 1;
    transform: translateY(-50%);
    backdrop-filter: blur(14px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.gallery-modal-image-stage:hover .gallery-modal-nav,
.gallery-modal-image-stage:focus-within .gallery-modal-nav {
    opacity: 1;
    pointer-events: auto;
}

.gallery-modal-nav::before {
    content: "";
    width: 0.66rem;
    height: 0.66rem;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.gallery-modal-nav.is-prev {
    left: 1rem;
}

.gallery-modal-nav.is-prev::before {
    transform: rotate(-135deg);
    margin-left: 0.22rem;
}

.gallery-modal-nav.is-next {
    right: 1rem;
}

.gallery-modal-nav.is-next::before {
    transform: rotate(45deg);
    margin-right: 0.22rem;
}

.gallery-modal-pause {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(246, 196, 83, 0.38);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    color: #fff1a8;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.96);
    backdrop-filter: blur(14px);
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.gallery-modal-image-stage:hover .gallery-modal-pause,
.gallery-modal-image-stage:focus-within .gallery-modal-pause {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
}

.gallery-modal-zoom {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(246, 196, 83, 0.38);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    color: #fff1a8;
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(14px);
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.gallery-modal-image-stage:hover .gallery-modal-zoom,
.gallery-modal-image-stage:focus-within .gallery-modal-zoom {
    opacity: 1;
    pointer-events: auto;
}

body.page-gallery .gallery-story-modal .gallery-modal-zoom {
    opacity: 1;
    pointer-events: auto;
}

.gallery-modal-pause:hover,
.gallery-modal-pause:focus-visible,
.gallery-modal-zoom:hover,
.gallery-modal-zoom:focus-visible,
.gallery-modal-nav:hover,
.gallery-modal-nav:focus-visible {
    border-color: rgba(246, 196, 83, 0.66);
    background: rgba(2, 6, 23, 0.82);
    outline: none;
}

.gallery-modal-zoom span {
    position: relative;
    width: 0.92rem;
    height: 0.92rem;
    border: 2px solid currentColor;
    border-radius: 0.22rem;
}

.gallery-modal-zoom span::before,
.gallery-modal-zoom span::after {
    content: "";
    position: absolute;
    width: 0.34rem;
    height: 0.34rem;
}

.gallery-modal-zoom span::before {
    left: -0.18rem;
    top: -0.18rem;
    border-left: 2px solid currentColor;
    border-top: 2px solid currentColor;
}

.gallery-modal-zoom span::after {
    right: -0.18rem;
    bottom: -0.18rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.gallery-modal-pause span,
.modal-gallery-control.is-pause span {
    position: relative;
    width: 0.74rem;
    height: 0.82rem;
}

.gallery-modal-pause span::before,
.gallery-modal-pause span::after,
.modal-gallery-control.is-pause span::before,
.modal-gallery-control.is-pause span::after {
    content: "";
    position: absolute;
    top: 0.05rem;
    width: 0.22rem;
    height: 0.72rem;
    border-radius: 999px;
    background: currentColor;
}

.gallery-modal-pause span::before,
.modal-gallery-control.is-pause span::before {
    left: 0.08rem;
}

.gallery-modal-pause span::after,
.modal-gallery-control.is-pause span::after {
    right: 0.08rem;
}

.gallery-modal-pause.is-paused span::before,
.modal-gallery-control.is-pause.is-paused span::before {
    top: 0;
    left: 0.17rem;
    width: 0;
    height: 0;
    border-top: 0.41rem solid transparent;
    border-bottom: 0.41rem solid transparent;
    border-left: 0.58rem solid currentColor;
    border-radius: 0;
    background: transparent;
}

.gallery-modal-pause.is-paused span::after,
.modal-gallery-control.is-pause.is-paused span::after {
    opacity: 0;
}

.gallery-modal-video-panel {
    position: relative;
    background: #020617;
}

.gallery-modal-video-frame,
.gallery-modal-local-video {
    width: 100%;
    height: 100%;
    min-height: clamp(24rem, 58vh, 42rem);
    border: 0;
    object-fit: contain;
}

.gallery-video-options {
    margin-top: 1.2rem;
}

.gallery-video-options h3 {
    margin-top: 0;
}

.gallery-video-options div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.gallery-video-options button {
    padding: 0.6rem 0.9rem;
}

.gallery-story-rich {
    margin-top: 1rem;
    color: #cbd5e1;
    line-height: 1.8;
}

.gallery-story-rich > :first-child {
    margin-top: 0;
}

.gallery-story-rich > :last-child {
    margin-bottom: 0;
}

.gallery-story-rich :where(p, ul, ol, blockquote) {
    margin-top: 1rem;
}

.gallery-story-rich :where(h3, h4, h5) {
    margin-top: 1.25rem;
    color: #ffffff;
    font-weight: 750;
    line-height: 1.2;
}

.gallery-story-rich h3 {
    font-size: 1.12rem;
}

.gallery-story-rich h4,
.gallery-story-rich h5 {
    font-size: 1rem;
}

.gallery-story-rich :where(ul, ol) {
    padding-left: 1.35rem;
}

.gallery-story-rich ul {
    list-style: disc;
}

.gallery-story-rich ol {
    list-style: decimal;
}

.gallery-story-rich li {
    margin-top: 0.45rem;
    padding-left: 0.15rem;
}

.gallery-story-rich :where(strong, b) {
    color: #ffffff;
    font-weight: 800;
}

.gallery-story-rich :where(em, i) {
    color: #fef3c7;
}

.gallery-story-rich blockquote {
    border-left: 3px solid rgba(246, 196, 83, 0.62);
    padding-left: 1rem;
    color: #dbeafe;
}

@media (min-width: 760px) {
    .gallery-portfolio-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-auto-rows: 8rem;
    }

    .gallery-portfolio-card {
        min-height: auto;
        grid-column: span 3;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(3n + 2) {
        grid-column: span 3;
    }

    .gallery-portfolio-card:nth-child(4n + 3) {
        grid-column: span 2;
    }

    .gallery-portfolio-card:nth-child(5n) {
        grid-column: span 4;
    }

    .gallery-portfolio-card:nth-child(6n + 1) {
        grid-column: span 4;
    }
}

@media (min-width: 1024px) {
    .gallery-portfolio-header {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.38fr);
    }

    .gallery-portfolio-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: 7.6rem;
    }

    .gallery-portfolio-card,
    .gallery-portfolio-card.is-spotlight {
        grid-column: span 3;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(1) {
        grid-column: span 4;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(2),
    .gallery-portfolio-card:nth-child(3) {
        grid-column: span 4;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(4) {
        grid-column: span 3;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(5) {
        grid-column: span 5;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(6) {
        grid-column: span 4;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(n + 7) {
        grid-column: span 3;
        grid-row: span 2;
    }

    .gallery-portfolio-card:nth-child(n + 7) p {
        display: none;
    }
}

@media (max-width: 640px) {
    .page-title-section {
        overflow-x: clip;
    }

    .page-title-copy p {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.7;
    }

    .aidc-gallery-section {
        overflow-x: clip;
    }

    .gallery-portfolio-intro h2 {
        font-size: clamp(2rem, 12vw, 3rem);
        line-height: 1.02;
    }

    .gallery-portfolio-intro p {
        max-width: 100%;
        font-size: 0.96rem;
        line-height: 1.65;
    }

    .gallery-portfolio-card {
        min-width: 0;
        min-height: 21rem;
        border-radius: 1.1rem;
    }

    .gallery-portfolio-topbar {
        gap: 0.5rem;
        padding: 0.85rem;
    }

    .gallery-portfolio-date {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        padding: 0.4rem 0.55rem;
        font-size: 0.62rem;
        text-overflow: ellipsis;
    }

    .gallery-portfolio-date {
        justify-content: flex-end;
    }

    .gallery-portfolio-body {
        min-height: 62%;
        padding: 0.95rem;
    }

    .gallery-portfolio-count {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .gallery-portfolio-body h3 {
        font-size: 1.08rem;
    }

    .gallery-portfolio-body p {
        font-size: 0.78rem;
        line-height: 1.42;
    }

    .gallery-portfolio-body .gallery-portfolio-actions {
        gap: 0.42rem;
    }

    .gallery-portfolio-open,
    .gallery-portfolio-play {
        flex: 0 0 auto;
        min-height: 2.05rem;
        padding: 0.48rem 0.68rem;
        font-size: 0.72rem;
    }

    .gallery-story-modal-panel {
        width: 100%;
    }

    .gallery-modal-caption-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .gallery-modal-nav {
        width: 2.45rem;
        height: 2.45rem;
    }

    .gallery-modal-nav.is-prev {
        left: 0.7rem;
    }

    .gallery-modal-nav.is-next {
        right: 0.7rem;
    }
}

body.theme-light .aidc-gallery-section {
    background:
        linear-gradient(118deg, rgba(212, 175, 55, 0.16) 0 16%, transparent 16% 100%),
        radial-gradient(circle at 16% 18%, rgba(8, 145, 178, 0.12), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(212, 175, 55, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 54%, #f8fbff 100%);
    color: #071326;
}

body.theme-light .gallery-media-layer {
    mix-blend-mode: multiply;
}

body.theme-light .gallery-media-icon {
    color: rgba(0, 112, 138, 0.42);
    opacity: 0.44;
    filter: drop-shadow(0 0 14px rgba(0, 142, 166, 0.12));
}

body.theme-light .gallery-media-play,
body.theme-light .gallery-media-film,
body.theme-light .gallery-media-grid {
    color: rgba(166, 111, 0, 0.42);
    filter: drop-shadow(0 0 14px rgba(184, 134, 11, 0.12));
}

body.theme-light .gallery-media-frame-float {
    border-color: rgba(0, 112, 138, 0.20);
    box-shadow: 0 0 20px rgba(0, 142, 166, 0.08);
}

body.theme-light .gallery-media-frame-float::before {
    border-color: rgba(166, 111, 0, 0.18);
}

body.theme-light .gallery-grid-layer {
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.055) 1px, transparent 1px),
        repeating-linear-gradient(135deg, rgba(184, 134, 11, 0.08) 0 1px, transparent 1px 22px);
}

body.theme-light .gallery-portfolio-intro h2,
body.theme-light .gallery-portfolio-stats strong {
    color: #071326;
}

body.theme-light .gallery-portfolio-intro p {
    color: #475569;
}

body.theme-light .gallery-portfolio-card h3 {
    color: #ffffff;
}

body.theme-light .gallery-portfolio-card p {
    color: #e2e8f0;
}

body.theme-light .gallery-eyebrow,
body.theme-light .gallery-portfolio-date {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

body.theme-light .gallery-portfolio-open,
body.theme-light .gallery-portfolio-play {
    border-color: rgba(154, 100, 0, 0.70);
    background: linear-gradient(135deg, #d4af37, #ffd66b);
    color: #071326;
    box-shadow:
        0 12px 28px rgba(184, 134, 11, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

body.theme-light .gallery-video-options button {
    border-color: rgba(184, 134, 11, 0.32);
    background: rgba(212, 175, 55, 0.16);
    color: #8a5f05;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

body.page-gallery.theme-light .gallery-portfolio-open,
html.theme-light body.page-gallery .gallery-portfolio-open {
    border-color: rgba(184, 134, 11, 0.58);
    background: linear-gradient(135deg, #d4af37, #ffd66b);
    color: #071326;
    box-shadow:
        0 12px 28px rgba(184, 134, 11, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

body.theme-light .gallery-portfolio-header-actions a {
    border-color: rgba(184, 134, 11, 0.42);
    background: linear-gradient(135deg, #c89618, #f3cf5d);
    color: #071326;
    box-shadow: 0 12px 30px rgba(184, 134, 11, 0.20);
}

body.theme-light .gallery-portfolio-play {
    border-color: rgba(154, 100, 0, 0.58);
    background: linear-gradient(135deg, #f0bd2e, #ffe28a);
    color: #071326;
    box-shadow:
        0 12px 28px rgba(184, 134, 11, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.64);
}

body.theme-light .gallery-portfolio-open:hover,
body.theme-light .gallery-portfolio-play:hover {
    border-color: rgba(154, 100, 0, 0.82);
    background: linear-gradient(135deg, #f4c338, #fff0a8);
    color: #071326;
    box-shadow:
        0 16px 36px rgba(184, 134, 11, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.theme-light .gallery-video-options button:hover,
body.theme-light .gallery-video-options button.is-active {
    border-color: rgba(184, 134, 11, 0.54);
    background: rgba(212, 175, 55, 0.28);
    color: #6b4300;
}

body.page-gallery.theme-light .gallery-portfolio-open:hover,
html.theme-light body.page-gallery .gallery-portfolio-open:hover {
    border-color: rgba(154, 100, 0, 0.72);
    background: linear-gradient(135deg, #f0bd2e, #ffe28a);
    color: #071326;
    box-shadow:
        0 16px 36px rgba(184, 134, 11, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.66);
}

body.theme-light .gallery-portfolio-header-actions a:hover {
    border-color: rgba(184, 134, 11, 0.58);
    background: linear-gradient(135deg, #f0c247, #ffe28a);
    color: #071326;
    box-shadow: 0 18px 42px rgba(184, 134, 11, 0.26);
}

body.theme-light .gallery-portfolio-play:hover {
    border-color: rgba(154, 100, 0, 0.82);
    background: linear-gradient(135deg, #f4c338, #fff0a8);
    color: #071326;
    box-shadow:
        0 16px 36px rgba(184, 134, 11, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.theme-light .gallery-story-content,
html.theme-light body .gallery-story-content {
    background: #ffffff;
    color: #334155;
}

body.theme-light .gallery-story-content :where(p, ul, ol, li, blockquote),
html.theme-light body .gallery-story-content :where(p, ul, ol, li, blockquote) {
    color: #475569 !important;
}

body.theme-light .gallery-story-rich,
html.theme-light body .gallery-story-rich {
    color: #475569;
}

body.theme-light .gallery-story-content :where(h2, h3, h4, h5, strong, b),
html.theme-light body .gallery-story-content :where(h2, h3, h4, h5, strong, b) {
    color: #071326 !important;
}

body.theme-light .gallery-story-rich :where(em, i),
html.theme-light body .gallery-story-rich :where(em, i) {
    color: #8a5f05;
}

body.theme-light .gallery-story-rich blockquote,
html.theme-light body .gallery-story-rich blockquote {
    border-left-color: rgba(184, 134, 11, 0.50);
    color: #334155;
}

body.theme-light .gallery-story-content dl div,
html.theme-light body .gallery-story-content dl div {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.66);
}

body.theme-light .gallery-story-content dt,
html.theme-light body .gallery-story-content dt {
    color: #8a5f05;
}

body.theme-light .gallery-story-content dd,
html.theme-light body .gallery-story-content dd {
    color: #334155;
}

body.theme-light .gallery-portfolio-stats div,
body.theme-light .gallery-portfolio-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        radial-gradient(circle at 80% 0%, rgba(8, 145, 178, 0.10), transparent 45%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

body.theme-light .gallery-portfolio-topbar .gallery-portfolio-date {
    border-color: rgba(255, 255, 255, 0.20);
    background: rgba(2, 6, 23, 0.58);
    color: #ffffff;
}

body.theme-light .gallery-portfolio-count {
    background: rgba(8, 145, 178, 0.20);
    color: #cffafe;
}

body.theme-light .gallery-portfolio-stats span {
    color: #075985;
}

.aidc-notice-section {
    isolation: isolate;
    background: transparent;
    color: #f8fafc;
}

body.page-notifications .aidc-notice-section {
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

.notice-board-grid-layer {
    display: none;
}

.notice-board-grid-layer::before {
    display: none;
}

.notice-board-grid-layer::after {
    display: none;
}

.notice-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

.aidc-notice-section > .mx-auto {
    position: relative;
    z-index: 2;
}

.notice-symbol-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.notice-symbol {
    position: absolute;
    display: grid;
    width: var(--notice-symbol-size, clamp(2.4rem, 4.6vw, 4.6rem));
    height: var(--notice-symbol-size, clamp(2.4rem, 4.6vw, 4.6rem));
    place-items: center;
    color: rgba(34, 211, 238, 0.38);
    opacity: 0;
    filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.14));
    animation: noticeSymbolDriftOne var(--notice-symbol-duration, 22s) ease-in-out var(--notice-symbol-delay, 0s) infinite;
}

.notice-symbol svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.35;
}

.notice-symbol-pin,
.notice-symbol-file,
.notice-symbol-megaphone,
.notice-symbol-download {
    color: rgba(246, 196, 83, 0.38);
    filter: drop-shadow(0 0 16px rgba(246, 196, 83, 0.14));
}

.notice-symbol-bell {
    left: 4%;
    top: 16%;
    --notice-symbol-duration: 24s;
    --notice-symbol-delay: -4s;
}

.notice-symbol-pin {
    right: 5%;
    top: 18%;
    --notice-symbol-size: clamp(2.2rem, 4.2vw, 4.2rem);
    --notice-symbol-duration: 20s;
    --notice-symbol-delay: -11s;
    animation-name: noticeSymbolDriftTwo;
}

.notice-symbol-clip {
    left: 7%;
    bottom: 18%;
    --notice-symbol-size: clamp(2rem, 3.8vw, 3.8rem);
    --notice-symbol-duration: 26s;
    --notice-symbol-delay: -17s;
    animation-name: noticeSymbolDriftThree;
}

.notice-symbol-file {
    right: 8%;
    bottom: 19%;
    --notice-symbol-size: clamp(2.6rem, 4.8vw, 4.8rem);
    --notice-symbol-duration: 28s;
    --notice-symbol-delay: -23s;
    animation-name: noticeSymbolDriftFour;
}

.notice-symbol-calendar {
    left: 26%;
    top: 8%;
    --notice-symbol-size: clamp(2.2rem, 4vw, 4rem);
    --notice-symbol-duration: 27s;
    --notice-symbol-delay: -15s;
    animation-name: noticeSymbolDriftTwo;
}

.notice-symbol-megaphone {
    right: 28%;
    top: 34%;
    --notice-symbol-size: clamp(2.4rem, 4.2vw, 4.2rem);
    --notice-symbol-duration: 23s;
    --notice-symbol-delay: -8s;
    animation-name: noticeSymbolDriftThree;
}

.notice-symbol-clock {
    left: 30%;
    bottom: 8%;
    --notice-symbol-size: clamp(2rem, 3.5vw, 3.5rem);
    --notice-symbol-duration: 25s;
    --notice-symbol-delay: -19s;
    animation-name: noticeSymbolDriftFour;
}

.notice-symbol-download {
    right: 31%;
    bottom: 9%;
    --notice-symbol-size: clamp(1.9rem, 3.3vw, 3.3rem);
    --notice-symbol-duration: 21s;
    --notice-symbol-delay: -6s;
    animation-name: noticeSymbolDriftOne;
}

.notice-board-header {
    display: grid;
    gap: 1rem;
    align-items: end;
}

.notice-board-panel {
    position: relative;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-notifications .notice-board-header {
    align-items: start;
    grid-template-columns: 1fr !important;
    gap: 0.8rem;
}

body.page-notifications .notice-board-header h2 {
    font-size: clamp(2rem, 4vw, 3.35rem) !important;
    line-height: 1.03 !important;
}

body.page-notifications main .aidc-notice-section .notice-board-panel .notice-board-header h2 {
    font-size: clamp(2rem, 4vw, 3.35rem) !important;
    line-height: 1.03 !important;
}

body.page-notifications .notice-board-header p {
    margin-top: 0.8rem;
}

@media (min-width: 900px) {
    body.page-notifications .notice-board-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.5fr);
        column-gap: clamp(1.5rem, 4vw, 3rem);
        row-gap: 0.85rem;
        align-items: start;
    }

    body.page-notifications .notice-board-header {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    body.page-notifications .notice-result-summary {
        grid-column: 2;
        grid-row: 1;
        margin-top: 0.25rem;
    }

    body.page-notifications .notice-filter-controls {
        display: contents;
    }

    body.page-notifications .notice-filter-chip-row {
        grid-column: 2;
        grid-row: 2;
        align-self: end;
    }

    body.page-notifications .notice-search-panel {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        max-width: 100%;
        margin-top: 0.55rem;
    }
}

.notice-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.notice-board-header.text-center .notice-eyebrow {
    margin-inline: auto;
}

.notice-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

.notice-board-header h2 {
    max-width: 52rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.02;
    letter-spacing: 0;
}

.notice-board-header.text-center h2,
.notice-board-header.text-center p {
    margin-inline: auto;
}

.notice-board-header p {
    margin-top: 1rem;
    max-width: 46rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

.notice-board-grid {
    margin-top: 1.1rem;
    display: grid;
    align-items: start;
    gap: 1.2rem;
}

.notice-filter-controls {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
}

.notice-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.75rem;
}

.notice-filter-chip-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    max-width: 100%;
}

.notice-search-state {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.notice-search-toggle {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.14);
    padding: 0.56rem 1rem;
    color: #fef3c7;
    font-size: 0.9rem;
    font-weight: 400 !important;
    line-height: 1.25;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.notice-search-toggle::before {
    content: "";
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 16px rgba(34, 211, 238, 0.58);
}

.notice-search-toggle:hover,
.notice-search-toggle:focus-visible,
.notice-search-state:focus-visible ~ .notice-filter-chip-row .notice-search-toggle {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.66);
    background: rgba(246, 196, 83, 0.22);
    outline: none;
}

.notice-search-state:checked ~ .notice-filter-chip-row .notice-search-toggle {
    border-color: rgba(34, 211, 238, 0.36);
    background: rgba(34, 211, 238, 0.12);
    color: #cffafe;
}

.notice-search-panel {
    flex: 1 0 100%;
    order: 5;
    margin-top: 1rem;
    text-align: left;
    display: none;
    gap: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.15rem;
    background:
        linear-gradient(145deg, rgba(34, 211, 238, 0.08), rgba(246, 196, 83, 0.055)),
        rgba(7, 19, 38, 0.78);
    padding: clamp(0.9rem, 2vw, 1.15rem);
    box-shadow:
        0 22px 60px rgba(2, 6, 23, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.notice-search-state:checked ~ .notice-search-panel {
    display: grid;
}

.notice-search-field {
    display: grid;
    gap: 0.42rem;
}

.notice-search-field span {
    color: #a5f3fc;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.notice-search-field input,
.notice-search-field select {
    width: 100%;
    min-height: 2.8rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 0.82rem;
    background: rgba(2, 6, 23, 0.58);
    padding: 0.72rem 0.85rem;
    color: #f8fafc;
    font-size: 0.92rem;
    outline: none;
    transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.notice-search-field input:focus,
.notice-search-field select:focus {
    border-color: rgba(246, 196, 83, 0.54);
    background: rgba(2, 6, 23, 0.72);
    box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.10);
}

.notice-search-field input::placeholder {
    color: rgba(203, 213, 225, 0.64);
}

.notice-search-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.65rem;
}

.notice-search-actions button,
.notice-search-actions a {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.72rem 1rem;
    font-size: 0.84rem;
    font-weight: 850;
}

.notice-search-actions button {
    border: 1px solid rgba(246, 196, 83, 0.44);
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
}

.notice-search-actions a {
    border: 1px solid rgba(34, 211, 238, 0.24);
    background: rgba(34, 211, 238, 0.10);
    color: #cffafe;
}

.notice-result-summary {
    margin-top: 1rem;
    color: #cbd5e1;
    font-size: 0.92rem;
    text-align: left;
}

.aidc-notice-section .filter-button {
    border-color: rgba(34, 211, 238, 0.22) !important;
    background: rgba(34, 211, 238, 0.08) !important;
    color: #cbd5e1 !important;
    font-weight: 400;
}

.aidc-notice-section .filter-button:hover,
.aidc-notice-section .filter-button:focus-visible {
    border-color: rgba(34, 211, 238, 0.36) !important;
    background: rgba(34, 211, 238, 0.13) !important;
    color: #f8fafc !important;
}

.aidc-notice-section .filter-button.is-active {
    border-color: rgba(246, 196, 83, 0.58) !important;
    background: rgba(246, 196, 83, 0.16) !important;
    color: #f6c453 !important;
}

.notice-empty {
    margin-top: 2rem;
    border: 1px dashed rgba(246, 196, 83, 0.30);
    border-radius: 1.1rem;
    background: rgba(246, 196, 83, 0.08);
    padding: 1.25rem;
    color: #fef3c7;
    text-align: center;
}

.notice-card {
    position: relative;
    overflow: hidden;
    display: flex;
    min-height: 0;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.notice-card:hover {
    transform: translateY(-5px);
    border-color: rgba(246, 196, 83, 0.34);
    box-shadow: 0 34px 88px rgba(212, 175, 55, 0.16);
}

.notice-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 0.22rem;
    background: linear-gradient(90deg, #f6c453, rgba(34, 211, 238, 0.78), transparent);
    pointer-events: none;
}

.notice-pin {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    z-index: 2;
    width: 0.74rem;
    height: 0.74rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 0 5px rgba(246, 196, 83, 0.15), 0 0 20px rgba(246, 196, 83, 0.45);
}

.notice-status-badge {
    position: absolute;
    top: 0.82rem;
    left: 0.82rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    border: 1px solid rgba(246, 196, 83, 0.44);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.18);
    padding: 0.48rem 0.78rem;
    color: #fff1b8;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px);
}

.notice-status-badge::before {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 16px rgba(34, 211, 238, 0.72);
}

.notice-card.is-ongoing.has-media .notice-card-media {
    margin-top: 3.35rem;
}

.notice-card.is-ongoing.is-text-only .notice-card-body {
    padding-top: 3.35rem;
}

.notice-card-media {
    position: relative;
    z-index: 1;
    margin: 0.82rem 0.82rem 0;
    height: 13.5rem;
    min-height: 13.5rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.11), rgba(246, 196, 83, 0.08)),
        #020617;
}

.notice-card-media::after {
    display: none;
}

.notice-card-media img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0.96;
}

.notice-card-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    min-height: 0;
    flex-direction: column;
    padding: 1.15rem;
}

.notice-card.is-text-only {
    min-height: 19rem;
}

.notice-card.is-text-only .notice-card-body {
    padding-top: 1.45rem;
}

.notice-card.is-text-only .notice-card-topline {
    padding-right: 1.85rem;
}

.notice-card-topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.notice-card-topline span,
.notice-card-topline time,
.notice-card-meta span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
}

.notice-card-topline span {
    border: 1px solid rgba(34, 211, 238, 0.24);
    background: rgba(34, 211, 238, 0.12);
    padding: 0.42rem 0.62rem;
    color: #a5f3fc;
    text-transform: uppercase;
}

.notice-card-topline time {
    border: 1px solid rgba(246, 196, 83, 0.28);
    background: rgba(246, 196, 83, 0.13);
    padding: 0.42rem 0.62rem;
    color: #fef3c7;
}

.notice-card h3 {
    margin-top: 0.95rem;
    color: #ffffff;
    font-size: 1.28rem;
    line-height: 1.16;
    letter-spacing: 0;
}

.notice-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0.75rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.6;
}

.notice-card-meta {
    margin-top: auto;
    padding-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.notice-card-meta span {
    border: 1px solid rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.06);
    padding: 0.38rem 0.56rem;
    color: #dbeafe;
}

.notice-open-button {
    margin-top: 1rem;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.40);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.14);
    padding: 0.62rem 0.92rem;
    color: #fef3c7;
    font-size: 0.82rem;
    font-weight: 800;
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.notice-open-button:hover,
.notice-open-button:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.64);
    background: rgba(246, 196, 83, 0.24);
}

.innovation-modal-panel.notice-modal-panel {
    display: block;
    width: min(94rem, calc(100vw - 1.5rem));
    max-height: min(calc(100dvh - var(--aidc-nav-height) - (var(--innovation-modal-gap) * 2) - env(safe-area-inset-top)), 62rem);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 30%),
        #071326;
}

.notice-modal-layout {
    display: grid;
    max-height: inherit;
    overflow-y: auto;
    background: #071326;
}

.notice-modal-gallery,
.notice-modal-video-panel {
    min-height: 24rem;
}

.notice-modal-gallery {
    display: grid;
    grid-template-rows: minmax(20rem, 1fr) auto auto;
    background: #020617;
}

.notice-modal-image-stage {
    min-height: 24rem;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(246, 196, 83, 0.07)),
        #020617;
}

.notice-modal-image-stage .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

.notice-modal-video-panel {
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(246, 196, 83, 0.07)),
        #020617;
}

.notice-modal-video-panel .gallery-modal-video-frame,
.notice-modal-video-panel .gallery-modal-local-video {
    min-height: 24rem;
    object-fit: contain;
}

.notice-image-downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(2, 6, 23, 0.92);
    padding: 0.9rem 1rem 1rem;
}

.notice-image-downloads a,
.notice-attachments a {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.58rem 0.78rem;
    color: #cffafe;
    font-size: 0.78rem;
    font-weight: 800;
}

.innovation-modal-content.notice-modal-content {
    background:
        linear-gradient(145deg, rgba(34, 211, 238, 0.065), transparent 36%),
        rgba(7, 19, 38, 0.98);
    max-height: none;
}

.innovation-modal-content.notice-modal-content h2 {
    font-size: 2.25rem;
    letter-spacing: 0;
    line-height: 1.08;
}

.notice-modal-rich {
    margin-top: 1.1rem;
    color: #cbd5e1;
    font-size: 0.98rem;
    font-weight: 300 !important;
    line-height: 1.8;
}

.notice-modal-rich > :first-child {
    margin-top: 0;
}

.notice-modal-rich > :last-child {
    margin-bottom: 0;
}

.notice-modal-rich :where(p, ul, ol, blockquote) {
    margin: 0.85rem 0 0;
}

.notice-modal-rich :where(h3, h4, h5) {
    margin: 1.15rem 0 0.45rem;
    color: #ffffff;
    font-weight: 500 !important;
    line-height: 1.25;
}

.notice-modal-rich h3 {
    font-size: 1.14rem;
}

.notice-modal-rich h4,
.notice-modal-rich h5 {
    font-size: 1rem;
}

.notice-modal-rich :where(ul, ol) {
    padding-left: 1.35rem;
}

.notice-modal-rich ul {
    list-style: disc;
}

.notice-modal-rich ol {
    list-style: decimal;
}

.notice-modal-rich li {
    margin-top: 0.42rem;
    padding-left: 0.18rem;
}

.notice-modal-rich :where(strong, b) {
    color: #ffffff;
    font-weight: 500 !important;
}

.notice-modal-rich :where(em, i) {
    font-style: italic;
}

.notice-modal-rich blockquote {
    border-left: 3px solid rgba(246, 196, 83, 0.54);
    padding-left: 1rem;
    color: #e2e8f0;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich p,
.innovation-modal-content.notice-modal-content .notice-modal-rich ul,
.innovation-modal-content.notice-modal-content .notice-modal-rich ol,
.innovation-modal-content.notice-modal-content .notice-modal-rich blockquote {
    margin: 0.85rem 0 0;
    color: #cbd5e1;
    font-weight: 300 !important;
    line-height: 1.8;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich h3,
.innovation-modal-content.notice-modal-content .notice-modal-rich h4,
.innovation-modal-content.notice-modal-content .notice-modal-rich h5 {
    margin: 1.15rem 0 0.45rem;
    color: #ffffff;
    font-weight: 500 !important;
    line-height: 1.25;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich :where(strong, b) {
    font-weight: 500 !important;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich ul,
.innovation-modal-content.notice-modal-content .notice-modal-rich ol {
    padding-left: 1.35rem;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich ul {
    list-style: disc;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich ol {
    list-style: decimal;
}

.innovation-modal-content.notice-modal-content .notice-modal-rich li {
    margin-top: 0.42rem;
    padding-left: 0.18rem;
}

.notice-modal-kicker {
    width: fit-content;
    border: 1px solid rgba(246, 196, 83, 0.28);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.46rem 0.72rem;
    color: #fef3c7 !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.notice-video-options,
.notice-attachments {
    margin-top: 1.4rem;
}

.notice-attachments h3,
.notice-video-options h3 {
    margin: 0 0 0.7rem;
    color: #ffffff;
    font-size: 1rem;
}

.notice-attachments {
    display: grid;
    gap: 0.6rem;
}

.notice-attachments a {
    justify-content: flex-start;
    border-radius: 0.9rem;
}

.notice-attachments a span {
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0.28rem 0.42rem;
    color: #fef3c7;
    text-transform: uppercase;
}

@media (min-width: 760px) {
    .notice-board-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notice-board-header h2 {
        font-size: 3.6rem;
    }

    .notice-card-media {
        height: 14rem;
        min-height: 14rem;
    }

    .notice-search-panel {
        grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(10rem, 0.65fr));
        align-items: end;
    }

    .notice-search-field:has(select) {
        grid-column: span 1;
    }

    .notice-search-actions {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1024px) {
    .notice-board-header {
        grid-template-columns: minmax(0, 0.25fr) minmax(0, 1fr);
    }

    .notice-board-header.text-center {
        grid-template-columns: 1fr;
    }

    .notice-board-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .notice-board-header h2 {
        font-size: 4.45rem;
    }

    .notice-modal-layout.has-media {
        grid-template-columns: minmax(0, 1.18fr) minmax(24rem, 0.82fr);
    }

    .notice-modal-layout.is-text-first {
        grid-template-columns: 1fr;
    }

    .notice-modal-layout.has-media .notice-modal-gallery,
    .notice-modal-layout.has-media .notice-modal-video-panel {
        grid-column: 1;
        grid-row: 1;
        min-height: min(70vh, 46rem);
    }

    .notice-modal-layout.has-media .notice-modal-image-stage,
    .notice-modal-layout.has-media .notice-modal-video-panel .gallery-modal-video-frame,
    .notice-modal-layout.has-media .notice-modal-video-panel .gallery-modal-local-video {
        min-height: min(58vh, 38rem);
    }

    .notice-modal-layout.has-media .notice-modal-content {
        grid-column: 2;
        grid-row: 1;
        max-height: inherit;
        overflow-y: auto;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
    }

    .notice-modal-layout.has-video:not(.has-media) .notice-modal-video-panel {
        min-height: 34rem;
    }
}

@media (min-width: 1280px) {
    .notice-board-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .notice-search-panel {
        grid-template-columns: minmax(16rem, 1.35fr) minmax(9rem, 0.7fr) repeat(2, minmax(9rem, 0.65fr)) auto;
    }

    .notice-search-actions {
        grid-column: auto;
    }
}

body.theme-light .aidc-notice-section {
    background: transparent;
    color: #071326;
}

body.theme-light .notice-symbol-layer {
    mix-blend-mode: multiply;
}

body.theme-light .notice-symbol {
    color: rgba(0, 112, 138, 0.42);
    filter: drop-shadow(0 0 14px rgba(0, 142, 166, 0.12));
}

body.theme-light .notice-symbol-pin,
body.theme-light .notice-symbol-file,
body.theme-light .notice-symbol-megaphone,
body.theme-light .notice-symbol-download {
    color: rgba(166, 111, 0, 0.42);
    filter: drop-shadow(0 0 14px rgba(184, 134, 11, 0.12));
}

body.theme-light .notice-board-grid-layer {
    display: none;
}

body.theme-light .notice-board-grid-layer::before {
    display: none;
}

body.theme-light .notice-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.theme-light .notice-board-panel {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.theme-light .notice-board-header h2,
body.theme-light .notice-card h3,
body.theme-light .notice-attachments h3,
body.theme-light .notice-video-options h3 {
    color: #071326;
}

body.theme-light .notice-board-header p,
body.theme-light .notice-card p {
    color: #475569;
}

body.theme-light .notice-card {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(239, 246, 255, 0.92)),
        rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

body.theme-light .notice-card-media {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(135deg, rgba(8, 145, 178, 0.08), rgba(212, 175, 55, 0.09)),
        #eef6ff;
}

body.theme-light .notice-card-topline span,
body.theme-light .notice-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.theme-light .aidc-notice-section .filter-button {
    border-color: rgba(8, 145, 178, 0.18) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #475569 !important;
}

body.theme-light .aidc-notice-section .filter-button:hover,
body.theme-light .aidc-notice-section .filter-button:focus-visible {
    border-color: rgba(8, 145, 178, 0.30) !important;
    background: rgba(207, 250, 254, 0.54) !important;
    color: #075985 !important;
}

body.theme-light .aidc-notice-section .filter-button.is-active {
    border-color: rgba(184, 134, 11, 0.30) !important;
    background: rgba(212, 175, 55, 0.16) !important;
    color: #8a5f05 !important;
}

body.theme-light .notice-search-toggle {
    border-color: rgba(184, 134, 11, 0.30);
    background: rgba(212, 175, 55, 0.14);
    color: #8a5f05;
}

body.theme-light .notice-search-toggle::before {
    background: #0891b2;
    box-shadow: 0 0 14px rgba(8, 145, 178, 0.34);
}

body.theme-light .notice-search-toggle:hover,
body.theme-light .notice-search-toggle:focus-visible,
body.theme-light .notice-search-state:focus-visible ~ .notice-filter-chip-row .notice-search-toggle {
    border-color: rgba(184, 134, 11, 0.42);
    background: rgba(212, 175, 55, 0.22);
}

body.theme-light .notice-search-state:checked ~ .notice-filter-chip-row .notice-search-toggle {
    border-color: rgba(8, 145, 178, 0.26);
    background: rgba(207, 250, 254, 0.58);
    color: #075985;
}

body.theme-light .notice-search-panel {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        linear-gradient(145deg, rgba(8, 145, 178, 0.055), rgba(212, 175, 55, 0.06)),
        rgba(255, 255, 255, 0.84);
    box-shadow:
        0 22px 50px rgba(15, 23, 42, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.80);
}

body.theme-light .notice-search-field span {
    color: #075985;
}

body.theme-light .notice-search-field input,
body.theme-light .notice-search-field select {
    border-color: rgba(11, 78, 162, 0.13);
    background: rgba(255, 255, 255, 0.88);
    color: #071326;
}

body.theme-light .notice-search-field input:focus,
body.theme-light .notice-search-field select:focus {
    border-color: rgba(184, 134, 11, 0.34);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
}

body.theme-light .notice-search-field input::placeholder {
    color: rgba(71, 85, 105, 0.64);
}

body.theme-light .notice-search-actions a {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.54);
    color: #075985;
}

body.theme-light .notice-result-summary {
    color: #475569;
}

body.theme-light .notice-card-topline time,
body.theme-light .notice-modal-kicker {
    border-color: rgba(184, 134, 11, 0.26);
    background: rgba(212, 175, 55, 0.15);
    color: #8a5f05 !important;
}

body.theme-light .notice-open-button {
    border-color: rgba(154, 100, 0, 0.68);
    background: linear-gradient(135deg, #d4af37, #ffd66b);
    color: #071326 !important;
    box-shadow:
        0 12px 28px rgba(184, 134, 11, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

body.theme-light .notice-open-button:hover,
body.theme-light .notice-open-button:focus-visible {
    border-color: rgba(154, 100, 0, 0.82);
    background: linear-gradient(135deg, #f4c338, #fff0a8);
    color: #071326 !important;
    box-shadow:
        0 16px 36px rgba(184, 134, 11, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.theme-light .notice-status-badge {
    border-color: rgba(184, 134, 11, 0.30);
    background: rgba(255, 255, 255, 0.86);
    color: #8a5f05;
    box-shadow:
        0 14px 30px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.theme-light .notice-status-badge::before {
    background: #0891b2;
    box-shadow: 0 0 14px rgba(8, 145, 178, 0.38);
}

body.theme-light .notice-empty {
    border-color: rgba(184, 134, 11, 0.24);
    background: rgba(212, 175, 55, 0.12);
    color: #8a5f05;
}

body.theme-light .notice-card-meta span {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(255, 255, 255, 0.72);
    color: #475569;
}

body.theme-light .innovation-modal-content.notice-modal-content {
    background:
        linear-gradient(145deg, rgba(8, 145, 178, 0.05), transparent 36%),
        rgba(255, 255, 255, 0.98);
}

body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich p,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich ul,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich ol,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich blockquote {
    color: #475569;
}

body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich h3,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich h4,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich h5,
body.theme-light .innovation-modal-content.notice-modal-content .notice-modal-rich :where(strong, b) {
    color: #071326;
}

body.theme-light .innovation-modal-content.notice-modal-content dl div {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(238, 246, 255, 0.72);
    color: #334155;
}

body.theme-light .innovation-modal-content.notice-modal-content dt {
    color: #8a5f05;
}

body.theme-light .innovation-modal-content.notice-modal-content dd {
    color: #334155;
}

body.theme-light .notice-modal-layout,
body.theme-light .innovation-modal-panel.notice-modal-panel {
    background: #ffffff;
}

body.theme-light .notice-modal-gallery,
body.theme-light .notice-modal-image-stage,
body.theme-light .notice-modal-image-stage .gallery-modal-image,
body.theme-light .notice-modal-video-panel {
    background:
        linear-gradient(135deg, rgba(8, 145, 178, 0.06), rgba(212, 175, 55, 0.06)),
        #eef6ff;
}

body.theme-light .notice-image-downloads a,
body.theme-light .notice-attachments a {
    border-color: rgba(8, 145, 178, 0.34);
    background: rgba(224, 242, 254, 0.95);
    color: #075985 !important;
    font-weight: 400 !important;
}

body.theme-light .notice-attachments a span {
    color: #0f5f8d !important;
    font-weight: 400 !important;
}

.aidc-journey-section {
    isolation: isolate;
    background:
        radial-gradient(circle at 14% 18%, rgba(34, 211, 238, 0.20), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(212, 175, 55, 0.16), transparent 28%),
        linear-gradient(135deg, #020617 0%, #071326 48%, #0b1b33 100%);
    color: #f8fafc;
}

.journey-grid-layer {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(34, 211, 238, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 211, 238, 0.055) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 72%);
    pointer-events: none;
}

.journey-aurora {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    filter: blur(4px);
    opacity: 0.8;
    pointer-events: none;
}

.journey-aurora-one {
    left: -7rem;
    top: 7rem;
    height: 20rem;
    width: 20rem;
    border: 1px solid rgba(34, 211, 238, 0.18);
    background: radial-gradient(circle, rgba(34, 211, 238, 0.13), transparent 62%);
}

.journey-aurora-two {
    right: -6rem;
    bottom: 5rem;
    height: 24rem;
    width: 24rem;
    border: 1px solid rgba(212, 175, 55, 0.18);
    background: radial-gradient(circle, rgba(212, 175, 55, 0.13), transparent 64%);
}

.aidc-journey-section > .relative {
    z-index: 2;
}

.journey-spark-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.journey-spark {
    position: absolute;
    width: var(--journey-spark-size, 0.6rem);
    height: var(--journey-spark-size, 0.6rem);
    border-radius: 999px;
    background: #22d3ee;
    box-shadow:
        0 0 0 4px rgba(34, 211, 238, 0.10),
        0 0 16px rgba(34, 211, 238, 0.44),
        0 0 34px rgba(34, 211, 238, 0.16);
    opacity: 0;
    animation: journeySparkFloatOne var(--journey-spark-duration, 15s) ease-in-out var(--journey-spark-delay, 0s) infinite;
}

.journey-spark::after {
    content: "";
    position: absolute;
    inset: -0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: inherit;
    opacity: 0.5;
    animation: journeySparkHalo 4.2s ease-in-out infinite;
}

.journey-spark::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(var(--journey-spark-size, 0.6rem) * 4.8);
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.32), transparent);
    opacity: 0.36;
    transform: translateY(-50%) rotate(var(--journey-spark-trail, -18deg));
}

.journey-spark-two,
.journey-spark-four,
.journey-spark-six,
.journey-spark-eight {
    background: #f6c453;
    box-shadow:
        0 0 0 4px rgba(246, 196, 83, 0.12),
        0 0 16px rgba(246, 196, 83, 0.44),
        0 0 34px rgba(246, 196, 83, 0.16);
}

.journey-spark-two::after,
.journey-spark-four::after,
.journey-spark-six::after,
.journey-spark-eight::after {
    border-color: rgba(246, 196, 83, 0.20);
}

.journey-spark-two::before,
.journey-spark-four::before,
.journey-spark-six::before,
.journey-spark-eight::before {
    background: linear-gradient(90deg, rgba(246, 196, 83, 0.34), transparent);
}

.journey-spark-three,
.journey-spark-seven {
    border-radius: 0.18rem;
    transform: rotate(45deg);
}

.journey-spark-five,
.journey-spark-eight {
    background: transparent;
    border: 1px solid rgba(34, 211, 238, 0.50);
}

.journey-spark-eight {
    border-color: rgba(246, 196, 83, 0.55);
}

.journey-spark-one {
    left: 7%;
    top: 18%;
    --journey-spark-size: 0.72rem;
    --journey-spark-duration: 17s;
    --journey-spark-delay: -3s;
    --journey-spark-trail: 16deg;
}

.journey-spark-two {
    right: 8%;
    top: 15%;
    --journey-spark-size: 0.58rem;
    --journey-spark-duration: 22s;
    --journey-spark-delay: -13s;
    --journey-spark-trail: -24deg;
    animation-name: journeySparkFloatTwo;
}

.journey-spark-three {
    left: 5%;
    top: 56%;
    --journey-spark-size: 0.5rem;
    --journey-spark-duration: 19s;
    --journey-spark-delay: -8s;
    --journey-spark-trail: 32deg;
    animation-name: journeySparkFloatThree;
}

.journey-spark-four {
    right: 5%;
    top: 60%;
    --journey-spark-size: 0.78rem;
    --journey-spark-duration: 24s;
    --journey-spark-delay: -18s;
    --journey-spark-trail: -12deg;
    animation-name: journeySparkFloatFour;
}

.journey-spark-five {
    left: 17%;
    bottom: 8%;
    --journey-spark-size: 0.68rem;
    --journey-spark-duration: 21s;
    --journey-spark-delay: -11s;
    --journey-spark-trail: 8deg;
    animation-name: journeySparkFloatTwo;
}

.journey-spark-six {
    right: 17%;
    bottom: 8%;
    --journey-spark-size: 0.6rem;
    --journey-spark-duration: 18s;
    --journey-spark-delay: -6s;
    --journey-spark-trail: -34deg;
    animation-name: journeySparkFloatThree;
}

.journey-spark-seven {
    left: 48%;
    top: 8%;
    --journey-spark-size: 0.46rem;
    --journey-spark-duration: 26s;
    --journey-spark-delay: -21s;
    --journey-spark-trail: 44deg;
    animation-name: journeySparkFloatFour;
}

.journey-spark-eight {
    left: 50%;
    bottom: 4%;
    --journey-spark-size: 0.76rem;
    --journey-spark-duration: 25s;
    --journey-spark-delay: -16s;
    --journey-spark-trail: -8deg;
    animation-name: journeySparkFloatOne;
}

.journey-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.52rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.74rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.journey-eyebrow span {
    height: 0.42rem;
    width: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.85);
}

.journey-title {
    margin-top: 1.25rem;
    color: #ffffff;
    font-size: clamp(2.4rem, 6vw, 5.4rem);
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.journey-intro {
    margin-top: 1.35rem;
    max-width: 44rem;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.85;
}

.journey-manifesto {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.6rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04)),
        rgba(8, 19, 38, 0.72);
    padding: 1.25rem;
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(18px);
}

.journey-manifesto p {
    color: #f6c453;
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.journey-manifesto div {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.journey-manifesto span {
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.52rem 0.8rem;
    color: #e0f2fe;
    font-size: 0.84rem;
}

.journey-experience {
    position: relative;
    margin-top: 4.5rem;
}

.journey-core {
    margin-inline: auto;
    margin-bottom: 2rem;
    display: grid;
    height: 11rem;
    width: 11rem;
    place-items: center;
    position: relative;
}

.journey-core-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    box-shadow: 0 0 55px rgba(34, 211, 238, 0.18);
    animation: orbitPulse 4.5s ease-in-out infinite;
}

.journey-core-inner {
    display: grid;
    height: 7.4rem;
    width: 7.4rem;
    place-items: center;
    border: 1px solid rgba(212, 175, 55, 0.34);
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 25%, rgba(246, 196, 83, 0.16), transparent 44%),
        rgba(2, 6, 23, 0.78);
    text-align: center;
}

.journey-core-inner span {
    color: #f6c453;
    font-size: 1.25rem;
    letter-spacing: 0.12em;
}

.journey-core-inner strong {
    margin-top: -1.4rem;
    max-width: 5.8rem;
    color: #e0f2fe;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.journey-track {
    position: relative;
    display: grid;
    gap: 1.1rem;
}

.journey-track::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1.3rem;
    top: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(34, 211, 238, 0.10), rgba(34, 211, 238, 0.80), rgba(212, 175, 55, 0.72), rgba(34, 211, 238, 0.10));
}

.journey-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 12% 8%, rgba(34, 211, 238, 0.13), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.04)),
        rgba(8, 19, 38, 0.74);
    padding: 1.35rem;
    box-shadow:
        0 24px 72px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.journey-card:hover {
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, 0.38);
    box-shadow: 0 30px 90px rgba(8, 145, 178, 0.18);
}

.journey-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(246, 196, 83, 0.15), transparent 28%);
    opacity: 0;
    transition: opacity 220ms ease;
}

.journey-card:hover::before {
    opacity: 1;
}

.journey-card > * {
    position: relative;
}

.journey-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.journey-number {
    display: inline-grid;
    height: 2.7rem;
    width: 2.7rem;
    place-items: center;
    border: 1px solid rgba(246, 196, 83, 0.30);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    color: #f6c453;
    font-size: 0.84rem;
}

.journey-kicker {
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.journey-card h3 {
    margin-top: 1.2rem;
    color: #ffffff;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    letter-spacing: -0.025em;
    line-height: 1.14;
}

.journey-card p {
    margin-top: 0.9rem;
    color: #cbd5e1;
    font-size: 0.94rem;
    line-height: 1.75;
}

.journey-outcome {
    margin-top: 1.2rem;
    border-left: 3px solid #f6c453;
    border-radius: 0.9rem;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.75rem 0.9rem;
}

.journey-outcome span {
    display: block;
    color: #f6c453;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.journey-outcome strong {
    display: block;
    margin-top: 0.25rem;
    color: #fff7d6;
    font-size: 0.9rem;
    line-height: 1.35;
}

.journey-tools {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.journey-tools span {
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.09);
    padding: 0.38rem 0.62rem;
    color: #bae6fd;
    font-size: 0.72rem;
}

@media (min-width: 1024px) {
    .journey-core {
        margin-bottom: -1rem;
    }

    .journey-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .journey-track::before {
        left: 4%;
        right: 4%;
        top: 50%;
        bottom: auto;
        height: 2px;
        width: auto;
        background: linear-gradient(90deg, rgba(34, 211, 238, 0.10), rgba(34, 211, 238, 0.78), rgba(246, 196, 83, 0.80), rgba(34, 211, 238, 0.10));
    }

    .journey-card:nth-child(2),
    .journey-card:nth-child(5) {
        margin-top: 2.2rem;
    }

    .journey-card:nth-child(3),
    .journey-card:nth-child(4) {
        margin-top: 4.4rem;
    }
}

body.theme-light .aidc-journey-section {
    background:
        radial-gradient(circle at 12% 18%, rgba(8, 145, 178, 0.13), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(184, 134, 11, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    color: #071326;
}

body.theme-light .journey-grid-layer {
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.055) 1px, transparent 1px);
}

body.theme-light .journey-spark-layer {
    mix-blend-mode: multiply;
}

body.theme-light .journey-spark {
    background: #008ea6;
    box-shadow:
        0 0 0 4px rgba(0, 142, 166, 0.10),
        0 0 14px rgba(0, 142, 166, 0.48),
        0 0 28px rgba(0, 142, 166, 0.18);
}

body.theme-light .journey-spark-two,
body.theme-light .journey-spark-four,
body.theme-light .journey-spark-six {
    background: #b8860b;
    box-shadow:
        0 0 0 4px rgba(184, 134, 11, 0.12),
        0 0 14px rgba(184, 134, 11, 0.50),
        0 0 28px rgba(184, 134, 11, 0.18);
}

body.theme-light .journey-spark-five,
body.theme-light .journey-spark-eight {
    background: transparent;
}

body.theme-light .journey-title,
body.theme-light .journey-card h3 {
    color: #071326;
}

body.theme-light .journey-intro,
body.theme-light .journey-card p {
    color: #475569;
}

body.theme-light .journey-eyebrow {
    border-color: rgba(8, 145, 178, 0.22);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body.theme-light .journey-manifesto,
body.theme-light .journey-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 178, 0.10), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

body.theme-light .journey-manifesto p,
body.theme-light .journey-number,
body.theme-light .journey-outcome span {
    color: #8a5f05;
}

body.theme-light .journey-manifesto span,
body.theme-light .journey-kicker,
body.theme-light .journey-tools span {
    color: #075985;
}

body.theme-light .journey-manifesto span,
body.theme-light .journey-tools span {
    border-color: rgba(8, 145, 178, 0.16);
    background: rgba(207, 250, 254, 0.64);
}

body.theme-light .journey-core-inner {
    border-color: rgba(184, 134, 11, 0.26);
    background:
        radial-gradient(circle at 50% 25%, rgba(212, 175, 55, 0.18), transparent 44%),
        rgba(255, 255, 255, 0.92);
}

body.theme-light .journey-core-inner strong {
    color: #0b4ea2;
}

body.theme-light .journey-outcome {
    background: rgba(212, 175, 55, 0.14);
}

body.theme-light .journey-outcome strong {
    color: #071326;
}

.technology-domain-section {
    isolation: isolate;
    background:
        radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.20), transparent 30%),
        radial-gradient(circle at 82% 2%, rgba(212, 175, 55, 0.14), transparent 28%),
        linear-gradient(135deg, #040817 0%, #071a3f 48%, #020617 100%);
    color: #f8fafc;
}

.domain-grid-layer {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(90deg, rgba(34, 211, 238, 0.065) 1px, transparent 1px),
        linear-gradient(rgba(34, 211, 238, 0.055) 1px, transparent 1px),
        radial-gradient(circle, rgba(212, 175, 55, 0.28) 1px, transparent 2px);
    background-size: 72px 72px, 72px 72px, 72px 72px;
    mask-image: linear-gradient(180deg, transparent, black 14%, black 86%, transparent);
    pointer-events: none;
}

.domain-field {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    pointer-events: none;
}

.domain-field-one {
    left: -8rem;
    top: 8rem;
    height: 25rem;
    width: 25rem;
    border: 1px solid rgba(34, 211, 238, 0.15);
    background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 62%);
}

.domain-field-two {
    right: -9rem;
    bottom: 1rem;
    height: 29rem;
    width: 29rem;
    border: 1px solid rgba(212, 175, 55, 0.14);
    background: radial-gradient(circle, rgba(212, 175, 55, 0.12), transparent 64%);
}

.technology-domain-section > .relative {
    z-index: 2;
}

.domain-signal-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.domain-signal-dot {
    position: absolute;
    width: var(--domain-dot-size, 0.5rem);
    height: var(--domain-dot-size, 0.5rem);
    border-radius: 999px;
    background: #22d3ee;
    box-shadow:
        0 0 0 4px rgba(34, 211, 238, 0.09),
        0 0 16px rgba(34, 211, 238, 0.42),
        0 0 34px rgba(34, 211, 238, 0.16);
    opacity: 0;
    animation: domainSignalDriftOne var(--domain-dot-duration, 16s) ease-in-out var(--domain-dot-delay, 0s) infinite;
}

.domain-signal-dot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(var(--domain-dot-size, 0.5rem) * 5.8);
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.30), transparent);
    opacity: 0.34;
    transform: translateY(-50%) rotate(var(--domain-trail-angle, 0deg));
}

.domain-signal-dot-two,
.domain-signal-dot-four,
.domain-signal-dot-six {
    background: #f6c453;
    box-shadow:
        0 0 0 4px rgba(246, 196, 83, 0.10),
        0 0 16px rgba(246, 196, 83, 0.42),
        0 0 34px rgba(246, 196, 83, 0.16);
}

.domain-signal-dot-two::before,
.domain-signal-dot-four::before,
.domain-signal-dot-six::before {
    background: linear-gradient(90deg, rgba(246, 196, 83, 0.32), transparent);
}

.domain-signal-dot-one {
    left: 5%;
    top: 20%;
    --domain-dot-size: 0.58rem;
    --domain-dot-duration: 18s;
    --domain-dot-delay: -3s;
    --domain-trail-angle: 18deg;
}

.domain-signal-dot-two {
    right: 6%;
    top: 18%;
    --domain-dot-size: 0.5rem;
    --domain-dot-duration: 23s;
    --domain-dot-delay: -15s;
    --domain-trail-angle: -22deg;
    animation-name: domainSignalDriftTwo;
}

.domain-signal-dot-three {
    left: 3%;
    top: 62%;
    --domain-dot-size: 0.45rem;
    --domain-dot-duration: 20s;
    --domain-dot-delay: -9s;
    --domain-trail-angle: -12deg;
    animation-name: domainSignalDriftThree;
}

.domain-signal-dot-four {
    right: 4%;
    top: 64%;
    --domain-dot-size: 0.64rem;
    --domain-dot-duration: 25s;
    --domain-dot-delay: -20s;
    --domain-trail-angle: 28deg;
    animation-name: domainSignalDriftFour;
}

.domain-signal-dot-five {
    left: 31%;
    bottom: 3%;
    --domain-dot-size: 0.46rem;
    --domain-dot-duration: 22s;
    --domain-dot-delay: -12s;
    --domain-trail-angle: 36deg;
    animation-name: domainSignalDriftTwo;
}

.domain-signal-dot-six {
    right: 28%;
    top: 4%;
    --domain-dot-size: 0.52rem;
    --domain-dot-duration: 21s;
    --domain-dot-delay: -6s;
    --domain-trail-angle: -34deg;
    animation-name: domainSignalDriftThree;
}

.domain-signal-ring {
    position: absolute;
    width: clamp(5rem, 10vw, 9rem);
    height: clamp(5rem, 10vw, 9rem);
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 999px;
    opacity: 0.34;
    box-shadow: inset 0 0 24px rgba(34, 211, 238, 0.06), 0 0 32px rgba(34, 211, 238, 0.08);
    animation: domainSignalRing 12s ease-in-out infinite;
}

.domain-signal-ring::before,
.domain-signal-ring::after {
    content: "";
    position: absolute;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.42);
}

.domain-signal-ring::before {
    left: 13%;
    top: 20%;
}

.domain-signal-ring::after {
    right: 16%;
    bottom: 18%;
}

.domain-signal-ring-one {
    left: 10%;
    bottom: 14%;
    animation-delay: -4s;
}

.domain-signal-ring-two {
    right: 12%;
    top: 26%;
    border-color: rgba(246, 196, 83, 0.20);
    box-shadow: inset 0 0 24px rgba(246, 196, 83, 0.07), 0 0 32px rgba(246, 196, 83, 0.08);
    animation-delay: -9s;
}

.domain-signal-ring-two::before,
.domain-signal-ring-two::after {
    background: #f6c453;
    box-shadow: 0 0 14px rgba(246, 196, 83, 0.42);
}

.domain-signal-scan {
    position: absolute;
    height: 1px;
    width: clamp(8rem, 18vw, 17rem);
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.30), rgba(246, 196, 83, 0.26), transparent);
    opacity: 0;
    transform: rotate(var(--domain-scan-angle, -12deg));
    animation: domainSignalScan 14s ease-in-out var(--domain-scan-delay, 0s) infinite;
}

.domain-signal-scan-one {
    left: 3%;
    bottom: 28%;
    --domain-scan-angle: -18deg;
    --domain-scan-delay: -5s;
}

.domain-signal-scan-two {
    right: 3%;
    top: 37%;
    --domain-scan-angle: 16deg;
    --domain-scan-delay: -11s;
}

.domain-heading-grid {
    display: grid;
    gap: 1.5rem;
}

.domain-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.52rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.74rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.domain-eyebrow span {
    height: 0.42rem;
    width: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.85);
}

.domain-title {
    margin-top: 1.15rem;
    color: #ffffff;
    font-size: clamp(2.35rem, 6vw, 5.2rem);
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.domain-intro {
    margin-top: 1.25rem;
    max-width: 46rem;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.7vw, 1.18rem);
    line-height: 1.85;
}

.domain-console {
    align-self: end;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.6rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04)),
        rgba(8, 19, 38, 0.72);
    padding: 1.25rem;
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.26);
    backdrop-filter: blur(18px);
}

.domain-console p {
    color: #f6c453;
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.domain-console div {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.domain-console span {
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.52rem 0.8rem;
    color: #e0f2fe;
    font-size: 0.84rem;
}

.domain-atlas {
    margin-top: 3.6rem;
    display: grid;
    gap: 1.25rem;
}

.domain-radar {
    position: relative;
    min-height: 27rem;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 2rem;
    background:
        radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.16), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035)),
        rgba(8, 19, 38, 0.78);
    box-shadow:
        0 30px 90px rgba(2, 6, 23, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.domain-radar-ring,
.domain-radar-axis {
    position: absolute;
    pointer-events: none;
}

.domain-radar-ring {
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 999px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.domain-radar-ring-one {
    height: 72%;
    width: 72%;
}

.domain-radar-ring-two {
    height: 50%;
    width: 50%;
    border-color: rgba(212, 175, 55, 0.18);
}

.domain-radar-ring-three {
    height: 28%;
    width: 28%;
}

.domain-radar-axis-x {
    left: 10%;
    right: 10%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.28), transparent);
}

.domain-radar-axis-y {
    bottom: 10%;
    left: 50%;
    top: 10%;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(34, 211, 238, 0.28), transparent);
}

.domain-radar-core {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    height: 8.5rem;
    width: 8.5rem;
    place-items: center;
    border: 1px solid rgba(212, 175, 55, 0.34);
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 24%, rgba(246, 196, 83, 0.17), transparent 46%),
        rgba(2, 6, 23, 0.78);
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 54px rgba(34, 211, 238, 0.14);
}

.domain-radar-core span {
    color: #f6c453;
    font-size: 1.2rem;
    letter-spacing: 0.12em;
}

.domain-radar-core strong {
    margin-top: -1.7rem;
    max-width: 6.6rem;
    color: #e0f2fe;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    line-height: 1.35;
    text-transform: uppercase;
}

.domain-radar-node {
    position: absolute;
    left: var(--node-x);
    top: var(--node-y);
    display: grid;
    height: 3.3rem;
    width: 3.3rem;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.72);
    color: #a5f3fc;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 26px rgba(34, 211, 238, 0.16);
}

.domain-radar-node::before {
    content: "";
    position: absolute;
    inset: -0.55rem;
    border: 1px solid rgba(246, 196, 83, 0.12);
    border-radius: inherit;
}

.domain-radar-node b {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
}

.domain-card-grid {
    display: grid;
    gap: 1rem;
}

.domain-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(34, 211, 238, 0.13), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.04)),
        rgba(8, 19, 38, 0.74);
    padding: 1.25rem;
    box-shadow:
        0 24px 72px rgba(2, 6, 23, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.domain-card:hover {
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, 0.38);
    box-shadow: 0 30px 90px rgba(8, 145, 178, 0.18);
}

.domain-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, rgba(246, 196, 83, 0.13), transparent 30%);
    opacity: 0;
    transition: opacity 220ms ease;
}

.domain-card:hover::before {
    opacity: 1;
}

.domain-card > * {
    position: relative;
}

.domain-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.domain-code {
    display: inline-grid;
    min-width: 3rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid rgba(246, 196, 83, 0.30);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    color: #f6c453;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
}

.domain-signal {
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-align: right;
    text-transform: uppercase;
}

.domain-card h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(1.15rem, 1.8vw, 1.45rem);
    letter-spacing: -0.02em;
    line-height: 1.18;
}

.domain-card p {
    margin-top: 0.85rem;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.72;
}

.domain-tools {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.domain-tools span {
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.09);
    padding: 0.38rem 0.62rem;
    color: #bae6fd;
    font-size: 0.72rem;
}

@media (min-width: 1024px) {
    .domain-heading-grid {
        grid-template-columns: 1fr 0.72fr;
        align-items: end;
    }

    .domain-atlas {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        align-items: stretch;
    }

    .domain-radar {
        min-height: 42rem;
    }

    .domain-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .domain-card-wide {
        grid-column: span 2;
    }
}

body.theme-light .technology-domain-section {
    background:
        radial-gradient(circle at 12% 18%, rgba(8, 145, 178, 0.13), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(184, 134, 11, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    color: #071326;
}

body.theme-light .domain-grid-layer {
    background-image:
        linear-gradient(90deg, rgba(11, 78, 162, 0.052) 1px, transparent 1px),
        linear-gradient(rgba(11, 78, 162, 0.052) 1px, transparent 1px),
        radial-gradient(circle, rgba(184, 134, 11, 0.16) 1px, transparent 2px);
}

body.theme-light .domain-signal-layer {
    mix-blend-mode: multiply;
}

body.theme-light .domain-signal-dot {
    background: #008ea6;
    box-shadow:
        0 0 0 4px rgba(0, 142, 166, 0.10),
        0 0 14px rgba(0, 142, 166, 0.46),
        0 0 30px rgba(0, 142, 166, 0.18);
}

body.theme-light .domain-signal-dot-two,
body.theme-light .domain-signal-dot-four,
body.theme-light .domain-signal-dot-six {
    background: #b8860b;
    box-shadow:
        0 0 0 4px rgba(184, 134, 11, 0.12),
        0 0 14px rgba(184, 134, 11, 0.48),
        0 0 30px rgba(184, 134, 11, 0.18);
}

body.theme-light .domain-signal-ring {
    border-color: rgba(0, 112, 138, 0.24);
    box-shadow: inset 0 0 20px rgba(0, 142, 166, 0.05), 0 0 26px rgba(0, 142, 166, 0.08);
}

body.theme-light .domain-signal-ring-two {
    border-color: rgba(166, 111, 0, 0.26);
}

body.theme-light .domain-signal-scan {
    background: linear-gradient(90deg, transparent, rgba(0, 142, 166, 0.32), rgba(184, 134, 11, 0.28), transparent);
}

body.theme-light .domain-title,
body.theme-light .domain-card h3 {
    color: #071326;
}

body.theme-light .domain-intro,
body.theme-light .domain-card p {
    color: #475569;
}

body.theme-light .domain-eyebrow {
    border-color: rgba(8, 145, 178, 0.22);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body.theme-light .domain-console,
body.theme-light .domain-radar,
body.theme-light .domain-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        radial-gradient(circle at 8% 0%, rgba(8, 145, 178, 0.10), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

body.theme-light .domain-console p,
body.theme-light .domain-code,
body.theme-light .domain-radar-core span {
    color: #8a5f05;
}

body.theme-light .domain-console span,
body.theme-light .domain-signal,
body.theme-light .domain-tools span,
body.theme-light .domain-radar-node {
    color: #075985;
}

body.theme-light .domain-console span,
body.theme-light .domain-tools span {
    border-color: rgba(8, 145, 178, 0.16);
    background: rgba(207, 250, 254, 0.64);
}

body.theme-light .domain-radar-core {
    border-color: rgba(184, 134, 11, 0.26);
    background:
        radial-gradient(circle at 50% 24%, rgba(212, 175, 55, 0.18), transparent 46%),
        rgba(255, 255, 255, 0.92);
}

body.theme-light .domain-radar-core strong {
    color: #0b4ea2;
}

body.theme-light .domain-radar-node {
    border-color: rgba(8, 145, 178, 0.22);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 14px 28px rgba(11, 78, 162, 0.10);
}

body.theme-light .aidc-journey-section,
body.theme-light .technology-domain-section {
    background:
        radial-gradient(circle at 12% 14%, rgba(8, 145, 178, 0.20), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(184, 134, 11, 0.18), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #e4f1ff 48%, #ffffff 100%);
}

body.theme-light .journey-grid-layer,
body.theme-light .domain-grid-layer {
    opacity: 1;
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.095) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.095) 1px, transparent 1px),
        radial-gradient(circle, rgba(184, 134, 11, 0.22) 1px, transparent 2px);
}

body.theme-light .journey-aurora-one,
body.theme-light .domain-field-one {
    border-color: rgba(8, 145, 178, 0.24);
    background: radial-gradient(circle, rgba(8, 145, 178, 0.18), transparent 62%);
}

body.theme-light .journey-aurora-two,
body.theme-light .domain-field-two {
    border-color: rgba(184, 134, 11, 0.24);
    background: radial-gradient(circle, rgba(184, 134, 11, 0.17), transparent 64%);
}

body.theme-light .journey-eyebrow,
body.theme-light .domain-eyebrow {
    border-color: rgba(8, 145, 178, 0.38);
    background: linear-gradient(135deg, rgba(207, 250, 254, 0.98), rgba(255, 255, 255, 0.88));
    color: #075985;
    box-shadow: 0 10px 24px rgba(8, 145, 178, 0.13);
}

body.theme-light .journey-title,
body.theme-light .domain-title {
    color: #06172d;
    text-shadow: 0 12px 34px rgba(11, 78, 162, 0.10);
}

body.theme-light .journey-intro,
body.theme-light .domain-intro {
    color: #334155;
}

body.theme-light .journey-manifesto,
body.theme-light .journey-card,
body.theme-light .domain-console,
body.theme-light .domain-radar,
body.theme-light .domain-card {
    border-color: rgba(11, 78, 162, 0.24);
    background:
        radial-gradient(circle at 12% 0%, rgba(8, 145, 178, 0.15), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(212, 175, 55, 0.12), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(232, 243, 255, 0.94));
    box-shadow:
        0 26px 68px rgba(11, 78, 162, 0.16),
        0 4px 12px rgba(15, 23, 42, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body.theme-light .journey-card:hover,
body.theme-light .domain-card:hover {
    border-color: rgba(8, 145, 178, 0.48);
    box-shadow:
        0 30px 78px rgba(11, 78, 162, 0.22),
        0 8px 20px rgba(8, 145, 178, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

body.theme-light .journey-track::before {
    background: linear-gradient(180deg, rgba(11, 78, 162, 0.16), rgba(8, 145, 178, 0.95), rgba(184, 134, 11, 0.92), rgba(11, 78, 162, 0.16));
    box-shadow: 0 0 18px rgba(8, 145, 178, 0.22);
}

body.theme-light .journey-core-ring {
    border-color: rgba(8, 145, 178, 0.46);
    box-shadow: 0 0 58px rgba(8, 145, 178, 0.22);
}

body.theme-light .journey-core-inner,
body.theme-light .domain-radar-core {
    border-color: rgba(184, 134, 11, 0.42);
    background:
        radial-gradient(circle at 50% 22%, rgba(212, 175, 55, 0.26), transparent 44%),
        linear-gradient(145deg, #ffffff, #eaf4ff);
    box-shadow:
        0 18px 40px rgba(184, 134, 11, 0.14),
        inset 0 0 0 1px rgba(255, 255, 255, 0.80);
}

body.theme-light .journey-core-inner span,
body.theme-light .domain-radar-core span,
body.theme-light .journey-number,
body.theme-light .domain-code {
    color: #7a4d00;
}

body.theme-light .journey-number,
body.theme-light .domain-code {
    border-color: rgba(184, 134, 11, 0.34);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.24), rgba(255, 255, 255, 0.72));
}

body.theme-light .journey-kicker,
body.theme-light .domain-signal {
    color: #075985;
}

body.theme-light .journey-tools span,
body.theme-light .journey-manifesto span,
body.theme-light .domain-tools span,
body.theme-light .domain-console span {
    border-color: rgba(8, 145, 178, 0.26);
    background: linear-gradient(135deg, rgba(207, 250, 254, 0.92), rgba(255, 255, 255, 0.76));
    color: #075985;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

body.theme-light .journey-outcome {
    border-left-color: #b8860b;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.20), rgba(255, 255, 255, 0.78));
    box-shadow: inset 0 0 0 1px rgba(184, 134, 11, 0.10);
}

body.theme-light .journey-outcome strong,
body.theme-light .journey-card h3,
body.theme-light .domain-card h3 {
    color: #06172d;
}

body.theme-light .domain-radar-ring {
    border-color: rgba(8, 145, 178, 0.34);
}

body.theme-light .domain-radar-ring-two {
    border-color: rgba(184, 134, 11, 0.34);
}

body.theme-light .domain-radar-axis-x {
    background: linear-gradient(90deg, transparent, rgba(8, 145, 178, 0.50), transparent);
}

body.theme-light .domain-radar-axis-y {
    background: linear-gradient(180deg, transparent, rgba(8, 145, 178, 0.50), transparent);
}

body.theme-light .domain-radar-node {
    border-color: rgba(8, 145, 178, 0.38);
    background: linear-gradient(145deg, #ffffff, #dff4ff);
    color: #075985;
    box-shadow:
        0 18px 36px rgba(11, 78, 162, 0.16),
        0 0 0 5px rgba(8, 145, 178, 0.08);
}

body.theme-light .domain-radar-node::before {
    border-color: rgba(184, 134, 11, 0.22);
}

@media (min-width: 1024px) {
    body.theme-light .journey-track::before {
        background: linear-gradient(90deg, rgba(11, 78, 162, 0.16), rgba(8, 145, 178, 0.95), rgba(184, 134, 11, 0.92), rgba(11, 78, 162, 0.16));
    }
}

.interactive-card {
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.interactive-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    background: radial-gradient(500px circle at var(--pointer-x, 50%) var(--pointer-y, 0%), rgba(6, 182, 212, 0.16), transparent 45%);
    transition: opacity 220ms ease;
}

.interactive-card:hover {
    transform: translateY(-6px);
    border-color: rgba(6, 182, 212, 0.34);
    box-shadow: 0 28px 90px rgba(6, 182, 212, 0.14);
}

.interactive-card:hover::before {
    opacity: 1;
}

.glow-button {
    box-shadow: 0 0 34px color-mix(in srgb, var(--aidc-gold) 35%, transparent);
}

.impact-section {
    background:
        radial-gradient(circle at 12% 20%, rgba(34, 211, 238, 0.18), transparent 32%),
        radial-gradient(circle at 86% 6%, rgba(212, 175, 55, 0.14), transparent 30%),
        linear-gradient(135deg, #020617 0%, #071326 48%, #0b1b33 100%);
    color: #f8fafc;
}

.impact-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(180deg, transparent, black 16%, black 84%, transparent);
    pointer-events: none;
}

.impact-section-orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(4px);
    pointer-events: none;
}

.impact-section-orb-one {
    left: -4rem;
    top: 5rem;
    height: 16rem;
    width: 16rem;
    border: 1px solid rgba(34, 211, 238, 0.16);
}

.impact-section-orb-two {
    right: 6%;
    bottom: -6rem;
    height: 20rem;
    width: 20rem;
    border: 1px solid rgba(212, 175, 55, 0.16);
}

.impact-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.17);
    border-radius: 1.35rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035)),
        rgba(8, 19, 38, 0.74);
    padding: 1.5rem;
    box-shadow:
        0 24px 70px rgba(2, 6, 23, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.impact-card:hover {
    transform: translateY(-4px);
    border-color: rgba(34, 211, 238, 0.38);
    box-shadow: 0 26px 80px rgba(8, 145, 178, 0.16);
}

.impact-card-line {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, #22d3ee, #d4af37);
    opacity: 0.72;
}

.impact-value {
    color: #f8fafc;
    font-size: clamp(2.4rem, 5vw, 3.8rem);
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.impact-label {
    margin-top: 1rem;
    color: #f6c453;
    font-size: 1rem;
    line-height: 1.35;
}

.impact-description {
    margin-top: 0.85rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.7;
}

#featured-innovations {
    isolation: isolate;
    background:
        radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.22), transparent 31%),
        radial-gradient(circle at 88% 8%, rgba(212, 175, 55, 0.17), transparent 28%),
        radial-gradient(circle at 54% 94%, rgba(11, 78, 162, 0.34), transparent 34%),
        linear-gradient(135deg, #020617 0%, #071326 46%, #020617 100%);
}

#featured-innovations::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

#featured-innovations::before {
    inset: 0;
    background-image:
        linear-gradient(rgba(34, 211, 238, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 211, 238, 0.045) 1px, transparent 1px),
        radial-gradient(circle, rgba(212, 175, 55, 0.22) 1px, transparent 2px);
    background-size: 72px 72px, 72px 72px, 72px 72px;
    mask-image: linear-gradient(180deg, transparent, black 12%, black 88%, transparent);
}

#featured-innovations > .mx-auto {
    position: relative;
    z-index: 1;
}

#featured-innovations .reveal > span {
    border-color: rgba(34, 211, 238, 0.24);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.14), rgba(255, 255, 255, 0.045));
    color: #c8f7ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 32px rgba(8, 145, 178, 0.10);
}

#featured-innovations .reveal > h2 {
    max-width: 44rem;
    font-size: clamp(2.35rem, 5.2vw, 5rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

#featured-innovations .reveal > p {
    max-width: 46rem;
}

#featured-innovations a[href$="innovation-portfolio.aspx"] {
    border-color: rgba(246, 196, 83, 0.56);
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326 !important;
    box-shadow:
        0 18px 42px rgba(212, 175, 55, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.30);
}

#featured-innovations a[href$="innovation-portfolio.aspx"]:hover {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.72);
    background: linear-gradient(135deg, #f6c453, #ffe28a);
    box-shadow:
        0 24px 54px rgba(212, 175, 55, 0.30),
        0 0 0 4px rgba(246, 196, 83, 0.10);
}

.featured-innovation-card {
    position: relative;
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.12), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(212, 175, 55, 0.10), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        rgba(7, 19, 38, 0.82);
    box-shadow:
        0 28px 86px rgba(2, 6, 23, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    transform: translateY(0);
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease, background 240ms ease;
}

.featured-innovation-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.26), transparent 26%, transparent 68%, rgba(212, 175, 55, 0.24));
    opacity: 0.28;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    padding: 1px;
}

.featured-innovation-card::after {
    content: "";
    position: absolute;
    inset: auto 1.4rem 0 1.4rem;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.12), rgba(246, 196, 83, 0.90), rgba(34, 211, 238, 0.12));
    opacity: 0.65;
}

.featured-innovation-card:hover {
    transform: translateY(-8px);
    border-color: rgba(34, 211, 238, 0.42);
    background:
        radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.18), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(212, 175, 55, 0.15), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045)),
        rgba(7, 19, 38, 0.88);
    box-shadow:
        0 34px 100px rgba(8, 145, 178, 0.20),
        0 16px 44px rgba(2, 6, 23, 0.36);
}

.featured-innovation-media {
    position: relative;
    height: 18rem;
    overflow: hidden;
    border-bottom: 1px solid rgba(34, 211, 238, 0.15);
}

.featured-innovation-image {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transform: scale(1.04);
    transition: opacity 700ms ease, transform 2800ms ease;
}

.featured-innovation-image.is-active {
    opacity: 1;
    transform: scale(1);
}

.featured-innovation-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.02) 0%, rgba(2, 6, 23, 0.34) 48%, rgba(2, 6, 23, 0.88) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.46), rgba(7, 19, 38, 0.10));
}

.featured-innovation-type,
.featured-video-button {
    position: absolute;
    top: 1rem;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.62);
    padding: 0.46rem 0.82rem;
    color: #f8fafc;
    font-size: 0.72rem;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 28px rgba(2, 6, 23, 0.22);
    backdrop-filter: blur(14px);
}

.featured-innovation-type {
    left: 1rem;
}

.featured-video-button {
    right: 1rem;
    border-color: rgba(246, 196, 83, 0.38);
    background: rgba(246, 196, 83, 0.15);
    color: #ffe28a;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.featured-video-button:hover {
    transform: translateY(-2px);
    background: #d4af37;
    color: #071326;
}

.featured-innovation-tags {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.featured-innovation-tags span {
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.16);
    padding: 0.34rem 0.64rem;
    color: #a5f3fc;
    font-size: 0.7rem;
    box-shadow: 0 8px 22px rgba(2, 6, 23, 0.18);
    backdrop-filter: blur(10px);
}

.featured-innovation-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.5rem;
}

.featured-innovation-category {
    width: fit-content;
    border: 1px solid rgba(246, 196, 83, 0.18);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.32rem 0.62rem;
    color: #ffe28a;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    line-height: 1.55;
    text-transform: uppercase;
}

.featured-innovation-body h3 {
    margin-top: 0.95rem;
    color: #f8fafc;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    letter-spacing: -0.028em;
    line-height: 1.18;
}

.featured-innovation-summary {
    margin-top: 0.85rem;
    flex: 1;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.featured-people-strip {
    margin-top: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.2rem;
    scrollbar-width: thin;
}

.featured-person {
    display: inline-flex;
    flex: 0 0 auto;
    max-width: none;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    padding: 0.34rem 0.74rem 0.34rem 0.34rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.featured-person img {
    height: 2.85rem;
    width: 2.85rem;
    flex: 0 0 auto;
    border: 2px solid rgba(246, 196, 83, 0.46);
    border-radius: 999px;
    object-fit: cover;
}

.featured-person.is-text-only {
    padding: 0.42rem 0.74rem;
}

.innovation-modal-people img {
    height: 3.55rem;
    width: 3.55rem;
    flex: 0 0 auto;
    border-radius: 999px;
    object-fit: cover;
}

.featured-person small {
    overflow: visible;
    color: #e2e8f0;
    font-size: 0.74rem;
    white-space: nowrap;
}

.featured-more {
    display: inline-flex;
    height: 2rem;
    min-width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    color: #f6c453;
    font-size: 0.72rem;
}

.featured-innovation-footer {
    margin-top: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.featured-innovation-footer span {
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.42rem 0.75rem;
    color: #a5f3fc;
    font-size: 0.76rem;
}

.featured-innovation-footer button {
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.95), rgba(246, 196, 83, 0.95));
    padding: 0.6rem 1rem;
    color: #071326;
    font-size: 0.82rem;
    box-shadow: 0 12px 26px rgba(212, 175, 55, 0.18);
    transition: background 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.featured-innovation-footer button:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #f6c453, #ffe28a);
    color: #071326;
    box-shadow: 0 16px 34px rgba(212, 175, 55, 0.26);
}

.modal-open {
    overflow: hidden;
}

.innovation-modal[hidden] {
    display: none;
}

.innovation-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    --innovation-modal-gap: clamp(0.75rem, 2vw, 1.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: calc(var(--aidc-nav-height) + var(--innovation-modal-gap) + env(safe-area-inset-top)) var(--innovation-modal-gap) var(--innovation-modal-gap);
    overscroll-behavior: contain;
}

.innovation-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, 0.78);
    backdrop-filter: blur(14px);
}

.innovation-modal-panel {
    position: relative;
    z-index: 1;
    display: grid;
    max-height: min(calc(100dvh - var(--aidc-nav-height) - (var(--innovation-modal-gap) * 2) - env(safe-area-inset-top)), 64rem);
    width: min(86rem, 100%);
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 1.5rem;
    background: #071326;
    box-shadow: 0 34px 120px rgba(0, 0, 0, 0.44);
}

@media (min-width: 900px) {
    .innovation-modal-panel {
        grid-template-columns: 1.12fr 0.88fr;
    }
}

@media (max-width: 899px) {
    .innovation-modal {
        align-items: flex-start;
    }

    .innovation-modal-panel {
        max-height: none;
        margin-block: 0;
        overflow: visible;
    }

    .innovation-modal-content {
        max-height: none;
        overflow-y: visible;
    }
}

.innovation-modal-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 3;
    display: grid;
    height: 2.25rem;
    width: 2.25rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    color: #ffffff;
}

.innovation-modal-media {
    position: relative;
    min-height: clamp(23rem, 48vh, 31rem);
    background: #020617;
}

.innovation-modal-media img,
.innovation-modal-media iframe,
.innovation-modal-media video {
    height: 100%;
    min-height: clamp(23rem, 48vh, 31rem);
    width: 100%;
    border: 0;
    object-fit: cover;
}

.innovation-modal-gallery {
    position: relative;
    height: 100%;
    min-height: clamp(23rem, 48vh, 31rem);
    background: #020617;
}

.innovation-modal-gallery .featured-innovation-image {
    object-fit: contain;
    background: #020617;
}

.modal-gallery-controls {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    transition: opacity 180ms ease;
}

.innovation-modal-gallery:hover .modal-gallery-controls,
.innovation-modal-gallery:focus-within .modal-gallery-controls {
    opacity: 1;
}

.modal-gallery-control {
    position: absolute;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    color: #ffffff;
    font-size: 0;
    line-height: 1;
    pointer-events: auto;
    backdrop-filter: blur(14px);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.modal-gallery-control.is-prev::before,
.modal-gallery-control.is-next::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 0.38rem solid transparent;
    border-bottom: 0.38rem solid transparent;
    transform: translate(-50%, -50%);
}

.modal-gallery-control:hover,
.modal-gallery-control:focus-visible {
    border-color: rgba(246, 196, 83, 0.66);
    background: rgba(2, 6, 23, 0.82);
    outline: none;
}

.modal-gallery-control.is-prev {
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.modal-gallery-control.is-prev::before {
    margin-left: -0.05rem;
    border-right: 0.58rem solid currentColor;
}

.modal-gallery-control.is-next {
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.modal-gallery-control.is-next::before {
    margin-left: 0.05rem;
    border-left: 0.58rem solid currentColor;
}

.modal-gallery-control.is-pause {
    left: 50%;
    top: 50%;
    color: #fff1a8;
    transform: translate(-50%, -50%);
}

.modal-gallery-control.is-zoom {
    left: 50%;
    bottom: 1rem;
    color: #fff1a8;
    transform: translateX(-50%);
}

.modal-gallery-control.is-zoom span {
    position: relative;
    width: 0.92rem;
    height: 0.92rem;
    border: 2px solid currentColor;
    border-radius: 0.22rem;
}

.modal-gallery-control.is-zoom span::before,
.modal-gallery-control.is-zoom span::after {
    content: "";
    position: absolute;
    width: 0.34rem;
    height: 0.34rem;
}

.modal-gallery-control.is-zoom span::before {
    left: -0.18rem;
    top: -0.18rem;
    border-left: 2px solid currentColor;
    border-top: 2px solid currentColor;
}

.modal-gallery-control.is-zoom span::after {
    right: -0.18rem;
    bottom: -0.18rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.image-zoom-viewer {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: grid;
    place-items: center;
    background: rgba(2, 6, 23, 0.94);
    padding: clamp(1rem, 3vw, 2.5rem);
}

.image-zoom-viewer[hidden] {
    display: none;
}

.image-zoom-viewer img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 0.5rem;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.46);
}

.image-zoom-close {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    top: max(1rem, env(safe-area-inset-top));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.82);
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1;
    backdrop-filter: blur(14px);
}

.innovation-modal-video[hidden],
.innovation-modal-gallery[hidden] {
    display: none;
}

.innovation-modal-content {
    max-height: min(calc(100dvh - var(--aidc-nav-height) - (var(--innovation-modal-gap) * 2) - env(safe-area-inset-top)), 64rem);
    overflow-y: auto;
    padding: clamp(1.65rem, 3vw, 2.65rem);
    scrollbar-width: thin;
    scrollbar-color: rgba(34, 211, 238, 0.55) rgba(255, 255, 255, 0.08);
}

.innovation-modal-content::-webkit-scrollbar {
    width: 0.55rem;
}

.innovation-modal-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

.innovation-modal-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(34, 211, 238, 0.72), rgba(212, 175, 55, 0.62));
    border-radius: 999px;
}

.innovation-modal-content h2 {
    margin-top: 0.8rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    letter-spacing: -0.035em;
    line-height: 1.05;
}

.innovation-modal-video-button {
    display: inline-flex;
    margin-top: 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.45);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f0ca54);
    padding: 0.64rem 1.05rem;
    color: #071326;
    font-size: 0.84rem;
    box-shadow: 0 14px 34px rgba(212, 175, 55, 0.20);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.innovation-modal-video-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(212, 175, 55, 0.28);
}

.innovation-modal-content p {
    margin-top: 1rem;
    color: #cbd5e1;
    line-height: 1.8;
}

.innovation-modal-content dl {
    margin-top: 1.35rem;
    display: grid;
    gap: 0.7rem;
}

.innovation-modal-content dl div {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.8rem;
}

.innovation-modal-content dt {
    color: #f6c453;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.innovation-modal-content dd {
    margin-top: 0.25rem;
    color: #e2e8f0;
}

.innovation-modal-content h3 {
    margin-top: 1.4rem;
    color: #ffffff;
    font-size: 1.1rem;
}

.innovation-modal-people {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.65rem;
}

.innovation-modal-people article {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.9rem;
}

.innovation-modal-people article.is-text-only {
    align-items: flex-start;
}

.innovation-modal-people strong {
    display: block;
    color: #f8fafc;
}

.innovation-modal-people small {
    display: block;
    color: #94a3b8;
}

.aidc-video-modal-panel {
    width: min(72rem, 100%);
    grid-template-columns: 1fr !important;
}

.aidc-video-modal-media {
    min-height: clamp(18rem, 58vh, 36rem);
}

.aidc-video-modal-media .innovation-modal-video {
    display: block;
    min-height: clamp(18rem, 58vh, 36rem);
    background: #020617;
}

.aidc-video-modal-media .innovation-modal-video[hidden] {
    display: none;
}

.recognition-section {
    isolation: isolate;
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.14) 0%, transparent 30%),
        linear-gradient(225deg, rgba(34, 211, 238, 0.14) 0%, transparent 32%),
        linear-gradient(180deg, #020617 0%, #071326 54%, #050b1f 100%);
    color: #f8fafc;
}

.recognition-grid-layer {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(246, 196, 83, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 211, 238, 0.065) 1px, transparent 1px),
        repeating-linear-gradient(45deg, rgba(34, 211, 238, 0.055) 0 1px, transparent 1px 22px);
    background-size: 64px 64px, 64px 64px, 100% 100%;
    mask-image: linear-gradient(180deg, transparent, black 10%, black 90%, transparent);
    pointer-events: none;
}

.recognition-header {
    display: grid;
    gap: 1.5rem;
    align-items: end;
}

.recognition-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.5rem 1rem;
    color: #a5f3fc;
    font-size: 0.75rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.recognition-eyebrow span {
    height: 0.42rem;
    width: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.72);
}

.recognition-title {
    margin-top: 1.1rem;
    max-width: 56rem;
    color: #ffffff;
    font-size: clamp(2.3rem, 6vw, 5rem);
    letter-spacing: 0;
    line-height: 0.98;
}

.recognition-intro {
    margin-top: 1.15rem;
    max-width: 46rem;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.7vw, 1.16rem);
    line-height: 1.8;
}

.recognition-scoreboard {
    display: grid;
    gap: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.45rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
        rgba(2, 6, 23, 0.70);
    padding: 1rem;
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.32);
    backdrop-filter: blur(18px);
}

.recognition-scoreboard div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 0.7rem;
}

.recognition-scoreboard div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.recognition-scoreboard span {
    color: #f6c453;
    font-size: 1.85rem;
    line-height: 1;
}

.recognition-scoreboard p {
    color: #dbeafe;
    font-size: 0.86rem;
    text-align: right;
}

.recognition-card-grid {
    margin-top: 2rem;
    display: grid;
    gap: 1rem;
}

.recognition-card {
    position: relative;
    display: grid;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.65rem;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045)),
        rgba(8, 19, 38, 0.82);
    box-shadow:
        0 24px 70px rgba(2, 6, 23, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.recognition-card:hover {
    transform: translateY(-6px);
    border-color: rgba(246, 196, 83, 0.34);
    box-shadow:
        0 34px 92px rgba(212, 175, 55, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.recognition-card-media {
    position: relative;
    min-height: 15.5rem;
    overflow: hidden;
    background: #020617;
}

.recognition-card-image {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: inherit;
    width: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    filter: brightness(1.14) saturate(1.08) contrast(1.02);
    transform: scale(1.035);
    transition: opacity 700ms ease, transform 2800ms ease;
}

.recognition-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

.recognition-card:hover .recognition-card-image.is-active,
.interactive-card:hover .recognition-card-image.is-active {
    transform: scale(1.06);
}

.recognition-card-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.18) 48%, rgba(2, 6, 23, 0.68) 100%),
        linear-gradient(90deg, rgba(7, 19, 38, 0.26), transparent);
}

.recognition-kind {
    position: absolute;
    left: 1rem;
    top: 1rem;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    padding: 0.48rem 0.75rem;
    color: #fef3c7;
    font-size: 0.78rem;
    backdrop-filter: blur(14px);
}

.recognition-card-body {
    display: flex;
    flex-direction: column;
    padding: clamp(1.1rem, 2vw, 1.5rem);
}

.recognition-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.recognition-card-meta span {
    width: fit-content;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.4rem 0.58rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    line-height: 1.25;
}

.recognition-card-meta small {
    color: #f6c453;
    font-size: 0.82rem;
}

.recognition-card-body h3 {
    margin-top: 0.95rem;
    color: #ffffff;
    font-size: clamp(1.25rem, 2vw, 1.9rem);
    letter-spacing: 0;
    line-height: 1.12;
}

.recognition-card-body p {
    margin-top: 0.8rem;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.72;
}

.recognition-card-body strong {
    margin-top: 1rem;
    display: block;
    border-left: 3px solid #f6c453;
    border-radius: 1rem;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.75rem 0.9rem;
    color: #fef3c7;
    line-height: 1.45;
}

.recognition-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1rem;
}

.recognition-story-button,
.recognition-video-button {
    margin-top: 1rem;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    padding: 0.62rem 0.95rem;
    color: #071326;
    font-size: 0.84rem;
    line-height: 1;
    box-shadow: 0 14px 32px rgba(212, 175, 55, 0.20);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.recognition-card-actions .recognition-story-button,
.recognition-card-actions .recognition-video-button {
    margin-top: 0;
}

.recognition-story-button:hover,
.recognition-story-button:focus-visible,
.recognition-video-button:hover,
.recognition-video-button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(212, 175, 55, 0.28);
}

.recognition-story-modal .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

.recognition-modal-kicker {
    width: fit-content;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.46rem 0.72rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.recognition-story-outcome {
    border-left: 3px solid #f6c453;
    border-radius: 1rem;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.85rem 1rem;
    color: #fef3c7;
    font-weight: 700;
}

@media (min-width: 768px) {
    .recognition-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .recognition-header {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    }

    .recognition-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .recognition-card.is-spotlight {
        grid-column: span 2;
        grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
    }

    .recognition-card.is-spotlight .recognition-card-media {
        min-height: 100%;
    }

    .recognition-card.is-spotlight .recognition-card-body {
        min-height: 25rem;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .recognition-section {
        padding-block: 4.5rem;
    }

    .recognition-scoreboard {
        padding: 0.85rem;
    }

    .recognition-card-media {
        min-height: 13.5rem;
    }

    .recognition-card-body {
        padding: 1rem;
    }
}

body.theme-light .recognition-section {
    background:
        linear-gradient(135deg, rgba(184, 134, 11, 0.14) 0%, transparent 30%),
        linear-gradient(225deg, rgba(8, 145, 178, 0.13) 0%, transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 58%, #f8fbff 100%);
    color: #071326;
}

body.theme-light .recognition-grid-layer {
    background-image:
        linear-gradient(rgba(184, 134, 11, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.055) 1px, transparent 1px),
        repeating-linear-gradient(45deg, rgba(8, 145, 178, 0.055) 0 1px, transparent 1px 22px);
}

body.theme-light .recognition-eyebrow,
body.theme-light .recognition-card-meta span {
    border-color: rgba(8, 145, 178, 0.24);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
}

body.theme-light .recognition-title,
body.theme-light .recognition-card-body h3 {
    color: #071326;
}

body.theme-light .recognition-intro,
body.theme-light .recognition-card-body p {
    color: #475569;
}

body.theme-light .recognition-scoreboard,
body.theme-light .recognition-card {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)),
        rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.11);
}

body.theme-light .recognition-scoreboard div {
    border-color: rgba(11, 78, 162, 0.11);
}

body.theme-light .recognition-scoreboard p {
    color: #334155;
}

body.theme-light .recognition-card:hover {
    border-color: rgba(184, 134, 11, 0.30);
    box-shadow: 0 30px 76px rgba(11, 78, 162, 0.14);
}

body.theme-light .recognition-card-body strong {
    background: rgba(212, 175, 55, 0.15);
    color: #071326;
}

body.theme-light .recognition-story-button,
body.theme-light .recognition-video-button {
    border-color: rgba(154, 100, 0, 0.28);
    background: linear-gradient(135deg, #c89618, #f3cf5d);
    color: #071326;
    box-shadow: 0 12px 28px rgba(184, 134, 11, 0.20);
}

body.theme-light .recognition-story-outcome {
    background: rgba(212, 175, 55, 0.15);
    color: #071326;
}

body.theme-light .recognition-story-content,
html.theme-light body .recognition-story-content {
    color: #334155;
}

body.theme-light .recognition-story-content :where(p, ul, ol, li, blockquote),
html.theme-light body .recognition-story-content :where(p, ul, ol, li, blockquote) {
    color: #334155 !important;
}

body.theme-light .recognition-story-content :where(h2, h3, h4, h5, strong, b),
html.theme-light body .recognition-story-content :where(h2, h3, h4, h5, strong, b) {
    color: #071326;
}

body.theme-light .recognition-story-content :where(em, i),
html.theme-light body .recognition-story-content :where(em, i) {
    color: #0f766e;
}

.about-aidc-hero,
.about-aidc-band,
.leadership-hero,
.leadership-section,
.team-hero,
.team-section {
    background: transparent;
}

body.page-about main,
body.page-contact main,
body.page-gallery main,
body.page-notifications main,
body.page-courses main,
body.page-training-workshops main,
body.page-achievements main,
body.page-competitions main,
body.page-events-visits main,
body.page-leadership main,
body.page-team main {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
}

body.page-about main::before,
body.page-contact main::before,
body.page-gallery main::before,
body.page-notifications main::before,
body.page-courses main::before,
body.page-training-workshops main::before,
body.page-achievements main::before,
body.page-competitions main::before,
body.page-events-visits main::before,
body.page-leadership main::before,
body.page-team main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.20), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(246, 196, 83, 0.12), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(34, 211, 238, 0.09), transparent 24rem);
    opacity: 0.78;
    animation: aboutSoftGlow 18s ease-in-out infinite alternate;
}

body.page-about main > *,
body.page-contact main > *,
body.page-gallery main > *,
body.page-notifications main > *,
body.page-courses main > *,
body.page-training-workshops main > *,
body.page-achievements main > *,
body.page-competitions main > *,
body.page-events-visits main > *,
body.page-leadership main > *,
body.page-team main > * {
    position: relative;
    z-index: 1;
}

body.page-contact.theme-light main,
body.page-gallery.theme-light main,
body.page-notifications.theme-light main,
body.page-courses.theme-light main,
body.page-training-workshops.theme-light main,
body.page-achievements.theme-light main,
body.page-competitions.theme-light main,
body.page-events-visits.theme-light main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-contact.theme-light main::before,
body.page-gallery.theme-light main::before,
body.page-notifications.theme-light main::before,
body.page-courses.theme-light main::before,
body.page-training-workshops.theme-light main::before,
body.page-achievements.theme-light main::before,
body.page-competitions.theme-light main::before,
body.page-events-visits.theme-light main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(184, 134, 11, 0.10), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(8, 145, 178, 0.06), transparent 24rem);
    opacity: 0.85;
}

.about-aidc-hero-glow,
.leadership-hero-glow,
.team-hero-glow,
.about-aidc-band::before,
.leadership-section::before,
.team-section::before {
    display: none;
}

@keyframes aboutSoftGlow {
    0% {
        transform: translate3d(-1.4rem, -0.8rem, 0) scale(1);
    }
    50% {
        transform: translate3d(1.1rem, 0.7rem, 0) scale(1.04);
    }
    100% {
        transform: translate3d(0.4rem, -1rem, 0) scale(1.02);
    }
}

.about-page-eyebrow {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.about-page-eyebrow::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

.about-gold-button,
.about-soft-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.82rem 1.2rem;
    font-size: 0.9rem;
    font-weight: 800;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.about-gold-button {
    border: 1px solid rgba(246, 196, 83, 0.70);
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
    box-shadow: 0 16px 36px rgba(212, 175, 55, 0.24);
}

.about-soft-button {
    border: 1px solid rgba(34, 211, 238, 0.28);
    background: rgba(34, 211, 238, 0.10);
    color: #cffafe;
}

.about-gold-button:hover,
.about-soft-button:hover {
    transform: translateY(-2px);
}

.about-lab-screen {
    position: relative;
    aspect-ratio: 16 / 9;
    min-height: auto;
    align-self: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.5rem;
    background: #020617;
    box-shadow:
        0 38px 110px rgba(2, 6, 23, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.about-lab-screen img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    filter: brightness(1.08) saturate(1.06);
    transform: scale(1.035);
    transition: opacity 900ms ease, transform 3200ms ease;
}

.about-lab-screen img.is-active {
    opacity: 1;
    transform: scale(1);
}

.about-lab-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.02), rgba(2, 6, 23, 0.54)),
        linear-gradient(135deg, rgba(34, 211, 238, 0.16), transparent 45%);
    pointer-events: none;
}

.about-lab-screen-caption {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: rgba(2, 6, 23, 0.58);
    padding: 0.9rem 1rem;
    color: #e0f2fe;
    backdrop-filter: blur(14px);
}

.about-lab-screen-caption span {
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.about-lab-screen-caption strong {
    color: #f6c453;
    font-size: 0.9rem;
}

.about-lab-controls {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity 180ms ease;
}

.about-lab-screen:hover .about-lab-controls,
.about-lab-screen:focus-within .about-lab-controls {
    opacity: 1;
}

.about-lab-control {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(246, 196, 83, 0.44);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    color: #fff1a8;
    pointer-events: auto;
    backdrop-filter: blur(14px);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.about-lab-control:hover,
.about-lab-control:focus-visible {
    border-color: rgba(246, 196, 83, 0.72);
    background: rgba(2, 6, 23, 0.84);
    outline: none;
}

.about-lab-control.is-prev,
.about-lab-control.is-next {
    top: 50%;
    transform: translateY(-50%);
}

.about-lab-control.is-prev {
    left: 1rem;
}

.about-lab-control.is-next {
    right: 1rem;
}

.about-lab-control.is-prev::before,
.about-lab-control.is-next::before {
    content: "";
    width: 0.66rem;
    height: 0.66rem;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.about-lab-control.is-prev::before {
    margin-left: 0.2rem;
    transform: rotate(-135deg);
}

.about-lab-control.is-next::before {
    margin-right: 0.2rem;
    transform: rotate(45deg);
}

.about-lab-control.is-pause {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.about-lab-control.is-pause span {
    position: relative;
    width: 0.74rem;
    height: 0.82rem;
}

.about-lab-control.is-pause span::before,
.about-lab-control.is-pause span::after {
    content: "";
    position: absolute;
    top: 0.05rem;
    width: 0.22rem;
    height: 0.72rem;
    border-radius: 999px;
    background: currentColor;
}

.about-lab-control.is-pause span::before {
    left: 0.08rem;
}

.about-lab-control.is-pause span::after {
    right: 0.08rem;
}

.about-lab-control.is-pause.is-paused span::before {
    top: 0;
    left: 0.17rem;
    width: 0;
    height: 0;
    border-top: 0.41rem solid transparent;
    border-bottom: 0.41rem solid transparent;
    border-left: 0.58rem solid currentColor;
    border-radius: 0;
    background: transparent;
}

.about-lab-control.is-pause.is-paused span::after {
    opacity: 0;
}

.about-section-divider {
    display: block;
}

.about-section-divider i {
    display: block;
    height: 1px;
    background: linear-gradient(90deg, rgba(246, 196, 83, 0.72), rgba(246, 196, 83, 0.24), transparent);
    box-shadow: 0 0 14px rgba(246, 196, 83, 0.12);
}

.about-statement-card,
.about-mandate-card,
.about-principle-card,
.about-counter-card,
.leadership-index,
.leadership-message-card,
.team-empty-card,
.team-profile-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.25rem;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035)),
        rgba(8, 19, 38, 0.78);
    box-shadow:
        0 24px 70px rgba(2, 6, 23, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px);
}

.about-statement-card {
    padding: clamp(1.35rem, 3vw, 2.25rem);
}

.about-statement-card span,
.leadership-index span,
.leadership-message-card span,
.team-group-heading span,
.team-profile-content span {
    color: #f6c453;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.about-statement-card.is-mission span {
    color: #a5f3fc;
}

.about-statement-card h2 {
    margin-top: 1.2rem;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.15vw, 2.15rem);
    font-weight: 900;
    line-height: 1.14;
}

.about-statement-card p,
.about-mandate-card p,
.about-principle-card p,
.leadership-index p,
.leadership-message-card p,
.team-empty-card p,
.team-profile-content p {
    margin-top: 1rem;
    color: #cbd5e1;
    line-height: 1.72;
}

.about-mandate-card {
    padding: 1.25rem;
}

.about-mandate-card span {
    color: #f6c453;
    font-size: 2.15rem;
    font-weight: 900;
    text-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

.about-principle-card {
    padding: 1.35rem;
}

.about-principle-card h3 {
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 850;
}

.about-counter-card {
    padding: 1.35rem;
}

.about-counter-grid {
    margin-top: 3rem;
}

.about-counter-card p {
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 900;
    line-height: 1;
}

.about-counter-card h2 {
    margin-top: 1rem;
    color: #f6c453;
    font-size: 1rem;
    font-weight: 850;
}

.about-counter-card span {
    display: block;
    margin-top: 0.75rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.6;
}

.leadership-index {
    position: sticky;
    top: calc(var(--aidc-nav-height, 88px) + 1.5rem);
    height: fit-content;
    padding: clamp(1.35rem, 3vw, 2rem);
}

.leadership-index h2,
.team-empty-card h2,
.team-group-heading h2 {
    margin-top: 0.75rem;
    color: #ffffff;
    font-size: clamp(1.7rem, 3vw, 2.7rem);
    font-weight: 900;
}

.leadership-message-list {
    display: grid;
    gap: 1rem;
}

.leadership-founder-card {
    display: grid;
    gap: clamp(1.4rem, 4vw, 3rem);
    align-items: start;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035)),
        rgba(8, 19, 38, 0.80);
    padding: clamp(1.25rem, 4vw, 3rem);
    box-shadow:
        0 34px 96px rgba(2, 6, 23, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.leadership-founder-photo-wrap {
    position: relative;
    width: min(24rem, 86vw);
    aspect-ratio: 0.79;
    margin-inline: auto;
    margin-top: 0;
    border-radius: 1.35rem;
    padding: 0.6rem;
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.78), rgba(255, 241, 168, 0.38)),
        rgba(246, 196, 83, 0.12);
    box-shadow:
        0 24px 70px rgba(212, 175, 55, 0.18),
        0 0 0 1px rgba(246, 196, 83, 0.16);
}

.leadership-founder-photo-wrap img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
    background: transparent;
    border: 0.55rem solid rgba(2, 6, 23, 0.72);
}

.leadership-founder-content {
    text-align: center;
}

.leadership-founder-content > span {
    display: inline-flex;
    border: 1px solid rgba(246, 196, 83, 0.36);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.5rem 0.8rem;
    color: #f6c453;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.leadership-founder-content h2 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.3rem);
    font-weight: 900;
    line-height: 1;
}

.leadership-founder-designation {
    margin-top: 0.85rem;
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    color: #e5e7eb;
}

.leadership-founder-designation strong {
    color: #ffffff;
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    font-weight: 800;
}

.leadership-founder-designation small {
    max-width: 54rem;
    color: #cbd5e1;
    font-size: clamp(0.92rem, 1.5vw, 1rem);
    line-height: 1.55;
}

.leadership-founder-rule {
    width: min(54rem, 100%);
    height: 1px;
    margin: clamp(1.4rem, 3vw, 2rem) auto;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.62), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.12);
}

.leadership-founder-message {
    max-width: 66rem;
    margin-inline: auto;
}

.leadership-founder-message p {
    color: #dbeafe;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    line-height: 1.72;
}

.leadership-founder-message p + p {
    margin-top: 1.05rem;
}

.leadership-founder-closing {
    color: #ffffff !important;
    font-weight: 900;
}

.leadership-gold-separator {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.82), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.16);
}

@media (min-width: 1024px) {
    .leadership-founder-card {
        grid-template-columns: minmax(16rem, 0.34fr) minmax(0, 0.66fr);
    }

    .leadership-founder-photo-wrap {
        margin-top: 0.15rem;
    }

    .leadership-founder-content {
        text-align: left;
    }

    .leadership-founder-designation {
        justify-items: start;
    }

    .leadership-founder-rule {
        margin-left: 0;
    }
}

.leadership-message-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding: clamp(1.15rem, 3vw, 1.65rem);
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.leadership-message-card:hover {
    transform: translateY(-4px);
    border-color: rgba(246, 196, 83, 0.34);
    box-shadow: 0 34px 92px rgba(212, 175, 55, 0.14);
}

.leadership-message-number {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 1rem;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
    font-weight: 900;
}

.leadership-message-card h3 {
    margin-top: 0.55rem;
    color: #ffffff;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    font-weight: 900;
}

.leadership-message-card.is-detailed {
    grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr);
    align-items: start;
    gap: clamp(1.15rem, 3vw, 2rem);
}

.leadership-message-photo {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 1px solid rgba(246, 196, 83, 0.30);
    border-radius: 1.1rem;
    background: rgba(2, 6, 23, 0.62);
    padding: 0.42rem;
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.18);
}

.leadership-message-photo img {
    width: 100%;
    height: 100%;
    border-radius: 0.85rem;
    object-fit: cover;
    object-position: center;
}

.leadership-message-designations {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.65rem;
}

.leadership-message-designations strong {
    color: #e5e7eb;
    font-size: 0.95rem;
    font-weight: 750;
    line-height: 1.45;
}

.leadership-message-rule {
    height: 1px;
    margin: 1rem 0;
    background: linear-gradient(90deg, rgba(246, 196, 83, 0.58), rgba(246, 196, 83, 0.18), transparent);
}

.leadership-message-body p {
    margin-top: 0;
    color: #cbd5e1;
    font-size: 0.98rem;
    line-height: 1.72;
}

.leadership-message-body p + p {
    margin-top: 0.9rem;
}

@media (max-width: 700px) {
    .leadership-message-card.is-detailed {
        grid-template-columns: 1fr;
    }

    .leadership-message-photo {
        width: min(14rem, 100%);
    }
}

.team-group + .team-group {
    padding-top: 0.5rem;
}

.team-profile-card {
    overflow: hidden;
}

.team-hierarchy {
    display: grid;
    gap: clamp(3rem, 7vw, 5rem);
}

.team-group {
    position: relative;
}

.team-group-heading {
    max-width: 52rem;
}

.team-group-heading > span {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    line-height: 1.2;
}

.team-group-heading > span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

.team-group-heading p {
    margin-top: 1rem;
    color: #cbd5e1;
    line-height: 1.75;
}

.team-profile-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.35rem;
    margin-top: 1.75rem;
}

@media (min-width: 900px) {
    .team-profile-grid,
    .team-group.is-director .team-profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.team-profile-card.is-featured {
    border-color: rgba(246, 196, 83, 0.24);
    box-shadow:
        0 32px 82px rgba(2, 6, 23, 0.34),
        0 0 0 1px rgba(246, 196, 83, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.team-profile-photo {
    position: relative;
    min-height: 18rem;
    overflow: hidden;
    background: #020617;
}

.team-profile-photo img {
    width: 100%;
    height: 100%;
    min-height: 18rem;
    object-fit: cover;
    filter: brightness(1.08) saturate(1.05);
    transition: transform 260ms ease;
}

.team-profile-card:hover .team-profile-photo img {
    transform: scale(1.045);
}

.team-profile-content {
    padding: 1.35rem;
}

.team-profile-summary {
    min-height: 5.2rem;
}

.team-profile-content h3 {
    margin-top: 0.75rem;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.12;
}

.team-profile-designation {
    margin-top: 0.45rem !important;
    color: #a5f3fc !important;
    font-weight: 750;
}

.team-profile-content a {
    display: inline-flex;
    margin-top: 1rem;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.58rem 0.86rem;
    color: #fef3c7;
    font-size: 0.86rem;
    font-weight: 800;
}

.team-detail-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.15rem;
    border: 1px solid rgba(246, 196, 83, 0.48);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.14);
    padding: 0.72rem 1rem;
    color: #fef3c7;
    font-size: 0.84rem;
    font-weight: 850;
    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.team-detail-button:hover {
    transform: translateY(-2px);
    background: rgba(246, 196, 83, 0.24);
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.15);
}

.team-empty-card {
    padding: 1.5rem;
}

.team-modal-panel {
    grid-template-columns: 1fr !important;
    width: min(78rem, 100%);
    border-color: rgba(246, 196, 83, 0.22);
    background:
        radial-gradient(circle at 12% 10%, rgba(34, 211, 238, 0.16), transparent 28rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
        #071326;
}

.team-modal-layout {
    display: grid;
    max-height: inherit;
    overflow-y: auto;
}

.team-modal-sidebar {
    padding: clamp(1.25rem, 3vw, 2rem);
    background:
        linear-gradient(180deg, rgba(246, 196, 83, 0.09), transparent 38%),
        rgba(2, 6, 23, 0.36);
}

.team-modal-photo {
    overflow: hidden;
    aspect-ratio: 4 / 5;
    border: 1px solid rgba(246, 196, 83, 0.32);
    border-radius: 1.15rem;
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.72), rgba(255, 241, 168, 0.26)),
        rgba(246, 196, 83, 0.10);
    padding: 0.45rem;
    box-shadow: 0 22px 56px rgba(2, 6, 23, 0.26);
}

.team-modal-photo img {
    width: 100%;
    height: 100%;
    border-radius: 0.85rem;
    object-fit: cover;
    background: #020617;
}

.team-modal-sidebar > span {
    display: inline-flex;
    margin-top: 1.2rem;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.45rem 0.72rem;
    color: #a5f3fc;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.team-modal-sidebar h2 {
    margin-top: 0.9rem;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.8vw, 2.1rem);
    font-weight: 900;
    line-height: 1.08;
}

.team-modal-sidebar p {
    margin-top: 0.85rem;
    color: #cbd5e1;
    line-height: 1.65;
}

.team-profile-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.25rem;
}

.team-profile-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.38);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.13);
    padding: 0.58rem 0.82rem;
    color: #fef3c7;
    font-size: 0.8rem;
    font-weight: 850;
}

.team-modal-content {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.team-modal-content section {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.045);
    padding: clamp(1rem, 2.2vw, 1.35rem);
}

.team-modal-content h3 {
    color: #f6c453;
    font-size: 0.95rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.team-modal-content p,
.team-rich-content {
    margin-top: 0.85rem;
    color: #d7e2ef;
    line-height: 1.8;
}

.team-rich-content :where(h3, h4, h5) {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 850;
}

.team-rich-content :where(ul, ol) {
    margin-top: 0.8rem;
    padding-left: 1.35rem;
}

.team-rich-content ul {
    list-style: disc;
}

.team-rich-content ol {
    list-style: decimal;
}

.team-rich-content li {
    padding-left: 0.2rem;
}

.team-rich-content li + li {
    margin-top: 0.45rem;
}

.team-rich-content blockquote {
    margin-top: 0.85rem;
    border-left: 3px solid rgba(246, 196, 83, 0.68);
    padding-left: 1rem;
    color: #f8fafc;
}

@media (min-width: 900px) {
    .team-profile-card.is-featured {
        display: grid;
        grid-template-columns: minmax(16rem, 0.74fr) minmax(0, 1fr);
    }

    .team-profile-card.is-featured .team-profile-photo,
    .team-profile-card.is-featured .team-profile-photo img {
        min-height: 21rem;
    }

    .team-modal-layout {
        grid-template-columns: minmax(22rem, 0.38fr) minmax(0, 1fr);
        overflow: hidden;
    }

    .team-modal-sidebar {
        border-right: 1px solid rgba(246, 196, 83, 0.13);
        max-height: inherit;
        overflow: hidden;
    }

    .team-modal-content {
        max-height: inherit;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(34, 211, 238, 0.55) rgba(2, 6, 23, 0.28);
    }

    .team-modal-content::-webkit-scrollbar {
        width: 0.45rem;
    }

    .team-modal-content::-webkit-scrollbar-track {
        background: rgba(2, 6, 23, 0.28);
    }

    .team-modal-content::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(34, 211, 238, 0.55);
    }
}

body.theme-light .about-aidc-hero,
body.theme-light .about-aidc-band,
body.theme-light .leadership-hero,
body.theme-light .leadership-section,
body.theme-light .team-hero,
body.theme-light .team-section {
    background: transparent;
}

body.theme-light.page-about main,
body.theme-light.page-leadership main,
body.theme-light.page-team main {
    background: linear-gradient(180deg, #f8fcff 0%, #f5faff 52%, #f8fcff 100%);
}

body.theme-light.page-about main::before,
body.theme-light.page-leadership main::before,
body.theme-light.page-team main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(212, 175, 55, 0.13), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(8, 145, 178, 0.07), transparent 24rem);
    opacity: 0.80;
}

body.theme-light .about-aidc-hero h1,
body.theme-light .about-aidc-band h2,
body.theme-light .leadership-hero h1,
body.theme-light .leadership-index h2,
body.theme-light .leadership-message-card h3,
body.theme-light .team-hero h1,
body.theme-light .team-group-heading h2,
body.theme-light .team-profile-content h3,
body.theme-light .about-principle-card h3,
body.theme-light .about-counter-card p,
body.theme-light .team-empty-card h2 {
    color: #071326;
}

body.theme-light .about-aidc-hero p,
body.theme-light .about-aidc-band p,
body.theme-light .leadership-hero p,
body.theme-light .leadership-index p,
body.theme-light .leadership-message-card p,
body.theme-light .team-hero p,
body.theme-light .team-group-heading p,
body.theme-light .team-profile-content p,
body.theme-light .about-counter-card span,
body.theme-light .team-empty-card p {
    color: #475569;
}

body.theme-light .about-statement-card,
body.theme-light .about-mandate-card,
body.theme-light .about-principle-card,
body.theme-light .about-counter-card,
body.theme-light .leadership-founder-card,
body.theme-light .leadership-index,
body.theme-light .leadership-message-card,
body.theme-light .team-empty-card,
body.theme-light .team-profile-card {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

body.theme-light .team-profile-card.is-featured {
    border-color: rgba(184, 134, 11, 0.24);
    box-shadow:
        0 24px 62px rgba(15, 23, 42, 0.11),
        0 0 0 1px rgba(184, 134, 11, 0.06);
}

body.theme-light .about-soft-button {
    color: #075985;
}

body.theme-light .about-page-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.theme-light .about-statement-card span,
body.theme-light .leadership-index span,
body.theme-light .leadership-message-card span,
body.theme-light .team-group-heading span,
body.theme-light .team-profile-content span {
    color: #9a6400;
}

body.theme-light .team-group-heading > span {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.theme-light .about-statement-card.is-mission span,
body.theme-light .team-profile-designation {
    color: #075985 !important;
}

body.theme-light .team-detail-button,
body.theme-light .team-profile-links a {
    border-color: rgba(154, 100, 0, 0.28);
    background: rgba(255, 248, 220, 0.84);
    color: #7a4d00;
}

body.theme-light .team-detail-button:hover {
    background: rgba(246, 196, 83, 0.28);
}

body.theme-light .team-modal-panel {
    border-color: rgba(11, 78, 162, 0.14);
    background:
        radial-gradient(circle at 12% 10%, rgba(8, 145, 178, 0.10), transparent 28rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
}

body.theme-light .team-modal-sidebar {
    background:
        linear-gradient(180deg, rgba(246, 196, 83, 0.11), transparent 38%),
        rgba(248, 252, 255, 0.88);
}

body.theme-light .team-modal-sidebar h2,
body.theme-light .team-rich-content :where(h3, h4, h5) {
    color: #071326;
}

body.theme-light .team-modal-sidebar p,
body.theme-light .team-modal-content p,
body.theme-light .team-rich-content {
    color: #475569;
}

body.theme-light .team-modal-sidebar > span {
    border-color: rgba(8, 145, 178, 0.22);
    background: rgba(207, 250, 254, 0.62);
    color: #075985;
}

body.theme-light .team-modal-content section {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(255, 255, 255, 0.76);
}

body.theme-light .team-modal-content h3 {
    color: #9a6400;
}

body.theme-light .team-modal-photo img {
    background: #ffffff;
}

/* Team page refresh */
body.page-team .team-section {
    min-height: calc(100vh - var(--aidc-nav-height, 88px));
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
    background: transparent;
    color: #f8fafc;
}

body.page-team .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-team .team-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-team .academic-archive-panel,
body.page-team .team-empty-card {
    border: 1px solid var(--aidc-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-team .academic-archive-panel {
    position: relative;
    display: grid;
    gap: 2rem;
    align-items: end;
    border-radius: 1.25rem;
    padding: 2.25rem;
}

body.page-team .academic-archive-copy {
    max-width: 60rem;
}

body.page-team .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-team .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-team .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 3.35rem;
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-team .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-team .academic-archive-summary {
    display: grid;
    gap: 1rem;
    max-width: 28rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-team .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-team .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-team .team-hierarchy {
    gap: clamp(2rem, 5vw, 3.5rem);
    margin-top: 2rem;
}

body.page-team .team-group-heading {
    max-width: 58rem;
}

body.page-team .team-group-heading h2 {
    margin-top: 0.85rem;
    font-size: clamp(1.9rem, 3.5vw, 2.8rem);
    line-height: 1.08;
}

body.page-team .team-profile-grid,
body.page-team .team-group.is-director .team-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    margin-top: 1.25rem;
}

body.page-team .team-profile-card,
body.page-team .team-profile-card.is-featured {
    display: grid;
    min-height: 100%;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-team .team-profile-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

body.page-team .team-profile-card.is-featured {
    border-color: rgba(246, 196, 83, 0.28);
}

body.page-team .team-profile-photo,
body.page-team .team-profile-card.is-featured .team-profile-photo {
    position: relative;
    min-height: 0 !important;
    overflow: hidden;
    aspect-ratio: 4 / 5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(246, 196, 83, 0.08)),
        #020617;
}

body.page-team .team-profile-photo img,
body.page-team .team-profile-card.is-featured .team-profile-photo img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    object-fit: cover;
    object-position: center top;
    background: #020617;
    filter: none;
    transform: none !important;
    transition: none;
}

body.page-team .team-profile-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.2rem, 2.3vw, 1.65rem);
}

body.page-team .team-profile-content span {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.12);
    padding: 0.42rem 0.68rem;
    color: #a5f3fc;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-team .team-profile-content h3 {
    margin-top: 0.85rem;
    font-size: clamp(1.05rem, 1.45vw, 1.25rem);
    line-height: 1.18;
}

body.page-team .team-profile-designation {
    margin-top: 0.45rem !important;
    color: #f6c453 !important;
    font-size: 0.86rem;
    line-height: 1.45;
}

body.page-team .team-profile-summary {
    display: -webkit-box;
    min-height: 0;
    overflow: hidden;
    color: #cbd5e1;
    font-size: 0.88rem;
    line-height: 1.62;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.page-team .team-detail-button {
    width: fit-content;
    margin-top: 0.9rem;
    padding: 0.46rem 0.72rem;
    border-color: rgba(246, 196, 83, 0.52);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.95), rgba(246, 196, 83, 0.95));
    color: #071326;
    font-size: 0.72rem;
    box-shadow: 0 12px 26px rgba(212, 175, 55, 0.18);
}

body.page-team .team-empty-card {
    border-radius: 1.25rem;
}

body.page-team.theme-light main,
html.theme-light body.page-team main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-team.theme-light .academic-gold-separator,
html.theme-light body.page-team .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-team.theme-light .academic-archive-panel,
body.page-team.theme-light .team-empty-card,
body.page-team.theme-light .team-profile-card,
body.page-team.theme-light .team-profile-card.is-featured,
html.theme-light body.page-team .academic-archive-panel,
html.theme-light body.page-team .team-empty-card,
html.theme-light body.page-team .team-profile-card,
html.theme-light body.page-team .team-profile-card.is-featured {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-team.theme-light .academic-eyebrow,
html.theme-light body.page-team .academic-eyebrow,
body.page-team.theme-light .team-profile-content span,
html.theme-light body.page-team .team-profile-content span {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
}

body.page-team.theme-light .academic-archive-copy h1,
body.page-team.theme-light .team-group-heading h2,
body.page-team.theme-light .team-profile-content h3,
html.theme-light body.page-team .academic-archive-copy h1,
html.theme-light body.page-team .team-group-heading h2,
html.theme-light body.page-team .team-profile-content h3 {
    color: #071326;
}

body.page-team.theme-light .academic-archive-copy p,
body.page-team.theme-light .academic-archive-summary,
body.page-team.theme-light .academic-archive-summary > span,
body.page-team.theme-light .team-group-heading p,
body.page-team.theme-light .team-profile-summary,
html.theme-light body.page-team .academic-archive-copy p,
html.theme-light body.page-team .academic-archive-summary,
html.theme-light body.page-team .academic-archive-summary > span,
html.theme-light body.page-team .team-group-heading p,
html.theme-light body.page-team .team-profile-summary {
    color: #475569;
}

body.page-team.theme-light .academic-archive-summary div span,
html.theme-light body.page-team .academic-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-team.theme-light .team-profile-photo,
body.page-team.theme-light .team-profile-photo img,
html.theme-light body.page-team .team-profile-photo,
html.theme-light body.page-team .team-profile-photo img {
    background: #edf6ff;
}

body.page-team.theme-light .team-profile-designation,
html.theme-light body.page-team .team-profile-designation {
    color: #075985 !important;
}

@media (max-width: 639px) {
    body.page-team .academic-archive-panel {
        padding: 1.35rem;
    }

    body.page-team .academic-archive-copy h1 {
        font-size: 2.1rem;
    }
}

@media (min-width: 760px) {
    body.page-team .team-profile-grid,
    body.page-team .team-group.is-director .team-profile-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.page-team .team-profile-card,
    body.page-team .team-profile-card.is-featured {
        grid-template-columns: minmax(9rem, 0.36fr) minmax(0, 1fr);
        align-items: stretch;
    }

    body.page-team .team-profile-photo,
    body.page-team .team-profile-card.is-featured .team-profile-photo {
        height: 100%;
        aspect-ratio: auto;
        border-right: 1px solid rgba(255, 255, 255, 0.10);
        border-bottom: 0;
    }

    body.page-team .team-profile-photo img,
    body.page-team .team-profile-card.is-featured .team-profile-photo img {
        min-height: 14.5rem !important;
    }
}

@media (min-width: 1080px) {
    body.page-team .team-profile-grid,
    body.page-team .team-group.is-director .team-profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-team .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body.page-team .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }

    body.page-team .team-profile-grid,
    body.page-team .team-group.is-director .team-profile-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.page-team .team-profile-card,
    body.page-team .team-profile-card.is-featured {
        grid-template-columns: minmax(8.8rem, 0.38fr) minmax(0, 1fr);
    }

    body.page-team .team-profile-content {
        padding: 1rem;
    }
}

body.theme-light .about-mandate-card span {
    color: rgba(154, 100, 0, 0.62);
}

body.theme-light .leadership-founder-content h2,
body.theme-light .leadership-founder-designation strong,
body.theme-light .leadership-founder-closing {
    color: #071326 !important;
}

body.theme-light .leadership-founder-content > span {
    border-color: rgba(184, 134, 11, 0.38);
    background: rgba(255, 248, 220, 0.82);
    color: #9a6400;
}

body.theme-light .leadership-founder-designation small,
body.theme-light .leadership-founder-message p,
body.theme-light .leadership-message-body p {
    color: #475569;
}

body.theme-light .leadership-message-designations strong {
    color: #071326;
}

body.theme-light .leadership-message-photo {
    border-color: rgba(184, 134, 11, 0.28);
    background: rgba(255, 255, 255, 0.78);
}

body.theme-light .leadership-founder-photo-wrap img {
    border-color: rgba(255, 255, 255, 0.92);
}

body.theme-light .about-section-divider i {
    background: linear-gradient(90deg, rgba(184, 134, 11, 0.62), rgba(184, 134, 11, 0.18), transparent);
    box-shadow: 0 0 12px rgba(184, 134, 11, 0.08);
}

.recognition-section {
    background:
        linear-gradient(118deg, rgba(246, 196, 83, 0.16) 0 18%, transparent 18% 100%),
        linear-gradient(298deg, rgba(34, 211, 238, 0.16) 0 20%, transparent 20% 100%),
        linear-gradient(180deg, #030712 0%, #071326 46%, #03101f 100%);
}

.recognition-grid-layer {
    background-image:
        linear-gradient(115deg, rgba(246, 196, 83, 0.12) 0 1px, transparent 1px 28px),
        linear-gradient(0deg, rgba(34, 211, 238, 0.045) 1px, transparent 1px);
    background-size: 100% 100%, 54px 54px;
    mask-image: linear-gradient(180deg, transparent, black 8%, black 92%, transparent);
}

.recognition-section > .relative {
    z-index: 2;
}

.recognition-award-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.recognition-award-icon {
    position: absolute;
    display: grid;
    width: var(--recognition-icon-size, clamp(3.1rem, 5.6vw, 5.8rem));
    height: var(--recognition-icon-size, clamp(3.1rem, 5.6vw, 5.8rem));
    place-items: center;
    color: rgba(246, 196, 83, 0.38);
    opacity: 0.34;
    filter: drop-shadow(0 0 16px rgba(246, 196, 83, 0.14));
    animation: recognitionIconFloatOne var(--recognition-icon-duration, 18s) ease-in-out var(--recognition-icon-delay, 0s) infinite;
}

.recognition-award-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.35;
}

.recognition-award-medal,
.recognition-award-flag,
.recognition-award-ribbon,
.recognition-award-badge,
.recognition-award-target {
    color: rgba(34, 211, 238, 0.38);
    filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.14));
}

.recognition-award-trophy {
    left: 4%;
    top: 13%;
    --recognition-icon-duration: 21s;
    --recognition-icon-delay: -4s;
}

.recognition-award-medal {
    right: 5%;
    top: 18%;
    --recognition-icon-size: clamp(2.8rem, 5vw, 5rem);
    --recognition-icon-duration: 24s;
    --recognition-icon-delay: -14s;
    animation-name: recognitionIconFloatTwo;
}

.recognition-award-star {
    left: 7%;
    bottom: 15%;
    --recognition-icon-size: clamp(2.4rem, 4.6vw, 4.4rem);
    --recognition-icon-duration: 20s;
    --recognition-icon-delay: -9s;
    animation-name: recognitionIconFloatThree;
}

.recognition-award-flag {
    right: 8%;
    bottom: 20%;
    --recognition-icon-size: clamp(3rem, 5.2vw, 5.2rem);
    --recognition-icon-duration: 26s;
    --recognition-icon-delay: -18s;
    animation-name: recognitionIconFloatFour;
}

.recognition-award-podium {
    left: 36%;
    top: 7%;
    --recognition-icon-size: clamp(2.4rem, 4vw, 4rem);
    --recognition-icon-duration: 28s;
    --recognition-icon-delay: -22s;
    animation-name: recognitionIconFloatTwo;
}

.recognition-award-ribbon {
    right: 42%;
    bottom: 7%;
    --recognition-icon-size: clamp(2.2rem, 3.8vw, 3.8rem);
    --recognition-icon-duration: 23s;
    --recognition-icon-delay: -6s;
    animation-name: recognitionIconFloatThree;
}

.recognition-award-laurel {
    left: 18%;
    top: 33%;
    --recognition-icon-size: clamp(2.2rem, 4.2vw, 4.2rem);
    --recognition-icon-duration: 25s;
    --recognition-icon-delay: -12s;
    animation-name: recognitionIconFloatFour;
}

.recognition-award-cup {
    right: 24%;
    top: 36%;
    --recognition-icon-size: clamp(2.5rem, 4.4vw, 4.5rem);
    --recognition-icon-duration: 29s;
    --recognition-icon-delay: -25s;
    animation-name: recognitionIconFloatThree;
}

.recognition-award-badge {
    left: 3%;
    top: 48%;
    --recognition-icon-size: clamp(2.1rem, 3.8vw, 3.9rem);
    --recognition-icon-duration: 22s;
    --recognition-icon-delay: -16s;
    animation-name: recognitionIconFloatTwo;
}

.recognition-award-spark {
    right: 3%;
    top: 48%;
    --recognition-icon-size: clamp(2rem, 3.4vw, 3.5rem);
    --recognition-icon-duration: 18s;
    --recognition-icon-delay: -7s;
    animation-name: recognitionIconFloatOne;
}

.recognition-award-target {
    left: 31%;
    bottom: 12%;
    --recognition-icon-size: clamp(2.2rem, 3.8vw, 3.8rem);
    --recognition-icon-duration: 27s;
    --recognition-icon-delay: -20s;
    animation-name: recognitionIconFloatFour;
}

.recognition-award-bolt {
    right: 28%;
    bottom: 13%;
    --recognition-icon-size: clamp(1.8rem, 3.2vw, 3.3rem);
    --recognition-icon-duration: 19s;
    --recognition-icon-delay: -11s;
    animation-name: recognitionIconFloatTwo;
}

.recognition-showcase {
    display: grid;
    gap: 1rem;
    align-items: stretch;
}

.recognition-story-panel,
.recognition-curation-panel {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 2rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
        rgba(2, 6, 23, 0.62);
    box-shadow: 0 26px 80px rgba(2, 6, 23, 0.32);
    backdrop-filter: blur(18px);
}

.recognition-story-panel {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: clamp(1.25rem, 4vw, 2.5rem);
    min-height: 22rem;
    align-items: stretch;
    padding: clamp(1.35rem, 4vw, 2.5rem);
}

.recognition-story-panel::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.35rem;
    background: linear-gradient(180deg, #f6c453, #22d3ee);
}

.recognition-story-copy {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.recognition-title {
    max-width: 58rem;
    font-size: clamp(2.65rem, 7vw, 5.8rem);
    line-height: 0.94;
}

.recognition-intro {
    max-width: 48rem;
}

.recognition-link-row {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.recognition-link-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.64);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    padding: 0.7rem 1rem;
    color: #071326;
    font-size: 0.9rem;
    box-shadow: 0 14px 34px rgba(212, 175, 55, 0.22);
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.recognition-link-row a:hover,
.recognition-link-row a:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(254, 226, 138, 0.84);
    background: linear-gradient(135deg, #f6c453, #ffe28a);
    box-shadow: 0 18px 42px rgba(212, 175, 55, 0.30);
}

.recognition-metric-panel {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    align-content: end;
}

.recognition-metric {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 86% 14%, color-mix(in srgb, var(--metric-accent, #f6c453) 26%, transparent), transparent 42%),
        rgba(2, 6, 23, 0.48);
    padding: clamp(1rem, 2vw, 1.25rem);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.recognition-metric::before {
    content: "";
    position: absolute;
    inset: auto 1rem 1rem auto;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid color-mix(in srgb, var(--metric-accent, #f6c453) 36%, transparent);
    border-radius: 999px;
    opacity: 0.55;
}

.recognition-metric.is-achievement {
    --metric-accent: #f6c453;
}

.recognition-metric.is-competition {
    --metric-accent: #22d3ee;
}

.recognition-metric span {
    position: relative;
    z-index: 1;
    display: block;
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.recognition-metric strong {
    position: relative;
    z-index: 1;
    margin-top: 0.45rem;
    display: block;
    color: #ffffff;
    font-size: clamp(2.3rem, 5vw, 4rem);
    line-height: 0.95;
}

.recognition-curation-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    min-height: 17rem;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.25rem;
}

.recognition-curation-panel::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 1.35rem;
    pointer-events: none;
}

.recognition-curation-panel p {
    color: #a5f3fc;
    font-size: 0.75rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.recognition-curation-panel strong {
    margin-top: 0.8rem;
    color: #ffffff;
    font-size: clamp(1.5rem, 3vw, 2.3rem);
    line-height: 1.05;
}

.recognition-curation-panel span {
    margin-top: 0.85rem;
    color: #cbd5e1;
    line-height: 1.65;
}

.recognition-lane {
    margin-top: 1rem;
    display: flex;
    gap: 0.7rem;
    overflow-x: auto;
    padding-bottom: 0.15rem;
    scrollbar-width: thin;
}

.recognition-lane span {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.09);
    padding: 0.58rem 0.8rem;
    color: #dbeafe;
    font-size: 0.86rem;
}

.recognition-lane strong {
    color: #f6c453;
    font-size: 1rem;
}

.recognition-card-grid {
    --recognition-line-x: 0.8rem;
    --recognition-card-offset: 1.45rem;
    --recognition-dot-size: 1rem;
    --recognition-dot-half: 0.5rem;
    position: relative;
    margin-top: clamp(1.8rem, 4vw, 3rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.2rem;
    padding-left: calc(var(--recognition-line-x) + var(--recognition-card-offset));
}

.recognition-card-grid::before {
    content: "";
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    left: var(--recognition-line-x);
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, #f6c453, rgba(34, 211, 238, 0.85), transparent);
    opacity: 0.76;
}

.recognition-card {
    --recognition-accent: #f6c453;
    position: relative;
    display: grid;
    overflow: visible;
    min-height: 0;
    grid-column: auto !important;
    border: 0;
    border-radius: 1.55rem;
    background: transparent;
    box-shadow: none;
    isolation: isolate;
}

.recognition-card:hover {
    border-color: transparent;
    box-shadow: none;
}

.recognition-card:hover::after {
    box-shadow: 0 34px 92px color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, rgba(2, 6, 23, 0.22));
}

.recognition-card::before {
    content: "";
    position: absolute;
    top: 1.5rem;
    left: calc((var(--recognition-card-offset) * -1) - var(--recognition-dot-half));
    z-index: 3;
    box-sizing: border-box;
    width: var(--recognition-dot-size);
    height: var(--recognition-dot-size);
    border: 3px solid #071326;
    border-radius: 999px;
    background: var(--recognition-accent, #f6c453);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, transparent);
    pointer-events: none;
}

.recognition-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border: 1px solid color-mix(in srgb, var(--recognition-accent, #f6c453) 22%, rgba(255, 255, 255, 0.12));
    border-radius: inherit;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--recognition-accent, #f6c453) 13%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.9));
    box-shadow: 0 26px 70px rgba(2, 6, 23, 0.28);
    pointer-events: none;
}

.recognition-card.is-achievement {
    --recognition-accent: #f6c453;
}

.recognition-card.is-competition {
    --recognition-accent: #22d3ee;
}

.recognition-card-media {
    position: relative;
    z-index: 1;
    min-height: 15rem;
    border-radius: 1.35rem 1.35rem 0 0;
    background: #020617;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.recognition-kind {
    left: 1rem;
    right: auto;
    background: color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, rgba(2, 6, 23, 0.74));
    color: #ffffff;
}

.recognition-card-body {
    position: relative;
    z-index: 1;
    min-height: 13rem;
    justify-content: center;
    border-top: 1px solid color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, transparent);
    border-radius: 0 0 1.35rem 1.35rem;
    background: rgba(2, 6, 23, 0.34);
    padding: clamp(1.15rem, 2vw, 1.65rem);
}

.recognition-card-body::before {
    display: none;
}

.recognition-card-meta span {
    border-color: color-mix(in srgb, var(--recognition-accent, #22d3ee) 28%, transparent);
    background: color-mix(in srgb, var(--recognition-accent, #22d3ee) 12%, transparent);
}

.recognition-card-body strong {
    border-left: 0;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: inset 4px 0 0 var(--recognition-accent, #f6c453);
}

@media (min-width: 760px) {
    .recognition-card-grid {
        --recognition-line-x: 1.15rem;
        --recognition-card-offset: 2rem;
        --recognition-dot-size: 1rem;
        --recognition-dot-half: 0.5rem;
        gap: 1.35rem;
    }

    .recognition-card {
        width: min(100%, 66rem);
        grid-template-columns: minmax(13rem, 0.42fr) minmax(0, 1fr);
        align-items: stretch;
    }

    .recognition-card:hover {
        transform: translateX(0.35rem);
    }

    .recognition-card:nth-child(even) {
        margin-left: auto;
        grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.42fr);
    }

    .recognition-card:nth-child(even):hover {
        transform: translateX(-0.35rem);
    }

    .recognition-card:nth-child(even) .recognition-card-media {
        order: 2;
        border-radius: 0 1.35rem 1.35rem 0;
    }

    .recognition-card:nth-child(even) .recognition-card-body {
        order: 1;
        border-right: 1px solid color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, transparent);
        border-left: 0;
        border-radius: 1.35rem 0 0 1.35rem;
    }

    .recognition-card-media {
        min-height: 18rem;
        border-radius: 1.35rem 0 0 1.35rem;
    }

    .recognition-card-body {
        border-top: 0;
        border-left: 1px solid color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, transparent);
        border-radius: 0 1.35rem 1.35rem 0;
    }

    .recognition-card.is-spotlight {
        width: min(100%, 72rem);
        grid-template-columns: minmax(17rem, 0.48fr) minmax(0, 1fr) !important;
    }

    .recognition-card.is-spotlight .recognition-card-media {
        min-height: 22rem;
    }

    .recognition-card.is-spotlight .recognition-card-body {
        min-height: 22rem;
        justify-content: center;
    }
}

@media (min-width: 760px) {
    .recognition-story-panel {
        grid-template-columns: minmax(0, 1fr) minmax(13.5rem, 0.34fr);
    }
}

body.theme-light .recognition-section {
    background:
        linear-gradient(118deg, rgba(212, 175, 55, 0.18) 0 18%, transparent 18% 100%),
        linear-gradient(298deg, rgba(8, 145, 178, 0.14) 0 20%, transparent 20% 100%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 54%, #f8fbff 100%);
}

body.theme-light .recognition-award-layer {
    mix-blend-mode: multiply;
}

body.theme-light .recognition-award-icon {
    color: rgba(166, 111, 0, 0.42);
    opacity: 0.44;
    filter: drop-shadow(0 0 14px rgba(184, 134, 11, 0.12));
}

body.theme-light .recognition-award-medal,
body.theme-light .recognition-award-flag,
body.theme-light .recognition-award-ribbon,
body.theme-light .recognition-award-badge,
body.theme-light .recognition-award-target {
    color: rgba(0, 112, 138, 0.42);
    filter: drop-shadow(0 0 14px rgba(0, 142, 166, 0.12));
}

body.theme-light .recognition-story-panel,
body.theme-light .recognition-curation-panel {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)),
        rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.11);
}

body.theme-light .recognition-link-row a {
    border-color: rgba(184, 134, 11, 0.42);
    background: linear-gradient(135deg, #c89618, #f3cf5d);
    color: #071326;
    box-shadow: 0 12px 30px rgba(184, 134, 11, 0.20);
}

body.theme-light .recognition-link-row a:hover,
body.theme-light .recognition-link-row a:focus-visible {
    border-color: rgba(184, 134, 11, 0.58);
    background: linear-gradient(135deg, #f0c247, #ffe28a);
    color: #071326;
    box-shadow: 0 18px 42px rgba(184, 134, 11, 0.26);
}

body.theme-light .recognition-metric {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        radial-gradient(circle at 86% 14%, color-mix(in srgb, var(--metric-accent, #f6c453) 20%, transparent), transparent 42%),
        rgba(255, 255, 255, 0.82);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 18px 42px rgba(15, 23, 42, 0.08);
}

body.theme-light .recognition-metric span {
    color: #475569;
}

body.theme-light .recognition-metric strong {
    color: #071326;
}

body.theme-light .recognition-curation-panel strong {
    color: #071326;
}

body.theme-light .recognition-curation-panel p,
body.theme-light .recognition-lane span {
    color: #075985;
}

body.theme-light .recognition-curation-panel span {
    color: #475569;
}

body.theme-light .recognition-lane span {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.62);
}

body.theme-light .recognition-card {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

body.theme-light .recognition-card-grid::before {
    background: linear-gradient(180deg, #b8860b, rgba(8, 145, 178, 0.82), transparent);
}

body.theme-light .recognition-card::before {
    border-color: #eef6ff;
}

body.theme-light .recognition-card::after {
    border-color: color-mix(in srgb, var(--recognition-accent, #f6c453) 24%, rgba(11, 78, 162, 0.14));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--recognition-accent, #f6c453) 11%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.88));
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.10);
}

body.theme-light .recognition-card-media {
    background: #e2e8f0;
    box-shadow: inset 0 0 0 1px rgba(11, 78, 162, 0.10);
}

body.theme-light .recognition-card-body {
    border-color: color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, rgba(11, 78, 162, 0.10));
    background: rgba(255, 255, 255, 0.76);
}

body.theme-light .recognition-card-body strong {
    background: color-mix(in srgb, var(--recognition-accent, #f6c453) 12%, rgba(255, 255, 255, 0.8));
}

/* Home recognition refresh */
.recognition-section {
    background:
        radial-gradient(circle at 12% 12%, rgba(34, 211, 238, 0.16), transparent 28rem),
        radial-gradient(circle at 88% 18%, rgba(246, 196, 83, 0.11), transparent 28rem),
        linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
    color: #f8fafc;
}

.recognition-grid-layer {
    display: none;
}

.recognition-award-layer {
    opacity: 0.36;
}

.recognition-story-panel {
    min-height: 0;
    align-items: end;
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        rgba(7, 19, 38, 0.86);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    box-shadow:
        0 24px 80px rgba(2, 6, 23, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.recognition-story-panel::before {
    inset: 0 2rem auto;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.74), rgba(34, 211, 238, 0.48), transparent);
}

.recognition-title {
    max-width: 48rem;
    color: #ffffff;
    font-size: clamp(2.15rem, 4.8vw, 3.65rem);
    line-height: 1.04;
    letter-spacing: 0;
}

.recognition-intro {
    max-width: 50rem;
    margin-top: 0.85rem;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.75;
}

.recognition-link-row {
    margin-top: 1.35rem;
}

.recognition-metric-panel {
    align-content: stretch;
}

.recognition-metric {
    border-radius: 1rem;
    background:
        radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--metric-accent, #f6c453) 20%, transparent), transparent 46%),
        rgba(255, 255, 255, 0.055);
}

.recognition-metric strong {
    font-size: clamp(2rem, 4vw, 3.1rem);
}

.recognition-focus-strip {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.recognition-focus-strip span {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: 0.35rem;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 1rem;
    background: rgba(34, 211, 238, 0.075);
    padding: 0.9rem 1rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.45;
}

.recognition-focus-strip strong {
    color: #f6c453;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.recognition-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem;
    margin-top: 1.35rem;
    padding-left: 0;
}

.recognition-card-grid::before,
.recognition-card::before,
.recognition-card::after {
    display: none;
}

.recognition-card {
    display: flex;
    width: auto !important;
    min-height: 100%;
    overflow: hidden;
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr) !important;
    border: 1px solid color-mix(in srgb, var(--recognition-accent, #f6c453) 20%, rgba(255, 255, 255, 0.13));
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        rgba(7, 19, 38, 0.90);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: none !important;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.recognition-card:hover {
    transform: translateY(-5px) !important;
    border-color: color-mix(in srgb, var(--recognition-accent, #f6c453) 38%, rgba(255, 255, 255, 0.12));
    box-shadow: 0 32px 86px color-mix(in srgb, var(--recognition-accent, #f6c453) 14%, rgba(2, 6, 23, 0.26));
}

.recognition-card:nth-child(even) {
    margin-left: 0;
    grid-template-columns: minmax(0, 1fr) !important;
}

.recognition-card:nth-child(even) .recognition-card-media,
.recognition-card.is-spotlight .recognition-card-media,
.recognition-card-media {
    order: 0;
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-radius: 0 !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--recognition-accent, #f6c453) 10%, transparent), transparent),
        #020617;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.recognition-card-image {
    object-fit: contain;
    object-position: center;
    background: #020617;
    filter: none;
    transform: none !important;
}

.recognition-card:hover .recognition-card-image.is-active,
.interactive-card:hover .recognition-card-image.is-active {
    transform: none !important;
}

.recognition-card-shade {
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.06) 56%, rgba(2, 6, 23, 0.36) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.16), transparent 50%);
}

.recognition-kind {
    left: 0.75rem;
    top: 0.75rem;
    border-color: color-mix(in srgb, var(--recognition-accent, #f6c453) 34%, transparent);
    background: color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, rgba(2, 6, 23, 0.74));
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.recognition-card:nth-child(even) .recognition-card-body,
.recognition-card.is-spotlight .recognition-card-body,
.recognition-card-body {
    order: 1;
    min-height: 0;
    flex: 1;
    justify-content: flex-start;
    border: 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--recognition-accent, #f6c453) 18%, transparent) !important;
    border-radius: 0 !important;
    background: rgba(2, 6, 23, 0.24);
    padding: 1.15rem;
}

.recognition-card-meta {
    align-items: flex-start;
}

.recognition-card-meta span {
    border-color: rgba(34, 211, 238, 0.24);
    background: rgba(34, 211, 238, 0.10);
    color: #a5f3fc;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.recognition-card-meta small {
    border: 1px solid rgba(246, 196, 83, 0.26);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.36rem 0.58rem;
    color: #fef3c7;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.2;
}

.recognition-card-body h3 {
    font-size: clamp(1.05rem, 1.45vw, 1.25rem);
    font-weight: 800;
}

.recognition-card-body p {
    display: -webkit-box;
    overflow: hidden;
    color: #cbd5e1;
    font-size: 0.88rem;
    line-height: 1.62;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.recognition-card-body strong {
    display: -webkit-box;
    overflow: hidden;
    border-left: 0;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--recognition-accent, #f6c453) 12%, rgba(255, 255, 255, 0.04));
    box-shadow: inset 4px 0 0 var(--recognition-accent, #f6c453);
    color: #fef3c7;
    font-size: 0.78rem;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.recognition-card-actions {
    margin-top: auto;
    padding-top: 1rem;
}

.recognition-story-button,
.recognition-video-button {
    padding: 0.58rem 0.88rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.recognition-video-button {
    border-color: rgba(34, 211, 238, 0.24);
    background: rgba(34, 211, 238, 0.10);
    color: #a5f3fc;
    box-shadow: none;
}

body.theme-light .recognition-section {
    background:
        radial-gradient(circle at 12% 12%, rgba(8, 145, 178, 0.13), transparent 28rem),
        radial-gradient(circle at 88% 18%, rgba(184, 134, 11, 0.10), transparent 28rem),
        linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
    color: #071326;
}

body.theme-light .recognition-story-panel,
body.theme-light .recognition-card {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.theme-light .recognition-title,
body.theme-light .recognition-card-body h3 {
    color: #071326;
}

body.theme-light .recognition-intro,
body.theme-light .recognition-focus-strip span,
body.theme-light .recognition-card-body p {
    color: #475569;
}

body.theme-light .recognition-focus-strip span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(207, 250, 254, 0.50);
}

body.theme-light .recognition-focus-strip strong,
body.theme-light .recognition-card-body strong {
    color: #7a4d00;
}

body.theme-light .recognition-card-media,
body.theme-light .recognition-card-image {
    background: #edf6ff;
}

body.theme-light .recognition-card-body {
    background: rgba(255, 255, 255, 0.58);
}

body.theme-light .recognition-card-meta span {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body.theme-light .recognition-card-meta small {
    border-color: rgba(184, 134, 11, 0.28);
    background: rgba(246, 196, 83, 0.22);
    color: #7a4d00;
}

body.theme-light .recognition-video-button {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

@media (min-width: 760px) {
    .recognition-focus-strip,
    .recognition-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 980px) {
    .recognition-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1180px) {
    .recognition-story-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    .recognition-focus-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .recognition-card-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.facility-snapshot-section {
    isolation: isolate;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.12) 0%, transparent 28%),
        linear-gradient(225deg, rgba(246, 196, 83, 0.14) 0%, transparent 30%),
        linear-gradient(180deg, #030712 0%, #071326 48%, #082f49 100%);
    color: #f8fafc;
}

.facility-grid-layer {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(34, 211, 238, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 211, 238, 0.06) 1px, transparent 1px),
        repeating-linear-gradient(135deg, rgba(246, 196, 83, 0.08) 0 1px, transparent 1px 18px);
    background-size: 56px 56px, 56px 56px, 100% 100%;
    mask-image: linear-gradient(180deg, transparent, black 12%, black 88%, transparent);
    pointer-events: none;
}

.facility-snapshot-section > .relative {
    z-index: 2;
}

.facility-mech-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.facility-mech-arm {
    position: absolute;
    width: clamp(7rem, 13vw, 12rem);
    height: clamp(7rem, 13vw, 12rem);
    border-radius: 999px;
    opacity: 0.34;
    filter: drop-shadow(0 0 20px rgba(34, 211, 238, 0.12));
    animation: facilityArmFloat var(--facility-arm-duration, 16s) ease-in-out var(--facility-arm-delay, 0s) infinite;
}

.facility-mech-arm::before,
.facility-mech-arm::after,
.facility-mech-arm i,
.facility-mech-arm i::before {
    content: "";
    position: absolute;
    border-radius: 999px;
}

.facility-mech-arm::before {
    left: 12%;
    top: 46%;
    width: 56%;
    height: 0.5rem;
    border: 1px solid rgba(34, 211, 238, 0.18);
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.22), rgba(246, 196, 83, 0.18));
    transform-origin: 12% 50%;
    animation: facilityArmUpper 7s ease-in-out infinite;
}

.facility-mech-arm::after {
    left: 53%;
    top: 34%;
    width: 45%;
    height: 0.45rem;
    border: 1px solid rgba(246, 196, 83, 0.18);
    background: linear-gradient(90deg, rgba(246, 196, 83, 0.22), rgba(34, 211, 238, 0.14));
    transform-origin: 10% 50%;
    animation: facilityArmForearm 6.5s ease-in-out infinite;
}

.facility-mech-arm i {
    left: 9%;
    top: 38%;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid rgba(34, 211, 238, 0.24);
    background:
        radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.50), transparent 22%),
        rgba(8, 19, 38, 0.66);
    box-shadow:
        0 0 0 6px rgba(34, 211, 238, 0.05),
        0 0 24px rgba(34, 211, 238, 0.16);
}

.facility-mech-arm i::before {
    left: clamp(4.4rem, 8vw, 7.7rem);
    top: -0.1rem;
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid rgba(246, 196, 83, 0.24);
    background: rgba(246, 196, 83, 0.14);
    box-shadow: 0 0 22px rgba(246, 196, 83, 0.14);
}

.facility-mech-arm-one {
    left: -1.8rem;
    top: 10%;
    --facility-arm-duration: 19s;
    --facility-arm-delay: -4s;
}

.facility-mech-arm-two {
    right: -2rem;
    bottom: 12%;
    --facility-arm-duration: 23s;
    --facility-arm-delay: -13s;
    --facility-arm-scale: -1;
}

.facility-gear {
    position: absolute;
    width: var(--facility-gear-size, clamp(3.8rem, 7vw, 6.4rem));
    height: var(--facility-gear-size, clamp(3.8rem, 7vw, 6.4rem));
    display: grid;
    place-items: center;
    color: rgba(34, 211, 238, 0.42);
    opacity: 0.36;
    filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.16));
    animation: facilityGearSpin var(--facility-gear-duration, 26s) linear infinite;
}

.facility-gear svg,
.facility-mech-fixture svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
}

.facility-gear-two {
    color: rgba(246, 196, 83, 0.42);
    filter: drop-shadow(0 0 16px rgba(246, 196, 83, 0.16));
    animation-direction: reverse;
}

.facility-gear-one {
    left: 14%;
    top: 8%;
    --facility-gear-size: clamp(3.2rem, 6vw, 5.6rem);
    --facility-gear-duration: 28s;
}

.facility-gear-two {
    right: 15%;
    bottom: 8%;
    --facility-gear-size: clamp(4rem, 7vw, 6.8rem);
    --facility-gear-duration: 34s;
}

.facility-gear-three {
    right: 7%;
    top: 18%;
    --facility-gear-size: clamp(2.8rem, 5vw, 4.8rem);
    --facility-gear-duration: 24s;
    opacity: 0.24;
}

.facility-mech-fixture {
    position: absolute;
    width: clamp(3rem, 5vw, 4.8rem);
    height: clamp(3rem, 5vw, 4.8rem);
    display: grid;
    place-items: center;
    color: rgba(34, 211, 238, 0.40);
    opacity: 0.34;
    filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.14));
    animation: facilityFixtureFloat 18s ease-in-out infinite;
}

.facility-mech-fixture-one {
    left: 4%;
    bottom: 18%;
    --facility-fixture-rotation: 18deg;
    animation-delay: -5s;
}

.facility-mech-fixture-two {
    right: 4%;
    bottom: 33%;
    color: rgba(246, 196, 83, 0.38);
    filter: drop-shadow(0 0 16px rgba(246, 196, 83, 0.13));
    --facility-fixture-rotation: -16deg;
    animation-delay: -12s;
}

.facility-snapshot-header {
    display: grid;
    gap: 1.5rem;
    align-items: end;
}

.facility-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.5rem 1rem;
    color: #a5f3fc;
    font-size: 0.75rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.facility-eyebrow span {
    height: 0.42rem;
    width: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.72);
}

.facility-title {
    margin-top: 1.1rem;
    max-width: 52rem;
    color: #ffffff;
    font-size: clamp(2.3rem, 6vw, 5rem);
    letter-spacing: 0;
    line-height: 0.98;
}

.facility-intro {
    margin-top: 1.15rem;
    max-width: 45rem;
    color: #cbd5e1;
    font-size: clamp(1rem, 1.7vw, 1.16rem);
    line-height: 1.8;
}

.facility-command-panel {
    display: grid;
    gap: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.45rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
        rgba(2, 6, 23, 0.70);
    padding: 1rem;
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.32);
    backdrop-filter: blur(18px);
}

.facility-command-panel div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 0.7rem;
}

.facility-command-panel div:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.facility-command-panel span {
    color: #f6c453;
    font-size: 1.85rem;
    line-height: 1;
}

.facility-command-panel p {
    color: #dbeafe;
    font-size: 0.86rem;
    text-align: right;
}

.facility-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    min-height: 3rem;
    border: 1px solid rgba(246, 196, 83, 0.40);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    padding: 0.72rem 0.82rem 0.72rem 1rem;
    color: #071326;
    font-size: 0.92rem;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.facility-cta:hover,
.facility-cta:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(212, 175, 55, 0.26);
}

.facility-cta span {
    display: grid;
    height: 2rem;
    width: 2rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(7, 19, 38, 0.12);
    color: #071326;
    font-size: 1.15rem;
}

.facility-category-rail {
    margin-top: 2rem;
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    scrollbar-width: thin;
}

.facility-category-rail span {
    flex: 0 0 auto;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.55rem 0.75rem;
    color: #bae6fd;
    font-size: 0.82rem;
}

.facility-card-grid {
    margin-top: 2rem;
    display: grid;
    gap: 1rem;
}

.facility-card {
    position: relative;
    display: grid;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.65rem;
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045)),
        rgba(8, 19, 38, 0.82);
    box-shadow:
        0 24px 70px rgba(2, 6, 23, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18px);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.facility-card:hover {
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow:
        0 34px 92px rgba(8, 145, 178, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.facility-card-media {
    position: relative;
    min-height: 15.5rem;
    overflow: hidden;
    background: #020617;
}

.facility-card-image {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: inherit;
    width: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    filter: brightness(1.18) saturate(1.08) contrast(1.02);
    transform: scale(1.035);
    transition: opacity 700ms ease, transform 2800ms ease;
}

.facility-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

.facility-card:hover .facility-card-image.is-active {
    transform: scale(1.06);
}

.interactive-card:hover .facility-card-image.is-active {
    transform: scale(1.06);
}

.facility-card-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.14) 52%, rgba(2, 6, 23, 0.52) 100%),
        linear-gradient(90deg, rgba(7, 19, 38, 0.18), transparent);
}

.facility-card-number {
    position: absolute;
    left: 1rem;
    top: 1rem;
    display: grid;
    height: 2.7rem;
    width: 2.7rem;
    place-items: center;
    border: 1px solid rgba(246, 196, 83, 0.45);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.66);
    color: #fef3c7;
    font-size: 0.9rem;
    backdrop-filter: blur(14px);
}

.facility-card-body {
    display: flex;
    flex-direction: column;
    padding: clamp(1.1rem, 2vw, 1.5rem);
}

.facility-card-category {
    width: fit-content;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.4rem 0.55rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    line-height: 1.25;
}

.facility-card-body h3 {
    margin-top: 0.95rem;
    color: #ffffff;
    font-size: clamp(1.25rem, 2vw, 1.85rem);
    letter-spacing: 0;
    line-height: 1.12;
}

.facility-card-body > p:not(.facility-card-category) {
    margin-top: 0.8rem;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.72;
}

.facility-video-button {
    margin-top: 1rem;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    padding: 0.62rem 0.95rem;
    color: #071326;
    font-size: 0.84rem;
    line-height: 1;
    box-shadow: 0 14px 32px rgba(212, 175, 55, 0.20);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.facility-video-button:hover,
.facility-video-button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(212, 175, 55, 0.28);
}

.facility-capability-grid {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding-top: 1.2rem;
}

.facility-capability-grid span {
    border: 1px solid rgba(246, 196, 83, 0.22);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.42rem 0.58rem;
    color: #fde68a;
    font-size: 0.78rem;
}

@media (min-width: 768px) {
    .facility-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .facility-snapshot-header {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    }

    .facility-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .facility-card.is-primary {
        grid-column: span 2;
        grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
    }

    .facility-card.is-primary .facility-card-media {
        min-height: 100%;
    }

    .facility-card.is-primary .facility-card-body {
        min-height: 25rem;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .facility-snapshot-section {
        padding-block: 4.5rem;
    }

    .facility-command-panel {
        padding: 0.85rem;
    }

    .facility-card-media {
        min-height: 13.5rem;
    }

    .facility-card-body {
        padding: 1rem;
    }
}

body.theme-light .facility-snapshot-section {
    background:
        linear-gradient(135deg, rgba(8, 145, 178, 0.14) 0%, transparent 30%),
        linear-gradient(225deg, rgba(184, 134, 11, 0.13) 0%, transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 58%, #f8fbff 100%);
    color: #071326;
}

body.theme-light .facility-grid-layer {
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.055) 1px, transparent 1px),
        repeating-linear-gradient(135deg, rgba(184, 134, 11, 0.10) 0 1px, transparent 1px 18px);
}

body.theme-light .facility-mech-layer {
    mix-blend-mode: multiply;
}

body.theme-light .facility-mech-arm {
    filter: drop-shadow(0 0 16px rgba(0, 142, 166, 0.10));
    opacity: 0.48;
}

body.theme-light .facility-mech-arm::before {
    border-color: rgba(0, 112, 138, 0.20);
    background: linear-gradient(90deg, rgba(0, 142, 166, 0.22), rgba(184, 134, 11, 0.17));
}

body.theme-light .facility-mech-arm::after {
    border-color: rgba(166, 111, 0, 0.20);
    background: linear-gradient(90deg, rgba(184, 134, 11, 0.22), rgba(0, 142, 166, 0.13));
}

body.theme-light .facility-mech-arm i {
    border-color: rgba(0, 112, 138, 0.24);
    background:
        radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.78), transparent 22%),
        rgba(255, 255, 255, 0.72);
}

body.theme-light .facility-gear {
    color: rgba(0, 112, 138, 0.44);
    opacity: 0.46;
    filter: drop-shadow(0 0 14px rgba(0, 142, 166, 0.12));
}

body.theme-light .facility-gear-two {
    color: rgba(166, 111, 0, 0.46);
    filter: drop-shadow(0 0 14px rgba(184, 134, 11, 0.12));
}

body.theme-light .facility-mech-fixture {
    color: rgba(0, 112, 138, 0.42);
    opacity: 0.46;
    filter: drop-shadow(0 0 14px rgba(0, 142, 166, 0.12));
}

body.theme-light .facility-mech-fixture-two {
    color: rgba(166, 111, 0, 0.44);
    filter: drop-shadow(0 0 14px rgba(184, 134, 11, 0.12));
}

body.theme-light .facility-eyebrow,
body.theme-light .facility-category-rail span,
body.theme-light .facility-card-category {
    border-color: rgba(8, 145, 178, 0.24);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
}

body.theme-light .facility-title,
body.theme-light .facility-card-body h3 {
    color: #071326;
}

body.theme-light .facility-intro,
body.theme-light .facility-card-body > p:not(.facility-card-category) {
    color: #475569;
}

body.theme-light .facility-command-panel,
body.theme-light .facility-card {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)),
        rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.11);
}

body.theme-light .facility-command-panel div {
    border-color: rgba(11, 78, 162, 0.11);
}

body.theme-light .facility-command-panel p {
    color: #334155;
}

body.theme-light .facility-card:hover {
    border-color: rgba(8, 145, 178, 0.32);
    box-shadow: 0 30px 76px rgba(11, 78, 162, 0.14);
}

body.theme-light .facility-capability-grid span {
    border-color: rgba(184, 134, 11, 0.24);
    background: rgba(212, 175, 55, 0.15);
    color: #8a5f05;
}

body.theme-light .facility-video-button {
    border-color: rgba(154, 100, 0, 0.28);
    background: linear-gradient(135deg, #c89618, #f3cf5d);
    color: #071326;
    box-shadow: 0 12px 28px rgba(184, 134, 11, 0.20);
}

.page-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    gap: 1.25rem;
    background:
        radial-gradient(circle at 50% 45%, rgba(34, 211, 238, 0.09), transparent 30%),
        radial-gradient(circle at 50% 58%, rgba(246, 196, 83, 0.055), transparent 26%),
        linear-gradient(135deg, #00030a 0%, #020617 42%, #030b18 68%, #00030a 100%);
    color: #f8fafc;
    opacity: 1;
    transition: opacity 480ms ease, visibility 480ms ease;
}

.page-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loader-core {
    position: relative;
    display: grid;
    height: 8.5rem;
    width: 8.5rem;
    place-items: center;
}

.loader-core img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 4.35rem;
    height: 4.35rem;
    object-fit: contain;
    object-position: center;
    transform: translate(-50%, -53%);
    transform-origin: center;
    filter: drop-shadow(0 0 18px rgba(34, 211, 238, 0.28));
    animation: loaderLogoBeat 1.65s ease-in-out infinite;
}

.loader-ring,
.loader-ring-alt {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(34, 211, 238, 0.26);
    border-top-color: var(--aidc-cyan);
    border-radius: 999px;
    animation: loaderSpin 1.8s linear infinite;
    box-shadow: 0 0 35px rgba(34, 211, 238, 0.18);
}

.loader-ring-alt {
    inset: 1rem;
    border-color: rgba(212, 175, 55, 0.22);
    border-bottom-color: var(--aidc-gold);
    animation-direction: reverse;
    animation-duration: 2.4s;
}

.loader-nodes span {
    position: absolute;
    height: 0.55rem;
    width: 0.55rem;
    border-radius: 999px;
    background: var(--aidc-cyan);
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.85);
    animation: nodePulse 1.4s ease-in-out infinite;
}

.loader-nodes span:nth-child(1) { left: 0.3rem; top: 50%; }
.loader-nodes span:nth-child(2) { right: 1rem; top: 1.2rem; animation-delay: 0.2s; }
.loader-nodes span:nth-child(3) { right: 0.4rem; bottom: 2rem; animation-delay: 0.4s; }
.loader-nodes span:nth-child(4) { left: 2rem; bottom: 0.5rem; animation-delay: 0.6s; }

.page-loader p {
    margin-top: 11rem;
    position: absolute;
    font-size: 0.78rem;
    font-weight: 300;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: #a5f3fc;
}

.hero-slider,
.hero-slide {
    height: 100%;
    width: 100%;
}

.hero-slider {
    z-index: 0;
}

.hero-section > .relative.mx-auto {
    z-index: 2;
}

.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 1200ms ease, transform 5200ms ease;
}

.hero-slide.is-active {
    opacity: 1;
    transform: scale(1);
}

.hero-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-readability-overlay {
    background:
        linear-gradient(90deg,
            rgba(2, 6, 23, 0.84) 0%,
            rgba(3, 8, 22, 0.68) 28%,
            rgba(6, 17, 34, 0.40) 56%,
            rgba(3, 8, 22, 0.18) 82%,
            rgba(2, 6, 23, 0.30) 100%),
        linear-gradient(180deg,
            rgba(2, 6, 23, 0.34) 0%,
            rgba(5, 11, 31, 0.08) 46%,
            rgba(2, 6, 23, 0.42) 100%);
}

.hero-light-beam {
    position: absolute;
    inset: -18% -24%;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(112deg, transparent 0%, transparent 38%, rgba(34, 211, 238, 0.10) 45%, rgba(255, 246, 190, 0.18) 49%, rgba(246, 196, 83, 0.09) 53%, transparent 62%),
        radial-gradient(circle at 74% 32%, rgba(34, 211, 238, 0.12), transparent 22%);
    mix-blend-mode: screen;
    opacity: 0.18;
    transform: translate3d(-8%, 0, 0);
    animation: none;
}

.hero-floating-lights {
    position: absolute;
    inset: -18% -14%;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.hero-floating-lights span {
    position: absolute;
    width: clamp(9rem, 18vw, 21rem);
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 247, 206, 0.34), rgba(246, 196, 83, 0.16) 22%, rgba(34, 211, 238, 0.10) 44%, transparent 68%);
    filter: blur(18px);
    opacity: 0;
    transform: translate3d(var(--light-start-x), var(--light-start-y), 0) scale(var(--light-scale, 1));
    animation: heroFloatingLightOne var(--light-duration, 18s) ease-in-out var(--light-delay, 0s) infinite;
}

.hero-floating-lights span:nth-child(1) {
    --light-start-x: -16vw;
    --light-start-y: 18vh;
    --light-scale: 1.08;
    left: 4%;
    top: 8%;
    animation-duration: 17s;
    animation-delay: -5s;
}

.hero-floating-lights span:nth-child(2) {
    --light-start-x: 78vw;
    --light-start-y: -18vh;
    --light-scale: 0.82;
    left: 8%;
    top: 24%;
    background:
        radial-gradient(circle at 50% 50%, rgba(207, 250, 254, 0.28), rgba(34, 211, 238, 0.16) 26%, rgba(246, 196, 83, 0.08) 48%, transparent 70%);
    animation-name: heroFloatingLightTwo;
    animation-duration: 23s;
    animation-delay: -12s;
}

.hero-floating-lights span:nth-child(3) {
    --light-start-x: 26vw;
    --light-start-y: 82vh;
    --light-scale: 0.66;
    left: 16%;
    top: -8%;
    animation-name: heroFloatingLightThree;
    animation-duration: 29s;
    animation-delay: -19s;
}

.hero-section .mesh-grid,
.hero-section .circuit-layer,
.hero-section .hero-scanline,
.hero-section .tech-orbit,
.hero-section .absolute.bottom-12.left-8 {
    display: none !important;
}

.hero-slider::before,
.hero-slider::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero-slider::before {
    z-index: 1;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.10), transparent 31%),
        radial-gradient(circle at 78% 18%, rgba(246, 196, 83, 0.06), transparent 28%),
        linear-gradient(135deg, rgba(2, 6, 23, 0.20) 0%, rgba(7, 19, 38, 0.08) 45%, rgba(2, 6, 23, 0.24) 100%);
}

.hero-slider::after {
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.16) 0%, transparent 38%, rgba(2, 6, 23, 0.24) 100%),
        radial-gradient(ellipse at 50% 105%, rgba(34, 211, 238, 0.07), transparent 45%);
    opacity: 0.66;
}

.hero-slider > :not(.hero-slide) {
    z-index: 3;
}

.hero-scanline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16%;
    z-index: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), rgba(246, 196, 83, 0.22), transparent);
    opacity: 0.8;
}

.hero-copy-panel {
    position: relative;
}

.hero-copy-panel::before {
    content: "";
    position: absolute;
    inset: -2rem -2.4rem -1.6rem -2.4rem;
    z-index: -1;
    border-radius: 2.2rem;
    background:
        radial-gradient(circle at 0% 18%, rgba(34, 211, 238, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(2, 6, 23, 0.24), rgba(2, 6, 23, 0.03));
    filter: blur(0.2px);
}

.hero-identity-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.07)),
        rgba(2, 6, 23, 0.26);
    padding: 0.55rem 1rem 0.55rem 0.7rem;
    box-shadow:
        0 20px 54px rgba(2, 6, 23, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px);
}

.hero-identity-pill img {
    max-height: 2.65rem;
}

.hero-identity-pill span {
    color: #dffbff;
    font-size: 0.74rem;
    letter-spacing: 0.24em;
    line-height: 1.35;
    text-transform: uppercase;
}

.hero-kicker {
    margin-top: 1.45rem;
    color: #f6c453;
    font-size: 0.82rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-shadow: 0 10px 28px rgba(2, 6, 23, 0.55);
}

.hero-title {
    font-weight: 300;
    letter-spacing: -0.065em;
    text-shadow: 0 4px 34px rgba(2, 6, 23, 0.78);
}

.hero-subtitle {
    text-shadow: 0 4px 28px rgba(2, 6, 23, 0.64);
}

.hero-tech-line {
    color: #dbeafe;
    text-shadow: 0 4px 22px rgba(2, 6, 23, 0.62);
}

.hero-actions a {
    box-shadow: 0 16px 34px rgba(2, 6, 23, 0.18);
}

.hero-actions .glow-button {
    background: linear-gradient(135deg, #d4af37, #f6c453);
    box-shadow:
        0 18px 44px rgba(212, 175, 55, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.hero-actions .glow-button:hover {
    background: linear-gradient(135deg, #f6c453, #ffe28a);
}

.hero-proof-strip {
    margin-top: 1.65rem;
    display: grid;
    max-width: 29rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.hero-proof-strip div {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.1rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
        rgba(2, 6, 23, 0.20);
    padding: 0.85rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
}

.hero-proof-strip span {
    display: block;
    color: #f6c453;
    font-size: 1.05rem;
}

.hero-proof-strip small {
    display: block;
    margin-top: 0.25rem;
    color: #dbeafe;
    font-size: 0.74rem;
    line-height: 1.35;
}

.hero-feature-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

.hero-feature-card::before {
    content: none;
}

.hero-feature-glow {
    display: none;
}

.hero-feature-topbar {
    position: relative;
    z-index: 1;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045)),
        rgba(7, 19, 38, 0.42);
    padding: 0.5rem 0.55rem 0.5rem 0.9rem;
    color: #e0f2fe;
    backdrop-filter: blur(14px);
}

.hero-feature-topbar span {
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.hero-feature-topbar small {
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.14);
    padding: 0.34rem 0.62rem;
    color: #ffe28a;
    font-size: 0.7rem;
}

.hero-feature-toggle {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    min-height: 2.1rem;
    border: 1px solid rgba(246, 196, 83, 0.34);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.18), rgba(255, 226, 138, 0.08)),
        rgba(2, 6, 23, 0.40);
    padding: 0;
    color: #fff1a8;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.35rem);
    backdrop-filter: blur(12px);
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.hero-feature-frame:hover .hero-feature-toggle,
.hero-feature-frame:focus-within .hero-feature-toggle {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.hero-feature-toggle:hover,
.hero-feature-toggle:focus-visible {
    transform: translateY(0) scale(1.04);
    border-color: rgba(255, 226, 138, 0.72);
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.30), rgba(255, 226, 138, 0.13)),
        rgba(2, 6, 23, 0.56);
    outline: none;
}

.hero-feature-toggle-icon {
    position: relative;
    display: inline-block;
    width: 0.72rem;
    height: 0.72rem;
}

.hero-feature-toggle-icon::before,
.hero-feature-toggle-icon::after {
    content: "";
    position: absolute;
    top: 0.05rem;
    width: 0.2rem;
    height: 0.62rem;
    border-radius: 999px;
    background: currentColor;
    transition: opacity 160ms ease, transform 160ms ease, border 160ms ease, background 160ms ease;
}

.hero-feature-toggle-icon::before {
    left: 0.12rem;
}

.hero-feature-toggle-icon::after {
    right: 0.12rem;
}

.hero-feature-toggle.is-paused .hero-feature-toggle-icon::before {
    top: 0;
    left: 0.18rem;
    width: 0;
    height: 0;
    border-top: 0.36rem solid transparent;
    border-bottom: 0.36rem solid transparent;
    border-left: 0.54rem solid currentColor;
    border-radius: 0;
    background: transparent;
}

.hero-feature-toggle.is-paused .hero-feature-toggle-icon::after {
    opacity: 0;
    transform: translateX(0.25rem);
}

.hero-feature-frame {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.7rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)),
        linear-gradient(145deg, #101827 0%, #050913 45%, #020617 100%);
    padding: clamp(0.18rem, 0.45vw, 0.3rem);
    box-shadow:
        0 18px 44px rgba(2, 6, 23, 0.32),
        0 0 28px rgba(34, 211, 238, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.hero-feature-frame::before {
    content: "";
    position: absolute;
    inset: 0.22rem;
    z-index: 4;
    border-radius: 0.46rem;
    pointer-events: none;
    background:
        linear-gradient(112deg, rgba(255, 255, 255, 0.13) 0%, transparent 24%, transparent 78%, rgba(255, 255, 255, 0.06) 100%);
    mix-blend-mode: screen;
    opacity: 0.34;
}

.hero-feature-frame::after {
    content: "";
    position: absolute;
    inset: -0.12rem;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.38), transparent 35%, transparent 66%, rgba(246, 196, 83, 0.30));
    opacity: 0.42;
    filter: blur(10px);
}

.hero-feature-camera {
    position: absolute;
    left: 50%;
    top: -0.24rem;
    z-index: 5;
    width: 0.28rem;
    height: 0.28rem;
    border: 1px solid rgba(165, 243, 252, 0.48);
    border-radius: 999px;
    background: radial-gradient(circle at 45% 42%, #a5f3fc 0 16%, #083344 38%, #020617 100%);
    box-shadow: 0 0 12px rgba(34, 211, 238, 0.48);
    transform: translateX(-50%);
}

.hero-feature-speaker {
    position: absolute;
    left: 50%;
    top: -0.18rem;
    z-index: 5;
    width: min(3rem, 12%);
    height: 0.1rem;
    border-radius: 999px;
    background: repeating-linear-gradient(90deg, rgba(226, 232, 240, 0.42) 0 2px, transparent 2px 5px);
    opacity: 0.24;
    transform: translateX(-50%);
}

.hero-feature-stage {
    position: relative;
    z-index: 2;
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    border-radius: 0.42rem;
    background: #020617;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 0 20px rgba(0, 0, 0, 0.36);
}

.hero-feature-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.025);
    transition: opacity 800ms ease, transform 160ms ease;
    pointer-events: none;
}

.hero-feature-slide.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.hero-feature-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(1.12) contrast(1.04) brightness(1.06);
}

.hero-feature-video {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

iframe.hero-feature-video {
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.hero-feature-details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.45rem);
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0.7rem);
    transition: opacity 220ms ease, transform 220ms ease;
}

.hero-feature-details::before {
    content: "";
    position: absolute;
    inset: -4rem 0 0 0;
    z-index: -1;
    background:
        radial-gradient(circle at 16% 38%, rgba(34, 211, 238, 0.22), transparent 28%),
        linear-gradient(180deg, transparent 0%, rgba(2, 6, 23, 0.58) 38%, rgba(2, 6, 23, 0.90) 100%);
    backdrop-filter: blur(2px);
}

.hero-feature-frame:hover .hero-feature-details,
.hero-feature-frame:focus-within .hero-feature-details {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.hero-feature-details-copy {
    max-width: min(33rem, 76%);
}

.hero-feature-details-eyebrow {
    color: #a5f3fc;
    font-size: clamp(0.58rem, 0.85vw, 0.68rem);
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

.hero-feature-details h2 {
    display: -webkit-box;
    margin-top: 0.42rem;
    overflow: hidden;
    color: #ffffff;
    font-size: clamp(1.05rem, 1.75vw, 1.55rem);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.08;
    text-shadow: 0 14px 34px rgba(2, 6, 23, 0.62);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hero-feature-details-copy > p:not(.hero-feature-details-eyebrow) {
    display: -webkit-box;
    margin-top: 0.45rem;
    overflow: hidden;
    color: #dbeafe;
    font-size: clamp(0.72rem, 0.95vw, 0.84rem);
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hero-feature-details-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-top: 0.65rem;
}

.hero-feature-details-meta span {
    border: 1px solid rgba(165, 243, 252, 0.26);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.12);
    padding: 0.32rem 0.58rem;
    color: #a5f3fc;
    font-size: 0.64rem;
    line-height: 1;
}

.hero-feature-details-cta {
    flex: 0 0 auto;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    padding: 0.55rem 0.86rem;
    color: #071326 !important;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 12px 26px rgba(2, 6, 23, 0.28);
    transition: transform 180ms ease, background 180ms ease;
}

.hero-feature-details-cta:hover,
.hero-feature-details-cta:focus-visible {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #f6c453, #ffe28a);
    outline: none;
}

.hero-feature-overlay {
    display: none;
}

.hero-feature-count {
    display: none;
}

.hero-feature-content {
    display: none;
}

.hero-feature-content::before {
    content: "";
    position: absolute;
    inset: -0.85rem -1rem -0.8rem -1rem;
    z-index: -1;
    background:
        radial-gradient(circle at 16% 18%, rgba(34, 211, 238, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(2, 6, 23, 0.04) 0%, rgba(2, 6, 23, 0.58) 34%, rgba(2, 6, 23, 0.86) 100%);
    border-radius: 1.25rem;
    backdrop-filter: blur(1px);
}

.hero-feature-content > * {
    position: relative;
}

.hero-feature-eyebrow {
    color: #a5f3fc;
    font-size: clamp(0.62rem, 0.9vw, 0.72rem);
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.hero-feature-content h2 {
    display: -webkit-box;
    margin-top: 0.55rem;
    overflow: hidden;
    color: #ffffff;
    font-size: clamp(1.22rem, 2.05vw, 1.85rem);
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 1.08;
    text-shadow: 0 14px 34px rgba(2, 6, 23, 0.52);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hero-feature-content p:not(.hero-feature-eyebrow) {
    display: -webkit-box;
    margin-top: 0.55rem;
    max-width: 31rem;
    overflow: hidden;
    color: #dbeafe;
    font-size: clamp(0.78rem, 1.02vw, 0.88rem);
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hero-feature-tech {
    display: inline-flex;
    margin-top: 0.72rem;
    max-width: 100%;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.14);
    padding: 0.42rem 0.75rem;
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-feature-cta {
    display: inline-flex;
    margin-top: 0.72rem;
    width: fit-content;
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    padding: 0.58rem 1rem;
    color: #071326 !important;
    font-size: 0.78rem;
    transition: transform 180ms ease, background 180ms ease;
}

.hero-feature-cta:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #f6c453, #ffe28a);
}

.hero-feature-nav-label {
    display: none;
}

.hero-feature-screen-controls {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.95rem;
    margin-top: 0.9rem;
    margin-bottom: 1.15rem;
}

.hero-feature-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.52rem;
}

.hero-feature-dot {
    width: 0.58rem;
    height: 0.58rem;
    border: 1px solid rgba(255, 226, 138, 0.68);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.18);
    box-shadow: 0 0 0 rgba(246, 196, 83, 0);
    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.hero-feature-dot:hover,
.hero-feature-dot:focus-visible {
    transform: scale(1.18);
    background: rgba(246, 196, 83, 0.62);
    outline: none;
}

.hero-feature-dot.is-active {
    background: #f6c453;
    box-shadow:
        0 0 0 4px rgba(246, 196, 83, 0.12),
        0 0 18px rgba(246, 196, 83, 0.62);
}

.hero-feature-stand {
    position: relative;
    z-index: 1;
    display: flex;
    height: 1.1rem;
    justify-content: center;
    pointer-events: none;
}

.hero-feature-stand::before {
    content: "";
    width: min(3.8rem, 12%);
    height: 0.68rem;
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.13), transparent),
        linear-gradient(180deg, rgba(30, 41, 59, 0.88), rgba(2, 6, 23, 0.78));
    clip-path: polygon(30% 0, 70% 0, 88% 100%, 12% 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.hero-feature-stand span {
    position: absolute;
    bottom: 0.12rem;
    width: min(12rem, 34%);
    height: 0.34rem;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 999px;
    background:
        linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.18), rgba(246, 196, 83, 0.16), transparent),
        linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(2, 6, 23, 0.82));
    box-shadow:
        0 12px 24px rgba(2, 6, 23, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.hero-feature-nav-label i {
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.44), rgba(246, 196, 83, 0.28), transparent);
}

.hero-feature-metric {
    min-height: 5.5rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.15rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),
        rgba(2, 6, 23, 0.16);
    padding: 0.85rem;
    text-align: left;
    transition: transform 180ms ease, border-color 200ms ease, background 200ms ease, box-shadow 200ms ease;
}

.hero-feature-metric:hover,
.hero-feature-metric.is-active {
    transform: translateY(-2px);
    border-color: rgba(34, 211, 238, 0.42);
    background:
        radial-gradient(circle at 90% 0%, rgba(246, 196, 83, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(34, 211, 238, 0.18), rgba(11, 78, 162, 0.20));
    box-shadow: 0 14px 30px rgba(8, 145, 178, 0.14);
}

.hero-feature-metric span {
    display: block;
    color: #f6c453;
    font-size: 0.82rem;
    font-weight: 400;
}

.hero-feature-metric small {
    display: block;
    margin-top: 0.35rem;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 300;
    line-height: 1.45;
}

.circuit-layer {
    background-image:
        linear-gradient(90deg, rgba(34, 211, 238, 0.11) 1px, transparent 1px),
        linear-gradient(rgba(34, 211, 238, 0.08) 1px, transparent 1px),
        radial-gradient(circle, rgba(212, 175, 55, 0.45) 1px, transparent 2px);
    background-size: 96px 96px, 96px 96px, 96px 96px;
    animation: circuitDrift 18s linear infinite;
    mask-image: linear-gradient(90deg, transparent, black 16%, black 84%, transparent);
}

.theme-logo-light {
    display: none;
}

body.theme-light .theme-logo-dark {
    display: none;
}

body.theme-light .theme-logo-light {
    display: block;
}

.theme-toggle-icon {
    position: relative;
    height: 1rem;
    width: 1rem;
    border-radius: 999px;
    background: var(--aidc-gold);
    box-shadow: 0 0 18px color-mix(in srgb, var(--aidc-gold) 45%, transparent);
}

body.theme-light .theme-toggle-icon {
    background: #071326;
    box-shadow: inset -0.35rem -0.15rem 0 #eef6ff, 0 0 18px rgba(11, 78, 162, 0.16);
}

body.theme-light .public-navbar {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

body.theme-light .public-navbar a,
body.theme-light .public-navbar button {
    color: #071326 !important;
}

body.theme-light .public-navbar .text-\[\#f6c453\] {
    color: #b8860b !important;
}

body.theme-light .public-navbar .nav-new-badge {
    border-color: rgba(185, 28, 28, 0.22);
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(239, 68, 68, 0.18);
}

body.theme-light .nav-panel-inner {
    border-color: rgba(11, 78, 162, 0.16);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(238, 246, 255, 0.98)) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.80);
}

body.theme-light .public-navbar .nav-dropdown-link {
    color: #071326 !important;
}

body.theme-light .public-navbar .nav-dropdown-link:hover,
body.theme-light .public-navbar .nav-dropdown-link:focus-visible {
    color: #0b4ea2 !important;
    background: linear-gradient(135deg, rgba(11, 78, 162, 0.13), rgba(34, 211, 238, 0.18));
    box-shadow: inset 0 0 0 1px rgba(11, 78, 162, 0.16), 0 8px 20px rgba(11, 78, 162, 0.08);
}

body.theme-light [data-mobile-menu] {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(255, 255, 255, 0.97);
}

body.theme-light .theme-toggle,
body.theme-light [data-mobile-menu-button],
body.theme-light [data-mobile-dropdown-button],
body.theme-light [data-mobile-menu] a {
    border-color: rgba(7, 19, 38, 0.10) !important;
    background: rgba(238, 246, 255, 0.78) !important;
    color: #071326 !important;
}

body.theme-light [data-mobile-dropdown-panel] {
    border-top: 1px solid rgba(11, 78, 162, 0.10);
}

body.theme-light [data-mobile-dropdown-panel] a {
    background: rgba(255, 255, 255, 0.74) !important;
    color: #0f172a !important;
}

body.theme-light [data-mobile-dropdown-panel] a:hover,
body.theme-light [data-mobile-dropdown-panel] a:focus-visible,
body.theme-light [data-mobile-dropdown-panel] a:active {
    color: #0b4ea2 !important;
    background: linear-gradient(135deg, rgba(11, 78, 162, 0.18), rgba(34, 211, 238, 0.24)) !important;
    box-shadow: inset 0 0 0 1px rgba(11, 78, 162, 0.20), 0 8px 18px rgba(11, 78, 162, 0.10);
}

.gradient-text {
    background: linear-gradient(90deg, #ffffff, #a5f3fc 45%, #f6c453);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-media::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1.2rem;
    pointer-events: none;
}

.tech-orbit::before,
.tech-orbit::after {
    content: "";
    position: absolute;
    height: 0.75rem;
    width: 0.75rem;
    border-radius: 999px;
    background: var(--aidc-cyan);
    box-shadow: 0 0 22px rgba(6, 182, 212, 0.9);
    animation: orbitPulse 4s ease-in-out infinite;
}

.tech-orbit::before {
    left: 18%;
    top: 10%;
}

.tech-orbit::after {
    bottom: 18%;
    right: 14%;
    background: var(--aidc-gold);
    box-shadow: 0 0 22px rgba(246, 196, 83, 0.9);
    animation-delay: 1.2s;
}

.menu-icon {
    position: relative;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.menu-icon::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 2px solid currentColor;
    transform: translateY(-50%);
}

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 650ms ease, transform 650ms ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

body.theme-light main {
    color: #071326;
}

body.theme-light main .text-white,
body.theme-light main .text-slate-100 {
    color: #071326 !important;
}

body.theme-light main .text-slate-200,
body.theme-light main .text-slate-300 {
    color: #475569 !important;
}

body.theme-light main .text-cyan-100 {
    color: #0891b2 !important;
}

body.theme-light main .text-\[\#f6c453\] {
    color: #9a6400 !important;
}

body.theme-light main .page-title-copy > span.text-\[\#f6c453\] {
    color: #075985 !important;
}

body:is(.page-about, .page-contact, .page-gallery, .page-notifications, .page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) :is(
    .page-title-copy h1,
    .about-aidc-hero h1,
    .about-aidc-band .mx-auto > div.reveal > h2,
    .about-aidc-band .reveal.mx-auto > h2,
    .aidc-gallery-section > .mx-auto > .reveal > h2,
    .academic-section > .mx-auto > .reveal > h2
) {
    font-size: 2.55rem !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

@media (min-width: 760px) {
    body:is(.page-about, .page-contact, .page-gallery, .page-notifications, .page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) :is(
        .page-title-copy h1,
        .about-aidc-hero h1,
        .about-aidc-band .mx-auto > div.reveal > h2,
        .about-aidc-band .reveal.mx-auto > h2,
        .aidc-gallery-section > .mx-auto > .reveal > h2,
        .academic-section > .mx-auto > .reveal > h2
    ) {
        font-size: 3.15rem !important;
    }
}

@media (min-width: 1180px) {
    body:is(.page-about, .page-contact, .page-gallery, .page-notifications, .page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) :is(
        .page-title-copy h1,
        .about-aidc-hero h1,
        .about-aidc-band .mx-auto > div.reveal > h2,
        .about-aidc-band .reveal.mx-auto > h2,
        .aidc-gallery-section > .mx-auto > .reveal > h2,
        .academic-section > .mx-auto > .reveal > h2
    ) {
        font-size: 3.75rem !important;
    }
}

body.theme-light .impact-section {
    background:
        radial-gradient(circle at 14% 18%, rgba(8, 145, 178, 0.13), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(184, 134, 11, 0.10), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    color: #071326;
}

body.theme-light .impact-section::before {
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.055) 1px, transparent 1px);
}

body.theme-light .impact-section .text-white,
body.theme-light .impact-section .text-cyan-100 {
    color: #071326 !important;
}

body.theme-light .impact-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.84)),
        rgba(255, 255, 255, 0.90);
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.10);
}

body.theme-light .impact-card:hover {
    border-color: rgba(8, 145, 178, 0.30);
    box-shadow: 0 26px 64px rgba(11, 78, 162, 0.13);
}

body.theme-light .impact-value {
    color: #071326;
}

body.theme-light .impact-label {
    color: #b8860b;
}

body.theme-light .impact-description {
    color: #475569;
}

body.theme-light #featured-innovations {
    background:
        radial-gradient(circle at 12% 18%, rgba(8, 145, 178, 0.12), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(184, 134, 11, 0.10), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    color: #071326;
}

body.theme-light #featured-innovations .inline-flex[href$="innovation-portfolio.aspx"] {
    border-color: rgba(154, 100, 0, 0.22);
    background: linear-gradient(135deg, #d4af37, #f3cf5d);
    color: #071326 !important;
    box-shadow: 0 16px 34px rgba(184, 134, 11, 0.22);
}

body.theme-light #featured-innovations .inline-flex[href$="innovation-portfolio.aspx"]:hover {
    background: linear-gradient(135deg, #f3cf5d, #d4af37);
    color: #071326 !important;
    box-shadow: 0 20px 42px rgba(184, 134, 11, 0.28);
}

body.theme-light #featured-innovations .reveal > span {
    border-color: rgba(8, 145, 178, 0.26);
    background: rgba(207, 250, 254, 0.72);
    color: #075985 !important;
}

body.theme-light #featured-innovations .reveal > h2 {
    color: #071326 !important;
}

body.theme-light #featured-innovations .reveal > p {
    color: #475569 !important;
}

body.theme-light .hero-section .text-white,
body.theme-light .hero-section .text-slate-100,
body.theme-light .hero-section .text-slate-200,
body.theme-light .hero-section .text-slate-300,
body.theme-light .hero-section .text-cyan-100 {
    color: #f8fafc !important;
}

body.theme-light .hero-readability-overlay {
    background:
        linear-gradient(90deg,
            rgba(2, 6, 23, 0.84) 0%,
            rgba(3, 8, 22, 0.68) 28%,
            rgba(6, 17, 34, 0.40) 56%,
            rgba(3, 8, 22, 0.18) 82%,
            rgba(2, 6, 23, 0.30) 100%),
        linear-gradient(180deg,
            rgba(2, 6, 23, 0.34) 0%,
            rgba(5, 11, 31, 0.08) 46%,
            rgba(2, 6, 23, 0.42) 100%);
}

body.theme-light .hero-light-beam {
    opacity: 0.34;
}

body.theme-light .hero-identity-pill,
body.theme-light .hero-proof-strip div {
    border-color: rgba(255, 255, 255, 0.24);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.09)),
        rgba(7, 19, 38, 0.24);
}

body.theme-light .hero-kicker,
body.theme-light .hero-proof-strip span {
    color: #f6c453;
}

body.theme-light .hero-feature-card {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

body.theme-light .hero-feature-topbar {
    border-color: rgba(11, 78, 162, 0.14);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(235, 245, 255, 0.70)),
        rgba(255, 255, 255, 0.74);
    color: #071326;
}

body.theme-light .hero-feature-topbar small {
    background: rgba(212, 175, 55, 0.18);
    color: #8a5f05;
}

body.theme-light .hero-feature-toggle {
    border-color: rgba(184, 134, 11, 0.30);
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.22), rgba(255, 226, 138, 0.13)),
        rgba(255, 255, 255, 0.72);
    color: #7a4d00;
}

body.theme-light .hero-feature-toggle:hover,
body.theme-light .hero-feature-toggle:focus-visible {
    border-color: rgba(184, 134, 11, 0.54);
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.32), rgba(255, 226, 138, 0.18)),
        rgba(255, 255, 255, 0.86);
}

body.theme-light .hero-feature-dot {
    border-color: rgba(184, 134, 11, 0.58);
    background: rgba(212, 175, 55, 0.18);
}

body.theme-light .hero-feature-dot:hover,
body.theme-light .hero-feature-dot:focus-visible,
body.theme-light .hero-feature-dot.is-active {
    background: #d4af37;
    box-shadow:
        0 0 0 4px rgba(212, 175, 55, 0.14),
        0 0 18px rgba(184, 134, 11, 0.38);
}

body.theme-light .hero-feature-frame {
    border-color: rgba(11, 78, 162, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.16)),
        linear-gradient(145deg, #f8fbff 0%, #d9e7f7 42%, #eff6ff 100%);
    box-shadow:
        0 16px 36px rgba(15, 23, 42, 0.12),
        0 0 24px rgba(8, 145, 178, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.theme-light .hero-feature-camera {
    border-color: rgba(8, 145, 178, 0.30);
    background: radial-gradient(circle at 45% 42%, #ecfeff 0 16%, #67e8f9 38%, #0f172a 100%);
}

body.theme-light .hero-feature-speaker {
    background: repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.32) 0 2px, transparent 2px 5px);
}

body.theme-light .hero-feature-stand::before,
body.theme-light .hero-feature-stand span {
    background:
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.58), transparent),
        linear-gradient(180deg, rgba(224, 242, 254, 0.92), rgba(148, 163, 184, 0.58));
    border-color: rgba(11, 78, 162, 0.14);
}

body.theme-light .hero-feature-overlay {
    background:
        linear-gradient(180deg, rgba(7, 19, 38, 0.00) 0%, rgba(7, 19, 38, 0.13) 45%, rgba(7, 19, 38, 0.48) 100%),
        linear-gradient(90deg, rgba(7, 19, 38, 0.26), rgba(11, 78, 162, 0.05));
}

body.theme-light .hero-feature-content::before {
    background:
        radial-gradient(circle at 16% 18%, rgba(8, 145, 178, 0.14), transparent 30%),
        linear-gradient(180deg, transparent 0%, rgba(7, 19, 38, 0.46) 34%, rgba(7, 19, 38, 0.78) 100%);
}

body.theme-light .hero-feature-count {
    border-color: rgba(212, 175, 55, 0.34);
    background: rgba(255, 255, 255, 0.70);
    color: #8a5f05;
}

body.theme-light .hero-feature-nav-label {
    color: #075985;
}

body.theme-light .hero-feature-metric {
    border-color: rgba(11, 78, 162, 0.20);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(235, 245, 255, 0.88)),
        rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

body.theme-light .hero-feature-metric:hover,
body.theme-light .hero-feature-metric.is-active {
    border-color: rgba(8, 145, 178, 0.42);
    background:
        radial-gradient(circle at 88% 0%, rgba(212, 175, 55, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(207, 250, 254, 0.82));
    box-shadow: 0 16px 32px rgba(11, 78, 162, 0.15);
}

body.theme-light .hero-feature-metric span {
    color: #9a6400;
}

body.theme-light .hero-feature-metric small {
    color: #1e293b;
}

body.theme-light .hero-feature-tech {
    border-color: rgba(8, 145, 178, 0.22);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

@media (max-width: 1023px) {
    .hero-copy-panel::before {
        inset: -1.2rem -1rem -1rem -1rem;
    }

    .hero-feature-stage {
        height: auto;
    }
}

@media (max-width: 640px) {
    .hero-section {
        padding-top: 6.5rem;
    }

    .hero-identity-pill {
        border-radius: 1.4rem;
        padding-right: 0.85rem;
    }

    .hero-identity-pill span {
        font-size: 0.62rem;
        letter-spacing: 0.16em;
    }

    .hero-title {
        font-size: clamp(3.1rem, 15vw, 4.2rem);
        line-height: 0.98;
    }

    .hero-proof-strip {
        grid-template-columns: 1fr;
    }

    .hero-feature-card {
        border-radius: 1.45rem;
        padding: 0.8rem !important;
    }

    .hero-feature-frame {
        border-radius: 0.7rem;
        padding: 0.24rem;
    }

    .hero-feature-stage {
        height: auto;
        border-radius: 0.42rem;
    }

    .hero-feature-content {
        left: 0.85rem;
        right: 0.85rem;
        bottom: 0.74rem;
    }

    .hero-feature-details {
        align-items: flex-start;
        padding: 0.78rem;
    }

    .hero-feature-details-copy {
        max-width: 100%;
    }

    .hero-feature-details h2 {
        font-size: clamp(0.96rem, 4.8vw, 1.18rem);
        -webkit-line-clamp: 1;
    }

    .hero-feature-details-copy > p:not(.hero-feature-details-eyebrow),
    .hero-feature-details-meta {
        display: none;
    }

    .hero-feature-details-cta {
        display: none;
    }

    .hero-feature-content::before {
        inset: -0.5rem -0.65rem -0.55rem -0.65rem;
        border-radius: 0.9rem;
    }

    .hero-feature-eyebrow,
    .hero-feature-content p:not(.hero-feature-eyebrow),
    .hero-feature-tech,
    .hero-feature-speaker {
        display: none;
    }

    .hero-feature-content h2 {
        margin-top: 0;
        font-size: clamp(0.98rem, 5.2vw, 1.25rem);
    }

    .hero-feature-cta {
        margin-top: 0.55rem;
        padding: 0.48rem 0.72rem;
        font-size: 0.7rem;
    }

    .hero-feature-count {
        top: 0.74rem;
        right: 0.74rem;
        padding: 0.34rem 0.52rem;
        font-size: 0.62rem;
    }

    .hero-feature-stand {
        height: 1.25rem;
    }

    .hero-feature-stand::before {
        height: 0.78rem;
    }

    .hero-feature-stand span {
        height: 0.42rem;
    }
}

body.theme-light .featured-innovation-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.86)),
        rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 64px rgba(15, 23, 42, 0.12);
}

body.theme-light .featured-innovation-card:hover {
    border-color: rgba(8, 145, 178, 0.30);
    box-shadow: 0 28px 76px rgba(11, 78, 162, 0.15);
}

body.theme-light .featured-innovation-body h3,
body.theme-light .innovation-modal-content h2,
body.theme-light .innovation-modal-content h3,
body.theme-light .innovation-modal-people strong {
    color: #071326;
}

body.theme-light .featured-innovation-category {
    color: #7a4d00 !important;
    background: rgba(212, 175, 55, 0.22);
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0.12rem 0.24rem;
}

body.theme-light .featured-innovation-summary,
body.theme-light .innovation-modal-content p {
    color: #475569;
}

body.theme-light .featured-person {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.80);
}

body.theme-light .featured-person small,
body.theme-light .innovation-modal-content dd {
    color: #334155;
}

body.theme-light .featured-innovation-footer span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
}

body.theme-light .featured-innovation-footer button {
    background: rgba(11, 78, 162, 0.10);
    color: #0b4ea2;
}

body.theme-light .featured-innovation-footer button:hover {
    background: #d4af37;
    color: #071326;
}

body.theme-light .featured-video-button,
body.theme-light .innovation-modal-video-button {
    border-color: rgba(154, 100, 0, 0.24);
    background: linear-gradient(135deg, #d4af37, #f3cf5d);
    color: #071326 !important;
    box-shadow: 0 12px 28px rgba(184, 134, 11, 0.22);
}

body.theme-light .innovation-modal-content dt {
    color: #8a5f05;
}

body.theme-light .innovation-modal-backdrop {
    background: rgba(7, 19, 38, 0.42);
}

body.theme-light .innovation-modal-panel {
    border-color: rgba(11, 78, 162, 0.14);
    background: #ffffff;
}

body.theme-light .innovation-modal-content dl div,
body.theme-light .innovation-modal-people article {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.62);
}

body.theme-light .innovation-modal-people small {
    color: #64748b;
}

body.theme-light #featured-innovations {
    background:
        radial-gradient(circle at 10% 16%, rgba(8, 145, 178, 0.20), transparent 31%),
        radial-gradient(circle at 88% 8%, rgba(184, 134, 11, 0.18), transparent 28%),
        radial-gradient(circle at 52% 96%, rgba(11, 78, 162, 0.14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #eaf4ff 58%, #f8fbff 100%);
    color: #071326;
}

body.theme-light #featured-innovations::before {
    background-image:
        linear-gradient(rgba(11, 78, 162, 0.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 78, 162, 0.065) 1px, transparent 1px),
        radial-gradient(circle, rgba(184, 134, 11, 0.30) 1px, transparent 2px);
}

body.theme-light #featured-innovations .reveal > span {
    border-color: rgba(8, 145, 178, 0.30);
    background:
        linear-gradient(135deg, rgba(207, 250, 254, 0.96), rgba(255, 255, 255, 0.82));
    color: #075985 !important;
    box-shadow: 0 12px 30px rgba(11, 78, 162, 0.10);
}

body.theme-light #featured-innovations .reveal > h2 {
    color: #06152c !important;
}

body.theme-light #featured-innovations .reveal > p {
    color: #334155 !important;
}

body.theme-light #featured-innovations a[href$="innovation-portfolio.aspx"],
body.theme-light #featured-innovations .inline-flex[href$="innovation-portfolio.aspx"] {
    border-color: rgba(154, 100, 0, 0.32);
    background: linear-gradient(135deg, #c89618, #f3cf5d);
    color: #071326 !important;
    box-shadow:
        0 18px 38px rgba(184, 134, 11, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

body.theme-light #featured-innovations a[href$="innovation-portfolio.aspx"]:hover,
body.theme-light #featured-innovations .inline-flex[href$="innovation-portfolio.aspx"]:hover {
    background: linear-gradient(135deg, #f3cf5d, #ffe28a);
    box-shadow:
        0 24px 48px rgba(184, 134, 11, 0.32),
        0 0 0 4px rgba(212, 175, 55, 0.14);
}

body.theme-light .featured-innovation-card {
    border-color: rgba(11, 78, 162, 0.24) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(8, 145, 178, 0.12), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(212, 175, 55, 0.15), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(231, 242, 255, 0.92));
    box-shadow:
        0 24px 68px rgba(15, 23, 42, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light .featured-innovation-card::before {
    opacity: 0.50;
    background:
        linear-gradient(135deg, rgba(8, 145, 178, 0.38), transparent 26%, transparent 68%, rgba(184, 134, 11, 0.42));
}

body.theme-light .featured-innovation-card::after {
    background: linear-gradient(90deg, rgba(8, 145, 178, 0.14), rgba(184, 134, 11, 0.92), rgba(8, 145, 178, 0.14));
}

body.theme-light .featured-innovation-card:hover {
    border-color: rgba(8, 145, 178, 0.42);
    box-shadow:
        0 30px 82px rgba(11, 78, 162, 0.18),
        0 12px 30px rgba(184, 134, 11, 0.10);
}

body.theme-light .featured-innovation-media {
    border-bottom-color: rgba(11, 78, 162, 0.16);
}

body.theme-light .featured-innovation-shade {
    background:
        linear-gradient(180deg, rgba(7, 19, 38, 0.00) 0%, rgba(7, 19, 38, 0.30) 48%, rgba(7, 19, 38, 0.84) 100%),
        linear-gradient(90deg, rgba(7, 19, 38, 0.38), rgba(11, 78, 162, 0.06));
}

body.theme-light .featured-innovation-type {
    border-color: rgba(7, 19, 38, 0.16);
    background: rgba(255, 255, 255, 0.82);
    color: #071326;
}

body.theme-light .featured-innovation-tags span {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.78);
    color: #075985;
}

body.theme-light .featured-innovation-category {
    display: inline-flex;
    width: fit-content;
    border-color: rgba(184, 134, 11, 0.28);
    border-radius: 999px;
    background: rgba(212, 175, 55, 0.18);
    padding: 0.32rem 0.62rem;
    color: #8a5f05 !important;
}

body.theme-light .featured-person {
    border-color: rgba(11, 78, 162, 0.16);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 8px 20px rgba(11, 78, 162, 0.08);
}

body.theme-light .featured-person img {
    border-color: rgba(184, 134, 11, 0.50);
}

body.theme-light .featured-innovation-footer span {
    border-color: rgba(8, 145, 178, 0.24);
    background: rgba(207, 250, 254, 0.76);
    color: #075985;
}

body.theme-light .featured-innovation-footer button {
    background: linear-gradient(135deg, #c89618, #f3cf5d);
    color: #071326;
    box-shadow: 0 12px 26px rgba(184, 134, 11, 0.20);
}

body.theme-light .featured-innovation-footer button:hover {
    background: linear-gradient(135deg, #f3cf5d, #ffe28a);
}

.aidc-footer {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(180deg, rgba(34, 211, 238, 0.06), transparent 28%),
        linear-gradient(135deg, #040817 0%, #071326 48%, #020617 100%);
    color: #f8fafc;
}

.aidc-footer-surface {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(246, 196, 83, 0.10), transparent 32%, rgba(34, 211, 238, 0.08)),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.024) 0 1px, transparent 1px 112px);
    mask-image: linear-gradient(180deg, black 0%, black 76%, transparent 100%);
    pointer-events: none;
}

.aidc-footer-surface::before {
    content: "";
    position: absolute;
    right: -10%;
    bottom: 0;
    width: 44%;
    height: 78%;
    border-left: 1px solid rgba(246, 196, 83, 0.18);
    background: linear-gradient(135deg, rgba(246, 196, 83, 0.12), rgba(34, 211, 238, 0.04));
    clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
}

.aidc-footer-inner {
    position: relative;
    max-width: 80rem;
    margin: 0 auto;
    padding: 3.8rem 1rem 2rem;
}

.aidc-footer-grid {
    display: grid;
    gap: 1rem;
}

.aidc-footer-brand,
.aidc-footer-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035)),
        rgba(7, 19, 38, 0.80);
    box-shadow:
        0 24px 70px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.aidc-footer-brand {
    padding: 1.35rem;
}

.aidc-footer-card {
    padding: 1.25rem;
}

.aidc-footer-brand-row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.aidc-footer-logo {
    display: inline-flex;
    width: 4.5rem;
    flex: 0 0 auto;
}

.aidc-footer-logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.aidc-footer-brand-row p {
    color: #ffffff;
    font-size: 1.28rem;
    line-height: 1.14;
}

.aidc-footer-brand-row span {
    display: block;
    margin-top: 0.35rem;
    color: #cbd5e1;
    font-size: 0.92rem;
}

.aidc-footer-note {
    max-width: 42rem;
    margin-top: 1.35rem;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.75;
}

.aidc-footer-signals {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1.25rem;
}

.aidc-footer-signals span,
.aidc-footer-links a,
.aidc-footer-socials a,
.aidc-footer-credit,
.aidc-footer-contact-icon {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.aidc-footer-signals span {
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.42rem 0.68rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
}

.aidc-footer-card h2 {
    color: #f6c453;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.aidc-footer-links {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.aidc-footer-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.72rem 0.85rem;
    color: #dbeafe;
    font-size: 0.9rem;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.aidc-footer-links a::after {
    content: ">";
    color: #f6c453;
    font-size: 0.9rem;
}

.aidc-footer-links a:hover,
.aidc-footer-links a:focus-visible {
    transform: translateX(3px);
    border-color: rgba(246, 196, 83, 0.35);
    background: rgba(246, 196, 83, 0.10);
    color: #ffffff;
}

.aidc-footer-contact {
    display: grid;
    gap: 0.8rem;
    margin-top: 1rem;
}

.aidc-footer-contact p {
    display: flex;
    gap: 0.7rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.55;
}

.aidc-footer-contact-icon {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(246, 196, 83, 0.26);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    color: #fef3c7;
}

.aidc-footer-contact-icon svg,
.aidc-footer-credit-icon svg,
.back-to-top svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aidc-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.aidc-footer-socials a {
    display: inline-grid;
    width: 2.45rem;
    height: 2.45rem;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.08);
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.aidc-footer-socials a:hover,
.aidc-footer-socials a:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.45);
    background: rgba(246, 196, 83, 0.14);
    color: #fef3c7;
}

.aidc-footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding-top: 1.15rem;
    color: #94a3b8;
    font-size: 0.86rem;
}

.aidc-footer-credit {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(246, 196, 83, 0.40);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.18), rgba(34, 211, 238, 0.10)),
        rgba(255, 255, 255, 0.055);
    padding: 0.72rem 0.95rem;
    color: #fff7d6;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.35;
}

.aidc-footer-credit-icon {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
    box-shadow: 0 12px 26px rgba(212, 175, 55, 0.22);
}

.back-to-top {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 40;
    display: none;
    width: 3.45rem;
    height: 3.45rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.40);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.22), rgba(34, 211, 238, 0.16)),
        rgba(7, 19, 38, 0.88);
    color: #fef3c7;
    box-shadow:
        0 18px 46px rgba(2, 6, 23, 0.36),
        0 0 0 6px rgba(246, 196, 83, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(16px);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.back-to-top span {
    display: inline-grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.back-to-top:hover,
.back-to-top:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(246, 196, 83, 0.72);
    background:
        linear-gradient(135deg, rgba(246, 196, 83, 0.34), rgba(34, 211, 238, 0.22)),
        rgba(7, 19, 38, 0.96);
    box-shadow:
        0 24px 58px rgba(2, 6, 23, 0.42),
        0 0 0 7px rgba(246, 196, 83, 0.09);
}

@media (min-width: 760px) {
    .aidc-footer-inner {
        padding-inline: 1.5rem;
    }

    .aidc-footer-grid {
        grid-template-columns: minmax(0, 1.18fr) repeat(2, minmax(14rem, 0.56fr));
    }

    .aidc-footer-bottom {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-right: 5rem;
    }

    .aidc-footer-credit {
        justify-content: flex-start;
        max-width: 42rem;
    }
}

@media (min-width: 1180px) {
    .aidc-footer-brand,
    .aidc-footer-card {
        border-radius: 1.35rem;
    }

    .aidc-footer-brand {
        padding: 1.55rem;
    }
}

body.theme-light .aidc-footer {
    border-top-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(180deg, rgba(8, 145, 178, 0.08), transparent 30%),
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 52%, #ffffff 100%);
    color: #071326;
}

body.theme-light .aidc-footer-surface {
    background:
        linear-gradient(90deg, rgba(212, 175, 55, 0.13), transparent 34%, rgba(8, 145, 178, 0.08)),
        repeating-linear-gradient(0deg, rgba(11, 78, 162, 0.055) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(90deg, rgba(11, 78, 162, 0.032) 0 1px, transparent 1px 112px);
}

body.theme-light .aidc-footer-surface::before {
    border-left-color: rgba(184, 134, 11, 0.20);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.13), rgba(8, 145, 178, 0.04));
}

body.theme-light .aidc-footer-brand,
body.theme-light .aidc-footer-card {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.90)),
        rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

body.theme-light .aidc-footer-brand-row p,
body.theme-light .aidc-footer-card h2 {
    color: #071326;
}

body.theme-light .aidc-footer-card h2 {
    color: #8a5f05;
}

body.theme-light .aidc-footer-brand-row span,
body.theme-light .aidc-footer-note,
body.theme-light .aidc-footer-contact p,
body.theme-light .aidc-footer-bottom {
    color: #475569;
}

body.theme-light .aidc-footer-signals span,
body.theme-light .aidc-footer-links a,
body.theme-light .aidc-footer-socials a {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(207, 250, 254, 0.54);
    color: #075985;
}

body.theme-light .aidc-footer-links a:hover,
body.theme-light .aidc-footer-links a:focus-visible,
body.theme-light .aidc-footer-socials a:hover,
body.theme-light .aidc-footer-socials a:focus-visible {
    border-color: rgba(184, 134, 11, 0.34);
    background: rgba(212, 175, 55, 0.16);
    color: #8a5f05;
}

body.theme-light .aidc-footer-contact-icon {
    border-color: rgba(184, 134, 11, 0.26);
    background: rgba(212, 175, 55, 0.14);
    color: #8a5f05;
}

body.theme-light .aidc-footer-bottom {
    border-top-color: rgba(11, 78, 162, 0.10);
}

body.theme-light .aidc-footer-credit {
    border-color: rgba(184, 134, 11, 0.30);
    background:
        linear-gradient(135deg, rgba(212, 175, 55, 0.18), rgba(207, 250, 254, 0.56)),
        rgba(255, 255, 255, 0.86);
    color: #7a4d00;
}

body.theme-light .back-to-top {
    border-color: rgba(184, 134, 11, 0.34);
    background:
        linear-gradient(135deg, rgba(212, 175, 55, 0.22), rgba(207, 250, 254, 0.58)),
        rgba(255, 255, 255, 0.88);
    color: #7a4d00;
    box-shadow:
        0 18px 42px rgba(15, 23, 42, 0.16),
        0 0 0 6px rgba(212, 175, 55, 0.08);
}

.aidc-footer {
    border-top: 0;
    background:
        linear-gradient(90deg, rgba(246, 196, 83, 0.12), transparent 38%, rgba(34, 211, 238, 0.08)),
        linear-gradient(180deg, #071326 0%, #030712 100%);
    color: #e5edf7;
}

.aidc-footer::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 0.28rem;
    background: linear-gradient(90deg, #d4af37, #22d3ee, #0b4ea2);
}

.aidc-footer-inner {
    max-width: var(--aidc-content-max);
    padding: 3.2rem 1rem 1.35rem;
}

.aidc-footer-top {
    display: grid;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 1.8rem;
}

.aidc-footer-brand {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    backdrop-filter: none;
}

.aidc-footer-brand-row {
    color: inherit;
    text-decoration: none;
}

.aidc-footer-logo {
    width: 4.25rem;
}

.aidc-footer-brand-row p {
    color: #ffffff;
    font-size: 1.22rem;
}

.aidc-footer-brand-row span,
.aidc-footer-note {
    color: #cbd5e1;
}

.aidc-footer-note {
    max-width: 46rem;
    margin-top: 1rem;
    font-size: 0.93rem;
}

.aidc-footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem 0 1.7rem;
}

.aidc-footer-column {
    min-width: 0;
}

.aidc-footer-column h2 {
    color: #f6c453;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.aidc-footer-links {
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.aidc-footer-links a {
    display: inline-flex;
    width: fit-content;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0.18rem 0;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.45;
}

.aidc-footer-links a::after {
    display: none;
}

.aidc-footer-links a:hover,
.aidc-footer-links a:focus-visible {
    transform: none;
    background: transparent;
    color: #f6c453;
}

.aidc-footer-contact {
    gap: 0.85rem;
    margin-top: 1rem;
}

.aidc-footer-contact p {
    color: #cbd5e1;
    font-size: 0.92rem;
}

.aidc-footer-contact-icon {
    width: 2.1rem;
    height: 2.1rem;
    border-color: rgba(246, 196, 83, 0.28);
    background: rgba(246, 196, 83, 0.11);
}

.aidc-footer-socials {
    align-items: center;
    gap: 0.7rem;
    margin-top: 0;
}

.aidc-footer-socials .aidc-footer-social {
    display: inline-grid;
    width: 2.85rem;
    height: 2.85rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    box-shadow: none;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, opacity 180ms ease;
}

.aidc-footer-socials .aidc-footer-social svg {
    width: 1.18rem;
    height: 1.18rem;
    fill: currentColor;
}

.aidc-footer-socials .aidc-footer-social.is-linkedin:hover,
.aidc-footer-socials .aidc-footer-social.is-linkedin:focus-visible {
    border-color: rgba(10, 102, 194, 0.78);
    background: #0a66c2;
    color: #ffffff;
}

.aidc-footer-socials .aidc-footer-social.is-youtube:hover,
.aidc-footer-socials .aidc-footer-social.is-youtube:focus-visible {
    border-color: rgba(255, 0, 0, 0.72);
    background: #ff0000;
    color: #ffffff;
}

.aidc-footer-socials .aidc-footer-social.is-youtube svg path:last-child {
    fill: #071326;
}

.aidc-footer-socials .aidc-footer-social.is-youtube:hover svg path:last-child,
.aidc-footer-socials .aidc-footer-social.is-youtube:focus-visible svg path:last-child {
    fill: #ffffff;
}

.aidc-footer-socials .aidc-footer-social:hover,
.aidc-footer-socials .aidc-footer-social:focus-visible {
    transform: translateY(-2px);
}

.aidc-footer-socials .aidc-footer-social.is-disabled {
    cursor: not-allowed;
    opacity: 0.68;
}

.aidc-footer-bottom {
    flex-direction: column;
    gap: 1rem;
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding: 1.2rem 4.75rem 0 0;
    color: #94a3b8;
}

.aidc-footer-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.aidc-footer-legal > a {
    color: #cbd5e1;
    font-size: 0.86rem;
    transition: color 180ms ease;
}

.aidc-footer-legal > a:hover,
.aidc-footer-legal > a:focus-visible {
    color: #f6c453;
}

.aidc-footer-credit {
    border-color: rgba(246, 196, 83, 0.36);
    background: rgba(246, 196, 83, 0.10);
    box-shadow: none;
    padding: 0.58rem 0.78rem;
    color: #fef3c7;
    font-size: 0.78rem;
}

.aidc-footer-credit-icon {
    width: 1.8rem;
    height: 1.8rem;
}

@media (min-width: 760px) {
    .aidc-footer-inner {
        padding-inline: 1.5rem;
    }

    .aidc-footer-top {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .aidc-footer-grid {
        grid-template-columns: minmax(12rem, 0.75fr) minmax(12rem, 0.75fr) minmax(18rem, 1fr);
    }

    .aidc-footer-bottom {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-right: 4.75rem;
    }

    .aidc-footer-credit {
        max-width: 38rem;
    }
}

body.theme-light .aidc-footer {
    background:
        linear-gradient(90deg, rgba(212, 175, 55, 0.14), transparent 38%, rgba(8, 145, 178, 0.08)),
        linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
    color: #071326;
}

body.theme-light .aidc-footer-top,
body.theme-light .aidc-footer-bottom {
    border-color: rgba(11, 78, 162, 0.12);
}

body.theme-light .aidc-footer-brand {
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.theme-light .aidc-footer-brand-row p {
    color: #071326;
}

body.theme-light .aidc-footer-brand-row span,
body.theme-light .aidc-footer-note,
body.theme-light .aidc-footer-contact p,
body.theme-light .aidc-footer-bottom,
body.theme-light .aidc-footer-links a,
body.theme-light .aidc-footer-legal > a {
    color: #475569;
}

body.theme-light .aidc-footer-column h2 {
    color: #8a5f05;
}

body.theme-light .aidc-footer-links a {
    border: 0;
    background: transparent;
}

body.theme-light .aidc-footer-links a:hover,
body.theme-light .aidc-footer-links a:focus-visible,
body.theme-light .aidc-footer-legal > a:hover,
body.theme-light .aidc-footer-legal > a:focus-visible {
    color: #8a5f05;
}

body.theme-light .aidc-footer-socials .aidc-footer-social {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.theme-light .aidc-footer-socials .aidc-footer-social.is-linkedin:hover,
body.theme-light .aidc-footer-socials .aidc-footer-social.is-linkedin:focus-visible {
    background: #0a66c2;
    color: #ffffff;
}

body.theme-light .aidc-footer-socials .aidc-footer-social.is-youtube:hover,
body.theme-light .aidc-footer-socials .aidc-footer-social.is-youtube:focus-visible {
    background: #ff0000;
    color: #ffffff;
}

body.theme-light .aidc-footer-credit {
    border-color: rgba(184, 134, 11, 0.26);
    background: rgba(212, 175, 55, 0.13);
    color: #7a4d00;
}

.aidc-footer,
body.theme-light .aidc-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    background: #020617 !important;
    color: #e5edf7;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 -18px 54px rgba(2, 6, 23, 0.24);
}

.aidc-footer::before,
body.theme-light .aidc-footer::before {
    height: 0.22rem;
    background: #f6c453;
    box-shadow: none;
}

.aidc-footer-top,
.aidc-footer-bottom,
body.theme-light .aidc-footer-top,
body.theme-light .aidc-footer-bottom {
    border-color: rgba(246, 196, 83, 0.16);
}

.aidc-footer-brand-row p,
body.theme-light .aidc-footer-brand-row p {
    color: #ffffff;
}

.aidc-footer-brand-row span,
.aidc-footer-note,
.aidc-footer-contact p,
.aidc-footer-bottom,
.aidc-footer-links a,
.aidc-footer-legal > a,
body.theme-light .aidc-footer-brand-row span,
body.theme-light .aidc-footer-note,
body.theme-light .aidc-footer-contact p,
body.theme-light .aidc-footer-bottom,
body.theme-light .aidc-footer-links a,
body.theme-light .aidc-footer-legal > a {
    color: #cbd5e1;
}

.aidc-footer-note :where(p, h3, h4, h5, ul, ol, blockquote) {
    margin: 0;
}

.aidc-footer-note :where(p, ul, ol, blockquote) + :where(p, h3, h4, h5, ul, ol, blockquote) {
    margin-top: 0.55rem;
}

.aidc-footer-note :where(h3, h4, h5) {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
}

.aidc-footer-note :where(ul, ol) {
    padding-left: 1.15rem;
}

.aidc-footer-note ul {
    list-style: disc;
}

.aidc-footer-note ol {
    list-style: decimal;
}

.aidc-rich-content > :first-child {
    margin-top: 0;
}

.aidc-rich-content > :last-child {
    margin-bottom: 0;
}

.aidc-rich-content :where(p, ul, ol, blockquote) {
    margin: 0 0 0.75rem;
}

.aidc-rich-content :where(h3, h4, h5) {
    margin: 1rem 0 0.4rem;
    color: inherit;
    font-weight: 800;
}

.aidc-rich-content :where(ul, ol) {
    padding-left: 1.2rem;
}

.aidc-rich-content ul {
    list-style: disc;
}

.aidc-rich-content ol {
    list-style: decimal;
}

.aidc-footer-column h2,
body.theme-light .aidc-footer-column h2 {
    color: #f6c453;
}

.aidc-footer-links a:hover,
.aidc-footer-links a:focus-visible,
.aidc-footer-legal > a:hover,
.aidc-footer-legal > a:focus-visible,
body.theme-light .aidc-footer-links a:hover,
body.theme-light .aidc-footer-links a:focus-visible,
body.theme-light .aidc-footer-legal > a:hover,
body.theme-light .aidc-footer-legal > a:focus-visible {
    color: #fff2ad;
}

.aidc-footer-contact-icon,
body.theme-light .aidc-footer-contact-icon {
    border-color: rgba(246, 196, 83, 0.30);
    background:
        radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.18), transparent 28%),
        rgba(246, 196, 83, 0.12);
    color: #f6c453;
}

.aidc-footer-socials .aidc-footer-social,
body.theme-light .aidc-footer-socials .aidc-footer-social {
    border-color: rgba(246, 196, 83, 0.20);
    background: rgba(255, 255, 255, 0.055);
    color: #fff8df;
}

.aidc-footer-socials .aidc-footer-social.is-disabled,
body.theme-light .aidc-footer-socials .aidc-footer-social.is-disabled {
    opacity: 0.58;
}

.aidc-footer-credit,
body.theme-light .aidc-footer-credit {
    border-color: rgba(246, 196, 83, 0.40);
    background: rgba(246, 196, 83, 0.10);
    color: #fff1b8;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 12px 30px rgba(0, 0, 0, 0.16);
}

.aidc-footer-credit-icon,
body.theme-light .aidc-footer-credit-icon {
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
}

.home-section-separator {
    position: relative;
    z-index: 12;
    height: 0;
    pointer-events: none;
}

.home-section-separator-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background:
        repeating-linear-gradient(110deg, rgba(255, 255, 255, 0.24) 0 1px, rgba(255, 255, 255, 0) 1px 7px),
        linear-gradient(90deg, rgba(92, 56, 0, 0.10), rgba(255, 243, 191, 0.70) 18%, rgba(246, 196, 83, 0.95) 38%, rgba(255, 251, 221, 0.88) 50%, rgba(212, 175, 55, 0.94) 62%, rgba(34, 211, 238, 0.18) 84%, rgba(92, 56, 0, 0.10)),
        linear-gradient(180deg, #fff9d6 0%, #ffe28a 20%, #d4af37 54%, #f2d46a 82%, #fff2ad 100%);
    background-blend-mode: overlay, screen, normal;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.82),
        0 10px 30px rgba(212, 175, 55, 0.24),
        0 -10px 28px rgba(34, 211, 238, 0.10);
}

.home-section-separator-line::before,
.home-section-separator-line::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: min(40rem, 44vw);
    opacity: 0;
    mix-blend-mode: screen;
    filter: blur(0.5px);
}

.home-section-separator-line::before {
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 247, 206, 0.20), rgba(255, 244, 178, 0.96), rgba(246, 196, 83, 0.42), transparent);
    animation: separatorGoldSweepLeft 6.8s ease-in-out infinite;
}

.home-section-separator-line::after {
    right: 0;
    background: linear-gradient(270deg, transparent, rgba(255, 247, 206, 0.18), rgba(255, 244, 178, 0.90), rgba(246, 196, 83, 0.40), transparent);
    animation: separatorGoldSweepRight 7.9s ease-in-out 1.35s infinite;
}

.home-section-separator-mark {
    position: absolute;
    left: 50%;
    top: 0;
    display: grid;
    width: 1.28rem;
    height: 1.42rem;
    place-items: center;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 28%),
        repeating-linear-gradient(35deg, rgba(255, 255, 255, 0.20) 0 1px, rgba(255, 255, 255, 0) 1px 4px),
        linear-gradient(145deg, rgba(255, 251, 221, 0.98) 0 10%, rgba(246, 196, 83, 0.98) 26%, rgba(212, 175, 55, 1) 52%, rgba(139, 91, 0, 0.98) 100%);
    background-blend-mode: screen, overlay, normal;
    clip-path: polygon(50% 0%, 88% 12%, 82% 68%, 50% 100%, 18% 68%, 12% 12%);
    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.62),
        inset -4px -6px 8px rgba(92, 56, 0, 0.38),
        inset 4px 0 7px rgba(255, 236, 164, 0.22);
    filter: drop-shadow(0 10px 18px rgba(212, 175, 55, 0.34));
    animation: separatorShieldGlow 6.8s ease-in-out infinite;
}

.home-section-separator-mark::before {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: 1;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.42), transparent 38%),
        radial-gradient(circle at 62% 24%, rgba(255, 255, 255, 0.38), transparent 28%);
    clip-path: inherit;
    opacity: 0.75;
}

.home-section-separator-mark::after {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: 2;
    background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.95) 48%, transparent 68%);
    opacity: 0;
    transform: translateX(-45%) rotate(8deg);
    animation: separatorShieldGlint 6.8s ease-in-out infinite;
}

body.page-home.theme-light :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) {
    background:
        linear-gradient(90deg, rgba(212, 175, 55, 0.055), transparent 36%, rgba(8, 145, 178, 0.055)),
        linear-gradient(180deg, #f8fbff 0%, #edf6ff 100%) !important;
}

body.page-home.theme-light :is(
    #featured-innovations,
    .technology-domain-section,
    .recognition-section,
    .aidc-notice-section
) {
    background:
        linear-gradient(90deg, rgba(8, 145, 178, 0.052), transparent 38%, rgba(212, 175, 55, 0.062)),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
}

body.page-home :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) {
    background:
        radial-gradient(circle at 14% 18%, rgba(34, 211, 238, 0.105), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(246, 196, 83, 0.075), transparent 30%),
        linear-gradient(180deg, #061122 0%, #071326 48%, #061122 100%) !important;
}

body.page-home.theme-light :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) {
    background:
        radial-gradient(circle at 14% 18%, rgba(8, 145, 178, 0.095), transparent 32%),
        radial-gradient(circle at 88% 12%, rgba(184, 134, 11, 0.070), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #edf6ff 50%, #f8fbff 100%) !important;
}

body.page-home :is(.facility-grid-layer, .gallery-grid-layer) {
    z-index: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.10), transparent 28%),
        radial-gradient(circle at 82% 72%, rgba(246, 196, 83, 0.075), transparent 30%) !important;
    background-size: auto !important;
    mask-image: linear-gradient(180deg, transparent, black 14%, black 86%, transparent);
    opacity: 0.78;
    mix-blend-mode: screen;
}

body.page-home :is(.facility-grid-layer, .gallery-grid-layer)::before,
body.page-home :is(.facility-grid-layer, .gallery-grid-layer)::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

body.page-home .facility-grid-layer::before {
    right: clamp(1rem, 8vw, 8rem);
    top: 6%;
    width: min(34rem, 48vw);
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 50%, rgba(246, 196, 83, 0.55) 0 0.22rem, rgba(246, 196, 83, 0.18) 0.24rem 0.52rem, transparent 0.56rem),
        radial-gradient(ellipse at 50% 50%, transparent 50%, rgba(34, 211, 238, 0.28) 50.8% 51.5%, transparent 52%),
        radial-gradient(ellipse at 50% 50%, transparent 61%, rgba(246, 196, 83, 0.18) 61.6% 62.2%, transparent 63%),
        conic-gradient(from 0deg, transparent 0 34deg, rgba(34, 211, 238, 0.52) 36deg 39deg, transparent 42deg 156deg, rgba(246, 196, 83, 0.42) 158deg 161deg, transparent 164deg 360deg);
    filter: blur(0.2px);
    opacity: 0.62;
    transform: rotate(-16deg);
    animation: electronNucleus 12s linear infinite;
}

body.page-home .facility-grid-layer::after {
    --laser-angle: -10deg;
    left: -16%;
    top: 58%;
    width: 132%;
    height: 2px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, transparent 0%, rgba(34, 211, 238, 0.10) 26%, rgba(255, 246, 190, 0.72) 48%, rgba(246, 196, 83, 0.45) 52%, rgba(34, 211, 238, 0.14) 70%, transparent 100%);
    box-shadow:
        0 0 18px rgba(246, 196, 83, 0.18),
        0 0 28px rgba(34, 211, 238, 0.12);
    transform: rotate(-10deg) translateX(-22%);
    opacity: 0.48;
    animation: cleanLaserSweep 8.5s ease-in-out infinite;
}

body.page-home .gallery-grid-layer::before {
    --laser-angle: 13deg;
    left: -18%;
    top: 16%;
    width: 136%;
    height: 2px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.12), rgba(246, 196, 83, 0.58), rgba(34, 211, 238, 0.18), transparent);
    box-shadow:
        0 0 20px rgba(34, 211, 238, 0.16),
        0 0 34px rgba(246, 196, 83, 0.12);
    transform: rotate(13deg) translateX(-20%);
    opacity: 0.45;
    animation: cleanLaserSweep 9.5s ease-in-out -2s infinite;
}

body.page-home .gallery-grid-layer::after {
    inset: 10% 4%;
    background:
        radial-gradient(circle at 22% 42%, rgba(34, 211, 238, 0.46) 0 0.22rem, transparent 0.25rem),
        radial-gradient(circle at 78% 42%, rgba(246, 196, 83, 0.48) 0 0.22rem, transparent 0.25rem),
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.42) 0 0.16rem, transparent 0.20rem),
        linear-gradient(90deg, transparent 0 22%, rgba(34, 211, 238, 0.20) 34%, rgba(255, 246, 190, 0.42) 50%, rgba(246, 196, 83, 0.20) 66%, transparent 78% 100%);
    filter: blur(0.15px);
    opacity: 0.42;
    transform: translateY(0);
    animation: particleCollision 7.4s ease-in-out infinite;
}

body.page-home.theme-light :is(.facility-grid-layer, .gallery-grid-layer) {
    opacity: 0.58;
    mix-blend-mode: multiply;
}

body.page-home :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) {
    background: linear-gradient(180deg, #030816 0%, #061122 44%, #071326 62%, #030816 100%) !important;
}

body.page-home #featured-innovations {
    background: linear-gradient(180deg, #020617 0%, #050b1f 42%, #071326 62%, #020617 100%) !important;
}

body.page-home .aidc-journey-section {
    background: linear-gradient(180deg, #030816 0%, #061122 38%, #071a33 58%, #030a18 100%) !important;
}

body.page-home .technology-domain-section {
    background: linear-gradient(180deg, #030816 0%, #061326 38%, #07243a 58%, #030816 100%) !important;
}

body.page-home .facility-snapshot-section {
    background: linear-gradient(180deg, #030816 0%, #061122 38%, #071d31 58%, #030a18 100%) !important;
}

body.page-home .recognition-section {
    background: linear-gradient(180deg, #030a18 0%, #071326 42%, #0b1020 62%, #030816 100%) !important;
}

body.page-home .aidc-gallery-section {
    background: linear-gradient(180deg, #030816 0%, #061122 40%, #07172a 60%, #020617 100%) !important;
}

body.page-home .aidc-notice-section {
    background: linear-gradient(180deg, #030a18 0%, #071326 42%, #08172b 62%, #030816 100%) !important;
}

body.page-home.theme-light :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) {
    background: #ffffff !important;
}

body.page-home :is(
    .home-motion-layer,
    .impact-section-orb,
    .journey-aurora,
    .journey-grid-layer,
    .domain-field,
    .domain-grid-layer,
    .facility-grid-layer,
    .recognition-grid-layer,
    .gallery-grid-layer,
    .notice-board-grid-layer
) {
    display: none !important;
}

body.page-home .impact-section::before,
body.page-home #featured-innovations::before,
body.page-home .notice-board-grid-layer::before,
body.page-home .notice-board-grid-layer::after,
body.page-home .facility-grid-layer::before,
body.page-home .facility-grid-layer::after,
body.page-home .gallery-grid-layer::before,
body.page-home .gallery-grid-layer::after {
    content: none !important;
    display: none !important;
}

.impact-data-pulse-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.impact-data-pulse-layer span {
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow:
        0 0 12px rgba(34, 211, 238, 0.55),
        0 0 28px rgba(34, 211, 238, 0.22);
    opacity: 0;
    transform: translate3d(var(--pulse-start-x, 0), var(--pulse-start-y, 0), 0);
    animation: impactDataPulseOne var(--pulse-duration, 11s) ease-in-out var(--pulse-delay, 0s) infinite;
}

.impact-data-pulse-layer span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8rem;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.34), transparent);
    transform: translateY(-50%);
    opacity: 0.46;
}

.impact-data-pulse-layer span:nth-child(1) {
    left: 5%;
    top: 18%;
    --pulse-start-x: -8vw;
    --pulse-start-y: 0;
    --pulse-end-x: 36vw;
    --pulse-end-y: 4vh;
    --pulse-duration: 12s;
    --pulse-delay: -2s;
}

.impact-data-pulse-layer span:nth-child(2) {
    right: 6%;
    top: 22%;
    background: #f6c453;
    box-shadow:
        0 0 12px rgba(246, 196, 83, 0.50),
        0 0 28px rgba(246, 196, 83, 0.18);
    --pulse-start-x: 8vw;
    --pulse-start-y: 0;
    --pulse-end-x: -34vw;
    --pulse-end-y: 5vh;
    --pulse-duration: 14s;
    --pulse-delay: -8s;
    animation-name: impactDataPulseTwo;
}

.impact-data-pulse-layer span:nth-child(3) {
    left: 9%;
    bottom: 13%;
    --pulse-start-x: -7vw;
    --pulse-start-y: 0;
    --pulse-end-x: 28vw;
    --pulse-end-y: -3vh;
    --pulse-duration: 15s;
    --pulse-delay: -5s;
    animation-name: impactDataPulseThree;
}

.impact-data-pulse-layer span:nth-child(4) {
    right: 10%;
    bottom: 15%;
    background: #f6c453;
    box-shadow:
        0 0 12px rgba(246, 196, 83, 0.46),
        0 0 28px rgba(246, 196, 83, 0.17);
    --pulse-start-x: 7vw;
    --pulse-start-y: 0;
    --pulse-end-x: -26vw;
    --pulse-end-y: -4vh;
    --pulse-duration: 13s;
    --pulse-delay: -11s;
    animation-name: impactDataPulseFour;
}

body.theme-light .impact-data-pulse-layer {
    mix-blend-mode: multiply;
    opacity: 1;
}

body.theme-light .impact-data-pulse-layer span {
    width: 0.68rem;
    height: 0.68rem;
    background: #008ea6;
    box-shadow:
        0 0 0 3px rgba(0, 142, 166, 0.10),
        0 0 14px rgba(0, 142, 166, 0.58),
        0 0 30px rgba(0, 142, 166, 0.22);
}

body.theme-light .impact-data-pulse-layer span:nth-child(2),
body.theme-light .impact-data-pulse-layer span:nth-child(4) {
    background: #b8860b;
    box-shadow:
        0 0 0 3px rgba(184, 134, 11, 0.12),
        0 0 14px rgba(184, 134, 11, 0.62),
        0 0 30px rgba(184, 134, 11, 0.24);
}

body.theme-light .impact-data-pulse-layer span::after {
    background: linear-gradient(90deg, rgba(0, 142, 166, 0.42), transparent);
    opacity: 0.62;
}

body.theme-light .impact-data-pulse-layer span:nth-child(2)::after,
body.theme-light .impact-data-pulse-layer span:nth-child(4)::after {
    background: linear-gradient(90deg, rgba(184, 134, 11, 0.42), transparent);
}

.featured-formula-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode: screen;
}

.featured-formula-layer span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(186, 230, 253, 0.24);
    font-family: Georgia, "Times New Roman", serif;
    font-size: var(--formula-size, clamp(1rem, 2.2vw, 2.25rem));
    letter-spacing: 0.02em;
    line-height: 1;
    opacity: 0;
    text-shadow:
        0 0 18px rgba(34, 211, 238, 0.16),
        0 0 34px rgba(34, 211, 238, 0.08);
    transform: translate3d(0, 0, 0) rotate(var(--formula-rotation, -5deg));
    filter: blur(var(--formula-blur, 0px));
    animation: featuredFormulaDriftOne var(--formula-duration, 18s) ease-in-out var(--formula-delay, 0s) infinite;
}

.featured-formula-layer span:nth-child(odd) {
    color: rgba(246, 196, 83, 0.26);
    text-shadow:
        0 0 18px rgba(246, 196, 83, 0.16),
        0 0 34px rgba(246, 196, 83, 0.08);
}

.featured-formula-layer span:nth-child(1) {
    left: 3%;
    top: 13%;
    --formula-rotation: -8deg;
    --formula-size: clamp(1.25rem, 2.4vw, 2.5rem);
    --formula-duration: 19s;
    --formula-delay: -3s;
}

.featured-formula-layer span:nth-child(2) {
    right: 4%;
    top: 10%;
    --formula-rotation: 6deg;
    --formula-size: clamp(1rem, 1.8vw, 1.9rem);
    --formula-duration: 23s;
    --formula-delay: -12s;
    animation-name: featuredFormulaDriftTwo;
}

.featured-formula-layer span:nth-child(3) {
    left: 2%;
    top: 62%;
    --formula-rotation: 7deg;
    --formula-size: clamp(0.95rem, 1.8vw, 1.85rem);
    --formula-duration: 21s;
    --formula-delay: -8s;
    animation-name: featuredFormulaDriftThree;
}

.featured-formula-layer span:nth-child(4) {
    right: 2%;
    top: 55%;
    --formula-rotation: -7deg;
    --formula-size: clamp(1.1rem, 2.4vw, 2.6rem);
    --formula-duration: 25s;
    --formula-delay: -17s;
    animation-name: featuredFormulaDriftFour;
}

.featured-formula-layer span:nth-child(5) {
    left: 14%;
    bottom: 6%;
    --formula-rotation: 5deg;
    --formula-size: clamp(1.1rem, 2vw, 2.2rem);
    --formula-duration: 24s;
    --formula-delay: -14s;
    animation-name: featuredFormulaDriftTwo;
}

.featured-formula-layer span:nth-child(6) {
    right: 14%;
    bottom: 7%;
    --formula-rotation: -4deg;
    --formula-size: clamp(0.9rem, 1.7vw, 1.8rem);
    --formula-duration: 20s;
    --formula-delay: -6s;
    animation-name: featuredFormulaDriftThree;
}

.featured-formula-layer span:nth-child(7) {
    left: 38%;
    top: 3%;
    --formula-rotation: -3deg;
    --formula-size: clamp(1.25rem, 2.5vw, 2.7rem);
    --formula-duration: 27s;
    --formula-delay: -20s;
    animation-name: featuredFormulaDriftFour;
}

.featured-formula-layer span:nth-child(8) {
    right: 40%;
    bottom: 3%;
    --formula-rotation: 4deg;
    --formula-size: clamp(1rem, 1.9vw, 2rem);
    --formula-duration: 22s;
    --formula-delay: -10s;
}

.featured-formula-layer span:nth-child(9) {
    left: 6%;
    top: 35%;
    --formula-rotation: 14deg;
    --formula-size: clamp(1.2rem, 2.7vw, 3rem);
    --formula-duration: 29s;
    --formula-delay: -22s;
    animation-name: featuredFormulaDriftFive;
}

.featured-formula-layer span:nth-child(10) {
    right: 8%;
    top: 30%;
    --formula-rotation: -16deg;
    --formula-size: clamp(1rem, 2.1vw, 2.4rem);
    --formula-duration: 31s;
    --formula-delay: -9s;
    --formula-blur: 0.4px;
    animation-name: featuredFormulaDriftSix;
}

.featured-formula-layer span:nth-child(11) {
    left: 25%;
    top: 8%;
    --formula-rotation: 9deg;
    --formula-size: clamp(0.95rem, 1.6vw, 1.8rem);
    --formula-duration: 26s;
    --formula-delay: -18s;
    animation-name: featuredFormulaDriftThree;
}

.featured-formula-layer span:nth-child(12) {
    right: 27%;
    top: 7%;
    --formula-rotation: -10deg;
    --formula-size: clamp(1.35rem, 2.9vw, 3.25rem);
    --formula-duration: 34s;
    --formula-delay: -26s;
    animation-name: featuredFormulaDriftFive;
}

.featured-formula-layer span:nth-child(13) {
    left: 4%;
    bottom: 25%;
    --formula-rotation: -18deg;
    --formula-size: clamp(1rem, 2vw, 2.15rem);
    --formula-duration: 28s;
    --formula-delay: -5s;
    animation-name: featuredFormulaDriftSix;
}

.featured-formula-layer span:nth-child(14) {
    right: 5%;
    bottom: 24%;
    --formula-rotation: 12deg;
    --formula-size: clamp(1.2rem, 2.5vw, 2.8rem);
    --formula-duration: 33s;
    --formula-delay: -24s;
    animation-name: featuredFormulaDriftTwo;
}

.featured-formula-layer span:nth-child(15) {
    left: 21%;
    bottom: 2%;
    --formula-rotation: -6deg;
    --formula-size: clamp(0.9rem, 1.7vw, 1.9rem);
    --formula-duration: 30s;
    --formula-delay: -13s;
    animation-name: featuredFormulaDriftFive;
}

.featured-formula-layer span:nth-child(16) {
    right: 21%;
    bottom: 1%;
    --formula-rotation: 18deg;
    --formula-size: clamp(1rem, 2.2vw, 2.5rem);
    --formula-duration: 32s;
    --formula-delay: -29s;
    animation-name: featuredFormulaDriftSix;
}

.featured-formula-layer span:nth-child(17) {
    left: 47%;
    top: 5%;
    --formula-rotation: -20deg;
    --formula-size: clamp(1.15rem, 2.4vw, 2.7rem);
    --formula-duration: 27s;
    --formula-delay: -7s;
    animation-name: featuredFormulaDriftFour;
}

.featured-formula-layer span:nth-child(18) {
    right: 47%;
    bottom: 5%;
    --formula-rotation: 15deg;
    --formula-size: clamp(1rem, 1.8vw, 2rem);
    --formula-duration: 36s;
    --formula-delay: -31s;
    animation-name: featuredFormulaDriftFive;
}

.featured-formula-layer span:nth-child(19) {
    left: -1%;
    top: 48%;
    --formula-rotation: 5deg;
    --formula-size: clamp(1.3rem, 2.8vw, 3.1rem);
    --formula-duration: 35s;
    --formula-delay: -16s;
    animation-name: featuredFormulaDriftSix;
}

.featured-formula-layer span:nth-child(20) {
    right: -1%;
    top: 43%;
    --formula-rotation: -9deg;
    --formula-size: clamp(0.95rem, 1.7vw, 1.9rem);
    --formula-duration: 24s;
    --formula-delay: -2s;
    animation-name: featuredFormulaDriftThree;
}

.featured-formula-layer span:nth-child(21) {
    left: 9%;
    top: 2%;
    --formula-rotation: 20deg;
    --formula-size: clamp(0.9rem, 1.6vw, 1.75rem);
    --formula-duration: 38s;
    --formula-delay: -35s;
    animation-name: featuredFormulaDriftFive;
}

.featured-formula-layer span:nth-child(22) {
    right: 9%;
    bottom: 2%;
    --formula-rotation: -22deg;
    --formula-size: clamp(1.1rem, 2.2vw, 2.45rem);
    --formula-duration: 37s;
    --formula-delay: -19s;
    animation-name: featuredFormulaDriftSix;
}

body.theme-light .featured-formula-layer {
    mix-blend-mode: multiply;
    opacity: 1;
}

body.theme-light .featured-formula-layer span {
    color: rgba(0, 112, 138, 0.42);
    text-shadow:
        0 0 10px rgba(0, 142, 166, 0.10),
        0 0 22px rgba(0, 142, 166, 0.08);
}

body.theme-light .featured-formula-layer span:nth-child(odd) {
    color: rgba(166, 111, 0, 0.46);
    text-shadow:
        0 0 10px rgba(184, 134, 11, 0.12),
        0 0 22px rgba(184, 134, 11, 0.08);
}

body.page-home :is(
    .impact-section > .max-w-7xl > .reveal > h2,
    #featured-innovations .flex .reveal > h2,
    .journey-title,
    .domain-title,
    .facility-title,
    .recognition-title,
    .gallery-portfolio-intro h2,
    .notice-board-header h2
) {
    color: #ffffff;
    font-size: 2.55rem !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
}

body.page-home.theme-light :is(
    .impact-section > .max-w-7xl > .reveal > h2,
    #featured-innovations .flex .reveal > h2,
    .journey-title,
    .domain-title,
    .facility-title,
    .recognition-title,
    .gallery-portfolio-intro h2,
    .notice-board-header h2
) {
    color: #071326 !important;
    text-shadow: none;
}

body.page-home :is(
    .journey-intro,
    .domain-intro,
    .facility-intro,
    .recognition-intro,
    .gallery-portfolio-intro p,
    .notice-board-header p
) {
    font-size: 1.06rem;
    line-height: 1.75;
}

@media (min-width: 760px) {
    body.page-home :is(
        .impact-section > .max-w-7xl > .reveal > h2,
        #featured-innovations .flex .reveal > h2,
        .journey-title,
        .domain-title,
        .facility-title,
        .recognition-title,
        .gallery-portfolio-intro h2,
        .notice-board-header h2
    ) {
        font-size: 3.15rem !important;
    }
}

@media (min-width: 1180px) {
    body.page-home :is(
        .impact-section > .max-w-7xl > .reveal > h2,
        #featured-innovations .flex .reveal > h2,
        .journey-title,
        .domain-title,
        .facility-title,
        .recognition-title,
        .gallery-portfolio-intro h2,
        .notice-board-header h2
    ) {
        font-size: 3.75rem !important;
    }
}

body.page-home.theme-light .home-section-separator-line {
    background:
        repeating-linear-gradient(110deg, rgba(255, 255, 255, 0.26) 0 1px, rgba(255, 255, 255, 0) 1px 7px),
        linear-gradient(90deg, rgba(112, 72, 0, 0.10), rgba(255, 243, 191, 0.72) 18%, rgba(212, 175, 55, 0.96) 38%, rgba(255, 251, 221, 0.90) 50%, rgba(200, 150, 24, 0.96) 62%, rgba(8, 145, 178, 0.20) 84%, rgba(112, 72, 0, 0.10)),
        linear-gradient(180deg, #fff9d8 0%, #ffe28a 20%, #d4af37 54%, #f2d46a 82%, #fff1a8 100%);
    background-blend-mode: overlay, screen, normal;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.88),
        0 12px 28px rgba(184, 134, 11, 0.12),
        0 -8px 24px rgba(8, 145, 178, 0.08);
}

body.page-home.theme-light .home-section-separator-mark::before {
    content: "";
}

body.page-home :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) {
    isolation: isolate;
    overflow: hidden;
}

body.page-home :is(
    .impact-section,
    #featured-innovations,
    .aidc-journey-section,
    .technology-domain-section,
    .facility-snapshot-section,
    .recognition-section,
    .aidc-gallery-section,
    .aidc-notice-section
) > .mx-auto {
    position: relative;
    z-index: 2;
}

.home-motion-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.56;
    mix-blend-mode: screen;
}

.home-motion-layer span {
    position: absolute;
    display: grid;
    place-items: center;
    color: rgba(186, 230, 253, 0.16);
    font-size: clamp(1.6rem, 4vw, 5.6rem);
    letter-spacing: 0.08em;
    line-height: 1;
    opacity: 0.34;
    text-shadow: 0 0 24px rgba(34, 211, 238, 0.16);
    transform: translate3d(0, 0, 0) rotate(var(--motion-rot-start, -8deg));
    animation: homeMotifFloat var(--motion-duration, 18s) ease-in-out var(--motion-delay, 0s) infinite;
}

.home-motion-layer span:nth-child(1) {
    left: 5%;
    top: 17%;
    --motion-x: 3.5vw;
    --motion-y: -2.8rem;
    --motion-rot-start: -10deg;
    --motion-rot-end: 8deg;
    --motion-duration: 19s;
    --motion-delay: -1.4s;
}

.home-motion-layer span:nth-child(2) {
    left: 78%;
    top: 12%;
    --motion-x: -4vw;
    --motion-y: 2.4rem;
    --motion-rot-start: 9deg;
    --motion-rot-end: -12deg;
    --motion-duration: 22s;
    --motion-delay: -6s;
}

.home-motion-layer span:nth-child(3) {
    left: 13%;
    top: 69%;
    --motion-x: 4vw;
    --motion-y: 1.5rem;
    --motion-rot-start: 6deg;
    --motion-rot-end: -7deg;
    --motion-duration: 20s;
    --motion-delay: -9s;
}

.home-motion-layer span:nth-child(4) {
    left: 63%;
    top: 69%;
    --motion-x: -3vw;
    --motion-y: -2.8rem;
    --motion-rot-start: -7deg;
    --motion-rot-end: 11deg;
    --motion-duration: 24s;
    --motion-delay: -3s;
}

.home-motion-layer span:nth-child(5) {
    left: 36%;
    top: 31%;
    --motion-x: 2.2vw;
    --motion-y: 2.6rem;
    --motion-rot-start: 12deg;
    --motion-rot-end: -6deg;
    --motion-duration: 21s;
    --motion-delay: -12s;
}

.home-motion-layer span:nth-child(6) {
    left: 88%;
    top: 55%;
    --motion-x: -4.8vw;
    --motion-y: -1.6rem;
    --motion-rot-start: -4deg;
    --motion-rot-end: 10deg;
    --motion-duration: 23s;
    --motion-delay: -15s;
}

.home-motion-layer span:nth-child(7) {
    left: 24%;
    top: 47%;
    --motion-x: 3vw;
    --motion-y: -1.7rem;
    --motion-rot-start: -14deg;
    --motion-rot-end: 5deg;
    --motion-duration: 26s;
    --motion-delay: -18s;
}

.home-motion-layer span:nth-child(8) {
    left: 49%;
    top: 83%;
    --motion-x: -2.4vw;
    --motion-y: -2.3rem;
    --motion-rot-start: 7deg;
    --motion-rot-end: -11deg;
    --motion-duration: 18s;
    --motion-delay: -4s;
}

.home-motion-layer span:nth-child(9) {
    left: 92%;
    top: 80%;
    --motion-x: -5vw;
    --motion-y: 1.5rem;
    --motion-rot-start: 10deg;
    --motion-rot-end: -8deg;
    --motion-duration: 25s;
    --motion-delay: -10s;
}

.home-motion-layer span:nth-child(10) {
    left: 44%;
    top: 5%;
    --motion-x: 2.6vw;
    --motion-y: 2rem;
    --motion-rot-start: -6deg;
    --motion-rot-end: 10deg;
    --motion-duration: 21s;
    --motion-delay: -7s;
}

.home-motion-layer span:nth-child(11) {
    left: 3%;
    top: 91%;
    --motion-x: 4vw;
    --motion-y: -2.1rem;
    --motion-rot-start: 8deg;
    --motion-rot-end: -10deg;
    --motion-duration: 24s;
    --motion-delay: -13s;
}

.home-motion-layer span:nth-child(12) {
    left: 92%;
    top: 28%;
    --motion-x: -5vw;
    --motion-y: 1.6rem;
    --motion-rot-start: -12deg;
    --motion-rot-end: 7deg;
    --motion-duration: 20s;
    --motion-delay: -2s;
}

.home-motion-layer span:nth-child(13) {
    left: 30%;
    top: 91%;
    --motion-x: -2.4vw;
    --motion-y: -2.4rem;
    --motion-rot-start: 5deg;
    --motion-rot-end: -11deg;
    --motion-duration: 23s;
    --motion-delay: -16s;
}

.home-motion-layer span:nth-child(14) {
    left: 70%;
    top: 5%;
    --motion-x: -3vw;
    --motion-y: 2rem;
    --motion-rot-start: 11deg;
    --motion-rot-end: -7deg;
    --motion-duration: 25s;
    --motion-delay: -11s;
}

.home-motion-layer span:nth-child(15) {
    left: 1%;
    top: 58%;
    --motion-x: 4vw;
    --motion-y: -1rem;
    --motion-rot-start: -5deg;
    --motion-rot-end: 12deg;
    --motion-duration: 19s;
    --motion-delay: -5s;
}

.home-motion-layer span:nth-child(16) {
    left: 96%;
    top: 59%;
    --motion-x: -4vw;
    --motion-y: 1.1rem;
    --motion-rot-start: 7deg;
    --motion-rot-end: -9deg;
    --motion-duration: 22s;
    --motion-delay: -18s;
}

.home-motion-layer span:nth-child(17) {
    left: 16%;
    top: 4%;
    --motion-x: 3vw;
    --motion-y: 1.8rem;
    --motion-rot-start: 13deg;
    --motion-rot-end: -5deg;
    --motion-duration: 26s;
    --motion-delay: -9s;
}

.home-motion-layer span:nth-child(18) {
    left: 82%;
    top: 91%;
    --motion-x: -4vw;
    --motion-y: -2.2rem;
    --motion-rot-start: -9deg;
    --motion-rot-end: 8deg;
    --motion-duration: 20s;
    --motion-delay: -14s;
}

.motion-math {
    opacity: 0.72;
}

.motion-math .motion-symbol {
    border: 0;
    background: transparent;
    padding: 0;
    color: rgba(186, 230, 253, 0.30);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.9rem, 4.7vw, 6.4rem);
    animation-name: mathMotifFloat;
    opacity: 0.62;
    text-shadow:
        0 0 22px rgba(34, 211, 238, 0.20),
        0 0 42px rgba(34, 211, 238, 0.08);
}

.motion-math .motion-symbol:nth-child(odd) {
    color: rgba(246, 196, 83, 0.34);
    text-shadow:
        0 0 24px rgba(246, 196, 83, 0.24),
        0 0 44px rgba(246, 196, 83, 0.10);
}

.motion-math .motion-symbol:nth-child(1) { left: 3%; top: 13%; }
.motion-math .motion-symbol:nth-child(2) { left: 92%; top: 10%; }
.motion-math .motion-symbol:nth-child(3) { left: 5%; top: 84%; }
.motion-math .motion-symbol:nth-child(4) { left: 90%; top: 83%; }
.motion-math .motion-symbol:nth-child(5) { left: 1%; top: 33%; }
.motion-math .motion-symbol:nth-child(6) { left: 94%; top: 33%; }
.motion-math .motion-symbol:nth-child(7) { left: 12%; top: 6%; }
.motion-math .motion-symbol:nth-child(8) { left: 80%; top: 5%; }
.motion-math .motion-symbol:nth-child(9) { left: 15%; top: 92%; }
.motion-math .motion-symbol:nth-child(10) { left: 74%; top: 92%; }
.motion-math .motion-symbol:nth-child(11) { left: 0%; top: 57%; }
.motion-math .motion-symbol:nth-child(12) { left: 96%; top: 58%; }
.motion-math .motion-symbol:nth-child(13) { left: 28%; top: 4%; }
.motion-math .motion-symbol:nth-child(14) { left: 62%; top: 5%; }
.motion-math .motion-symbol:nth-child(15) { left: 29%; top: 93%; }
.motion-math .motion-symbol:nth-child(16) { left: 60%; top: 92%; }
.motion-math .motion-symbol:nth-child(17) { left: 3%; top: 70%; }
.motion-math .motion-symbol:nth-child(18) { left: 94%; top: 72%; }

.motion-fixture {
    width: clamp(2.4rem, 5.2vw, 5.6rem);
    height: clamp(2.4rem, 5.2vw, 5.6rem);
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.13), transparent 28%),
        rgba(8, 19, 38, 0.16);
    color: rgba(186, 230, 253, 0.28);
    font-size: 0;
    letter-spacing: 0;
    opacity: 0.44;
    padding: 0;
    box-shadow:
        0 0 34px rgba(34, 211, 238, 0.06),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.motion-fixture:nth-child(2n) {
    border-color: rgba(246, 196, 83, 0.18);
    color: rgba(246, 196, 83, 0.30);
    box-shadow:
        0 0 34px rgba(246, 196, 83, 0.07),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.motion-fixture::before,
.motion-fixture::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
}

.fixture-ring {
    border-radius: 999px;
}

.fixture-ring::before {
    inset: 24%;
    border: 1px solid currentColor;
    border-radius: 999px;
    opacity: 0.58;
}

.fixture-ring::after {
    left: 66%;
    top: 18%;
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 16px currentColor;
}

.fixture-orbit {
    border-radius: 999px;
}

.fixture-orbit::before {
    inset: 19%;
    border: 1px solid currentColor;
    border-radius: 999px;
    transform: rotate(-24deg) scaleX(1.35);
    opacity: 0.50;
}

.fixture-orbit::after {
    left: 68%;
    top: 30%;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 16px currentColor;
}

.fixture-eye {
    border-radius: 999px;
    transform: translate3d(0, 0, 0) rotate(var(--motion-rot-start, -8deg)) scaleX(1.22);
}

.fixture-eye::before {
    inset: 22% 12%;
    border: 1px solid currentColor;
    border-radius: 999px;
    opacity: 0.62;
}

.fixture-eye::after {
    left: 50%;
    top: 50%;
    width: 0.84rem;
    height: 0.84rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 18px currentColor;
    transform: translate(-50%, -50%);
}

.fixture-face {
    border-radius: 1.25rem;
}

.fixture-face::before {
    left: 36%;
    top: 39%;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 1.25rem 0 0 currentColor;
}

.fixture-face::after {
    left: 50%;
    top: 61%;
    width: 1.65rem;
    height: 0.58rem;
    border-bottom: 2px solid currentColor;
    border-radius: 0 0 999px 999px;
    transform: translateX(-50%);
    opacity: 0.58;
}

.fixture-chip {
    border-radius: 0.72rem;
}

.fixture-chip::before {
    inset: 24%;
    border: 1px solid currentColor;
    border-radius: 0.45rem;
    opacity: 0.62;
}

.fixture-chip::after {
    left: 8%;
    right: 8%;
    top: 50%;
    height: 1px;
    background: currentColor;
    box-shadow:
        0 -0.8rem 0 currentColor,
        0 0.8rem 0 currentColor;
    opacity: 0.34;
}

.fixture-hex {
    clip-path: polygon(50% 0, 92% 24%, 92% 76%, 50% 100%, 8% 76%, 8% 24%);
}

.fixture-hex::before {
    inset: 22%;
    border: 1px solid currentColor;
    clip-path: inherit;
    opacity: 0.52;
}

.fixture-hex::after {
    left: 50%;
    top: 50%;
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.fixture-pulse::before {
    left: 14%;
    right: 14%;
    top: 50%;
    height: 2px;
    background:
        linear-gradient(90deg, currentColor 0 22%, transparent 22% 32%, currentColor 32% 52%, transparent 52% 62%, currentColor 62% 100%);
    opacity: 0.52;
}

.fixture-pulse::after {
    left: 50%;
    top: 50%;
    width: 0.72rem;
    height: 0.72rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    transform: translate(-50%, -50%);
}

.fixture-node::before {
    left: 22%;
    top: 30%;
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow:
        1.65rem 0.75rem 0 currentColor,
        0.65rem 1.85rem 0 currentColor;
}

.fixture-node::after {
    left: 30%;
    top: 38%;
    width: 2.8rem;
    height: 2rem;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(21deg);
    opacity: 0.36;
}

.fixture-path::before {
    left: 18%;
    top: 28%;
    width: 64%;
    height: 48%;
    border: 1px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0 999px 0 0;
    opacity: 0.56;
}

.fixture-path::after {
    left: 18%;
    top: 67%;
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 2.7rem -2.2rem 0 currentColor;
}

.fixture-medal::before {
    left: 50%;
    top: 18%;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    transform: translateX(-50%);
    opacity: 0.66;
}

.fixture-medal::after {
    left: 50%;
    top: 52%;
    width: 1.5rem;
    height: 1.15rem;
    background: currentColor;
    clip-path: polygon(0 0, 45% 0, 50% 100%, 55% 0, 100% 0, 72% 100%, 28% 100%);
    opacity: 0.34;
    transform: translateX(-50%);
}

.fixture-star {
    clip-path: polygon(50% 4%, 61% 35%, 94% 35%, 67% 54%, 78% 92%, 50% 68%, 22% 92%, 33% 54%, 6% 35%, 39% 35%);
}

.fixture-flag::before {
    left: 28%;
    top: 18%;
    bottom: 18%;
    width: 2px;
    border-radius: 999px;
    background: currentColor;
}

.fixture-flag::after {
    left: 33%;
    top: 20%;
    width: 2.2rem;
    height: 1.35rem;
    border: 1px solid currentColor;
    border-left: 0;
    border-radius: 0.18rem 0.65rem 0.65rem 0.18rem;
    background: color-mix(in srgb, currentColor 14%, transparent);
}

.fixture-podium::before {
    left: 23%;
    bottom: 20%;
    width: 0.72rem;
    height: 1.5rem;
    border-radius: 0.2rem;
    background: currentColor;
    box-shadow:
        1.05rem -0.65rem 0 currentColor,
        2.1rem 0.32rem 0 currentColor;
    opacity: 0.42;
}

.fixture-podium::after {
    left: 16%;
    right: 16%;
    bottom: 16%;
    height: 1px;
    background: currentColor;
    opacity: 0.54;
}

.fixture-camera::before {
    left: 18%;
    top: 30%;
    width: 64%;
    height: 44%;
    border: 1px solid currentColor;
    border-radius: 0.45rem;
    opacity: 0.62;
}

.fixture-camera::after {
    left: 50%;
    top: 52%;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    transform: translate(-50%, -50%);
}

.fixture-play {
    border-radius: 999px;
}

.fixture-play::before {
    inset: 18%;
    border: 1px solid currentColor;
    border-radius: 999px;
    opacity: 0.60;
}

.fixture-play::after {
    left: 52%;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 0.62rem solid transparent;
    border-bottom: 0.62rem solid transparent;
    border-left: 0.95rem solid currentColor;
    transform: translate(-35%, -50%);
    opacity: 0.58;
}

.fixture-frame::before {
    inset: 20%;
    border: 1px solid currentColor;
    border-radius: 0.35rem;
    opacity: 0.58;
}

.fixture-frame::after {
    inset: 13%;
    border: 1px solid currentColor;
    border-radius: 0.5rem;
    opacity: 0.18;
}

.fixture-pin {
    border-radius: 999px;
}

.fixture-pin::before {
    left: 50%;
    top: 22%;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    transform: translateX(-50%);
}

.fixture-pin::after {
    left: 50%;
    top: 52%;
    width: 1.1rem;
    height: 1.7rem;
    background: currentColor;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    opacity: 0.36;
    transform: translateX(-50%);
}

.fixture-page::before {
    left: 28%;
    top: 18%;
    width: 44%;
    height: 62%;
    border: 1px solid currentColor;
    border-radius: 0.3rem;
    opacity: 0.60;
}

.fixture-page::after {
    left: 55%;
    top: 18%;
    width: 0.8rem;
    height: 0.8rem;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: skew(-10deg);
    opacity: 0.52;
}

.fixture-bell::before {
    left: 50%;
    top: 24%;
    width: 2rem;
    height: 2rem;
    border: 1px solid currentColor;
    border-bottom-width: 3px;
    border-radius: 999px 999px 0.55rem 0.55rem;
    transform: translateX(-50%);
    opacity: 0.58;
}

.fixture-bell::after {
    left: 50%;
    top: 66%;
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: currentColor;
    transform: translateX(-50%);
    opacity: 0.48;
}

.fixture-clip::before {
    left: 50%;
    top: 50%;
    width: 1.6rem;
    height: 2.6rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.58;
}

.fixture-clip::after {
    left: 50%;
    top: 50%;
    width: 0.85rem;
    height: 1.85rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    transform: translate(-50%, -50%) rotate(28deg);
    opacity: 0.42;
}

.fixture-dog {
    border-radius: 0.9rem;
}

.fixture-dog::before {
    left: 23%;
    top: 43%;
    width: 2.1rem;
    height: 1.1rem;
    border: 1px solid currentColor;
    border-radius: 0.7rem;
    box-shadow: 2.2rem -0.34rem 0 -0.28rem currentColor;
    opacity: 0.62;
}

.fixture-dog::after {
    left: 28%;
    top: 62%;
    width: 0.22rem;
    height: 1rem;
    background: currentColor;
    box-shadow:
        1.2rem 0 0 currentColor,
        2.6rem -0.22rem 0 currentColor,
        3.5rem -0.22rem 0 currentColor;
    opacity: 0.42;
}

.motion-robot {
    opacity: 0.48;
}

.home-motion-layer.motion-robot > span:not(.motion-fixture) {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    padding: 0;
    letter-spacing: 0;
    transform: none;
}

.home-motion-layer.motion-robot .robot-arm {
    right: clamp(1.5rem, 8vw, 9rem);
    bottom: clamp(1rem, 10vw, 6rem);
    width: min(28rem, 46vw);
    height: min(21rem, 38vw);
    min-width: 17rem;
    min-height: 13rem;
    opacity: 0.42;
    transform-origin: 14% 82%;
    animation: robotArmDrift 9.5s ease-in-out infinite;
}

.motion-robot .robot-arm i {
    position: absolute;
    display: block;
}

.motion-robot .robot-joint {
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.52), transparent 22%),
        radial-gradient(circle, rgba(246, 196, 83, 0.34), rgba(34, 211, 238, 0.10) 56%, rgba(2, 6, 23, 0.10));
    box-shadow:
        0 0 30px rgba(34, 211, 238, 0.10),
        inset 0 0 14px rgba(246, 196, 83, 0.12);
}

.motion-robot .robot-base {
    left: 1.1rem;
    bottom: 0.9rem;
    width: 4.4rem;
    height: 4.4rem;
}

.motion-robot .robot-upper,
.motion-robot .robot-forearm {
    height: 0.48rem;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(246, 196, 83, 0.38), rgba(34, 211, 238, 0.12));
    box-shadow: 0 0 24px rgba(246, 196, 83, 0.10);
    transform-origin: left center;
}

.motion-robot .robot-upper {
    left: 4.6rem;
    bottom: 3.3rem;
    width: 10rem;
    transform: rotate(-28deg);
    animation: robotUpperSwing 6.8s ease-in-out infinite;
}

.motion-robot .robot-elbow {
    left: 12.7rem;
    bottom: 7.9rem;
    width: 2.1rem;
    height: 2.1rem;
}

.motion-robot .robot-forearm {
    left: 14rem;
    bottom: 8.7rem;
    width: 9rem;
    transform: rotate(18deg);
    animation: robotForearmSwing 6.8s ease-in-out infinite;
}

.motion-robot .robot-wrist {
    left: 22rem;
    bottom: 11.25rem;
    width: 1.45rem;
    height: 1.45rem;
}

.motion-robot .robot-claw {
    left: 22.9rem;
    bottom: 10.65rem;
    width: 3.9rem;
    height: 2.6rem;
    border-left: 0.34rem solid rgba(246, 196, 83, 0.34);
    transform-origin: 0 50%;
    transform: rotate(15deg);
    animation: robotClawPinch 6.8s ease-in-out infinite;
}

.motion-robot .robot-claw::before,
.motion-robot .robot-claw::after {
    content: "";
    position: absolute;
    left: 0.12rem;
    width: 2.4rem;
    height: 0.36rem;
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.38);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.12);
    transform-origin: left center;
}

.motion-robot .robot-claw::before {
    top: 0.45rem;
    transform: rotate(-24deg);
}

.motion-robot .robot-claw::after {
    bottom: 0.45rem;
    transform: rotate(24deg);
}

.home-motion-layer.motion-robot .robot-scan {
    left: 7%;
    right: 9%;
    height: 1px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.20), rgba(246, 196, 83, 0.18), transparent);
    opacity: 0.32;
    animation: robotScan 8s ease-in-out infinite;
}

.home-motion-layer.motion-robot .robot-scan-one {
    top: 26%;
    animation-delay: -1s;
}

.home-motion-layer.motion-robot .robot-scan-two {
    top: 72%;
    animation-delay: -4s;
}

.home-motion-layer.motion-robot .robot-fixture {
    width: clamp(2.7rem, 5.6vw, 5.8rem);
    height: clamp(2.7rem, 5.6vw, 5.8rem);
    opacity: 0.38;
    animation: homeMotifFloat 18s ease-in-out infinite;
}

.home-motion-layer.motion-robot .robot-fixture:nth-of-type(4) {
    left: 9%;
    top: 18%;
    --motion-x: 3vw;
    --motion-y: 2rem;
    --motion-delay: -3s;
}

.home-motion-layer.motion-robot .robot-fixture:nth-of-type(5) {
    left: 24%;
    top: 76%;
    --motion-x: -3vw;
    --motion-y: -2rem;
    --motion-delay: -9s;
}

.home-motion-layer.motion-robot .robot-fixture:nth-of-type(6) {
    left: 71%;
    top: 18%;
    --motion-x: -4vw;
    --motion-y: 1.8rem;
    --motion-delay: -14s;
}

.home-motion-layer.motion-robot .robot-fixture:nth-of-type(7) {
    left: 84%;
    top: 76%;
    --motion-x: -3vw;
    --motion-y: -2.4rem;
    --motion-delay: -6s;
}

body.theme-light .home-motion-layer {
    opacity: 0.44;
    mix-blend-mode: multiply;
}

body.theme-light .home-motion-layer span {
    border-color: rgba(11, 78, 162, 0.12);
    background: rgba(255, 255, 255, 0.18);
    color: rgba(11, 78, 162, 0.16);
    text-shadow: none;
}

body.theme-light .motion-math .motion-symbol {
    border: 0;
    background: transparent;
    color: rgba(11, 78, 162, 0.30);
}

body.theme-light .motion-math .motion-symbol:nth-child(odd),
body.theme-light .motion-fixture:nth-child(2n) {
    color: rgba(154, 100, 0, 0.27);
}

body.theme-light .motion-fixture {
    border-color: rgba(11, 78, 162, 0.13);
    background:
        radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.28), transparent 28%),
        rgba(255, 255, 255, 0.20);
}

body.theme-light .motion-robot .robot-joint {
    border-color: rgba(8, 145, 178, 0.20);
    background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.72), transparent 22%),
        radial-gradient(circle, rgba(184, 134, 11, 0.20), rgba(8, 145, 178, 0.08) 56%, rgba(255, 255, 255, 0.16));
}

body.theme-light .motion-robot .robot-upper,
body.theme-light .motion-robot .robot-forearm,
body.theme-light .motion-robot .robot-claw,
body.theme-light .motion-robot .robot-claw::before,
body.theme-light .motion-robot .robot-claw::after {
    border-color: rgba(184, 134, 11, 0.22);
    background-color: rgba(184, 134, 11, 0.18);
}

@media (max-width: 700px) {
    .home-motion-layer {
        opacity: 0.36;
    }

    .home-motion-layer span {
        font-size: clamp(1rem, 8vw, 2.8rem);
    }

    .motion-fixture {
        width: clamp(2rem, 11vw, 3.4rem);
        height: clamp(2rem, 11vw, 3.4rem);
    }

    .motion-robot .robot-arm {
        right: -5rem;
        bottom: 9%;
        transform: scale(0.72);
    }
}

.filter-button.is-active {
    border-color: rgba(246, 196, 83, 0.65);
    background: rgba(246, 196, 83, 0.18);
    color: #fef3c7;
}

body.page-notifications.theme-light .aidc-notice-section .filter-button.is-active {
    border-color: rgba(184, 134, 11, 0.30) !important;
    background: rgba(212, 175, 55, 0.16) !important;
    color: #8a5f05 !important;
}

body.page-notifications.theme-dark .aidc-notice-section .filter-button.is-active {
    border-color: rgba(246, 196, 83, 0.58) !important;
    background: rgba(246, 196, 83, 0.16) !important;
    color: #f6c453 !important;
}

body.page-notifications.theme-dark .notice-card {
    border-color: rgba(255, 255, 255, 0.13);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-gallery .aidc-gallery-section {
    background: transparent;
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

body.page-gallery .gallery-grid-layer {
    display: none;
}

body.page-gallery .gallery-archive-panel {
    position: relative;
    display: grid;
    gap: clamp(1.1rem, 2.5vw, 2rem);
    align-items: end;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-gallery .gallery-archive-copy {
    max-width: 56rem;
}

body.page-gallery .gallery-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 650;
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-gallery .gallery-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-gallery .gallery-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-gallery .gallery-archive-summary > span {
    color: #dbeafe;
}

body.page-gallery .gallery-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-gallery .gallery-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.2;
}

body.page-gallery .gallery-portfolio-grid {
    margin-top: 1.1rem;
}

@media (min-width: 900px) {
    body.page-gallery .gallery-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.36fr);
    }

    body.page-gallery .gallery-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }
}

body.page-gallery .aidc-gallery-section > .mx-auto > .reveal > span {
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border-color: rgba(34, 211, 238, 0.30) !important;
    background: rgba(34, 211, 238, 0.11) !important;
    color: #a5f3fc !important;
    padding: 0.55rem 0.9rem !important;
    font-size: 0.76rem !important;
    font-weight: 800;
    letter-spacing: 0.18em !important;
}

body.page-gallery .aidc-gallery-section > .mx-auto > .reveal > span > span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-gallery .gallery-portfolio-card {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface) !important;
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.page-gallery .gallery-empty-state {
    max-width: 48rem;
    margin: 1.1rem auto 0;
    padding: clamp(2rem, 4vw, 3rem);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.5rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    text-align: center;
}

body.page-gallery .gallery-empty-state span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #f6c453;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-gallery .gallery-empty-state span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.7);
}

body.page-gallery .gallery-empty-state h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 650;
    line-height: 1.08;
}

body.page-gallery .gallery-empty-state p {
    max-width: 38rem;
    margin: 1rem auto 0;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.8;
}

body.page-gallery.theme-light .gallery-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-gallery.theme-light .gallery-archive-panel,
html.theme-light body.page-gallery .gallery-archive-panel {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-gallery.theme-light .gallery-archive-copy h1,
html.theme-light body.page-gallery .gallery-archive-copy h1 {
    color: #071326;
}

body.page-gallery.theme-light .gallery-archive-copy p,
html.theme-light body.page-gallery .gallery-archive-copy p,
body.page-gallery.theme-light .gallery-archive-summary,
html.theme-light body.page-gallery .gallery-archive-summary,
body.page-gallery.theme-light .gallery-archive-summary > span,
html.theme-light body.page-gallery .gallery-archive-summary > span {
    color: #475569;
}

body.page-gallery.theme-light .gallery-archive-summary div span,
html.theme-light body.page-gallery .gallery-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-gallery.theme-light .aidc-gallery-section > .mx-auto > .reveal > span {
    border-color: rgba(8, 145, 178, 0.28) !important;
    background: rgba(207, 250, 254, 0.72) !important;
    color: #075985 !important;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-gallery.theme-light .gallery-portfolio-card {
    border-color: rgba(11, 78, 162, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)) !important;
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10) !important;
}

html.theme-light body.page-gallery .gallery-portfolio-card {
    border: 1px solid rgba(11, 78, 162, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)) !important;
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10) !important;
}

html.theme-light body.page-gallery .gallery-empty-state {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10);
}

html.theme-light body.page-gallery .gallery-empty-state h3 {
    color: #07111f;
}

html.theme-light body.page-gallery .gallery-empty-state p {
    color: #475569;
}

body.page-gallery.theme-light .gallery-story-content,
html.theme-light body.page-gallery .gallery-story-content {
    background: #ffffff;
    color: #334155;
}

body.page-gallery.theme-light .gallery-story-content :where(p, ul, ol, li, blockquote),
html.theme-light body.page-gallery .gallery-story-content :where(p, ul, ol, li, blockquote) {
    color: #475569 !important;
}

body.page-gallery.theme-light .gallery-story-rich,
html.theme-light body.page-gallery .gallery-story-rich {
    color: #475569;
}

body.page-gallery.theme-light .gallery-story-content :where(h2, h3, h4, h5, strong, b),
html.theme-light body.page-gallery .gallery-story-content :where(h2, h3, h4, h5, strong, b) {
    color: #071326 !important;
}

body.page-gallery.theme-light .gallery-story-rich :where(em, i),
html.theme-light body.page-gallery .gallery-story-rich :where(em, i) {
    color: #8a5f05;
}

body.page-gallery.theme-light .gallery-story-rich blockquote,
html.theme-light body.page-gallery .gallery-story-rich blockquote {
    border-left-color: rgba(184, 134, 11, 0.50);
    color: #334155;
}

body.page-gallery.theme-light .gallery-story-content dl div,
html.theme-light body.page-gallery .gallery-story-content dl div {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.66);
}

body.page-gallery.theme-light .gallery-story-content dt,
html.theme-light body.page-gallery .gallery-story-content dt {
    color: #8a5f05;
}

body.page-gallery.theme-light .gallery-story-content dd,
html.theme-light body.page-gallery .gallery-story-content dd {
    color: #334155;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-section {
    background: transparent;
    color: #f8fafc;
    isolation: isolate;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-section {
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-panel {
    position: relative;
    display: grid;
    gap: clamp(1.1rem, 2.5vw, 2rem);
    align-items: end;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-copy {
    max-width: 56rem;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 650;
    line-height: 1.03;
    letter-spacing: 0;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary > span {
    color: #dbeafe;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.2;
}

body.page-courses .academic-course-grid {
    margin-top: clamp(1.9rem, 3vw, 2.4rem);
}

@media (min-width: 900px) {
    body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.38fr);
    }

    body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-section > .mx-auto > .reveal > span {
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border-color: rgba(34, 211, 238, 0.30) !important;
    background: rgba(34, 211, 238, 0.11) !important;
    color: #a5f3fc !important;
    padding: 0.55rem 0.9rem !important;
    font-size: 0.76rem !important;
    font-weight: 800;
    letter-spacing: 0.18em !important;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-section > .mx-auto > .reveal > span > span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid {
    align-items: stretch;
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid .glass-card,
body.page-training-workshops .academic-workshop-grid .glass-card,
body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface) !important;
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid .glass-card {
    display: flex;
    min-height: 20rem;
    flex-direction: column;
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid .course-card {
    overflow: hidden;
    padding: 0;
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid .course-card h3,
body.page-training-workshops .academic-workshop-grid h3 {
    color: #ffffff !important;
    font-weight: 650 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid .course-card p,
body.page-training-workshops .academic-workshop-grid p {
    color: rgba(226, 232, 240, 0.84) !important;
}

body:is(.page-courses, .page-training-workshops) .academic-course-grid span.rounded-full {
    border-color: rgba(34, 211, 238, 0.20) !important;
    background: rgba(34, 211, 238, 0.08) !important;
    color: #cffafe !important;
}

body:is(.page-courses, .page-training-workshops) .course-card-media {
    position: relative;
    height: 13.5rem;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.12), rgba(246, 196, 83, 0.10)),
        #020617;
}

body:is(.page-courses, .page-training-workshops) .course-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 520ms ease, transform 700ms ease;
}

body:is(.page-courses, .page-training-workshops) .course-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

body:is(.page-courses, .page-training-workshops) .course-card-media-count {
    position: absolute;
    right: 0.9rem;
    bottom: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.66);
    padding: 0.4rem 0.65rem;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

body:is(.page-courses, .page-training-workshops) .course-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.45rem;
}

body:is(.page-courses, .page-training-workshops) .course-card-kicker {
    margin: 0;
    color: #f6c453 !important;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.4;
    text-transform: uppercase;
}

body:is(.page-courses, .page-training-workshops) .course-card h3 {
    margin-top: 0.75rem;
    font-size: 1.32rem;
}

body:is(.page-courses, .page-training-workshops) .course-card-summary {
    margin-top: 0.75rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 0.94rem;
    line-height: 1.72;
}

body:is(.page-courses, .page-training-workshops) .course-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

body:is(.page-courses, .page-training-workshops) .course-card-meta span,
body:is(.page-courses, .page-training-workshops) .course-card-focus span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.08);
    padding: 0.42rem 0.62rem;
    color: #cffafe;
    font-size: 0.75rem;
    line-height: 1.2;
}

body:is(.page-courses, .page-training-workshops) .course-card-focus {
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
    margin-top: 0.9rem;
}

body:is(.page-courses, .page-training-workshops) .course-card-action {
    margin-top: auto;
    padding-top: clamp(1.25rem, 2vw, 1.7rem);
}

body:is(.page-courses, .page-training-workshops) .course-card-button {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0.72rem 1rem;
    color: #fff7cc;
    font-size: 0.86rem;
    font-weight: 800;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

body:is(.page-courses, .page-training-workshops) .course-card-button:hover,
body:is(.page-courses, .page-training-workshops) .course-card-button:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.72);
    background: rgba(246, 196, 83, 0.26);
    outline: none;
}

.innovation-modal-panel.course-modal-panel {
    display: block;
    width: min(94rem, calc(100vw - 1.5rem));
    max-height: min(calc(100dvh - var(--aidc-nav-height) - (var(--innovation-modal-gap) * 2) - env(safe-area-inset-top)), 62rem);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 30%),
        #071326;
}

.course-modal-layout {
    display: grid;
    max-height: inherit;
    overflow-y: auto;
    background: #071326;
}

.course-modal-gallery {
    display: grid;
    min-height: 24rem;
    grid-template-rows: minmax(20rem, 1fr) auto;
    background: #020617;
}

.course-modal-image-stage {
    min-height: 24rem;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(246, 196, 83, 0.07)),
        #020617;
}

.course-modal-image-stage .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

.innovation-modal-content.course-modal-content {
    background:
        linear-gradient(145deg, rgba(34, 211, 238, 0.065), transparent 36%),
        rgba(7, 19, 38, 0.98);
    max-height: none;
}

.innovation-modal-content.course-modal-content h2 {
    font-size: 2.25rem;
    letter-spacing: 0;
    line-height: 1.08;
}

.course-modal-kicker {
    width: fit-content;
    border: 1px solid rgba(246, 196, 83, 0.28);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.46rem 0.72rem;
    color: #fef3c7 !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.course-modal-section,
.course-syllabus-download {
    margin-top: 1.4rem;
}

.course-modal-section h3,
.course-syllabus-download h3 {
    margin: 0 0 0.7rem;
    color: #ffffff;
    font-size: 1rem;
}

.course-modal-list {
    display: grid;
    gap: 0.56rem;
    margin-top: 0.8rem;
}

.course-modal-list li {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.72rem 0.85rem 0.72rem 2.15rem;
    color: #e2e8f0;
    line-height: 1.55;
}

.course-modal-list li::before {
    content: "";
    position: absolute;
    left: 0.95rem;
    top: 1.22rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 14px rgba(246, 196, 83, 0.52);
}

.course-modal-rich > :first-child,
.course-modal-list li > :first-child {
    margin-top: 0;
}

.course-modal-list li :where(p, h3, h4, h5) {
    color: inherit;
    margin-block: 0;
}

.course-modal-list li :where(ul, ol) {
    margin: 0.5rem 0 0 1rem;
}

.course-syllabus-download a {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.72rem 0.95rem;
    color: #cffafe;
    font-size: 0.86rem;
    font-weight: 800;
}

.course-syllabus-download a span {
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0.28rem 0.42rem;
    color: #fef3c7;
    font-size: 0.72rem;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .course-modal-layout.has-media {
        grid-template-columns: minmax(0, 1.12fr) minmax(24rem, 0.88fr);
    }

    .course-modal-layout.is-text-first {
        grid-template-columns: 1fr;
    }

    .course-modal-layout.has-media .course-modal-gallery {
        grid-column: 1;
        grid-row: 1;
        min-height: min(70vh, 46rem);
    }

    .course-modal-layout.has-media .course-modal-image-stage {
        min-height: min(58vh, 38rem);
    }

    .course-modal-layout.has-media .course-modal-content {
        grid-column: 2;
        grid-row: 1;
        max-height: inherit;
        overflow-y: auto;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
    }
}

body.page-achievements .achievement-card-grid {
    display: grid;
    gap: 1rem;
    margin-top: clamp(1.9rem, 3vw, 2.4rem);
}

body.page-achievements .achievement-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-achievements .achievement-card-media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        radial-gradient(circle at 20% 10%, rgba(34, 211, 238, 0.12), transparent 48%),
        #020617;
}

body.page-achievements .achievement-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 520ms ease, transform 700ms ease;
}

body.page-achievements .achievement-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

body.page-achievements .achievement-card:hover .achievement-card-image.is-active {
    transform: scale(1.035);
}

body.page-achievements .achievement-card-date {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    border: 1px solid rgba(246, 196, 83, 0.34);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    padding: 0.36rem 0.58rem;
    color: #fef3c7;
    font-size: 0.72rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

body.page-achievements .achievement-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(0.85rem, 1.45vw, 1rem);
}

body.page-achievements .achievement-card-platform {
    display: -webkit-box;
    overflow: hidden;
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(246, 196, 83, 0.28);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.34rem 0.52rem;
    color: #fef3c7;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.25;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

body.page-achievements .achievement-card h3 {
    display: -webkit-box;
    margin-top: 0.68rem;
    overflow: hidden;
    color: #ffffff;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    font-weight: 650;
    line-height: 1.18;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-achievements .achievement-card p {
    display: -webkit-box;
    margin-top: 0.58rem;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.86rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-achievements .achievement-card strong {
    display: -webkit-box;
    margin-top: 0.68rem;
    overflow: hidden;
    max-width: 100%;
    border-left: 3px solid rgba(246, 196, 83, 0.88);
    border-radius: 0.7rem;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.6rem 0.7rem 0.68rem;
    color: #fef3c7;
    font-size: 0.82rem;
    line-height: 1.5;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-achievements .achievement-card .recognition-card-actions {
    gap: 0.52rem;
    margin-top: auto;
    padding-top: 0.82rem;
}

body.page-achievements .achievement-card .recognition-story-button,
body.page-achievements .achievement-card .recognition-video-button {
    min-height: 2.25rem;
    padding: 0.56rem 0.74rem;
    font-size: 0.78rem;
}

@media (min-width: 640px) {
    body.page-achievements .achievement-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-achievements .achievement-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1240px) {
    body.page-achievements .achievement-card-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

body.page-competitions .competition-card-grid {
    display: grid;
    gap: 1rem;
    margin-top: clamp(1.9rem, 3vw, 2.4rem);
}

body.page-competitions .competition-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(34, 211, 238, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-competitions .competition-card-media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        radial-gradient(circle at 22% 10%, rgba(246, 196, 83, 0.12), transparent 46%),
        radial-gradient(circle at 76% 14%, rgba(34, 211, 238, 0.12), transparent 46%),
        #020617;
}

body.page-competitions .competition-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 520ms ease, transform 700ms ease;
}

body.page-competitions .competition-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

body.page-competitions .competition-card:hover .competition-card-image.is-active {
    transform: scale(1.035);
}

body.page-competitions .competition-card-date {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    border: 1px solid rgba(34, 211, 238, 0.34);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    padding: 0.36rem 0.58rem;
    color: #cffafe;
    font-size: 0.72rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

body.page-competitions .competition-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(0.85rem, 1.45vw, 1rem);
}

body.page-competitions .competition-card-level {
    display: -webkit-box;
    overflow: hidden;
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(34, 211, 238, 0.26);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.34rem 0.52rem;
    color: #cffafe;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.25;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

body.page-competitions .competition-card h3 {
    display: -webkit-box;
    margin-top: 0.68rem;
    overflow: hidden;
    color: #ffffff;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    font-weight: 650;
    line-height: 1.18;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-competitions .competition-card p {
    display: -webkit-box;
    margin-top: 0.58rem;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.86rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-competitions .competition-card-team {
    margin-top: 0.68rem;
    color: #fef3c7;
    font-size: 0.8rem;
    font-weight: 750;
}

body.page-competitions .competition-card strong {
    display: -webkit-box;
    margin-top: 0.68rem;
    overflow: hidden;
    max-width: 100%;
    border-left: 3px solid rgba(34, 211, 238, 0.88);
    border-radius: 0.7rem;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.6rem 0.7rem 0.68rem;
    color: #cffafe;
    font-size: 0.82rem;
    line-height: 1.5;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-competitions .competition-card .recognition-card-actions {
    gap: 0.52rem;
    margin-top: auto;
    padding-top: 0.82rem;
}

body.page-competitions .competition-card .recognition-story-button,
body.page-competitions .competition-card .recognition-video-button {
    min-height: 2.25rem;
    padding: 0.56rem 0.74rem;
    font-size: 0.78rem;
}

@media (min-width: 640px) {
    body.page-competitions .competition-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-competitions .competition-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1240px) {
    body.page-competitions .competition-card-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

body.page-events-visits .event-visit-card-grid {
    display: grid;
    gap: 1rem;
    margin-top: clamp(1.9rem, 3vw, 2.4rem);
}

body.page-events-visits .event-visit-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.16);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(34, 211, 238, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-events-visits .event-visit-card-media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        radial-gradient(circle at 18% 12%, rgba(34, 211, 238, 0.14), transparent 46%),
        radial-gradient(circle at 82% 16%, rgba(246, 196, 83, 0.12), transparent 46%),
        #020617;
}

body.page-events-visits .event-visit-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 520ms ease, transform 700ms ease;
}

body.page-events-visits .event-visit-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

body.page-events-visits .event-visit-card:hover .event-visit-card-image.is-active {
    transform: scale(1.035);
}

body.page-events-visits .event-visit-card-date {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    border: 1px solid rgba(246, 196, 83, 0.34);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.68);
    padding: 0.36rem 0.58rem;
    color: #fef3c7;
    font-size: 0.72rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

body.page-events-visits .event-visit-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(0.85rem, 1.45vw, 1rem);
}

body.page-events-visits .event-visit-card-category {
    display: -webkit-box;
    overflow: hidden;
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(34, 211, 238, 0.26);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.34rem 0.52rem;
    color: #cffafe;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.25;
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

body.page-events-visits .event-visit-card h3 {
    display: -webkit-box;
    margin-top: 0.68rem;
    overflow: hidden;
    color: #ffffff;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    font-weight: 650;
    line-height: 1.18;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-events-visits .event-visit-card p {
    display: -webkit-box;
    margin-top: 0.58rem;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.86rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.page-events-visits .event-visit-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.78rem;
}

body.page-events-visits .event-visit-card-meta span {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    border: 1px solid rgba(246, 196, 83, 0.24);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.34rem 0.52rem;
    color: #fef3c7;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.page-events-visits .event-visit-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52rem;
    margin-top: auto;
    padding-top: 0.82rem;
}

body.page-events-visits .event-visit-card-button,
body.page-events-visits .event-visit-card-video {
    display: inline-flex;
    min-height: 2.25rem;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0.56rem 0.74rem;
    color: #fff7cc;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.15;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

body.page-events-visits .event-visit-card-video {
    border-color: rgba(34, 211, 238, 0.26);
    background: rgba(34, 211, 238, 0.10);
    color: #cffafe;
}

body.page-events-visits .event-visit-card-button:hover,
body.page-events-visits .event-visit-card-button:focus-visible,
body.page-events-visits .event-visit-card-video:hover,
body.page-events-visits .event-visit-card-video:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.72);
    background: rgba(246, 196, 83, 0.26);
    outline: none;
}

body.page-events-visits .event-visit-modal .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

body.page-events-visits .event-visit-modal .gallery-modal-zoom {
    opacity: 1;
    pointer-events: auto;
}

body.page-events-visits .event-visit-modal-kicker {
    width: fit-content;
    border: 1px solid rgba(246, 196, 83, 0.28);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.46rem 0.72rem;
    color: #fef3c7 !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.page-events-visits .event-visit-modal-rich,
body.page-events-visits .event-visit-modal-rich :where(p, ul, ol, blockquote),
body.page-events-visits .event-visit-modal-content p {
    color: #d7e2ef;
}

body.page-events-visits .event-visit-modal-rich :where(p, ul, ol, blockquote) {
    margin-top: 0.85rem;
    line-height: 1.78;
}

body.page-events-visits .event-visit-modal-rich :where(h3, h4, h5) {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 850;
}

body.page-events-visits .event-visit-modal-rich :where(ul, ol) {
    padding-left: 1.35rem;
}

body.page-events-visits .event-visit-modal-rich blockquote {
    border-left: 3px solid rgba(246, 196, 83, 0.68);
    padding-left: 1rem;
    color: #f8fafc;
}

body.page-events-visits .event-visit-video-options {
    margin-top: 1.4rem;
}

body.page-events-visits .event-visit-video-options h3 {
    margin: 0 0 0.7rem;
    color: #ffffff;
    font-size: 1rem;
}

@media (min-width: 640px) {
    body.page-events-visits .event-visit-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-events-visits .event-visit-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1240px) {
    body.page-events-visits .event-visit-card-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

body.page-training-workshops .training-workshop-grid {
    display: grid;
    gap: 1.2rem;
    margin-top: clamp(1.9rem, 3vw, 2.4rem);
}

body.page-training-workshops .training-workshop-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 1.2rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface) !important;
    padding: 0 !important;
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.page-training-workshops .training-workshop-card.is-text-only::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 12%, rgba(34, 211, 238, 0.14), transparent 17rem),
        radial-gradient(circle at 88% 8%, rgba(246, 196, 83, 0.10), transparent 14rem);
}

body.page-training-workshops .training-card-media {
    position: relative;
    height: 13.75rem;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.12), rgba(246, 196, 83, 0.10)),
        #020617;
}

body.page-training-workshops .training-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 520ms ease, transform 700ms ease;
}

body.page-training-workshops .training-card-image.is-active {
    opacity: 1;
    transform: scale(1);
}

body.page-training-workshops .training-card-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.05), rgba(2, 6, 23, 0.56));
}

body.page-training-workshops .training-card-date {
    position: absolute;
    right: 0.9rem;
    bottom: 0.9rem;
    border: 1px solid rgba(246, 196, 83, 0.34);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.66);
    padding: 0.42rem 0.66rem;
    color: #fef3c7;
    font-size: 0.72rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

body.page-training-workshops .training-card-body {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(1.15rem, 2.6vw, 1.5rem);
}

body.page-training-workshops .training-card-kicker {
    margin: 0;
    color: #f6c453 !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.4;
    text-transform: uppercase;
}

body.page-training-workshops .training-workshop-card h3 {
    margin-top: 0.74rem;
    color: #ffffff;
    font-size: clamp(1.18rem, 2vw, 1.38rem);
    font-weight: 650;
    line-height: 1.18;
    letter-spacing: 0;
}

body.page-training-workshops .training-card-summary {
    display: -webkit-box;
    margin-top: 0.75rem;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.84) !important;
    font-size: 0.94rem;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body.page-training-workshops .training-card-meta,
body.page-training-workshops .training-card-focus {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

body.page-training-workshops .training-card-meta {
    margin-top: 1rem;
}

body.page-training-workshops .training-card-focus {
    margin-top: 0.9rem;
}

body.page-training-workshops .training-card-meta span,
body.page-training-workshops .training-card-focus span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.08);
    padding: 0.42rem 0.62rem;
    color: #cffafe;
    font-size: 0.75rem;
    line-height: 1.2;
}

body.page-training-workshops .training-card-action {
    display: flex;
    flex-wrap: wrap;
    gap: 0.72rem;
    margin-top: auto;
    padding-top: clamp(1.25rem, 2vw, 1.7rem);
}

body.page-training-workshops .training-card-button,
body.page-training-workshops .training-register-link,
.training-modal-register {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0.72rem 1rem;
    color: #fff7cc;
    font-size: 0.86rem;
    font-weight: 800;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

body.page-training-workshops .training-register-link,
.training-modal-register {
    border-color: rgba(34, 211, 238, 0.26);
    background: rgba(34, 211, 238, 0.10);
    color: #cffafe;
}

body.page-training-workshops .training-card-button:hover,
body.page-training-workshops .training-card-button:focus-visible,
body.page-training-workshops .training-register-link:hover,
body.page-training-workshops .training-register-link:focus-visible,
.training-modal-register:hover,
.training-modal-register:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.72);
    background: rgba(246, 196, 83, 0.26);
    outline: none;
}

.innovation-modal-panel.training-modal-panel {
    display: block;
    width: min(94rem, calc(100vw - 1.5rem));
    max-height: min(calc(100dvh - var(--aidc-nav-height) - (var(--innovation-modal-gap) * 2) - env(safe-area-inset-top)), 62rem);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 30%),
        #071326;
}

.training-modal-layout {
    display: grid;
    max-height: inherit;
    overflow-y: auto;
    background: #071326;
}

.training-modal-media {
    display: grid;
    min-height: 24rem;
    background: #020617;
}

.training-modal-gallery {
    display: grid;
    min-height: 24rem;
    grid-template-rows: minmax(20rem, 1fr) auto;
    background: #020617;
}

.training-modal-image-stage {
    min-height: 24rem;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(246, 196, 83, 0.07)),
        #020617;
}

.training-modal-image-stage .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

.training-modal-video-panel {
    min-height: 24rem;
}

.training-modal-inline-video {
    margin: 1rem 0 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1rem;
}

.training-modal-caption-row {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.innovation-modal-content.training-modal-content {
    max-height: none;
    background:
        linear-gradient(145deg, rgba(34, 211, 238, 0.065), transparent 36%),
        rgba(7, 19, 38, 0.98);
}

.innovation-modal-content.training-modal-content h2 {
    color: #ffffff;
    font-size: clamp(1.9rem, 4vw, 2.45rem);
    letter-spacing: 0;
    line-height: 1.08;
}

.training-modal-kicker {
    width: fit-content;
    border: 1px solid rgba(246, 196, 83, 0.28);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.46rem 0.72rem;
    color: #fef3c7 !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.training-modal-section,
.training-attachments,
.training-video-options {
    margin-top: 1.4rem;
}

.training-modal-section h3,
.training-attachments h3,
.training-video-options h3 {
    margin: 0 0 0.7rem;
    color: #ffffff;
    font-size: 1rem;
}

.training-modal-rich,
.training-modal-rich :where(p, ul, ol, blockquote),
.innovation-modal-content.training-modal-content p {
    color: #d7e2ef;
}

.training-modal-rich :where(p, ul, ol, blockquote) {
    margin-top: 0.85rem;
    line-height: 1.78;
}

.training-modal-rich :where(h3, h4, h5) {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 850;
}

.training-modal-rich :where(ul, ol) {
    padding-left: 1.35rem;
}

.training-modal-rich blockquote {
    border-left: 3px solid rgba(246, 196, 83, 0.68);
    padding-left: 1rem;
    color: #f8fafc;
}

.training-modal-list {
    display: grid;
    gap: 0.56rem;
    margin-top: 0.8rem;
}

.training-modal-list li {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.72rem 0.85rem 0.72rem 2.15rem;
    color: #e2e8f0;
    line-height: 1.55;
}

.training-modal-list li::before {
    content: "";
    position: absolute;
    left: 0.95rem;
    top: 1.22rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 14px rgba(246, 196, 83, 0.52);
}

.training-modal-list li > :first-child,
.training-modal-rich > :first-child {
    margin-top: 0;
}

.training-modal-list li :where(p, h3, h4, h5) {
    color: inherit;
    margin-block: 0;
}

.training-modal-list li :where(ul, ol) {
    margin: 0.5rem 0 0 1rem;
}

.training-attachments {
    display: grid;
    gap: 0.65rem;
}

.training-attachments a {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.72rem 0.95rem;
    color: #cffafe;
    font-size: 0.86rem;
    font-weight: 800;
}

.training-attachments a span {
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0.28rem 0.42rem;
    color: #fef3c7;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.training-modal-register {
    margin-top: 1.4rem;
}

@media (min-width: 760px) {
    body.page-training-workshops .training-workshop-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-training-workshops .training-workshop-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .training-modal-layout.has-media {
        grid-template-columns: minmax(0, 1.12fr) minmax(24rem, 0.88fr);
    }

    .training-modal-layout.is-text-first {
        grid-template-columns: 1fr;
    }

    .training-modal-layout.has-media .training-modal-media {
        grid-column: 1;
        grid-row: 1;
        min-height: min(70vh, 46rem);
    }

    .training-modal-layout.has-media .training-modal-gallery,
    .training-modal-layout.has-media .training-modal-image-stage {
        min-height: min(58vh, 38rem);
    }

    .training-modal-layout.has-media .training-modal-content {
        grid-column: 2;
        grid-row: 1;
        max-height: inherit;
        overflow-y: auto;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
    }
}

body.page-training-workshops .academic-workshop-block {
    position: relative;
    padding-top: 4rem;
}

body.page-training-workshops .academic-workshop-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: clamp(0rem, 4vw, 2rem);
    right: clamp(0rem, 4vw, 2rem);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.20), rgba(246, 196, 83, 0.54), rgba(246, 196, 83, 0.20), transparent);
}

body.page-training-workshops .academic-workshop-grid img {
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state {
    max-width: 48rem;
    margin: 3rem auto 0;
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 1.5rem;
    text-align: center;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #f6c453;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.7);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 650;
    line-height: 1.08;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state p {
    max-width: 38rem;
    margin: 1rem auto 0;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.8;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-gold-separator,
body.page-training-workshops.theme-light .academic-workshop-block::before {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-section > .mx-auto > .reveal > span {
    border-color: rgba(8, 145, 178, 0.28) !important;
    background: rgba(207, 250, 254, 0.72) !important;
    color: #075985 !important;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-archive-panel,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-panel {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-eyebrow,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-archive-copy h1,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-copy h1 {
    color: #071326;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-archive-copy p,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-copy p,
body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-archive-summary,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary,
body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-archive-summary > span,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary > span {
    color: #475569;
}

body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits).theme-light .academic-archive-summary div span,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-achievements.theme-light .achievement-card,
html.theme-light body.page-achievements .achievement-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.10);
}

body.page-achievements.theme-light .achievement-card-media,
html.theme-light body.page-achievements .achievement-card-media {
    border-color: rgba(11, 78, 162, 0.10);
    background:
        radial-gradient(circle at 20% 10%, rgba(8, 145, 178, 0.10), transparent 48%),
        #eaf4ff;
}

body.page-achievements.theme-light .achievement-card-date,
html.theme-light body.page-achievements .achievement-card-date {
    border-color: rgba(154, 100, 0, 0.22);
    background: rgba(255, 255, 255, 0.82);
    color: #7a4d00;
}

body.page-achievements.theme-light .achievement-card-platform,
html.theme-light body.page-achievements .achievement-card-platform {
    border-color: rgba(154, 100, 0, 0.22);
    background: rgba(212, 175, 55, 0.18);
    color: #7a4d00;
}

body.page-achievements.theme-light .achievement-card h3,
html.theme-light body.page-achievements .achievement-card h3 {
    color: #07111f;
}

body.page-achievements.theme-light .achievement-card p,
html.theme-light body.page-achievements .achievement-card p {
    color: #475569;
}

body.page-achievements.theme-light .achievement-card strong,
html.theme-light body.page-achievements .achievement-card strong {
    background: rgba(212, 175, 55, 0.14);
    color: #071326;
}

body.page-competitions.theme-light .competition-card,
html.theme-light body.page-competitions .competition-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.10);
}

body.page-competitions.theme-light .competition-card-media,
html.theme-light body.page-competitions .competition-card-media {
    border-color: rgba(11, 78, 162, 0.10);
    background:
        radial-gradient(circle at 22% 10%, rgba(184, 134, 11, 0.10), transparent 46%),
        radial-gradient(circle at 76% 14%, rgba(8, 145, 178, 0.10), transparent 46%),
        #eaf4ff;
}

body.page-competitions.theme-light .competition-card-date,
html.theme-light body.page-competitions .competition-card-date {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(255, 255, 255, 0.82);
    color: #075985;
}

body.page-competitions.theme-light .competition-card-level,
html.theme-light body.page-competitions .competition-card-level {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

body.page-competitions.theme-light .competition-card h3,
html.theme-light body.page-competitions .competition-card h3 {
    color: #07111f;
}

body.page-competitions.theme-light .competition-card p,
html.theme-light body.page-competitions .competition-card p {
    color: #475569;
}

body.page-competitions.theme-light .competition-card-team,
html.theme-light body.page-competitions .competition-card-team {
    color: #8a5f05;
}

body.page-competitions.theme-light .competition-card strong,
html.theme-light body.page-competitions .competition-card strong {
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

body.page-events-visits.theme-light .event-visit-card,
html.theme-light body.page-events-visits .event-visit-card {
    border-color: rgba(11, 78, 162, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88));
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.10);
}

body.page-events-visits.theme-light .event-visit-card-media,
html.theme-light body.page-events-visits .event-visit-card-media {
    border-color: rgba(11, 78, 162, 0.10);
    background:
        radial-gradient(circle at 18% 12%, rgba(8, 145, 178, 0.10), transparent 46%),
        radial-gradient(circle at 82% 16%, rgba(184, 134, 11, 0.10), transparent 46%),
        #eaf4ff;
}

body.page-events-visits.theme-light .event-visit-card-date,
html.theme-light body.page-events-visits .event-visit-card-date {
    border-color: rgba(154, 100, 0, 0.22);
    background: rgba(255, 255, 255, 0.82);
    color: #7a4d00;
}

body.page-events-visits.theme-light .event-visit-card-category,
html.theme-light body.page-events-visits .event-visit-card-category {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

body.page-events-visits.theme-light .event-visit-card h3,
html.theme-light body.page-events-visits .event-visit-card h3 {
    color: #07111f;
}

body.page-events-visits.theme-light .event-visit-card p,
html.theme-light body.page-events-visits .event-visit-card p {
    color: #475569;
}

body.page-events-visits.theme-light .event-visit-card-meta span,
html.theme-light body.page-events-visits .event-visit-card-meta span {
    border-color: rgba(154, 100, 0, 0.20);
    background: rgba(212, 175, 55, 0.16);
    color: #7a4d00;
}

body.page-events-visits.theme-light .event-visit-card-button,
html.theme-light body.page-events-visits .event-visit-card-button {
    border-color: rgba(154, 100, 0, 0.24);
    background: rgba(212, 175, 55, 0.18);
    color: #071326;
}

body.page-events-visits.theme-light .event-visit-card-video,
html.theme-light body.page-events-visits .event-visit-card-video {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

body.page-events-visits.theme-light .event-visit-modal-content,
html.theme-light body.page-events-visits .event-visit-modal-content {
    background: #ffffff;
    color: #334155;
}

body.page-events-visits.theme-light .event-visit-modal-kicker,
html.theme-light body.page-events-visits .event-visit-modal-kicker {
    border-color: rgba(154, 100, 0, 0.22);
    background: rgba(212, 175, 55, 0.18);
    color: #7a4d00 !important;
}

body.page-events-visits.theme-light .event-visit-modal-content :where(h2, h3, h4, h5, strong, b),
html.theme-light body.page-events-visits .event-visit-modal-content :where(h2, h3, h4, h5, strong, b) {
    color: #071326 !important;
}

body.page-events-visits.theme-light .event-visit-modal-rich,
body.page-events-visits.theme-light .event-visit-modal-rich :where(p, ul, ol, blockquote),
body.page-events-visits.theme-light .event-visit-modal-content p,
html.theme-light body.page-events-visits .event-visit-modal-rich,
html.theme-light body.page-events-visits .event-visit-modal-rich :where(p, ul, ol, blockquote),
html.theme-light body.page-events-visits .event-visit-modal-content p {
    color: #475569;
}

body.page-events-visits.theme-light .event-visit-modal-content dl div,
html.theme-light body.page-events-visits .event-visit-modal-content dl div {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.66);
}

body.page-events-visits.theme-light .event-visit-modal-content dt,
html.theme-light body.page-events-visits .event-visit-modal-content dt {
    color: #8a5f05;
}

body.page-events-visits.theme-light .event-visit-modal-content dd,
html.theme-light body.page-events-visits .event-visit-modal-content dd {
    color: #334155;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .academic-course-grid .glass-card,
html.theme-light body.page-training-workshops .academic-workshop-grid .glass-card,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state {
    border-color: rgba(11, 78, 162, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)) !important;
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10) !important;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .academic-course-grid .course-card h3,
html.theme-light body.page-training-workshops .academic-workshop-grid h3,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state h3 {
    color: #07111f !important;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .academic-course-grid .course-card p,
html.theme-light body.page-training-workshops .academic-workshop-grid p,
html.theme-light body:is(.page-courses, .page-training-workshops, .page-achievements, .page-competitions, .page-events-visits) .academic-empty-state p {
    color: #475569 !important;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .academic-course-grid span.rounded-full {
    border-color: rgba(8, 145, 178, 0.20) !important;
    background: rgba(207, 250, 254, 0.68) !important;
    color: #075985 !important;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .course-card-media {
    border-color: rgba(11, 78, 162, 0.10);
}

html.theme-light body:is(.page-courses, .page-training-workshops) .course-card-kicker {
    color: #8a5f05 !important;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .course-card-meta span,
html.theme-light body:is(.page-courses, .page-training-workshops) .course-card-focus span {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

html.theme-light body:is(.page-courses, .page-training-workshops) .course-card-button {
    border-color: rgba(154, 100, 0, 0.24);
    background: rgba(212, 175, 55, 0.18);
    color: #071326;
}

html.theme-light .innovation-modal-panel.course-modal-panel,
html.theme-light .course-modal-layout,
html.theme-light .innovation-modal-content.course-modal-content {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.92));
}

html.theme-light .innovation-modal-content.course-modal-content,
html.theme-light .course-modal-rich,
html.theme-light .course-modal-rich :where(p, li, span, div),
html.theme-light .course-modal-content dl,
html.theme-light .course-modal-content dd {
    color: #334155;
}

html.theme-light .course-modal-content dt {
    color: #9a6400;
}

html.theme-light .course-modal-kicker {
    border-color: rgba(154, 100, 0, 0.22);
    background: rgba(212, 175, 55, 0.18);
    color: #7a4d00 !important;
}

html.theme-light .course-modal-section h3,
html.theme-light .course-syllabus-download h3 {
    color: #071326;
}

html.theme-light .course-modal-list li {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.68);
    color: #334155;
}

html.theme-light .course-syllabus-download a {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

html.theme-light .course-syllabus-download a span {
    background: rgba(212, 175, 55, 0.20);
    color: #7a4d00;
}

body.page-training-workshops.theme-light .training-workshop-card,
html.theme-light body.page-training-workshops .training-workshop-card {
    border-color: rgba(11, 78, 162, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.88)) !important;
    box-shadow: 0 24px 62px rgba(15, 23, 42, 0.10) !important;
}

body.page-training-workshops.theme-light .training-workshop-card.is-text-only::before,
html.theme-light body.page-training-workshops .training-workshop-card.is-text-only::before {
    background:
        radial-gradient(circle at 18% 12%, rgba(8, 145, 178, 0.11), transparent 17rem),
        radial-gradient(circle at 88% 8%, rgba(212, 175, 55, 0.10), transparent 14rem);
}

body.page-training-workshops.theme-light .training-card-media,
html.theme-light body.page-training-workshops .training-card-media {
    border-color: rgba(11, 78, 162, 0.10);
    background:
        linear-gradient(135deg, rgba(207, 250, 254, 0.70), rgba(255, 248, 220, 0.58)),
        #eef6ff;
}

body.page-training-workshops.theme-light .training-card-kicker,
html.theme-light body.page-training-workshops .training-card-kicker {
    color: #8a5f05 !important;
}

body.page-training-workshops.theme-light .training-workshop-card h3,
html.theme-light body.page-training-workshops .training-workshop-card h3 {
    color: #07111f;
}

body.page-training-workshops.theme-light .training-card-summary,
html.theme-light body.page-training-workshops .training-card-summary {
    color: #475569 !important;
}

body.page-training-workshops.theme-light .training-card-meta span,
body.page-training-workshops.theme-light .training-card-focus span,
html.theme-light body.page-training-workshops .training-card-meta span,
html.theme-light body.page-training-workshops .training-card-focus span {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

body.page-training-workshops.theme-light .training-card-button,
html.theme-light body.page-training-workshops .training-card-button {
    border-color: rgba(154, 100, 0, 0.24);
    background: rgba(212, 175, 55, 0.18);
    color: #071326;
}

body.page-training-workshops.theme-light .training-register-link,
html.theme-light body.page-training-workshops .training-register-link {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

html.theme-light .innovation-modal-panel.training-modal-panel,
html.theme-light .training-modal-layout,
html.theme-light .innovation-modal-content.training-modal-content {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.92));
}

html.theme-light .training-modal-kicker {
    border-color: rgba(154, 100, 0, 0.22);
    background: rgba(212, 175, 55, 0.18);
    color: #7a4d00 !important;
}

html.theme-light .innovation-modal-content.training-modal-content h2,
html.theme-light .training-modal-section h3,
html.theme-light .training-attachments h3,
html.theme-light .training-video-options h3,
html.theme-light .training-modal-rich :where(h3, h4, h5) {
    color: #071326;
}

html.theme-light .training-modal-rich,
html.theme-light .training-modal-rich :where(p, ul, ol, blockquote),
html.theme-light .innovation-modal-content.training-modal-content p {
    color: #475569;
}

html.theme-light .training-modal-list li {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.68);
    color: #334155;
}

html.theme-light .training-attachments a,
html.theme-light .training-modal-register {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.68);
    color: #075985;
}

html.theme-light .training-attachments a span {
    background: rgba(212, 175, 55, 0.20);
    color: #7a4d00;
}

html.theme-dark body.page-gallery .gallery-portfolio-card {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface) !important;
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

@media (min-width: 760px) {
    body.page-gallery .gallery-portfolio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: 1.2rem;
    }

    body.page-gallery .gallery-portfolio-card,
    body.page-gallery .gallery-portfolio-card.is-spotlight,
    body.page-gallery .gallery-portfolio-card:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
        min-height: 22rem;
    }
}

@media (min-width: 1180px) {
    body.page-gallery .gallery-portfolio-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

.featured-innovation-image,
.recognition-card-image,
.facility-card-image {
    filter: brightness(1.24) saturate(1.10) contrast(1.03);
}

.featured-innovation-shade,
.recognition-card-shade,
.facility-card-shade {
    display: none !important;
}

[data-card-slideshow].is-static-slideshow [data-card-slide],
[data-card-slideshow]:has([data-card-slide]:only-of-type) [data-card-slide] {
    opacity: 1;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

[data-card-slideshow].is-static-slideshow:hover [data-card-slide],
[data-card-slideshow]:has([data-card-slide]:only-of-type):hover [data-card-slide] {
    transform: none !important;
}

.featured-innovation-media.is-static-slideshow .featured-innovation-image,
.innovation-modal-gallery.is-static-slideshow .featured-innovation-image {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.back-to-top.is-visible {
    display: flex;
}

@keyframes auroraShift {
    from {
        transform: translate3d(-2%, -1%, 0) scale(1);
    }
    to {
        transform: translate3d(2%, 2%, 0) scale(1.04);
    }
}

@keyframes orbitPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.65;
    }
    50% {
        transform: scale(1.4);
        opacity: 1;
    }
}

@keyframes loaderSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes separatorGoldSweepLeft {
    0%, 22%, 100% {
        opacity: 0;
        transform: translateX(-110%);
    }
    34% {
        opacity: 0.92;
    }
    48% {
        opacity: 0.08;
        transform: translateX(calc(50vw - 1.5rem));
    }
}

@keyframes separatorGoldSweepRight {
    0%, 18%, 100% {
        opacity: 0;
        transform: translateX(110%);
    }
    31% {
        opacity: 0.86;
    }
    46% {
        opacity: 0.08;
        transform: translateX(calc(-50vw + 1.5rem));
    }
}

@keyframes separatorShieldGlow {
    0%, 21%, 58%, 100% {
        filter: drop-shadow(0 10px 18px rgba(212, 175, 55, 0.30));
        transform: translate(-50%, -50%) scale(1);
    }
    34%, 46% {
        filter:
            drop-shadow(0 12px 22px rgba(212, 175, 55, 0.54))
            drop-shadow(0 0 14px rgba(255, 231, 143, 0.62));
        transform: translate(-50%, -50%) scale(1.08);
    }
}

@keyframes separatorShieldGlint {
    0%, 27%, 54%, 100% {
        opacity: 0;
        transform: translateX(-45%) rotate(8deg);
    }
    36% {
        opacity: 0.70;
    }
    45% {
        opacity: 0;
        transform: translateX(48%) rotate(8deg);
    }
}

@keyframes homeMotifFloat {
    0%, 100% {
        opacity: 0.16;
        transform: translate3d(0, 0, 0) rotate(var(--motion-rot-start, -8deg));
    }
    42% {
        opacity: 0.42;
        transform: translate3d(var(--motion-x, 2rem), var(--motion-y, -2rem), 0) rotate(var(--motion-rot-end, 8deg));
    }
    70% {
        opacity: 0.24;
    }
}

@keyframes mathMotifFloat {
    0%, 100% {
        opacity: 0.28;
        transform: translate3d(0, 0, 0) rotate(var(--motion-rot-start, -8deg));
    }
    42% {
        opacity: 0.66;
        transform: translate3d(var(--motion-x, 2rem), var(--motion-y, -2rem), 0) rotate(var(--motion-rot-end, 8deg));
    }
    70% {
        opacity: 0.38;
    }
}

@keyframes electronNucleus {
    0% {
        transform: rotate(-16deg) scale(1);
        opacity: 0.46;
    }
    42% {
        opacity: 0.70;
    }
    100% {
        transform: rotate(344deg) scale(1.02);
        opacity: 0.46;
    }
}

@keyframes cleanLaserSweep {
    0%, 100% {
        opacity: 0;
        transform: rotate(var(--laser-angle, -10deg)) translateX(-34%);
    }
    18% {
        opacity: 0.54;
    }
    54% {
        opacity: 0.28;
        transform: rotate(var(--laser-angle, -10deg)) translateX(18%);
    }
    78% {
        opacity: 0;
        transform: rotate(var(--laser-angle, -10deg)) translateX(36%);
    }
}

@keyframes particleCollision {
    0%, 100% {
        opacity: 0.20;
        transform: translateX(-1.8rem) scaleX(0.94);
        filter: blur(0.15px);
    }
    46% {
        opacity: 0.58;
        transform: translateX(0) scaleX(1);
        filter: blur(0);
    }
    62% {
        opacity: 0.44;
        transform: translateX(1.8rem) scaleX(0.96);
        filter: blur(0.25px);
    }
}

@keyframes robotArmDrift {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(-2deg);
    }
    50% {
        transform: translate3d(-1.2rem, -0.7rem, 0) rotate(3deg);
    }
}

@keyframes robotUpperSwing {
    0%, 100% {
        transform: rotate(-31deg);
    }
    50% {
        transform: rotate(-20deg);
    }
}

@keyframes robotForearmSwing {
    0%, 100% {
        transform: rotate(13deg);
    }
    50% {
        transform: rotate(27deg);
    }
}

@keyframes robotClawPinch {
    0%, 100% {
        transform: rotate(12deg) translateX(0);
    }
    50% {
        transform: rotate(20deg) translateX(0.4rem);
    }
}

@keyframes robotScan {
    0%, 100% {
        opacity: 0.02;
        transform: translateX(-8%);
    }
    45% {
        opacity: 0.42;
    }
    70% {
        opacity: 0.12;
        transform: translateX(8%);
    }
}

@keyframes nodePulse {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.55;
    }
    50% {
        transform: scale(1.25);
        opacity: 1;
    }
}

@keyframes loaderLogoBeat {
    0%, 100% {
        transform: translate(-50%, -53%) scale(1);
        filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.24));
    }
    45% {
        transform: translate(-50%, -53%) scale(1.045);
        filter: drop-shadow(0 0 26px rgba(34, 211, 238, 0.42));
    }
    62% {
        transform: translate(-50%, -53%) scale(0.985);
    }
}

@keyframes circuitDrift {
    to {
        background-position: 96px 0, 0 96px, 48px 48px;
    }
}

@keyframes heroCinematicSweep {
    0%, 100% {
        opacity: 0.24;
        transform: translate3d(-18%, 0, 0) skewX(-3deg);
    }
    42% {
        opacity: 0.48;
    }
    58% {
        opacity: 0.40;
        transform: translate3d(12%, 0, 0) skewX(-3deg);
    }
    78% {
        opacity: 0.18;
        transform: translate3d(22%, 0, 0) skewX(-3deg);
    }
}

@keyframes heroFloatingLightOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-18vw, 18vh, 0) scale(0.84);
    }
    14% {
        opacity: 0.34;
    }
    42% {
        opacity: 0.20;
        transform: translate3d(18vw, 3vh, 0) scale(1.12);
    }
    68% {
        opacity: 0.42;
        transform: translate3d(54vw, 22vh, 0) scale(0.96);
    }
    86% {
        opacity: 0;
        transform: translate3d(94vw, -14vh, 0) scale(0.72);
    }
}

@keyframes heroFloatingLightTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(86vw, -24vh, 0) scale(0.70);
    }
    18% {
        opacity: 0.28;
        transform: translate3d(62vw, 12vh, 0) scale(0.92);
    }
    46% {
        opacity: 0.18;
        transform: translate3d(34vw, 34vh, 0) scale(1.10);
    }
    72% {
        opacity: 0.36;
        transform: translate3d(-12vw, 52vh, 0) scale(0.84);
    }
    90% {
        opacity: 0;
        transform: translate3d(-26vw, 18vh, 0) scale(0.64);
    }
}

@keyframes heroFloatingLightThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(26vw, 84vh, 0) scale(0.62);
    }
    20% {
        opacity: 0.22;
        transform: translate3d(48vw, 50vh, 0) scale(0.82);
    }
    48% {
        opacity: 0.38;
        transform: translate3d(10vw, 24vh, 0) scale(1.02);
    }
    74% {
        opacity: 0.16;
        transform: translate3d(70vw, -8vh, 0) scale(0.78);
    }
    88% {
        opacity: 0;
        transform: translate3d(96vw, 16vh, 0) scale(0.58);
    }
}

@keyframes impactDataPulseOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-8vw, 0, 0) scale(0.78);
    }
    16% {
        opacity: 0.26;
        transform: translate3d(6vw, -2vh, 0) scale(0.94);
    }
    38% {
        opacity: 0.42;
        transform: translate3d(18vw, 5vh, 0) scale(1);
    }
    61% {
        opacity: 0.22;
        transform: translate3d(11vw, -4vh, 0) scale(0.82);
    }
    78% {
        opacity: 0.18;
        transform: translate3d(34vw, 3vh, 0) scale(0.90);
    }
    92% {
        opacity: 0;
        transform: translate3d(42vw, -5vh, 0) scale(0.68);
    }
}

@keyframes impactDataPulseTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(8vw, 0, 0) scale(0.70);
    }
    20% {
        opacity: 0.30;
        transform: translate3d(-9vw, 4vh, 0) scale(0.94);
    }
    44% {
        opacity: 0.16;
        transform: translate3d(-21vw, -3vh, 0) scale(0.78);
    }
    67% {
        opacity: 0.40;
        transform: translate3d(-13vw, 7vh, 0) scale(1.05);
    }
    84% {
        opacity: 0.18;
        transform: translate3d(-33vw, 2vh, 0) scale(0.84);
    }
    94% {
        opacity: 0;
        transform: translate3d(-38vw, -6vh, 0) scale(0.66);
    }
}

@keyframes impactDataPulseThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-7vw, 0, 0) scale(0.76);
    }
    14% {
        opacity: 0.18;
        transform: translate3d(4vw, -5vh, 0) scale(0.86);
    }
    34% {
        opacity: 0.38;
        transform: translate3d(16vw, -1vh, 0) scale(1.02);
    }
    58% {
        opacity: 0.20;
        transform: translate3d(8vw, 4vh, 0) scale(0.80);
    }
    79% {
        opacity: 0.32;
        transform: translate3d(27vw, -3vh, 0) scale(0.95);
    }
    91% {
        opacity: 0;
        transform: translate3d(31vw, 5vh, 0) scale(0.68);
    }
}

@keyframes impactDataPulseFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(7vw, 0, 0) scale(0.72);
    }
    18% {
        opacity: 0.34;
        transform: translate3d(-5vw, -4vh, 0) scale(0.98);
    }
    39% {
        opacity: 0.15;
        transform: translate3d(-16vw, 3vh, 0) scale(0.74);
    }
    64% {
        opacity: 0.36;
        transform: translate3d(-9vw, -7vh, 0) scale(1.06);
    }
    83% {
        opacity: 0.20;
        transform: translate3d(-25vw, -2vh, 0) scale(0.82);
    }
    95% {
        opacity: 0;
        transform: translate3d(-30vw, 5vh, 0) scale(0.64);
    }
}

@keyframes featuredFormulaDriftOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-2vw, 0, 0) rotate(var(--formula-rotation, -5deg));
    }
    18% {
        opacity: 0.22;
    }
    45% {
        opacity: 0.38;
        transform: translate3d(4vw, 2vh, 0) rotate(calc(var(--formula-rotation, -5deg) + 5deg));
    }
    72% {
        opacity: 0.20;
        transform: translate3d(1vw, -3vh, 0) rotate(calc(var(--formula-rotation, -5deg) - 3deg));
    }
    90% {
        opacity: 0;
    }
}

@keyframes featuredFormulaDriftTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(2vw, -1vh, 0) rotate(var(--formula-rotation, 5deg));
    }
    16% {
        opacity: 0.18;
        transform: translate3d(-3vw, 1vh, 0) rotate(calc(var(--formula-rotation, 5deg) - 4deg));
    }
    48% {
        opacity: 0.34;
        transform: translate3d(-6vw, -2vh, 0) rotate(calc(var(--formula-rotation, 5deg) + 4deg));
    }
    76% {
        opacity: 0.16;
        transform: translate3d(-1vw, 3vh, 0) rotate(calc(var(--formula-rotation, 5deg) - 2deg));
    }
    92% {
        opacity: 0;
    }
}

@keyframes featuredFormulaDriftThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-1vw, 2vh, 0) rotate(var(--formula-rotation, 5deg));
    }
    20% {
        opacity: 0.26;
        transform: translate3d(3vw, -2vh, 0) rotate(calc(var(--formula-rotation, 5deg) + 3deg));
    }
    55% {
        opacity: 0.36;
        transform: translate3d(6vw, 1vh, 0) rotate(calc(var(--formula-rotation, 5deg) - 5deg));
    }
    80% {
        opacity: 0.18;
        transform: translate3d(2vw, 4vh, 0) rotate(calc(var(--formula-rotation, 5deg) + 2deg));
    }
    94% {
        opacity: 0;
    }
}

@keyframes featuredFormulaDriftFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(0, -2vh, 0) rotate(var(--formula-rotation, -5deg));
    }
    18% {
        opacity: 0.20;
        transform: translate3d(-2vw, 1vh, 0) rotate(calc(var(--formula-rotation, -5deg) + 4deg));
    }
    42% {
        opacity: 0.32;
        transform: translate3d(2vw, 3vh, 0) rotate(calc(var(--formula-rotation, -5deg) - 3deg));
    }
    68% {
        opacity: 0.24;
        transform: translate3d(-4vw, -1vh, 0) rotate(calc(var(--formula-rotation, -5deg) + 2deg));
    }
    90% {
        opacity: 0;
    }
}

@keyframes featuredFormulaDriftFive {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-4vw, 3vh, 0) rotate(var(--formula-rotation, -5deg)) scale(0.84);
    }
    14% {
        opacity: 0.24;
        transform: translate3d(2vw, -1vh, 0) rotate(calc(var(--formula-rotation, -5deg) + 8deg)) scale(1);
    }
    37% {
        opacity: 0.42;
        transform: translate3d(7vw, 4vh, 0) rotate(calc(var(--formula-rotation, -5deg) - 6deg)) scale(1.06);
    }
    63% {
        opacity: 0.26;
        transform: translate3d(-1vw, -4vh, 0) rotate(calc(var(--formula-rotation, -5deg) + 4deg)) scale(0.92);
    }
    84% {
        opacity: 0.34;
        transform: translate3d(4vw, 1vh, 0) rotate(calc(var(--formula-rotation, -5deg) - 2deg)) scale(1.02);
    }
    96% {
        opacity: 0;
    }
}

@keyframes featuredFormulaDriftSix {
    0%, 100% {
        opacity: 0;
        transform: translate3d(3vw, -4vh, 0) rotate(var(--formula-rotation, 5deg)) scale(0.9);
    }
    12% {
        opacity: 0.2;
        transform: translate3d(-2vw, 2vh, 0) rotate(calc(var(--formula-rotation, 5deg) - 7deg)) scale(1.05);
    }
    33% {
        opacity: 0.38;
        transform: translate3d(-7vw, -1vh, 0) rotate(calc(var(--formula-rotation, 5deg) + 5deg)) scale(0.98);
    }
    58% {
        opacity: 0.24;
        transform: translate3d(1vw, 5vh, 0) rotate(calc(var(--formula-rotation, 5deg) - 3deg)) scale(1.08);
    }
    79% {
        opacity: 0.36;
        transform: translate3d(-4vw, -3vh, 0) rotate(calc(var(--formula-rotation, 5deg) + 7deg)) scale(0.94);
    }
    95% {
        opacity: 0;
    }
}

@keyframes journeySparkFloatOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-8vw, 2vh, 0) scale(0.78);
    }
    13% {
        opacity: 0.34;
        transform: translate3d(4vw, -1vh, 0) scale(0.95);
    }
    39% {
        opacity: 0.74;
        transform: translate3d(19vw, 5vh, 0) scale(1.08);
    }
    67% {
        opacity: 0.28;
        transform: translate3d(9vw, -4vh, 0) scale(0.86);
    }
    88% {
        opacity: 0.48;
        transform: translate3d(31vw, 1vh, 0) scale(0.96);
    }
    97% {
        opacity: 0;
        transform: translate3d(42vw, -5vh, 0) scale(0.68);
    }
}

@keyframes journeySparkFloatTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(7vw, -2vh, 0) scale(0.72);
    }
    17% {
        opacity: 0.42;
        transform: translate3d(-5vw, 4vh, 0) scale(1);
    }
    42% {
        opacity: 0.24;
        transform: translate3d(-18vw, -3vh, 0) scale(0.82);
    }
    63% {
        opacity: 0.68;
        transform: translate3d(-10vw, 6vh, 0) scale(1.1);
    }
    82% {
        opacity: 0.30;
        transform: translate3d(-30vw, 1vh, 0) scale(0.9);
    }
    96% {
        opacity: 0;
        transform: translate3d(-38vw, -4vh, 0) scale(0.64);
    }
}

@keyframes journeySparkFloatThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-3vw, 8vh, 0) scale(0.74);
    }
    18% {
        opacity: 0.32;
        transform: translate3d(5vw, -5vh, 0) scale(0.96);
    }
    36% {
        opacity: 0.62;
        transform: translate3d(14vw, 2vh, 0) scale(1.06);
    }
    57% {
        opacity: 0.22;
        transform: translate3d(7vw, -7vh, 0) scale(0.82);
    }
    79% {
        opacity: 0.54;
        transform: translate3d(24vw, -2vh, 0) scale(0.98);
    }
    94% {
        opacity: 0;
        transform: translate3d(30vw, 7vh, 0) scale(0.66);
    }
}

@keyframes journeySparkFloatFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(4vw, 6vh, 0) scale(0.78);
    }
    12% {
        opacity: 0.38;
        transform: translate3d(-4vw, -3vh, 0) scale(0.94);
    }
    34% {
        opacity: 0.18;
        transform: translate3d(-15vw, 5vh, 0) scale(0.76);
    }
    61% {
        opacity: 0.72;
        transform: translate3d(-7vw, -8vh, 0) scale(1.08);
    }
    84% {
        opacity: 0.32;
        transform: translate3d(-22vw, -1vh, 0) scale(0.9);
    }
    97% {
        opacity: 0;
        transform: translate3d(-32vw, 6vh, 0) scale(0.64);
    }
}

@keyframes journeySparkHalo {
    0%, 100% {
        opacity: 0.2;
        transform: scale(0.74);
    }
    48% {
        opacity: 0.66;
        transform: scale(1.18);
    }
}

@keyframes domainSignalDriftOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-6vw, 3vh, 0) scale(0.76);
    }
    16% {
        opacity: 0.34;
        transform: translate3d(3vw, -2vh, 0) scale(0.94);
    }
    38% {
        opacity: 0.66;
        transform: translate3d(15vw, 4vh, 0) scale(1.06);
    }
    62% {
        opacity: 0.24;
        transform: translate3d(7vw, -5vh, 0) scale(0.84);
    }
    86% {
        opacity: 0.42;
        transform: translate3d(25vw, 1vh, 0) scale(0.96);
    }
    96% {
        opacity: 0;
        transform: translate3d(32vw, -3vh, 0) scale(0.68);
    }
}

@keyframes domainSignalDriftTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(6vw, -2vh, 0) scale(0.72);
    }
    14% {
        opacity: 0.38;
        transform: translate3d(-4vw, 3vh, 0) scale(0.98);
    }
    36% {
        opacity: 0.18;
        transform: translate3d(-16vw, -2vh, 0) scale(0.8);
    }
    61% {
        opacity: 0.68;
        transform: translate3d(-9vw, 6vh, 0) scale(1.08);
    }
    83% {
        opacity: 0.30;
        transform: translate3d(-28vw, 1vh, 0) scale(0.88);
    }
    96% {
        opacity: 0;
        transform: translate3d(-36vw, -5vh, 0) scale(0.64);
    }
}

@keyframes domainSignalDriftThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-4vw, 7vh, 0) scale(0.74);
    }
    20% {
        opacity: 0.30;
        transform: translate3d(5vw, -4vh, 0) scale(0.96);
    }
    43% {
        opacity: 0.58;
        transform: translate3d(18vw, 1vh, 0) scale(1.04);
    }
    66% {
        opacity: 0.22;
        transform: translate3d(10vw, -6vh, 0) scale(0.82);
    }
    88% {
        opacity: 0.46;
        transform: translate3d(29vw, -1vh, 0) scale(0.98);
    }
    97% {
        opacity: 0;
        transform: translate3d(35vw, 5vh, 0) scale(0.66);
    }
}

@keyframes domainSignalDriftFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(4vw, 6vh, 0) scale(0.78);
    }
    13% {
        opacity: 0.36;
        transform: translate3d(-5vw, -3vh, 0) scale(0.94);
    }
    35% {
        opacity: 0.20;
        transform: translate3d(-14vw, 5vh, 0) scale(0.78);
    }
    59% {
        opacity: 0.64;
        transform: translate3d(-7vw, -7vh, 0) scale(1.1);
    }
    82% {
        opacity: 0.30;
        transform: translate3d(-24vw, -1vh, 0) scale(0.9);
    }
    96% {
        opacity: 0;
        transform: translate3d(-31vw, 6vh, 0) scale(0.64);
    }
}

@keyframes domainSignalRing {
    0%, 100% {
        opacity: 0.18;
        transform: translate3d(0, 0, 0) scale(0.86);
    }
    42% {
        opacity: 0.46;
        transform: translate3d(1.8vw, -1.2vh, 0) scale(1.08);
    }
    72% {
        opacity: 0.26;
        transform: translate3d(-1vw, 1.4vh, 0) scale(0.96);
    }
}

@keyframes domainSignalScan {
    0%, 100% {
        opacity: 0;
        transform: rotate(var(--domain-scan-angle, -12deg)) translateX(-5vw);
    }
    18% {
        opacity: 0.34;
    }
    46% {
        opacity: 0.58;
        transform: rotate(var(--domain-scan-angle, -12deg)) translateX(8vw);
    }
    73% {
        opacity: 0.18;
        transform: rotate(var(--domain-scan-angle, -12deg)) translateX(2vw);
    }
    94% {
        opacity: 0;
        transform: rotate(var(--domain-scan-angle, -12deg)) translateX(15vw);
    }
}

@keyframes facilityArmFloat {
    0%, 100% {
        opacity: 0.22;
        transform: translate3d(0, 0, 0) scaleX(var(--facility-arm-scale, 1)) rotate(-2deg);
    }
    40% {
        opacity: 0.42;
        transform: translate3d(1.3vw, -1vh, 0) scaleX(var(--facility-arm-scale, 1)) rotate(3deg);
    }
    72% {
        opacity: 0.30;
        transform: translate3d(-0.8vw, 1.1vh, 0) scaleX(var(--facility-arm-scale, 1)) rotate(-4deg);
    }
}

@keyframes facilityArmUpper {
    0%, 100% {
        transform: rotate(-22deg);
    }
    50% {
        transform: rotate(-8deg);
    }
}

@keyframes facilityArmForearm {
    0%, 100% {
        transform: rotate(28deg);
    }
    50% {
        transform: rotate(46deg);
    }
}

@keyframes facilityGearSpin {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        transform: translate3d(0.7vw, -0.6vh, 0) rotate(180deg);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(360deg);
    }
}

@keyframes facilityFixtureFloat {
    0%, 100% {
        opacity: 0.22;
        transform: translate3d(0, 0, 0) rotate(var(--facility-fixture-rotation, 16deg));
    }
    46% {
        opacity: 0.38;
        transform: translate3d(1.2vw, -1.1vh, 0) rotate(calc(var(--facility-fixture-rotation, 16deg) + 8deg));
    }
    76% {
        opacity: 0.28;
        transform: translate3d(-0.8vw, 0.8vh, 0) rotate(calc(var(--facility-fixture-rotation, 16deg) - 5deg));
    }
}

@keyframes recognitionIconFloatOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-8vw, 6vh, 0) rotate(-18deg) scale(0.72);
    }
    18% {
        opacity: 0.18;
        transform: translate3d(4vw, -4vh, 0) rotate(8deg) scale(0.94);
    }
    46% {
        opacity: 0.44;
        transform: translate3d(15vw, 7vh, 0) rotate(24deg) scale(1.08);
    }
    73% {
        opacity: 0.22;
        transform: translate3d(6vw, -8vh, 0) rotate(-8deg) scale(0.88);
    }
    92% {
        opacity: 0;
        transform: translate3d(26vw, 2vh, 0) rotate(18deg) scale(0.68);
    }
}

@keyframes recognitionIconFloatTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(9vw, -5vh, 0) rotate(18deg) scale(0.70);
    }
    16% {
        opacity: 0.20;
        transform: translate3d(-5vw, 4vh, 0) rotate(-10deg) scale(0.96);
    }
    41% {
        opacity: 0.42;
        transform: translate3d(-18vw, -3vh, 0) rotate(-26deg) scale(1.07);
    }
    66% {
        opacity: 0.18;
        transform: translate3d(-8vw, 8vh, 0) rotate(5deg) scale(0.86);
    }
    91% {
        opacity: 0;
        transform: translate3d(-30vw, -1vh, 0) rotate(-16deg) scale(0.66);
    }
}

@keyframes recognitionIconFloatThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-6vw, -7vh, 0) rotate(-24deg) scale(0.68);
    }
    20% {
        opacity: 0.22;
        transform: translate3d(7vw, 5vh, 0) rotate(12deg) scale(0.92);
    }
    49% {
        opacity: 0.40;
        transform: translate3d(19vw, -2vh, 0) rotate(30deg) scale(1.06);
    }
    76% {
        opacity: 0.20;
        transform: translate3d(8vw, 9vh, 0) rotate(-12deg) scale(0.86);
    }
    94% {
        opacity: 0;
        transform: translate3d(33vw, 4vh, 0) rotate(18deg) scale(0.64);
    }
}

@keyframes recognitionIconFloatFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(7vw, 8vh, 0) rotate(22deg) scale(0.72);
    }
    15% {
        opacity: 0.20;
        transform: translate3d(-5vw, -4vh, 0) rotate(-8deg) scale(0.94);
    }
    44% {
        opacity: 0.44;
        transform: translate3d(-16vw, 6vh, 0) rotate(-28deg) scale(1.08);
    }
    71% {
        opacity: 0.21;
        transform: translate3d(-7vw, -9vh, 0) rotate(9deg) scale(0.88);
    }
    93% {
        opacity: 0;
        transform: translate3d(-28vw, 3vh, 0) rotate(-18deg) scale(0.66);
    }
}

@keyframes galleryMediaFloatOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-8vw, 5vh, 0) rotate(-18deg) scale(0.72);
    }
    18% {
        opacity: 0.20;
        transform: translate3d(5vw, -4vh, 0) rotate(8deg) scale(0.94);
    }
    45% {
        opacity: 0.42;
        transform: translate3d(17vw, 6vh, 0) rotate(22deg) scale(1.08);
    }
    73% {
        opacity: 0.22;
        transform: translate3d(7vw, -8vh, 0) rotate(-8deg) scale(0.88);
    }
    92% {
        opacity: 0;
        transform: translate3d(29vw, 1vh, 0) rotate(18deg) scale(0.66);
    }
}

@keyframes galleryMediaFloatTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(8vw, -6vh, 0) rotate(18deg) scale(0.70);
    }
    16% {
        opacity: 0.22;
        transform: translate3d(-4vw, 4vh, 0) rotate(-8deg) scale(0.96);
    }
    43% {
        opacity: 0.44;
        transform: translate3d(-18vw, -2vh, 0) rotate(-24deg) scale(1.07);
    }
    69% {
        opacity: 0.20;
        transform: translate3d(-7vw, 8vh, 0) rotate(5deg) scale(0.86);
    }
    93% {
        opacity: 0;
        transform: translate3d(-31vw, -1vh, 0) rotate(-16deg) scale(0.64);
    }
}

@keyframes galleryMediaFloatThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-6vw, -7vh, 0) rotate(-24deg) scale(0.68);
    }
    20% {
        opacity: 0.20;
        transform: translate3d(6vw, 5vh, 0) rotate(12deg) scale(0.92);
    }
    48% {
        opacity: 0.40;
        transform: translate3d(20vw, -2vh, 0) rotate(28deg) scale(1.06);
    }
    76% {
        opacity: 0.20;
        transform: translate3d(8vw, 9vh, 0) rotate(-12deg) scale(0.86);
    }
    94% {
        opacity: 0;
        transform: translate3d(34vw, 4vh, 0) rotate(18deg) scale(0.64);
    }
}

@keyframes galleryMediaFloatFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(7vw, 8vh, 0) rotate(22deg) scale(0.72);
    }
    15% {
        opacity: 0.22;
        transform: translate3d(-5vw, -4vh, 0) rotate(-8deg) scale(0.94);
    }
    44% {
        opacity: 0.44;
        transform: translate3d(-17vw, 6vh, 0) rotate(-26deg) scale(1.08);
    }
    71% {
        opacity: 0.22;
        transform: translate3d(-7vw, -9vh, 0) rotate(9deg) scale(0.88);
    }
    93% {
        opacity: 0;
        transform: translate3d(-29vw, 3vh, 0) rotate(-18deg) scale(0.66);
    }
}

@keyframes galleryFrameFloat {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-7vw, 4vh, 0) rotate(var(--gallery-frame-rotation, -8deg)) scale(0.82);
    }
    22% {
        opacity: 0.16;
        transform: translate3d(4vw, -3vh, 0) rotate(calc(var(--gallery-frame-rotation, -8deg) + 6deg)) scale(0.94);
    }
    50% {
        opacity: 0.34;
        transform: translate3d(14vw, 5vh, 0) rotate(calc(var(--gallery-frame-rotation, -8deg) + 16deg)) scale(1.05);
    }
    78% {
        opacity: 0.18;
        transform: translate3d(6vw, -7vh, 0) rotate(calc(var(--gallery-frame-rotation, -8deg) - 8deg)) scale(0.9);
    }
    94% {
        opacity: 0;
        transform: translate3d(25vw, 1vh, 0) rotate(calc(var(--gallery-frame-rotation, -8deg) + 8deg)) scale(0.72);
    }
}

@keyframes noticeSymbolDriftOne {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-8vw, 5vh, 0) rotate(-18deg) scale(0.72);
    }
    18% {
        opacity: 0.22;
        transform: translate3d(5vw, -4vh, 0) rotate(8deg) scale(0.94);
    }
    46% {
        opacity: 0.42;
        transform: translate3d(17vw, 6vh, 0) rotate(22deg) scale(1.08);
    }
    73% {
        opacity: 0.22;
        transform: translate3d(7vw, -8vh, 0) rotate(-8deg) scale(0.88);
    }
    92% {
        opacity: 0;
        transform: translate3d(29vw, 1vh, 0) rotate(18deg) scale(0.66);
    }
}

@keyframes noticeSymbolDriftTwo {
    0%, 100% {
        opacity: 0;
        transform: translate3d(8vw, -6vh, 0) rotate(18deg) scale(0.70);
    }
    16% {
        opacity: 0.22;
        transform: translate3d(-4vw, 4vh, 0) rotate(-8deg) scale(0.96);
    }
    43% {
        opacity: 0.44;
        transform: translate3d(-18vw, -2vh, 0) rotate(-24deg) scale(1.07);
    }
    69% {
        opacity: 0.20;
        transform: translate3d(-7vw, 8vh, 0) rotate(5deg) scale(0.86);
    }
    93% {
        opacity: 0;
        transform: translate3d(-31vw, -1vh, 0) rotate(-16deg) scale(0.64);
    }
}

@keyframes noticeSymbolDriftThree {
    0%, 100% {
        opacity: 0;
        transform: translate3d(-6vw, -7vh, 0) rotate(-24deg) scale(0.68);
    }
    20% {
        opacity: 0.20;
        transform: translate3d(6vw, 5vh, 0) rotate(12deg) scale(0.92);
    }
    48% {
        opacity: 0.40;
        transform: translate3d(20vw, -2vh, 0) rotate(28deg) scale(1.06);
    }
    76% {
        opacity: 0.20;
        transform: translate3d(8vw, 9vh, 0) rotate(-12deg) scale(0.86);
    }
    94% {
        opacity: 0;
        transform: translate3d(34vw, 4vh, 0) rotate(18deg) scale(0.64);
    }
}

@keyframes noticeSymbolDriftFour {
    0%, 100% {
        opacity: 0;
        transform: translate3d(7vw, 8vh, 0) rotate(22deg) scale(0.72);
    }
    15% {
        opacity: 0.22;
        transform: translate3d(-5vw, -4vh, 0) rotate(-8deg) scale(0.94);
    }
    44% {
        opacity: 0.44;
        transform: translate3d(-17vw, 6vh, 0) rotate(-26deg) scale(1.08);
    }
    71% {
        opacity: 0.22;
        transform: translate3d(-7vw, -9vh, 0) rotate(9deg) scale(0.88);
    }
    93% {
        opacity: 0;
        transform: translate3d(-29vw, 3vh, 0) rotate(-18deg) scale(0.66);
    }
}

.contact-page-section {
    background: transparent;
}

body.page-contact .contact-page-section {
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(2rem, 4vw, 3.25rem)) !important;
}

.contact-grid-layer {
    display: none;
}

.contact-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

.contact-glow {
    position: absolute;
    width: 24rem;
    height: 24rem;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(20px);
    opacity: 0.55;
}

.contact-glow-one {
    left: -9rem;
    top: 6rem;
    background: rgba(6, 182, 212, 0.16);
}

.contact-glow-two {
    right: -8rem;
    bottom: 8rem;
    background: rgba(246, 196, 83, 0.12);
}

.contact-hero-panel,
.contact-info-panel,
.contact-form-panel,
.contact-map-panel {
    position: relative;
    border: 1px solid var(--aidc-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow: 0 24px 80px var(--aidc-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

.contact-hero-panel {
    display: grid;
    gap: 2rem;
    align-items: stretch;
    border-radius: 1.25rem;
    padding: clamp(1.4rem, 3vw, 2.4rem);
}

.contact-hero-copy {
    min-width: 0;
}

.contact-eyebrow,
.contact-panel-heading > span,
.contact-map-copy > span {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.contact-eyebrow::before,
.contact-panel-heading > span::before,
.contact-map-copy > span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

.contact-eyebrow span {
    display: none;
}

body.page-contact main .contact-page-section .contact-hero-copy h2,
body.page-contact main .contact-page-section .contact-panel-heading h2,
body.page-contact main .contact-page-section .contact-map-copy h2 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.35rem) !important;
    line-height: 1.03 !important;
    overflow-wrap: break-word;
}

body.page-contact main .contact-page-section .contact-panel-heading h2,
body.page-contact main .contact-page-section .contact-map-copy h2 {
    font-size: clamp(1.45rem, 2.25vw, 2rem) !important;
    line-height: 1.12 !important;
}

.contact-hero-copy p,
.contact-panel-heading p,
.contact-map-copy p {
    margin-top: 1.1rem;
    max-width: 58rem;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.85;
}

.contact-hero-meta {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.contact-hero-meta div {
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 1rem;
    background: rgba(6, 182, 212, 0.08);
    padding: 1.15rem;
}

.contact-hero-meta span,
.contact-detail-label,
.contact-focus-wrap h3 {
    color: #67e8f9;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.contact-hero-meta strong {
    display: block;
    margin-top: 0.6rem;
    color: #f8fafc;
    font-size: 1rem;
    line-height: 1.5;
}

.contact-main-grid {
    display: grid;
    gap: 1.2rem;
    margin-top: 1.2rem;
}

.contact-info-panel,
.contact-form-panel {
    border-radius: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.contact-detail-list {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.5rem;
}

.contact-detail-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.9rem;
    align-items: center;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.055);
    padding: 1rem;
}

.contact-detail-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(246, 196, 83, 0.24);
    border-radius: 0.9rem;
    background: rgba(246, 196, 83, 0.10);
    color: #f6c453;
}

.contact-detail-icon svg,
.contact-social-row svg {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contact-detail-item div {
    min-width: 0;
}

.contact-detail-item a,
.contact-detail-item strong {
    display: block;
    margin-top: 0.25rem;
    color: #f8fafc;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.contact-detail-item a:hover,
.contact-map-copy a:hover,
.contact-social-row a:hover {
    color: #f6c453;
}

.contact-focus-wrap {
    margin-top: 1.7rem;
}

.contact-focus-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.contact-focus-grid span {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.09);
    padding: 0.5rem 0.85rem;
    color: #cffafe;
    font-size: 0.82rem;
    line-height: 1.25;
}

.contact-social-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.6rem;
}

.contact-social-row a,
.contact-map-copy a,
.contact-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 999px;
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.contact-social-row a {
    min-height: 2.6rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    padding: 0.65rem 0.9rem;
    color: #e2e8f0;
    font-size: 0.9rem;
}

.contact-form-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1.45rem;
}

.contact-honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.contact-field {
    display: grid;
    gap: 0.55rem;
    color: #e2e8f0;
    font-size: 0.92rem;
    line-height: 1.35;
}

.contact-field input,
.contact-field select,
.contact-field textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: rgba(7, 19, 45, 0.92);
    padding: 0.9rem 1rem;
    color: #ffffff;
    outline: none;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.contact-field textarea {
    min-height: 10.5rem;
    resize: vertical;
}

.contact-field select {
    min-height: 3.35rem;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus {
    border-color: rgba(34, 211, 238, 0.72);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.12);
}

.contact-submit-button {
    margin-top: 1.25rem;
    min-height: 3rem;
    border: 1px solid rgba(246, 196, 83, 0.46);
    background: #f6c453;
    padding: 0.85rem 1.3rem;
    color: #071025;
    font-size: 0.92rem;
}

.contact-submit-button:hover {
    transform: translateY(-1px);
    background: #ffd86b;
}

.contact-form-notice {
    margin-top: 1rem;
    border: 1px solid rgba(52, 211, 153, 0.24);
    border-radius: 1rem;
    background: rgba(52, 211, 153, 0.10);
    padding: 0.85rem 1rem;
    color: #bbf7d0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.contact-form-alert {
    margin-top: 1rem;
    border-radius: 1rem;
    padding: 0.85rem 1rem;
    font-size: 0.9rem;
    line-height: 1.5;
}

.contact-form-alert.is-success {
    border: 1px solid rgba(52, 211, 153, 0.24);
    background: rgba(52, 211, 153, 0.10);
    color: #bbf7d0;
}

.contact-form-alert.is-error {
    border: 1px solid rgba(248, 113, 113, 0.26);
    background: rgba(248, 113, 113, 0.10);
    color: #fecaca;
}

.contact-map-panel {
    display: grid;
    gap: 1.2rem;
    margin-top: 1.2rem;
    border-radius: 1.25rem;
    padding: clamp(1.1rem, 2.5vw, 1.5rem);
}

.contact-map-copy {
    padding: clamp(0.35rem, 1vw, 0.75rem);
}

.contact-map-copy a {
    width: fit-content;
    margin-top: 1.15rem;
    border: 1px solid rgba(246, 196, 83, 0.36);
    background: rgba(246, 196, 83, 0.11);
    padding: 0.78rem 1rem;
    color: #f6c453;
    font-size: 0.9rem;
}

.contact-map-frame {
    overflow: hidden;
    min-height: 22rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.06);
}

.contact-map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 22rem;
    border: 0;
    filter: saturate(0.98) contrast(1.02);
}

body.theme-light .contact-page-section {
    background: transparent;
}

body.theme-light .contact-grid-layer {
    display: none;
}

body.theme-light .contact-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.theme-light .contact-hero-panel,
body.theme-light .contact-info-panel,
body.theme-light .contact-form-panel,
body.theme-light .contact-map-panel {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.theme-light .contact-hero-copy h2,
body.theme-light .contact-panel-heading h2,
body.theme-light .contact-map-copy h2,
body.theme-light .contact-detail-item a,
body.theme-light .contact-detail-item strong,
body.theme-light .contact-hero-meta strong {
    color: #071326;
}

:is(body.theme-light.page-contact, html.theme-light body.page-contact) main .contact-page-section :is(
    .contact-hero-copy h2,
    .contact-panel-heading h2,
    .contact-map-copy h2,
    .contact-detail-item a,
    .contact-detail-item strong,
    .contact-hero-meta strong
) {
    color: #071326 !important;
}

body.theme-light .contact-hero-copy p,
body.theme-light .contact-panel-heading p,
body.theme-light .contact-map-copy p,
body.theme-light .contact-field {
    color: #475569;
}

:is(body.theme-light.page-contact, html.theme-light body.page-contact) main .contact-page-section :is(
    .contact-hero-copy p,
    .contact-panel-heading p,
    .contact-map-copy p,
    .contact-field
) {
    color: #475569 !important;
}

body.theme-light .contact-hero-meta div,
body.theme-light .contact-detail-item,
body.theme-light .contact-field input,
body.theme-light .contact-field select,
body.theme-light .contact-field textarea,
body.theme-light .contact-map-frame {
    border-color: rgba(7, 19, 38, 0.12);
    background: rgba(255, 255, 255, 0.72);
}

body.theme-light .contact-field input,
body.theme-light .contact-field select,
body.theme-light .contact-field textarea {
    border-color: rgba(7, 19, 38, 0.12) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #071326;
}

body.theme-light .contact-hero-meta span,
body.theme-light .contact-detail-label,
body.theme-light .contact-focus-wrap h3,
body.theme-light .contact-panel-heading > span,
body.theme-light .contact-map-copy > span,
body.theme-light .contact-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

:is(body.theme-light.page-contact, html.theme-light body.page-contact) main .contact-page-section :is(
    .contact-hero-meta span,
    .contact-detail-label,
    .contact-focus-wrap h3,
    .contact-panel-heading > span,
    .contact-map-copy > span,
    .contact-eyebrow
) {
    color: #075985 !important;
}

body.theme-light .contact-focus-grid span {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(8, 145, 178, 0.08);
    color: #155e75;
}

body.theme-light .contact-social-row a {
    border-color: rgba(7, 19, 38, 0.12);
    background: rgba(255, 255, 255, 0.76);
    color: #334155;
}

body.theme-light .contact-form-notice {
    color: #166534;
}

body.theme-light .contact-form-alert.is-success {
    color: #166534;
}

body.theme-light .contact-form-alert.is-error {
    color: #991b1b;
}

@media (min-width: 760px) {
    .contact-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-field-wide {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1024px) {
    .contact-hero-panel {
        grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.6fr);
    }

    .contact-main-grid {
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    }

    .contact-map-panel {
        grid-template-columns: minmax(17rem, 0.42fr) minmax(0, 0.58fr);
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    .contact-hero-panel,
    .contact-info-panel,
    .contact-form-panel,
    .contact-map-panel {
        border-radius: 1.05rem;
    }

    .contact-detail-item {
        grid-template-columns: 1fr;
    }

    .contact-detail-icon {
        width: 2.45rem;
        height: 2.45rem;
    }

    .contact-map-frame,
    .contact-map-frame iframe {
        min-height: 18rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-motion-layer,
    .home-motion-layer *,
    .hero-light-beam,
    .hero-floating-lights span,
    .impact-data-pulse-layer span,
    .featured-formula-layer span,
    .journey-spark,
    .journey-spark::after,
    .domain-signal-dot,
    .domain-signal-ring,
    .domain-signal-scan,
    .facility-mech-arm,
    .facility-mech-arm::before,
    .facility-mech-arm::after,
    .facility-gear,
    .facility-mech-fixture,
    .recognition-award-icon,
    .gallery-media-icon,
    .gallery-media-frame-float,
    .notice-symbol,
    .facility-grid-layer::before,
    .facility-grid-layer::after,
    .gallery-grid-layer::before,
    .gallery-grid-layer::after,
    .motion-robot .robot-arm i {
        animation: none !important;
    }
}

body,
body :where(h1, h2, h3, h4, h5, h6, p, a, button, span, small, label, input, textarea, select, option, li, dt, dd, th, td, div, strong, b) {
    font-weight: 300 !important;
}

body :where(.font-thin, .font-extralight, .font-light, .font-normal, .font-medium, .font-semibold, .font-bold, .font-extrabold, .font-black) {
    font-weight: 400 !important;
}

body :where(h1, h2, h3, h4, h5, h6, button, strong, b) {
    font-weight: 400 !important;
}

@media (max-width: 640px) {
    .glass-card {
        border-radius: 1.1rem;
    }
}

body.page-gallery .gallery-filter-panel {
    grid-column: 1 / -1;
    display: none;
    grid-template-columns: minmax(0, 2fr) repeat(4, minmax(0, 1fr)) auto;
    gap: 0.85rem;
    align-items: end;
    margin-top: 0.2rem;
    padding-top: 0.25rem;
}

body.page-gallery .gallery-search-state {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

body.page-gallery .gallery-filter-chip-row {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.2rem;
}

body.page-gallery .gallery-search-toggle {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid rgba(246, 196, 83, 0.42);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.14);
    padding: 0.56rem 1rem;
    color: #fef3c7;
    font-size: 0.9rem;
    line-height: 1.25;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

body.page-gallery .gallery-search-toggle::before {
    content: "";
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 16px rgba(34, 211, 238, 0.58);
}

body.page-gallery .gallery-search-toggle:hover,
body.page-gallery .gallery-search-toggle:focus-visible,
body.page-gallery .gallery-search-state:focus-visible ~ .gallery-filter-chip-row .gallery-search-toggle {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.66);
    background: rgba(246, 196, 83, 0.22);
    outline: none;
}

body.page-gallery .gallery-search-state:checked ~ .gallery-filter-chip-row .gallery-search-toggle {
    border-color: rgba(34, 211, 238, 0.36);
    background: rgba(34, 211, 238, 0.12);
    color: #cffafe;
}

body.page-gallery .gallery-search-state:checked ~ .gallery-filter-panel {
    display: grid;
}

body.page-gallery .gallery-filter-field {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

body.page-gallery .gallery-filter-field > span {
    color: #a5f3fc;
    font-size: 0.68rem;
    font-weight: 700 !important;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.page-gallery .gallery-filter-field input,
body.page-gallery .gallery-filter-field select {
    width: 100%;
    min-width: 0;
    min-height: 2.8rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.85rem;
    background: rgba(2, 6, 23, 0.54);
    padding: 0 0.9rem;
    color: #f8fafc;
    outline: none;
}

body.page-gallery .gallery-filter-field input:focus,
body.page-gallery .gallery-filter-field select:focus {
    border-color: rgba(34, 211, 238, 0.58);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.14);
}

body.page-gallery .gallery-filter-reset {
    min-height: 2.8rem;
    border: 1px solid rgba(246, 196, 83, 0.48);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.16);
    padding: 0 1.05rem;
    color: #fff7d6;
    font-size: 0.82rem;
}

body.page-gallery .gallery-filter-reset:hover,
body.page-gallery .gallery-filter-reset:focus-visible {
    background: #f6c453;
    color: #071326;
}

body.page-gallery .gallery-portfolio-grid {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch;
    gap: 1rem !important;
}

body.page-gallery .gallery-portfolio-card,
body.page-gallery .gallery-portfolio-card.is-spotlight,
body.page-gallery .gallery-portfolio-card:nth-child(n) {
    display: flex !important;
    flex-direction: column;
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 0 !important;
}

body.page-gallery .gallery-portfolio-card[hidden],
body.page-gallery .gallery-filter-empty[hidden] {
    display: none !important;
}

body.page-gallery .gallery-portfolio-media {
    position: relative !important;
    inset: auto !important;
    width: 100%;
    min-height: 0 !important;
    aspect-ratio: 1 / 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(246, 196, 83, 0.06)),
        #020617 !important;
}

body.page-gallery .gallery-portfolio-image {
    object-fit: contain !important;
    object-position: center !important;
    padding: 0;
    transform: none !important;
    background: #020617;
}

body.page-gallery .gallery-portfolio-image.is-active,
body.page-gallery .gallery-portfolio-card:hover .gallery-portfolio-image.is-active {
    transform: none !important;
}

body.page-gallery .gallery-portfolio-shade {
    display: none !important;
}

body.page-gallery .gallery-portfolio-topbar {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 4;
    padding: 0.75rem;
}

body.page-gallery .gallery-portfolio-body {
    position: relative !important;
    inset: auto !important;
    z-index: 2;
    flex: 1;
    justify-content: flex-start;
    min-height: 0 !important;
    background: transparent !important;
    padding: 1rem;
}

body.page-gallery .gallery-portfolio-body .gallery-portfolio-actions {
    margin-top: auto;
    padding-top: 0.8rem;
}

body.page-gallery .gallery-portfolio-body p {
    -webkit-line-clamp: 3;
}

body.page-gallery .gallery-empty-state.gallery-filter-empty {
    grid-column: 1 / -1;
    margin-top: 1.1rem;
}

body.page-gallery.theme-light .gallery-filter-field > span,
html.theme-light body.page-gallery .gallery-filter-field > span {
    color: #075985;
}

body.page-gallery.theme-light .gallery-search-toggle,
html.theme-light body.page-gallery .gallery-search-toggle {
    border-color: rgba(184, 134, 11, 0.34);
    background: rgba(246, 196, 83, 0.18);
    color: #7a4d00;
}

body.page-gallery.theme-light .gallery-search-toggle:hover,
body.page-gallery.theme-light .gallery-search-toggle:focus-visible,
body.page-gallery.theme-light .gallery-search-state:focus-visible ~ .gallery-filter-chip-row .gallery-search-toggle,
html.theme-light body.page-gallery .gallery-search-toggle:hover,
html.theme-light body.page-gallery .gallery-search-toggle:focus-visible,
html.theme-light body.page-gallery .gallery-search-state:focus-visible ~ .gallery-filter-chip-row .gallery-search-toggle {
    border-color: rgba(184, 134, 11, 0.52);
    background: rgba(246, 196, 83, 0.28);
}

body.page-gallery.theme-light .gallery-search-state:checked ~ .gallery-filter-chip-row .gallery-search-toggle,
html.theme-light body.page-gallery .gallery-search-state:checked ~ .gallery-filter-chip-row .gallery-search-toggle {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body.page-gallery.theme-light .gallery-filter-field input,
body.page-gallery.theme-light .gallery-filter-field select,
html.theme-light body.page-gallery .gallery-filter-field input,
html.theme-light body.page-gallery .gallery-filter-field select {
    border-color: rgba(11, 78, 162, 0.14);
    background: rgba(255, 255, 255, 0.78);
    color: #071326;
}

body.page-gallery.theme-light .gallery-filter-reset,
html.theme-light body.page-gallery .gallery-filter-reset {
    border-color: rgba(184, 134, 11, 0.38);
    background: rgba(246, 196, 83, 0.24);
    color: #7a4d00;
}

body.page-gallery.theme-light .gallery-filter-reset:hover,
body.page-gallery.theme-light .gallery-filter-reset:focus-visible,
html.theme-light body.page-gallery .gallery-filter-reset:hover,
html.theme-light body.page-gallery .gallery-filter-reset:focus-visible {
    background: #f6c453;
    color: #071326;
}

body.page-gallery.theme-light .gallery-portfolio-media,
html.theme-light body.page-gallery .gallery-portfolio-media {
    border-bottom-color: rgba(11, 78, 162, 0.10);
    background:
        linear-gradient(135deg, rgba(207, 250, 254, 0.30), rgba(246, 196, 83, 0.10)),
        #edf6ff !important;
}

body.page-gallery.theme-light .gallery-portfolio-image,
html.theme-light body.page-gallery .gallery-portfolio-image {
    background: #edf6ff;
}

body.page-gallery.theme-light .gallery-portfolio-body h3,
html.theme-light body.page-gallery .gallery-portfolio-body h3 {
    color: #071326 !important;
}

body.page-gallery.theme-light .gallery-portfolio-body p,
html.theme-light body.page-gallery .gallery-portfolio-body p {
    color: #475569 !important;
}

body.page-gallery.theme-light .gallery-portfolio-count,
html.theme-light body.page-gallery .gallery-portfolio-count {
    background: rgba(8, 145, 178, 0.14);
    color: #075985;
}

@media (min-width: 640px) {
    body.page-gallery .gallery-portfolio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 980px) {
    body.page-gallery .gallery-portfolio-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1240px) {
    body.page-gallery .gallery-portfolio-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1120px) {
    body.page-gallery .gallery-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-gallery .gallery-filter-field.is-search,
    body.page-gallery .gallery-filter-reset {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    body.page-gallery .gallery-filter-panel {
        grid-template-columns: minmax(0, 1fr);
    }
}

body.page-infrastructure main {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
}

body.page-infrastructure main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.20), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(246, 196, 83, 0.12), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(34, 211, 238, 0.09), transparent 24rem);
    opacity: 0.78;
    animation: aboutSoftGlow 18s ease-in-out infinite alternate;
}

body.page-infrastructure main > * {
    position: relative;
    z-index: 1;
}

body.page-infrastructure .infrastructure-section {
    background: transparent;
    color: #f8fafc;
    isolation: isolate;
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

body.page-infrastructure .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-infrastructure .infrastructure-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-infrastructure .academic-archive-panel {
    position: relative;
    display: grid;
    gap: clamp(1.1rem, 2.5vw, 2rem);
    align-items: end;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-infrastructure .academic-archive-copy {
    max-width: 56rem;
}

body.page-infrastructure .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-infrastructure .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-infrastructure .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-infrastructure .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-infrastructure .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-infrastructure .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-infrastructure .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-infrastructure .infrastructure-card-grid {
    margin-top: clamp(1.9rem, 3vw, 2.4rem);
    display: grid;
    gap: 1.05rem;
    align-items: stretch;
}

body.page-infrastructure .infrastructure-card {
    position: relative;
    display: flex;
    min-height: 100%;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-infrastructure .infrastructure-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow:
        0 34px 92px rgba(8, 145, 178, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

body.page-infrastructure .infrastructure-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(246, 196, 83, 0.08)),
        #020617;
}

body.page-infrastructure .infrastructure-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 0;
    background: #020617;
    opacity: 0;
    transform: none !important;
    transition: opacity 700ms ease;
}

body.page-infrastructure .infrastructure-card-image.is-active {
    opacity: 1;
}

body.page-infrastructure .infrastructure-card-number,
body.page-infrastructure .infrastructure-card-media-count {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    line-height: 1;
    backdrop-filter: blur(14px);
}

body.page-infrastructure .infrastructure-card-number {
    top: 0.75rem;
    left: 0.75rem;
    width: 2.45rem;
    height: 2.45rem;
    border: 1px solid rgba(246, 196, 83, 0.45);
    background: rgba(2, 6, 23, 0.64);
    color: #fef3c7;
    font-size: 0.82rem;
}

body.page-infrastructure .infrastructure-card-media-count {
    right: 0.75rem;
    bottom: 0.75rem;
    border: 1px solid rgba(34, 211, 238, 0.32);
    background: rgba(2, 6, 23, 0.66);
    padding: 0.46rem 0.64rem;
    color: #a5f3fc;
    font-size: 0.72rem;
}

body.page-infrastructure .infrastructure-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(1rem, 1.8vw, 1.3rem);
}

body.page-infrastructure .infrastructure-card-category {
    width: fit-content;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.4rem 0.58rem;
    color: #a5f3fc;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.page-infrastructure .infrastructure-card-body h3 {
    margin-top: 0.85rem;
    color: #ffffff;
    font-size: clamp(1.08rem, 1.45vw, 1.35rem);
    line-height: 1.16;
    letter-spacing: 0;
}

body.page-infrastructure .infrastructure-card-body > p:not(.infrastructure-card-category) {
    margin-top: 0.75rem;
    color: rgba(226, 232, 240, 0.84);
    font-size: 0.9rem;
    line-height: 1.62;
}

body.page-infrastructure .infrastructure-capability-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
    margin-top: auto;
    padding-top: 1rem;
}

body.page-infrastructure .infrastructure-capability-list span {
    border: 1px solid rgba(246, 196, 83, 0.24);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.38rem 0.56rem;
    color: #fde68a;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.page-infrastructure .infrastructure-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    padding-top: 0.95rem;
}

body.page-infrastructure .infrastructure-view-button {
    display: inline-flex;
    width: fit-content;
    min-height: 2.3rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.46);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.15);
    padding: 0.62rem 0.95rem;
    color: #fef3c7;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

body.page-infrastructure .infrastructure-view-button:hover,
body.page-infrastructure .infrastructure-view-button:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(246, 196, 83, 0.72);
    background: #f6c453;
    color: #071326;
}

body.page-infrastructure .facility-video-button {
    margin-top: 0;
    min-height: 2.3rem;
}

body.page-infrastructure .infrastructure-modal .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

body.page-infrastructure .infrastructure-modal .gallery-modal-zoom {
    opacity: 1;
    pointer-events: auto;
}

body.page-infrastructure .infrastructure-modal-content {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
        #071326;
    color: #e2e8f0;
}

body.page-infrastructure .infrastructure-modal-category {
    display: inline-flex;
    width: fit-content;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.12);
    padding: 0.45rem 0.64rem;
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-infrastructure .infrastructure-modal-capabilities {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1.1rem;
}

body.page-infrastructure .infrastructure-modal-capabilities span {
    border: 1px solid rgba(246, 196, 83, 0.24);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.42rem 0.62rem;
    color: #fde68a;
    font-size: 0.76rem;
    line-height: 1.2;
}

body.page-infrastructure .infrastructure-modal-content h2,
body.page-infrastructure .infrastructure-modal-content :where(h3, h4, strong, b) {
    color: #ffffff;
}

body.page-infrastructure .infrastructure-modal-content p,
body.page-infrastructure .infrastructure-modal-content dd {
    color: #cbd5e1;
}

body.page-infrastructure .infrastructure-modal-content dl div {
    border-color: rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.045);
}

body.page-infrastructure .infrastructure-modal-content dt {
    color: #f6c453;
}

body.page-infrastructure .academic-empty-state {
    max-width: 48rem;
    margin: 3rem auto 0;
    padding: clamp(2rem, 4vw, 3rem);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.5rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    text-align: center;
}

body.page-infrastructure .academic-empty-state span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #f6c453;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-infrastructure .academic-empty-state span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.7);
}

body.page-infrastructure .academic-empty-state h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
}

body.page-infrastructure .academic-empty-state p {
    max-width: 38rem;
    margin: 1rem auto 0;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.8;
}

body.page-infrastructure.theme-light main,
html.theme-light body.page-infrastructure main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-infrastructure.theme-light main::before,
html.theme-light body.page-infrastructure main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(184, 134, 11, 0.10), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(8, 145, 178, 0.06), transparent 24rem);
    opacity: 0.85;
}

body.page-infrastructure.theme-light .academic-gold-separator,
html.theme-light body.page-infrastructure .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-infrastructure.theme-light .academic-archive-panel,
body.page-infrastructure.theme-light .infrastructure-card,
body.page-infrastructure.theme-light .academic-empty-state,
html.theme-light body.page-infrastructure .academic-archive-panel,
html.theme-light body.page-infrastructure .infrastructure-card,
html.theme-light body.page-infrastructure .academic-empty-state {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-infrastructure.theme-light .academic-eyebrow,
html.theme-light body.page-infrastructure .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-infrastructure.theme-light .academic-archive-copy h1,
body.page-infrastructure.theme-light .infrastructure-card-body h3,
body.page-infrastructure.theme-light .academic-empty-state h3,
html.theme-light body.page-infrastructure .academic-archive-copy h1,
html.theme-light body.page-infrastructure .infrastructure-card-body h3,
html.theme-light body.page-infrastructure .academic-empty-state h3 {
    color: #071326;
}

body.page-infrastructure.theme-light .academic-archive-copy p,
body.page-infrastructure.theme-light .academic-archive-summary,
body.page-infrastructure.theme-light .academic-archive-summary > span,
body.page-infrastructure.theme-light .infrastructure-card-body > p:not(.infrastructure-card-category),
body.page-infrastructure.theme-light .academic-empty-state p,
html.theme-light body.page-infrastructure .academic-archive-copy p,
html.theme-light body.page-infrastructure .academic-archive-summary,
html.theme-light body.page-infrastructure .academic-archive-summary > span,
html.theme-light body.page-infrastructure .infrastructure-card-body > p:not(.infrastructure-card-category),
html.theme-light body.page-infrastructure .academic-empty-state p {
    color: #475569;
}

body.page-infrastructure.theme-light .academic-archive-summary div span,
body.page-infrastructure.theme-light .infrastructure-card-category,
html.theme-light body.page-infrastructure .academic-archive-summary div span,
html.theme-light body.page-infrastructure .infrastructure-card-category {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-infrastructure.theme-light .infrastructure-card-media,
html.theme-light body.page-infrastructure .infrastructure-card-media {
    border-bottom-color: rgba(11, 78, 162, 0.10);
    background:
        linear-gradient(135deg, rgba(207, 250, 254, 0.32), rgba(246, 196, 83, 0.10)),
        #edf6ff;
}

body.page-infrastructure.theme-light .infrastructure-card-image,
html.theme-light body.page-infrastructure .infrastructure-card-image {
    background: #edf6ff;
}

body.page-infrastructure.theme-light .infrastructure-modal-content,
html.theme-light body.page-infrastructure .infrastructure-modal-content {
    background: #ffffff;
    color: #334155;
}

body.page-infrastructure.theme-light .infrastructure-modal-content h2,
body.page-infrastructure.theme-light .infrastructure-modal-content :where(h3, h4, strong, b),
html.theme-light body.page-infrastructure .infrastructure-modal-content h2,
html.theme-light body.page-infrastructure .infrastructure-modal-content :where(h3, h4, strong, b) {
    color: #071326;
}

body.page-infrastructure.theme-light .infrastructure-modal-content p,
body.page-infrastructure.theme-light .infrastructure-modal-content dd,
html.theme-light body.page-infrastructure .infrastructure-modal-content p,
html.theme-light body.page-infrastructure .infrastructure-modal-content dd {
    color: #475569;
}

body.page-infrastructure.theme-light .infrastructure-modal-content dl div,
html.theme-light body.page-infrastructure .infrastructure-modal-content dl div {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.66);
}

body.page-infrastructure.theme-light .infrastructure-modal-content dt,
html.theme-light body.page-infrastructure .infrastructure-modal-content dt {
    color: #8a5f05;
}

body.page-infrastructure.theme-light .infrastructure-modal-category,
html.theme-light body.page-infrastructure .infrastructure-modal-category {
    border-color: rgba(34, 211, 238, 0.22);
    background: rgba(34, 211, 238, 0.10);
    color: #075985;
}

body.page-infrastructure.theme-light .infrastructure-modal-capabilities span,
html.theme-light body.page-infrastructure .infrastructure-modal-capabilities span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body.page-infrastructure.theme-light .infrastructure-card-number,
html.theme-light body.page-infrastructure .infrastructure-card-number {
    border-color: rgba(184, 134, 11, 0.38);
    background: rgba(255, 255, 255, 0.76);
    color: #8a5f05;
}

body.page-infrastructure.theme-light .infrastructure-card-media-count,
html.theme-light body.page-infrastructure .infrastructure-card-media-count {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(255, 255, 255, 0.76);
    color: #075985;
}

body.page-infrastructure.theme-light .infrastructure-capability-list span,
html.theme-light body.page-infrastructure .infrastructure-capability-list span {
    border-color: rgba(184, 134, 11, 0.24);
    background: rgba(246, 196, 83, 0.16);
    color: #7a4d00;
}

body.page-infrastructure.theme-light .infrastructure-view-button,
html.theme-light body.page-infrastructure .infrastructure-view-button {
    border-color: rgba(184, 134, 11, 0.38);
    background: rgba(246, 196, 83, 0.24);
    color: #7a4d00;
}

body.page-infrastructure.theme-light .infrastructure-view-button:hover,
body.page-infrastructure.theme-light .infrastructure-view-button:focus-visible,
html.theme-light body.page-infrastructure .infrastructure-view-button:hover,
html.theme-light body.page-infrastructure .infrastructure-view-button:focus-visible {
    background: #f6c453;
    color: #071326;
}

body.page-infrastructure.theme-light .infrastructure-modal .gallery-modal-image,
html.theme-light body.page-infrastructure .infrastructure-modal .gallery-modal-image {
    background: #edf6ff;
}

@media (min-width: 760px) {
    body.page-infrastructure .infrastructure-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-infrastructure .infrastructure-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-infrastructure .infrastructure-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.page-infrastructure .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.38fr);
    }

    body.page-infrastructure .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }
}

body.page-equipment main {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
}

body.page-equipment main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.20), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(246, 196, 83, 0.12), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(34, 211, 238, 0.09), transparent 24rem);
    opacity: 0.78;
    animation: aboutSoftGlow 18s ease-in-out infinite alternate;
}

body.page-equipment main > * {
    position: relative;
    z-index: 1;
}

body.page-equipment .equipment-section {
    background: transparent;
    color: #f8fafc;
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

body.page-equipment .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-equipment .equipment-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-equipment .academic-archive-panel {
    position: relative;
    display: grid;
    gap: clamp(1.1rem, 2.5vw, 2rem);
    align-items: end;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-equipment .academic-archive-copy {
    max-width: 56rem;
}

body.page-equipment .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-equipment .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-equipment .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-equipment .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-equipment .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-equipment .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-equipment .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-equipment .equipment-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: clamp(1.35rem, 2.4vw, 1.9rem);
}

body.page-equipment .equipment-filter-row .filter-button {
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.09);
    padding: 0.55rem 0.86rem;
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.1;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

body.page-equipment .equipment-filter-row .filter-button:hover,
body.page-equipment .equipment-filter-row .filter-button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(34, 211, 238, 0.42);
    background: rgba(34, 211, 238, 0.14);
    color: #ffffff;
}

body.page-equipment .equipment-filter-row .filter-button.is-active {
    border-color: rgba(246, 196, 83, 0.58);
    background: rgba(246, 196, 83, 0.16);
    color: #f6c453;
}

body.page-equipment .equipment-card-grid {
    display: grid;
    gap: 1rem;
    align-items: stretch;
    margin-top: clamp(1.35rem, 2.4vw, 1.9rem);
}

body.page-equipment .equipment-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: 0;
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-equipment .equipment-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

body.page-equipment .equipment-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

body.page-equipment .equipment-card-icon {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 211, 238, 0.26);
    border-radius: 0.95rem;
    background:
        radial-gradient(circle at 30% 20%, rgba(246, 196, 83, 0.20), transparent 50%),
        rgba(34, 211, 238, 0.10);
    color: #a5f3fc;
    font-size: 1.2rem;
}

body.page-equipment .equipment-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(246, 196, 83, 0.08)),
        #020617;
}

body.page-equipment .equipment-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 0;
    background: #020617;
    opacity: 0;
    transform: none !important;
    transition: opacity 700ms ease;
}

body.page-equipment .equipment-card-image.is-active {
    opacity: 1;
}

body.page-equipment .equipment-card-number {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 3;
    display: inline-flex;
    width: 2.45rem;
    height: 2.45rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.28);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.64);
    color: #fde68a;
    font-size: 0.82rem;
    line-height: 1;
    backdrop-filter: blur(14px);
}

body.page-equipment .equipment-card-media-count {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 211, 238, 0.32);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.66);
    padding: 0.46rem 0.64rem;
    color: #a5f3fc;
    font-size: 0.72rem;
    line-height: 1;
    backdrop-filter: blur(14px);
}

body.page-equipment .equipment-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(1rem, 1.8vw, 1.3rem);
}

body.page-equipment .equipment-card-category {
    width: fit-content;
    border: 1px solid rgba(246, 196, 83, 0.26);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.38rem 0.58rem;
    color: #fde68a;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.page-equipment .equipment-card h3 {
    margin-top: 0.82rem;
    color: #ffffff;
    font-size: clamp(1.05rem, 1.35vw, 1.26rem);
    line-height: 1.16;
    letter-spacing: 0;
}

body.page-equipment .equipment-card p {
    margin-top: 0.7rem;
    color: rgba(226, 232, 240, 0.84);
    font-size: 0.9rem;
    line-height: 1.62;
}

body.page-equipment .equipment-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 1rem;
}

body.page-equipment .equipment-card-meta span {
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.10);
    padding: 0.36rem 0.56rem;
    color: #a5f3fc;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.page-equipment .equipment-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    padding-top: 0.95rem;
}

body.page-equipment .equipment-view-button,
body.page-equipment .equipment-video-button {
    display: inline-flex;
    width: fit-content;
    min-height: 2.3rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.62rem 0.95rem;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

body.page-equipment .equipment-view-button {
    border: 1px solid rgba(246, 196, 83, 0.46);
    background: rgba(246, 196, 83, 0.15);
    color: #fef3c7;
}

body.page-equipment .equipment-video-button {
    border: 1px solid rgba(34, 211, 238, 0.28);
    background: rgba(34, 211, 238, 0.11);
    color: #a5f3fc;
}

body.page-equipment .equipment-view-button:hover,
body.page-equipment .equipment-view-button:focus-visible,
body.page-equipment .equipment-video-button:hover,
body.page-equipment .equipment-video-button:focus-visible {
    transform: translateY(-2px);
}

body.page-equipment .equipment-view-button:hover,
body.page-equipment .equipment-view-button:focus-visible {
    border-color: rgba(246, 196, 83, 0.72);
    background: #f6c453;
    color: #071326;
}

body.page-equipment .equipment-video-button:hover,
body.page-equipment .equipment-video-button:focus-visible {
    border-color: rgba(34, 211, 238, 0.48);
    background: rgba(34, 211, 238, 0.18);
    color: #ffffff;
}

body.page-equipment .equipment-modal .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

body.page-equipment .equipment-modal .gallery-modal-zoom {
    opacity: 1;
    pointer-events: auto;
}

body.page-equipment .equipment-modal-content {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
        #071326;
    color: #e2e8f0;
}

body.page-equipment .equipment-modal-category {
    display: inline-flex;
    width: fit-content;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.12);
    padding: 0.45rem 0.64rem;
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-equipment .equipment-modal-content h2,
body.page-equipment .equipment-modal-content :where(h3, h4, strong, b) {
    color: #ffffff;
}

body.page-equipment .equipment-modal-rich {
    margin-top: 1rem;
}

body.page-equipment .equipment-modal-rich :where(p, li, blockquote),
body.page-equipment .equipment-modal-content dd {
    color: #cbd5e1;
}

body.page-equipment .equipment-modal-rich :where(ul, ol) {
    margin: 1rem 0 0;
    padding-left: 1.25rem;
}

body.page-equipment .equipment-modal-rich li + li {
    margin-top: 0.45rem;
}

body.page-equipment .equipment-modal-content dl div {
    border-color: rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.045);
}

body.page-equipment .equipment-modal-content dt {
    color: #f6c453;
}

body.page-equipment .equipment-video-options {
    margin-top: 1.2rem;
}

body.page-equipment .equipment-video-options h3 {
    color: #ffffff;
}

body.page-equipment .equipment-card.hidden {
    display: none;
}

body.page-equipment .equipment-empty-state {
    max-width: 48rem;
    margin: 3rem auto 0;
    padding: clamp(2rem, 4vw, 3rem);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.5rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    text-align: center;
}

body.page-equipment .equipment-empty-state span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #f6c453;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-equipment .equipment-empty-state span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.7);
}

body.page-equipment .equipment-empty-state h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
}

body.page-equipment .equipment-empty-state p {
    max-width: 38rem;
    margin: 1rem auto 0;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.8;
}

body.page-equipment.theme-light main,
html.theme-light body.page-equipment main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-equipment.theme-light main::before,
html.theme-light body.page-equipment main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(184, 134, 11, 0.10), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(8, 145, 178, 0.06), transparent 24rem);
    opacity: 0.85;
}

body.page-equipment.theme-light .academic-gold-separator,
html.theme-light body.page-equipment .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-equipment.theme-light .academic-archive-panel,
body.page-equipment.theme-light .equipment-card,
body.page-equipment.theme-light .equipment-empty-state,
html.theme-light body.page-equipment .academic-archive-panel,
html.theme-light body.page-equipment .equipment-card,
html.theme-light body.page-equipment .equipment-empty-state {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-equipment.theme-light .academic-eyebrow,
html.theme-light body.page-equipment .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-equipment.theme-light .academic-archive-copy h1,
body.page-equipment.theme-light .equipment-card h3,
body.page-equipment.theme-light .equipment-empty-state h3,
html.theme-light body.page-equipment .academic-archive-copy h1,
html.theme-light body.page-equipment .equipment-card h3,
html.theme-light body.page-equipment .equipment-empty-state h3 {
    color: #071326;
}

body.page-equipment.theme-light .academic-archive-copy p,
body.page-equipment.theme-light .academic-archive-summary,
body.page-equipment.theme-light .academic-archive-summary > span,
body.page-equipment.theme-light .equipment-card p,
body.page-equipment.theme-light .equipment-empty-state p,
html.theme-light body.page-equipment .academic-archive-copy p,
html.theme-light body.page-equipment .academic-archive-summary,
html.theme-light body.page-equipment .academic-archive-summary > span,
html.theme-light body.page-equipment .equipment-card p,
html.theme-light body.page-equipment .equipment-empty-state p {
    color: #475569;
}

body.page-equipment.theme-light .academic-archive-summary div span,
body.page-equipment.theme-light .equipment-filter-row .filter-button,
html.theme-light body.page-equipment .academic-archive-summary div span,
html.theme-light body.page-equipment .equipment-filter-row .filter-button {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-equipment.theme-light .equipment-filter-row .filter-button:hover,
body.page-equipment.theme-light .equipment-filter-row .filter-button:focus-visible,
html.theme-light body.page-equipment .equipment-filter-row .filter-button:hover,
html.theme-light body.page-equipment .equipment-filter-row .filter-button:focus-visible {
    border-color: rgba(8, 145, 178, 0.30);
    background: rgba(207, 250, 254, 0.74);
    color: #075985;
}

body.page-equipment.theme-light .equipment-filter-row .filter-button.is-active,
html.theme-light body.page-equipment .equipment-filter-row .filter-button.is-active {
    border-color: rgba(184, 134, 11, 0.36);
    background: rgba(246, 196, 83, 0.22);
    color: #7a4d00;
}

body.page-equipment.theme-light .equipment-card-icon,
html.theme-light body.page-equipment .equipment-card-icon {
    border-color: rgba(8, 145, 178, 0.20);
    background:
        radial-gradient(circle at 30% 20%, rgba(246, 196, 83, 0.22), transparent 50%),
        rgba(207, 250, 254, 0.62);
    color: #075985;
}

body.page-equipment.theme-light .equipment-card-number,
body.page-equipment.theme-light .equipment-card-category,
html.theme-light body.page-equipment .equipment-card-number,
html.theme-light body.page-equipment .equipment-card-category {
    border-color: rgba(184, 134, 11, 0.24);
    background: rgba(246, 196, 83, 0.16);
    color: #7a4d00;
}

body.page-equipment.theme-light .equipment-card-media,
html.theme-light body.page-equipment .equipment-card-media {
    border-bottom-color: rgba(11, 78, 162, 0.10);
    background:
        linear-gradient(135deg, rgba(207, 250, 254, 0.32), rgba(246, 196, 83, 0.10)),
        #edf6ff;
}

body.page-equipment.theme-light .equipment-card-image,
html.theme-light body.page-equipment .equipment-card-image {
    background: #edf6ff;
}

body.page-equipment.theme-light .equipment-card-number,
html.theme-light body.page-equipment .equipment-card-number {
    border-color: rgba(184, 134, 11, 0.38);
    background: rgba(255, 255, 255, 0.76);
    color: #8a5f05;
}

body.page-equipment.theme-light .equipment-card-media-count,
html.theme-light body.page-equipment .equipment-card-media-count {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(255, 255, 255, 0.76);
    color: #075985;
}

body.page-equipment.theme-light .equipment-card-meta span,
html.theme-light body.page-equipment .equipment-card-meta span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body.page-equipment.theme-light .equipment-view-button,
html.theme-light body.page-equipment .equipment-view-button {
    border-color: rgba(184, 134, 11, 0.38);
    background: rgba(246, 196, 83, 0.24);
    color: #7a4d00;
}

body.page-equipment.theme-light .equipment-view-button:hover,
body.page-equipment.theme-light .equipment-view-button:focus-visible,
html.theme-light body.page-equipment .equipment-view-button:hover,
html.theme-light body.page-equipment .equipment-view-button:focus-visible {
    background: #f6c453;
    color: #071326;
}

body.page-equipment.theme-light .equipment-video-button,
html.theme-light body.page-equipment .equipment-video-button {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.64);
    color: #075985;
}

body.page-equipment.theme-light .equipment-video-button:hover,
body.page-equipment.theme-light .equipment-video-button:focus-visible,
html.theme-light body.page-equipment .equipment-video-button:hover,
html.theme-light body.page-equipment .equipment-video-button:focus-visible {
    border-color: rgba(8, 145, 178, 0.34);
    background: rgba(207, 250, 254, 0.88);
    color: #071326;
}

body.page-equipment.theme-light .equipment-modal-content,
html.theme-light body.page-equipment .equipment-modal-content {
    background: #ffffff;
    color: #334155;
}

body.page-equipment.theme-light .equipment-modal-content h2,
body.page-equipment.theme-light .equipment-modal-content :where(h3, h4, strong, b),
html.theme-light body.page-equipment .equipment-modal-content h2,
html.theme-light body.page-equipment .equipment-modal-content :where(h3, h4, strong, b) {
    color: #071326;
}

body.page-equipment.theme-light .equipment-modal-rich :where(p, li, blockquote),
body.page-equipment.theme-light .equipment-modal-content dd,
html.theme-light body.page-equipment .equipment-modal-rich :where(p, li, blockquote),
html.theme-light body.page-equipment .equipment-modal-content dd {
    color: #475569;
}

body.page-equipment.theme-light .equipment-modal-content dl div,
html.theme-light body.page-equipment .equipment-modal-content dl div {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.66);
}

body.page-equipment.theme-light .equipment-modal-content dt,
html.theme-light body.page-equipment .equipment-modal-content dt {
    color: #8a5f05;
}

body.page-equipment.theme-light .equipment-modal-category,
html.theme-light body.page-equipment .equipment-modal-category {
    border-color: rgba(34, 211, 238, 0.22);
    background: rgba(34, 211, 238, 0.10);
    color: #075985;
}

body.page-equipment.theme-light .equipment-modal .gallery-modal-image,
html.theme-light body.page-equipment .equipment-modal .gallery-modal-image {
    background: #edf6ff;
}

@media (min-width: 760px) {
    body.page-equipment .equipment-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-equipment .equipment-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1240px) {
    body.page-equipment .equipment-card-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-equipment .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body.page-equipment .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }
}

body.page-prototyping-support main {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
}

body.page-prototyping-support main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.18), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(246, 196, 83, 0.12), transparent 28rem),
        radial-gradient(circle at 45% 82%, rgba(34, 211, 238, 0.08), transparent 24rem);
    opacity: 0.78;
    animation: aboutSoftGlow 18s ease-in-out infinite alternate;
}

body.page-prototyping-support main > * {
    position: relative;
    z-index: 1;
}

body.page-prototyping-support .prototyping-section {
    background: transparent;
    color: #f8fafc;
    padding-top: calc(var(--aidc-nav-height, 88px) + 1.75rem) !important;
    padding-bottom: 4rem !important;
}

body.page-prototyping-support .academic-gold-separator {
    position: absolute;
    top: 0;
    left: 3.5rem;
    right: 3.5rem;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-prototyping-support .prototyping-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-prototyping-support .academic-archive-panel {
    position: relative;
    display: grid;
    gap: 2rem;
    align-items: end;
    border: 1px solid var(--aidc-border);
    border-radius: 1.25rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: 2.25rem;
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-prototyping-support .academic-archive-copy {
    max-width: 60rem;
}

body.page-prototyping-support .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-prototyping-support .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-prototyping-support .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 3.35rem;
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-prototyping-support .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-prototyping-support .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-prototyping-support .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-prototyping-support .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-prototyping-support .prototype-flow-intro {
    max-width: 54rem;
    margin: 2.2rem auto 0;
    text-align: center;
}

body.page-prototyping-support .prototype-flow-intro .academic-eyebrow {
    margin-inline: auto;
}

body.page-prototyping-support .prototype-flow-intro h2 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 2.65rem;
    line-height: 1.08;
    letter-spacing: 0;
}

body.page-prototyping-support .prototype-flow-intro p {
    margin-top: 0.9rem;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.78;
}

body.page-prototyping-support .prototype-stage-grid {
    display: grid;
    gap: 1rem;
    margin-top: 2rem;
}

body.page-prototyping-support .prototype-stage-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    padding: 1.3rem;
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-prototyping-support .prototype-stage-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.80), rgba(246, 196, 83, 0.92));
    opacity: 0.78;
}

body.page-prototyping-support .prototype-stage-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

body.page-prototyping-support .prototype-stage-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.page-prototyping-support .prototype-stage-topline span,
body.page-prototyping-support .prototype-stage-output span {
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.17em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-prototyping-support .prototype-stage-topline strong {
    display: inline-flex;
    width: 2.45rem;
    height: 2.45rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.34);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.11);
    color: #fde68a;
    font-size: 0.82rem;
    line-height: 1;
}

body.page-prototyping-support .prototype-stage-card h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: 1.22rem;
    line-height: 1.16;
    letter-spacing: 0;
}

body.page-prototyping-support .prototype-stage-card p {
    margin-top: 0.75rem;
    color: rgba(226, 232, 240, 0.84);
    font-size: 0.92rem;
    line-height: 1.66;
}

body.page-prototyping-support .prototype-stage-output {
    margin-top: auto;
    padding-top: 1.1rem;
}

body.page-prototyping-support .prototype-stage-output strong {
    display: block;
    margin-top: 0.45rem;
    color: #fef3c7;
    font-size: 0.9rem;
    line-height: 1.45;
}

body.page-prototyping-support .prototype-stage-card.is-featured {
    border-color: rgba(246, 196, 83, 0.46);
    background:
        linear-gradient(145deg, rgba(246, 196, 83, 0.14), rgba(34, 211, 238, 0.055)),
        var(--aidc-surface);
}

body.page-prototyping-support .prototype-stage-card.is-featured::before {
    height: 4px;
    opacity: 1;
}

body.page-prototyping-support.theme-light main,
html.theme-light body.page-prototyping-support main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-prototyping-support.theme-light main::before,
html.theme-light body.page-prototyping-support main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(184, 134, 11, 0.10), transparent 28rem),
        radial-gradient(circle at 45% 82%, rgba(8, 145, 178, 0.06), transparent 24rem);
    opacity: 0.85;
}

body.page-prototyping-support.theme-light .academic-gold-separator,
html.theme-light body.page-prototyping-support .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-prototyping-support.theme-light .academic-archive-panel,
body.page-prototyping-support.theme-light .prototype-stage-card,
html.theme-light body.page-prototyping-support .academic-archive-panel,
html.theme-light body.page-prototyping-support .prototype-stage-card {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-prototyping-support.theme-light .academic-eyebrow,
html.theme-light body.page-prototyping-support .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-prototyping-support.theme-light .academic-archive-copy h1,
body.page-prototyping-support.theme-light .prototype-flow-intro h2,
body.page-prototyping-support.theme-light .prototype-stage-card h3,
html.theme-light body.page-prototyping-support .academic-archive-copy h1,
html.theme-light body.page-prototyping-support .prototype-flow-intro h2,
html.theme-light body.page-prototyping-support .prototype-stage-card h3 {
    color: #071326;
}

body.page-prototyping-support.theme-light .academic-archive-copy p,
body.page-prototyping-support.theme-light .academic-archive-summary,
body.page-prototyping-support.theme-light .academic-archive-summary > span,
body.page-prototyping-support.theme-light .prototype-flow-intro p,
body.page-prototyping-support.theme-light .prototype-stage-card p,
html.theme-light body.page-prototyping-support .academic-archive-copy p,
html.theme-light body.page-prototyping-support .academic-archive-summary,
html.theme-light body.page-prototyping-support .academic-archive-summary > span,
html.theme-light body.page-prototyping-support .prototype-flow-intro p,
html.theme-light body.page-prototyping-support .prototype-stage-card p {
    color: #475569;
}

body.page-prototyping-support.theme-light .academic-archive-summary div span,
html.theme-light body.page-prototyping-support .academic-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-prototyping-support.theme-light .prototype-stage-topline span,
body.page-prototyping-support.theme-light .prototype-stage-output span,
html.theme-light body.page-prototyping-support .prototype-stage-topline span,
html.theme-light body.page-prototyping-support .prototype-stage-output span {
    color: #075985;
}

body.page-prototyping-support.theme-light .prototype-stage-topline strong,
html.theme-light body.page-prototyping-support .prototype-stage-topline strong {
    border-color: rgba(184, 134, 11, 0.30);
    background: rgba(246, 196, 83, 0.18);
    color: #7a4d00;
}

body.page-prototyping-support.theme-light .prototype-stage-output strong,
html.theme-light body.page-prototyping-support .prototype-stage-output strong {
    color: #7a4d00;
}

body.page-prototyping-support.theme-light .prototype-stage-card.is-featured,
html.theme-light body.page-prototyping-support .prototype-stage-card.is-featured {
    border-color: rgba(184, 134, 11, 0.28);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 196, 83, 0.16)),
        #ffffff;
}

body.page-prototyping-support.theme-dark .prototype-stage-card.is-featured,
html.theme-dark body.page-prototyping-support .prototype-stage-card.is-featured {
    border-color: rgba(246, 196, 83, 0.46);
    background:
        linear-gradient(145deg, rgba(246, 196, 83, 0.14), rgba(34, 211, 238, 0.055)),
        var(--aidc-surface);
}

@media (max-width: 639px) {
    body.page-prototyping-support .academic-gold-separator {
        left: 1.5rem;
        right: 1.5rem;
    }

    body.page-prototyping-support .academic-archive-panel {
        padding: 1.35rem;
    }

    body.page-prototyping-support .academic-archive-copy h1 {
        font-size: 2.1rem;
    }

    body.page-prototyping-support .prototype-flow-intro h2 {
        font-size: 2rem;
    }
}

@media (min-width: 760px) {
    body.page-prototyping-support .prototype-stage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-prototyping-support .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body.page-prototyping-support .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }

    body.page-prototyping-support .prototype-stage-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Industry Relevance */
body.page-industry-relevance main {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
}

body.page-industry-relevance main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 20%, rgba(34, 211, 238, 0.18), transparent 24rem),
        radial-gradient(circle at 82% 30%, rgba(246, 196, 83, 0.12), transparent 28rem),
        radial-gradient(circle at 48% 84%, rgba(34, 211, 238, 0.08), transparent 24rem);
    opacity: 0.78;
    animation: aboutSoftGlow 18s ease-in-out infinite alternate;
}

body.page-industry-relevance main > * {
    position: relative;
    z-index: 1;
}

body.page-industry-relevance .industry-relevance-section {
    background: transparent;
    color: #f8fafc;
    padding-top: calc(var(--aidc-nav-height, 88px) + 1.75rem) !important;
    padding-bottom: 4rem !important;
}

body.page-industry-relevance .academic-gold-separator {
    position: absolute;
    top: 0;
    left: 3.5rem;
    right: 3.5rem;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-industry-relevance .industry-relevance-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-industry-relevance .academic-archive-panel,
body.page-industry-relevance .industry-motivation-panel,
body.page-industry-relevance .industry-pillar-card,
body.page-industry-relevance .industry-domain-card,
body.page-industry-relevance .industry-pathway-panel {
    border: 1px solid var(--aidc-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-industry-relevance .academic-archive-panel {
    position: relative;
    display: grid;
    gap: 2rem;
    align-items: end;
    border-radius: 1.25rem;
    padding: 2.25rem;
}

body.page-industry-relevance .academic-archive-copy {
    max-width: 60rem;
}

body.page-industry-relevance .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-industry-relevance .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-industry-relevance .academic-archive-copy h1,
body.page-industry-relevance .industry-motivation-panel h2,
body.page-industry-relevance .industry-section-heading h2,
body.page-industry-relevance .industry-pathway-intro h2 {
    color: #ffffff;
    letter-spacing: 0;
}

body.page-industry-relevance .academic-archive-copy h1 {
    margin-top: 1rem;
    font-size: 3.35rem;
    line-height: 1.03;
}

body.page-industry-relevance .academic-archive-copy p,
body.page-industry-relevance .industry-motivation-panel p,
body.page-industry-relevance .industry-section-heading p,
body.page-industry-relevance .industry-pathway-intro p {
    color: #cbd5e1;
    line-height: 1.75;
}

body.page-industry-relevance .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 52rem;
    font-size: 1.04rem;
}

body.page-industry-relevance .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-industry-relevance .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-industry-relevance .academic-archive-summary div span,
body.page-industry-relevance .industry-domain-card div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-industry-relevance .industry-motivation-panel {
    margin-top: 1.5rem;
    border-radius: 1.25rem;
    padding: clamp(1.4rem, 3vw, 2rem);
}

body.page-industry-relevance .industry-motivation-panel h2 {
    margin-top: 1rem;
    max-width: 56rem;
    font-size: clamp(1.8rem, 3.4vw, 2.7rem);
    line-height: 1.08;
}

body.page-industry-relevance .industry-motivation-panel p {
    margin-top: 0.9rem;
    max-width: 68rem;
    font-size: 1rem;
}

body.page-industry-relevance .industry-pillar-grid,
body.page-industry-relevance .industry-domain-grid,
body.page-industry-relevance .industry-pathway-grid {
    display: grid;
    gap: 1rem;
}

body.page-industry-relevance .industry-pillar-grid,
body.page-industry-relevance .industry-domain-grid {
    margin-top: 1.5rem;
}

body.page-industry-relevance .industry-pillar-card,
body.page-industry-relevance .industry-domain-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.05rem;
    padding: 1.25rem;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-industry-relevance .industry-pillar-card::before,
body.page-industry-relevance .industry-domain-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.80), rgba(246, 196, 83, 0.92));
    opacity: 0.78;
}

body.page-industry-relevance .industry-pillar-card:hover,
body.page-industry-relevance .industry-domain-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

body.page-industry-relevance .industry-pillar-card > span {
    color: #a5f3fc;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.17em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-industry-relevance .industry-pillar-card h2,
body.page-industry-relevance .industry-domain-card h3,
body.page-industry-relevance .industry-pathway-card h3 {
    margin-top: 0.85rem;
    color: #ffffff;
    font-size: 1.18rem;
    line-height: 1.18;
    letter-spacing: 0;
}

body.page-industry-relevance .industry-pillar-card p,
body.page-industry-relevance .industry-domain-card p,
body.page-industry-relevance .industry-pathway-card p {
    margin-top: 0.75rem;
    color: rgba(226, 232, 240, 0.84);
    font-size: 0.92rem;
    line-height: 1.68;
}

body.page-industry-relevance .industry-pillar-card strong {
    display: block;
    margin-top: 1rem;
    color: #fef3c7;
    font-size: 0.86rem;
    line-height: 1.45;
}

body.page-industry-relevance .industry-section-heading {
    max-width: 58rem;
    margin: 2.4rem auto 0;
    text-align: center;
}

body.page-industry-relevance .industry-section-heading .academic-eyebrow {
    margin-inline: auto;
}

body.page-industry-relevance .industry-section-heading h2,
body.page-industry-relevance .industry-pathway-intro h2 {
    margin-top: 1rem;
    font-size: clamp(2rem, 3.8vw, 2.85rem);
    line-height: 1.08;
}

body.page-industry-relevance .industry-section-heading p,
body.page-industry-relevance .industry-pathway-intro p {
    margin-top: 0.9rem;
    font-size: 1rem;
}

body.page-industry-relevance .industry-domain-card {
    min-height: 100%;
}

body.page-industry-relevance .industry-domain-card div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

body.page-industry-relevance .industry-pathway-panel {
    margin-top: 1.5rem;
    border-radius: 1.25rem;
    padding: clamp(1.35rem, 3vw, 2rem);
}

body.page-industry-relevance .industry-pathway-grid {
    margin-top: 1.35rem;
}

body.page-industry-relevance .industry-pathway-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 1.1rem;
}

body.page-industry-relevance .industry-pathway-card strong {
    display: inline-flex;
    width: 2.45rem;
    height: 2.45rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.34);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.11);
    color: #fde68a;
    font-size: 0.82rem;
    line-height: 1;
}

body.page-industry-relevance.theme-light main,
html.theme-light body.page-industry-relevance main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-industry-relevance.theme-light main::before,
html.theme-light body.page-industry-relevance main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(184, 134, 11, 0.10), transparent 28rem),
        radial-gradient(circle at 45% 82%, rgba(8, 145, 178, 0.06), transparent 24rem);
    opacity: 0.85;
}

body.page-industry-relevance.theme-light .academic-gold-separator,
html.theme-light body.page-industry-relevance .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-industry-relevance.theme-light .academic-archive-panel,
body.page-industry-relevance.theme-light .industry-motivation-panel,
body.page-industry-relevance.theme-light .industry-pillar-card,
body.page-industry-relevance.theme-light .industry-domain-card,
body.page-industry-relevance.theme-light .industry-pathway-panel,
html.theme-light body.page-industry-relevance .academic-archive-panel,
html.theme-light body.page-industry-relevance .industry-motivation-panel,
html.theme-light body.page-industry-relevance .industry-pillar-card,
html.theme-light body.page-industry-relevance .industry-domain-card,
html.theme-light body.page-industry-relevance .industry-pathway-panel {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-industry-relevance.theme-light .academic-eyebrow,
html.theme-light body.page-industry-relevance .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-industry-relevance.theme-light .academic-archive-copy h1,
body.page-industry-relevance.theme-light .industry-motivation-panel h2,
body.page-industry-relevance.theme-light .industry-section-heading h2,
body.page-industry-relevance.theme-light .industry-pathway-intro h2,
body.page-industry-relevance.theme-light .industry-pillar-card h2,
body.page-industry-relevance.theme-light .industry-domain-card h3,
body.page-industry-relevance.theme-light .industry-pathway-card h3,
html.theme-light body.page-industry-relevance .academic-archive-copy h1,
html.theme-light body.page-industry-relevance .industry-motivation-panel h2,
html.theme-light body.page-industry-relevance .industry-section-heading h2,
html.theme-light body.page-industry-relevance .industry-pathway-intro h2,
html.theme-light body.page-industry-relevance .industry-pillar-card h2,
html.theme-light body.page-industry-relevance .industry-domain-card h3,
html.theme-light body.page-industry-relevance .industry-pathway-card h3 {
    color: #071326;
}

body.page-industry-relevance.theme-light .academic-archive-copy p,
body.page-industry-relevance.theme-light .academic-archive-summary,
body.page-industry-relevance.theme-light .academic-archive-summary > span,
body.page-industry-relevance.theme-light .industry-motivation-panel p,
body.page-industry-relevance.theme-light .industry-section-heading p,
body.page-industry-relevance.theme-light .industry-pathway-intro p,
body.page-industry-relevance.theme-light .industry-pillar-card p,
body.page-industry-relevance.theme-light .industry-domain-card p,
body.page-industry-relevance.theme-light .industry-pathway-card p,
html.theme-light body.page-industry-relevance .academic-archive-copy p,
html.theme-light body.page-industry-relevance .academic-archive-summary,
html.theme-light body.page-industry-relevance .academic-archive-summary > span,
html.theme-light body.page-industry-relevance .industry-motivation-panel p,
html.theme-light body.page-industry-relevance .industry-section-heading p,
html.theme-light body.page-industry-relevance .industry-pathway-intro p,
html.theme-light body.page-industry-relevance .industry-pillar-card p,
html.theme-light body.page-industry-relevance .industry-domain-card p,
html.theme-light body.page-industry-relevance .industry-pathway-card p {
    color: #475569;
}

body.page-industry-relevance.theme-light .academic-archive-summary div span,
body.page-industry-relevance.theme-light .industry-domain-card div span,
html.theme-light body.page-industry-relevance .academic-archive-summary div span,
html.theme-light body.page-industry-relevance .industry-domain-card div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-industry-relevance.theme-light .industry-pillar-card > span,
html.theme-light body.page-industry-relevance .industry-pillar-card > span {
    color: #075985;
}

body.page-industry-relevance.theme-light .industry-pillar-card strong,
html.theme-light body.page-industry-relevance .industry-pillar-card strong {
    color: #7a4d00;
}

body.page-industry-relevance.theme-light .industry-pathway-card,
html.theme-light body.page-industry-relevance .industry-pathway-card {
    border-color: rgba(7, 19, 38, 0.10);
    background: rgba(255, 255, 255, 0.66);
}

body.page-industry-relevance.theme-light .industry-pathway-card strong,
html.theme-light body.page-industry-relevance .industry-pathway-card strong {
    border-color: rgba(184, 134, 11, 0.30);
    background: rgba(246, 196, 83, 0.18);
    color: #7a4d00;
}

@media (max-width: 639px) {
    body.page-industry-relevance .academic-gold-separator {
        left: 1.5rem;
        right: 1.5rem;
    }

    body.page-industry-relevance .academic-archive-panel {
        padding: 1.35rem;
    }

    body.page-industry-relevance .academic-archive-copy h1 {
        font-size: 2.1rem;
    }
}

@media (min-width: 760px) {
    body.page-industry-relevance .industry-pillar-grid,
    body.page-industry-relevance .industry-domain-grid,
    body.page-industry-relevance .industry-pathway-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1080px) {
    body.page-industry-relevance .industry-pillar-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.page-industry-relevance .industry-domain-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-industry-relevance .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body.page-industry-relevance .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }

    body.page-industry-relevance .industry-pathway-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

body.page-innovation-portfolio main {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #061122 0%, #07172a 48%, #050d1b 100%);
}

body.page-innovation-portfolio main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 24%, rgba(34, 211, 238, 0.18), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(246, 196, 83, 0.12), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(34, 211, 238, 0.08), transparent 24rem);
    opacity: 0.78;
    animation: aboutSoftGlow 18s ease-in-out infinite alternate;
}

body.page-innovation-portfolio main > * {
    position: relative;
    z-index: 1;
}

body.page-innovation-portfolio .innovation-portfolio-section {
    background: transparent;
    color: #f8fafc;
    padding-top: calc(var(--aidc-nav-height, 88px) + 1.75rem) !important;
    padding-bottom: 4rem !important;
}

body.page-innovation-portfolio .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-innovation-portfolio .innovation-portfolio-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-innovation-portfolio .academic-archive-panel,
body.page-innovation-portfolio .portfolio-selected-panel,
body.page-innovation-portfolio .portfolio-empty-state {
    border: 1px solid var(--aidc-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-innovation-portfolio .academic-archive-panel {
    display: grid;
    gap: 2rem;
    align-items: end;
    border-radius: 1.25rem;
    padding: clamp(1.35rem, 3vw, 2.25rem);
}

body.page-innovation-portfolio .academic-archive-copy {
    max-width: 62rem;
}

body.page-innovation-portfolio .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-innovation-portfolio .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-innovation-portfolio .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2.1rem, 4vw, 3.35rem);
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-innovation-portfolio .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 54rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-innovation-portfolio .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-innovation-portfolio .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-innovation-portfolio .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-innovation-portfolio .portfolio-selected-panel {
    display: grid;
    gap: 0;
    overflow: hidden;
    margin-top: 1.35rem;
    border-radius: 1.25rem;
}

body.page-innovation-portfolio .portfolio-selected-media {
    position: relative;
    min-height: 22rem;
    background: #020617;
}

body.page-innovation-portfolio .portfolio-selected-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #020617;
}

body.page-innovation-portfolio .portfolio-selected-content {
    padding: clamp(1.4rem, 3vw, 2.4rem);
}

body.page-innovation-portfolio .portfolio-selected-content h2,
body.page-innovation-portfolio .portfolio-browse-head h2 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2rem, 3.6vw, 3rem);
    line-height: 1.08;
    letter-spacing: 0;
}

body.page-innovation-portfolio .portfolio-selected-rich {
    margin-top: 1rem;
    color: #cbd5e1;
    line-height: 1.78;
}

body.page-innovation-portfolio .portfolio-selected-rich :where(p, ul, ol, blockquote) {
    margin-top: 0.8rem;
}

body.page-innovation-portfolio .portfolio-selected-content dl {
    display: grid;
    gap: 0.7rem;
    margin-top: 1.2rem;
}

body.page-innovation-portfolio .portfolio-selected-content dl div {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.82rem;
}

body.page-innovation-portfolio .portfolio-selected-content dt {
    color: #f6c453;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.page-innovation-portfolio .portfolio-selected-content dd {
    margin-top: 0.25rem;
    color: #e2e8f0;
}

body.page-innovation-portfolio .portfolio-browse-head {
    max-width: 54rem;
    margin: 2.2rem auto 0;
    text-align: center;
}

body.page-innovation-portfolio .portfolio-browse-head .academic-eyebrow {
    margin-inline: auto;
}

body.page-innovation-portfolio .portfolio-browse-head p {
    margin-top: 0.85rem;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.75;
}

body.page-innovation-portfolio .portfolio-filter-panel {
    display: grid;
    gap: 1rem;
    grid-column: 1 / -1;
    margin-top: 0;
    border-top: 1px solid rgba(246, 196, 83, 0.24);
    padding-top: 1.15rem;
}

body.page-innovation-portfolio .portfolio-filter-field {
    display: grid;
    gap: 0.45rem;
}

body.page-innovation-portfolio .portfolio-filter-field span {
    color: #a5f3fc;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-innovation-portfolio .portfolio-filter-field select {
    min-height: 3rem;
    width: 100%;
    border: 1px solid rgba(34, 211, 238, 0.20);
    border-radius: 0.95rem;
    background: rgba(2, 6, 23, 0.58);
    padding: 0.7rem 0.85rem;
    color: #ffffff;
    font-size: 0.9rem;
    outline: none;
}

body.page-innovation-portfolio .portfolio-filter-field select:focus {
    border-color: rgba(246, 196, 83, 0.46);
    box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.10);
}

body.page-innovation-portfolio .portfolio-card-grid {
    display: grid;
    gap: 1rem;
    align-items: stretch;
    margin-top: 1.5rem;
}

body.page-innovation-portfolio .featured-innovation-card.hidden {
    display: none;
}

body.page-innovation-portfolio .featured-innovation-card {
    border-radius: 1.05rem;
    border-color: rgba(255, 255, 255, 0.13);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-innovation-portfolio .featured-innovation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

body.page-innovation-portfolio .featured-innovation-card::before {
    display: none;
}

body.page-innovation-portfolio .featured-innovation-media {
    height: auto;
    aspect-ratio: 16 / 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(246, 196, 83, 0.08)),
        #020617;
}

body.page-innovation-portfolio .featured-innovation-image {
    object-fit: contain;
    object-position: center;
    padding: 0;
    background: #020617;
    transform: none !important;
    transition: opacity 700ms ease;
}

body.page-innovation-portfolio .featured-innovation-card:hover .featured-innovation-image.is-active {
    transform: none !important;
}

body.page-innovation-portfolio .featured-innovation-shade {
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.10) 52%, rgba(2, 6, 23, 0.66) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.24), transparent 45%);
}

body.page-innovation-portfolio .featured-innovation-type,
body.page-innovation-portfolio .featured-video-button {
    top: 0.75rem;
    font-size: 0.7rem;
}

body.page-innovation-portfolio .featured-innovation-type {
    left: 0.75rem;
}

body.page-innovation-portfolio .featured-video-button {
    right: 0.75rem;
}

body.page-innovation-portfolio .featured-innovation-tags {
    bottom: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
}

body.page-innovation-portfolio .featured-innovation-body {
    padding: 1.15rem;
}

body.page-innovation-portfolio .featured-innovation-body h3 {
    font-size: clamp(1.05rem, 1.45vw, 1.25rem);
    letter-spacing: 0;
}

body.page-innovation-portfolio .featured-innovation-summary {
    font-size: 0.88rem;
    line-height: 1.62;
    -webkit-line-clamp: 3;
}

body.page-innovation-portfolio .featured-people-strip {
    margin-top: 0.95rem;
}

body.page-innovation-portfolio .featured-person img {
    height: 2.35rem;
    width: 2.35rem;
}

body.page-innovation-portfolio .featured-person.is-text-only {
    padding: 0.48rem 0.8rem;
}

body.page-innovation-portfolio .featured-innovation-footer {
    gap: 0.6rem;
}

body.page-innovation-portfolio .featured-innovation-footer button {
    white-space: nowrap;
}

body.page-innovation-portfolio .innovation-modal-gallery .featured-innovation-image {
    object-fit: contain;
    background: #020617;
}

body.page-innovation-portfolio .portfolio-empty-state {
    max-width: 48rem;
    margin: 3rem auto 0;
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 1.5rem;
    text-align: center;
}

body.page-innovation-portfolio .portfolio-empty-state span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #f6c453;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-innovation-portfolio .portfolio-empty-state span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #22d3ee;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.7);
}

body.page-innovation-portfolio .portfolio-empty-state h3 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
}

body.page-innovation-portfolio .portfolio-empty-state p {
    max-width: 38rem;
    margin: 1rem auto 0;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1rem;
    line-height: 1.8;
}

body.page-innovation-portfolio.theme-light main,
html.theme-light body.page-innovation-portfolio main {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #f7fbff 100%);
}

body.page-innovation-portfolio.theme-light main::before,
html.theme-light body.page-innovation-portfolio main::before {
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 145, 178, 0.12), transparent 24rem),
        radial-gradient(circle at 78% 34%, rgba(184, 134, 11, 0.10), transparent 28rem),
        radial-gradient(circle at 42% 76%, rgba(8, 145, 178, 0.06), transparent 24rem);
    opacity: 0.85;
}

body.page-innovation-portfolio.theme-light .academic-gold-separator,
html.theme-light body.page-innovation-portfolio .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-innovation-portfolio.theme-light .academic-archive-panel,
body.page-innovation-portfolio.theme-light .portfolio-selected-panel,
body.page-innovation-portfolio.theme-light .portfolio-empty-state,
html.theme-light body.page-innovation-portfolio .academic-archive-panel,
html.theme-light body.page-innovation-portfolio .portfolio-selected-panel,
html.theme-light body.page-innovation-portfolio .portfolio-empty-state {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-innovation-portfolio.theme-light .academic-eyebrow,
html.theme-light body.page-innovation-portfolio .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-innovation-portfolio.theme-light .academic-archive-copy h1,
body.page-innovation-portfolio.theme-light .portfolio-selected-content h2,
body.page-innovation-portfolio.theme-light .portfolio-browse-head h2,
body.page-innovation-portfolio.theme-light .portfolio-empty-state h3,
html.theme-light body.page-innovation-portfolio .academic-archive-copy h1,
html.theme-light body.page-innovation-portfolio .portfolio-selected-content h2,
html.theme-light body.page-innovation-portfolio .portfolio-browse-head h2,
html.theme-light body.page-innovation-portfolio .portfolio-empty-state h3 {
    color: #071326;
}

body.page-innovation-portfolio.theme-light .academic-archive-copy p,
body.page-innovation-portfolio.theme-light .academic-archive-summary,
body.page-innovation-portfolio.theme-light .academic-archive-summary > span,
body.page-innovation-portfolio.theme-light .portfolio-browse-head p,
body.page-innovation-portfolio.theme-light .portfolio-selected-rich,
body.page-innovation-portfolio.theme-light .portfolio-empty-state p,
html.theme-light body.page-innovation-portfolio .academic-archive-copy p,
html.theme-light body.page-innovation-portfolio .academic-archive-summary,
html.theme-light body.page-innovation-portfolio .academic-archive-summary > span,
html.theme-light body.page-innovation-portfolio .portfolio-browse-head p,
html.theme-light body.page-innovation-portfolio .portfolio-selected-rich,
html.theme-light body.page-innovation-portfolio .portfolio-empty-state p {
    color: #475569;
}

body.page-innovation-portfolio.theme-light .academic-archive-summary div span,
html.theme-light body.page-innovation-portfolio .academic-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-innovation-portfolio.theme-light .portfolio-filter-field span,
html.theme-light body.page-innovation-portfolio .portfolio-filter-field span {
    color: #075985;
}

body.page-innovation-portfolio.theme-light .portfolio-filter-panel,
html.theme-light body.page-innovation-portfolio .portfolio-filter-panel {
    border-top-color: rgba(184, 134, 11, 0.22);
}

body.page-innovation-portfolio.theme-light .portfolio-filter-field select,
html.theme-light body.page-innovation-portfolio .portfolio-filter-field select {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.84);
    color: #071326;
}

body.page-innovation-portfolio.theme-light .portfolio-selected-media,
body.page-innovation-portfolio.theme-light .portfolio-selected-media img,
body.page-innovation-portfolio.theme-light .featured-innovation-media,
body.page-innovation-portfolio.theme-light .featured-innovation-image,
html.theme-light body.page-innovation-portfolio .portfolio-selected-media,
html.theme-light body.page-innovation-portfolio .portfolio-selected-media img,
html.theme-light body.page-innovation-portfolio .featured-innovation-media,
html.theme-light body.page-innovation-portfolio .featured-innovation-image {
    background: #edf6ff;
}

body.page-innovation-portfolio.theme-light .portfolio-selected-content dl div,
html.theme-light body.page-innovation-portfolio .portfolio-selected-content dl div {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.66);
}

body.page-innovation-portfolio.theme-light .portfolio-selected-content dt,
html.theme-light body.page-innovation-portfolio .portfolio-selected-content dt {
    color: #8a5f05;
}

body.page-innovation-portfolio.theme-light .portfolio-selected-content dd,
html.theme-light body.page-innovation-portfolio .portfolio-selected-content dd {
    color: #334155;
}

body.page-innovation-portfolio.theme-light .featured-innovation-card,
html.theme-light body.page-innovation-portfolio .featured-innovation-card {
    border-color: rgba(7, 19, 38, 0.12) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-innovation-portfolio.theme-light .featured-innovation-shade,
html.theme-light body.page-innovation-portfolio .featured-innovation-shade {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(7, 19, 38, 0.05) 52%, rgba(7, 19, 38, 0.34) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 45%);
}

@media (min-width: 760px) {
    body.page-innovation-portfolio .portfolio-card-grid,
    body.page-innovation-portfolio .portfolio-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-innovation-portfolio .portfolio-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.page-innovation-portfolio .portfolio-selected-panel {
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    }
}

@media (min-width: 1180px) {
    body.page-innovation-portfolio .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body.page-innovation-portfolio .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }

    body.page-innovation-portfolio .portfolio-filter-panel {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Featured Technologies */
body.page-featured-technologies .featured-tech-section {
    min-height: calc(100vh - var(--aidc-nav-height, 88px));
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 178, 0.20), transparent 31%),
        radial-gradient(circle at 86% 12%, rgba(246, 196, 83, 0.10), transparent 28%),
        linear-gradient(180deg, #071326 0%, #050b1f 52%, #061222 100%);
    color: #f8fafc;
    isolation: isolate;
}

body.page-featured-technologies .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body.page-featured-technologies .featured-tech-section > .mx-auto {
    position: relative;
    z-index: 2;
}

body.page-featured-technologies .academic-archive-panel,
body.page-featured-technologies .featured-tech-empty {
    border: 1px solid var(--aidc-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body.page-featured-technologies .academic-archive-panel {
    display: grid;
    gap: clamp(1.1rem, 2.5vw, 2rem);
    align-items: end;
    border-radius: 1.25rem;
    padding: clamp(1.35rem, 3vw, 2.25rem);
}

body.page-featured-technologies .academic-archive-copy {
    max-width: 62rem;
}

body.page-featured-technologies .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.page-featured-technologies .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body.page-featured-technologies .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2.1rem, 4vw, 3.35rem);
    font-weight: 650;
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-featured-technologies .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 54rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body.page-featured-technologies .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body.page-featured-technologies .academic-archive-summary > span {
    color: #dbeafe;
}

body.page-featured-technologies .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.page-featured-technologies .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

body.page-featured-technologies .featured-tech-link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(246, 196, 83, 0.48);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.12);
    padding: 0.68rem 1rem;
    color: #f6c453;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 200ms ease, background 200ms ease, color 200ms ease;
}

body.page-featured-technologies .featured-tech-link:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #d4af37, #f6c453);
    color: #071326;
}

body.page-featured-technologies .featured-tech-grid {
    display: grid;
    gap: 1rem;
    align-items: stretch;
    margin-top: 1.5rem;
}

body.page-featured-technologies .featured-innovation-card {
    border-radius: 1.05rem;
    border-color: rgba(255, 255, 255, 0.13);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-featured-technologies .featured-innovation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

body.page-featured-technologies .featured-innovation-card::before {
    display: none;
}

body.page-featured-technologies .featured-innovation-media {
    height: auto;
    aspect-ratio: 16 / 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(246, 196, 83, 0.08)),
        #020617;
}

body.page-featured-technologies .featured-innovation-image {
    object-fit: contain;
    object-position: center;
    padding: 0;
    background: #020617;
    transform: none !important;
    transition: opacity 700ms ease;
}

body.page-featured-technologies .featured-innovation-card:hover .featured-innovation-image.is-active {
    transform: none !important;
}

body.page-featured-technologies .featured-innovation-shade {
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.10) 52%, rgba(2, 6, 23, 0.66) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.24), transparent 45%);
}

body.page-featured-technologies .featured-innovation-type,
body.page-featured-technologies .featured-video-button {
    top: 0.75rem;
    font-size: 0.7rem;
}

body.page-featured-technologies .featured-innovation-type {
    left: 0.75rem;
}

body.page-featured-technologies .featured-video-button {
    right: 0.75rem;
}

body.page-featured-technologies .featured-innovation-tags {
    bottom: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
}

body.page-featured-technologies .featured-innovation-body {
    padding: 1.15rem;
}

body.page-featured-technologies .featured-innovation-body h3 {
    font-size: clamp(1.05rem, 1.45vw, 1.25rem);
    letter-spacing: 0;
}

body.page-featured-technologies .featured-innovation-summary {
    font-size: 0.88rem;
    line-height: 1.62;
    -webkit-line-clamp: 3;
}

body.page-featured-technologies .featured-people-strip {
    margin-top: 0.95rem;
}

body.page-featured-technologies .featured-person img {
    height: 2.35rem;
    width: 2.35rem;
}

body.page-featured-technologies .featured-person.is-text-only {
    padding: 0.48rem 0.8rem;
}

body.page-featured-technologies .featured-innovation-footer {
    gap: 0.6rem;
}

body.page-featured-technologies .featured-innovation-footer button {
    white-space: nowrap;
}

body.page-featured-technologies .innovation-modal-gallery .featured-innovation-image {
    object-fit: contain;
    background: #020617;
}

body.page-featured-technologies .featured-tech-empty {
    max-width: 48rem;
    margin: 3rem auto 0;
    border-radius: 1.5rem;
    padding: clamp(2rem, 4vw, 3rem);
    text-align: center;
}

body.page-featured-technologies .featured-tech-empty span {
    color: #f6c453;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.page-featured-technologies .featured-tech-empty h3 {
    margin-top: 0.8rem;
    color: #ffffff;
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    line-height: 1.08;
}

body.page-featured-technologies .featured-tech-empty p {
    margin-top: 0.8rem;
    color: #cbd5e1;
    line-height: 1.75;
}

body.page-featured-technologies.theme-light .featured-tech-section,
html.theme-light body.page-featured-technologies .featured-tech-section {
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 178, 0.14), transparent 31%),
        radial-gradient(circle at 86% 12%, rgba(184, 134, 11, 0.10), transparent 28%),
        linear-gradient(180deg, #eef6ff 0%, #f8fbff 52%, #edf6ff 100%);
    color: #071326;
}

body.page-featured-technologies.theme-light .academic-gold-separator,
html.theme-light body.page-featured-technologies .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body.page-featured-technologies.theme-light .academic-archive-panel,
body.page-featured-technologies.theme-light .featured-tech-empty,
html.theme-light body.page-featured-technologies .academic-archive-panel,
html.theme-light body.page-featured-technologies .featured-tech-empty {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-featured-technologies.theme-light .academic-eyebrow,
html.theme-light body.page-featured-technologies .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body.page-featured-technologies.theme-light .academic-archive-copy h1,
body.page-featured-technologies.theme-light .featured-tech-empty h3,
html.theme-light body.page-featured-technologies .academic-archive-copy h1,
html.theme-light body.page-featured-technologies .featured-tech-empty h3 {
    color: #071326;
}

body.page-featured-technologies.theme-light .academic-archive-copy p,
body.page-featured-technologies.theme-light .academic-archive-summary,
body.page-featured-technologies.theme-light .academic-archive-summary > span,
body.page-featured-technologies.theme-light .featured-tech-empty p,
html.theme-light body.page-featured-technologies .academic-archive-copy p,
html.theme-light body.page-featured-technologies .academic-archive-summary,
html.theme-light body.page-featured-technologies .academic-archive-summary > span,
html.theme-light body.page-featured-technologies .featured-tech-empty p {
    color: #475569;
}

body.page-featured-technologies.theme-light .academic-archive-summary div span,
html.theme-light body.page-featured-technologies .academic-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body.page-featured-technologies.theme-light .featured-tech-link,
html.theme-light body.page-featured-technologies .featured-tech-link {
    border-color: rgba(184, 134, 11, 0.34);
    background: rgba(246, 196, 83, 0.30);
    color: #7a4d00;
}

body.page-featured-technologies.theme-light .featured-innovation-media,
body.page-featured-technologies.theme-light .featured-innovation-image,
html.theme-light body.page-featured-technologies .featured-innovation-media,
html.theme-light body.page-featured-technologies .featured-innovation-image {
    background: #edf6ff;
}

body.page-featured-technologies.theme-light .featured-innovation-card,
html.theme-light body.page-featured-technologies .featured-innovation-card {
    border-color: rgba(7, 19, 38, 0.12) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body.page-featured-technologies.theme-light .featured-innovation-shade,
html.theme-light body.page-featured-technologies .featured-innovation-shade {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(7, 19, 38, 0.05) 52%, rgba(7, 19, 38, 0.34) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 45%);
}

@media (min-width: 760px) {
    body.page-featured-technologies .featured-tech-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    body.page-featured-technologies .featured-tech-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body.page-featured-technologies .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body.page-featured-technologies .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }

    body.page-featured-technologies .featured-tech-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Patents, Copyrights, and Startup Translation */
body:is(.page-patents-copyrights, .page-startups, .page-publications) :where(.ip-translation-section, .startup-translation-section, .publication-translation-section) {
    min-height: calc(100vh - var(--aidc-nav-height, 88px));
    padding-top: calc(var(--aidc-nav-height, 88px) + clamp(1rem, 2.6vw, 2rem)) !important;
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 178, 0.20), transparent 31%),
        radial-gradient(circle at 86% 12%, rgba(246, 196, 83, 0.10), transparent 28%),
        linear-gradient(180deg, #071326 0%, #050b1f 52%, #061222 100%);
    color: #f8fafc;
    isolation: isolate;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-gold-separator {
    position: absolute;
    top: 0;
    left: clamp(1.5rem, 4vw, 3.5rem);
    right: clamp(1.5rem, 4vw, 3.5rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(246, 196, 83, 0.26), rgba(246, 196, 83, 0.74), rgba(246, 196, 83, 0.26), transparent);
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.18);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) :where(.ip-translation-section, .startup-translation-section, .publication-translation-section) > .mx-auto {
    position: relative;
    z-index: 2;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-panel,
body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-empty {
    border: 1px solid var(--aidc-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 24px 80px var(--aidc-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-panel {
    display: grid;
    gap: clamp(1.1rem, 2.5vw, 2rem);
    align-items: end;
    border-radius: 1.25rem;
    padding: clamp(1.35rem, 3vw, 2.25rem);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-copy {
    max-width: 62rem;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(34, 211, 238, 0.30);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.55rem 0.9rem;
    color: #a5f3fc;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-eyebrow span {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f6c453;
    box-shadow: 0 0 18px rgba(246, 196, 83, 0.8);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-copy h1 {
    margin-top: 1rem;
    color: #ffffff;
    font-size: clamp(2.1rem, 4vw, 3.35rem);
    font-weight: 650;
    line-height: 1.03;
    letter-spacing: 0;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-copy p {
    margin-top: 0.9rem;
    max-width: 54rem;
    color: #cbd5e1;
    font-size: 1.04rem;
    line-height: 1.75;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary {
    display: grid;
    gap: 1rem;
    color: #dbeafe;
    font-size: 0.94rem;
    line-height: 1.6;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary > span {
    color: #dbeafe;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary div span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.11);
    padding: 0.5rem 0.78rem;
    color: #a5f3fc;
    font-size: 0.78rem;
    line-height: 1.2;
}

.translation-section-block {
    margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.translation-block-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.translation-block-heading h2 {
    color: #ffffff;
    font-size: clamp(1.55rem, 2.6vw, 2.35rem);
    font-weight: 650;
    line-height: 1.08;
    letter-spacing: 0;
}

.translation-grid {
    display: grid;
    gap: 1rem;
    align-items: stretch;
    margin-top: 1.5rem;
}

.translation-section-block .translation-grid {
    margin-top: 0;
}

.translation-card {
    position: relative;
    display: flex;
    min-height: 100%;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
        var(--aidc-surface);
    box-shadow:
        0 22px 66px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.translation-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 211, 238, 0.34);
    box-shadow: 0 32px 86px rgba(8, 145, 178, 0.16);
}

.translation-card-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(246, 196, 83, 0.08)),
        #020617;
}

.translation-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0;
    background: #020617;
    transform: none !important;
    transition: opacity 700ms ease;
}

.translation-card-image.is-active,
.translation-card-media.is-static-slideshow .translation-card-image {
    opacity: 1;
}

.translation-card-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 6, 23, 0.00) 0%, rgba(2, 6, 23, 0.10) 52%, rgba(2, 6, 23, 0.66) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.24), transparent 45%);
    pointer-events: none;
}

.translation-card-date {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    z-index: 2;
    border: 1px solid rgba(246, 196, 83, 0.35);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.72);
    padding: 0.42rem 0.68rem;
    color: #fff7d6;
    font-size: 0.72rem;
    font-weight: 700;
}

.translation-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.15rem;
}

.translation-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.translation-card-topline span,
.translation-modal-kicker {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.12);
    padding: 0.42rem 0.68rem;
    color: #a5f3fc;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.translation-card-topline time {
    color: #f6c453;
    font-size: 0.76rem;
    font-weight: 700;
}

.translation-card-topline img {
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 0.75rem;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.92);
    padding: 0.18rem;
}

.translation-card h3 {
    margin-top: 0.9rem;
    color: #f8fafc;
    font-size: clamp(1.05rem, 1.45vw, 1.25rem);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: 0;
}

.translation-card-status {
    margin-top: 0.5rem;
    color: #f6c453;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
}

.translation-card-summary {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 0.75rem;
    color: #cbd5e1;
    font-size: 0.88rem;
    line-height: 1.62;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.translation-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem;
}

.translation-person-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.translation-person-strip span,
.translation-modal-people span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(246, 196, 83, 0.22);
    border-radius: 999px;
    background: rgba(246, 196, 83, 0.10);
    padding: 0.35rem 0.58rem;
    color: #fef3c7;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
}

.startup-card-people {
    display: grid;
    gap: 0.7rem;
    margin-top: 0.95rem;
}

.startup-card-people > div {
    display: grid;
    gap: 0.35rem;
}

.startup-card-people strong {
    color: #f6c453;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.startup-card-people .translation-person-strip {
    margin-top: 0;
}

.translation-card-meta span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    padding: 0.36rem 0.58rem;
    color: #dbeafe;
    font-size: 0.72rem;
    line-height: 1.2;
}

.translation-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: auto;
    padding-top: 1.05rem;
}

.translation-card-button,
.translation-card-video,
.translation-card-link,
.translation-modal-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.58rem 0.9rem;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
}

.translation-card-button,
.translation-modal-link {
    border: 1px solid rgba(246, 196, 83, 0.52);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.95), rgba(246, 196, 83, 0.95));
    color: #071326;
    box-shadow: 0 12px 26px rgba(212, 175, 55, 0.18);
}

.translation-card-video,
.translation-card-link {
    border: 1px solid rgba(34, 211, 238, 0.24);
    background: rgba(34, 211, 238, 0.10);
    color: #a5f3fc;
}

.translation-card-button:hover,
.translation-card-video:hover,
.translation-card-link:hover,
.translation-modal-link:hover {
    transform: translateY(-2px);
}

.translation-modal-panel.is-text-first {
    display: block;
    width: min(58rem, 100%);
}

.translation-modal-media,
.translation-modal-gallery,
.translation-modal-image-stage {
    min-height: clamp(20rem, 48vh, 32rem);
    background: #020617;
}

.translation-modal-image-stage .gallery-modal-image {
    object-fit: contain;
    background: #020617;
}

.translation-modal-content {
    background:
        linear-gradient(145deg, rgba(34, 211, 238, 0.065), transparent 36%),
        rgba(7, 19, 38, 0.98);
}

.translation-modal-content h2 {
    color: #ffffff;
    font-size: clamp(1.9rem, 4vw, 2.55rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.translation-modal-rich {
    margin-top: 1rem;
    color: #d7e2ef;
}

.translation-modal-rich :where(p, ul, ol, blockquote) {
    margin-top: 0.85rem;
    line-height: 1.78;
}

.translation-modal-rich :where(ul, ol) {
    padding-left: 1.35rem;
}

.translation-modal-rich ul {
    list-style: disc;
}

.translation-modal-rich ol {
    list-style: decimal;
}

.translation-modal-rich :where(h3, h4, h5) {
    margin-top: 1.1rem;
    color: #ffffff;
    font-weight: 850;
}

.translation-modal-people {
    margin-top: 1.2rem;
}

.translation-modal-people h3 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
}

.translation-modal-people div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.translation-modal-content dl {
    margin-top: 1.35rem;
}

.translation-modal-link {
    width: fit-content;
    margin-top: 1rem;
}

.publication-modal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.publication-modal-links .translation-modal-link {
    margin-top: 0;
}

.startup-modal-heading {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.startup-modal-heading > img {
    width: 4rem;
    height: 4rem;
    flex: 0 0 auto;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
    object-fit: contain;
    padding: 0.35rem;
}

.startup-modal-people {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.2rem;
}

.startup-modal-people section {
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.85rem;
}

.startup-modal-people h3 {
    color: #f8fafc;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.startup-modal-people p {
    margin-top: 0.48rem;
    color: #dbeafe;
    font-size: 0.92rem;
    line-height: 1.55;
}

.startup-modal-people .translation-person-strip {
    margin-top: 0.58rem;
}

.translation-empty {
    max-width: 48rem;
    margin: 3rem auto 0;
    border-radius: 1.5rem;
    padding: clamp(2rem, 4vw, 3rem);
    text-align: center;
}

.translation-empty span {
    color: #f6c453;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.translation-empty h3 {
    margin-top: 0.8rem;
    color: #ffffff;
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    line-height: 1.08;
}

.translation-empty p {
    margin-top: 0.8rem;
    color: #cbd5e1;
    line-height: 1.75;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light :where(.ip-translation-section, .startup-translation-section, .publication-translation-section),
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) :where(.ip-translation-section, .startup-translation-section, .publication-translation-section) {
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 178, 0.14), transparent 31%),
        radial-gradient(circle at 86% 12%, rgba(184, 134, 11, 0.10), transparent 28%),
        linear-gradient(180deg, #eef6ff 0%, #f8fbff 52%, #edf6ff 100%);
    color: #071326;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-gold-separator,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-gold-separator {
    background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.22), rgba(184, 134, 11, 0.64), rgba(184, 134, 11, 0.22), transparent);
    box-shadow: 0 0 18px rgba(184, 134, 11, 0.12);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-archive-panel,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-empty,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-panel,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-empty {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-eyebrow,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-eyebrow {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.72);
    color: #075985;
    box-shadow: 0 14px 36px rgba(8, 145, 178, 0.10);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-archive-copy h1,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-block-heading h2,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-empty h3,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-copy h1,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-block-heading h2,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-empty h3 {
    color: #071326;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-archive-copy p,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-archive-summary,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-archive-summary > span,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-empty p,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-copy p,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary > span,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-empty p {
    color: #475569;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .academic-archive-summary div span,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary div span {
    border-color: rgba(8, 145, 178, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #075985;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card {
    border-color: rgba(7, 19, 38, 0.12);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(238, 246, 255, 0.90));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.11);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-media,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-image,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-media,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-image {
    background: #edf6ff;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-shade,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-shade {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(7, 19, 38, 0.05) 52%, rgba(7, 19, 38, 0.34) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 45%);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card h3,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card h3 {
    color: #071326;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-summary,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-summary {
    color: #475569;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-meta span,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-meta span {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.72);
    color: #334155;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-topline span,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-kicker,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-topline span,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-kicker {
    border-color: rgba(8, 145, 178, 0.28);
    background: rgba(207, 250, 254, 0.86);
    color: #075985;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-person-strip span,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-people span,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-person-strip span,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-people span {
    border-color: rgba(184, 134, 11, 0.24);
    background: rgba(246, 196, 83, 0.22);
    color: #7a4d00;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .startup-card-people strong,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .startup-modal-people h3,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .startup-card-people strong,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .startup-modal-people h3 {
    color: #9a5f00;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .startup-modal-people section,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .startup-modal-people section {
    border-color: rgba(11, 78, 162, 0.10);
    background: rgba(238, 246, 255, 0.72);
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .startup-modal-people p,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .startup-modal-people p {
    color: #334155;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-video,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-card-link,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-video,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-card-link {
    border-color: rgba(8, 145, 178, 0.20);
    background: rgba(207, 250, 254, 0.70);
    color: #075985;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-content,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-content {
    background: #ffffff;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-content h2,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-people h3,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-rich :where(h3, h4, h5, strong, b),
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-content h2,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-people h3,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-rich :where(h3, h4, h5, strong, b) {
    color: #071326;
}

body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-rich,
body:is(.page-patents-copyrights, .page-startups, .page-publications).theme-light .translation-modal-rich :where(p, ul, ol, li, blockquote),
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-rich,
html.theme-light body:is(.page-patents-copyrights, .page-startups, .page-publications) .translation-modal-rich :where(p, ul, ol, li, blockquote) {
    color: #475569;
}

@media (min-width: 760px) {
    .translation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    .translation-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-panel {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    }

    body:is(.page-patents-copyrights, .page-startups, .page-publications) .academic-archive-summary {
        justify-self: end;
        max-width: 24rem;
    }

    .translation-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}