/* Editorial Grid v2: visual overrides only. Shared component contracts are loaded first. */ :root:is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) { color-scheme: light; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body { background: var(--color-bg); } /* Cabinet composition */ :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav { padding: var(--space-sm); border-radius: var(--radius-lg); color: var(--color-on-dark-muted); background: var(--color-dark); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav > a, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav > span { color: inherit; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav > a:hover, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav > a:focus-visible { color: var(--color-on-dark); background: var(--color-dark-soft); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav a.is-active { color: var(--color-paper); background: var(--color-accent); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-scope--cabinet .cabinet-shell > .cabinet-nav { display: grid; align-content: start; gap: var(--space-sm); padding: var(--space-sm); overflow: visible; border: 0; border-radius: var(--radius-lg); color: var(--color-on-dark-muted); background: var(--color-dark); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-scope--cabinet .cabinet-shell > .cabinet-nav > :is(a, span) { flex: initial; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .contributor-form__actions { position: static; border-radius: var(--radius-md); backdrop-filter: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-header > div, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-header h1, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-grid > * { min-width: 0; overflow-wrap: anywhere; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) { display: grid; grid-template-columns: 14rem minmax(0, 1fr); column-gap: var(--space-xl); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) > .cabinet-header { grid-column: 1 / -1; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) > .cabinet-nav { grid-column: 1; grid-row: 2 / span 20; align-self: start; margin-top: var(--space-xl); position: sticky; top: calc(var(--space-3xl) + var(--space-md)); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) > :not(.cabinet-nav):not(.cabinet-header) { grid-column: 2; } /* Article polish */ :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .article-layout { grid-template-columns: minmax(0, 1fr) minmax(20rem, 22rem); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .sidebar-story__title a { display: -webkit-box; overflow: hidden; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .sidebar-story__title a:hover { color: var(--color-accent-strong); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .article-read-more { padding-top: var(--space-lg); border: 0; border-top: var(--space-xs) solid var(--color-accent); background: transparent; box-shadow: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-card { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-card:hover { transform: none; box-shadow: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-card__media { overflow: hidden; border-radius: var(--radius-md); background: var(--color-surface-strong); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-card__body { padding: var(--space-md) 0 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-nav-btn { width: var(--button-height); height: var(--button-height); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-pagination .swiper-pagination-bullet { position: relative; width: var(--space-lg); height: var(--space-lg); margin: 0 !important; background: transparent; opacity: 1; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-pagination .swiper-pagination-bullet::before { position: absolute; top: 50%; left: 50%; width: var(--space-sm); height: var(--space-sm); border-radius: var(--radius-sm); background: var(--color-border); content: ""; transform: translate(-50%, -50%); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-page--article .read-more-pagination .swiper-pagination-bullet-active::before { width: var(--space-lg); background: var(--color-accent); } /* Compact catalog mastheads */ :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead { position: relative; overflow: hidden; color: var(--color-ink); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--full-bleed { width: 100%; max-width: var(--site-shell-width); margin: 0 auto var(--space-lg); padding: 0 clamp(var(--space-md), 3vw, var(--space-2xl)) !important; overflow: visible; border: 0; background: transparent; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--full-bleed > .catalog-masthead__inner { width: 100%; max-width: none; padding-inline: var(--space-xl) !important; border: 1px solid var(--color-border); border-left: var(--space-xs) solid var(--color-accent); border-radius: var(--radius-lg); background: linear-gradient(110deg, var(--color-paper), var(--color-surface)); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__inner, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--contained { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--catalog-masthead-gap); min-height: 0; padding-block: var(--catalog-masthead-padding-block) !important; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--contained { margin-bottom: var(--space-lg); padding-inline: var(--space-xl); border: 1px solid var(--color-border); border-left: var(--space-xs) solid var(--color-accent); border-radius: var(--radius-lg); background: linear-gradient(110deg, var(--color-paper), var(--color-surface)); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--full-bleed > .catalog-masthead--contained { margin-bottom: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead h1 { max-width: 28ch; margin: 0; font-size: clamp(var(--font-size-3xl), 3.4vw, var(--font-size-4xl)); line-height: var(--line-height-tight); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead p:not(.eyebrow) { max-width: 62ch; margin: var(--space-sm) 0 0; color: var(--color-muted); font-size: var(--font-size-md); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead .eyebrow { margin-bottom: var(--space-xs); color: var(--color-accent-strong); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__copy { min-width: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__aside { display: flex; align-items: center; gap: var(--space-md); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__stat { display: grid; grid-template-columns: auto minmax(0, 8rem); align-items: end; gap: var(--space-sm); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__stat strong { color: var(--color-accent); font-size: var(--font-size-4xl); line-height: .8; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__stat span { color: var(--color-muted); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); text-transform: uppercase; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__extra { grid-column: 1 / -1; min-width: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__mark, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .games-hero__mark.catalog-masthead__mark, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-hero__inner > .catalog-masthead__mark { display: grid !important; width: var(--catalog-masthead-mark-size); aspect-ratio: 1; place-items: center; border: 1px solid var(--line-dark); border-radius: var(--radius-lg); color: var(--color-paper); background: var(--color-dark); box-shadow: none; font-size: var(--font-size-2xl); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead .games-section-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: fit-content; margin-top: var(--space-md); padding: var(--space-xs); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead .games-section-nav a { min-height: var(--button-height); padding-inline: var(--space-md); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-filter-toggle { display: none; min-height: var(--button-height); align-items: center; justify-content: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-ink); background: var(--color-paper); font-weight: var(--font-weight-bold); cursor: pointer; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-filter-toggle span { padding: var(--space-xs) var(--space-sm); border-radius: var(--ds-primitive-radius-full); color: var(--color-accent); background: var(--color-accent-soft); font-size: var(--font-size-xs); } /* Shared editorial masthead and feed variants */ :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed { padding-top: var(--editorial-feed-padding-top); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed--guttered { padding-inline: var(--editorial-feed-gutter); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid { align-items: start; gap: var(--editorial-feed-gap); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card { align-self: start; border: 1px solid var(--color-border); border-top: var(--editorial-feed-accent-width) solid var(--color-accent); border-radius: var(--editorial-feed-card-radius); background: var(--color-paper); box-shadow: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card:hover { border-color: var(--color-accent); box-shadow: var(--shadow-sm); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__image-link { margin: 0; border-radius: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid > .editorial-feed-card.editorial-feed-card--lead .news-card__image-link { align-self: start; height: auto; aspect-ratio: 16 / 9; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid > .editorial-feed-card.editorial-feed-card--lead .news-card__image { height: 100%; aspect-ratio: 16 / 9; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__body { min-height: 0; padding: var(--editorial-feed-card-padding); padding-right: var(--editorial-feed-action-clearance); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid > .editorial-feed-card.editorial-feed-card--lead { grid-column: 1 / -1; grid-template-columns: minmax(0, 1.35fr) minmax(var(--editorial-feed-lead-copy-min), .65fr); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid > .editorial-feed-card.editorial-feed-card--lead .news-card__body { align-content: center; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__meta { align-items: baseline; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__meta time { color: var(--color-muted); font-size: var(--font-size-xs); white-space: nowrap; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__meta .eyebrow a { text-decoration-color: color-mix(in srgb, var(--color-accent) 35%, transparent); text-underline-offset: var(--space-xs); } /* VR-club and catalog horizontal toolbar filters */ :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) { display: grid; align-items: end; gap: var(--space-md); margin-bottom: var(--space-xl); padding: var(--space-lg); border: 1px solid var(--line-dark); border-radius: var(--radius-md); color: var(--color-on-dark); background: var(--color-dark); box-shadow: var(--shadow-sm); transition: border-color var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .club-filter { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .games-inline-filters { grid-template-columns: minmax(13rem, 1.4fr) minmax(12rem, 1.2fr) minmax(10.5rem, 0.9fr) auto auto; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading, .catalog-toolbar-filter__heading) { display: flex; grid-column: 1 / -1; align-items: flex-end; justify-content: space-between; gap: var(--space-lg); padding-bottom: var(--space-md); border-bottom: 1px solid var(--line-dark); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading, .catalog-toolbar-filter__heading) .catalog-toolbar-filter__title-group { display: flex; flex-direction: column; gap: var(--space-xs); min-width: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading, .catalog-toolbar-filter__heading) h2 { margin: 0; color: var(--color-paper); font-family: var(--arvr-display); font-size: var(--font-size-xl); letter-spacing: var(--letter-spacing-tight); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading, .catalog-toolbar-filter__heading) .eyebrow { margin: 0; color: var(--color-on-dark-muted); font-family: var(--arvr-mono); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-caps); text-transform: uppercase; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading, .catalog-toolbar-filter__heading) > :is(a, span), :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.catalog-toolbar-filter__reset, .catalog-toolbar-filter__status) { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--space-xs); min-height: var(--button-height); font-family: var(--arvr-mono); font-size: var(--font-size-xs); letter-spacing: var(--letter-spacing-wide); text-decoration: none; transition: color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading > a, .catalog-toolbar-filter__reset) { color: var(--color-on-dark); font-weight: var(--font-weight-bold); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading > a:hover, .catalog-toolbar-filter__reset:hover) { color: var(--color-primary); transform: translateX(-0.125rem); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading > span, .catalog-toolbar-filter__status) { color: var(--color-on-dark-muted); font-weight: var(--font-weight-normal); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) :is(.form-field, .games-search, .game-lookup) { position: relative; display: flex; flex-direction: column; gap: var(--space-xs); margin: 0; padding: 0; border: 0; background: transparent; min-width: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) label { margin: 0; color: var(--color-on-dark-muted); font-family: var(--arvr-mono); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-caps); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) :is(input, select) { width: 100%; min-width: 0; min-height: var(--button-height); height: var(--button-height); padding-inline: var(--space-md); border: 1px solid var(--line-dark); border-radius: var(--radius-sm); color: var(--color-ink); background: var(--color-paper); font-family: var(--font-sans); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); box-shadow: none; transition: border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) :is(input, select):hover { border-color: var(--color-card-border-hover); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) :is(input, select):focus { outline: none; border-color: var(--color-ink); box-shadow: var(--shadow-focus); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__input-wrap { position: relative; display: flex; align-items: center; width: 100%; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__input-wrap > .bi { position: absolute; left: var(--space-md); display: flex; align-items: center; justify-content: center; color: var(--color-placeholder); font-size: var(--font-size-sm); pointer-events: none; z-index: 2; transition: color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__input-wrap:focus-within > .bi { color: var(--color-ink); transform: scale(1.15); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__input-wrap input { padding-left: calc(var(--space-xl) + var(--space-sm)); padding-right: calc(var(--space-xl) + var(--space-sm)); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__clear-btn { position: absolute; right: var(--space-xs); display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-placeholder); cursor: pointer; z-index: 3; transition: color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__clear-btn:hover { color: var(--color-ink); transform: scale(1.15); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__clear-btn.is-hidden { display: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__select-wrap { position: relative; display: flex; align-items: center; width: 100%; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__select-wrap select { appearance: none; -webkit-appearance: none; padding-right: calc(var(--space-xl) + var(--space-sm)); cursor: pointer; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .select-field__arrow { position: absolute; right: var(--space-md); color: var(--color-placeholder); font-size: var(--font-size-xs); pointer-events: none; transition: transform var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .catalog-toolbar-filter__select-wrap:focus-within .select-field__arrow { color: var(--color-ink); transform: rotate(180deg); } @keyframes catalogLookupIn { from { opacity: 0; transform: translateY(-0.5rem); } to { opacity: 1; transform: translateY(0); } } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results { position: absolute; top: calc(100% + var(--space-xs)); left: 0; right: 0; z-index: var(--ds-primitive-z-modal); max-height: 20rem; overflow-y: auto; padding: var(--space-xs); border: 1px solid var(--color-ink); border-radius: var(--radius-sm); background: var(--color-paper); box-shadow: var(--shadow-card); animation: catalogLookupIn var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results::-webkit-scrollbar { width: 6px; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results::-webkit-scrollbar-thumb { background: var(--color-field-border); border-radius: var(--radius-sm); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results button { position: relative; display: flex; align-items: center; width: 100%; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-ink); text-align: left; cursor: pointer; transition: background-color var(--duration-fast) var(--easing-standard), padding-left var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results button:hover, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results button[aria-selected="true"] { background: var(--color-surface-strong); padding-left: calc(var(--space-md) + var(--space-xs)); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results button span { display: flex; flex-direction: column; gap: 0; min-width: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results button strong { font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: var(--color-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results button small { font-size: var(--font-size-xs); color: var(--color-muted); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .game-lookup__results > :is(p, [role="status"], [role="alert"]) { margin: 0; padding: var(--space-md); font-family: var(--arvr-mono); font-size: var(--font-size-xs); color: var(--color-muted); text-align: center; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) :is(.button, > .button) { min-height: var(--button-height); height: var(--button-height); padding-inline: var(--space-lg); font-family: var(--arvr-mono); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-caps); text-transform: uppercase; white-space: nowrap; transition: background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .button--secondary { background: var(--color-paper); color: var(--color-ink); border: 1px solid var(--color-border); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .button--secondary:hover { background: var(--color-ink); color: var(--color-on-dark); border-color: var(--color-on-dark); transform: translateY(-0.0625rem); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .button--primary { background: var(--color-dark); color: var(--color-on-dark); border: 1px solid var(--color-on-dark); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) .button--primary:hover { background: var(--color-on-dark); color: var(--color-dark); border-color: var(--color-on-dark); transform: translateY(-0.0625rem); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .club-results-layout--without-map { grid-template-columns: minmax(0, 1fr); } /* Homepage ticker and hero */ .editorial-ticker { color: var(--color-on-dark); background: var(--color-accent-strong); } .editorial-ticker__inner { display: flex; align-items: center; gap: var(--space-xl); min-height: var(--button-height); } .editorial-ticker__inner > strong { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--space-xs); letter-spacing: var(--letter-spacing-caps); text-transform: uppercase; } .editorial-ticker__items { display: flex; min-width: 0; gap: var(--space-xl); overflow: hidden; white-space: nowrap; } .editorial-ticker__items a { color: inherit; text-decoration: none; } .editorial-ticker__items time { margin-right: var(--space-sm); font-weight: var(--font-weight-black); } .editorial-hero { padding: var(--space-xl) 0 var(--space-2xl); color: var(--color-on-dark); background: var(--color-dark); } .editorial-hero__story { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(20rem, .75fr); align-items: stretch; } .editorial-hero__media, .editorial-story-card__media, .editorial-story-row__media, .editorial-catalog-card__media { position: relative; display: block; width: 100%; min-width: 0; overflow: hidden; aspect-ratio: 16 / 9; background: var(--color-surface-strong); } .editorial-hero__media { border-radius: var(--radius-lg) 0 0 var(--radius-lg); } .editorial-hero__media img, .editorial-story-card__media img, .editorial-story-row__media img, .editorial-catalog-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .editorial-media-label { position: absolute; right: var(--space-sm); bottom: var(--space-sm); left: var(--space-sm); padding: var(--space-xs) var(--space-sm); overflow: hidden; border-radius: var(--radius-sm); color: var(--color-on-dark); background: color-mix(in srgb, var(--color-dark) 82%, transparent); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); text-overflow: ellipsis; white-space: nowrap; } .editorial-hero__body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: var(--space-xl); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; color: var(--color-ink); background: var(--color-paper); } .editorial-hero__body h2 { margin-bottom: var(--space-md); font-size: clamp(var(--font-size-2xl), 4vw, var(--font-size-4xl)); } .editorial-hero__body h2 a { text-decoration: none; } .editorial-hero__footer { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--space-md); margin-top: auto; padding-top: var(--space-lg); } /* Homepage sections and cards */ .editorial-section { padding: var(--space-3xl) 0; } .editorial-section--paper { border-block: 1px solid var(--color-border); background: var(--color-paper); } .editorial-section--dark { color: var(--color-on-dark); background: var(--color-dark); } .editorial-section--dark .eyebrow { color: var(--color-on-dark-muted); } .editorial-section--opinions { background: var(--color-highlight-soft); } .editorial-section--directory { background: var(--color-surface-strong); } .editorial-section__heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-lg); margin-bottom: var(--space-xl); padding-bottom: var(--space-md); border-bottom: 1px solid var(--color-border); } .editorial-section--dark .editorial-section__heading { border-color: var(--line-dark); } .editorial-section__heading h2 { margin: 0; font-size: clamp(var(--font-size-3xl), 5vw, var(--font-size-4xl)); } .editorial-section__heading p { margin-bottom: var(--space-xs); } .editorial-section__heading > a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--space-sm); min-height: var(--button-height); font-weight: var(--font-weight-bold); text-decoration: none; } .editorial-news-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-lg); } .editorial-story-card { display: flex; min-width: 0; flex-direction: column; grid-column: span 2; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-paper); } .editorial-story-card__body { display: flex; flex: 1; flex-direction: column; padding: var(--space-lg); } .editorial-story-card h3 { font-size: var(--font-size-2xl); } .editorial-story-card h3 a, .editorial-story-row h3 a { text-decoration: none; } .editorial-story-card time, .editorial-story-row time { margin-top: auto; color: var(--color-muted); font-size: var(--font-size-xs); } .editorial-story-row { display: grid; grid-column: span 2; grid-template-columns: 9rem minmax(0, 1fr); align-items: center; gap: var(--space-md); min-width: 0; padding-bottom: var(--space-md); border-bottom: 1px solid var(--color-border); } .editorial-story-row__media { border-radius: var(--radius-md); } .editorial-story-row h3 { font-size: var(--font-size-lg); } .editorial-card-grid, .editorial-opinion-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); } .editorial-card-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .editorial-catalog-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); color: var(--color-ink); background: var(--color-paper); } .editorial-catalog-card__body { display: flex; flex: 1; flex-direction: column; padding: var(--space-md); } .editorial-catalog-card h3 a { text-decoration: none; } .editorial-catalog-card__body > span:last-child { margin-top: auto; color: var(--color-muted); } .editorial-opinion { padding: var(--space-lg); border: 1px solid var(--color-border); border-top: var(--space-xs) solid var(--color-accent); border-radius: var(--radius-lg); background: var(--color-paper); } .editorial-opinion > .bi-quote { color: var(--color-accent); font-size: var(--font-size-4xl); } .editorial-opinion > a { display: inline-flex; align-items: center; gap: var(--space-xs); font-weight: var(--font-weight-bold); } .editorial-event-list { border-top: 1px solid var(--color-border); } .editorial-event { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-lg); padding: var(--space-lg) 0; border-bottom: 1px solid var(--color-border); } .editorial-event > time { display: flex; min-height: 5rem; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--radius-md); color: var(--color-paper); background: var(--color-highlight); } .editorial-event > time strong { font-size: var(--font-size-2xl); } .editorial-event h3 a { text-decoration: none; } .editorial-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2xl); } .editorial-directory__list { overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-paper); } .editorial-directory__list article { display: grid; grid-template-columns: 7rem minmax(0, 1fr); align-items: center; gap: var(--space-md); padding: var(--space-md); border-bottom: 1px solid var(--color-border); } .editorial-directory__list article:last-child { border-bottom: 0; } .editorial-directory__logo, .editorial-directory__icon { display: flex; overflow: hidden; aspect-ratio: 16 / 9; align-items: center; justify-content: center; border-radius: var(--radius-sm); background: var(--color-surface); } .editorial-directory__logo img { width: 100%; height: 100%; object-fit: contain; } .editorial-directory__icon { color: var(--color-accent); font-size: var(--font-size-2xl); } .editorial-directory__list h3 a { text-decoration: none; } .editorial-directory__empty { padding: var(--space-lg); border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-paper); } .editorial-rss { padding: var(--space-2xl) 0; color: var(--color-paper); background: var(--color-accent); } .editorial-rss__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-xl); } .editorial-rss .button--primary { color: var(--color-accent-strong); background: var(--color-paper); } /* Homepage content carousels */ .editorial-home .editorial-section { padding-block: var(--space-2xl); } .editorial-home .editorial-section__heading { margin-bottom: var(--space-lg); } .homepage-news__lead { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); } .homepage-news__lead .editorial-catalog-card { height: 100%; } .homepage-news__lead .editorial-catalog-card__body { gap: var(--space-sm); } .homepage-news__lead h3 { display: -webkit-box; overflow: hidden; margin: 0; font-size: var(--font-size-xl); line-height: var(--line-height-tight); -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .homepage-news__lead .editorial-catalog-card__body > p:not(.eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: var(--color-muted); -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .homepage-news__lead time, .homepage-news-row time { margin-top: auto; color: var(--color-muted); font-size: var(--font-size-xs); } .homepage-news__more { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-xl); margin-top: var(--space-xl); border-top: 1px solid var(--color-border); } .homepage-news-row { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: var(--space-md); min-width: 0; padding-block: var(--space-md); border-bottom: 1px solid var(--color-border); } .homepage-news-row__media { display: grid; overflow: hidden; aspect-ratio: 16 / 9; align-self: start; place-items: center; border-radius: var(--radius-sm); color: var(--color-accent); background: var(--color-surface); } .homepage-news-row__media img { width: 100%; height: 100%; object-fit: cover; } .homepage-news-row__body { display: flex; min-width: 0; flex-direction: column; gap: var(--space-xs); } .homepage-news-row__body > * { margin: 0; } .homepage-news-row h3 { display: -webkit-box; overflow: hidden; font-size: var(--font-size-md); line-height: var(--line-height-tight); -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .homepage-news-row h3 a { color: inherit; text-decoration: none; } .homepage-news-row h3 a:hover { color: var(--color-accent); } .homepage-swiper { min-width: 0; } .homepage-swiper .swiper-wrapper { align-items: stretch; } .homepage-swiper .swiper-slide { height: auto; } .homepage-swiper .swiper-slide > article { height: 100%; } .homepage-swiper .editorial-catalog-card__body { gap: var(--space-sm); } .homepage-swiper .editorial-catalog-card h3, .homepage-swiper .editorial-opinion h3 { display: -webkit-box; overflow: hidden; margin: 0; font-size: var(--font-size-lg); line-height: var(--line-height-tight); -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .homepage-swiper .editorial-catalog-card__body > p:not(.eyebrow), .homepage-swiper .editorial-opinion > p:not(.eyebrow) { display: -webkit-box; overflow: hidden; margin: 0; color: var(--color-muted); -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .homepage-swiper .editorial-catalog-card__body > time { margin-top: auto; color: var(--color-muted); font-size: var(--font-size-xs); } .homepage-swiper .editorial-opinion { display: flex; height: 100%; flex-direction: column; padding: var(--homepage-swiper-card-padding); } .homepage-swiper .editorial-opinion > .bi-quote { font-size: var(--font-size-2xl); } .homepage-swiper .editorial-opinion > a { margin-top: auto; padding-top: var(--space-md); } .homepage-event-card__meta { display: flex; align-items: center; gap: var(--space-sm); } .homepage-event-card__meta time { display: inline-flex; align-items: baseline; gap: var(--space-xs); color: var(--color-accent); font-weight: var(--font-weight-bold); } .homepage-event-card__meta p { margin: 0; } .homepage-company-card .editorial-catalog-card__media { background: var(--color-paper); } .homepage-company-card .editorial-catalog-card__media img { padding: var(--space-lg); object-fit: contain; } .homepage-club-card__media { color: var(--color-on-dark); background: linear-gradient(135deg, var(--color-dark), var(--color-accent)); } .homepage-club-card__media > span:first-child { display: grid; height: 100%; place-items: center; font-size: var(--font-size-4xl); } .homepage-swiper__controls { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-sm); min-height: var(--homepage-swiper-control-size); margin-top: var(--homepage-swiper-controls-top); } .homepage-swiper__button { display: inline-grid; flex: 0 0 auto; width: var(--homepage-swiper-control-size); height: var(--homepage-swiper-control-size); place-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-full); color: var(--color-ink); background: var(--color-paper); cursor: pointer; } .homepage-swiper__button:hover { border-color: var(--color-accent); color: var(--color-paper); background: var(--color-accent); } .homepage-swiper__button:focus-visible { outline: var(--space-xs) solid var(--color-ring); outline-offset: var(--space-xs); } .homepage-swiper__button.swiper-button-disabled { cursor: default; opacity: .38; } .homepage-swiper__controls:has(.homepage-swiper__button.swiper-button-lock) { display: none; } .homepage-swiper__pagination { width: auto !important; min-width: 4.5rem; color: var(--color-muted); font-variant-numeric: tabular-nums; text-align: center; } .homepage-swiper__pagination .swiper-pagination-current { color: var(--color-ink); font-weight: var(--font-weight-bold); } .editorial-section--dark .homepage-swiper__button { border-color: var(--line-dark); color: var(--color-on-dark); background: var(--color-dark); } .editorial-section--dark .homepage-swiper__button:hover { border-color: var(--color-paper); color: var(--color-dark); background: var(--color-paper); } .editorial-section--dark .homepage-swiper__pagination { color: var(--color-on-dark-muted); } .editorial-section--dark .homepage-swiper__pagination .swiper-pagination-current { color: var(--color-paper); } .homepage-swiper:not(.swiper-initialized) { overflow-x: auto; scroll-snap-type: x mandatory; } .homepage-swiper:not(.swiper-initialized) .swiper-wrapper { gap: var(--homepage-swiper-gap); } .homepage-swiper:not(.swiper-initialized) .swiper-slide { width: calc((100% - (3 * var(--homepage-swiper-gap))) / 4); flex: 0 0 calc((100% - (3 * var(--homepage-swiper-gap))) / 4); scroll-snap-align: start; } .homepage-swiper:not(.swiper-initialized) .homepage-swiper__controls { display: none; } @media (max-width: 74rem) { .editorial-card-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 64rem) { :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .article-layout { grid-template-columns: minmax(0, 1fr); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) :is(.button, > .button) { width: 100%; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) { display: block; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) > .cabinet-nav { display: grid; grid-auto-columns: max-content; grid-auto-flow: column; grid-template-columns: none; gap: var(--space-xs); margin-top: var(--space-xl); overflow-x: auto; overscroll-behavior-inline: contain; position: static; } [data-theme="arvr_theme"] .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) > .cabinet-nav { grid-auto-columns: auto; grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; } .editorial-hero__story, .editorial-directory { grid-template-columns: minmax(0, 1fr); } .editorial-hero__media { border-radius: var(--radius-lg) var(--radius-lg) 0 0; } .editorial-hero__body { border-radius: 0 0 var(--radius-lg) var(--radius-lg); } .editorial-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .homepage-swiper:not(.swiper-initialized) .swiper-slide { width: calc((100% - (2 * var(--homepage-swiper-gap))) / 3); flex-basis: calc((100% - (2 * var(--homepage-swiper-gap))) / 3); } } @media (max-width: 52rem) { :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid > .editorial-feed-card.editorial-feed-card--lead { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 56.249rem) { .homepage-news__more { grid-template-columns: repeat(2, minmax(0, 1fr)); } .homepage-swiper:not(.swiper-initialized) .swiper-slide { width: calc((100% - var(--homepage-swiper-gap)) / 2); flex-basis: calc((100% - var(--homepage-swiper-gap)) / 2); } } @media (max-width: 47.999rem) { :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav { display: grid; grid-auto-columns: max-content; grid-auto-flow: column; grid-template-columns: none; gap: var(--space-xs); overflow-x: auto; overscroll-behavior-inline: contain; padding: var(--space-sm); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav > a, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cabinet-nav > span { white-space: nowrap; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) body.ds-scope--cabinet .cabinet-shell > .cabinet-nav { display: grid; grid-auto-columns: max-content; grid-auto-flow: column; grid-template-columns: none; gap: var(--space-xs); overflow-x: auto; } [data-theme="arvr_theme"] .ds-scope--cabinet .cabinet-shell:has(> .cabinet-nav) > .cabinet-nav { grid-auto-columns: auto; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; } [data-theme="arvr_theme"] .cabinet-shell > .cabinet-nav > a { min-width: 0; white-space: normal; overflow-wrap: anywhere; } [data-theme="arvr_theme"] .cabinet-shell > .cabinet-nav > a > span { min-width: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__inner, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--contained { grid-template-columns: minmax(0, 1fr); gap: var(--catalog-masthead-gap-mobile); padding-block: var(--catalog-masthead-padding-block-mobile) !important; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead--contained { padding-inline: var(--space-md); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__mark, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .games-hero__mark.catalog-masthead__mark, :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-hero__inner > .catalog-masthead__mark { display: none !important; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__aside:not(:has(.button)) { display: none; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead__aside { justify-content: flex-start; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead .games-section-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: var(--space-xs); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-masthead .games-section-nav a { min-width: 0; gap: var(--space-xs); padding-inline: var(--space-xs); font-size: var(--font-size-xs); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-filter-toggle { display: inline-flex; width: 100%; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .catalog-filter-toggle + :is(.catalog-filters, .events-filters) { margin-top: var(--space-sm); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed { padding-top: var(--editorial-feed-padding-top-mobile); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed__grid > .editorial-feed-card.editorial-feed-card--lead { grid-template-columns: minmax(0, 1fr); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__body { padding: var(--editorial-feed-card-padding-mobile); padding-right: var(--editorial-feed-action-clearance); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .editorial-feed-card .news-card__meta { align-items: flex-start; flex-direction: column; gap: var(--space-xs); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter, .catalog-toolbar-filter, .games-inline-filters) { grid-template-columns: minmax(0, 1fr); padding: var(--space-md); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) :is(.club-filter__heading, .catalog-toolbar-filter__heading) { align-items: flex-start; flex-direction: column; gap: var(--space-sm); } .editorial-ticker__inner { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-sm); } .editorial-ticker__items a:nth-child(n + 2) { display: none; } .editorial-ticker__items a { display: -webkit-box; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .editorial-hero { padding-top: var(--space-md); } .editorial-hero__body { padding: var(--space-lg); } .editorial-hero__footer, .editorial-section__heading, .editorial-rss__inner { align-items: flex-start; flex-direction: column; } .editorial-news-grid, .editorial-card-grid, .editorial-card-grid--four, .editorial-opinion-grid { grid-template-columns: minmax(0, 1fr); } .editorial-story-card, .editorial-story-row { grid-column: auto; } .editorial-story-row { grid-template-columns: 7rem minmax(0, 1fr); } .editorial-section { padding: var(--space-2xl) 0; } .editorial-home .editorial-section { padding-block: var(--space-xl); } .homepage-news__lead, .homepage-news__more { grid-template-columns: minmax(0, 1fr); } .homepage-news__lead { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-sm); } .homepage-news__lead > :first-child { grid-column: 1 / -1; } .homepage-news__lead .editorial-catalog-card__body { padding: var(--space-md); } .homepage-news__lead .eyebrow { display: none; } .homepage-news__lead h3 { font-size: var(--font-size-md); -webkit-line-clamp: 2; } .homepage-news__lead .editorial-catalog-card__body > p:not(.eyebrow) { display: none; } .homepage-news-row { grid-template-columns: 6.5rem minmax(0, 1fr); } .homepage-swiper:not(.swiper-initialized) .swiper-slide { width: 88%; flex-basis: 88%; } .homepage-swiper .editorial-catalog-card__body > p:not(.eyebrow) { display: none; } .homepage-swiper__controls { justify-content: space-between; margin-top: var(--space-md); } .editorial-event { grid-template-columns: 4rem minmax(0, 1fr); align-items: start; } .editorial-event > a { display: none; } } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cookie-banner { right: 0; bottom: 0; left: 0; width: auto; max-width: none; padding: var(--space-sm) var(--space-md); border-width: 1px 0 0; border-radius: 0; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cookie-banner__inner { width: min(100%, var(--site-shell-width)); margin-inline: auto; } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cookie-banner__content { font-size: var(--font-size-xs); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cookie-banner__icon { font-size: var(--font-size-xl); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .cookie-banner .button { flex: 0 0 auto; } @media (min-width: 75rem) { :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-header .navbar-brand { margin-right: var(--space-sm); } :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) .site-header .nav-link { padding-inline: var(--space-xs) !important; } } @media (prefers-reduced-motion: reduce) { :is([data-theme="arvr-editorial-grid-v2"], [data-theme="arvr_theme"]) * { scroll-behavior: auto !important; transition-duration: var(--duration-reduced) !important; } }