:root {
--ink: #181818;
--ink-soft: #484848;
--paper: #ffffff;
--paper-alt: #f4f4f4;
--line: #d9d9d9;
--red: #ae0000;
--red-dark: #830000;
--navy: #07076d;
--white: #ffffff;
--shell: 1240px;
--reading: 760px;
--space-1: 0.5rem;
--space-2: 0.875rem;
--space-3: 1.25rem;
--space-4: 2rem;
--space-5: 3rem;
--space-6: 5rem;
--sans: Arial, Helvetica, sans-serif;
--serif: Georgia, "Times New Roman", serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--paper);
color: var(--ink);
font-family: var(--sans);
font-size: 1rem;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
img,
svg,
video,
iframe {
max-width: 100%;
}
img {
display: block;
height: auto;
}
a {
color: inherit;
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
a:hover {
color: var(--red);
}
button,
input,
select,
textarea {
font: inherit;
}
button,
a {
-webkit-tap-highlight-color: transparent;
}
:focus-visible {
outline: 3px solid #2778ff;
outline-offset: 3px;
}
.site-shell {
width: min(calc(100% - 2rem), var(--shell));
margin-inline: auto;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link {
position: fixed;
top: 0.75rem;
left: 0.75rem;
z-index: 1000;
padding: 0.75rem 1rem;
background: var(--ink);
color: var(--white);
transform: translateY(-150%);
}
.skip-link:focus {
color: var(--white);
transform: translateY(0);
}
.utility-bar {
background: var(--ink);
color: var(--white);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.utility-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 2.25rem;
}
.utility-nav {
display: flex;
gap: 1.25rem;
}
.utility-nav a {
color: var(--white);
text-decoration: none;
}
.utility-nav a:hover {
color: #ffb4b4;
}
.masthead {
display: grid;
grid-template-columns: 3rem 1fr 3rem;
align-items: center;
min-height: 7rem;
}
.brand-lockup {
display: flex;
align-items: stretch;
justify-content: center;
justify-self: center;
color: var(--white);
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: clamp(2rem, 4.8vw, 3.6rem);
font-weight: 900;
letter-spacing: -0.075em;
line-height: 0.94;
text-decoration: none;
}
.brand-lockup:hover {
color: var(--white);
}
.brand-lockup span {
display: inline-flex;
align-items: center;
padding: 0.12em 0.18em 0.16em;
}
.brand-lockup__titus {
background: var(--ink);
}
.brand-lockup__news {
background: var(--red);
}
.brand-lockup__com {
background: var(--navy);
letter-spacing: -0.09em;
}
.icon-button {
display: inline-grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
border: 1px solid var(--line);
border-radius: 50%;
background: transparent;
color: var(--ink);
cursor: pointer;
}
.icon-button:hover {
border-color: var(--ink);
background: var(--paper-alt);
}
.icon-button svg {
width: 1.25rem;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-width: 2;
}
.menu-toggle {
visibility: hidden;
}
.icon-button__lines,
.icon-button__lines::before,
.icon-button__lines::after {
display: block;
width: 1.2rem;
height: 2px;
background: currentColor;
content: "";
}
.icon-button__lines {
position: relative;
}
.icon-button__lines::before {
position: absolute;
top: -0.38rem;
}
.icon-button__lines::after {
position: absolute;
top: 0.38rem;
}
.header-search {
padding: 1.25rem 0;
border-top: 1px solid var(--line);
background: var(--paper-alt);
}
.search-form {
display: flex;
gap: 0.75rem;
width: min(100%, 48rem);
margin-inline: auto;
}
.search-field,
.comment-form input:not([type="submit"]),
.comment-form textarea {
width: 100%;
min-height: 3rem;
padding: 0.75rem 1rem;
border: 1px solid #9f9f9f;
border-radius: 0;
background: var(--white);
color: var(--ink);
}
.button,
button[type="submit"],
input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3rem;
padding: 0.7rem 1.2rem;
border: 1px solid transparent;
background: var(--ink);
color: var(--white);
font-weight: 800;
line-height: 1.1;
text-decoration: none;
cursor: pointer;
}
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
background: var(--red);
color: var(--white);
}
.button--red {
background: var(--red);
}
.primary-navigation {
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
background: var(--white);
}
.primary-menu,
.primary-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.primary-menu {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(1rem, 3vw, 2.6rem);
}
.primary-menu > li {
position: relative;
}
.primary-menu a {
display: block;
padding: 1rem 0;
font-size: 0.88rem;
font-weight: 800;
letter-spacing: 0.025em;
text-decoration: none;
text-transform: uppercase;
}
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a {
box-shadow: inset 0 -3px var(--red);
}
.primary-menu .sub-menu {
position: absolute;
top: 100%;
left: -1rem;
z-index: 20;
display: none;
min-width: 14rem;
padding: 0.4rem 1rem;
border: 1px solid var(--line);
background: var(--white);
box-shadow: 0 12px 30px rgb(0 0 0 / 12%);
}
.primary-menu li:hover > .sub-menu,
.primary-menu li:focus-within > .sub-menu {
display: block;
}
.latest-strip {
background: var(--navy);
color: var(--white);
}
.latest-strip__inner {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 1rem;
min-height: 2.85rem;
}
.latest-strip__signal {
color: #ffb2b2;
}
.latest-strip strong {
padding-right: 1rem;
border-right: 1px solid rgb(255 255 255 / 45%);
font-size: 0.76rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.latest-strip a {
overflow: hidden;
color: var(--white);
font-family: var(--serif);
font-weight: 700;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.market-strip {
border-bottom: 1px solid var(--line);
background: var(--paper-alt);
color: var(--ink);
}
.market-strip__inner {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 1rem;
min-height: 2.75rem;
overflow: hidden;
}
.market-strip__label {
color: var(--red);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.market-strip__items {
display: flex;
gap: 1.5rem;
overflow-x: auto;
scrollbar-width: none;
white-space: nowrap;
}
.market-strip__items::-webkit-scrollbar {
display: none;
}
.market-strip__items span {
font-size: 0.78rem;
}
.market-strip__items b {
margin-right: 0.3rem;
font-size: 0.7rem;
letter-spacing: 0.035em;
text-transform: uppercase;
}
.market-strip small {
color: #666;
font-size: 0.66rem;
white-space: nowrap;
}
.site-main {
min-height: 55vh;
}
.lead-section,
.editorial-section,
.archive-layout,
.page-layout,
.related-stories,
.comments-area {
padding-block: 2.5rem;
}
.editorial-section + .editorial-section {
border-top: 1px solid var(--line);
}
.section-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.5rem;
border-top: 5px solid var(--ink);
padding-top: 0.8rem;
}
.section-heading h1,
.section-heading h2 {
margin: 0;
font-family: var(--sans);
font-size: clamp(1.45rem, 2.5vw, 2rem);
font-weight: 900;
letter-spacing: -0.035em;
line-height: 1;
}
.section-heading a {
font-size: 0.85rem;
font-weight: 800;
text-decoration: none;
}
.lead-grid {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 1fr);
gap: 1.75rem;
}
.lead-grid__secondary {
display: grid;
gap: 1.5rem;
}
.story-grid {
display: grid;
gap: 1.75rem;
}
.story-grid--four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.story-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.latest-grid {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--line);
}
.story-card {
min-width: 0;
}
.story-card__image-link {
display: block;
overflow: hidden;
background: var(--paper-alt);
text-decoration: none;
}
.story-image {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
transition: transform 240ms ease;
}
.story-card:hover .story-image:not(.story-image--fallback) {
transform: scale(1.025);
}
.story-image--fallback {
display: grid;
grid-template-columns: 1fr;
place-content: center;
background: linear-gradient(to bottom, var(--ink) 0 34%, var(--red) 34% 67%, var(--navy) 67% 100%);
color: var(--white);
font-family: "Arial Black", var(--sans);
font-size: clamp(1rem, 3vw, 2rem);
font-weight: 900;
line-height: 0.9;
text-align: center;
}
.story-card__body {
padding-top: 0.9rem;
}
.story-kicker,
.eyebrow {
display: inline-block;
margin: 0 0 0.55rem;
color: var(--red);
font-size: 0.76rem;
font-weight: 900;
letter-spacing: 0.095em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
}
.story-card__title {
margin: 0;
font-family: var(--serif);
font-size: clamp(1.15rem, 1.7vw, 1.45rem);
font-weight: 800;
letter-spacing: -0.022em;
line-height: 1.15;
}
.story-card__title a {
text-decoration: none;
}
.story-card__excerpt {
margin: 0.75rem 0 0;
color: var(--ink-soft);
font-size: 0.925rem;
line-height: 1.5;
}
.story-meta {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin-top: 0.8rem;
color: #656565;
font-size: 0.76rem;
font-weight: 700;
text-transform: uppercase;
}
.story-card--hero .story-card__title {
font-size: clamp(2rem, 3.5vw, 2.9rem);
line-height: 1.04;
}
.story-card--hero .story-card__excerpt {
max-width: 55rem;
font-size: 1rem;
}
.lead-grid__secondary .story-card__excerpt {
display: none;
}
.lead-grid__secondary .story-card__title {
font-size: clamp(1.2rem, 2vw, 1.55rem);
}
.newsroom-flag {
display: inline-flex;
align-items: center;
min-height: 1.45rem;
margin: 0 0.6rem 0.55rem 0;
padding: 0.2rem 0.45rem;
background: var(--red);
color: var(--white);
font-size: 0.68rem;
font-weight: 900;
letter-spacing: 0.09em;
line-height: 1;
text-transform: uppercase;
}
.newsroom-flag--developing,
.newsroom-flag--updated {
background: var(--navy);
}
.story-card--compact .story-card__title {
font-size: 1.12rem;
}
.story-card--compact .story-card__excerpt {
display: none;
}
.advert-slot {
clear: both;
margin-block: 2rem;
text-align: center;
}
.advert-slot::before {
display: block;
margin-bottom: 0.35rem;
color: #767676;
font-size: 0.65rem;
letter-spacing: 0.1em;
text-transform: uppercase;
content: "Advertisement";
}
.advert-slot .widget {
margin: 0;
}
.archive-header,
.page-header {
max-width: 58rem;
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--line);
}
.archive-header h1,
.page-header h1 {
margin: 0;
font-family: var(--serif);
font-size: clamp(2.35rem, 5.2vw, 4.25rem);
font-weight: 800;
letter-spacing: -0.055em;
line-height: 0.98;
}
.archive-description {
max-width: 46rem;
color: var(--ink-soft);
font-size: 1.08rem;
}
.nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
margin-top: 3rem;
}
.page-numbers {
display: inline-grid;
place-items: center;
min-width: 2.7rem;
min-height: 2.7rem;
padding: 0.35rem;
border: 1px solid var(--line);
font-weight: 800;
text-decoration: none;
}
.page-numbers.current,
.page-numbers:hover {
border-color: var(--ink);
background: var(--ink);
color: var(--white);
}
.empty-state {
padding: 4rem 2rem;
border: 1px solid var(--line);
background: var(--paper-alt);
text-align: center;
}
.empty-state h2 {
margin: 0 0 0.5rem;
font-family: var(--serif);
font-size: 2rem;
}
.page-article {
max-width: 58rem;
margin-inline: auto;
}
.page-featured-image {
margin: 0 0 2.5rem;
}
.page-content,
.article-content {
font-family: var(--serif);
font-size: clamp(1.04rem, 1.35vw, 1.1rem);
line-height: 1.74;
}
.page-content > :first-child,
.article-content > :first-child {
margin-top: 0;
}
.page-content > h1:first-child,
.page-content > h2:first-child {
display: none;
}
.page-content h2,
.article-content h2 {
margin: 2.3em 0 0.6em;
font-family: var(--sans);
font-size: clamp(1.55rem, 2.3vw, 1.9rem);
line-height: 1.15;
}
.page-content h3,
.article-content h3 {
margin: 2em 0 0.5em;
font-family: var(--sans);
font-size: 1.4rem;
line-height: 1.2;
}
.page-content a,
.article-content a {
color: var(--red-dark);
}
.page-content blockquote,
.article-content blockquote {
margin: 2rem 0;
padding: 0.1rem 0 0.1rem 1.5rem;
border-left: 5px solid var(--red);
font-size: 1.25rem;
font-style: italic;
}
.page-content figure,
.article-content figure,
.page-content .wp-block-image,
.article-content .wp-block-image {
margin: 2rem 0;
}
.page-content figcaption,
.article-content figcaption,
.article-featured-image figcaption {
margin-top: 0.5rem;
color: #666;
font-family: var(--sans);
font-size: 0.8rem;
}
.page-content iframe,
.article-content iframe {
width: 100%;
border: 0;
}
.page-content table,
.article-content table {
width: 100%;
border-collapse: collapse;
font-family: var(--sans);
font-size: 0.95rem;
}
.page-content th,
.page-content td,
.article-content th,
.article-content td {
padding: 0.7rem;
border: 1px solid var(--line);
text-align: left;
}
.page-content svg {
width: 1em;
height: 1em;
}
.page-content [role="tab"] {
display: none;
}
.article-header {
max-width: 68rem;
padding-top: 2.5rem;
padding-bottom: 1.75rem;
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1.3rem;
color: #686868;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
}
.article-header h1 {
margin: 0;
font-family: var(--serif);
font-size: clamp(2.5rem, 4.8vw, 4.25rem);
font-weight: 800;
letter-spacing: -0.06em;
line-height: 0.97;
}
.article-deck {
max-width: 52rem;
margin: 1.25rem 0 0;
color: var(--ink-soft);
font-family: var(--serif);
font-size: clamp(1.08rem, 1.6vw, 1.3rem);
line-height: 1.45;
}
.article-byline {
display: flex;
flex-wrap: wrap;
gap: 0.6rem 1.25rem;
margin-top: 1.4rem;
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.article-dateline {
color: var(--red);
}
.article-updated {
color: var(--navy);
}
.article-featured-image {
margin-top: 0;
margin-bottom: 0;
}
.article-featured-image img {
width: 100%;
max-height: 760px;
object-fit: cover;
}
.article-layout {
display: grid;
grid-template-columns: 3.2rem minmax(0, var(--reading)) minmax(14rem, 1fr);
gap: clamp(1.5rem, 4vw, 3.5rem);
align-items: start;
padding-block: var(--space-5);
}
.share-rail {
position: sticky;
top: 1rem;
display: grid;
gap: 0.55rem;
justify-items: center;
}
.share-rail > span {
font-size: 0.68rem;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
writing-mode: vertical-rl;
}
.share-rail a,
.share-rail button {
display: grid;
place-items: center;
width: 2.7rem;
height: 2.7rem;
padding: 0;
border: 1px solid var(--line);
border-radius: 50%;
background: var(--white);
color: var(--ink);
font-family: var(--sans);
font-size: 0.72rem;
font-weight: 900;
line-height: 1;
text-decoration: none;
cursor: pointer;
}
.share-rail a:hover,
.share-rail button:hover,
.share-rail .is-copied {
border-color: var(--red);
background: var(--red);
color: var(--white);
}
.article-content {
min-width: 0;
}
.article-content > p:first-of-type::first-letter {
float: left;
margin: 0.08em 0.1em 0 0;
color: var(--red);
font-family: var(--sans);
font-size: 4.5rem;
font-weight: 900;
line-height: 0.78;
}
.article-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 2.5rem;
padding-top: 1.2rem;
border-top: 1px solid var(--line);
font-family: var(--sans);
}
.article-tags a {
padding: 0.35rem 0.6rem;
border: 1px solid var(--line);
color: var(--ink);
font-size: 0.75rem;
font-weight: 800;
text-decoration: none;
}
.author-box {
display: grid;
grid-template-columns: auto 1fr;
gap: 1rem;
margin-top: 2.5rem;
padding: 1.4rem;
background: var(--paper-alt);
font-family: var(--sans);
}
.author-box img {
border-radius: 50%;
}
.author-box span {
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.author-box h2 {
margin: 0.1rem 0;
font-size: 1.25rem;
}
.author-box p {
margin: 0.35rem 0 0;
font-size: 0.9rem;
line-height: 1.5;
}
.article-sidebar {
position: sticky;
top: 1rem;
}
.widget {
margin-bottom: 2rem;
}
.widget-title {
margin: 0 0 1rem;
padding-top: 0.65rem;
border-top: 4px solid var(--ink);
font-size: 1.1rem;
font-weight: 900;
letter-spacing: -0.02em;
}
.latest-widget article {
padding: 0.8rem 0;
border-bottom: 1px solid var(--line);
}
.latest-widget a {
display: block;
font-family: var(--serif);
font-weight: 800;
line-height: 1.25;
text-decoration: none;
}
.latest-widget time {
display: block;
margin-top: 0.35rem;
color: #6d6d6d;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
}
.comments-area {
max-width: var(--reading);
}
.comment-list {
padding-left: 1.25rem;
}
.comment-list li {
margin-block: 1.25rem;
}
.comment-form label {
display: block;
font-weight: 800;
}
.comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 0.55rem;
}
.site-footer {
margin-top: var(--space-5);
background: var(--ink);
color: var(--white);
}
.footer-grid {
display: grid;
grid-template-columns: 1.3fr repeat(3, 1fr);
gap: 3rem;
padding-block: var(--space-5);
}
.footer-brand img {
width: 8rem;
}
.footer-brand p {
max-width: 22rem;
color: #c9c9c9;
font-family: var(--serif);
}
.site-footer h2 {
margin: 0 0 1rem;
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.footer-links {
list-style: none;
margin: 0;
padding: 0;
}
.footer-links li {
margin-bottom: 0.6rem;
}
.footer-links a {
color: #eeeeee;
font-size: 0.9rem;
text-decoration: none;
}
.footer-links a:hover {
color: #ffb4b4;
}
.footer-bottom {
display: flex;
justify-content: space-between;
gap: 1rem;
padding-block: 1.2rem;
border-top: 1px solid #414141;
color: #bcbcbc;
font-size: 0.75rem;
}
.footer-bottom p {
margin: 0;
}
.not-found {
max-width: 52rem;
padding-block: 7rem;
text-align: center;
}
.not-found h1 {
margin: 0;
font-family: var(--serif);
font-size: clamp(2.3rem, 6vw, 4.5rem);
line-height: 1;
}
.not-found .search-form {
margin-block: 2rem;
}
.error-code {
margin: 0;
color: var(--red);
font-size: 6rem;
font-weight: 900;
line-height: 1;
}
@media (max-width: 1050px) {
.story-grid--four {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.article-layout {
grid-template-columns: 3rem minmax(0, 1fr);
}
.article-sidebar {
position: static;
grid-column: 2;
}
.footer-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 820px) {
.utility-nav {
display: none;
}
.utility-bar__inner {
justify-content: center;
}
.masthead {
min-height: 7rem;
}
.brand-lockup {
font-size: clamp(1.45rem, 6.8vw, 2.65rem);
}
.menu-toggle {
visibility: visible;
}
.js .primary-navigation {
display: none;
}
.js .primary-navigation.is-open {
display: block;
}
.primary-menu {
align-items: stretch;
flex-direction: column;
gap: 0;
padding: 0.6rem 0;
}
.primary-menu a {
padding: 0.8rem 0;
}
.primary-menu .sub-menu {
position: static;
display: block;
padding: 0 0 0 1rem;
border: 0;
box-shadow: none;
}
.lead-grid {
grid-template-columns: 1fr;
}
.lead-grid__secondary {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.story-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.market-strip__inner {
grid-template-columns: auto 1fr;
}
.market-strip small {
display: none;
}
}
@media (max-width: 620px) {
:root {
--space-5: 2.25rem;
--space-6: 3.5rem;
}
.site-shell {
width: min(calc(100% - 1.25rem), var(--shell));
}
.masthead {
grid-template-columns: 2.7rem 1fr 2.7rem;
gap: 0.4rem;
min-height: 5.25rem;
}
.brand-lockup span {
padding-inline: 0.12em;
}
.icon-button {
width: 2.5rem;
height: 2.5rem;
}
.latest-strip__inner {
gap: 0.65rem;
}
.latest-strip strong {
padding-right: 0.65rem;
}
.search-form {
align-items: stretch;
flex-direction: column;
}
.section-heading {
align-items: flex-start;
}
.story-grid--four,
.story-grid--three,
.lead-grid__secondary {
grid-template-columns: 1fr;
}
.latest-grid .story-card--compact,
.story-grid--four .story-card--compact {
display: grid;
grid-template-columns: 8.5rem 1fr;
gap: 0.85rem;
}
.story-card--compact .story-card__body {
padding-top: 0;
}
.story-card--compact .story-card__title {
font-size: 1rem;
}
.story-card--compact .story-meta {
display: none;
}
.article-layout {
display: block;
padding-top: 1.75rem;
}
.share-rail {
position: static;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.5rem;
}
.share-rail > span {
writing-mode: initial;
}
.article-sidebar {
margin-top: 2.5rem;
}
.article-content > p:first-of-type::first-letter {
font-size: 3.7rem;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.footer-bottom {
align-items: flex-start;
flex-direction: column;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}