:root {
  --rtrs-bg: #080a0d;
  --rtrs-bg-soft: #0e1116;
  --rtrs-surface: #141820;
  --rtrs-line: rgba(255,255,255,.07);
  --rtrs-line-strong: rgba(255,255,255,.14);
  --rtrs-text: #f3f4f6;
  --rtrs-muted: #9ca3af;
  --rtrs-faint: #747c89;
  --rtrs-accent: #b32632;
  --rtrs-accent-light: #d95a63;
  --rtrs-gutter: clamp(18px,3vw,56px);
  --rtrs-wide: none;
  color-scheme: dark;
}

body.rtrs-dark-site,
body.rtrs-dark-site #outer-wrap,
body.rtrs-dark-site #wrap,
body.rtrs-dark-site #main,
body.rtrs-dark-site #content-wrap,
body.rtrs-dark-site #primary,
body.rtrs-dark-site #content,
body.rtrs-dark-site .site-content {
  background: var(--rtrs-bg) !important;
  color: var(--rtrs-text);
}
body.rtrs-dark-site { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important; }
body.rtrs-dark-site *,body.rtrs-dark-site *::before,body.rtrs-dark-site *::after { box-sizing:border-box; }
body.rtrs-dark-site h1,body.rtrs-dark-site h2,body.rtrs-dark-site h3 { color:var(--rtrs-text) !important; font-family:"Libre Franklin",Inter,ui-sans-serif,sans-serif !important; letter-spacing:-.025em; }
body.rtrs-dark-site a { color:inherit; }
body.rtrs-dark-site :focus-visible { outline:2px solid #e15c66 !important; outline-offset:3px; }

/* OceanWP shell */
body.rtrs-dark-site #site-header,
body.rtrs-dark-site .is-sticky #site-header { background:rgba(8,10,13,.76) !important; border-bottom:1px solid transparent !important; box-shadow:none !important; backdrop-filter:blur(16px); }
body.rtrs-dark-site .is-sticky #site-header { background:rgba(8,10,13,.96) !important; border-bottom-color:var(--rtrs-line) !important; }
body.rtrs-dark-site #site-header,
body.rtrs-dark-site #site-header-inner,
body.rtrs-dark-site #site-logo,
body.rtrs-dark-site #site-logo #site-logo-inner,
body.rtrs-dark-site #site-logo #site-logo-inner a,
body.rtrs-dark-site #site-navigation-wrap,
body.rtrs-dark-site #site-navigation { height:68px !important; }
body.rtrs-dark-site #site-header-inner { width:100% !important; max-width:none !important; margin:0 !important; padding-inline:var(--rtrs-gutter) !important; }
body.rtrs-dark-site #site-logo img { width:auto !important; max-height:42px !important; filter:none !important; }
body.rtrs-dark-site #site-navigation-wrap .dropdown-menu > li > a { height:68px !important; line-height:68px !important; color:#f3f4f6 !important; font-size:13px; font-weight:700 !important; }
body.rtrs-dark-site #site-navigation-wrap .dropdown-menu > li > a:hover,
body.rtrs-dark-site #site-navigation-wrap .dropdown-menu > .current-menu-item > a { color:#e15c66 !important; }
body.rtrs-dark-site #footer-widgets { display:none !important; }
body.rtrs-dark-site #footer-bottom { background:#080a0d !important; border-top:1px solid var(--rtrs-line) !important; }
body.rtrs-dark-site #content-wrap,
body.rtrs-dark-site #primary,
body.rtrs-dark-site .content-area,
body.rtrs-dark-site .site-main { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }

.rtrs-site,.rtrs-hub { width:100%; max-width:none; min-height:70vh; overflow:hidden; }
.rtrs-site a,.rtrs-hub a { text-decoration:none; }
.rtrs-eyebrow { display:inline-flex; color:var(--rtrs-accent-light) !important; font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.rtrs-button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; border-radius:4px; font-size:13px; font-weight:800; }
.rtrs-button-primary { background:var(--rtrs-accent); color:#fff !important; }
.rtrs-button-primary:hover { background:#c3333f; color:#fff !important; }

/* Featured story */
.rtrs-hero { min-height:clamp(580px,78vh,860px); position:relative; display:grid; align-items:end; isolation:isolate; }
.rtrs-hero-media { position:absolute; inset:0; z-index:-1; }
.rtrs-hero-media img { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.06) brightness(.72); }
.rtrs-hero-media span { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,10,13,.96) 0%,rgba(8,10,13,.67) 42%,rgba(8,10,13,.12) 75%),linear-gradient(0deg,#080a0d 0%,rgba(8,10,13,.2) 48%); }
.rtrs-hero-copy { width:100%; max-width:none; margin:0 auto; padding:140px var(--rtrs-gutter) 78px; }
.rtrs-hero h1 { max-width:740px; margin:12px 0 17px; font-size:clamp(40px,5vw,76px); line-height:1.01; text-wrap:balance; }
.rtrs-hero p { max-width:690px; display:-webkit-box; margin:0 0 25px; color:#c5cad2; font-size:clamp(16px,1.5vw,19px); line-height:1.55; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rtrs-home-body,.rtrs-hub-shelves { padding:18px 0 70px; }

/* Reusable discovery shelf */
.rtrs-shelf { width:100%; max-width:none; margin:0 auto; padding:40px var(--rtrs-gutter); }
.rtrs-shelf-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:14px; }
.rtrs-shelf-head > div { position:relative; padding-left:17px; }
.rtrs-shelf-head > div::before { content:''; position:absolute; inset:2px auto 2px 0; width:4px; background:var(--rtrs-accent); border-radius:2px; }
.rtrs-shelf-head h2,.rtrs-section-head h2 { margin:0; font-size:clamp(28px,2.5vw,40px); line-height:1.08; }
.rtrs-shelf-head h2 { color:#f8f8fa !important; letter-spacing:-.035em; }
.rtrs-shelf-head h2::before { content:'STORY COLLECTION'; display:block; margin-bottom:6px; color:var(--rtrs-accent-light); font-family:Inter,ui-sans-serif,sans-serif; font-size:10px; font-weight:800; letter-spacing:.18em; }
.rtrs-shelf-head p { display:none; }
.rtrs-shelf-actions { display:flex; align-items:center; gap:8px; }
.rtrs-see-all { margin-right:6px; color:#aeb4bd !important; font-size:12px; font-weight:700; }
.rtrs-see-all::after { content:' →'; color:var(--rtrs-accent-light); }
.rtrs-shelf-actions button { width:36px; height:36px; display:grid; place-items:center; padding:0 !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:50% !important; color:#fff; font-size:22px; line-height:1; }
.rtrs-shelf-actions button:hover { background:var(--rtrs-accent) !important; }
.rtrs-card-track { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(285px,18vw,360px); gap:clamp(14px,1.2vw,20px); overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-width:none; padding:2px 1px 12px; }
.rtrs-card-track::-webkit-scrollbar,.rtrs-category-track::-webkit-scrollbar { display:none; }
.rtrs-card { min-width:0; overflow:hidden; background:transparent; border:0; scroll-snap-align:start; transition:transform .25s ease; }
.rtrs-card:hover { transform:scale(1.025); }
.rtrs-card > a { height:100%; display:flex; flex-direction:column; color:inherit !important; }
.rtrs-card-image { position:relative; aspect-ratio:16/9; overflow:hidden; background:#11151b; border-radius:3px; }
.rtrs-card-image img { width:100%; height:100%; object-fit:cover; filter:brightness(.82) saturate(.86); transition:filter .3s ease,transform .3s ease; }
.rtrs-card:hover .rtrs-card-image img { transform:scale(1.03); filter:brightness(.72) saturate(.86); }
.rtrs-card-shade { position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(transparent,rgba(8,10,13,.68)); opacity:.55; }
.rtrs-card-subject { position:absolute; z-index:2; inset:auto 10px 5px 12px; overflow:hidden; color:rgba(255,255,255,.18); font-family:"Libre Franklin",Inter,ui-sans-serif,sans-serif; font-size:clamp(28px,2.25vw,43px); font-weight:800; line-height:.82; letter-spacing:-.055em; text-transform:uppercase; white-space:nowrap; text-overflow:clip; transform:translateY(4px); transition:color .25s ease,transform .25s ease; }
.rtrs-card:hover .rtrs-card-subject { color:rgba(255,255,255,.32); transform:translateY(0); }
.rtrs-card-copy { padding:10px 0 0; }
.rtrs-card-meta { display:flex; gap:6px; margin-bottom:7px; color:#c4c8cf; font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.rtrs-card-meta span:first-child { color:var(--rtrs-accent-light); }
.rtrs-card-meta span:first-child::after { content:' ·'; color:var(--rtrs-faint); }
.rtrs-card h3 { margin:0; display:-webkit-box; color:var(--rtrs-text); font-size:16px; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rtrs-card p { display:none !important; }

/* Category discovery */
.rtrs-category-explore { width:100%; max-width:none; margin:0 auto; padding:48px var(--rtrs-gutter); background:linear-gradient(180deg,#0b0e13,#080a0d); border-block:1px solid var(--rtrs-line); }
.rtrs-section-head { margin-bottom:22px; display:flex; align-items:end; gap:14px; }
.rtrs-section-head::before { content:'05'; color:rgba(217,90,99,.78); font-size:13px; font-weight:800; letter-spacing:.14em; }
.rtrs-section-head h2 { font-size:clamp(32px,3.2vw,50px); }
.rtrs-section-head h2::after { content:'PREMIER COLLECTIONS'; display:block; margin-top:7px; color:var(--rtrs-muted); font-family:Inter,ui-sans-serif,sans-serif; font-size:10px; font-weight:800; letter-spacing:.2em; }
.rtrs-category-track { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.rtrs-category-tile { min-height:clamp(260px,25vw,430px); position:relative; display:flex; align-items:flex-end; overflow:hidden; padding:clamp(18px,2vw,30px); background:linear-gradient(0deg,rgba(8,10,13,.98),rgba(8,10,13,.08) 72%),var(--rtrs-tile-image) center/cover; border:1px solid rgba(255,255,255,.1); border-radius:3px; color:#fff !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.018); }
.rtrs-category-tile:nth-child(-n+2) { grid-column:span 3; }
.rtrs-category-tile:nth-child(n+3) { grid-column:span 2; min-height:clamp(235px,20vw,340px); }
.rtrs-category-tile::after { content:''; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--rtrs-accent),transparent 62%); opacity:.9; }
.rtrs-category-tile::before { content:''; position:absolute; inset:0; background:rgba(8,10,13,.12); transition:background .25s ease; }
.rtrs-category-tile:hover::before { background:rgba(8,10,13,.28); }
.rtrs-category-tile > span { position:relative; z-index:2; display:grid; gap:7px; }
.rtrs-category-tile i { width:max-content; padding:5px 8px; background:rgba(179,38,50,.9); color:#fff; font-size:9px; font-style:normal; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.rtrs-category-tile strong { color:#fff; font-size:clamp(24px,2.4vw,42px); line-height:1; letter-spacing:-.04em; }
.rtrs-category-tile small { color:#c1c6ce; font-size:12px; line-height:1.35; }
.rtrs-category-tile em { color:#df646d; font-size:12px; font-style:normal; font-weight:700; }
.rtrs-category-number { position:absolute; z-index:1; inset:12px 14px auto auto; color:rgba(255,255,255,.2); font-size:clamp(46px,5vw,78px); font-weight:800; line-height:1; letter-spacing:-.08em; }

/* Disappearances hub */
.rtrs-hub { padding-bottom:70px; }
.rtrs-hub-hero { min-height:min(72vh,760px); position:relative; display:flex; align-items:end; background-image:linear-gradient(0deg,var(--rtrs-bg),rgba(8,10,13,.3) 62%),linear-gradient(90deg,rgba(8,10,13,.9),rgba(8,10,13,.08)),var(--rtrs-hub-image); background-size:cover; background-position:center; }
.rtrs-hub-hero-copy { width:100%; max-width:none; margin:0 auto; padding:140px var(--rtrs-gutter) 72px; }
.rtrs-hub-hero h1 { max-width:760px; margin:10px 0 16px; font-size:clamp(44px,6vw,78px); line-height:1; }
.rtrs-hub-hero p { max-width:650px; margin:0 0 25px; color:#c5cad2; font-size:18px; line-height:1.55; }
.rtrs-hub-jumps,.rtrs-next-step { display:none; }

@media (max-width:1100px) {
  .rtrs-category-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rtrs-category-tile:nth-child(n) { grid-column:span 1; }
  .rtrs-category-tile:first-child { grid-column:1/-1; }
}
@media (max-width:780px) {
  .rtrs-hero { min-height:64vh; }
  .rtrs-hero-media span { background:linear-gradient(0deg,#080a0d 0%,rgba(8,10,13,.35) 70%,rgba(8,10,13,.18)); }
  .rtrs-hero-copy { padding:115px 18px 48px; }
  .rtrs-hero h1 { font-size:clamp(38px,11vw,58px); }
  .rtrs-shelf { padding:27px 0; }
  .rtrs-shelf-head { padding-inline:18px; }
  .rtrs-shelf-actions button { display:none; }
  .rtrs-card-track { grid-auto-columns:minmax(230px,72vw); gap:14px; padding-inline:18px; }
  .rtrs-category-explore { padding:27px 0; }
  .rtrs-section-head { padding-inline:18px; }
  .rtrs-category-track { grid-auto-flow:column; grid-auto-columns:78vw; grid-template-columns:none; gap:14px; overflow-x:auto; scroll-snap-type:inline mandatory; scrollbar-width:none; padding-inline:18px; }
  .rtrs-category-tile,.rtrs-category-tile:nth-child(n) { grid-column:auto; min-height:300px; scroll-snap-align:start; }
  .rtrs-hub-hero { min-height:62vh; }
  .rtrs-hub-hero-copy { padding:115px 18px 48px; }
  body.rtrs-dark-site #site-header-inner { padding-inline:14px !important; }
  body.rtrs-dark-site .oceanwp-mobile-menu-icon { display:block !important; }
  body.rtrs-dark-site .oceanwp-mobile-menu-icon a { min-width:48px !important; height:48px !important; display:grid !important; place-items:center; color:#fff !important; font-size:0 !important; }
  body.rtrs-dark-site .oceanwp-mobile-menu-icon a i { display:none !important; }
  body.rtrs-dark-site .oceanwp-mobile-menu-icon a::before { content:''; width:24px; height:16px; display:block; background:linear-gradient(#fff 0 0) top/24px 2px no-repeat,linear-gradient(#fff 0 0) center/24px 2px no-repeat,linear-gradient(#fff 0 0) bottom/24px 2px no-repeat; }
  body.rtrs-dark-site #sidr,body.rtrs-dark-site #sidr .sidr-inner { background:#0e1116 !important; }
  body.rtrs-dark-site #sidr { width:300px !important; max-width:88vw !important; border-right:1px solid rgba(255,255,255,.1); }
  body.rtrs-dark-site #sidr .sidr-class-toggle-sidr-close { min-height:64px !important; display:flex !important; align-items:center; justify-content:flex-end; padding:0 22px !important; color:#d95a63 !important; }
  body.rtrs-dark-site #sidr ul li a { min-height:58px !important; display:flex !important; align-items:center; padding:0 22px !important; background:transparent !important; color:#f3f4f6 !important; font-size:17px !important; font-weight:700 !important; }
}
@media (max-width:420px) { .rtrs-card-track { grid-auto-columns:76vw; } }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}
