:root {
--color-muted: #615850;
--color-primary: #DE0068;
--color-primary-text: #B80056;
} .site-header .brand { align-items: center; gap: 0.55rem; flex-shrink: 0; }
.brand__wordmark { display: block; width: 144px; height: 64px; mix-blend-mode: multiply; }
.brand__edition { font-family: var(--font-sans); font-size: 1.06rem; font-weight: 700; letter-spacing: 0.13em; color: var(--color-ink); }
.text-link, .section-kicker, .eyebrow, .numbered-card__number, .topic-card__number { color: var(--color-primary-text); }
.article-body a:not(.button), .page-content a:not(.button), .archive-description a:not(.button) { color: var(--color-primary-text); }
.numbered-card:hover p, .numbered-card:hover .numbered-card__number,
.topic-card:hover .topic-card__number, .topic-card:hover .topic-card__description { color: #fff; }
.topic-card:hover, .numbered-card:hover { background: var(--color-primary-text); }
.dark-section .section-intro { color: #d9cec0; }
:focus-visible { outline-color: var(--color-primary-text); }
.dark-section :focus-visible, .site-footer :focus-visible { outline-color: #ff9cc9; } .numbered-card { display: grid; grid-template-rows: auto 1fr auto; gap: 1.1rem; min-width: 0; }
.numbered-card h3 { align-self: center; margin: 0; overflow-wrap: anywhere; }
.numbered-card p { margin: 0; }
@supports (grid-template-rows: subgrid) {
.numbered-grid { row-gap: 0; }
.numbered-card { grid-row: span 3; grid-template-rows: subgrid; }
.numbered-card__number { padding-bottom: 1rem; }
.numbered-card h3 { padding-bottom: 1rem; }
}
@media (max-width: 980px) {
.site-header .header-main { grid-template-columns: minmax(0, 1fr) auto; }
.site-header .primary-nav { display: none; }
.site-header .mobile-menu { display: block; }
.site-header .header-actions > .button { display: none; }
}
@media (max-width: 620px) {
.brand__wordmark { width: 112px; height: 50px; }
.brand__edition { font-size: 0.85rem; letter-spacing: 0.1em; }
.site-header .brand { gap: 0.35rem; }
.site-header .header-main { gap: 0.5rem; }
.header-search > summary, .mobile-menu > summary { min-width: 44px; min-height: 44px; }
.numbered-grid { grid-template-columns: minmax(0, 1fr); }
.numbered-card { grid-row: auto; grid-template-rows: auto auto auto; gap: 0.8rem; min-height: 0; padding: 1.25rem; }
.numbered-card__number, .numbered-card h3 { padding-bottom: 0; }
.numbered-card h3 { font-size: 1.65rem; line-height: 1.12; }
.article-body { overflow-wrap: anywhere; }
.article-body table { display: block; max-width: 100%; overflow-x: auto; }
.article-body .wp-block-media-text .wp-block-media-text__media { grid-column: 1 !important; grid-row: 1 !important; }
.article-body input, .article-body select, .search-form .search-field { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation: none !important; transition: none !important; }
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.text-link {
text-decoration: underline;
text-decoration-color: rgba(194, 24, 86, 0.42);
text-decoration-thickness: 0.09em;
text-underline-offset: 0.24em;
}
.text-link:hover,
.text-link:focus-visible {
text-decoration-color: currentColor;
}
.article-body a:not(.button),
.page-content a:not(.button),
.archive-description a:not(.button) {
color: var(--color-primary-text);
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 0.09em;
text-underline-offset: 0.18em;
}
.lead-story .lead-story__meta,
.dark-section .card-meta,
.dark-section .article-card__excerpt {
color: rgba(255, 255, 255, 0.82);
}
.footer-heading,
.footer-bottom {
color: rgba(255, 255, 255, 0.68);
}
.footer-brand p {
color: rgba(255, 255, 255, 0.74);
}
.footer-legal a {
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0.38);
text-underline-offset: 0.2em;
}
.header-search > summary:focus-visible,
.mobile-menu > summary:focus-visible,
.inline-toc > summary:focus-visible {
outline: 3px solid var(--color-secondary);
outline-offset: 3px;
}
.home main > .section,
.home main > .dark-section,
.home main > .shop-bridge {
content-visibility: auto;
contain-intrinsic-size: 900px;
} @media (hover: none) {
.article-card:hover,
.lead-story:hover .lead-story__media img,
.topic-card:hover {
transform: none;
}
}
@media (max-width: 620px) {
:root {
--gutter: 1.125rem;
}
.site-topbar {
font-size: 0.68rem;
}
.site-topbar__inner {
min-height: 28px;
}
.header-main {
min-height: 60px;
}
.mobile-menu__panel {
max-height: calc(100dvh - 88px);
overflow-y: auto;
overscroll-behavior: contain;
padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
}
.hero {
padding-top: 3rem;
padding-bottom: 3.4rem;
}
.hero__inner {
gap: 1.4rem;
}
.hero h1 {
max-width: 10ch;
font-size: clamp(3rem, 15vw, 4.1rem);
letter-spacing: -0.055em;
line-height: 0.92;
}
.hero__copy > p {
max-width: 34ch;
line-height: 1.58;
}
.hero-search {
padding: 0.35rem;
}
.hero-search .search-field {
height: 46px;
padding-left: 0.8rem;
font-size: 0.96rem;
}
.hero-search .search-submit {
width: 46px;
height: 46px;
flex-basis: 46px;
}
.topic-grid {
grid-template-columns: repeat(5, minmax(176px, 78vw));
scroll-padding-left: var(--gutter);
-webkit-overflow-scrolling: touch;
}
.topic-card {
min-height: 128px;
padding: 1.2rem 1.05rem;
}
.topic-card__number {
margin-bottom: 1.35rem;
}
.section {
padding-block: 3.35rem;
}
.section-head {
margin-bottom: 1.8rem;
}
.section-heading {
font-size: clamp(2.35rem, 11.5vw, 3.25rem);
line-height: 1;
}
.lead-story__media {
aspect-ratio: 4 / 3;
}
.lead-story__content {
padding: 1.45rem;
}
.lead-story h2 {
font-size: 2.05rem;
line-height: 1.04;
}
.article-card__body {
padding: 1.25rem 0.2rem 0;
}
.article-card h3 {
font-size: 1.65rem;
line-height: 1.1;
}
.article-cover {
padding-top: 1.15rem;
padding-bottom: 2.3rem;
}
.breadcrumbs--cover {
margin-bottom: 1.45rem;
}
.article-cover__grid {
gap: 1.6rem;
}
.article-cover__copy h1 {
max-width: 15ch;
font-size: clamp(2.55rem, 11.5vw, 3.35rem);
letter-spacing: -0.045em;
line-height: 0.98;
}
.article-cover .article-standfirst {
margin-top: 1rem;
font-size: 1.06rem;
line-height: 1.55;
}
.article-cover__media {
max-height: 270px;
aspect-ratio: 4 / 3;
}
.article-reading__grid {
padding-top: 2.25rem;
padding-bottom: 4.25rem;
}
.article-rail {
margin-bottom: 1.35rem;
}
.article-rail__time strong {
font-size: 2.35rem;
}
.inline-toc {
margin-bottom: 2.2rem;
}
.inline-toc > summary {
min-height: 58px;
padding: 0.9rem 3rem 0.9rem 1.1rem;
}
.inline-toc > summary::after {
right: 1.2rem;
}
.inline-toc > summary span {
font-size: 1.3rem;
}
.inline-toc__content {
padding-right: 1.1rem;
padding-left: 1.1rem;
}
.article-body {
font-size: 1.11rem;
line-height: 1.78;
}
.article-body > p:first-of-type {
font-size: 1.12em;
line-height: 1.62;
}
.article-body p {
margin-bottom: 1.35em;
}
.article-body > h2 {
margin-top: 2.45em;
font-size: clamp(2rem, 9.8vw, 2.35rem);
letter-spacing: -0.035em;
line-height: 1.06;
}
.article-body > h3 {
margin-top: 2em;
font-size: 1.52rem;
line-height: 1.16;
}
.article-body > .wp-block-table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.article-body iframe,
.article-body video {
max-width: 100%;
}
.article-body > .wp-block-media-text {
grid-template-columns: 1fr !important;
}
.article-body > .wp-block-media-text .wp-block-media-text__content {
grid-column: 1 !important;
grid-row: 2 !important;
}
.article-author-card {
margin-top: 3.25rem;
}
.home main > .section,
.home main > .dark-section,
.home main > .shop-bridge {
contain-intrinsic-size: 1100px;
}
}
.site-header .brand__dot { display: none; }
.header-search > summary:focus-visible, .mobile-menu > summary:focus-visible, .inline-toc > summary:focus-visible { outline-color: var(--color-primary-text); }