:root {
  --ink: #1d1d1f;
  --ink-soft: #6e6e73;
  --paper: #f5f5f7;
  --white: #fff;
  --line: #d2d2d7;
  --blue: #06c;
  --blue-deep: #004f9e;
  --dark: #111;
  --dark-soft: #1d1d1f;
  --dark-muted: #86868b;
  --cyan: #5ce1e6;
  --yellow: #f5c451;
  --green: #7bdc82;
  --red: #d51f45;
  --shadow: 0 18px 55px rgba(0, 0, 0, .08);
  --display: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 30; top: 12px; left: 12px; padding: 10px 14px; color: var(--white); background: var(--blue); border-radius: 980px; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.site-header { position: sticky; top: 0; z-index: 10; color: var(--ink); background: rgba(255, 255, 255, .88); border-bottom: 1px solid rgba(210, 210, 215, .72); backdrop-filter: saturate(180%) blur(20px); }
.header-inner { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.wordmark { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-size: 17px; line-height: 1; text-decoration: none; font-weight: 700; letter-spacing: -.04em; }
.brand-name { letter-spacing: -.06em; }
.wordmark-mark { display: inline-flex; align-items: end; gap: 3px; height: 20px; }
.wordmark-mark i { display: block; width: 3px; background: var(--ink); border-radius: 5px; transform: skew(-25deg); }
.wordmark-mark i:nth-child(1) { height: 9px; opacity: .5; }.wordmark-mark i:nth-child(2) { height: 14px; opacity: .75; }.wordmark-mark i:nth-child(3) { height: 20px; }
.header-meta { display: flex; align-items: center; gap: 10px; color: var(--ink-soft); font-family: var(--mono); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: #27a844; }.meta-separator { width: 18px; height: 1px; background: var(--line); }
.menu-button { display: none; border: 1px solid var(--line); border-radius: 980px; background: transparent; color: var(--ink); padding: 8px 12px; font: inherit; font-size: 12px; }
.section-nav { border-top: 1px solid rgba(210, 210, 215, .46); }.nav-inner { display: flex; align-items: center; gap: 27px; min-height: 38px; }.nav-inner a { color: var(--ink-soft); text-decoration: none; font-size: 11px; transition: color .2s ease; }.nav-inner a:hover, .nav-inner a:focus, .nav-inner a[aria-current="page"] { color: var(--blue); }
.promo-strip { color: var(--ink); background: #e8e8ed; }.promo-inner { display: flex; justify-content: space-between; align-items: center; gap: 25px; min-height: 40px; font-size: 11px; }.promo-inner span:last-child { color: var(--ink-soft); }.promo-inner a { margin-left: 13px; color: var(--blue); font-weight: 600; text-decoration: none; }.promo-inner a:hover { text-decoration: underline; text-underline-offset: 4px; }.promo-inner b { font-size: 14px; font-weight: 400; }

.hero-section { position: relative; overflow: hidden; color: var(--ink); background: var(--white); min-height: 665px; }.hero-grid { position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(210, 210, 215, .35) 1px, transparent 1px), linear-gradient(90deg, rgba(210, 210, 215, .35) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(90deg, #000, transparent 86%); }.hero-layout { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); align-items: center; gap: 60px; min-height: 575px; }.hero-copy { padding-block: 88px 45px; }.eyebrow, .story-overline, .section-kicker, .context-tag, .section-kicker-inline, .pin-top, .card-index { font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); }.eyebrow::before { content: ''; display: block; width: 22px; height: 1px; background: var(--blue); }
h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { line-height: 1.04; letter-spacing: -.045em; } h1 { max-width: 720px; margin-bottom: 25px; font-family: var(--display); font-size: clamp(3.4rem, 7.1vw, 6.4rem); font-weight: 400; } .hero-copy h1 em, h2 em { color: var(--blue); font-style: italic; font-weight: 400; }
.hero-deck { max-width: 590px; color: var(--ink-soft); font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.65; }.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 34px; }.button { display: inline-flex; align-items: center; gap: 18px; padding: 13px 19px; border-radius: 980px; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: -.01em; }.button-primary { color: var(--white); background: var(--blue); }.button-primary:hover, .button-primary:focus { background: var(--blue-deep); }.text-link { color: var(--blue); font-size: 13px; text-underline-offset: 4px; }.text-link span, .button span { font-size: 17px; }.hero-visual { position: relative; min-height: 430px; }.orb { position: absolute; border: 1px solid rgba(29, 29, 31, .3); border-radius: 50%; }.orb-large { width: min(32vw, 420px); aspect-ratio: 1; top: 35px; right: 8%; box-shadow: inset 0 0 100px rgba(0, 102, 204, .05); }.orb-large::before, .orb-large::after { content: ''; position: absolute; inset: 12%; border: 1px dashed rgba(29, 29, 31, .2); border-radius: 50%; }.orb-large::after { inset: 27%; border-style: solid; border-color: rgba(0, 102, 204, .75); }.orb-small { width: 84px; height: 84px; top: 185px; left: 5%; border-color: rgba(0, 102, 204, .8); background: radial-gradient(circle, rgba(0, 102, 204, .15), transparent 68%); }.signal-line { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 102, 204, .62), transparent); transform-origin: left; }.line-one { top: 35%; left: 10%; width: 480px; transform: rotate(-17deg); }.line-two { top: 56%; left: 14%; width: 440px; transform: rotate(13deg); }.line-three { top: 78%; left: 27%; width: 360px; transform: rotate(-22deg); }.visual-label { position: absolute; display: flex; align-items: center; gap: 8px; color: var(--ink-soft); font-family: var(--mono); font-size: 8px; letter-spacing: .13em; }.visual-label span { color: var(--blue); }.label-a { top: 12%; left: 14%; }.label-b { top: 35%; right: 0; }.label-c { bottom: 17%; left: 8%; }.label-d { bottom: 4%; right: 15%; }.hero-stamp { position: absolute; bottom: 17%; right: 25%; display: flex; align-items: center; gap: 8px; color: var(--blue); font-family: var(--mono); transform: rotate(-8deg); }.hero-stamp span { font-family: var(--display); font-size: 46px; line-height: 1; }.hero-stamp small { color: var(--ink-soft); font-size: 8px; letter-spacing: .14em; line-height: 1.5; }.hero-footer { position: relative; display: flex; justify-content: space-between; gap: 30px; padding: 16px 0; border-top: 1px solid var(--line); color: var(--ink-soft); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.scroll-cue { color: var(--blue); }.scroll-cue b { display: inline-block; margin-left: 8px; font-size: 15px; font-weight: 400; }

.section { padding: 112px 0; }.section-signal { background: var(--paper); }.section-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; color: var(--blue); }.section-kicker span:first-child { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; color: var(--white); background: var(--blue); border-radius: 50%; font-size: 8px; }.signal-intro { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 50px; }.signal-intro h2, .stories-heading h2, .context-grid h2, .board-copy h2, .notes-grid h2 { margin-bottom: 17px; font-family: var(--display); font-size: clamp(2.8rem, 5.2vw, 5rem); font-weight: 400; }.section-lede { max-width: 530px; color: var(--ink-soft); font-size: 1.1rem; line-height: 1.55; }.editorial-note { max-width: 250px; padding-left: 16px; border-left: 2px solid var(--blue); color: var(--ink-soft); font-family: var(--mono); font-size: 9px; line-height: 1.65; text-transform: uppercase; }.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.summary-card { min-height: 294px; padding: 25px 23px; border-radius: 19px; background: var(--white); }.summary-card-featured { color: var(--white); background: var(--dark); }.card-index { display: block; margin-bottom: 38px; color: var(--blue); }.summary-card-featured .card-index { color: var(--cyan); }.summary-card h3 { max-width: 220px; margin-bottom: 14px; font-size: 1.3rem; }.summary-card p { min-height: 95px; color: var(--ink-soft); font-size: .91rem; }.summary-card-featured p { color: var(--dark-muted); }.summary-card a { color: var(--blue); font-size: 11px; font-weight: 700; text-decoration: none; }.summary-card-featured a { color: var(--cyan); }.summary-card a:hover { text-decoration: underline; text-underline-offset: 4px; }.summary-card a span { margin-left: 8px; font-size: 15px; }

.section-stories { background: var(--white); }.stories-heading { display: flex; justify-content: space-between; gap: 40px; margin-bottom: 60px; }.stories-heading h2 { margin-bottom: 0; }.stories-side-note { display: flex; align-items: start; gap: 12px; max-width: 250px; padding-top: 10px; color: var(--ink-soft); font-size: .82rem; }.verified-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 23px; width: 23px; height: 23px; color: var(--white); background: var(--blue); border-radius: 50%; font-size: 12px; }.story { display: grid; grid-template-columns: 91px 1fr; margin-bottom: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--paper); }.story-rail { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: 23px 15px; color: var(--white); font-family: var(--mono); }.story-rail > span:first-child { font-family: var(--display); font-size: 2.2rem; line-height: 1; }.story-category { font-size: 8px; letter-spacing: .07em; writing-mode: vertical-rl; transform: rotate(180deg); }.story-blue .story-rail { background: var(--blue); }.story-yellow .story-rail { color: var(--ink); background: var(--yellow); }.story-cyan .story-rail { color: var(--ink); background: var(--cyan); }.story-green .story-rail { color: var(--ink); background: var(--green); }.story-main { padding: 34px 38px 27px; }.story-headline-row { display: flex; align-items: start; justify-content: space-between; gap: 30px; margin-bottom: 17px; }.story-overline { margin-bottom: 9px; color: var(--blue); }.story h3 { max-width: 680px; margin-bottom: 0; font-family: var(--display); font-size: clamp(1.95rem, 3.2vw, 3.25rem); font-weight: 400; }.confidence { flex: 0 0 auto; padding: 6px 9px; border-radius: 980px; font-family: var(--mono); font-size: 8px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }.confidence-high { color: #2b6b31; background: #e0f2df; }.confidence-medium { color: #765a09; background: #fff1bf; }.story-summary { max-width: 800px; margin-bottom: 31px; color: var(--ink-soft); font-size: 1.08rem; line-height: 1.6; }.story-columns { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(250px, .85fr); gap: 55px; padding-top: 25px; border-top: 1px solid var(--line); }.story h4 { margin-bottom: 10px; color: var(--blue); font-family: var(--mono); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }.story-explanation p { color: var(--ink-soft); font-size: .93rem; }.story-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.story-aside ul { margin: 0; padding-left: 17px; color: var(--ink-soft); font-size: .83rem; }.story-aside li { margin-bottom: 10px; }.story-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 23px; padding-top: 18px; border-top: 1px solid var(--line); }.social-angle { max-width: 650px; margin: 0; color: var(--ink-soft); font-size: .82rem; font-style: italic; }.social-angle span { display: block; margin-bottom: 3px; color: var(--blue); font-family: var(--mono); font-size: 8px; font-style: normal; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }.source-link { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 10px; font-weight: 700; text-decoration: none; white-space: nowrap; }.source-link:hover, .source-link:focus { text-decoration: underline; text-underline-offset: 4px; }.source-link span { font-size: 16px; }.source-links { display: flex; flex-direction: column; align-items: end; gap: 8px; }.muted-link { color: var(--ink-soft); font-weight: 500; }

.section-context { color: var(--white); background: var(--dark); }.context-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 90px; align-items: center; }.context-grid .section-kicker { color: var(--cyan); }.context-grid .section-kicker span:first-child { color: var(--dark); background: var(--cyan); }.context-grid h2 { margin-bottom: 22px; }.context-grid .section-lede { color: var(--dark-muted); }.context-panel { padding: 31px; border: 1px solid #3a3a3c; border-radius: 22px; background: #1d1d1f; }.context-panel-top { display: flex; justify-content: space-between; gap: 15px; color: var(--dark-muted); font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }.context-tag { color: var(--cyan); }.context-panel p { margin: 32px 0; color: #d2d2d7; font-size: 1.08rem; line-height: 1.7; }.context-panel .source-link { color: var(--cyan); }.developing-panel { display: grid; grid-template-columns: 80px 1fr; gap: 30px; margin-top: 74px; padding-top: 27px; border-top: 1px solid #3a3a3c; }.developing-icon { color: var(--yellow); font-family: var(--display); font-size: 2.5rem; }.developing-panel h3 { margin: 9px 0 10px; font-family: var(--display); font-size: 2rem; font-weight: 400; }.developing-panel p { max-width: 710px; margin: 0; color: var(--dark-muted); }

.section-pinterest { background: var(--paper); }.pinterest-banner { display: flex; align-items: center; gap: 22px; margin-bottom: 48px; padding: 29px; color: var(--white); border-radius: 22px; background: var(--red); }.pinterest-mark { display: flex; align-items: center; justify-content: center; width: 53px; height: 53px; color: var(--red); background: var(--white); border-radius: 50%; font-family: Georgia, serif; font-size: 2.1rem; font-weight: 700; }.section-kicker-inline { display: block; margin-bottom: 7px; color: rgba(255,255,255,.72); }.pinterest-banner h2 { margin-bottom: 7px; font-family: var(--display); font-size: 2.5rem; font-weight: 400; }.pinterest-banner p { margin: 0; color: rgba(255,255,255,.78); }.draft-stamp { margin-left: auto; padding: 8px 10px; border: 1px solid rgba(255,255,255,.58); color: var(--white); font-family: var(--mono); font-size: 9px; font-weight: 700; line-height: 1.25; letter-spacing: .12em; text-align: center; transform: rotate(5deg); }.pins-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.pin-card { position: relative; min-height: 500px; padding: 26px; overflow: hidden; border-radius: 22px; color: var(--white); }.pin-card-blue { background: var(--blue); }.pin-card-yellow { color: var(--ink); background: var(--yellow); }.pin-card-cyan { color: var(--ink); background: var(--cyan); }.pin-card-green { color: var(--ink); background: var(--green); }.pin-top { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 38px; font-size: 8px; opacity: .75; }.pin-card h3 { max-width: 440px; margin-bottom: 13px; font-family: var(--display); font-size: 2.5rem; font-weight: 400; }.pin-support { max-width: 430px; min-height: 54px; font-size: .99rem; opacity: .76; }.pin-stat-row { display: flex; gap: 30px; margin: 27px 0; padding: 14px 0; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; font-family: var(--mono); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }.pin-stat-row span { display: flex; flex-direction: column; gap: 2px; }.pin-stat-row b { font-family: var(--display); font-size: 1.35rem; font-weight: 400; letter-spacing: -.04em; }.pin-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 490px; padding-top: 15px; border-top: 1px solid currentColor; }.pin-detail h4 { margin: 0 0 5px; font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.pin-detail p { margin-bottom: 0; font-size: .77rem; line-height: 1.55; opacity: .75; }.pin-footer { position: absolute; right: 26px; bottom: 22px; left: 26px; display: flex; justify-content: space-between; align-items: center; padding-top: 12px; border-top: 1px solid currentColor; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; opacity: .72; }.pin-footer a { font-size: 21px; text-decoration: none; }.audit-diagram { display: flex; align-items: center; gap: 8px; margin: 28px 0; font-family: var(--mono); font-size: 8px; letter-spacing: .05em; }.audit-diagram i { width: 27px; height: 1px; background: currentColor; }.parameter-visual { display: flex; align-items: center; gap: 20px; margin: 20px 0 28px; }.parameter-cloud { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px; height: 84px; border: 2px solid currentColor; border-radius: 48% 52% 45% 55%; font-family: var(--display); font-size: 2rem; line-height: .95; }.parameter-cloud small, .memory-gauge small { font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }.parameter-route { width: 160px; height: 17px; padding-left: 12px; border: 1px solid currentColor; background: linear-gradient(90deg, currentColor 42%, transparent 42%); font-family: var(--mono); font-size: 8px; line-height: 15px; }.parameter-route span { position: relative; left: 72px; white-space: nowrap; }.memory-visual { display: flex; align-items: center; gap: 28px; margin: 20px 0 28px; }.mac-shape { width: 112px; height: 67px; border: 2px solid currentColor; border-radius: 4px 4px 2px 2px; position: relative; }.mac-shape::after { content: ''; position: absolute; left: -17px; right: -17px; bottom: -10px; height: 6px; border: 2px solid currentColor; border-top: 0; border-radius: 0 0 50% 50%; }.memory-gauge { display: flex; flex-direction: column; gap: 3px; font-family: var(--display); font-size: 2rem; line-height: .9; }.memory-gauge small { font-family: var(--mono); font-size: 8px; }

.section-board { background: var(--white); }.board-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: center; }.board-art { position: relative; display: grid; place-items: center; aspect-ratio: 1; max-width: 390px; margin-inline: auto; }.board-orbit { position: absolute; width: 80%; height: 32%; border: 1px solid var(--blue); border-radius: 50%; transform: rotate(33deg); }.orbit-2 { width: 90%; height: 45%; border-color: var(--yellow); transform: rotate(-40deg); }.board-core { display: grid; place-items: center; width: 155px; height: 155px; color: var(--white); background: var(--dark); border-radius: 50%; box-shadow: 0 0 0 14px rgba(29,29,31,.06), 0 0 0 15px var(--white); font-family: var(--display); font-size: 2.1rem; line-height: .8; text-align: center; }.board-core span { color: var(--cyan); font-size: 1.15rem; letter-spacing: .08em; }.board-facts { margin-top: 36px; border-top: 1px solid var(--line); }.board-facts div { display: grid; grid-template-columns: 140px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }.board-facts span { color: var(--blue); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.board-facts strong { font-size: .9rem; font-weight: 500; }.board-note { margin-top: 22px; color: var(--ink-soft); font-size: .82rem; }

.section-notes { background: var(--paper); }.notes-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }.notes-copy > p { color: var(--ink-soft); font-size: .95rem; }.references { margin: 34px 0 0; padding-left: 20px; border-top: 1px solid var(--line); }.references li { padding: 10px 0 10px 7px; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: .81rem; }.references a { color: var(--blue); text-underline-offset: 3px; }.site-footer { color: var(--white); background: var(--dark); }.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 135px; }.footer-wordmark { color: var(--white); }.footer-wordmark .wordmark-mark i { background: var(--white); }.footer-inner p { margin: 0; color: var(--dark-muted); font-family: var(--display); font-size: 1.12rem; font-style: italic; }.back-top { color: var(--cyan); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.back-top:hover { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px) { .shell { width: min(100% - 36px, 680px); }.header-meta { display: none; }.menu-button { display: inline-flex; align-items: center; gap: 8px; }.section-nav { display: none; }.section-nav.is-open { display: block; }.nav-inner { flex-direction: column; align-items: flex-start; gap: 14px; padding: 17px 0 21px; }.promo-inner { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding-block: 9px; }.hero-layout { grid-template-columns: 1fr; gap: 0; min-height: 0; }.hero-copy { padding-block: 72px 25px; }.hero-visual { min-height: 350px; }.orb-large { width: 350px; top: 10px; right: 0; }.hero-footer { flex-direction: column; gap: 13px; }.signal-intro, .stories-heading { flex-direction: column; align-items: start; }.editorial-note { max-width: 400px; }.summary-grid { grid-template-columns: repeat(2, 1fr); }.summary-card { min-height: 275px; }.story { grid-template-columns: 72px 1fr; }.story-main { padding-inline: 27px; }.story-columns { grid-template-columns: 1fr; gap: 18px; }.story-aside { grid-template-columns: repeat(2, 1fr); }.context-grid, .board-layout, .notes-grid { grid-template-columns: 1fr; gap: 45px; }.board-art { width: 270px; margin-inline: auto; }.pins-grid { grid-template-columns: 1fr; }.pin-card { min-height: 475px; }.footer-inner { flex-wrap: wrap; padding-block: 30px; }.footer-inner p { order: 3; width: 100%; } }
@media (max-width: 560px) { .shell { width: calc(100% - 30px); }.header-inner { min-height: 60px; }.wordmark { font-size: 16px; }.hero-copy { padding-top: 58px; }.hero-copy h1 { font-size: 3.35rem; }.hero-deck { font-size: 1rem; }.hero-visual { min-height: 300px; }.orb-large { width: 270px; right: -10px; }.orb-small { width: 55px; height: 55px; left: 0; top: 150px; }.line-one { width: 300px; }.line-two { width: 280px; }.line-three { width: 250px; }.visual-label { font-size: 7px; }.label-a { left: 0; }.label-b { right: 0; }.label-c { left: 0; }.label-d { right: 0; }.hero-stamp { right: 16%; bottom: 10%; }.section { padding: 78px 0; }.section-kicker { margin-bottom: 27px; }.signal-intro h2, .stories-heading h2, .context-grid h2, .board-copy h2, .notes-grid h2 { font-size: 3rem; }.summary-grid { grid-template-columns: 1fr; gap: 10px; }.summary-card { min-height: auto; }.summary-card p { min-height: auto; }.story { display: block; }.story-rail { flex-direction: row; min-height: auto; align-items: center; padding: 13px 18px; }.story-category { writing-mode: initial; transform: none; }.story-main { padding: 27px 20px 24px; }.story-headline-row { display: block; }.confidence { display: inline-block; margin-top: 15px; }.story h3 { font-size: 2.18rem; }.story-summary { font-size: 1rem; }.story-aside { grid-template-columns: 1fr; }.story-bottom { display: block; }.source-link { margin-top: 17px; }.source-links { align-items: start; }.context-panel { padding: 23px; }.developing-panel { grid-template-columns: 1fr; gap: 4px; margin-top: 52px; }.pinterest-banner { align-items: start; padding: 22px; }.pinterest-mark { width: 42px; height: 42px; font-size: 1.6rem; }.pinterest-banner h2 { font-size: 2rem; }.draft-stamp { margin-top: 2px; font-size: 8px; }.pin-card { padding: 22px; }.pin-card h3 { font-size: 2.15rem; }.pin-detail { grid-template-columns: 1fr; gap: 16px; }.pin-footer { right: 22px; bottom: 20px; left: 22px; }.board-facts div { grid-template-columns: 1fr; gap: 8px; }.notes-grid { gap: 0; }.footer-inner { align-items: flex-start; }.back-top { margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }