.russia-hero { align-items: center; display: grid; gap: 70px; grid-template-columns: 1.15fr .85fr; margin: 0 auto; max-width: var(--container-max); min-height: 540px; padding: 76px 42px 35px; }.russia-hero h1 { font-size: clamp(58px,6.4vw,92px); }.russia-hero>div>p:not(.eyebrow) { color: var(--muted); font-size: 15px; line-height: 1.75; max-width: 580px; }.russia-hero .status { margin: 38px 0 0; }.russia-now { background: radial-gradient(circle at 75% 20%,var(--accent-soft),transparent 42%),var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); display: grid; gap: 13px; min-height: 260px; padding: 38px; place-content: center; }.russia-now span,.russia-now small { color: var(--muted); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }.russia-now strong { font-family: var(--font-geist-mono),monospace; font-size: clamp(48px,5vw,72px); font-variant-numeric: tabular-nums; font-weight: 430; letter-spacing: -.07em; }
.russia-section { padding-top: 72px; }.russia-timeline { display: grid; gap: 11px; grid-template-columns: repeat(4,1fr); }.russia-zone-card { align-items: center; background: linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-solid) 82%,transparent)); border: 1px solid var(--line); border-radius: 19px; display: flex; flex-direction: column; min-height: 300px; padding: 20px; transition: border-color var(--transition-normal) ease,transform var(--transition-normal) ease; }.russia-zone-card:hover { border-color: var(--line-strong); transform: translateY(-3px); }.russia-zone-top { align-items: center; display: flex; justify-content: space-between; width: 100%; }.russia-zone-top span { color: var(--accent); font-family: var(--font-geist-mono),monospace; font-size: 9px; }.russia-zone-top b { font-size: 12px; font-weight: 560; }.russia-clock { border: 1px solid var(--line-strong); border-radius: 50%; box-shadow: inset 0 0 25px var(--accent-soft); height: 112px; margin: 24px 0 20px; padding: 5px; width: 112px; }.russia-clock .clock-number { font-size: 7px; }.russia-clock .clock-number-major { font-size: 8px; }.russia-clock[data-dial="numbers"] .clock-number { display: block; }.russia-clock .hand { left: calc(50% - 1px); width: 2px; }.russia-clock .minute { width: 1.5px; }.russia-clock .second { left: calc(50% - .5px); width: 1px; }.russia-clock .pin { border-width: 2px; height: 8px; left: calc(50% - 4px); top: calc(50% - 4px); width: 8px; }.russia-zone-card>.js-russia-time { font-family: var(--font-geist-mono),monospace; font-size: 25px; font-variant-numeric: tabular-nums; font-weight: 430; letter-spacing: -.04em; }.russia-zone-card>small { color: var(--faint); font-size: 8px; margin-top: 7px; }.russia-info { align-items: start; }
.special-hero { align-items: center; display: grid; gap: 60px; grid-template-columns: 1.08fr .92fr; margin: 0 auto; max-width: var(--container-max); min-height: 610px; padding: 76px 42px 50px; }.special-copy .status { margin-bottom: 34px; }.special-copy h1 { font-size: clamp(54px,6vw,88px); max-width: 760px; }.special-copy .lede { max-width: 620px; }.special-clock { display: grid; place-content: center; }.special-tool-section { padding-top: 45px; }.tool-world-grid { display: grid; gap: 10px; grid-template-columns: repeat(4,1fr); }.tool-world-card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 8px; min-height: 145px; padding: 18px; }.tool-world-card:hover { border-color: var(--line-strong); }.tool-world-card span,.tool-world-card small { color: var(--faint); font-size: 8px; }.tool-world-card strong { font-size: 15px; }.tool-world-card b { font-family: var(--font-geist-mono),monospace; font-size: 24px; font-weight: 430; }
.milliseconds-panel { background: radial-gradient(circle at 80% 20%,var(--accent-soft),transparent 38%),var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); display: grid; gap: 16px; padding: 48px; }.milliseconds-panel>span { color: var(--accent); font-size: 9px; letter-spacing: .14em; }.milliseconds-panel strong { font-family: var(--font-geist-mono),monospace; font-size: clamp(42px,7.5vw,104px); font-variant-numeric: tabular-nums; font-weight: 430; letter-spacing: -.07em; white-space: nowrap; }.milliseconds-panel p { color: var(--muted); font-size: 11px; margin: 0; }.date-tool-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,1fr); }.date-tool-grid>div { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 13px; padding: 24px; }.date-tool-grid span { color: var(--faint); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.date-tool-grid strong { font-family: var(--font-geist-mono),monospace; font-size: 18px; font-weight: 430; overflow-wrap: anywhere; }.fullscreen-launch { align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); display: flex; justify-content: space-between; padding: 28px; }.fullscreen-launch>div>span { color: var(--faint); font-size: 8px; letter-spacing: .1em; }.mode-buttons { display: flex; gap: 7px; margin-top: 12px; }.mode-buttons button { background: transparent; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-size: 10px; padding: 9px 12px; }.mode-buttons button.active { background: var(--accent-soft); border-color: var(--accent); }.special-hero:fullscreen { background: var(--bg); height: 100vh; max-width: none; padding: 7vh 8vw; }.special-hero:fullscreen .special-copy h1,.special-hero:fullscreen .special-copy .lede,.special-hero:fullscreen .special-copy .eyebrow { display: none; }.special-hero:fullscreen[data-fullscreen-mode="digital"] .special-clock { display: none; }.special-hero:fullscreen[data-fullscreen-mode="analog"] .digital-clock { display: none; }
.expert-note { background: var(--accent-soft); border: 1px solid color-mix(in srgb,var(--accent) 24%,transparent); border-radius: var(--radius-lg); display: grid; gap: 12px; padding: 28px; }.expert-note span { color: var(--accent); font-size: 9px; letter-spacing: .13em; }.expert-note p { color: var(--muted); line-height: 1.7; margin: 0; max-width: 850px; }.article-layout { align-items: start; display: grid; gap: 52px; grid-template-columns: 220px 1fr; }.article-toc { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 12px; padding: 20px; position: sticky; top: 100px; }.article-toc strong { font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }.article-toc a { color: var(--muted); font-size: 11px; line-height: 1.45; }.expert-article { max-width: 850px; }.expert-article section { scroll-margin-top: 105px; }.expert-article h2 { font-size: clamp(28px,3.2vw,44px); font-weight: 450; letter-spacing: -.035em; margin: 0 0 17px; }.expert-article section+section { margin-top: 58px; }.expert-article p { color: var(--muted); font-size: 14px; line-height: 1.85; }.related-material-grid { display: grid; gap: 10px; grid-template-columns: repeat(4,1fr); }.related-material-grid a { align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; display: flex; font-size: 12px; justify-content: space-between; min-height: 85px; padding: 18px; }.related-material-grid b { color: var(--accent); font-size: 18px; }.catalog-groups { display: grid; gap: 14px; grid-template-columns: repeat(2,1fr); }.catalog-groups>div { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; }.catalog-groups h2 { font-size: 27px; font-weight: 450; margin: 0 0 20px; }.catalog-groups a { align-items: center; border-top: 1px solid var(--line); display: flex; justify-content: space-between; padding: 13px 0; }.catalog-groups a span { font-size: 12px; }.catalog-groups a small { color: var(--muted); font-size: 9px; }
.offset-summary { align-items: end; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); display: grid; gap: 10px; margin-bottom: 14px; padding: 28px; }.offset-summary span { color: var(--accent); font-size: 9px; letter-spacing: .12em; }.offset-summary strong { font-family: var(--font-geist-mono),monospace; font-size: clamp(42px,7vw,76px); font-weight: 400; }.offset-summary p { color: var(--muted); margin: 0; }.difference-live { display: grid; gap: 14px; grid-template-columns: 1fr auto 1fr; }.difference-live>a,.difference-live>div { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); display: grid; gap: 12px; min-height: 180px; padding: 26px; }.difference-live>a span,.difference-live>div span { color: var(--faint); font-size: 9px; letter-spacing: .1em; }.difference-live>a strong { font-size: 22px; }.difference-live>a b { font-family: var(--font-geist-mono),monospace; font-size: clamp(30px,4vw,54px); font-weight: 400; }.difference-live>div { align-content: center; min-width: 150px; text-align: center; }.difference-live>div strong { color: var(--accent); font-size: 20px; }.meeting-scale { display: grid; gap: 3px; grid-template-columns: repeat(24,1fr); margin-top: 14px; overflow-x: auto; }.meeting-scale span { background: var(--surface); border: 1px solid var(--line); display: grid; min-width: 34px; padding: 8px 3px; text-align: center; }.meeting-scale span.good { background: var(--accent-soft); border-color: color-mix(in srgb,var(--accent) 35%,var(--line)); }.meeting-scale b { font-size: 10px; }.meeting-scale small { color: var(--muted); font-size: 8px; }.solar-tool { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; }.solar-tool label { display: grid; gap: 10px; max-width: 420px; }.solar-tool select { background: var(--surface-strong); border: 1px solid var(--line); border-radius: 10px; color: var(--text); padding: 13px; }.solar-tool>div { display: grid; gap: 10px; grid-template-columns: repeat(4,1fr); margin-top: 22px; }.solar-tool>div span { border-top: 1px solid var(--line); color: var(--muted); display: grid; gap: 10px; padding-top: 16px; }.solar-tool>div strong { color: var(--text); font-family: var(--font-geist-mono),monospace; font-size: 24px; }.catalog-hubs { display: grid; gap: 12px; grid-template-columns: repeat(3,1fr); }.catalog-hubs a { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); display: grid; gap: 35px; min-height: 150px; padding: 24px; }.catalog-hubs a:hover { border-color: var(--line-strong); }.catalog-hubs strong { font-size: 22px; }.catalog-hubs span { color: var(--accent); font-size: 10px; }


@media (max-width: 1080px) { .tool-world-grid { grid-template-columns: repeat(2,1fr); }.related-material-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 820px) { .special-hero { grid-template-columns: 1fr; min-height: 0; padding: 68px 24px 28px; }.special-clock { margin-top: 30px; }.article-layout { grid-template-columns: 1fr; }.article-toc { position: static; } }
@media (max-width: 560px) { .tool-world-grid,.related-material-grid,.catalog-groups,.date-tool-grid,.difference-live,.solar-tool>div,.catalog-hubs { grid-template-columns: 1fr; }.special-hero h1 { font-size: 48px; }.milliseconds-panel { padding: 28px 18px; }.milliseconds-panel strong { font-size: 12vw; }.fullscreen-launch { align-items: stretch; flex-direction: column; gap: 22px; }.catalog-groups a { align-items: flex-start; flex-direction: column; gap: 6px; } }