.ult-about-page{--journey:#19bcbf;--journey-rgb:25,188,191}.ult-about-masthead{overflow:hidden}.ult-about-masthead .ult-title em{color:var(--ult-accent-dark);font-style:normal}.ult-about-countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.ult-about-countdown div{padding:10px 4px;border:1px solid var(--ult-line);border-radius:11px;background:rgba(25,188,191,.07);text-align:center}.ult-about-countdown strong,.ult-about-countdown span{display:block}.ult-about-countdown strong{color:var(--ult-ink);font-size:19px;font-weight:950;line-height:1}.ult-about-countdown span{margin-top:5px;color:var(--ult-muted);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ult-about-rail{grid-template-columns:repeat(4,minmax(0,1fr))}

.ult-about-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:32px;max-width:900px;margin:74px auto 86px}.ult-about-intro-number{color:transparent;font-size:clamp(110px,15vw,190px);font-weight:950;letter-spacing:-.1em;line-height:.7;-webkit-text-stroke:1px var(--ult-line-strong)}.ult-about-intro h2{margin:8px 0 0;color:var(--ult-ink);font-size:clamp(32px,4vw,50px);font-weight:950;letter-spacing:-.065em;line-height:1}.ult-about-intro p{max-width:670px;margin:16px 0 0;color:var(--ult-muted);font-size:14px;line-height:1.75}

.ult-about-journey{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:48px;max-width:1120px;margin:0 auto}.ult-about-journey-guide{position:sticky;top:calc(var(--ult-fixed-header-height,80px) + 32px);align-self:start;height:calc(100vh - var(--ult-fixed-header-height,80px) - 64px);min-height:440px;padding:14px 0;color:var(--ult-muted)}.ult-about-journey-guide>span{display:block;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.ult-about-guide-track{position:absolute;top:14px;right:37px;bottom:62px;width:2px;background:var(--ult-line)}.ult-about-guide-track i{position:absolute;top:0;right:0;left:0;height:0;background:linear-gradient(var(--ult-accent),var(--ult-accent-dark));box-shadow:0 0 18px rgba(25,188,191,.35);transition:height .12s linear}.ult-about-journey-guide strong{position:absolute;right:52px;bottom:36px;color:var(--ult-ink);font-size:30px;font-weight:950;letter-spacing:-.08em}.ult-about-journey-guide small{position:absolute;right:22px;bottom:43px;font-size:10px;font-weight:900}

.ult-about-journey-list{position:relative}.ult-about-journey-list::before{content:"";position:absolute;top:70px;bottom:120px;left:27px;width:1px;background:var(--ult-line)}.ult-about-milestone{--milestone:#148eff;--milestone-rgb:20,142,255;position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:28px;min-height:72vh;padding:0 0 90px;opacity:.18;transform:translateY(42px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.ult-about-milestone.is-visible{opacity:.72;transform:none}.ult-about-milestone.is-active{opacity:1}.ult-about-milestone.is-ember{--milestone:#e45c2a;--milestone-rgb:228,92,42}.ult-about-milestone.is-green{--milestone:#39a95b;--milestone-rgb:57,169,91}.ult-about-milestone.is-purple{--milestone:#a855f7;--milestone-rgb:168,85,247}.ult-about-milestone.is-gold{--milestone:#e5a829;--milestone-rgb:229,168,41}.ult-about-milestone.is-cyan{--milestone:#31c7d5;--milestone-rgb:49,199,213}.ult-about-milestone.is-midnight{--milestone:#7c6ee6;--milestone-rgb:124,110,230}.ult-about-milestone.is-spore{--milestone:#8acb55;--milestone-rgb:138,203,85}.ult-about-milestone.is-future{--milestone:#19bcbf;--milestone-rgb:25,188,191}.ult-about-milestone-marker{position:relative;z-index:2;display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--ult-line);border-radius:50%;color:var(--ult-muted);background:var(--ult-bg);box-shadow:0 0 0 9px var(--ult-bg);transition:border-color .3s,color .3s,background .3s,transform .3s}.ult-about-milestone.is-active .ult-about-milestone-marker{border-color:var(--milestone);color:#fff;background:var(--milestone);transform:scale(1.08)}.ult-about-milestone-marker span{font-size:10px;font-weight:950;letter-spacing:.06em}

.ult-about-milestone-card{position:relative;overflow:hidden;padding:38px;border:1px solid var(--ult-line);border-radius:24px;background:var(--ult-surface);box-shadow:var(--ult-shadow)}.ult-about-milestone-card::after{content:"";position:absolute;top:-160px;right:-160px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(var(--milestone-rgb),.16),transparent 68%);pointer-events:none}.ult-about-milestone.is-featured .ult-about-milestone-card{border-color:rgba(var(--milestone-rgb),.48);box-shadow:0 26px 90px rgba(var(--milestone-rgb),.14)}.ult-about-milestone.is-future .ult-about-milestone-card{border-style:dashed;background:linear-gradient(135deg,rgba(25,188,191,.08),var(--ult-surface))}.ult-about-milestone-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}.ult-about-milestone-top>div{display:flex;align-items:center;gap:10px}.ult-about-milestone-top span{color:var(--ult-muted);font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.ult-about-milestone-top b{padding:5px 8px;border-radius:999px;color:var(--milestone);background:rgba(var(--milestone-rgb),.11);font-size:9px;letter-spacing:.08em}.ult-about-milestone-top em{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#614200;background:rgba(229,168,41,.16);font-size:9px;font-style:normal;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.ult-about-milestone-top em.is-live{color:var(--ult-accent-dark);background:rgba(25,188,191,.12)}.ult-about-milestone-top em.is-next{color:var(--ult-accent-dark);background:rgba(25,188,191,.12)}.ult-about-milestone-card h3{position:relative;z-index:1;max-width:720px;margin:21px 0 0;color:var(--ult-ink);font-size:clamp(29px,4vw,48px);font-weight:950;letter-spacing:-.065em;line-height:1}.ult-about-achievement-line{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.ult-about-achievement-line strong,.ult-about-achievement-line span{padding:8px 11px;border-radius:9px;font-size:11px;font-weight:900}.ult-about-achievement-line strong{color:#fff;background:var(--milestone)}.ult-about-achievement-line span{color:var(--ult-ink);background:rgba(var(--milestone-rgb),.1)}.ult-about-milestone-card>p{position:relative;z-index:1;max-width:700px;margin:22px 0 0;color:var(--ult-muted);font-size:13px;line-height:1.75}

.ult-about-current-detail{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-top:28px;padding:20px;border:1px solid rgba(var(--milestone-rgb),.22);border-radius:16px;background:rgba(var(--milestone-rgb),.055)}.ult-about-current-detail>div span,.ult-about-current-detail>div strong,.ult-about-current-detail>div small{display:block}.ult-about-current-detail>div span,.ult-about-current-detail dt{color:var(--ult-muted);font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.ult-about-current-detail>div strong{margin-top:6px;color:var(--ult-ink);font-size:15px}.ult-about-current-detail>div small{margin-top:4px;color:var(--milestone);font-size:10px;font-weight:850}.ult-about-current-detail dl{display:grid;grid-template-columns:repeat(3,minmax(68px,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--ult-line);border-radius:11px;background:var(--ult-line)}.ult-about-current-detail dl div{padding:10px 13px;background:var(--ult-surface-solid);text-align:center}.ult-about-current-detail dt{font-weight:900}.ult-about-current-detail dd{margin:4px 0 0;color:var(--ult-ink);font-size:13px;font-weight:950}.ult-about-future-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}

.ult-about-endnote{max-width:900px;margin:10px auto 0;padding:90px 30px;text-align:center}.ult-about-endnote>span{color:var(--ult-accent-dark);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.ult-about-endnote h2{margin:14px 0 0;color:var(--ult-ink);font-size:clamp(34px,5vw,62px);font-weight:950;letter-spacing:-.07em;line-height:.98}.ult-about-endnote p{margin:18px 0 0;color:var(--ult-muted)}.ult-about-endnote a{display:inline-flex;align-items:center;gap:10px;margin-top:27px;color:var(--ult-accent-dark);font-size:12px;font-weight:950;text-decoration:none}

@media(max-width:980px){.ult-about-rail{grid-template-columns:repeat(2,1fr)}.ult-about-journey{grid-template-columns:80px minmax(0,1fr);gap:20px}.ult-about-journey-guide>span{display:none}.ult-about-guide-track{right:39px}.ult-about-journey-guide strong{right:45px}.ult-about-journey-guide small{right:15px}.ult-about-milestone{min-height:60vh}.ult-about-current-detail{grid-template-columns:1fr}}
@media(max-width:680px){.ult-about-rail{grid-template-columns:1fr}.ult-about-intro{grid-template-columns:1fr;gap:18px;margin:50px 0 64px}.ult-about-intro-number{font-size:100px}.ult-about-journey{display:block}.ult-about-journey-guide{display:none}.ult-about-journey-list::before{left:19px}.ult-about-milestone{grid-template-columns:40px minmax(0,1fr);gap:13px;min-height:0;padding-bottom:68px;opacity:.35}.ult-about-milestone-marker{width:40px;height:40px;box-shadow:0 0 0 6px var(--ult-bg)}.ult-about-milestone-card{padding:25px 21px}.ult-about-milestone-top{align-items:flex-start}.ult-about-milestone-top>div{display:block}.ult-about-milestone-top b{display:inline-block;margin-top:6px}.ult-about-milestone-top em{flex:0 0 auto}.ult-about-current-detail dl{grid-template-columns:repeat(3,1fr)}.ult-about-current-detail dl div{padding:9px 5px}.ult-about-future-actions{display:grid}.ult-about-future-actions .ult-btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.ult-about-milestone{opacity:1;transform:none;transition:none}.ult-about-guide-track i{transition:none}}

/* Compact journey sizing: cards follow their content instead of viewport height. */
.ult-about-milestone {
    align-items: start;
    min-height: 0;
    padding-bottom: clamp(42px, 5vh, 68px);
    transform: translateY(28px);
    transition-duration: .55s;
}

.ult-about-milestone-card {
    min-height: 0;
    padding: 30px 32px;
    border-radius: 20px;
}

.ult-about-milestone-card h3 {
    margin-top: 17px;
    font-size: clamp(26px, 2.5vw, 40px);
    letter-spacing: -.06em;
}

.ult-about-achievement-line {
    gap: 8px;
    margin-top: 14px;
}

.ult-about-milestone-card > p {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.65;
}

@media (max-width: 980px) {
    .ult-about-milestone {
        min-height: 0;
    }
}

@media (max-width: 680px) {
    .ult-about-milestone {
        padding-bottom: 42px;
    }

    .ult-about-milestone-card {
        padding: 23px 20px;
    }
}

/* About masthead and dated progression rows. */
.ult-about-masthead .ult-title {
    max-width: 780px;
    font-size: clamp(54px, 7vw, 96px);
    line-height: .86;
    letter-spacing: -.085em;
}

.ult-about-milestone-top time {
    color: var(--ult-ink);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ult-about-current-detail dl {
    grid-template-columns: repeat(4, minmax(68px, 1fr));
}

@media (max-width: 680px) {
    .ult-about-masthead .ult-title {
        font-size: clamp(48px, 15vw, 72px);
    }

    .ult-about-current-detail dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*
|--------------------------------------------------------------------------
| Immediate About Page Rendering
|--------------------------------------------------------------------------
|
| Milestones previously began almost transparent and translated downward,
| making a fully loaded page appear to still be loading. Keep every milestone
| immediately readable while retaining the active-step emphasis.
|
*/

.ult-about-milestone,
.ult-about-milestone.is-visible {
    opacity: 0.88;
    transform: none;
    transition: opacity 160ms ease;
}

.ult-about-milestone.is-active {
    opacity: 1;
    transform: none;
}

@media (max-width: 680px) {
    .ult-about-milestone,
    .ult-about-milestone.is-visible,
    .ult-about-milestone.is-active {
        transform: none;
    }
}