:root {
    --journey-navy:#06111d;
    --journey-navy-2:#091827;
    --journey-navy-3:#0d2030;
    --journey-ivory:#efe9dc;
    --journey-ivory-2:#e5dccb;
    --journey-gold:#c8a65c;
    --journey-gold-soft:#e0c581;
    --journey-text:#eef1ec;
    --journey-muted:#8fa3ae;
    --journey-dark:#10212b;
    --journey-line:rgba(255,255,255,.10);
}

* {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth;
}

body {
    margin:0;

    overflow-x:hidden;

    background:
        var(--journey-navy);

    color:
        var(--journey-text);

    font-family:
        "Inter",
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
}

a {
    color:inherit;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.journey-nav {
    position:absolute;
    z-index:50;

    top:0;
    left:0;
    right:0;

    height:86px;

    padding:
        0
        clamp(28px,5vw,78px);

    display:flex;
    align-items:center;
    justify-content:space-between;

    border-bottom:
        1px solid
        rgba(255,255,255,.07);
}

.journey-brand {
    display:flex;
    align-items:center;

    gap:11px;

    text-decoration:none;
}

.journey-brand-mark {
    width:40px;
    height:40px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(202,168,92,.48);

    color:
        var(--journey-gold-soft);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:22px;
}

.journey-brand-copy strong,
.journey-brand-copy small {
    display:block;
}

.journey-brand-copy strong {
    color:#f1f0ea;

    font-size:12px;
    font-weight:600;

    letter-spacing:.04em;
}

.journey-brand-copy small {
    margin-top:4px;

    color:#748993;

    font-size:7px;
    font-weight:700;

    letter-spacing:.13em;
}

.journey-nav-desktop {
    display:flex;
    align-items:center;

    gap:
        clamp(
            19px,
            2.3vw,
            34px
        );
}

.journey-nav-desktop > a {
    position:relative;

    padding:
        34px
        0
        31px;

    color:#9aaab2;

    font-size:11px;
    font-weight:500;

    text-decoration:none;
}

.journey-nav-desktop > a:hover,
.journey-nav-desktop > a.active {
    color:#f0ede5;
}

.journey-nav-desktop > a.active::after {
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:24px;

    height:1px;

    background:
        var(--journey-gold);
}

.journey-nav-desktop
.journey-nav-pill {
    min-height:39px;

    padding:
        0
        15px;

    display:inline-flex;
    align-items:center;

    border:
        1px solid
        rgba(202,168,92,.32);

    color:
        var(--journey-gold-soft);

    font-size:9px;
    font-weight:700;
}

.journey-mobile-menu {
    display:none;
}


/* ==========================================================
   HERO
   ========================================================== */

.journey-hero {
    position:relative;

    min-height:
        min(
            900px,
            100vh
        );

    padding:
        170px
        clamp(28px,7vw,112px)
        0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 75% 32%,
            rgba(29,87,115,.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 24% 80%,
            rgba(143,99,34,.08),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #06111d 0%,
            #081724 100%
        );
}

.journey-hero::after {
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:180px;

    pointer-events:none;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(3,10,17,.55)
        );
}

.journey-hero-stars {
    position:absolute;
    inset:0;

    opacity:.42;

    background-image:
        radial-gradient(
            circle,
            rgba(255,255,255,.75) 1px,
            transparent 1.4px
        );

    background-size:
        83px 83px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 86%
        );
}

.journey-hero-shell {
    position:relative;
    z-index:2;

    width:min(1380px,100%);

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,.86fr)
        minmax(470px,1.14fr);

    gap:
        clamp(
            60px,
            8vw,
            130px
        );

    align-items:center;
}

.journey-eyebrow {
    display:flex;
    align-items:center;

    gap:10px;

    color:
        var(--journey-gold-soft);

    font-size:9px;
    font-weight:700;

    letter-spacing:.17em;
}

.journey-eyebrow i {
    width:27px;
    height:1px;

    background:
        var(--journey-gold);
}

.journey-hero h1 {
    margin:
        21px
        0
        28px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            62px,
            7.2vw,
            116px
        );

    font-weight:500;

    letter-spacing:-.055em;

    line-height:.83;
}

.journey-hero-lead {
    max-width:630px;

    margin:0;

    color:#aebcc2;

    font-size:
        clamp(
            15px,
            1.12vw,
            17px
        );

    font-weight:300;

    line-height:1.83;
}

.journey-primary-link {
    min-height:45px;

    margin-top:34px;
    padding:0 18px;

    display:inline-flex;
    align-items:center;

    gap:18px;

    border:
        1px solid
        rgba(202,168,92,.36);

    background:
        rgba(202,168,92,.07);

    color:
        var(--journey-gold-soft);

    font-size:10px;
    font-weight:700;

    text-decoration:none;
}

.journey-primary-link span {
    font-size:15px;
}


/* ==========================================================
   HERO ROUTE MAP
   ========================================================== */

.journey-route-map {
    position:relative;

    min-height:490px;
}

.journey-route-line {
    position:absolute;

    top:50%;
    left:5%;
    right:6%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(202,168,92,.42) 15%,
            rgba(202,168,92,.2) 85%,
            transparent
        );

    transform:
        rotate(-13deg);
}

.journey-route-node {
    position:absolute;

    display:flex;
    align-items:center;

    gap:10px;
}

.journey-route-node > i {
    width:12px;
    height:12px;

    flex:0 0 12px;

    border:
        2px solid
        var(--journey-gold);

    border-radius:50%;

    background:#091725;

    box-shadow:
        0 0 0 7px
        rgba(202,168,92,.05);
}

.journey-route-node span {
    min-width:110px;
}

.journey-route-node b,
.journey-route-node strong,
.journey-route-node small {
    display:block;
}

.journey-route-node b {
    color:
        var(--journey-gold-soft);

    font-size:7px;

    letter-spacing:.12em;
}

.journey-route-node strong {
    margin-top:3px;

    color:#dce2e2;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            12px,
            .95vw,
            15px
        );

    font-weight:500;
}

.journey-route-node small {
    margin-top:3px;

    color:#667d89;

    font-size:7px;
}

.journey-route-node.n1 {
    left:2%;
    top:72%;
}

.journey-route-node.n2 {
    left:16%;
    top:57%;
}

.journey-route-node.n3 {
    left:33%;
    top:59%;
}

.journey-route-node.n4 {
    left:48%;
    top:42%;
}

.journey-route-node.n5 {
    left:61%;
    top:31%;
}

.journey-route-node.n6 {
    left:72%;
    top:20%;
}

.journey-route-node.n7 {
    right:0;
    top:8%;
}


/* ==========================================================
   HERO STATS
   ========================================================== */

.journey-hero-stats {
    position:absolute;
    z-index:3;

    left:
        clamp(
            28px,
            7vw,
            112px
        );

    right:
        clamp(
            28px,
            7vw,
            112px
        );

    bottom:43px;

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    border-top:
        1px solid
        rgba(255,255,255,.08);
}

.journey-hero-stats article {
    min-height:84px;

    padding-top:18px;

    border-right:
        1px solid
        rgba(255,255,255,.07);
}

.journey-hero-stats article:last-child {
    border-right:0;
}

.journey-hero-stats strong,
.journey-hero-stats span {
    display:block;
}

.journey-hero-stats strong {
    color:#f0e9d9;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:30px;

    font-weight:400;
}

.journey-hero-stats span {
    margin-top:5px;

    color:#6f858f;

    font-size:8px;
    font-weight:700;

    letter-spacing:.11em;

    text-transform:uppercase;
}


/* ==========================================================
   IVORY MANIFESTO
   ========================================================== */

.journey-manifesto {
    position:relative;

    padding:
        84px
        clamp(28px,7vw,112px)
        70px;

    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

    gap:
        clamp(
            48px,
            8vw,
            130px
        );

    color:
        var(--journey-dark);

    background:
        radial-gradient(
            circle at 72% 40%,
            rgba(114,125,114,.12),
            transparent 27%
        ),
        var(--journey-ivory);
}

.journey-manifesto-copy span,
.journey-manifesto-text strong {
    font-size:9px;

    letter-spacing:.13em;

    text-transform:uppercase;
}

.journey-manifesto-copy span {
    color:#887347;
}

.journey-manifesto-copy h2 {
    margin:
        13px
        0
        0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            47px,
            5vw,
            78px
        );

    font-weight:500;

    letter-spacing:-.045em;

    line-height:.94;
}

.journey-manifesto-copy h2 em {
    display:block;

    color:#9d7f42;

    font-weight:400;
}

.journey-manifesto-text p {
    max-width:620px;

    margin:0;

    color:#45565e;

    font-size:15px;

    line-height:1.85;
}

.journey-manifesto-text strong {
    display:block;

    max-width:560px;

    margin-top:25px;

    color:#20323b;

    line-height:1.65;
}

.journey-manifesto-words {
    grid-column:1 / -1;

    margin-top:30px;
    padding-top:24px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    border-top:
        1px solid
        rgba(16,33,43,.15);

    color:#5a6261;

    font-size:9px;
    font-weight:700;

    letter-spacing:.12em;
}

.journey-manifesto-words i {
    color:#a98d51;

    font-style:normal;
}


/* ==========================================================
   TIMELINE
   ========================================================== */

.journey-timeline-section {
    padding:
        110px
        clamp(28px,7vw,112px)
        130px;

    background:
        linear-gradient(
            180deg,
            #081724 0%,
            #06111d 100%
        );
}

.journey-section-head {
    width:min(1380px,100%);

    margin:0 auto 80px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:60px;
}

.journey-section-head span {
    color:
        var(--journey-gold);

    font-size:9px;
    font-weight:700;

    letter-spacing:.15em;
}

.journey-section-head h2 {
    margin:
        11px
        0
        0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            49px,
            5.6vw,
            84px
        );

    font-weight:500;

    letter-spacing:-.05em;

    line-height:.9;
}

.journey-section-head h2 em {
    display:block;

    color:
        var(--journey-gold-soft);

    font-weight:400;
}

.journey-section-head > p {
    max-width:400px;

    margin:0 0 4px;

    color:#879aa4;

    font-size:14px;

    line-height:1.75;
}

.journey-timeline {
    position:relative;

    width:min(1380px,100%);

    margin:0 auto;
}

.journey-timeline-line {
    position:absolute;

    top:0;
    bottom:0;
    left:50%;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(202,168,92,.44) 5%,
            rgba(202,168,92,.16) 90%,
            transparent
        );
}

.journey-entry {
    position:relative;

    min-height:410px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        86px
        minmax(0,1fr);

    align-items:center;
}

.journey-entry-period {
    padding-right:42px;

    text-align:right;
}

.journey-entry-period span,
.journey-entry-period strong,
.journey-entry-period small {
    display:block;
}

.journey-entry-period span {
    color:
        rgba(202,168,92,.32);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            48px,
            5vw,
            76px
        );

    line-height:1;
}

.journey-entry-period strong {
    margin-top:11px;

    color:#e4dbc7;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:19px;

    font-weight:400;
}

.journey-entry-period small {
    margin-top:7px;

    color:#657b86;

    font-size:8px;

    letter-spacing:.1em;

    text-transform:uppercase;
}

.journey-entry-axis {
    position:relative;

    align-self:stretch;

    display:grid;
    place-items:center;
}

.journey-entry-axis i {
    position:relative;
    z-index:2;

    width:15px;
    height:15px;

    border:
        2px solid
        var(--journey-gold);

    border-radius:50%;

    background:
        var(--journey-navy);

    box-shadow:
        0 0 0 8px
        rgba(202,168,92,.05);
}

.journey-entry-card {
    margin-left:42px;

    padding:
        clamp(
            30px,
            3.1vw,
            44px
        );

    border:
        1px solid
        rgba(255,255,255,.085);

    background:
        linear-gradient(
            145deg,
            rgba(15,35,50,.94),
            rgba(7,21,33,.82)
        );
}

.journey-entry:nth-of-type(even)
.journey-entry-period {
    grid-column:3;

    padding:
        0
        0
        0
        42px;

    text-align:left;
}

.journey-entry:nth-of-type(even)
.journey-entry-axis {
    grid-column:2;
    grid-row:1;
}

.journey-entry:nth-of-type(even)
.journey-entry-card {
    grid-column:1;
    grid-row:1;

    margin:
        0
        42px
        0
        0;
}

.journey-entry-meta {
    display:flex;
    align-items:center;

    gap:11px;

    color:
        var(--journey-gold-soft);

    font-size:8px;
    font-weight:700;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.journey-location {
    padding-left:11px;

    border-left:
        1px solid
        rgba(255,255,255,.12);

    color:#718792;
}

.journey-entry-card h3 {
    margin:
        14px
        0
        17px;

    color:#f0ede4;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            32px,
            3vw,
            47px
        );

    font-weight:500;

    letter-spacing:-.035em;

    line-height:1.02;
}

.journey-entry-description {
    margin:0;

    color:#a7b6bd;

    font-size:14px;

    line-height:1.78;
}

.journey-changed {
    margin-top:28px;
    padding-top:20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);
}

.journey-changed > span {
    color:
        var(--journey-gold);

    font-size:8px;
    font-weight:700;

    letter-spacing:.13em;
}

.journey-changed p {
    margin:
        9px
        0
        0;

    color:#d0d8d8;

    font-size:12.5px;

    line-height:1.72;
}

.journey-source-link {
    margin-top:25px;

    display:inline-flex;
    align-items:center;

    gap:8px;

    color:
        var(--journey-gold-soft);

    font-size:9px;
    font-weight:700;

    text-decoration:none;
}

.journey-media {
    height:210px;

    margin:
        -20px
        -20px
        27px;

    overflow:hidden;
}

.journey-media img {
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}


/* ==========================================================
   BOUNDARY
   ========================================================== */

.journey-boundary {
    padding:
        90px
        clamp(28px,7vw,112px);

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,.9fr);

    align-items:end;

    gap:
        clamp(
            50px,
            8vw,
            130px
        );

    color:
        var(--journey-dark);

    background:
        var(--journey-ivory);
}

.journey-boundary > div > span {
    color:#927747;

    font-size:9px;
    font-weight:700;

    letter-spacing:.14em;
}

.journey-boundary h2 {
    max-width:760px;

    margin:
        13px
        0
        0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            44px,
            5.1vw,
            76px
        );

    font-weight:500;

    letter-spacing:-.045em;

    line-height:.95;
}

.journey-boundary h2 em {
    display:block;

    color:#9b7d3f;

    font-weight:400;
}

.journey-boundary > p {
    margin:0;

    color:#45565e;

    font-size:14px;

    line-height:1.82;
}


/* ==========================================================
   ENDING
   ========================================================== */

.journey-ending {
    padding:
        120px
        clamp(28px,7vw,112px)
        128px;

    text-align:center;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(40,95,122,.16),
            transparent 38%
        ),
        #06111d;
}

.journey-ending > span {
    color:
        var(--journey-gold);

    font-size:9px;
    font-weight:700;

    letter-spacing:.16em;
}

.journey-ending h2 {
    max-width:930px;

    margin:
        14px
        auto
        22px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            47px,
            5.8vw,
            86px
        );

    font-weight:500;

    letter-spacing:-.05em;

    line-height:.91;
}

.journey-ending h2 em {
    display:block;

    color:
        var(--journey-gold-soft);

    font-weight:400;
}

.journey-ending > p {
    max-width:570px;

    margin:
        0
        auto;

    color:#8fa2ac;

    font-size:14px;

    line-height:1.78;
}

.journey-ending-links {
    margin-top:34px;

    display:flex;
    justify-content:center;

    gap:9px;
}

.journey-ending-links a {
    min-height:41px;

    padding:
        0
        15px;

    display:inline-flex;
    align-items:center;

    gap:18px;

    border:
        1px solid
        rgba(255,255,255,.11);

    color:#b9c4c8;

    font-size:9px;
    font-weight:700;

    text-decoration:none;
}

.journey-ending-links a:hover {
    border-color:
        rgba(202,168,92,.34);

    color:
        var(--journey-gold-soft);
}


/* ==========================================================
   FOOTER
   ========================================================== */

.journey-footer {
    min-height:120px;

    padding:
        27px
        clamp(28px,7vw,112px);

    display:grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:center;

    gap:30px;

    border-top:
        1px solid
        rgba(255,255,255,.07);

    background:#050e17;
}

.journey-footer-brand {
    display:flex;
    align-items:center;

    gap:10px;
}

.journey-footer-brand strong,
.journey-footer-brand small {
    display:block;
}

.journey-footer-brand strong {
    font-size:10px;
}

.journey-footer-brand small {
    margin-top:3px;

    color:#647984;

    font-size:7px;
}

.journey-footer nav {
    display:flex;

    gap:20px;
}

.journey-footer nav a {
    color:#7f929b;

    font-size:9px;

    text-decoration:none;
}

.journey-footer > small {
    justify-self:end;

    color:#566b76;

    font-size:8px;
}


/* ==========================================================
   MOBILE RECOMPOSITION
   ========================================================== */

@media (max-width:820px) {

    .journey-nav {
        height:68px;

        padding:
            0
            17px;
    }

    .journey-brand-mark {
        width:34px;
        height:34px;

        font-size:19px;
    }

    .journey-brand-copy strong {
        font-size:10px;
    }

    .journey-brand-copy small {
        font-size:6px;
    }

    .journey-nav-desktop {
        display:none;
    }

    .journey-mobile-menu {
        position:relative;

        display:block;
    }

    .journey-mobile-menu summary {
        width:37px;
        height:37px;

        display:grid;
        place-content:center;

        gap:6px;

        border:
            1px solid
            rgba(255,255,255,.11);

        list-style:none;

        cursor:pointer;
    }

    .journey-mobile-menu summary::-webkit-details-marker {
        display:none;
    }

    .journey-mobile-menu summary span {
        width:15px;
        height:1px;

        display:block;

        background:#d6ddd9;
    }

    .journey-mobile-menu nav {
        position:absolute;

        top:47px;
        right:0;

        width:
            min(
                260px,
                calc(100vw - 34px)
            );

        padding:8px;

        border:
            1px solid
            rgba(255,255,255,.09);

        background:
            rgba(5,15,24,.98);

        box-shadow:
            0 20px 60px
            rgba(0,0,0,.35);
    }

    .journey-mobile-menu nav a {
        min-height:42px;

        padding:
            0
            11px;

        display:flex;
        align-items:center;

        border-bottom:
            1px solid
            rgba(255,255,255,.05);

        color:#9fb0b7;

        font-size:11px;

        text-decoration:none;
    }

    .journey-mobile-menu nav a.active {
        color:
            var(--journey-gold-soft);
    }


    .journey-hero {
        min-height:auto;

        padding:
            118px
            20px
            32px;
    }

    .journey-hero-shell {
        display:block;
    }

    .journey-eyebrow {
        font-size:8px;
    }

    .journey-hero h1 {
        margin-top:18px;

        font-size:
            clamp(
                53px,
                18vw,
                78px
            );
    }

    .journey-hero-lead {
        max-width:500px;

        font-size:14px;

        line-height:1.72;
    }

    .journey-primary-link {
        margin-top:27px;

        font-size:9px;
    }


    .journey-route-map {
        min-height:340px;

        margin-top:45px;
    }

    .journey-route-line {
        top:53%;
        left:1%;
        right:2%;

        transform:
            rotate(-19deg);
    }

    .journey-route-node span {
        min-width:72px;
    }

    .journey-route-node strong {
        max-width:85px;

        overflow:hidden;

        font-size:10px;

        text-overflow:ellipsis;

        white-space:nowrap;
    }

    .journey-route-node small {
        font-size:6px;
    }

    .journey-route-node b {
        font-size:6px;
    }

    .journey-route-node.n1 {
        left:0;
        top:76%;
    }

    .journey-route-node.n2 {
        left:10%;
        top:60%;
    }

    .journey-route-node.n3 {
        left:26%;
        top:62%;
    }

    .journey-route-node.n4 {
        left:42%;
        top:45%;
    }

    .journey-route-node.n5 {
        left:55%;
        top:31%;
    }

    .journey-route-node.n6 {
        left:67%;
        top:17%;
    }

    .journey-route-node.n7 {
        right:-2%;
        top:2%;
    }


    .journey-hero-stats {
        position:relative;

        left:auto;
        right:auto;
        bottom:auto;

        margin-top:10px;

        grid-template-columns:
            repeat(3,1fr);
    }

    .journey-hero-stats article {
        min-height:70px;

        padding-top:15px;
    }

    .journey-hero-stats strong {
        font-size:23px;
    }

    .journey-hero-stats span {
        max-width:90px;

        font-size:6.5px;

        line-height:1.45;
    }


    .journey-manifesto {
        padding:
            60px
            21px
            48px;

        display:block;
    }

    .journey-manifesto-copy span {
        font-size:8px;
    }

    .journey-manifesto-copy h2 {
        font-size:
            clamp(
                43px,
                14vw,
                61px
            );
    }

    .journey-manifesto-text {
        margin-top:32px;
    }

    .journey-manifesto-text p {
        font-size:14px;

        line-height:1.75;
    }

    .journey-manifesto-text strong {
        font-size:8px;
    }

    .journey-manifesto-words {
        margin-top:34px;

        display:grid;

        grid-template-columns:
            1fr auto 1fr;

        gap:
            12px
            7px;

        font-size:7px;
    }

    .journey-manifesto-words span:nth-of-type(4) {
        grid-column:3;
    }


    .journey-timeline-section {
        padding:
            76px
            18px
            86px;
    }

    .journey-section-head {
        margin-bottom:52px;

        display:block;
    }

    .journey-section-head span {
        font-size:8px;
    }

    .journey-section-head h2 {
        font-size:
            clamp(
                43px,
                14vw,
                62px
            );
    }

    .journey-section-head > p {
        margin-top:23px;

        font-size:13px;

        line-height:1.72;
    }


    .journey-timeline-line {
        left:10px;
    }

    .journey-entry {
        min-height:0;

        padding:
            0
            0
            52px;

        display:grid;

        grid-template-columns:
            22px
            minmax(0,1fr);

        align-items:start;
    }

    .journey-entry-period,
    .journey-entry:nth-of-type(even)
    .journey-entry-period {
        grid-column:2;
        grid-row:1;

        padding:
            0
            0
            14px
            17px;

        text-align:left;
    }

    .journey-entry-period span {
        display:none;
    }

    .journey-entry-period strong {
        margin:0;

        font-size:17px;
    }

    .journey-entry-period small {
        margin-top:5px;

        font-size:7px;
    }

    .journey-entry-axis,
    .journey-entry:nth-of-type(even)
    .journey-entry-axis {
        grid-column:1;
        grid-row:1 / span 2;

        align-self:stretch;

        display:flex;
        justify-content:center;

        padding-top:5px;
    }

    .journey-entry-axis i {
        width:12px;
        height:12px;

        flex:0 0 12px;
    }

    .journey-entry-card,
    .journey-entry:nth-of-type(even)
    .journey-entry-card {
        grid-column:2;
        grid-row:2;

        margin:
            0
            0
            0
            17px;

        padding:
            24px
            21px
            27px;
    }

    .journey-entry-meta {
        font-size:7px;
    }

    .journey-entry-card h3 {
        margin-top:12px;

        font-size:
            clamp(
                30px,
                10vw,
                39px
            );
    }

    .journey-entry-description {
        font-size:13.5px;

        line-height:1.72;
    }

    .journey-changed {
        margin-top:24px;

        padding-top:17px;
    }

    .journey-changed > span {
        font-size:7px;
    }

    .journey-changed p {
        font-size:12.5px;

        line-height:1.7;
    }

    .journey-source-link {
        font-size:8px;
    }

    .journey-media {
        height:180px;

        margin:
            -8px
            -7px
            23px;
    }


    .journey-boundary {
        padding:
            64px
            21px;

        display:block;
    }

    .journey-boundary > div > span {
        font-size:8px;
    }

    .journey-boundary h2 {
        font-size:
            clamp(
                41px,
                13vw,
                59px
            );
    }

    .journey-boundary > p {
        margin-top:30px;

        font-size:14px;

        line-height:1.76;
    }


    .journey-ending {
        padding:
            78px
            21px
            82px;
    }

    .journey-ending > span {
        font-size:8px;
    }

    .journey-ending h2 {
        font-size:
            clamp(
                42px,
                13vw,
                61px
            );
    }

    .journey-ending > p {
        font-size:13.5px;
    }

    .journey-ending-links {
        margin-top:29px;

        display:grid;

        grid-template-columns:1fr;
    }

    .journey-ending-links a {
        justify-content:space-between;
    }


    .journey-footer {
        padding:
            29px
            20px;

        display:block;
    }

    .journey-footer nav {
        margin-top:25px;

        display:grid;

        grid-template-columns:
            repeat(2,1fr);

        gap:
            13px
            20px;
    }

    .journey-footer nav a {
        font-size:9px;
    }

    .journey-footer > small {
        display:block;

        margin-top:28px;

        font-size:7px;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce) {

    html {
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}