/* Approved Rikoooo homepage V2. Scoped to homepage modules; canonical palette loaded first. */
:where(.riko-page-home) .riko-home-v2 * {
box-sizing:border-box
}
:where(.riko-page-home) .riko-home-v2 a {
color:var(--riko-link);
  text-decoration:none
}
:where(.riko-page-home) .riko-home-v2 button,
:where(.riko-page-home) .riko-home-v2 input,
:where(.riko-page-home) .riko-home-v2 select {
font:inherit
}
:where(.riko-page-home) .riko-home-v2 button,
:where(.riko-page-home) .riko-home-v2 a,
:where(.riko-page-home) .riko-home-v2 input,
:where(.riko-page-home) .riko-home-v2 select {
touch-action:manipulation
}
:where(.riko-page-home) .riko-home-v2 button,
:where(.riko-page-home) .riko-home-v2 a {
-webkit-tap-highlight-color:transparent
}
:where(.riko-page-home) .riko-home-v2 button {
cursor:pointer
}
:where(.riko-page-home) .riko-home-v2 button:disabled {
cursor:default
}
:where(.riko-page-home) .riko-home-v2 a:hover {
text-decoration:underline
}
:where(.riko-page-home) .riko-home-v2 button:focus-visible,
:where(.riko-page-home) .riko-home-v2 a:focus-visible,
:where(.riko-page-home) .riko-home-v2 input:focus-visible,
:where(.riko-page-home) .riko-home-v2 select:focus-visible {
outline:3px solid var(--riko-focus);
  outline-offset:4px
}
:where(.riko-page-home) .riko-home-v2 button {
color:inherit
}
:where(.riko-page-home) .riko-home-v2 h1,
:where(.riko-page-home) .riko-home-v2 h2,
:where(.riko-page-home) .riko-home-v2 h3,
:where(.riko-page-home) .riko-home-v2 p,
:where(.riko-page-home) .riko-home-v2 figure,
:where(.riko-page-home) .riko-home-v2 dl {
margin:0
}
:where(.riko-page-home) .riko-home-v2 h1,
:where(.riko-page-home) .riko-home-v2 h2,
:where(.riko-page-home) .riko-home-v2 h3 {
color:var(--riko-ink);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.025em
}
:where(.riko-page-home) .riko-home-v2 h2 {
font-size:29px
}
:where(.riko-page-home) .riko-home-v2 h3 {
font-size:19px
}
:where(.riko-page-home) .riko-home-v2 img {
display:block;
  max-width:100%
}
:where(.riko-page-home) .riko-home-v2 svg {
width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round
}
:where(.riko-page-home) .riko-home-v2 button[hidden],
:where(.riko-page-home) .riko-home-v2 [hidden] {
display:none!important
}
:where(.riko-page-home) .riko-home-v2 .rhv2-surface {
background:var(--riko-surface);
  border:1px solid color-mix(in srgb,var(--riko-line) 42%,transparent);
  border-radius:16px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-eyebrow {
text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:700;
  color:var(--riko-muted);
  margin-bottom:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sr-only {
position:absolute;
  clip-path:inset(50%);
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:nowrap
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:34px;
  padding:28px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero-copy {
padding:6px 8px 8px 4px;
  align-self:center
}
:where(.riko-page-home) .riko-home-v2 h1 {
font-size:43px;
  line-height:1.12;
  letter-spacing:-.035em;
  margin-bottom:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-lead {
color:var(--riko-text);
  font-size:16px;
  max-width:600px;
  margin-bottom:24px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search {
height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--riko-field-surface);
  border:1px solid var(--riko-line-strong);
  border-radius:8px;
  padding:5px 5px 5px 15px;
  max-width:720px;
  box-shadow:0 3px 14px color-mix(in srgb,var(--riko-brand-deep) 10%,transparent)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search svg {
color:var(--riko-muted);
  flex-shrink:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search input {
min-width:0;
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:var(--riko-ink);
  font-size:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search input::placeholder {
color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search button,
:where(.riko-page-home) .riko-home-v2 .rhv2-button {
background:var(--riko-action);
  color:var(--riko-action-contrast);
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  font-weight:700;
  padding:12px 19px;
  border-radius:6px;
  white-space:nowrap;
  font-size:13px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-button:hover,
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search button:hover {
background:var(--riko-action-hover);
  text-decoration:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links {
display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links a {
padding:8px 12px;
  border-radius:6px;
  border:1px solid color-mix(in srgb,var(--riko-line) 65%,transparent);
  font-size:12px;
  font-weight:600;
  color:var(--riko-text);
  display:flex;
  align-items:center;
  gap:7px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links a:hover {
background:var(--riko-action-soft);
  text-decoration:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-dot {
width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim24 {
background:var(--riko-simulator-2024)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim20 {
background:var(--riko-simulator-2020)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection {
position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:306px;
  border-radius:10px;
  background:var(--riko-brand-deep);
  color:var(--riko-on-brand)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection:hover {
text-decoration:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection>img {
position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 42%
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection::after {
content:"";
  position:absolute;
  inset:20% 0 0;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--riko-brand-deep) 97%,transparent))
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-copy {
position:relative;
  z-index:1;
  margin-top:auto;
  padding:20px 22px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection .rhv2-eyebrow {
color:var(--riko-on-brand-muted);
  font-size:10px;
  letter-spacing:.08em;
  display:block;
  margin-bottom:5px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-title {
font-size:23px;
  line-height:1.2;
  font-weight:700;
  display:block
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-bottom {
display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:11px;
  font-size:11px;
  color:var(--riko-on-brand-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-bottom b {
font-size:12px;
  display:flex;
  gap:14px;
  align-items:center
}
:where(.riko-page-home) .riko-home-v2 .rhv2-library,
:where(.riko-page-home) .riko-home-v2 .rhv2-news-section {
padding:26px 28px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-section-head {
display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-section-head .rhv2-eyebrow {
margin-bottom:6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-filter {
display:flex;
  align-items:center;
  gap:12px;
  color:var(--riko-muted);
  font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-filter select {
max-width:220px;
  padding:8px 30px 8px 11px;
  border:1px solid color-mix(in srgb,var(--riko-line) 70%,transparent);
  border-radius:6px;
  color:var(--riko-text);
  background:var(--riko-field-surface);
  font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-library-tools {
display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid color-mix(in srgb,var(--riko-line) 40%,transparent);
  margin-top:18px;
  margin-bottom:22px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs {
display:flex;
  gap:24px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs button {
position:relative;
  padding:0 0 13px;
  background:transparent;
  color:var(--riko-muted);
  border:0;
  font-size:13px;
  font-weight:600;
  white-space:nowrap
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs button[aria-selected="true"] {
color:var(--riko-ink)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs button[aria-selected="true"]::after {
content:"";
  height:3px;
  background:var(--riko-action);
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  border-radius:2px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-all-addons {
font-size:12px;
  margin-bottom:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-all-addons span {
padding-left:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-grid {
display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon {
overflow:hidden;
  border-radius:9px;
  background:var(--riko-surface-soft);
  border:1px solid color-mix(in srgb,var(--riko-line) 28%,transparent);
  color:var(--riko-text);
  display:flex;
  flex-direction:column
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon:hover {
border-color:var(--riko-action);
  text-decoration:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-photo {
aspect-ratio:1.9;
  overflow:hidden;
  position:relative
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-photo img {
width:100%;
  height:100%;
  object-fit:cover
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-body {
padding:16px 17px 14px;
  display:flex;
  flex-direction:column;
  flex:1
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-meta {
display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  font-size:10px;
  color:var(--riko-muted);
  margin-bottom:9px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-badge {
font-size:9px;
  line-height:1.6;
  display:inline-block;
  padding:2px 6px;
  border-radius:3px;
  background:var(--riko-surface);
  border:1px solid color-mix(in srgb,var(--riko-line) 45%,transparent);
  color:var(--riko-text);
  font-weight:700
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-badge[data-sim="msfs2024"] {
border-color:var(--riko-simulator-2024)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-badge[data-sim="msfs2020"] {
border-color:var(--riko-simulator-2020)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon h3 {
font-size:17px;
  letter-spacing:-.015em;
  min-height:40px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-summary {
margin:8px 0 13px;
  font-size:12px;
  line-height:1.6;
  color:var(--riko-muted);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-foot {
margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:10px;
  border-top:1px solid color-mix(in srgb,var(--riko-line) 25%,transparent);
  font-size:10px;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-foot b {
color:var(--riko-link);
  font-size:14px;
  font-weight:400
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-bottom {
display:flex;
  gap:13px;
  justify-content:center;
  flex-wrap:wrap;
  font-size:12px;
  border-top:1px solid color-mix(in srgb,var(--riko-line) 30%,transparent);
  margin-top:23px;
  padding-top:17px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-bottom>span {
color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-bottom a {
font-weight:600
}
:where(.riko-page-home) .riko-home-v2 .rhv2-result-status {
font-size:13px;
  margin-bottom:15px;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-text-button {
border:0;
  background:transparent;
  padding:0;
  color:var(--riko-link);
  font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-empty {
padding:25px;
  font-size:14px;
  grid-column:1/-1;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub {
display:grid;
  grid-template-columns:.9fr 1.15fr;
  gap:48px;
  align-items:center;
  padding:32px 42px;
  overflow:hidden;
  border-left:3px solid var(--riko-action)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub h2 {
font-size:32px;
  line-height:1.2;
  margin-bottom:16px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-copy>p:not(.rhv2-eyebrow) {
max-width:440px;
  font-size:14px;
  line-height:1.75
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub .rhv2-button {
margin-top:24px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub .rhv2-hub-note {
font-size:11px!important;
  line-height:1.6!important;
  color:var(--riko-muted);
  margin-top:18px;
  max-width:390px!important
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen {
position:relative;
  padding:10px 10px 0;
  border-radius:9px;
  background:var(--riko-surface-soft);
  border:1px solid color-mix(in srgb,var(--riko-line) 45%,transparent);
  box-shadow:0 16px 26px color-mix(in srgb,var(--riko-brand-deep) 18%,transparent)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen img {
width:100%;
  border-radius:4px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen figcaption {
font-size:10px;
  text-align:center;
  padding:8px;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-text-link {
font-size:12px;
  font-weight:600
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-grid {
display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  margin-top:23px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story {
display:grid;
  grid-template-columns:.95fr 1.1fr;
  gap:20px;
  color:var(--riko-text);
  align-items:center
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story:hover {
text-decoration:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story>img {
width:100%;
  aspect-ratio:1.3;
  object-fit:cover;
  border-radius:8px;
  object-position:center
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-meta {
font-size:10px;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story h3 {
font-size:21px;
  margin:8px 0 10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story p {
font-size:12px;
  line-height:1.65;
  margin-bottom:14px;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story .rhv2-text-link {
color:var(--riko-link)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  padding:28px 32px;
  align-items:center;
  background:var(--riko-page-wash)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about h2 {
font-size:25px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about p:not(.rhv2-eyebrow) {
font-size:13px;
  margin:10px 0;
  max-width:520px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats {
display:grid;
  grid-template-columns:.8fr 1.3fr 1fr;
  gap:26px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats>div {
display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid color-mix(in srgb,var(--riko-line) 50%,transparent);
  padding-left:22px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats dt {
order:2;
  font-size:10px;
  color:var(--riko-muted);
  margin-top:3px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats dd {
margin:0;
  font-size:25px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.03em;
  color:var(--riko-ink);
  white-space:nowrap
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners {
display:flex;
  align-items:center;
  gap:36px;
  padding:1px 15px 6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners>p {
white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--riko-muted);
  font-size:10px;
  font-weight:600
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners>div {
display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  flex:1
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners a {
background:var(--riko-artwork-surface);
  border-radius:5px;
  padding:8px 20px;
  height:53px;
  display:grid;
  place-items:center
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners img {
max-height:34px;
  width:auto;
  max-width:100%;
  object-fit:contain
}
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer {
margin-block:30px 0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--riko-brand-deep) 93%,transparent),color-mix(in srgb,var(--riko-brand-deep) 80%,transparent)),var(--riko-ambience-footer-image) center bottom/cover;
  border:1px solid color-mix(in srgb,var(--riko-line) 50%,transparent);
  border-radius:16px;
  color:var(--riko-on-brand-muted);
  overflow:hidden
}
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer a {
color:var(--riko-on-brand-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main {
display:grid;
  grid-template-columns:1fr .65fr 1.25fr;
  gap:62px;
  padding:32px 36px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-brand {
font-size:27px;
  font-weight:750;
  letter-spacing:-.04em;
  color:var(--riko-on-brand)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-intro p {
font-size:13px;
  max-width:290px;
  margin:10px 0 18px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-contribute {
display:flex;
  gap:22px;
  font-size:12px;
  font-weight:600
}
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer h3 {
font-size:15px;
  letter-spacing:0;
  color:var(--riko-on-brand);
  margin-bottom:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main>nav {
display:flex;
  flex-direction:column;
  gap:9px;
  font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main>nav h3 {
margin-bottom:3px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter>p {
font-size:12px;
  margin-bottom:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter form>label {
display:block;
  font-size:11px;
  margin-bottom:6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field {
display:flex;
  gap:7px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field input {
min-width:0;
  flex:1;
  background:color-mix(in srgb,var(--riko-on-brand) 9%,var(--riko-brand-deep));
  border:1px solid color-mix(in srgb,var(--riko-on-brand) 40%,transparent);
  border-radius:5px;
  padding:9px 11px;
  color:var(--riko-on-brand);
  font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field input::placeholder {
color:var(--riko-on-brand-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field button {
border:0;
  padding:9px 15px;
  border-radius:5px;
  background:var(--riko-action);
  color:var(--riko-action-contrast);
  font-size:12px;
  font-weight:700
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter .rhv2-consent {
display:flex;
  align-items:flex-start;
  gap:7px;
  margin-top:11px;
  font-size:10px;
  line-height:1.5;
  color:var(--riko-on-brand-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-consent input {
accent-color:var(--riko-action);
  flex-shrink:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-bottom {
display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid color-mix(in srgb,var(--riko-on-brand) 20%,transparent);
  padding:16px 36px;
  font-size:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-bottom nav {
display:flex;
  gap:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-status {
font-size:11px
}
@media(min-width:1600px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
gap:50px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero-copy {
padding-right:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection {
min-height:324px
}
}
@media(max-width:1250px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
gap:28px
}
:where(.riko-page-home) .riko-home-v2 h1 {
font-size:35px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links {
gap:6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links a {
font-size:11px;
  padding:8px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-grid {
gap:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub {
gap:30px;
  padding:30px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub h2 {
font-size:27px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story {
grid-template-columns:1fr
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story>img {
aspect-ratio:2.2
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story h3 {
font-size:21px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
gap:30px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats {
gap:16px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats>div {
padding-left:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats dd {
font-size:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main {
gap:30px
}
}
@media(max-width:980px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
padding:24px;
  gap:24px;
  grid-template-columns:1.2fr 1fr
}
:where(.riko-page-home) .riko-home-v2 h1 {
font-size:31px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero-copy {
padding:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-lead {
font-size:14px;
  margin-bottom:18px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search {
gap:8px;
  padding-left:10px;
  height:48px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search input {
font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search button {
font-size:11px;
  padding:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search button span {
display:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection {
min-height:280px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-title {
font-size:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-copy {
padding:18px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links a {
padding:7px 8px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-library,
:where(.riko-page-home) .riko-home-v2 .rhv2-news-section {
padding:22px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-photo {
aspect-ratio:2
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub {
grid-template-columns:1fr 1fr;
  gap:24px;
  padding:24px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub h2 {
font-size:24px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-copy>p:not(.rhv2-eyebrow) {
font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub .rhv2-button {
font-size:12px;
  padding:11px 13px;
  margin-top:15px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-note {
margin-top:12px!important
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen {
padding:5px 5px 0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen figcaption {
font-size:8px;
  padding:5px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
grid-template-columns:1fr
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats>div {
min-height:58px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats dd {
font-size:26px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners {
gap:20px;
  flex-direction:column
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners>div {
width:100%;
  gap:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners a {
padding:7px 12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main {
grid-template-columns:1fr 1fr
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter {
grid-column:1/-1;
  max-width:560px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-bottom {
flex-direction:column;
  gap:8px
}
}
@media(max-width:600px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-surface {
border-radius:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
display:flex;
  flex-direction:column;
  padding:16px 18px;
  gap:16px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-eyebrow {
font-size:9px;
  margin-bottom:10px
}
:where(.riko-page-home) .riko-home-v2 h1 {
font-size:29px;
  line-height:1.12;
  letter-spacing:-.035em;
  margin-bottom:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-desktop-break {
display:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-lead {
font-size:13px;
  line-height:1.5;
  margin-bottom:14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search {
height:48px;
  gap:8px;
  padding:4px 4px 4px 10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search svg {
width:17px;
  height:17px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search input {
font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search button {
font-size:11px;
  padding:10px 11px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links {
gap:7px;
  margin-top:13px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links a {
font-size:10px;
  padding:7px 10px;
  min-height:33px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-dot {
width:5px;
  height:5px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection {
min-height:96px;
  display:grid;
  grid-template-columns:88px 1fr;
  align-items:stretch;
  border:1px solid color-mix(in srgb,var(--riko-line) 40%,transparent);
  background:var(--riko-page-wash)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection>img {
position:static;
  width:88px;
  height:100%;
  object-position:50% 50%
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection::after {
display:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-copy {
margin:0;
  padding:10px;
  color:var(--riko-text);
  align-self:center
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection .rhv2-eyebrow {
font-size:8px;
  color:var(--riko-muted);
  margin-bottom:4px;
  letter-spacing:.06em
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-title {
font-size:16px;
  color:var(--riko-ink)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-bottom {
font-size:9px;
  align-items:flex-start;
  flex-direction:column;
  gap:4px;
  margin-top:6px;
  color:var(--riko-muted)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-selection-bottom b {
font-size:10px;
  color:var(--riko-link);
  gap:7px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-library,
:where(.riko-page-home) .riko-home-v2 .rhv2-news-section {
padding:18px 16px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-section-head {
align-items:flex-start;
  flex-direction:column;
  gap:13px
}
:where(.riko-page-home) .riko-home-v2 h2 {
font-size:25px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-section-head .rhv2-eyebrow {
margin-bottom:6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-filter {
width:100%;
  justify-content:space-between;
  font-size:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-filter select {
max-width:200px;
  width:190px;
  padding:7px 20px 7px 9px;
  font-size:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-library-tools {
margin-top:17px;
  margin-bottom:14px;
  flex-wrap:wrap;
  gap:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs {
gap:20px;
  width:100%;
  justify-content:space-between
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs button {
font-size:11px;
  padding-bottom:11px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-all-addons {
display:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-grid {
grid-template-columns:1fr;
  gap:11px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon {
display:grid;
  grid-template-columns:108px 1fr;
  min-height:117px;
  background:var(--riko-surface-soft)
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-photo {
aspect-ratio:auto;
  height:100%;
  min-height:117px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-body {
padding:10px 11px;
  min-width:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-meta {
font-size:8px;
  gap:4px;
  margin-bottom:6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-badge {
font-size:7px;
  padding:1px 4px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon h3 {
font-size:15px;
  line-height:1.25;
  min-height:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-summary {
display:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-foot {
margin-top:9px;
  padding-top:6px;
  font-size:8px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-foot b {
font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-bottom {
margin-top:17px;
  padding-top:13px;
  gap:4px;
  font-size:10px;
  text-align:center;
  line-height:1.7
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-bottom a {
display:block
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub {
display:flex;
  flex-direction:column;
  gap:21px;
  padding:22px 19px;
  border-left-width:2px;
  align-items:stretch
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub h2 {
font-size:26px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub .rhv2-eyebrow {
font-size:9px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-copy>p:not(.rhv2-eyebrow) {
font-size:13px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub .rhv2-button {
margin-top:18px;
  font-size:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub .rhv2-hub-note {
font-size:10px!important;
  margin-top:13px!important
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen {
padding:6px 6px 0;
  box-shadow:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen figcaption {
font-size:9px;
  padding:7px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-section .rhv2-section-head {
gap:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-grid {
grid-template-columns:1fr;
  gap:22px;
  margin-top:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story {
grid-template-columns:112px 1fr;
  gap:13px;
  align-items:start
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story>img {
aspect-ratio:1;
  object-fit:cover;
  margin-top:4px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-meta {
font-size:8px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story h3 {
font-size:17px;
  line-height:1.25;
  margin:6px 0 9px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story p {
display:none
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story .rhv2-text-link {
font-size:10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
padding:22px 19px;
  gap:23px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about h2 {
font-size:24px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about p:not(.rhv2-eyebrow) {
font-size:12px;
  line-height:1.7
}
:where(.riko-page-home) .riko-home-v2 .rhv2-text-link {
font-size:11px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats {
gap:9px;
  grid-template-columns:.8fr 1.3fr 1fr
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats>div {
padding-left:9px;
  min-height:45px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats>div:first-child {
border-left:0;
  padding-left:0
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats dd {
font-size:18px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-stats dt {
font-size:8px;
  line-height:1.4
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners {
gap:12px;
  padding:3px 6px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners>p {
font-size:9px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners>div {
grid-template-columns:repeat(3,1fr);
  gap:8px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners a {
height:43px;
  padding:7px 10px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners img {
max-height:26px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer {
margin-top:20px;
  border-radius:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main {
grid-template-columns:1fr 1fr;
  padding:24px 20px;
  gap:23px 14px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-brand {
font-size:25px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-intro {
grid-column:1/-1
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-intro p {
max-width:280px;
  font-size:12px;
  margin-top:7px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-contribute {
font-size:11px;
  gap:23px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main>nav {
grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 15px;
  font-size:11px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main>nav h3 {
grid-column:1/-1
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter {
border-top:1px solid color-mix(in srgb,var(--riko-on-brand) 20%,transparent);
  padding-top:20px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer h3 {
font-size:14px;
  margin-bottom:8px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter>p {
font-size:11px;
  line-height:1.7
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field input {
width:100%;
  font-size:11px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field button {
font-size:11px;
  padding:9px 12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter .rhv2-consent {
font-size:9px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-bottom {
padding:15px 20px;
  font-size:9px;
  gap:12px
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-bottom nav {
display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px
}
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family {
position: relative;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family summary {
list-style: none; cursor: pointer;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family summary::-webkit-details-marker {
display: none;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family summary {
padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--riko-line) 65%, transparent);
  font-size: 12px;
  font-weight: 600;
  color: var(--riko-text);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family > div {
position: absolute;
  z-index: 8;
  top: calc(100% + 7px);
  left: 0;
  width: 190px;
  padding: 7px;
  background: var(--riko-surface);
  border: 1px solid var(--riko-line);
  border-radius: 8px;
  box-shadow: 0 10px 20px color-mix(in srgb, var(--riko-brand-deep) 22%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family > div a {
display: flex;
  align-items: center;
  min-height: 44px;
  border: 0;
  color: var(--riko-ink);
  padding: 8px 12px;
  font-size: 12px;
  white-space: nowrap;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub {
grid-template-columns: 1fr 1fr;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen {
width: min(100%, 550px); justify-self: end;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story > img {
aspect-ratio: 1.55;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story:last-child > img {
object-fit: contain; background: var(--riko-artwork-surface);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-tabs button {
min-height: 44px; padding-top: 6px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-filter select {
min-height: 44px;
}
@media (max-width: 980px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hub-screen {
width: 100%;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family summary {
font-size: 11px; padding: 7px 8px;
}
}
@media (max-width: 600px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search {
height: 54px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-catalog-search button,
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field button,
:where(.riko-page-home) .riko-home-v2 .rhv2-newsletter-field input {
min-height: 44px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links a,
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-family summary {
min-height: 44px; display: flex; align-items: center; font-size: 11px; padding: 7px 10px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-links {
gap: 7px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-meta {
font-size: 9px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-sim-badge {
font-size: 9px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-foot {
font-size: 10px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-meta {
font-size: 9px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-news-story > img {
aspect-ratio: 1;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hub {
display: flex;
}
}
:where(.riko-page-home) .riko-home-v2 summary:focus-visible {
outline: 3px solid var(--riko-focus); outline-offset: 4px;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
background-image: linear-gradient(var(--riko-ambience-brand-veil), var(--riko-ambience-brand-veil)), var(--riko-ambience-home-hero);
  background-size: cover;
  background-position: 36% center;
  background-repeat: no-repeat;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero h1 {
color: var(--riko-on-brand);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-eyebrow,
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-lead {
color: var(--riko-on-brand-muted);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-sim-links > a,
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-sim-family > summary {
color: var(--riko-on-brand-muted);
  background: color-mix(in srgb, var(--riko-brand-deep) 48%, transparent);
  border-color: color-mix(in srgb, var(--riko-on-brand) 40%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-sim-links > a:hover,
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-sim-family > summary:hover {
background: color-mix(in srgb, var(--riko-brand-deep) 80%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-catalog-search {
background: var(--riko-field-surface);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-selection {
border: 1px solid color-mix(in srgb, var(--riko-on-brand) 25%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-body {
background: var(--riko-surface);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
background-image: linear-gradient(var(--riko-ambience-home-about-veil), var(--riko-ambience-home-about-veil)), var(--riko-ambience-home-about);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--riko-on-brand-muted);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about h2,
:where(.riko-page-home) .riko-home-v2 .rhv2-about .rhv2-stats dd {
color: var(--riko-on-brand);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about .rhv2-eyebrow,
:where(.riko-page-home) .riko-home-v2 .rhv2-about .rhv2-stats dt,
:where(.riko-page-home) .riko-home-v2 .rhv2-about .rhv2-text-link {
color: var(--riko-on-brand-muted);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about .rhv2-stats > div {
border-color: color-mix(in srgb, var(--riko-on-brand) 35%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer {
background-image: linear-gradient(var(--riko-ambience-footer-veil), var(--riko-ambience-footer-veil)), var(--riko-ambience-footer-image);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-main {
background: color-mix(in srgb, var(--riko-brand-deep) 12%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-footer-bottom {
background: color-mix(in srgb, var(--riko-brand-deep) 78%, transparent);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners {
padding: 14px 16px;
  border-radius: 10px;
  background: var(--riko-surface);
  border: 1px solid color-mix(in srgb, var(--riko-line) 42%, transparent);
}
@media (max-width: 980px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
background-size: auto max(116%, 66vw);
    background-position: 32% 100%;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
background-size: auto max(116%, 64vw);
    background-position: 58% 68%;
}
}
@media (max-width: 767px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero {
background-position: 30% 100%;
}
:where(.riko-page-home) .riko-home-v2 .rhv2-about {
background-position: 56% 65%;
}
}
@media (max-width: 600px) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-selection {
background: var(--riko-surface);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-hero .rhv2-selection .rhv2-eyebrow {
color: var(--riko-muted);
}
:where(.riko-page-home) .riko-home-v2 .rhv2-partners {
padding: 12px 10px;
}
}
@media (forced-colors: active) {
:where(.riko-page-home) .riko-home-v2 .rhv2-hero,
:where(.riko-page-home) .riko-home-v2 .rhv2-addon-body,
:where(.riko-page-home) .riko-home-v2 .rhv2-about,
:where(.riko-page-home) .riko-home-v2 .rhv2-site-footer {
background-image: none;
}
}

/* Native Joomla rails and real forms retain the approved V2 geometry. */
body.riko-native.riko-page-home .riko-site-shell {
    width: calc(100% - 48px) !important;
    max-width: 1520px !important;
}
body.riko-page-home .riko-banner { display: block; margin: 0; }
body.riko-page-home .riko-banner > section { padding: 0; }
body.riko-page-home :is(#tm-hero, #tm-top-b),
body.riko-page-home .riko-module:has(.riko-home-v2) {
    width: 100%; max-width: none; margin-inline: 0; padding: 0;
    border: 0; background: transparent; box-shadow: none;
}
body.riko-page-home #tm-top-b { margin-top: 24px; }
body.riko-page-home .riko-module:has(.riko-home-v2) > .riko-module__title { display: none; }
body.riko-page-home #tm-content.tm-content-blank:empty { display: none; }
body.riko-page-home .riko-home-v2 {
    width: 100%; margin: 0; padding: 0; min-width: 0;
    color: var(--riko-text);
    font: 15px/1.6 "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
body.riko-page-home .riko-home-v2[data-rhv2-home] { display: flex; flex-direction: column; gap: 24px; }
body.riko-page-home .riko-home-v2[data-rhv2-footer] {
    width: calc(100% - 48px); max-width: 1520px; margin: 30px auto 0;
}
body.riko-page-home .riko-home-v2 .rhv2-site-footer { margin: 0; }
body.riko-page-home .riko-home-v2 .rhv2-hero-no-selection { grid-template-columns: minmax(0, 1fr); }
body.riko-page-home .riko-home-v2 .rhv2-tabs button { border-radius: 0; box-shadow: none; }
body.riko-page-home .riko-home-v2 [hidden] { display: none !important; }
body.riko-page-home .riko-home-v2 template { display: none !important; }
body.riko-page-home .riko-home-v2 .rhv2-addon-meta > [data-riko-simulator] {
    font-size: 9px; line-height: 1.6; padding: 2px 6px; border-radius: 3px;
    background: var(--riko-surface); color: var(--riko-text);
    border: 1px solid var(--riko-simulator-2020); font-weight: 700;
}
body.riko-page-home .riko-home-v2 .rhv2-addon-meta > [data-riko-simulator="msfs2024"] { border-color: var(--riko-simulator-2024); }
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-public {
    width: 100%; max-width: none; margin: 0; padding: 0; border: 0;
    color: var(--riko-on-brand-muted); background: transparent; box-shadow: none;
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-footer h2 {
    font-size: 15px; line-height: 1.2; font-weight: 700; letter-spacing: 0;
    color: var(--riko-on-brand); margin: 0 0 12px;
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-footer > p {
    font-size: 12px; line-height: 1.5; color: var(--riko-on-brand-muted); margin: 0 0 10px;
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-form {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 7px; margin: 0;
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-field { margin: 0; min-width: 0; }
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-field > label {
    display: block; font-size: 11px; line-height: 1.4; margin-bottom: 6px; color: var(--riko-on-brand);
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter input[type="email"] {
    width: 100%; min-height: 44px; padding: 9px 11px; border-radius: 5px;
    border: 1px solid color-mix(in srgb, var(--riko-on-brand) 40%, transparent);
    background: var(--riko-field-surface); color: var(--riko-ink); font-size: 12px;
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-button {
    grid-column: 2; grid-row: 1; align-self: end; min-height: 44px;
    width: auto; margin: 0; padding: 9px 15px; border: 0; border-radius: 5px;
    background: var(--riko-action); color: var(--riko-action-contrast); font-size: 12px; font-weight: 700;
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-consent {
    grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 7px;
    font-size: 10px; line-height: 1.5; color: var(--riko-on-brand-muted);
}
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-consent input { flex-shrink: 0; margin-top: 2px; }
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-form > .rkn-muted {
    grid-column: 1 / -1; font-size: 10px; line-height: 1.5; margin: 0;
    color: var(--riko-on-brand-muted);
}
@media (max-width: 980px) {
    body.riko-native.riko-page-home .riko-site-shell { width: calc(100% - 32px) !important; }
    body.riko-page-home .riko-home-v2[data-rhv2-footer] { width: calc(100% - 32px); }
}
@media (max-width: 600px) {
    body.riko-native.riko-page-home .riko-site-shell { width: calc(100% - 24px) !important; }
    body.riko-page-home .riko-home-v2[data-rhv2-footer] { width: calc(100% - 24px); margin-top: 20px; }
    body.riko-page-home #tm-top-b { margin-top: 16px; }
    body.riko-page-home .riko-home-v2[data-rhv2-home] { gap: 16px; }
    body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-footer h2 { font-size: 14px; }
    body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-footer > p { font-size: 11px; }
}

/* The legacy common-heading rules use Joomla position IDs. These two headings
   belong to invariant inverse copy over the retained photographic brand panels. */
body.riko-page-home #tm-hero .riko-home-v2 .rhv2-hero h1,
body.riko-page-home #tm-top-b .riko-home-v2 .rhv2-about h2 {
    color: var(--riko-on-brand);
}

/* Remove only the obsolete module wrapper. Individual V2 section backgrounds
   and artwork stay intact; the ID arm also outranks the old important box fill. */
body.riko-page-home .riko-module__content:has(> .riko-home-v2),
body.riko-page-home :is(#tm-hero, #tm-top-b) .riko-module__content:has(> .riko-home-v2) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0;
}

/* Compatibility frames match the catalogue. They are independent of action,
   hover and focus colours; classic simulator cards keep their neutral frame. */
@media screen and (forced-colors: none) {
    body.riko-page-home .riko-home-v2 .rhv2-addon:has([data-riko-simulator="msfs2020"]) {
        --simulator-frame-start: var(--riko-simulator-2020-line);
        --simulator-frame-end: var(--riko-simulator-2020-line);
    }
    body.riko-page-home .riko-home-v2 .rhv2-addon:has([data-riko-simulator="msfs2024"]) {
        --simulator-frame-start: var(--riko-simulator-2024-line);
        --simulator-frame-end: var(--riko-simulator-2024-line);
    }
    body.riko-page-home .riko-home-v2 .rhv2-addon:has([data-riko-simulator="msfs2020"]):has([data-riko-simulator="msfs2024"]) {
        --simulator-frame-start: var(--riko-simulator-2020-line);
        --simulator-frame-end: var(--riko-simulator-2024-line);
    }
    body.riko-page-home .riko-home-v2 .rhv2-addon:has(:is([data-riko-simulator="msfs2020"], [data-riko-simulator="msfs2024"])) {
        border-width: 2px;
        border-color: var(--simulator-frame-start) var(--simulator-frame-end) var(--simulator-frame-end) var(--simulator-frame-start);
    }
}
@media (forced-colors: active) {
    body.riko-page-home .riko-home-v2 .rhv2-addon {
        border-width: 1px;
        border-color: var(--riko-line);
    }
}

/* The real newsletter field stylesheet explicitly colours its child span. */
body.riko-page-home .riko-home-v2 .rhv2-newsletter .rkn-consent > span {
    color: var(--riko-on-brand-muted);
}

/* Reuse the ambience rim only on painted outer panels, never layout wrappers
   or add-on cards. Its root alias also supplies the compact-screen variant. */
@media screen and (forced-colors: none) {
    :root[data-riko-mode="dark"] body.riko-page-home .riko-home-v2 :is(.rhv2-surface, .rhv2-partners, .rhv2-site-footer) {
        box-shadow: var(--ambience-shell-shadow);
    }
}

/* Astra keeps its authored footer scene through the existing ambience roles. */
@media screen and (forced-colors: none) {
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-site-footer {
        background-image: linear-gradient(var(--riko-space-footer-veil), var(--riko-space-footer-veil)), var(--riko-space-footer-image);
        /* The planet sits in the open middle column, clear of the email field. */
        background-size: cover, 145% auto;
        background-position: center, right bottom;
        background-repeat: no-repeat;
    }
    @media (max-width: 980px) {
        :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-site-footer {
            background-image: linear-gradient(var(--riko-space-footer-veil), var(--riko-space-footer-veil)), var(--riko-space-footer-compact-image);
            background-size: cover;
            background-position: center, 100% 100%;
        }
    }
}

/* Photographic brand panels need a tone-on-tone edge in the light theme,
   rather than the pale border used on ordinary reading surfaces. */
@media screen and (forced-colors: none) {
    :root[data-riko-mode="light"] body.riko-page-home .riko-home-v2 :is(.rhv2-hero, .rhv2-about, .rhv2-site-footer) {
        border-color: var(--riko-brand-deep);
    }
}

/* Compact intro artwork follows the copy area, not the height added by the
   editorial selection. This avoids enlarging a landscape across the stack. */
@media screen and (forced-colors: none) and (max-width: 980px) {
    body.riko-page-home .riko-home-v2 .rhv2-hero {
        background-size: cover;
        background-position: 32% center;
    }
    body.riko-page-home .riko-home-v2 .rhv2-about {
        background-size: cover;
        background-position: 58% center;
    }
}
@media screen and (forced-colors: none) and (max-width: 600px) {
    body.riko-page-home .riko-home-v2 .rhv2-hero {
        background-color: var(--riko-brand-deep);
        background-image: linear-gradient(180deg, transparent 300px, var(--riko-brand-deep) 460px),
            linear-gradient(var(--riko-ambience-brand-veil), var(--riko-ambience-brand-veil)), var(--riko-ambience-home-hero);
        background-size: cover, cover, auto 460px;
        background-position: center, center, 32% top;
        background-repeat: no-repeat;
    }
}

/* Selected Hub scenes retain the approved layout and the shared reading palette. */
@media screen and (forced-colors: none) {
    body.riko-page-home .riko-home-v2 .rhv2-hub {
        background-image: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-surface) 88%, transparent) 0%,
            color-mix(in srgb, var(--riko-surface) 72%, transparent) 39%,
            color-mix(in srgb, var(--riko-surface) 15%, transparent) 67%,
            color-mix(in srgb, var(--riko-surface) 5%, transparent)), var(--riko-ambience-home-hub);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-clip: padding-box;
    }
    :root[data-riko-mode="dark"] body.riko-page-home .riko-home-v2 .rhv2-hub {
        background-image: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-surface) 88%, transparent) 0%,
            color-mix(in srgb, var(--riko-surface) 73%, transparent) 39%,
            color-mix(in srgb, var(--riko-surface) 18%, transparent) 67%,
            color-mix(in srgb, var(--riko-surface) 9%, transparent)), var(--riko-ambience-home-hub);
    }
    @media (max-width: 600px) {
        body.riko-page-home .riko-home-v2 .rhv2-hub,
        :root[data-riko-mode="dark"] body.riko-page-home .riko-home-v2 .rhv2-hub {
            background-image: linear-gradient(180deg,
                color-mix(in srgb, var(--riko-surface) 88%, transparent),
                color-mix(in srgb, var(--riko-surface) 78%, transparent) 46%,
                color-mix(in srgb, var(--riko-surface) 16%, transparent) 76%), var(--riko-ambience-home-hub);
            background-position: center, 61% center;
        }
        :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hub {
            /* Keep Saturn itself in the narrow frame, alongside its rings. */
            background-position: center, 90% center;
        }
    }
}

/* Selected catalogue scenes retain the approved layout and the shared reading palette. */
@media screen and (forced-colors: none) {
    body.riko-page-home .riko-home-v2 .rhv2-library {
        background-image: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-surface) 88%, transparent) 0%,
            color-mix(in srgb, var(--riko-surface) 82%, transparent) 39%,
            color-mix(in srgb, var(--riko-surface) 65%, transparent) 67%,
            color-mix(in srgb, var(--riko-surface) 58%, transparent)), var(--riko-ambience-home-catalog-panel);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-clip: padding-box;
    }
    :root[data-riko-mode="dark"] body.riko-page-home .riko-home-v2 .rhv2-library {
        background-image: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-surface) 88%, transparent) 0%,
            color-mix(in srgb, var(--riko-surface) 82%, transparent) 39%,
            color-mix(in srgb, var(--riko-surface) 78%, transparent) 67%,
            color-mix(in srgb, var(--riko-surface) 76%, transparent)), var(--riko-ambience-home-catalog-panel);
    }
    @media (max-width: 600px) {
        body.riko-page-home .riko-home-v2 .rhv2-library,
        :root[data-riko-mode="dark"] body.riko-page-home .riko-home-v2 .rhv2-library {
            background-image: linear-gradient(180deg,
                color-mix(in srgb, var(--riko-surface) 88%, transparent),
                color-mix(in srgb, var(--riko-surface) 78%, transparent) 46%,
                color-mix(in srgb, var(--riko-surface) 76%, transparent) 76%), var(--riko-ambience-home-catalog-panel);
            background-position: center, 61% center;
        }
    }
}

/* Rikoooo light: keep the panorama vivid and soften photographs behind reading
   areas. These paints share the existing palette and leave dark modes intact. */
@media screen and (forced-colors: none) {
    :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-hero {
        background-image: linear-gradient(100deg,
            color-mix(in srgb, var(--riko-brand-deep) 95%, transparent),
            color-mix(in srgb, var(--riko-brand) 89%, transparent)), var(--riko-ambience-home-hero);
        border-color: color-mix(in srgb, var(--riko-brand) 55%, var(--riko-brand-deep));
    }
    :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-library {
        background-color: var(--riko-surface-soft);
        background-image: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-surface-soft) 98%, transparent),
            color-mix(in srgb, var(--riko-surface-soft) 94%, transparent) 48%,
            color-mix(in srgb, var(--riko-surface-soft) 86%, transparent)), var(--riko-ambience-home-catalog-panel);
        border-color: var(--riko-line-strong);
    }
    :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-addon {
        background: var(--riko-surface);
        box-shadow: 0 4px 12px color-mix(in srgb, var(--riko-brand-deep) 5%, transparent);
    }
    :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-news-section {
        background: var(--riko-surface-soft);
        border-color: var(--riko-line-strong);
    }
    :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-hub {
        background-image: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-surface-soft) 98%, transparent),
            color-mix(in srgb, var(--riko-surface-soft) 94%, transparent) 40%,
            color-mix(in srgb, var(--riko-surface-soft) 38%, transparent) 80%), var(--riko-ambience-home-hub);
        border-color: var(--riko-line-strong);
    }
    :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-about {
        background-image: linear-gradient(100deg,
            color-mix(in srgb, var(--riko-brand-deep) 91%, transparent),
            color-mix(in srgb, var(--riko-brand) 84%, transparent)), var(--riko-ambience-home-about);
    }
    @media (max-width: 600px) {
        :root[data-riko-mode="light"]:not([data-riko-palette="forest"]) body.riko-page-home .riko-home-v2 .rhv2-hub {
            background-image: linear-gradient(180deg,
                color-mix(in srgb, var(--riko-surface-soft) 97%, transparent) 35%,
                color-mix(in srgb, var(--riko-surface-soft) 80%, transparent) 65%,
                color-mix(in srgb, var(--riko-surface-soft) 45%, transparent)), var(--riko-ambience-home-hub);
        }
    }
}

/* Match the approved Astra preview: Mars on the left, content unaffected.
   Separate decorative layers preserve selection links and the mobile stack. */
@media screen and (forced-colors: none) {
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hero {
        position: relative;
        isolation: isolate;
        background: var(--riko-brand-deep);
    }
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hero::before,
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
    }
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hero::before {
        z-index: -2;
        background: var(--riko-ambience-home-hero) center / cover no-repeat;
        transform: scaleX(-1);
    }
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hero::after {
        z-index: -1;
        background: linear-gradient(90deg,
            color-mix(in srgb, var(--riko-brand-deep) 60%, transparent),
            color-mix(in srgb, var(--riko-brand-deep) 32%, transparent) 55%,
            color-mix(in srgb, var(--riko-brand-deep) 18%, transparent));
    }
}
@media screen and (forced-colors: none) and (max-width: 600px) {
    :root[data-riko-palette="forest"] body.riko-page-home .riko-home-v2 .rhv2-hero::before {
        background-position: 70% top;
    }
}