:root {
    --ink: #173247;
    --ink-soft: #31566f;
    --paper: #f3f9fc;
    --gold: #36a9e1;
    --gold-deep: #0178b1;
    --burgundy: #00588a;
    --orange: #0193da;
    --white: #fff;
    --shadow: rgba(0, 45, 75, 0.28);
}
body { background: #f3f9fc; color: var(--ink); }
.site-header { background: transparent; }
.site-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 158px;
    background: linear-gradient(
        180deg,
        rgba(3, 24, 39, 0.82) 0%,
        rgba(3, 24, 39, 0.56) 52%,
        rgba(3, 24, 39, 0.18) 78%,
        rgba(3, 24, 39, 0) 100%
    );
    pointer-events: none;
}
.site-header .main-nav,
.site-header .crest-link,
.site-header .nav-toggle { z-index: 1; }
.main-nav {
    background:
        linear-gradient(
            90deg,
            rgba(6, 47, 79, 0.94) 0 calc(50% - 104px),
            transparent calc(50% - 104px) calc(50% + 104px),
            rgba(6, 47, 79, 0.94) calc(50% + 104px) 100%
        );
}
.site-footer { background-color: #062f4f; }
.sgem-hero .hero-slide {
    background-size: cover;
    background-position: center;
}
.sgem-hero .hero-theme, .sgem-hero .hero-variation, .sgem-hero .section-kicker { color: #7dd7ff; }
.section-kicker { color: #0b6079; }
.sgem-hero sup { font-size: 0.45em; vertical-align: super; }
.sgem-topic-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; }
.sgem-topic-card { min-height: 250px; padding: 2rem; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; text-decoration: none; background: linear-gradient(145deg, #004f7d, #0193da); box-shadow: 0 18px 38px rgba(0, 60, 100, 0.18); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.sgem-topic-card:nth-child(even) { background: linear-gradient(145deg, #073b60, #0178b1); }
.sgem-topic-card:hover, .sgem-topic-card:focus-visible { transform: translateY(-5px); box-shadow: 0 26px 48px rgba(0, 60, 100, 0.28); }
.sgem-topic-card > span { color: #8adfff; font-weight: 700; letter-spacing: 0.16em; }
.sgem-topic-card h3 { margin: 0.75rem 0; color: #fff; }
.sgem-home-atlas .hero-title{overflow-wrap:anywhere}
.sgem-topic-card p { margin: 0; color: rgba(255, 255, 255, 0.82); }
.sgem-copy-section { padding: 5rem 0; background: #fff; }
.sgem-copy-section h2 { color: #00588a; }
@media (max-width: 980px) { .sgem-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .sgem-topic-grid { grid-template-columns: 1fr; } }
@media (min-width: 981px) {
    .nav-list {
        grid-template-columns: 30px 96px 132px 142px minmax(208px, 1fr) 132px 122px 102px 96px 20px;
        gap: 7px;
    }

    .nav-link {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        font-size: 13.5px;
        line-height: 1.05;
        letter-spacing: 0;
    }

    .nav-link > span,
    .nav-link em {
        white-space: nowrap;
    }

    .nav-link em {
        margin-top: 6px;
        color: rgba(255, 255, 255, 0.92);
        font-size: 10px;
        line-height: 1.1;
        letter-spacing: 0.35px;
        text-shadow: 0 2px 4px rgba(0, 12, 24, 0.9);
    }

    .nav-home,
    .nav-contact {
        justify-content: center;
    }
}
/* SGEM home modules migrated from the original GEO home */
.sgem-home-gateways,
.sgem-visual-topics,
.sgem-conference-story,
.sgem-information-panels {
    padding: 88px 0;
}

.sgem-home-gateways {
    background:
        radial-gradient(circle at 10% 0%, rgba(54, 169, 225, 0.14), transparent 34%),
        linear-gradient(180deg, #f7fbfe 0%, #eaf5fb 100%);
}

.directions-head h2 {
    margin: 0;
    color: #062f4f;
    font-size: clamp(38px, 4vw, 64px);
    line-height: 0.98;
}

.sgem-section-lead {
    max-width: 760px;
    margin: 22px auto 0;
    color: #42657d;
    font-size: 20px;
}

.sgem-gateway-grid {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 16px;
    margin-top: 44px;
}

.sgem-gateway-card {
    position: relative;
    grid-column: span 2;
    min-height: 278px;
    overflow: hidden;
    background-color: #062f4f;
    background-position: center;
    background-size: cover;
    box-shadow: 0 18px 46px rgba(0, 46, 75, 0.2);
    isolation: isolate;
    transition: transform 280ms ease, box-shadow 280ms ease;
}

/* Gateway imagery lives here rather than in an inline --gateway-image custom
   property: when a var() is substituted, relative URLs resolve against THIS
   file, so "assets/images/..." inline became "assets/css/assets/images/..." and
   all five cards 404'd. Declared per card index, in the same order as
   $homeFeatures in index.php.
   The three PNGs are photographic and re-encoded as WebP in place: 407 KB of
   PNG became 133 KB of WebP at identical pixel dimensions. */
.sgem-gateway-grid .sgem-gateway-card:nth-child(1) { --gateway-image: url('../images/home/original/features/scientific-scope.webp'); }
.sgem-gateway-grid .sgem-gateway-card:nth-child(2) { --gateway-image: url('../images/home/original/features/sustainable-sdgs.jpg'); }
.sgem-gateway-grid .sgem-gateway-card:nth-child(3) { --gateway-image: url('../images/home/original/features/impact-metrics.webp'); }
.sgem-gateway-grid .sgem-gateway-card:nth-child(4) { --gateway-image: url('../images/home/original/features/sgem-elibrary.webp'); }
.sgem-gateway-grid .sgem-gateway-card:nth-child(5) { --gateway-image: url('../images/home/original/features/science-meets-art.jpg'); }

/* A custom property holding a url() is not fetched until a real property uses
   it, so declaring the artwork per card costs nothing. The grid is armed by
   site.js as it approaches the viewport; that keeps ~335 KB of below-the-fold
   imagery out of the first load.
   The .no-js branch is the fallback for visitors without scripting: the class is
   on <html> and sgem-header.php swaps it for .js before any stylesheet is
   parsed. The rule has to live here rather than in a <noscript> <style> block,
   because a url() substituted into the document resolves against <base href>
   ("../images/..." escaped the site root and 404'd), while the same url()
   substituted here resolves against this stylesheet. */
.no-js .sgem-gateway-grid .sgem-gateway-card,
.sgem-gateway-grid.is-armed .sgem-gateway-card {
    background-image: var(--gateway-image);
}

.sgem-gateway-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: inherit;
    background-position: center;
    background-size: cover;
    transition: transform 550ms ease, filter 550ms ease;
}

.sgem-gateway-card:hover,
.sgem-gateway-card:focus-visible {
    transform: translateY(-7px);
    box-shadow: 0 26px 56px rgba(0, 46, 75, 0.3);
}

.sgem-gateway-card:hover::before,
.sgem-gateway-card:focus-visible::before {
    transform: scale(1.055);
    filter: saturate(1.08) contrast(1.04);
}

.sgem-gateway-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 23, 38, 0.05) 16%, rgba(2, 23, 38, 0.9) 100%);
}

.sgem-gateway-copy {
    position: absolute;
    inset: auto 24px 22px;
    z-index: 2;
    color: #fff;
}

.sgem-gateway-copy strong {
    display: block;
    font-size: 25px;
    line-height: 1.03;
}

.sgem-gateway-copy small {
    display: block;
    margin-top: 12px;
    color: #8adfff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sgem-gateway-copy b {
    color: #f4c43f;
    font-size: 17px;
}

.intro-band {
    position: relative;
    padding: 82px 0;
    overflow: hidden;
    background-image: linear-gradient(135deg, rgba(3, 43, 70, 0.97), rgba(0, 104, 157, 0.94));
    color: #fff;
}

/* The photograph under this band is only 3-6% visible through the gradient, and
   under .sgem-information-panels only 4%, yet both were fetched as soon as the
   stylesheet was parsed — 92 KB in front of the first paint. They are now part
   of the deferred-artwork group armed by site.js; see .sgem-gateway-card. */
.no-js .intro-band,
.intro-band.is-armed {
    background-image:
        linear-gradient(135deg, rgba(3, 43, 70, 0.97), rgba(0, 104, 157, 0.94)),
        url('../images/home/original/features/scientific-scope.webp');
    background-position: 0 0, center;
    background-size: auto, cover;
}

.intro-band::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -150px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(125, 215, 255, 0.22);
    border-radius: 50%;
    box-shadow: 0 0 0 52px rgba(125, 215, 255, 0.05), 0 0 0 104px rgba(125, 215, 255, 0.04);
}

.intro-band .container {
    position: relative;
    z-index: 1;
}

.intro-band h2 {
    margin: 4px auto 28px;
    max-width: 980px;
    color: #fff;
    font-size: clamp(38px, 4vw, 62px);
    line-height: 1;
}

.intro-band p:not(.section-kicker) {
    color: rgba(255, 255, 255, 0.88);
    font-size: 20px;
}

.intro-band strong {
    color: #fff3be;
}

.sgem-visual-topics {
    background: #fff;
}

.sgem-topic-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 48px;
}

.sgem-topic-card,
.sgem-topic-card:nth-child(even) {
    position: relative;
    display: block;
    min-height: 420px;
    padding: 0;
    overflow: hidden;
    background: #073b60;
    box-shadow: 0 18px 44px rgba(0, 48, 80, 0.18);
    isolation: isolate;
}

.sgem-topic-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transition: transform 650ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 650ms ease;
}

.sgem-topic-card-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(1, 19, 32, 0.05) 22%, rgba(1, 27, 46, 0.94) 100%),
        linear-gradient(90deg, rgba(0, 89, 140, 0.18), transparent 65%);
}

.sgem-topic-card-copy {
    position: absolute;
    inset: auto 30px 28px;
    z-index: 2;
    color: #fff;
}

.sgem-topic-card-copy > b {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    margin-bottom: 16px;
    border: 1px solid rgba(244, 196, 63, 0.75);
    color: #f4c43f;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 12px;
}

.sgem-topic-card h3 {
    margin: 0;
    color: #fff;
    font-size: 29px;
    line-height: 1.02;
}

.sgem-topic-card small {
    display: block;
    margin-top: 14px;
    color: #8adfff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sgem-topic-card small i {
    margin-left: 5px;
    color: #f4c43f;
    font-size: 16px;
    font-style: normal;
}

.sgem-topic-card:hover,
.sgem-topic-card:focus-visible {
    transform: translateY(-6px);
}

.sgem-topic-card:hover img,
.sgem-topic-card:focus-visible img {
    transform: scale(1.065);
    filter: saturate(1.1) contrast(1.05);
}

.sgem-conference-story {
    background:
        linear-gradient(90deg, #e8f3f9 0%, #e8f3f9 31%, #f8fbfd 31%, #f8fbfd 100%);
}

.sgem-origin-statement {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
    gap: clamp(30px, 5vw, 76px);
    margin-bottom: 56px;
    padding: clamp(30px, 4vw, 54px);
    border-top: 4px solid #078e91;
    background: #fff;
    box-shadow: 0 24px 56px rgba(0, 43, 72, .12);
}

.sgem-origin-statement .section-kicker {
    margin: 0 0 15px;
}

.sgem-origin-statement h2 {
    margin: 0;
    color: #062f4f;
    font-size: clamp(36px, 3.7vw, 58px);
    line-height: 1;
}

.sgem-origin-copy {
    border-left: 2px solid #c9e8e6;
    padding-left: clamp(22px, 3vw, 40px);
}

.sgem-origin-copy p {
    margin: 0 0 20px;
    color: #36556a;
    font-size: 19px;
    line-height: 1.58;
}

.sgem-origin-copy p:last-child {
    margin-bottom: 0;
}

.sgem-story-layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.55fr);
    gap: 44px;
    align-items: start;
}

.sgem-story-sidebar {
    display: grid;
    gap: 22px;
}

.sgem-story-card {
    padding: 34px;
    background: #073b60;
    color: rgba(255, 255, 255, 0.84);
    box-shadow: 0 20px 42px rgba(0, 43, 72, 0.18);
}

.sgem-story-card-alt {
    background: #00588a;
}

.sgem-story-card > span {
    color: #7dd7ff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
}

.sgem-story-card h2 {
    margin: 8px 0 18px;
    color: #fff;
    font-size: 42px;
    line-height: 1;
}

.sgem-story-card p {
    margin: 0 0 14px;
    font-size: 17px;
    line-height: 1.62;
}

.sgem-story-main {
    padding: 34px 38px 40px;
    background: #fff;
    box-shadow: 0 24px 58px rgba(0, 43, 72, 0.12);
}

.sgem-story-banner {
    width: 100%;
    max-height: 260px;
    margin-bottom: 28px;
    object-fit: cover;
    object-position: center;
}

.sgem-story-main p {
    color: #36556a;
    font-size: 18px;
    line-height: 1.72;
    text-align: left;
}

.sgem-story-main a {
    color: #0178b1;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(1, 120, 177, 0.35);
    text-underline-offset: 3px;
}

.sgem-event-hub {
    padding: 72px 0 0;
    background:
        radial-gradient(circle at 82% 12%, rgba(54, 169, 225, 0.24), transparent 30%),
        linear-gradient(135deg, #031f34 0%, #073b60 58%, #00588a 100%);
    color: #fff;
}

.sgem-event-top {
    display: grid;
    grid-template-columns: 1.65fr 0.75fr;
    gap: 22px;
}

.sgem-event-card,
.sgem-ems-card {
    padding: 38px 42px;
    border: 1px solid rgba(125, 215, 255, 0.2);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.sgem-event-card .section-kicker {
    margin-top: 0;
}

.sgem-event-card h2 {
    margin: 8px 0;
    color: #fff;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 0.95;
}

.sgem-event-card p:last-child {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 19px;
}

.sgem-ems-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background 220ms ease, transform 220ms ease;
}

.sgem-ems-card:hover,
.sgem-ems-card:focus-visible {
    background: rgba(54, 169, 225, 0.2);
    transform: translateY(-4px);
}

.sgem-ems-card small {
    color: #7dd7ff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sgem-ems-card strong {
    margin: 12px 0 8px;
    color: #fff;
    font-size: 42px;
    line-height: 1;
}

.sgem-ems-card span {
    color: #f4c43f;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.sgem-action-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 22px;
    border-top: 1px solid rgba(125, 215, 255, 0.18);
    border-left: 1px solid rgba(125, 215, 255, 0.18);
}

.sgem-action-grid a {
    min-height: 124px;
    padding: 24px 20px;
    border-right: 1px solid rgba(125, 215, 255, 0.18);
    border-bottom: 1px solid rgba(125, 215, 255, 0.18);
    background: rgba(255, 255, 255, 0.03);
    transition: background 180ms ease;
}

.sgem-action-grid a:hover,
.sgem-action-grid a:focus-visible {
    background: rgba(54, 169, 225, 0.16);
}

.sgem-action-grid b {
    display: block;
    color: #f4c43f;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
}

.sgem-action-grid span {
    display: block;
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.05;
}

.sgem-statistics {
    padding: 48px 0;
    background: #016b9e;
    color: #fff;
}

.sgem-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sgem-stat-grid article {
    padding: 10px 28px;
    border-right: 1px solid rgba(255, 255, 255, 0.26);
    text-align: center;
}

.sgem-stat-grid article:last-child {
    border-right: 0;
}

.sgem-stat-grid strong,
.sgem-stat-grid span {
    display: block;
}

.sgem-stat-grid strong {
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1;
}

.sgem-stat-grid span {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.96);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sgem-information-panels {
    background-color: #f5fafd;
    background-image: linear-gradient(rgba(245, 250, 253, 0.96), rgba(245, 250, 253, 0.96));
}

.no-js .sgem-information-panels,
.sgem-information-panels.is-armed {
    background-image:
        linear-gradient(rgba(245, 250, 253, 0.96), rgba(245, 250, 253, 0.96)),
        url('../images/home/original/features/impact-metrics.webp');
    background-position: 0 0, center;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.sgem-panel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 48px;
}

.sgem-info-panel {
    padding: 34px 30px;
    background: #fff;
    border-top: 4px solid #0193da;
    box-shadow: 0 20px 48px rgba(0, 48, 80, 0.13);
}

.sgem-info-panel:nth-child(2) {
    border-top-color: #f4c43f;
}

.sgem-info-panel:nth-child(3) {
    border-top-color: #9ecb2d;
}

.sgem-info-panel h3 {
    margin: 0 0 24px;
    color: #062f4f;
    font-size: 34px;
    line-height: 1;
}

.sgem-info-panel ol {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: sgem-info;
}

.sgem-info-panel li {
    position: relative;
    min-height: 36px;
    padding-left: 48px;
    color: #486579;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 12px;
    line-height: 1.55;
    counter-increment: sgem-info;
}

.sgem-info-panel li::before {
    content: counter(sgem-info, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    background: #eaf5fb;
    color: #0178b1;
    font-size: 10px;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .sgem-gateway-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sgem-gateway-card {
        grid-column: span 2;
    }

    .sgem-gateway-card:nth-child(4),
    .sgem-gateway-card:nth-child(5) {
        grid-column: span 3;
    }

    .sgem-topic-grid,
    .sgem-panel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sgem-panel-grid .sgem-info-panel:last-child {
        grid-column: 1 / -1;
    }

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

@media (max-width: 820px) {
    .sgem-home-gateways,
    .sgem-visual-topics,
    .sgem-conference-story,
    .sgem-information-panels {
        padding: 64px 0;
    }

    .sgem-gateway-grid,
    .sgem-topic-grid,
    .sgem-panel-grid,
    .sgem-story-layout,
    .sgem-event-top {
        grid-template-columns: 1fr;
    }

    .sgem-gateway-card,
    .sgem-gateway-card:nth-child(4),
    .sgem-gateway-card:nth-child(5),
    .sgem-panel-grid .sgem-info-panel:last-child {
        grid-column: auto;
    }

    .sgem-gateway-card {
        min-height: 235px;
    }

    .sgem-topic-card,
    .sgem-topic-card:nth-child(even) {
        min-height: 360px;
    }

    .sgem-conference-story {
        background: #edf6fa;
    }

    .sgem-story-main {
        padding: 26px;
    }

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

    .sgem-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 0;
    }

    .sgem-stat-grid article:nth-child(even) {
        border-right: 0;
    }

    .sgem-stat-grid article:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .sgem-action-grid,
    .sgem-stat-grid {
        grid-template-columns: 1fr;
    }

    .sgem-stat-grid article,
    .sgem-stat-grid article:nth-child(even) {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .sgem-stat-grid article:last-child {
        grid-column: auto;
        border-bottom: 0;
    }
}

/* Home concept A — Scientific Atlas */
.sgem-home-atlas .site-header {
    height: 138px;
}

.sgem-home-atlas .site-header::before {
    height: 158px;
    background: linear-gradient(180deg, rgba(1, 17, 29, 0.9), rgba(1, 17, 29, 0.52) 54%, rgba(1, 17, 29, 0));
}

.sgem-home-atlas .sgem-atlas-hero {
    min-height: max(720px, 100vh);
    min-height: max(720px, 100dvh);
}

.sgem-home-atlas .sgem-atlas-hero .hero-slide {
    display: block;
    pointer-events: none;
    transform: scale(1.045);
    filter: brightness(0.78) saturate(0.94);
    transition: opacity 850ms ease, visibility 850ms ease, transform 5200ms ease, filter 850ms ease;
}

.sgem-home-atlas .sgem-atlas-hero .hero-slide.is-active {
    z-index: 1;
    pointer-events: auto;
    transform: scale(1);
    filter: brightness(1) saturate(1);
}

.sgem-home-atlas .sgem-atlas-hero .hero-overlay {
    background: linear-gradient(90deg, rgba(1, 18, 30, 0.88) 0%, rgba(1, 23, 38, 0.62) 40%, rgba(1, 23, 38, 0.12) 69%, rgba(1, 23, 38, 0.34) 100%);
}

.sgem-home-atlas .sgem-atlas-hero .hero-content {
    position: absolute;
    top: 50%;
    left: max(76px, calc((100vw - 1440px) / 2 + 38px));
    width: min(970px, calc(100% - 160px));
    margin-top: -22px;
    color: #fff;
    text-align: left;
    transform: translateY(-50%);
}

.sgem-home-atlas .sgem-atlas-hero .hero-theme {
    margin: 0 0 17px;
    color: #f3c33d;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.11em;
    line-height: 1.25;
    text-transform: uppercase;
}

.sgem-home-atlas .hero-slide-number {
    display: block;
    margin-bottom: 18px;
    color: #8edcff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.15em;
}

.sgem-home-atlas .sgem-atlas-hero .hero-title {
    max-width: 960px;
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 5.3vw, 86px);
    font-weight: 600;
    letter-spacing: 0.018em;
    line-height: 0.92;
    text-align: left;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.58);
}

.sgem-home-atlas .sgem-atlas-hero .hero-sub {
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.87);
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
}

.sgem-home-atlas .sgem-atlas-hero .hero-rule,
.sgem-home-atlas .sgem-atlas-hero .hero-variation,
.sgem-home-atlas .sgem-atlas-hero .hero-down {
    display: none;
}

.sgem-atlas-cta {
    display: inline-flex;
    gap: 16px;
    margin-top: 28px;
    padding: 13px 18px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    transition: background 180ms ease, border-color 180ms ease;
}

.sgem-atlas-cta:hover,
.sgem-atlas-cta:focus-visible {
    background: rgba(54, 169, 225, 0.2);
    border-color: #8edcff;
}

.sgem-atlas-cta b {
    color: #f3c33d;
    font-size: 16px;
}

.sgem-home-atlas .sgem-atlas-hero .hero-arrow {
    top: 50%;
    width: 46px;
    height: 70px;
    background: rgba(2, 23, 37, 0.5);
    transform: translateY(-50%);
}

.sgem-atlas-rail {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    display: flex;
    min-height: 112px;
    padding: 0 max(34px, calc((100vw - 1440px) / 2));
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, rgba(2, 23, 37, 0.97), rgba(4, 47, 77, 0.93));
    border-top: 1px solid rgba(142, 220, 255, 0.24);
}

.sgem-atlas-meta {
    display: flex;
    align-items: center;
}

.sgem-atlas-meta > span,
.sgem-atlas-meta > a {
    min-width: 178px;
    padding: 0 26px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.sgem-atlas-meta small,
.sgem-atlas-meta b {
    display: block;
}

.sgem-atlas-meta small {
    color: #8edcff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sgem-atlas-meta b {
    margin-top: 7px;
    color: #fff;
    font-size: 16px;
}

.sgem-atlas-dots {
    display: flex;
    gap: 6px;
}

.sgem-atlas-dots button {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: rgba(255, 255, 255, 0.66);
    cursor: pointer;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 10px;
}

.sgem-atlas-dots button.is-active {
    border-color: #f3c33d;
    background: #f3c33d;
    color: #021725;
}

@media (min-width: 981px) {
    .sgem-home-atlas .main-nav {
        top: 18px;
        width: min(1500px, calc(100% - 56px));
        padding: 10px 14px 12px;
        background: linear-gradient(90deg, rgba(3, 40, 65, 0.76) 0 calc(50% - 108px), transparent calc(50% - 108px) calc(50% + 108px), rgba(3, 40, 65, 0.76) calc(50% + 108px) 100%);
        border-top: 1px solid rgba(142, 220, 255, 0.24);
        border-bottom: 1px solid rgba(142, 220, 255, 0.28);
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(10px);
    }

    .sgem-home-atlas .nav-list {
        grid-template-columns: 38px 118px 145px 145px minmax(216px, 1fr) 135px 128px 110px 105px 28px;
        gap: 6px;
    }

    .sgem-home-atlas .nav-link {
        align-items: center;
        font-size: 14px;
        letter-spacing: 0;
    }

    .sgem-home-atlas .nav-link em {
        margin-top: 7px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 10px;
        letter-spacing: 0.25px;
    }

    .sgem-home-atlas .crest-link {
        top: 20px;
        width: 118px;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .sgem-home-atlas .main-nav {
        width: calc(100% - 24px);
    }

    .sgem-home-atlas .nav-list {
        grid-template-columns: 30px 92px 125px 132px minmax(180px, 1fr) 120px 112px 94px 88px 20px;
        gap: 4px;
    }

    .sgem-home-atlas .nav-link {
        font-size: 12px;
    }

    .sgem-home-atlas .nav-link em {
        font-size: 8.5px;
    }

    .sgem-home-atlas .crest-link {
        width: 118px;
    }

    .sgem-atlas-meta > span,
    .sgem-atlas-meta > a {
        min-width: 145px;
        padding: 0 16px;
    }
}

@media (max-width: 980px) {
    .sgem-home-atlas .site-header {
        height: 92px;
        background: rgba(2, 23, 37, 0.92);
    }

    .sgem-home-atlas .site-header::before {
        display: none;
    }

    /* Keep the mark centred on small screens: at left:18px it sat exactly on top
       of .nav-toggle and swallowed the tap, so the mobile menu could not open. */
    .sgem-home-atlas .crest-link {
        top: 10px;
        width: 96px;
    }

    .sgem-home-atlas .sgem-atlas-hero {
        min-height: max(760px, 100vh);
        min-height: max(760px, 100dvh);
    }

    .sgem-home-atlas .sgem-atlas-hero .hero-overlay {
        background: linear-gradient(180deg, rgba(2, 23, 37, 0.12), rgba(2, 23, 37, 0.9));
    }

    .sgem-home-atlas .sgem-atlas-hero .hero-content {
        top: auto;
        right: 26px;
        bottom: 150px;
        left: 26px;
        width: auto;
        margin: 0;
        transform: none;
    }

    .sgem-home-atlas .sgem-atlas-hero .hero-title {
        font-size: clamp(38px, 10vw, 58px);
    }

    .sgem-home-atlas .sgem-atlas-hero .hero-sub {
        font-size: 19px;
    }

    .sgem-atlas-meta {
        display: none;
    }

    .sgem-atlas-rail {
        min-height: 92px;
        justify-content: center;
    }
}

@media (max-width: 540px) {
    .sgem-atlas-dots {
        gap: 3px;
    }

    .sgem-atlas-dots button {
        width: 30px;
        height: 30px;
        font-size: 9px;
    }

    .sgem-home-atlas .sgem-atlas-hero .hero-content {
        bottom: 128px;
    }

    .sgem-home-atlas .sgem-atlas-hero .hero-theme {
        font-size: 9px;
    }
}

/* Original SGEM 1:1 inner-page renderer */
.sgem-inner-source {
    background: #eaf5fb;
}

.sgem-inner-source .site-header {
    height: 138px;
}

.sgem-inner-source .site-header::before {
    height: 170px;
    background: linear-gradient(180deg, rgba(1, 17, 29, 0.94), rgba(1, 17, 29, 0.56) 58%, rgba(1, 17, 29, 0));
}

.sgem-source-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background-image: var(--source-hero-image);
    background-position: center;
    background-size: cover;
}

.sgem-source-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--source-hero-image);
    background-position: center;
    background-size: cover;
    transform: scale(1.015);
}

.sgem-source-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(1, 18, 30, 0.92), rgba(1, 34, 55, 0.66) 54%, rgba(1, 29, 48, 0.28));
}

.sgem-source-hero-inner {
    position: relative;
    z-index: 1;
    width: min(1260px, calc(100% - 72px));
    margin: 0 auto;
    padding: 178px 0 62px;
    color: #fff;
}

.sgem-source-kicker {
    margin: 0 0 15px;
    color: #f3c33d;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sgem-source-hero h1 {
    max-width: 1050px;
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 5.2vw, 78px);
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 0.96;
    text-shadow: 0 5px 22px rgba(0, 0, 0, 0.52);
}

.sgem-source-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 27px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
}

.sgem-source-breadcrumbs a:hover,
.sgem-source-breadcrumbs a:focus-visible {
    color: #8edcff;
}

.sgem-source-breadcrumbs strong {
    color: #fff;
    font-weight: 600;
}

.sgem-source-page-shell {
    padding: 78px 28px 105px;
    background:
        radial-gradient(circle at 7% 0%, rgba(54, 169, 225, 0.16), transparent 32%),
        linear-gradient(180deg, #eef8fd 0%, #ffffff 36%, #f3f9fc 100%);
}

.sgem-original-article {
    width: min(1260px, 100%);
    min-height: 260px;
    margin: 0 auto;
    padding: clamp(30px, 5vw, 72px);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(0, 88, 138, 0.13);
    box-shadow: 0 28px 65px rgba(0, 52, 84, 0.14);
    color: #173247;
    font-size: 19px;
    line-height: 1.66;
}

.sgem-original-article h1,
.sgem-original-article h2,
.sgem-original-article h3,
.sgem-original-article h4,
.sgem-original-article h5,
.sgem-original-article h6 {
    color: #063d61;
    line-height: 1.12;
}

.sgem-original-article h2 {
    margin: 1.7em 0 0.65em;
    font-size: clamp(34px, 4vw, 56px);
}

.sgem-original-article h3,
.sgem-original-article .g-title {
    margin: 1.25em 0 0.6em;
    font-size: clamp(25px, 2.5vw, 37px);
    font-weight: 600;
}

.sgem-original-article h4 {
    font-size: clamp(21px, 2vw, 29px);
}

.sgem-original-article p,
.sgem-original-article ul,
.sgem-original-article ol {
    margin-top: 0;
    margin-bottom: 1.15em;
}

.sgem-original-article h1,
.sgem-original-article h2,
.sgem-original-article h3,
.sgem-original-article h4,
.sgem-original-article h5,
.sgem-original-article h6,
.sgem-original-article p,
.sgem-original-article li,
.sgem-original-article a {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.sgem-original-article a {
    color: #0178b1;
    text-decoration-color: rgba(1, 120, 177, 0.35);
    text-underline-offset: 0.18em;
}

.sgem-original-article a:hover,
.sgem-original-article a:focus-visible {
    color: #00588a;
    text-decoration: underline;
}

.sgem-original-article img {
    height: auto;
    max-width: 100%;
}

.sgem-original-article figure {
    max-width: 100%;
    margin: 1.5em 0;
}

.sgem-original-article iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(0, 88, 138, 0.18);
    background: #fff;
}

.sgem-original-article table {
    width: 100%;
    max-width: 100%;
    margin: 1.5em 0;
    border-collapse: collapse;
    border: 1px solid rgba(0, 88, 138, 0.2);
}

.sgem-original-article th,
.sgem-original-article td {
    padding: 12px 14px;
    border: 1px solid rgba(0, 88, 138, 0.17);
    text-align: left;
    vertical-align: top;
}

.sgem-original-article th {
    background: #e3f3fb;
    color: #063d61;
}

.sgem-original-article .g-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0 0 24px;
}

.sgem-original-article .g-block {
    min-width: 0;
    flex: 1 1 100%;
}

.sgem-original-article .g-block[class*="size-50"] {
    flex-basis: calc(50% - 12px);
}

.sgem-original-article .g-block[class*="size-33"] {
    flex-basis: calc(33.333% - 16px);
}

.sgem-original-article .g-block[class*="size-25"] {
    flex-basis: calc(25% - 18px);
}

.sgem-original-article .g-content,
.sgem-original-article .demo-tut-list {
    min-width: 0;
}

.sgem-original-article .g-block > .g-content {
    height: 100%;
    padding: 24px;
    background: linear-gradient(145deg, #f7fcff, #e9f5fb);
    border-top: 3px solid #36a9e1;
}

.sgem-original-article .g-block:nth-child(even) > .g-content {
    border-top-color: #0178b1;
}

.sgem-original-article .button,
.sgem-original-article a.button,
.sgem-original-article input[type="submit"],
.sgem-original-article button {
    display: inline-flex;
    min-height: 42px;
    padding: 10px 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid #0178b1;
    background: #0178b1;
    color: #fff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.sgem-original-article .button:hover,
.sgem-original-article a.button:hover,
.sgem-original-article input[type="submit"]:hover,
.sgem-original-article button:hover {
    background: #00588a;
    border-color: #00588a;
    color: #fff;
    text-decoration: none;
}

.sgem-original-article input,
.sgem-original-article select,
.sgem-original-article textarea {
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 88, 138, 0.28);
    background: #fff;
    color: #173247;
    font: inherit;
}

.sgem-original-article hr {
    margin: 36px 0;
    border: 0;
    border-top: 1px solid rgba(0, 88, 138, 0.18);
}

.sgem-source-empty {
    text-align: center;
}

@media (min-width: 981px) {
    .sgem-inner-source .main-nav {
        top: 18px;
        width: min(1500px, calc(100% - 56px));
        padding: 10px 14px 12px;
        background: linear-gradient(90deg, rgba(3, 40, 65, 0.8) 0 calc(50% - 108px), transparent calc(50% - 108px) calc(50% + 108px), rgba(3, 40, 65, 0.8) calc(50% + 108px) 100%);
        border-top: 1px solid rgba(142, 220, 255, 0.24);
        border-bottom: 1px solid rgba(142, 220, 255, 0.28);
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(10px);
    }

    .sgem-inner-source .nav-list {
        grid-template-columns: 38px 118px 145px 145px minmax(216px, 1fr) 135px 128px 110px 105px 28px;
        gap: 6px;
    }

    .sgem-inner-source .nav-link {
        align-items: center;
        font-size: 14px;
        letter-spacing: 0;
    }

    .sgem-inner-source .nav-link em {
        margin-top: 7px;
        color: rgba(255, 255, 255, 0.82);
        font-size: 10px;
        letter-spacing: 0.25px;
    }

    .sgem-inner-source .crest-link {
        top: 20px;
        width: 118px;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .sgem-inner-source .main-nav {
        width: calc(100% - 24px);
    }

    .sgem-inner-source .nav-list {
        grid-template-columns: 30px 92px 125px 132px minmax(180px, 1fr) 120px 112px 94px 88px 20px;
        gap: 4px;
    }

    .sgem-inner-source .nav-link {
        font-size: 12px;
    }

    .sgem-inner-source .nav-link em {
        font-size: 8.5px;
    }
}

@media (max-width: 980px) {
    .sgem-inner-source .site-header {
        height: 92px;
        background: rgba(2, 23, 37, 0.94);
    }

    .sgem-inner-source .site-header::before {
        display: none;
    }

    /* Centred for the same reason as the Home atlas header above. */
    .sgem-inner-source .crest-link {
        top: 10px;
        width: 96px;
    }

    .sgem-source-hero {
        min-height: 390px;
    }

    .sgem-source-hero-inner {
        width: min(100% - 42px, 760px);
        padding: 135px 0 48px;
    }

    .sgem-source-hero h1 {
        font-size: clamp(38px, 9vw, 58px);
    }

    .sgem-original-article .g-block[class*="size-50"],
    .sgem-original-article .g-block[class*="size-33"],
    .sgem-original-article .g-block[class*="size-25"] {
        flex-basis: 100%;
    }
}

@media (max-width: 620px) {
    .sgem-source-page-shell {
        padding: 36px 14px 65px;
    }

    .sgem-original-article {
        padding: 25px 20px;
        font-size: 17px;
        overflow-x: hidden;
    }

    .sgem-original-article .g-grid,
    .sgem-original-article .g-block,
    .sgem-original-article .g-content,
    .sgem-original-article .g-title {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .sgem-source-breadcrumbs {
        font-size: 12px;
    }
}
/* ==========================================================
   SGEM inner pages — rich editorial component system
   Full Joomla modules remain intact; only presentation changes.
   ========================================================== */
.sgem-inner-source {
    --sgem-ink: #102f43;
    --sgem-deep: #032b46;
    --sgem-navy: #041f33;
    --sgem-blue: #087da8;
    --sgem-sky: #8ed7ee;
    --sgem-ice: #eaf8fd;
    --sgem-sand: #fff8ea;
    --sgem-gold: #f2c33b;
    background: #f3f9fc;
}

.sgem-inner-source .sgem-source-hero {
    min-height: 560px;
    isolation: isolate;
    background-color: var(--sgem-deep);
}

.sgem-inner-source .sgem-source-hero::before {
    transform: scale(1.04);
    filter: saturate(1.08) contrast(1.04);
    animation: sgemHeroDrift 18s ease-in-out infinite alternate;
}

.sgem-inner-source .sgem-source-hero::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 76% 32%, rgba(142, 215, 238, 0.3), transparent 28%),
        repeating-linear-gradient(118deg, transparent 0 82px, rgba(255,255,255,.035) 83px 84px);
    mix-blend-mode: screen;
}

.sgem-inner-source .sgem-source-hero-overlay {
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(2, 22, 36, .96) 0%, rgba(3, 43, 70, .84) 42%, rgba(3, 44, 70, .28) 76%, rgba(2, 22, 36, .16) 100%),
        linear-gradient(0deg, rgba(2, 25, 40, .78), transparent 55%);
}

.sgem-source-hero-inner {
    width: min(1380px, calc(100% - 72px));
    padding: 185px 0 70px;
}

.sgem-source-eventline {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 26px;
    align-items: center;
    gap: 22px;
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sgem-source-eventline::before {
    content: "";
    width: 54px;
    height: 3px;
    flex: 0 0 auto;
    background: linear-gradient(90deg, var(--sgem-gold), #fff0a6);
    box-shadow: 0 0 20px rgba(242, 195, 59, .55);
}

.sgem-source-eventline strong {
    padding-left: 22px;
    border-left: 1px solid rgba(255,255,255,.28);
    color: var(--sgem-sky);
    white-space: nowrap;
}

.sgem-source-kicker {
    margin-bottom: 13px;
    color: var(--sgem-gold);
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.sgem-source-hero h1 {
    max-width: 1120px;
    font-size: clamp(48px, 5.8vw, 88px);
    line-height: .92;
    text-wrap: balance;
}

.sgem-source-breadcrumbs {
    width: fit-content;
    margin-top: 30px;
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(1, 23, 38, .42);
    backdrop-filter: blur(10px);
}

.sgem-source-page-shell {
    position: relative;
    padding: 92px 28px 118px;
    overflow: clip;
    background:
        radial-gradient(circle at 2% 6%, rgba(62, 178, 220, .24), transparent 25%),
        radial-gradient(circle at 96% 44%, rgba(242, 195, 59, .14), transparent 22%),
        linear-gradient(180deg, #e9f7fc 0%, #f8fbfd 28%, #fffaf0 68%, #edf8fc 100%);
}

.sgem-source-page-shell::before,
.sgem-source-page-shell::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.sgem-source-page-shell::before {
    top: 170px;
    left: -190px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(8, 125, 168, .18);
    box-shadow: 0 0 0 44px rgba(8,125,168,.035), 0 0 0 88px rgba(8,125,168,.025);
}

.sgem-source-page-shell::after {
    right: -130px;
    bottom: 190px;
    width: 290px;
    height: 290px;
    background: rgba(242,195,59,.08);
    filter: blur(2px);
}

.sgem-original-article {
    position: relative;
    z-index: 1;
    width: min(1380px, 100%);
    min-height: 260px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--sgem-ink);
    font-size: 18px;
    line-height: 1.68;
}

.sgem-original-article #g-mainbar {
    display: grid;
    gap: 42px;
}

.sgem-original-article .sgem-scene-empty {
    display: none !important;
}

.sgem-original-article .sgem-content-scene {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0;
    padding: clamp(34px, 5vw, 76px);
    overflow: hidden;
    border: 1px solid rgba(8, 91, 128, .12);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.99), rgba(241,250,254,.96));
    box-shadow: 0 30px 75px rgba(1, 50, 78, .12);
    animation: sgemSceneIn .75s both;
}

.sgem-original-article .sgem-content-scene::before {
    content: var(--scene-number);
    position: absolute;
    top: 19px;
    right: 28px;
    color: rgba(4, 74, 110, .1);
    font-size: 68px;
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: 1;
}

.sgem-original-article .sgem-content-scene::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 100%;
    background: linear-gradient(180deg, var(--sgem-gold), #5cc3e7 62%, var(--sgem-blue));
}

.sgem-original-article .sgem-content-scene:nth-child(3n + 1) {
    background:
        radial-gradient(circle at 92% 5%, rgba(242,195,59,.14), transparent 26%),
        linear-gradient(135deg, #fffdf8, #f5fbfd);
}

.sgem-original-article .sgem-content-scene:nth-child(3n + 2) {
    background:
        radial-gradient(circle at 8% 100%, rgba(93, 196, 231, .18), transparent 30%),
        linear-gradient(145deg, #eaf8fd, #ffffff 68%);
}

.sgem-original-article .sgem-content-scene > .g-block {
    position: relative;
    z-index: 1;
}

.sgem-original-article .sgem-content-scene > .g-block > .g-content {
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
}

.sgem-original-article .g-title,
.sgem-original-article h2,
.sgem-original-article h3 {
    position: relative;
    text-wrap: balance;
}

.sgem-original-article .g-title::after,
.sgem-original-article h2::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 17px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--sgem-gold), var(--sgem-sky));
}

.sgem-original-article .button,
.sgem-original-article a.button,
.sgem-original-article input[type="submit"],
.sgem-original-article button {
    position: relative;
    min-height: 48px;
    padding: 12px 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 3px;
    background: linear-gradient(135deg, #0b8cbb, #045b83);
    box-shadow: 0 10px 25px rgba(1, 91, 132, .2), inset 0 1px 0 rgba(255,255,255,.24);
    transform: translateY(0);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.sgem-original-article .button:hover,
.sgem-original-article a.button:hover,
.sgem-original-article input[type="submit"]:hover,
.sgem-original-article button:hover {
    background: linear-gradient(135deg, #087da8, #033f60);
    box-shadow: 0 14px 30px rgba(1, 75, 110, .28), inset 0 1px 0 rgba(255,255,255,.26);
    transform: translateY(-3px);
}

/* Pricing and participation particles */
.sgem-original-article .sgem-scene-pricing {
    padding: clamp(32px, 4vw, 58px);
    background:
        radial-gradient(circle at 90% 0%, rgba(142,215,238,.22), transparent 28%),
        linear-gradient(145deg, #052f4c, #031e31 72%);
    border-color: rgba(142,215,238,.24);
    color: #fff;
}

.sgem-original-article .sgem-scene-pricing::before {
    color: rgba(255,255,255,.09);
}

.sgem-original-article .sgem-scene-pricing .g-title,
.sgem-original-article .sgem-scene-pricing h2,
.sgem-original-article .sgem-scene-pricing h3,
.sgem-original-article .sgem-scene-pricing h4,
.sgem-original-article .sgem-scene-pricing p {
    color: #fff;
}

.sgem-original-article .g-pricingtable-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 22px;
    width: 100%;
    margin-top: 32px;
}

.sgem-original-article .g-pricingtable-col-item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(142,215,238,.28);
    border-radius: 18px;
    background: linear-gradient(155deg, rgba(255,255,255,.13), rgba(255,255,255,.055));
    box-shadow: 0 18px 38px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.sgem-original-article .g-pricingtable-col-item:hover {
    z-index: 2;
    border-color: rgba(242,195,59,.8);
    box-shadow: 0 24px 45px rgba(0,0,0,.26), 0 0 0 1px rgba(242,195,59,.2);
    transform: translateY(-7px);
}

.sgem-original-article ul.g-pricingtable {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0 0 22px;
    flex-direction: column;
    list-style: none;
}

.sgem-original-article .g-pricingtable li {
    padding: 9px 22px;
    overflow-wrap: anywhere;
}

.sgem-original-article .g-pricingtable-plan {
    padding-top: 27px !important;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.05;
    text-transform: uppercase;
}

.sgem-original-article .g-pricingtable-plan a,
.sgem-original-article .g-pricingtable-desc a,
.sgem-original-article .g-pricingtable-item a {
    color: #fff;
}

.sgem-original-article .g-pricingtable-price {
    color: var(--sgem-gold);
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}

.sgem-original-article .g-pricingtable-period {
    color: var(--sgem-sky);
    font-size: 15px;
    font-weight: 600;
}

.sgem-original-article .g-pricingtable-desc {
    color: rgba(255,255,255,.78);
}

.sgem-original-article .g-pricingtable-ribbon {
    align-self: flex-start;
    margin: 0 0 4px;
    padding: 7px 18px !important;
    border-radius: 0 0 12px 0;
    background: var(--sgem-gold);
    color: #092d43;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sgem-original-article .g-pricingtable-item {
    border-top: 1px solid rgba(255,255,255,.09);
    color: rgba(255,255,255,.9);
    font-size: 15px;
}

.sgem-original-article .g-pricingtable-item .fa {
    margin-right: 8px;
    color: var(--sgem-gold);
}

.sgem-original-article .g-pricingtable-cta {
    margin-top: auto;
    padding-top: 20px !important;
}

/* Original hotel/info lists become accessible editorial accordions */
.sgem-original-article .sprocket-lists-modern-container {
    display: grid;
    gap: 14px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.sgem-original-article .sprocket-lists-modern-container > li {
    overflow: hidden;
    border: 1px solid rgba(8,125,168,.18);
    border-radius: 15px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 9px 24px rgba(3,62,91,.07);
}

.sgem-original-article .sprocket-lists-modern-title {
    position: relative;
    margin: 0;
    padding: 20px 64px 20px 24px;
    color: var(--sgem-deep);
    font-size: clamp(21px, 2vw, 29px);
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.sgem-original-article .sprocket-lists-modern-title::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--sgem-ice);
    color: var(--sgem-blue);
    transform: translateY(-50%);
    transition: transform .2s ease, background .2s ease;
}

.sgem-original-article .sprocket-lists-modern-container > li.is-open .sprocket-lists-modern-title {
    background: linear-gradient(90deg, var(--sgem-deep), #075c82);
    color: #fff;
}

.sgem-original-article .sprocket-lists-modern-container > li.is-open .sprocket-lists-modern-title::after {
    content: "−";
    background: var(--sgem-gold);
    color: var(--sgem-navy);
}

.sgem-original-article .sprocket-lists-modern-item {
    padding: 0;
}

.sgem-original-article .sprocket-padding {
    padding: 27px;
}

.sgem-original-article .sprocket-lists-modern-image {
    width: min(280px, 42%);
    margin: 0 25px 14px 0;
    float: left;
    border-radius: 12px;
    box-shadow: 0 13px 30px rgba(3,51,77,.17);
}

/* Mosaic and visual grids */
.sgem-original-article .g-mosaicgrid,
.sgem-original-article .g-mosaicgrid-content {
    width: 100%;
}

.sgem-original-article .g-mosaicgrid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    gap: 22px;
    height: auto !important;
}

.sgem-original-article .g-mosaicgrid-sizer {
    display: none;
}

.sgem-original-article .g-mosaicgrid-item {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 15px 34px rgba(4,54,80,.12);
    transform: none !important;
}

.sgem-original-article .g-mosaicgrid-image {
    overflow: hidden;
    background: var(--sgem-deep);
}

.sgem-original-article .g-mosaicgrid-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .45s ease, opacity .45s ease;
}

.sgem-original-article .g-mosaicgrid-item:hover .g-mosaicgrid-image img {
    opacity: .82;
    transform: scale(1.055);
}

.sgem-original-article .g-mosaicgrid-item-title,
.sgem-original-article .g-mosaicgrid-item .g-content {
    padding: 18px 20px;
}

.sgem-original-article .sprocket-strips-s-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr));
    gap: 20px;
    width: 100% !important;
    transform: none !important;
}

.sgem-original-article .sprocket-strips-s-block {
    position: relative !important;
    width: auto !important;
    min-height: 100%;
    inset: auto !important;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(3,56,84,.11);
}

.sgem-original-article .sprocket-strips-s-item,
.sgem-original-article .sprocket-strips-s-content {
    height: 100%;
}

.sgem-original-article .sprocket-strips-s-image,
.sgem-original-article .sprocket-strips-s-image img {
    width: 100%;
}

.sgem-original-article .sprocket-strips-s-image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.sgem-original-article .sprocket-strips-s-title,
.sgem-original-article .sprocket-strips-s-text {
    display: block;
    padding: 15px 18px;
}

.sgem-original-article .sprocket-strips-s-nav,
.sgem-original-article .g-mosaicgrid-loadmore,
.sgem-original-article .css-loader-wrapper {
    display: none !important;
}

/* Feature/card modules and original colour classes */
.sgem-original-article .sgem-content-scene .g-grid {
    width: 100%;
}

.sgem-original-article .sgem-content-scene .g-grid > .g-block > .g-content,
.sgem-original-article .box1,
.sgem-original-article .box2,
.sgem-original-article .box4,
.sgem-original-article .quote,
.sgem-original-article .alert {
    border-radius: 14px;
}

.sgem-original-article .box1,
.sgem-original-article .box2,
.sgem-original-article .box4,
.sgem-original-article .quote,
.sgem-original-article .alert {
    padding: 22px;
    border: 1px solid rgba(8,125,168,.13);
    background: rgba(235,248,253,.75);
}

.sgem-original-article .title-red {
    border-top: 4px solid #e88e68;
}

.sgem-original-article .title-blue {
    border-top: 4px solid #4ebbe0;
}

.sgem-original-article .title-grey {
    border-top: 4px solid #8ba2af;
}

.sgem-original-article .contactinfo,
.sgem-original-article .date-block {
    display: inline-flex;
    margin: 5px 8px 5px 0;
    padding: 8px 13px;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--sgem-ice);
    color: var(--sgem-deep);
}

.sgem-original-article blockquote,
.sgem-original-article .quote {
    position: relative;
    border-left: 5px solid var(--sgem-gold);
    background: linear-gradient(135deg, #fffaf0, #fff);
}

.sgem-original-article table {
    overflow: hidden;
    border-radius: 13px;
    box-shadow: 0 12px 28px rgba(3,64,94,.08);
}

.sgem-original-article th {
    background: linear-gradient(135deg, var(--sgem-deep), #075c82);
    color: #fff;
}

.sgem-original-article tr:nth-child(even) td {
    background: rgba(234,248,253,.55);
}

.sgem-original-article iframe {
    min-height: 680px;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(2,47,71,.15);
}

.sgem-original-article .globalflash-altcontent,
.sgem-original-article .globalflash-gallery {
    width: 100% !important;
    max-width: 100%;
}

@keyframes sgemHeroDrift {
    from { transform: scale(1.04) translate3d(0,0,0); }
    to { transform: scale(1.09) translate3d(-1.2%, -.7%, 0); }
}

@keyframes sgemSceneIn {
    from { opacity: 0; transform: translateY(22px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .sgem-inner-source .sgem-source-hero::before,
    .sgem-original-article .sgem-content-scene {
        animation: none;
    }
}

@media (max-width: 980px) {
    .sgem-inner-source .sgem-source-hero {
        min-height: 500px;
    }

    .sgem-source-eventline {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .sgem-source-eventline::before {
        width: 42px;
    }

    .sgem-source-eventline strong {
        padding-left: 0;
        border-left: 0;
    }

    .sgem-original-article .sgem-content-scene {
        padding: 34px 28px;
        border-radius: 22px;
    }
}

@media (max-width: 620px) {
    .sgem-source-hero-inner {
        width: calc(100% - 36px);
        padding: 132px 0 44px;
    }

    .sgem-source-eventline {
        font-size: 10px;
    }

    .sgem-source-hero h1 {
        font-size: clamp(39px, 13vw, 58px);
    }

    .sgem-source-breadcrumbs {
        border-radius: 15px;
    }

    .sgem-source-page-shell {
        padding: 40px 12px 70px;
    }

    .sgem-original-article {
        padding: 0;
        font-size: 17px;
    }

    .sgem-original-article #g-mainbar {
        gap: 24px;
    }

    .sgem-original-article .sgem-content-scene {
        padding: 28px 19px;
        border-radius: 18px;
    }

    .sgem-original-article .sgem-content-scene::before {
        right: 16px;
        font-size: 48px;
    }

    .sgem-original-article .sprocket-lists-modern-image {
        width: 100%;
        margin: 0 0 18px;
        float: none;
    }

    .sgem-original-article .g-pricingtable-plan {
        font-size: 22px;
    }
}
/* Component specificity corrections */
.sgem-original-article .sgem-content-scene.sgem-scene-pricing {
    background:
        radial-gradient(circle at 90% 0%, rgba(142,215,238,.22), transparent 28%),
        linear-gradient(145deg, #052f4c, #031e31 72%);
}

.sgem-inner-source .sgem-source-hero-overlay {
    background:
        linear-gradient(90deg, rgba(2,22,36,.97) 0%, rgba(3,43,70,.86) 40%, rgba(3,44,70,.42) 63%, rgba(2,22,36,.08) 100%),
        linear-gradient(0deg, rgba(2,25,40,.72), transparent 58%);
}
.sgem-original-article .sgem-content-scene.sgem-scene-pricing .g-pricingtable-headertext,
.sgem-original-article .sgem-content-scene.sgem-scene-pricing .g-pricingtable-headertext * {
    color: #fff !important;
}

.sgem-original-article .sgem-content-scene.sgem-scene-pricing .g-pricingtable-headertext h4::after {
    content: "";
    display: block;
    width: 78px;
    height: 3px;
    margin: 16px auto 0;
    background: var(--sgem-gold);
    box-shadow: 0 0 18px rgba(242,195,59,.45);
}
/* Deadline and legacy Gantry card-grid correction */
.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]),
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(285px, 100%), 1fr));
    gap: 24px;
    width: 100%;
    margin: 30px 0 52px;
    align-items: stretch;
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) > .g-block,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) > .g-block {
    display: flex;
    width: auto;
    min-width: 0;
    padding: 0;
    flex: none;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(8,125,168,.18);
    border-top: 4px solid #35a9d3;
    border-radius: 18px;
    background: linear-gradient(150deg, #f7fcff, #e9f7fc);
    box-shadow: 0 16px 34px rgba(3,62,91,.1);
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) > .g-block {
    border-top-color: var(--sgem-gold);
    background: linear-gradient(150deg, #fffdf8, #eef9fd);
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) > .g-block > .g-content,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) > .g-block > .g-content {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 27px;
    flex: 1 1 auto;
    flex-direction: column;
    border: 0;
    background: transparent;
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) > .g-block > .g-content + .g-content,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) > .g-block > .g-content + .g-content {
    padding-top: 0;
    flex: 0 0 auto;
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) .date-block,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) .date-block {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--sgem-ink);
    white-space: normal;
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) .g-title,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) .g-title {
    width: 100%;
    margin: 0 0 20px;
    color: #074b70;
    font-size: clamp(25px, 2.1vw, 34px);
    line-height: 1.04;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) .g-title::after,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) .g-title::after {
    width: 52px;
    height: 3px;
    margin-top: 13px;
}

.sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]) .button,
.sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) .button {
    width: fit-content;
    margin-top: auto;
    align-self: flex-start;
}

.sgem-original-article .g-title,
.sgem-original-article h1,
.sgem-original-article h2,
.sgem-original-article h3,
.sgem-original-article h4,
.sgem-original-article h5,
.sgem-original-article h6 {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}

@media (max-width: 700px) {
    .sgem-original-article .g-grid:has(> .g-block[class*="size-25-4"]),
    .sgem-original-article .g-grid:has(> .g-block[class*="size-33-3"]) {
        grid-template-columns: 1fr;
        margin-bottom: 34px;
    }
}

/* 2026-09-30: Home finishing pass — original SGEM palette and structure. */
.sgem-home-atlas{--sgem-deep:#031f34;--sgem-navy:#062f4f;--sgem-blue:#00588a;--sgem-sky:#36a9e1;--sgem-gold:#f4c43f;background:#f3f9fc}
.sgem-home-atlas .site-header,.sgem-home-atlas .main-nav,.sgem-home-atlas .crest-link{transition:height .26s ease,top .26s ease,width .26s ease,background .26s ease,box-shadow .26s ease}
@media(min-width:981px){
.sgem-home-atlas .main-nav{border-top-color:rgba(54,169,225,.34);border-bottom-color:rgba(244,196,63,.46);background:linear-gradient(90deg,rgba(3,38,62,.9) 0 calc(50% - 108px),transparent calc(50% - 108px) calc(50% + 108px),rgba(3,38,62,.9) calc(50% + 108px) 100%);box-shadow:0 18px 46px rgba(0,15,29,.28);backdrop-filter:blur(14px) saturate(1.08)}
.sgem-home-atlas .nav-link{position:relative;min-height:48px;padding:4px 3px 8px;text-shadow:0 2px 7px rgba(0,13,26,.95);transition:color .18s ease,transform .18s ease}
.sgem-home-atlas .nav-link::after{content:"";position:absolute;right:18%;bottom:0;left:18%;height:1px;background:linear-gradient(90deg,transparent,var(--sgem-gold),transparent);transform:scaleX(0);transition:transform .18s ease}
.sgem-home-atlas .nav-item:hover>.nav-link,.sgem-home-atlas .nav-item:focus-within>.nav-link{color:#fff;transform:translateY(-1px)}
.sgem-home-atlas .nav-item:hover>.nav-link::after,.sgem-home-atlas .nav-item:focus-within>.nav-link::after{transform:scaleX(1)}
.sgem-home-atlas .nav-link em{color:#a7ddf4}
.sgem-home-atlas .nav-item>.dropdown{top:54px;min-width:320px;max-width:min(410px,calc(100vw - 40px));max-height:calc(100vh - 92px);padding:12px;overflow-x:visible;overflow-y:auto;border:1px solid rgba(54,169,225,.24);border-top:3px solid var(--sgem-gold);background:linear-gradient(145deg,rgba(3,31,52,.985),rgba(0,78,119,.98));box-shadow:0 26px 58px rgba(0,15,29,.42);backdrop-filter:blur(16px)}
.sgem-home-atlas .dropdown-item{border-bottom:1px solid rgba(142,220,255,.1)}
.sgem-home-atlas .dropdown-item:last-child{border-bottom:0}
.sgem-home-atlas .dropdown-link{min-height:42px;padding:10px 12px;color:rgba(255,255,255,.9);font-size:16px;line-height:1.16;white-space:normal;transition:padding-left .17s ease,color .17s ease,background .17s ease}
.sgem-home-atlas .dropdown-link:hover,.sgem-home-atlas .dropdown-link:focus-visible{padding-left:17px;color:#fff;background:linear-gradient(90deg,rgba(54,169,225,.2),rgba(244,196,63,.08))}
.sgem-home-atlas .dropdown-link b{flex:0 0 auto;color:var(--sgem-gold)}
.sgem-home-atlas .dropdown-submenu{top:-3px;left:calc(100% - 4px);min-width:370px}
.sgem-home-atlas .nav-item:nth-child(2)>.dropdown,.sgem-home-atlas .nav-item:nth-child(3)>.dropdown,.sgem-home-atlas .nav-item:nth-child(4)>.dropdown{left:0;transform:translate(0,10px)}
.sgem-home-atlas .nav-item:nth-child(2):hover>.dropdown,.sgem-home-atlas .nav-item:nth-child(2):focus-within>.dropdown,.sgem-home-atlas .nav-item:nth-child(3):hover>.dropdown,.sgem-home-atlas .nav-item:nth-child(3):focus-within>.dropdown,.sgem-home-atlas .nav-item:nth-child(4):hover>.dropdown,.sgem-home-atlas .nav-item:nth-child(4):focus-within>.dropdown{transform:translate(0)}
.sgem-home-atlas .nav-item:nth-child(n+5)>.dropdown{right:0;left:auto;transform:translate(0,10px)}
.sgem-home-atlas .nav-item:nth-child(n+5):hover>.dropdown,.sgem-home-atlas .nav-item:nth-child(n+5):focus-within>.dropdown{transform:translate(0)}
.sgem-home-atlas .site-header.is-scrolled{height:92px;background:linear-gradient(90deg,rgba(3,31,52,.985),rgba(0,76,116,.97),rgba(3,31,52,.985));box-shadow:0 14px 34px rgba(0,18,32,.28)}
.sgem-home-atlas .site-header.is-scrolled::before{opacity:0}
.sgem-home-atlas .site-header.is-scrolled .main-nav{top:8px;box-shadow:none}
.sgem-home-atlas .site-header.is-scrolled .crest-link{top:7px;width:94px}
}
.sgem-home-atlas .sgem-atlas-hero::after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:9;height:3px;background:linear-gradient(90deg,var(--sgem-gold),var(--sgem-sky) 46%,#8edcff 72%,transparent);pointer-events:none}
.sgem-home-atlas .sgem-atlas-hero .hero-overlay{background:linear-gradient(90deg,rgba(1,18,30,.9) 0,rgba(1,34,55,.66) 40%,rgba(0,88,138,.12) 69%,rgba(1,23,38,.38) 100%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(3,31,52,.18))}
.sgem-home-atlas .sgem-atlas-hero .hero-title{text-wrap:balance}
.sgem-home-atlas .sgem-atlas-cta{background:rgba(2,32,51,.28);box-shadow:inset 0 0 0 1px rgba(142,220,255,.08);backdrop-filter:blur(8px)}
.sgem-home-atlas .sgem-atlas-rail{background:linear-gradient(90deg,rgba(2,23,37,.98),rgba(4,55,84,.96) 54%,rgba(0,88,138,.94))}
.sgem-home-atlas .sgem-home-gateways,.sgem-home-atlas .sgem-visual-topics,.sgem-home-atlas .sgem-conference-story,.sgem-home-atlas .sgem-information-panels{position:relative;isolation:isolate}
.sgem-home-atlas .directions-head {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
}
.sgem-home-atlas .directions-head::before {
    content: "";
    display: block;
    width: 76px;
    height: 3px;
    margin: 0 auto 6px;
    background: linear-gradient(90deg,var(--sgem-gold),var(--sgem-sky));
}
.sgem-home-atlas .directions-head .section-kicker { margin: 0; }
.sgem-home-atlas .directions-head h2 { max-width: 900px; text-wrap: balance; }
.sgem-home-atlas .directions-head .sgem-section-lead { margin: 0; }
.sgem-home-atlas .sgem-home-gateways { padding: 56px 0; }
.sgem-home-atlas #home-gateways { scroll-margin-top: 150px; }
.sgem-home-atlas .sgem-gateway-grid { margin-top: 28px; }
.sgem-home-atlas .sgem-visual-topics,
.sgem-home-atlas .sgem-information-panels { padding: 64px 0; }
.sgem-home-atlas .sgem-topic-grid,
.sgem-home-atlas .sgem-panel-grid { margin-top: 28px; }
@media (max-width: 680px) {
    .sgem-home-atlas .sgem-home-gateways,
    .sgem-home-atlas .sgem-visual-topics,
    .sgem-home-atlas .sgem-information-panels { padding: 40px 0; }
    .sgem-home-atlas .directions-head { gap: 10px; }
    .sgem-home-atlas .directions-head::before { margin-bottom: 4px; }
    .sgem-home-atlas .sgem-gateway-grid,
    .sgem-home-atlas .sgem-topic-grid,
    .sgem-home-atlas .sgem-panel-grid { margin-top: 24px; }
}
.sgem-home-atlas .sgem-information-panels { padding: 44px 0; }
.sgem-home-atlas .sgem-information-panels .directions-head { gap: 10px; }
.sgem-home-atlas .sgem-information-panels .sgem-panel-grid { margin-top: 24px; }
@media (max-width: 680px) {
    .sgem-home-atlas .sgem-information-panels { padding: 32px 0; }
}
.sgem-home-atlas .section-kicker{color:#08749d;letter-spacing:.18em}
.sgem-home-atlas .sgem-home-gateways{background:radial-gradient(circle at 12% 8%,rgba(54,169,225,.2),transparent 32%),radial-gradient(circle at 88% 92%,rgba(0,88,138,.1),transparent 30%),linear-gradient(180deg,#f8fcfe 0,#eaf5fb 100%)}
@media(min-width:1181px){
.sgem-home-atlas .sgem-gateway-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.sgem-home-atlas .sgem-gateway-card{grid-column:span 4;min-height:285px}
.sgem-home-atlas .sgem-gateway-card:nth-child(1){grid-column:span 7;min-height:340px}
.sgem-home-atlas .sgem-gateway-card:nth-child(2){grid-column:span 5;min-height:340px}
}
.sgem-home-atlas .sgem-gateway-card{--sgem-parallax-y:0px;--sgem-image-scale:1.07;border:1px solid rgba(54,169,225,.18);box-shadow:0 22px 52px rgba(0,41,69,.18)}
.sgem-home-atlas .sgem-gateway-card::before{inset:-7%;transform:translate3d(0,var(--sgem-parallax-y),0) scale(var(--sgem-image-scale));transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.sgem-home-atlas .sgem-gateway-card:hover,.sgem-home-atlas .sgem-gateway-card:focus-visible{transform:translateY(-8px);box-shadow:0 30px 66px rgba(0,41,69,.28)}
.sgem-home-atlas .sgem-gateway-card:hover::before,.sgem-home-atlas .sgem-gateway-card:focus-visible::before{--sgem-image-scale:1.12;transform:translate3d(0,var(--sgem-parallax-y),0) scale(var(--sgem-image-scale))}
.sgem-home-atlas .sgem-gateway-shade{background:linear-gradient(180deg,rgba(2,23,38,.02) 8%,rgba(2,23,38,.36) 54%,rgba(2,23,38,.94) 100%),linear-gradient(90deg,rgba(0,88,138,.18),transparent 62%)}
.sgem-home-atlas .sgem-gateway-copy strong{max-width:360px;font-size:clamp(25px,2.2vw,35px);text-wrap:balance}
.sgem-home-atlas .intro-band{padding:104px 0;background-image:linear-gradient(125deg,rgba(3,31,52,.985),rgba(0,88,138,.94))}
.sgem-home-atlas .intro-band .section-kicker,.sgem-home-atlas .sgem-event-card .section-kicker{color:#f5d66e}
.sgem-home-atlas .intro-band.is-armed{background-position:0 0,center calc(50% + var(--sgem-parallax-y,0px));background-size:auto,112% auto}
@media(min-width:821px){
.sgem-home-atlas .intro-band .container{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:18px 70px;align-items:start;text-align:left}
.sgem-home-atlas .intro-band .section-kicker{grid-column:1/-1;margin-bottom:4px}
.sgem-home-atlas .intro-band h2{grid-row:2/span 2;margin:0;font-size:clamp(44px,4.5vw,70px);overflow-wrap:anywhere}
.sgem-home-atlas .intro-band p:not(.section-kicker){margin:0 0 18px;font-size:21px;line-height:1.58}
}
.sgem-home-atlas .sgem-visual-topics{background:linear-gradient(180deg,#fff 0,#f8fbfd 100%)}
.sgem-home-atlas .sgem-topic-card{--sgem-parallax-y:0px;--sgem-image-scale:1.06;border:1px solid rgba(0,88,138,.12);box-shadow:0 22px 52px rgba(0,44,74,.16);transition:transform .26s ease,box-shadow .26s ease}
.sgem-home-atlas .sgem-topic-card img{inset:-6%;width:112%;height:112%;transform:translate3d(0,var(--sgem-parallax-y),0) scale(var(--sgem-image-scale))}
.sgem-home-atlas .sgem-topic-card:hover,.sgem-home-atlas .sgem-topic-card:focus-visible{transform:translateY(-8px);box-shadow:0 32px 68px rgba(0,44,74,.25)}
.sgem-home-atlas .sgem-topic-card:hover img,.sgem-home-atlas .sgem-topic-card:focus-visible img{--sgem-image-scale:1.11;transform:translate3d(0,var(--sgem-parallax-y),0) scale(var(--sgem-image-scale))}
.sgem-home-atlas .sgem-topic-card-shade{background:linear-gradient(180deg,rgba(1,19,32,.02) 12%,rgba(1,27,46,.42) 54%,rgba(1,27,46,.96) 100%),linear-gradient(100deg,rgba(0,89,140,.26),transparent 68%)}
.sgem-home-atlas .sgem-conference-story{background:linear-gradient(90deg,#e8f3f9 0,#e8f3f9 32%,#f8fbfd 32%,#f8fbfd 100%)}
.sgem-home-atlas .sgem-story-card,.sgem-home-atlas .sgem-story-main,.sgem-home-atlas .sgem-event-card,.sgem-home-atlas .sgem-ems-card,.sgem-home-atlas .sgem-info-panel{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.sgem-home-atlas .sgem-story-card:hover,.sgem-home-atlas .sgem-story-main:hover,.sgem-home-atlas .sgem-event-card:hover,.sgem-home-atlas .sgem-ems-card:hover,.sgem-home-atlas .sgem-info-panel:hover{transform:translateY(-6px);box-shadow:0 30px 66px rgba(0,42,70,.2)}
.sgem-home-atlas .sgem-story-card{position:relative;overflow:hidden;border-top:3px solid var(--sgem-sky);background:linear-gradient(150deg,#052d4a,#074a71)}
.sgem-home-atlas .sgem-story-card-alt{border-top-color:var(--sgem-gold);background:linear-gradient(150deg,#00527f,#0074a8)}
.sgem-home-atlas .sgem-story-main{--sgem-parallax-y:0px;overflow:hidden;border-top:4px solid var(--sgem-gold)}
.sgem-home-atlas .sgem-story-banner{transform:translate3d(0,var(--sgem-parallax-y),0) scale(1.045);transition:transform .5s ease}
.sgem-home-atlas .sgem-event-hub{background:radial-gradient(circle at 82% 12%,rgba(54,169,225,.25),transparent 31%),linear-gradient(135deg,#021a2b 0,#063b5f 52%,#006291 100%)}
.sgem-home-atlas .sgem-event-card,.sgem-home-atlas .sgem-ems-card{border-top:3px solid rgba(54,169,225,.8);backdrop-filter:blur(10px)}
.sgem-home-atlas .sgem-ems-card{border-top-color:var(--sgem-gold)}
.sgem-home-atlas .sgem-statistics{background:linear-gradient(100deg,#00588a,#0178b1 56%,#0794bb)}
.sgem-home-atlas .sgem-information-panels{background-color:#f5fafd;background-image:radial-gradient(circle at 8% 8%,rgba(54,169,225,.12),transparent 28%),linear-gradient(rgba(245,250,253,.965),rgba(245,250,253,.965))}
.sgem-home-atlas .sgem-information-panels.is-armed{background-position:0 0,0 0,center calc(50% + var(--sgem-parallax-y,0px));background-size:auto,auto,cover}
.sgem-home-atlas .sgem-info-panel{border:1px solid rgba(0,88,138,.12);border-top:4px solid #0193da}
.sgem-home-atlas .sgem-info-panel li{font-size:14px;line-height:1.48}
@media(prefers-reduced-motion:reduce){.sgem-home-atlas .sgem-gateway-card::before,.sgem-home-atlas .sgem-topic-card img,.sgem-home-atlas .sgem-story-banner{transform:none}}
@media(max-width:980px){.sgem-home-atlas .main-nav{background:none;box-shadow:none}.sgem-home-atlas .nav-list.is-open{background:linear-gradient(180deg,rgba(3,31,52,.99),rgba(0,74,113,.99));border-top:1px solid rgba(244,196,63,.5)}.sgem-home-atlas .dropdown-link{white-space:normal}.sgem-origin-statement{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.sgem-origin-copy{padding-left:24px}}
@media(max-width:820px){.sgem-home-atlas .intro-band{padding:72px 0}.sgem-home-atlas .sgem-topic-card,.sgem-home-atlas .sgem-gateway-card{min-height:340px}}
@media(max-width:540px){.sgem-origin-statement{padding:28px 24px}.sgem-origin-statement h2{font-size:38px}.sgem-origin-copy p{font-size:17px;line-height:1.55}}

/* Nested source menus expand inside the Bologna panel: no clipped fly-outs. */
@media(min-width:981px){
.sgem-home-atlas .nav-item>.dropdown{overflow-x:hidden}
.sgem-home-atlas .dropdown-submenu{position:static;display:none;min-width:0;max-width:none;max-height:none;margin:0 8px 9px;padding:5px 0;border:0;border-left:2px solid rgba(244,196,63,.72);background:rgba(1,25,42,.46);box-shadow:none;transform:none!important;opacity:1;visibility:visible}
.sgem-home-atlas .dropdown-item.has-dropdown:hover>.dropdown-submenu,.sgem-home-atlas .dropdown-item.has-dropdown:focus-within>.dropdown-submenu{display:block;transform:none}
.sgem-home-atlas .dropdown-submenu .dropdown-item{border-bottom-color:rgba(142,220,255,.07)}
.sgem-home-atlas .dropdown-submenu .dropdown-link{min-height:36px;padding:8px 11px 8px 15px;color:rgba(226,244,252,.88);font-size:14px;line-height:1.18}
.sgem-home-atlas .dropdown-submenu .dropdown-link:hover,.sgem-home-atlas .dropdown-submenu .dropdown-link:focus-visible{padding-left:20px;color:#fff}
}