:root {
    --up4-bg: #f5f1e9;
    --up4-paper: #fffdf9;
    --up4-ink: #0a1728;
    --up4-navy: #07182c;
    --up4-navy-2: #0d2542;
    --up4-muted: #65717d;
    --up4-line: #d9d2c7;
    --up4-accent: #e84c31;
    --up4-accent-deep: #c83b27;
    --up4-shell: min(1320px, calc(100vw - 64px));
    --up4-radius-s: 9px;
    --up4-radius-m: 15px;
    --up4-radius-l: 22px;
    --up4-shadow: 0 18px 46px rgba(7, 24, 44, .10);
    --up4-serif: Georgia, "Times New Roman", Times, serif;
    --up4-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--up4-bg); }
body { margin: 0; color: var(--up4-ink); background: var(--up4-bg); font-family: var(--up4-sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; }
button { font: inherit; }
::selection { background: rgba(232,76,49,.18); }
.up4-shell { width: var(--up4-shell); margin-inline: auto; }

.up4-preview-ribbon { position: relative; z-index: 90; background: #050d18; color: #dce6f1; font-size: 9px; letter-spacing: .04em; }
.up4-preview-ribbon__inner { min-height: 24px; display: flex; align-items: center; gap: 14px; }
.up4-preview-ribbon strong { color: #fff; letter-spacing: .12em; font-size: 8px; }
.up4-preview-ribbon time { margin-left: auto; color: #8fa2b7; }

.up4-header { position: relative; z-index: 70; background: rgba(255,253,249,.97); border-bottom: 1px solid rgba(10,23,40,.09); }
.up4-utility { border-bottom: 1px solid var(--up4-line); color: var(--up4-muted); font-size: 10px; }
.up4-utility__inner { min-height: 24px; display: flex; align-items: center; justify-content: space-between; }
.up4-utility__left, .up4-utility__right { display: flex; align-items: center; gap: 11px; }
.up4-utility__right a:hover { color: var(--up4-accent); }
.up4-utility__sep { opacity: .4; }
.up4-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--up4-accent); box-shadow: 0 0 0 4px rgba(232,76,49,.10); }

.up4-masthead__inner { min-height: 62px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.up4-brand { width: max-content; display: inline-flex; align-items: baseline; font: 700 clamp(34px,3vw,46px)/.92 var(--up4-serif); letter-spacing: -.045em; }
.up4-brand span { color: var(--up4-navy); }
.up4-brand em { color: var(--up4-accent); font-style: normal; }
.up4-masthead__statement { justify-self: center; color: #596675; text-transform: uppercase; letter-spacing: .14em; font-size: 8px; font-weight: 800; white-space: nowrap; }
.up4-masthead__actions { justify-self: end; display: flex; gap: 10px; align-items: center; }
.up4-icon-link { width: 34px; height: 34px; border: 1px solid var(--up4-line); border-radius: 50%; display: grid; place-items: center; transition: .2s ease; }
.up4-icon-link:hover { transform: translateY(-2px); border-color: var(--up4-ink); }
.up4-icon-link svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.up4-menu-button { min-height: 40px; border: 0; background: var(--up4-navy); color: #fff; padding: 0 15px; border-radius: 999px; display: none; align-items: center; gap: 4px; cursor: pointer; }
.up4-menu-button span { width: 3px; height: 3px; border-radius: 50%; background: #fff; }
.up4-menu-button b { margin-left: 6px; font-size: 11px; }

.up4-nav { position: sticky; top: 0; z-index: 80; border-top: 1px solid var(--up4-line); background: rgba(255,253,249,.96); backdrop-filter: blur(14px); }
.up4-nav__inner { min-height: 40px; display: flex; align-items: center; gap: 0; overflow-x: auto; scrollbar-width: none; }
.up4-nav__inner::-webkit-scrollbar { display: none; }
.up4-nav a { position: relative; flex: 0 0 auto; padding: 13px 10px 11px; font-size: 10.5px; font-weight: 750; white-space: nowrap; }
.up4-nav a::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 2px; background: var(--up4-accent); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.up4-nav a:hover, .up4-nav a.is-current { color: var(--up4-accent-deep); }
.up4-nav a:hover::after, .up4-nav a.is-current::after { transform: scaleX(1); }
.up4-nav__special { margin-left: auto; color: #fff !important; background: var(--up4-navy); border-radius: 999px; padding: 7px 12px !important; }
.up4-nav__special::after { display: none; }
.up4-nav__special:hover { background: var(--up4-accent); }

.up4-breaking { background: var(--up4-navy); color: #fff; }
.up4-breaking__inner { min-height: 36px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
.up4-breaking__label { display: flex; align-items: center; gap: 8px; color: #ff8c78; text-transform: uppercase; letter-spacing: .15em; font-size: 9px; font-weight: 900; }
.up4-breaking__label i { width: 6px; height: 6px; border-radius: 50%; background: var(--up4-accent); box-shadow: 0 0 0 4px rgba(232,76,49,.14); }
.up4-breaking a { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 12.5px/1.2 var(--up4-serif); }
.up4-breaking__time { color: #89a2bd; font-size: 9px; }

/* Compact editorial hero: designed to complete inside a normal desktop first fold. */
.up4-hero { padding: 30px 0 20px; background: radial-gradient(circle at 82% 18%, rgba(232,76,49,.08), transparent 28rem); }
.up4-hero__frame { min-height: 420px; display: grid; grid-template-columns: minmax(0,1.06fr) minmax(390px,.94fr); overflow: hidden; border: 1px solid rgba(10,23,40,.09); border-radius: var(--up4-radius-l); background: var(--up4-paper); box-shadow: var(--up4-shadow); }
.up4-hero__art { display: block; min-height: 420px; overflow: hidden; background: var(--up4-navy); }
.up4-hero__art img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.up4-hero__frame:hover .up4-hero__art img { transform: scale(1.015); }
.up4-image-fallback, .up4-card-fallback { width: 100%; height: 100%; min-height: 120px; display: grid; place-items: center; background: linear-gradient(135deg,#0b1e36,#173a60); color: rgba(255,255,255,.82); font: 800 44px/1 var(--up4-serif); }
.up4-hero__copy { position: relative; padding: 34px 38px 32px; display: flex; flex-direction: column; justify-content: center; }
.up4-kicker-row { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; }
.up4-kicker, .up4-edition-tag, .up4-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: 9px; font-weight: 900; }
.up4-kicker, .up4-eyebrow { color: var(--up4-accent); }
.up4-kicker-line { width: 34px; height: 1px; background: var(--up4-accent); }
.up4-edition-tag { color: #7c8792; }
.up4-hero h1 { margin: 0; font: 700 clamp(38px,3.4vw,56px)/.99 var(--up4-serif); letter-spacing: -.047em; text-wrap: balance; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.up4-deck { margin: 17px 0 0; color: #53606d; font: 16px/1.55 var(--up4-sans); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.up4-hero__meta { margin-top: 16px; display: flex; gap: 15px; color: #7d8894; font-size: 10px; }
.up4-hero__meta span + span::before { content: "·"; margin-right: 15px; }
.up4-hero__actions { margin-top: 21px; display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.up4-primary-cta { min-height: 42px; display: inline-flex; align-items: center; gap: 16px; padding: 0 18px; border-radius: 999px; background: var(--up4-navy); color: #fff; font-size: 11px; font-weight: 850; transition: .2s ease; }
.up4-primary-cta:hover { background: var(--up4-accent); transform: translateY(-2px); }
.up4-primary-cta span { font-size: 16px; }
.up4-text-cta { font-size: 11px; font-weight: 800; border-bottom: 1px solid #a5acb3; padding-bottom: 3px; }
.up4-text-cta:hover { color: var(--up4-accent); border-color: var(--up4-accent); }

.up4-support { padding: 0 0 38px; }
.up4-support__grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--up4-line); border-bottom: 1px solid var(--up4-line); }
.up4-support-card { min-width: 0; min-height: 124px; display: grid; grid-template-columns: 116px 1fr; gap: 15px; padding: 18px 18px; border-right: 1px solid var(--up4-line); align-items: center; }
.up4-support-card:last-child { border-right: 0; }
.up4-support-card__image { overflow: hidden; border-radius: var(--up4-radius-s); aspect-ratio: 4/3; background: var(--up4-navy); }
.up4-support-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .22s ease; }
.up4-support-card:hover img { transform: scale(1.035); }
.up4-support-card h2 { margin: 7px 0 0; font: 700 17px/1.17 var(--up4-serif); letter-spacing: -.018em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.up4-support-card h2 a:hover, .up4-story-card h3 a:hover, .up4-headline-item h3 a:hover, .up4-side-card h3 a:hover { color: var(--up4-accent-deep); }

.up4-section { padding: 68px 0; background: var(--up4-bg); }
.up4-section--paper { background: var(--up4-paper); border-block: 1px solid rgba(10,23,40,.06); }
.up4-section--dark { position: relative; overflow: hidden; background: var(--up4-navy); color: #f7f3ea; }
.up4-section--dark::before { content: "URDUPURE"; position: absolute; right: -2vw; top: -36px; color: rgba(255,255,255,.025); font: 900 clamp(90px,11vw,170px)/1 var(--up4-serif); letter-spacing: -.06em; }
.up4-section-head { position: relative; z-index: 1; margin-bottom: 28px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.up4-section-head span, .up4-mini-head span { color: #ff8874; text-transform: uppercase; letter-spacing: .16em; font-size: 9px; font-weight: 900; }
.up4-section-head h2 { max-width: 880px; margin: 6px 0 0; font: 700 clamp(34px,3.6vw,52px)/1.02 var(--up4-serif); letter-spacing: -.04em; text-wrap: balance; }
.up4-section-head > a { color: #a6b6c8; font-size: 10px; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.up4-section-head--ink span { color: var(--up4-accent); }
.up4-section-head--ink > a { color: var(--up4-muted); }

.up4-briefing-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); gap: 34px; }
.up4-feature-card { display: grid; grid-template-columns: minmax(260px,.9fr) 1fr; gap: 24px; align-items: center; }
.up4-feature-card__image { overflow: hidden; border-radius: var(--up4-radius-m); aspect-ratio: 4/3; background: var(--up4-navy); }
.up4-feature-card__image img, .up4-world-lead__image img, .up4-side-card__image img, .up4-tech-lead__image img, .up4-story-card__image img, .up4-journal-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .24s ease; }
.up4-feature-card:hover img, .up4-world-lead:hover img, .up4-side-card:hover img, .up4-tech-lead:hover img, .up4-story-card:hover img, .up4-journal-card:hover img { transform: scale(1.025); }
.up4-feature-card h3 { margin: 8px 0 10px; font: 700 29px/1.06 var(--up4-serif); letter-spacing: -.035em; }
.up4-feature-card p, .up4-world-lead p, .up4-tech-lead p, .up4-story-card p, .up4-journal-card p { margin: 0; color: var(--up4-muted); font: 15px/1.55 var(--up4-sans); }
.up4-headline-stack { border-top: 1px solid var(--up4-line); }
.up4-headline-item { padding: 15px 0; border-bottom: 1px solid var(--up4-line); }
.up4-headline-item h3 { margin: 6px 0; font: 700 19px/1.14 var(--up4-serif); letter-spacing: -.025em; }
.up4-headline-item span { color: #89929b; font-size: 9px; }

.up4-world-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); gap: 34px; }
.up4-world-lead__image { display: block; overflow: hidden; border-radius: var(--up4-radius-m); aspect-ratio: 16/9; background: var(--up4-navy); }
.up4-world-lead .up4-eyebrow { margin-top: 15px; }
.up4-world-lead h3 { margin: 7px 0 10px; font: 700 clamp(29px,2.8vw,42px)/1.04 var(--up4-serif); letter-spacing: -.04em; }
.up4-world-side { display: grid; gap: 15px; align-content: start; }
.up4-side-card { display: grid; grid-template-columns: 132px 1fr; gap: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--up4-line); }
.up4-side-card__image { overflow: hidden; border-radius: var(--up4-radius-s); aspect-ratio: 4/3; background: var(--up4-navy); }
.up4-side-card h3 { margin: 6px 0 0; font: 700 18px/1.12 var(--up4-serif); letter-spacing: -.02em; }

.up4-tech-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); gap: 28px; }
.up4-tech-lead { display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: var(--up4-radius-m); background: rgba(255,255,255,.04); }
.up4-tech-lead__image { min-height: 340px; overflow: hidden; background: #102846; }
.up4-tech-lead__copy { padding: 30px; align-self: center; }
.up4-tech-lead h3 { margin: 8px 0 12px; font: 700 clamp(28px,2.7vw,40px)/1.04 var(--up4-serif); letter-spacing: -.04em; }
.up4-tech-lead p { color: #aebdcd; }

.up4-card-grid { display: grid; gap: 22px; }
.up4-card-grid--2 { grid-template-columns: repeat(2,1fr); }
.up4-card-grid--3 { grid-template-columns: repeat(3,1fr); }
.up4-card-grid--4 { grid-template-columns: repeat(4,1fr); }
.up4-story-card { min-width: 0; }
.up4-story-card__image { display: block; overflow: hidden; border-radius: var(--up4-radius-m); aspect-ratio: 3/2; margin-bottom: 14px; background: var(--up4-navy); }
.up4-story-card h3 { margin: 7px 0 9px; font: 700 22px/1.1 var(--up4-serif); letter-spacing: -.028em; }
.up4-story-card--compact h3 { font-size: 20px; }
.up4-story-card--dark h3 a:hover { color: #ff8a75; }
.up4-story-card--dark .up4-eyebrow { color: #ff8a75; }
.up4-story-card--dark .up4-story-card__image { border: 1px solid rgba(255,255,255,.07); }

.up4-section--split { background: #efe9df; }
.up4-split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; }
.up4-mini-head { padding-bottom: 18px; border-bottom: 2px solid var(--up4-ink); }
.up4-mini-head span { color: var(--up4-accent); }
.up4-mini-head h2 { margin: 6px 0 0; font: 700 31px/1.04 var(--up4-serif); letter-spacing: -.035em; }
.up4-list-cards article { padding: 17px 0; border-bottom: 1px solid #d3ccc0; }
.up4-list-cards h3 { margin: 6px 0 0; font: 700 21px/1.12 var(--up4-serif); letter-spacing: -.025em; }

.up4-useful { background: #0d2630; color: #eff7f4; padding: 60px 0; }
.up4-useful__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.up4-useful span { color: #7dd6c5; text-transform: uppercase; letter-spacing: .16em; font-size: 9px; font-weight: 900; }
.up4-useful h2 { margin: 7px 0 12px; font: 700 clamp(38px,4vw,56px)/1 var(--up4-serif); letter-spacing: -.045em; }
.up4-useful p { max-width: 690px; margin: 0 0 20px; color: #b9cbc7; font: 15px/1.6 var(--up4-sans); }
.up4-useful a { display: inline-block; font-size: 11px; font-weight: 850; border-bottom: 1px solid #7dd6c5; padding-bottom: 4px; }
.up4-useful__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.up4-useful__chips span { color: #e6f5f1; border: 1px solid rgba(125,214,197,.26); background: rgba(255,255,255,.04); border-radius: 999px; padding: 10px 13px; letter-spacing: .04em; font-size: 10px; }

.up4-journal-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; }
.up4-journal-card__image { display: block; overflow: hidden; border-radius: var(--up4-radius-m); aspect-ratio: 16/10; margin-bottom: 15px; background: var(--up4-navy); }
.up4-journal-card h3 { margin: 7px 0 10px; font: 700 25px/1.08 var(--up4-serif); letter-spacing: -.03em; }

.up4-closing { padding: 54px 0; background: var(--up4-paper); border-top: 1px solid var(--up4-line); }
.up4-closing__inner { display: grid; grid-template-columns: 1.4fr .6fr; gap: 40px; align-items: end; }
.up4-closing span { color: var(--up4-accent); text-transform: uppercase; letter-spacing: .16em; font-size: 9px; font-weight: 900; }
.up4-closing h2 { max-width: 820px; margin: 7px 0 0; font: 700 clamp(30px,3.2vw,46px)/1.04 var(--up4-serif); letter-spacing: -.04em; }
.up4-closing__links { display: grid; justify-items: end; gap: 9px; font-size: 11px; font-weight: 800; }
.up4-closing__links a { border-bottom: 1px solid #9aa2aa; padding-bottom: 2px; }

.up4-footer { background: #050d17; color: #97a8ba; padding-top: 48px; }
.up4-footer__grid { display: grid; grid-template-columns: 1.8fr repeat(3,1fr); gap: 54px; padding-bottom: 42px; }
.up4-footer__brand strong { color: #fff; font: 800 36px/1 var(--up4-serif); letter-spacing: -.045em; }
.up4-footer__brand strong em { color: var(--up4-accent); font-style: normal; }
.up4-footer__brand p { max-width: 340px; margin: 13px 0 0; font: 13.5px/1.55 var(--up4-sans); }
.up4-footer h3 { margin: 0 0 13px; color: #fff; text-transform: uppercase; letter-spacing: .13em; font-size: 9px; }
.up4-footer a { display: block; margin: 8px 0; font-size: 11px; }
.up4-footer a:hover { color: #fff; }
.up4-footer__bottom { min-height: 54px; border-top: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 9px; }

@media (max-width: 1180px) {
    :root { --up4-shell: min(1120px, calc(100vw - 42px)); }
    .up4-nav a { padding-inline: 8px; font-size: 10px; }
    .up4-nav a::after { left: 8px; right: 8px; }
    .up4-nav__special { margin-left: 0; }
    .up4-hero__frame { grid-template-columns: 1fr .92fr; }
    .up4-support__grid { grid-template-columns: repeat(2,1fr); }
    .up4-support-card:nth-child(2) { border-right: 0; }
    .up4-support-card:nth-child(-n+2) { border-bottom: 1px solid var(--up4-line); }
    .up4-card-grid--4 { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 920px) {
    :root { --up4-shell: calc(100vw - 34px); }
    .up4-masthead__inner { min-height: 66px; grid-template-columns: 1fr auto; }
    .up4-masthead__statement { display: none; }
    .up4-menu-button { display: inline-flex; }
    .up4-nav { display: none; position: relative; }
    .up4-nav.is-open { display: block; }
    .up4-nav__inner { padding: 12px 0 16px; min-height: 0; flex-wrap: wrap; overflow: visible; }
    .up4-nav a { border: 1px solid var(--up4-line); border-radius: 999px; padding: 10px 12px; }
    .up4-nav a::after { display: none; }
    .up4-hero__frame { min-height: 0; grid-template-columns: 1fr; }
    .up4-hero__art { min-height: 360px; aspect-ratio: 16/9; }
    .up4-hero__copy { padding: 30px; }
    .up4-hero h1 { font-size: clamp(38px,6vw,54px); }
    .up4-briefing-grid, .up4-world-grid, .up4-tech-grid, .up4-useful__inner, .up4-closing__inner { grid-template-columns: 1fr; }
    .up4-feature-card { grid-template-columns: .9fr 1.1fr; }
    .up4-tech-lead { grid-template-columns: 1fr; }
    .up4-tech-lead__image { min-height: 320px; }
    .up4-card-grid--3 { grid-template-columns: repeat(2,1fr); }
    .up4-split-grid { gap: 32px; }
    .up4-footer__grid { grid-template-columns: 1.5fr 1fr 1fr; }
    .up4-footer__grid > div:last-child { grid-column: 2 / 4; }
    .up4-closing__links { justify-items: start; }
}

@media (max-width: 640px) {
    :root { --up4-shell: calc(100vw - 24px); }
    .up4-preview-ribbon__inner { min-height: 36px; }
    .up4-preview-ribbon span, .up4-preview-ribbon time { display: none; }
    .up4-utility__left span:not(.up4-live-dot):not(:first-of-type) { display: none; }
    .up4-utility__right a:first-child { display: none; }
    .up4-brand { font-size: 38px; }
    .up4-icon-link { display: none; }
    .up4-breaking__inner { min-height: 44px; grid-template-columns: auto 1fr; gap: 11px; }
    .up4-breaking__time { display: none; }
    .up4-hero { padding: 18px 0 16px; }
    .up4-hero__frame { border-radius: 17px; }
    .up4-hero__art { min-height: 245px; }
    .up4-hero__copy { padding: 24px 21px 25px; }
    .up4-kicker-row { margin-bottom: 13px; }
    .up4-hero h1 { font-size: clamp(34px,10.7vw,46px); line-height: 1; -webkit-line-clamp: 5; }
    .up4-deck { margin-top: 15px; font-size: 16px; -webkit-line-clamp: 3; }
    .up4-hero__actions { margin-top: 18px; }
    .up4-support { padding-bottom: 20px; }
    .up4-support__grid { grid-template-columns: 1fr; }
    .up4-support-card { min-height: 0; grid-template-columns: 104px 1fr; border-right: 0; border-bottom: 1px solid var(--up4-line); padding: 15px 0; }
    .up4-support-card:last-child { border-bottom: 0; }
    .up4-section { padding: 48px 0; }
    .up4-section-head { align-items: flex-start; flex-direction: column; margin-bottom: 22px; }
    .up4-section-head h2 { font-size: 34px; }
    .up4-feature-card { grid-template-columns: 1fr; }
    .up4-feature-card__image { aspect-ratio: 16/10; }
    .up4-feature-card h3 { font-size: 27px; }
    .up4-world-grid { gap: 26px; }
    .up4-side-card { grid-template-columns: 104px 1fr; }
    .up4-tech-lead__image { min-height: 245px; }
    .up4-tech-lead__copy { padding: 23px; }
    .up4-card-grid--2, .up4-card-grid--3, .up4-card-grid--4 { grid-template-columns: 1fr; }
    .up4-split-grid { grid-template-columns: 1fr; }
    .up4-useful { padding: 48px 0; }
    .up4-journal-grid { grid-template-columns: 1fr; }
    .up4-footer__grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
    .up4-footer__brand { grid-column: 1 / -1; }
    .up4-footer__grid > div:last-child { grid-column: auto; }
    .up4-footer__bottom { padding: 18px 0; min-height: 0; flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

/* =========================================================
   UP4-A v1.3 — STRUCTURAL UI OVERRIDES
   Material visual delta from v1.2:
   - utility + nav rows merged into a single compact masthead
   - post-hero rail becomes image-led editorial cards
   - Inter + Source Serif 4 typography
   - smaller hero so secondary stories enter the first fold
   ========================================================= */
:root {
    --up4-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --up4-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --up4-shell: min(1320px, calc(100vw - 72px));
}

.up4-preview-ribbon__inner { min-height: 22px; }
.up4-preview-ribbon { font-size: 8.5px; }
.up4-preview-ribbon strong { font-size: 7.5px; }

.up4-header--v130 {
    position: sticky;
    top: 0;
    z-index: 85;
    border-bottom: 1px solid rgba(10,23,40,.10);
    background: rgba(255,253,249,.97);
    backdrop-filter: blur(16px);
}
.up4-header--v130 .up4-masthead { position: relative; }
.up4-header--v130 .up4-masthead__inner {
    min-height: 58px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 26px;
}
.up4-header--v130 .up4-brand {
    font: 700 38px/.9 var(--up4-serif);
    letter-spacing: -.045em;
}
.up4-header--v130 .up4-nav {
    position: static;
    border: 0;
    background: transparent;
    backdrop-filter: none;
    min-width: 0;
}
.up4-header--v130 .up4-nav__inner {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    overflow: visible;
}
.up4-header--v130 .up4-nav a {
    padding: 21px 0 18px;
    font: 600 11px/1 var(--up4-sans);
    letter-spacing: -.01em;
}
.up4-header--v130 .up4-nav a::after { left: 0; right: 0; bottom: 11px; }
.up4-header--v130 .up4-nav__special {
    margin-left: 4px;
    padding: 8px 12px !important;
    font-weight: 700;
}
.up4-header--v130 .up4-masthead__actions { gap: 9px; white-space: nowrap; }
.up4-edition-chip {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid var(--up4-line);
    border-radius: 999px;
    color: var(--up4-muted);
    font: 600 9px/1 var(--up4-sans);
    text-transform: uppercase;
    letter-spacing: .08em;
}
.up4-language-link { color: var(--up4-muted); font: 500 10px/1 var(--up4-sans); }
.up4-language-link:hover { color: var(--up4-accent-deep); }
.up4-header--v130 .up4-icon-link { width: 31px; height: 31px; }

.up4-breaking__inner { min-height: 32px; }
.up4-breaking a { font: 600 12px/1.2 var(--up4-sans); }

.up4-hero { padding: 22px 0 18px; }
.up4-hero__frame { min-height: 372px; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); }
.up4-hero__art { min-height: 372px; }
.up4-hero__copy { padding: 28px 34px 28px; }
.up4-kicker-row { margin-bottom: 12px; }
.up4-hero h1 {
    font: 700 clamp(36px,3vw,50px)/1 var(--up4-serif);
    letter-spacing: -.04em;
    -webkit-line-clamp: 4;
}
.up4-deck { margin-top: 13px; font: 15px/1.48 var(--up4-sans); -webkit-line-clamp: 2; }
.up4-hero__meta { margin-top: 12px; }
.up4-hero__actions { margin-top: 16px; }
.up4-primary-cta { min-height: 38px; }

.up4-support { padding: 0 0 44px; }
.up4-support__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
    border: 0;
}
.up4-support-card {
    min-width: 0;
    min-height: 0;
    display: block;
    padding: 0;
    border: 0;
    align-items: initial;
}
.up4-support-card__image {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(7,24,44,.08);
}
.up4-support-card__copy { padding-top: 11px; }
.up4-support-card h2 {
    margin: 6px 0 0;
    font: 700 19px/1.12 var(--up4-serif);
    letter-spacing: -.025em;
    -webkit-line-clamp: 3;
}
.up4-support-card .up4-eyebrow { font-size: 8.5px; }

.up4-section-head h2 { font-family: var(--up4-serif); }
.up4-eyebrow, .up4-kicker, .up4-edition-tag, .up4-section-head span, .up4-mini-head span { font-family: var(--up4-sans); }

@media (max-width: 1240px) {
    :root { --up4-shell: min(1160px, calc(100vw - 44px)); }
    .up4-header--v130 .up4-masthead__inner { gap: 18px; }
    .up4-header--v130 .up4-nav__inner { gap: 12px; }
    .up4-header--v130 .up4-nav a { font-size: 10px; }
    .up4-edition-chip, .up4-language-link { display: none; }
}

@media (max-width: 980px) {
    .up4-header--v130 .up4-masthead__inner {
        min-height: 58px;
        grid-template-columns: 1fr auto;
        gap: 14px;
    }
    .up4-header--v130 .up4-brand { font-size: 35px; }
    .up4-header--v130 .up4-menu-button { display: inline-flex; min-height: 34px; }
    .up4-header--v130 .up4-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 10px 22px 18px;
        border-top: 1px solid var(--up4-line);
        background: var(--up4-paper);
        box-shadow: 0 18px 38px rgba(7,24,44,.12);
    }
    .up4-header--v130 .up4-nav.is-open { display: block; }
    .up4-header--v130 .up4-nav__inner {
        min-height: 0;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 0;
    }
    .up4-header--v130 .up4-nav a {
        padding: 13px 8px;
        border-bottom: 1px solid var(--up4-line);
        font-size: 12px;
    }
    .up4-header--v130 .up4-nav a::after { display: none; }
    .up4-header--v130 .up4-nav__special { margin: 8px 0 0; text-align: center; }
    .up4-support__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
}

@media (max-width: 640px) {
    :root { --up4-shell: calc(100vw - 28px); }
    .up4-preview-ribbon__inner { min-height: 24px; }
    .up4-preview-ribbon span { display: none; }
    .up4-header--v130 .up4-brand { font-size: 31px; }
    .up4-language-link, .up4-edition-chip { display: none; }
    .up4-hero { padding-top: 14px; }
    .up4-hero__frame { min-height: 0; }
    .up4-support { padding-bottom: 30px; }
    .up4-support__grid { grid-template-columns: 1fr 1fr; gap: 18px 14px; }
    .up4-support-card__image { aspect-ratio: 4/3; }
    .up4-support-card h2 { font-size: 16px; line-height: 1.15; }
}