:root{
  --ink: #0a0a0a;
  --ink-2: #111111;
  --ink-3: #1a1a1a;
  --bone: #f1ece4;
  --bone-2: #c9c2b8;
  --mute: #8a847c;
  --line: rgba(241, 236, 228, 0.12);
  --line-2: rgba(241, 236, 228, 0.22);
  --red: #e3161e;
  --red-hi: #ff2a31;
  --tile: #e9e6e1;
  --df-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --sans: "Inter", system-ui, sans-serif;
  --jp: "Noto Serif JP", serif;
  --gutter: clamp(16px, 3.2vw, 48px);
  --ease: cubic-bezier(0.7, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --header-h: 72px;
  --bar-h: 36px;
}
body.rrx *,body.rrx *::before,body.rrx *::after{ box-sizing: border-box; margin: 0; padding: 0; }
html{ -webkit-text-size-adjust: 100%; }
html.lenis,html.lenis body.rrx:not(head){ height: auto; }
.lenis.lenis-smooth{ scroll-behavior: auto !important; }
body.rrx:not(head){
  background: var(--ink);
  color: var(--bone);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.rrx:not(head).locked{ overflow: hidden; }
body.rrx img,body.rrx video{ display: block; max-width: 100%; }
body.rrx a{ color: inherit; text-decoration: none; }
body.rrx button{ font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
body.rrx input,body.rrx select,body.rrx textarea{ font: inherit; color: inherit; }
body.rrx ::selection{ background: var(--red); color: #fff; }
body.rrx .display,body.rrx h1,body.rrx h2,body.rrx h3{
  font-family: var(--df-display);
  font-stretch: 72%;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.88;
  letter-spacing: -0.005em;
}
body.rrx h1{ font-size: clamp(52px, min(10.5vw, 15.5vh), 188px); }
body.rrx h2{ font-size: clamp(44px, 7vw, 120px); }
body.rrx h3{ font-size: clamp(22px, 2.2vw, 32px); line-height: 0.95; }
body.rrx .kicker{
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--bone-2);
}
body.rrx .kicker.red{ color: var(--red-hi); }
body.rrx .jp{ font-family: var(--jp); font-weight: 600; }
body.rrx .lede{ font-size: clamp(16px, 1.25vw, 19px); line-height: 1.6; color: var(--bone-2); max-width: 520px; }
body.rrx .muted{ color: var(--mute); }
body.rrx .red-text{ color: var(--red-hi); }
body.rrx .price{ font-family: var(--df-display); font-stretch: 100%; font-weight: 600; letter-spacing: 0.02em; }
body.rrx .line-mask{ display: block; overflow: hidden; padding-bottom: 0.04em; margin-bottom: -0.04em; }
body.rrx .line-mask > span{ display: block; will-change: transform; }
body.rrx .btn{
  --bg: var(--bone);
  --fg: var(--ink);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 54px;
  padding: 0 30px;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  overflow: hidden;
  isolation: isolate;
  transition: color 0.45s var(--ease);
  white-space: nowrap;
}
body.rrx .btn::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fill, var(--red));
  transform: translateY(101%);
  transition: transform 0.55s var(--ease);
  z-index: -1;
}
body.rrx .btn:hover::before,body.rrx .btn:focus-visible::before{ transform: translateY(0); }
body.rrx .btn:hover{ color: #fff; }
body.rrx .btn.red{ --bg: var(--red); --fg: #fff; --fill: var(--ink); }
body.rrx .btn.ghost{ --bg: transparent; --fg: var(--bone); box-shadow: inset 0 0 0 1px var(--line-2); --fill: var(--bone); }
body.rrx .btn.ghost:hover{ color: var(--ink); }
body.rrx .btn.block{ width: 100%; }
body.rrx .btn .arrow{ width: 16px; transition: transform 0.45s var(--ease); }
body.rrx .btn:hover .arrow{ transform: translateX(4px); }
body.rrx .btn[disabled]{ opacity: 0.45; pointer-events: none; }
body.rrx .link-u{
  position: relative;
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding-bottom: 6px;
}
body.rrx .link-u::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: currentColor;
  transform-origin: right;
  transition: transform 0.5s var(--ease);
}
body.rrx .link-u:hover::after{ transform: scaleX(0); }
body.rrx .announce{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--bar-h);
  background: var(--red);
  color: #fff;
  z-index: 60;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: transform 0.5s var(--ease);
}
body.rrx .announce .track{ display: flex; gap: 56px; white-space: nowrap; will-change: transform; padding-left: 56px; }
body.rrx .announce span{
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 56px;
}
body.rrx .announce span::after{ content: "✦"; font-size: 9px; opacity: 0.7; }
body.rrx .site-header{
  position: fixed;
  top: var(--bar-h); left: 0; right: 0;
  height: var(--header-h);
  z-index: 55;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 var(--gutter);
  transition: background 0.5s var(--ease), transform 0.5s var(--ease), border-color 0.5s;
  border-bottom: 1px solid transparent;
}
body.rrx .site-header.solid,body.rrx:not(head):not(.has-hero) .site-header{
  background: rgba(10, 10, 10, 0.86);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom-color: var(--line);
}
body.rrx .site-header.hide,body.rrx .announce.hide{ transform: translateY(calc(-100% - var(--bar-h))); }
body.rrx .nav-l{ display: flex; gap: 30px; align-items: center; }
body.rrx .nav-l a,body.rrx .nav-l button,body.rrx .nav-r a,body.rrx .nav-r button{
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  position: relative;
  padding: 8px 0;
}
body.rrx .nav-l a::after,body.rrx .nav-l button::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 2px;
  height: 1px;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s var(--ease);
}
body.rrx .nav-l a:hover::after,body.rrx .nav-l button:hover::after,body.rrx .nav-l a.on::after{ transform: scaleX(1); }
body.rrx .logo{ display: block; justify-self: center; }
body.rrx .logo img{ height: 34px; width: auto; }
body.rrx .nav-r{ display: flex; gap: 22px; justify-content: flex-end; align-items: center; }
body.rrx .icon-btn{ display: inline-flex; align-items: center; gap: 8px; }
body.rrx .icon-btn svg{ width: 19px; height: 19px; }
body.rrx .cart-count{
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--red);
  color: #fff;
  font-size: 11px;
  letter-spacing: 0;
  display: inline-grid;
  place-items: center;
  transition: transform 0.4s var(--ease-out);
}
body.rrx .cart-count.bump{ transform: scale(1.35); }
body.rrx .menu-btn{ display: none; }
body.rrx .mega{
  position: fixed;
  top: calc(var(--bar-h) + var(--header-h));
  left: 0; right: 0;
  background: var(--ink);
  border-bottom: 1px solid var(--line);
  z-index: 54;
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr 1.1fr;
  gap: 32px;
  padding: 40px var(--gutter) 48px;
  clip-path: inset(0 0 100% 0);
  visibility: hidden;
  transition: clip-path 0.6s var(--ease), visibility 0s 0.6s;
}
body.rrx .mega.open{ clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path 0.6s var(--ease); }
body.rrx .mega ul{ list-style: none; display: grid; gap: 6px; }
body.rrx .mega li a{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 34px; text-transform: uppercase; line-height: 1.05; transition: color 0.3s; }
body.rrx .mega li a:hover{ color: var(--red-hi); }
body.rrx .mega .kicker{ display: block; margin-bottom: 18px; }
body.rrx .mega-card{ position: relative; overflow: hidden; aspect-ratio: 4/5; max-height: 360px; }
body.rrx .mega-card img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
body.rrx .mega-card:hover img{ transform: scale(1.06); }
body.rrx .mega-card span{ position: absolute; left: 18px; bottom: 16px; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 30px; text-transform: uppercase; }
body.rrx main{ position: relative; }
body.rrx .page-top{ padding-top: calc(var(--bar-h) + var(--header-h)); }
body.rrx .wrap{ padding-left: var(--gutter); padding-right: var(--gutter); }
body.rrx .section{ padding-top: clamp(96px, 13vw, 200px); padding-bottom: clamp(96px, 13vw, 200px); }
body.rrx .section.tight{ padding-top: clamp(64px, 8vw, 120px); padding-bottom: clamp(64px, 8vw, 120px); }
body.rrx .sec-head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: clamp(36px, 5vw, 72px); }
body.rrx .sec-head .kicker{ display: block; margin-bottom: 20px; }
body.rrx .rule{ height: 1px; background: var(--line); }
body.rrx .hero{
  position: relative;
  height: 100svh;
  min-height: 640px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
body.rrx .hero-media{ position: absolute; inset: 0; }
body.rrx .hero-media img,body.rrx .hero-media video{ width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
body.rrx .hero-media::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(10,10,10,0.85) 0%, rgba(10,10,10,0.35) 45%, rgba(10,10,10,0) 70%),
    linear-gradient(0deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 40%);
}
body.rrx .hero-inner{ position: relative; z-index: 2; width: 100%; padding: 0 var(--gutter) clamp(40px, 6vw, 80px); display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; }
body.rrx .hero h1{ max-width: 11ch; }
body.rrx .hero h1 em{ font-style: normal; color: var(--red-hi); }
body.rrx .hero .lede{ margin: 28px 0 36px; }
body.rrx .hero-ctas{ display: flex; gap: 14px; flex-wrap: wrap; }
body.rrx .hero-kanji{
  writing-mode: vertical-rl;
  font-family: var(--jp);
  font-weight: 600;
  font-size: clamp(22px, 2.4vw, 34px);
  letter-spacing: 0.3em;
  color: var(--red-hi);
  opacity: 0.9;
}
body.rrx .scroll-cue{ position: absolute; left: 50%; bottom: 28px; z-index: 3; width: 1px; height: 56px; background: var(--line-2); overflow: hidden; }
body.rrx .scroll-cue::after{ content: ""; position: absolute; left: 0; top: -40%; width: 1px; height: 40%; background: var(--bone); animation: cue 2.2s var(--ease) infinite; }
@keyframes cue{ to { top: 100%; } }
body.rrx .cats{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
body.rrx .cat{
  position: relative;
  aspect-ratio: 3/4.2;
  overflow: hidden;
  background: var(--tile);
  display: block;
}
body.rrx .cat img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 14% 8% 22%; transition: transform 1s var(--ease-out); }
body.rrx .cat:hover img{ transform: scale(1.07) translateY(-2%); }
body.rrx .cat .cat-name{
  position: absolute;
  left: 18px; right: 18px; bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: var(--ink);
}
body.rrx .cat .cat-name b{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: clamp(24px, 2.4vw, 38px); text-transform: uppercase; line-height: 0.9; }
body.rrx .cat .cat-name small{ font-family: var(--df-display); font-stretch: 100%; font-weight: 600; font-size: 11px; letter-spacing: 0.16em; }
body.rrx .cat::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform 0.6s var(--ease); }
body.rrx .cat:hover::after{ transform: scaleX(1); }
body.rrx .grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px 10px; }
body.rrx .card{ position: relative; display: block; }
body.rrx .card-media{
  position: relative;
  aspect-ratio: 4/5;
  background: var(--tile);
  overflow: hidden;
  display: block;
}
body.rrx .card-media img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8%;
  mix-blend-mode: multiply;
  transition: opacity 0.6s var(--ease), transform 1.1s var(--ease-out);
}
body.rrx .card-media img.alt{ opacity: 0; }
body.rrx .card:hover .card-media img.main{ opacity: 0; }
body.rrx .card:hover .card-media img.alt{ opacity: 1; transform: scale(1.04); }
body.rrx .card:not(:has(img.alt)):hover .card-media img.main{ opacity: 1; transform: scale(1.05); }
body.rrx .card-badge{
  position: absolute;
  top: 12px; left: 12px;
  z-index: 2;
  background: var(--ink);
  color: var(--bone);
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 6px 9px;
}
body.rrx .card-quick{
  position: absolute;
  left: 10px; right: 10px; bottom: 10px;
  z-index: 3;
  background: rgba(10, 10, 10, 0.92);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 12px;
  transform: translateY(calc(100% + 14px));
  transition: transform 0.55s var(--ease);
}
body.rrx .card:hover .card-quick,body.rrx .card-quick:focus-within{ transform: translateY(0); }
body.rrx .card-quick p{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--bone-2); margin-bottom: 8px; }
body.rrx .sizes{ display: flex; gap: 4px; flex-wrap: wrap; }
body.rrx .size{
  flex: 1;
  min-width: 38px;
  height: 36px;
  border: 1px solid var(--line-2);
  font-family: var(--df-display);
  font-stretch: 100%;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.06em;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
body.rrx .size:hover{ background: var(--red); border-color: var(--red); color: #fff; }
body.rrx .card-info{ display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; padding-top: 14px; }
body.rrx .card-info h3{ font-size: 22px; line-height: 1; }
body.rrx .card-info .price{ font-size: 15px; }
body.rrx .card-info .sub{ grid-column: 1 / -1; font-size: 13px; color: var(--mute); }
body.rrx .swatches{ display: flex; gap: 5px; grid-column: 1 / -1; margin-top: 6px; align-items: center; }
body.rrx .sw{ width: 13px; height: 13px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }
body.rrx .swatches small{ font-size: 12px; color: var(--mute); margin-left: 4px; }
body.rrx .rail{ display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; padding: 0 var(--gutter); cursor: grab; }
body.rrx .rail::-webkit-scrollbar{ display: none; }
body.rrx .rail .card{ flex: 0 0 clamp(250px, 23vw, 380px); scroll-snap-align: start; }
body.rrx .rail-ctrl{ display: flex; gap: 8px; }
body.rrx .rail-ctrl button{ width: 52px; height: 52px; border: 1px solid var(--line-2); display: grid; place-items: center; transition: background 0.3s, border-color 0.3s; }
body.rrx .rail-ctrl button:hover{ background: var(--red); border-color: var(--red); }
body.rrx .rail-ctrl svg{ width: 18px; }
body.rrx .legends-pin{ position: relative; height: 100svh; overflow: hidden; background: var(--ink); }
body.rrx .legends-track{ display: flex; height: 100%; will-change: transform; }
body.rrx .legend-intro{ flex: 0 0 min(560px, 92vw); display: flex; flex-direction: column; justify-content: center; padding: 0 var(--gutter); }
body.rrx .legend-intro h2{ margin: 20px 0 28px; }
body.rrx .legend-panel{ position: relative; flex: 0 0 min(560px, 78vw); height: 100%; padding: calc(var(--bar-h) + var(--header-h) + 20px) 10px 40px; display: flex; flex-direction: column; }
body.rrx .legend-panel .lp-img{ position: relative; flex: 1; overflow: hidden; }
body.rrx .legend-panel .lp-img img{ position: absolute; inset: -8% 0; width: 100%; height: 116%; object-fit: cover; }
body.rrx .legend-panel .lp-jp{ position: absolute; top: 16px; right: 18px; writing-mode: vertical-rl; font-family: var(--jp); font-size: 44px; color: var(--bone); text-shadow: 0 4px 30px rgba(0,0,0,0.6); z-index: 2; }
body.rrx .legend-panel .lp-meta{ display: flex; justify-content: space-between; align-items: flex-end; padding-top: 18px; gap: 20px; }
body.rrx .legend-panel h3{ font-size: clamp(36px, 3.6vw, 56px); }
body.rrx .legend-panel p{ color: var(--bone-2); font-size: 14px; }
body.rrx .legend-num{ font-family: var(--df-display); font-stretch: 100%; font-weight: 600; font-size: 12px; letter-spacing: 0.2em; color: var(--mute); }
body.rrx .manifesto{ position: relative; overflow: hidden; text-align: center; }
body.rrx .manifesto .big-jp{
  font-family: var(--jp);
  font-weight: 600;
  font-size: clamp(56px, 14.6vw, 270px);
  line-height: 1;
  color: var(--red);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
body.rrx .manifesto .big-jp span{ display: inline-block; }
body.rrx .manifesto h2{ margin-top: clamp(24px, 3vw, 48px); }
body.rrx .manifesto .lede{ margin: 28px auto 0; text-align: center; }
body.rrx .manifesto .f7{ position: absolute; width: clamp(160px, 18vw, 300px); opacity: 0.14; pointer-events: none; }
body.rrx .split{ display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(32px, 6vw, 110px); align-items: center; }
body.rrx .split.rev{ grid-template-columns: 1fr 1.05fr; }
body.rrx .split.rev .split-media{ order: 2; }
body.rrx .split-media{ position: relative; aspect-ratio: 4/5; overflow: hidden; }
body.rrx .split-media img{ position: absolute; inset: -6% 0; width: 100%; height: 112%; object-fit: cover; }
body.rrx .split-media .tagline{ position: absolute; left: 20px; bottom: 18px; z-index: 2; }
body.rrx .split-copy h2{ margin: 22px 0 28px; }
body.rrx .split-copy .lede{ margin-bottom: 36px; }
body.rrx .stack{ position: relative; }
body.rrx .stack .float{
  position: absolute;
  width: 46%;
  aspect-ratio: 4/5;
  right: -8%;
  bottom: -10%;
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6);
}
body.rrx .stack .float img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .inline-form{ display: flex; gap: 0; max-width: 520px; border-bottom: 1px solid var(--line-2); transition: border-color 0.3s; }
body.rrx .inline-form:focus-within{ border-color: var(--bone); }
body.rrx .inline-form input{ flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; padding: 18px 0; font-size: 16px; }
body.rrx .inline-form input::placeholder{ color: var(--mute); }
body.rrx .inline-form button{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--red-hi); padding-left: 18px; }
body.rrx .form-note{ font-size: 12px; color: var(--mute); margin-top: 12px; }
body.rrx .form-ok{ display: none; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 13px; color: var(--bone); padding: 18px 0; }
body.rrx form.done .form-ok{ display: block; }
body.rrx form.done > :not(.form-ok){ display: none; }
body.rrx .field{ display: grid; gap: 8px; }
body.rrx .field label{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--bone-2); }
body.rrx .field input,body.rrx .field select,body.rrx .field textarea{
  background: var(--ink-2);
  border: 1px solid var(--line);
  height: 52px;
  padding: 0 16px;
  outline: 0;
  transition: border-color 0.25s;
  border-radius: 0;
  width: 100%;
}
body.rrx .field textarea{ height: 150px; padding: 14px 16px; resize: vertical; }
body.rrx .field input:focus,body.rrx .field select:focus,body.rrx .field textarea:focus{ border-color: var(--bone-2); }
body.rrx .field.err input{ border-color: var(--red); }
body.rrx .fields{ display: grid; gap: 14px; }
body.rrx .fields.two{ grid-template-columns: 1fr 1fr; }
body.rrx .ugc{ display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: clamp(180px, 22vw, 360px); gap: 10px; }
body.rrx .ugc a{ position: relative; overflow: hidden; display: block; }
body.rrx .ugc a:nth-child(1){ grid-row: span 2; }
body.rrx .ugc a:nth-child(4){ grid-row: span 2; }
body.rrx .ugc img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out), filter 0.6s; filter: grayscale(0.25); }
body.rrx .ugc a:hover img{ transform: scale(1.06); filter: none; }
body.rrx .ugc a::after{ content: "@drivenfitgear"; position: absolute; left: 14px; bottom: 12px; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.16em; opacity: 0; transform: translateY(8px); transition: 0.4s var(--ease); }
body.rrx .ugc a:hover::after{ opacity: 1; transform: none; }
body.rrx .site-footer{ position: relative; border-top: 1px solid var(--line); overflow: hidden; }
body.rrx .foot-join{ display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(32px, 6vw, 100px); padding-top: clamp(80px, 10vw, 150px); padding-bottom: clamp(60px, 7vw, 100px); align-items: end; }
body.rrx .foot-join h2{ font-size: clamp(48px, 7.4vw, 128px); }
body.rrx .foot-join h2 em{ font-style: normal; color: var(--red-hi); }
body.rrx .foot-cols{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; padding-top: 56px; padding-bottom: 56px; border-top: 1px solid var(--line); }
body.rrx .foot-cols h4{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--mute); margin-bottom: 18px; }
body.rrx .foot-cols ul{ list-style: none; display: grid; gap: 10px; }
body.rrx .foot-cols a{ color: var(--bone-2); transition: color 0.25s; }
body.rrx .foot-cols a:hover{ color: var(--bone); }
body.rrx .foot-brand img{ width: 150px; }
body.rrx .foot-brand p{ color: var(--mute); font-size: 13px; margin-top: 18px; max-width: 280px; }
body.rrx .foot-base{ display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; padding-bottom: 26px; border-top: 1px solid var(--line); font-size: 12px; color: var(--mute); flex-wrap: wrap; }
body.rrx .foot-base .pay{ display: flex; gap: 8px; }
body.rrx .foot-base .pay span{ border: 1px solid var(--line-2); padding: 3px 8px; font-size: 10px; letter-spacing: 0.1em; font-weight: 600; color: var(--bone-2); }
body.rrx .foot-word{ display: block; width: 100%; padding: 0 var(--gutter) 10px; opacity: 0.08; }
body.rrx .socials{ display: flex; gap: 10px; margin-top: 20px; }
body.rrx .socials a{ width: 42px; height: 42px; border: 1px solid var(--line-2); display: grid; place-items: center; transition: background 0.3s, border-color 0.3s; }
body.rrx .socials a:hover{ background: var(--red); border-color: var(--red); }
body.rrx .socials svg{ width: 17px; height: 17px; }
body.rrx .scrim{ position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); z-index: 80; opacity: 0; visibility: hidden; transition: opacity 0.5s var(--ease), visibility 0s 0.5s; }
body.rrx .scrim.on{ opacity: 1; visibility: visible; transition: opacity 0.5s var(--ease); }
body.rrx .drawer{
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: min(470px, 100vw);
  background: var(--ink-2);
  z-index: 90;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.7s var(--ease);
  border-left: 1px solid var(--line);
}
body.rrx .drawer.open{ transform: none; }
body.rrx .drawer-head{ display: flex; justify-content: space-between; align-items: center; padding: 22px 26px; border-bottom: 1px solid var(--line); }
body.rrx .drawer-head h3{ font-size: 30px; }
body.rrx .x-btn{ width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line-2); transition: background 0.3s; }
body.rrx .x-btn:hover{ background: var(--bone); color: var(--ink); }
body.rrx .x-btn svg{ width: 16px; }
body.rrx .ship-bar{ padding: 18px 26px; border-bottom: 1px solid var(--line); font-size: 13px; }
body.rrx .ship-bar .track{ height: 3px; background: var(--line); margin-top: 10px; overflow: hidden; }
body.rrx .ship-bar .fill{ height: 100%; background: var(--red); transform-origin: left; transition: transform 0.7s var(--ease); }
body.rrx .drawer-body{ flex: 1; overflow-y: auto; padding: 8px 26px; overscroll-behavior: contain; }
body.rrx .line-item{ display: grid; grid-template-columns: 92px 1fr auto; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
body.rrx .line-item .li-img{ background: var(--tile); aspect-ratio: 4/5; }
body.rrx .line-item .li-img img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 6%; }
body.rrx .line-item h4{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 22px; text-transform: uppercase; line-height: 1; }
body.rrx .line-item .opts{ font-size: 13px; color: var(--mute); margin: 6px 0 12px; }
body.rrx .qty{ display: inline-flex; border: 1px solid var(--line-2); height: 34px; }
body.rrx .qty button{ width: 32px; display: grid; place-items: center; font-size: 16px; }
body.rrx .qty button:hover{ background: var(--ink-3); }
body.rrx .qty span{ width: 34px; display: grid; place-items: center; font-size: 13px; font-weight: 600; }
body.rrx .li-right{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }
body.rrx .li-remove{ font-size: 12px; color: var(--mute); text-decoration: underline; text-underline-offset: 3px; }
body.rrx .li-remove:hover{ color: var(--bone); }
body.rrx .drawer-empty{ text-align: center; padding: 60px 10px; }
body.rrx .drawer-empty h4{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 40px; text-transform: uppercase; margin-bottom: 12px; }
body.rrx .drawer-empty p{ color: var(--mute); margin-bottom: 26px; }
body.rrx .upsell{ padding: 18px 0 8px; }
body.rrx .upsell h5{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mute); margin-bottom: 12px; }
body.rrx .upsell-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.rrx .mini{ display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; background: var(--ink-3); padding: 8px; }
body.rrx .mini .mi-img{ background: var(--tile); aspect-ratio: 1; }
body.rrx .mini img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 6%; }
body.rrx .mini b{ display: block; font-size: 13px; line-height: 1.2; }
body.rrx .mini button{ font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--red-hi); margin-top: 4px; }
body.rrx .drawer-foot{ padding: 20px 26px 26px; border-top: 1px solid var(--line); display: grid; gap: 14px; }
body.rrx .totals{ display: flex; justify-content: space-between; align-items: baseline; }
body.rrx .totals b{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 32px; }
body.rrx .drawer-foot small{ color: var(--mute); font-size: 12px; text-align: center; }
body.rrx .search{
  position: fixed;
  inset: 0;
  z-index: 95;
  background: rgba(10, 10, 10, 0.97);
  display: flex;
  flex-direction: column;
  padding: 34px var(--gutter);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.45s var(--ease), visibility 0s 0.45s;
}
body.rrx .search.open{ opacity: 1; visibility: visible; transition: opacity 0.45s var(--ease); }
body.rrx .search-top{ display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--line-2); }
body.rrx .search-top input{ flex: 1; background: transparent; border: 0; outline: 0; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: clamp(40px, 6vw, 96px); text-transform: uppercase; padding: 12px 0; }
body.rrx .search-top input::placeholder{ color: var(--ink-3); -webkit-text-stroke: 1px var(--line-2); }
body.rrx .search-hint{ margin: 22px 0; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
body.rrx .search-hint button{ border: 1px solid var(--line-2); padding: 8px 14px; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; transition: background 0.25s; }
body.rrx .search-hint button:hover{ background: var(--bone); color: var(--ink); }
body.rrx .search-results{ flex: 1; overflow-y: auto; padding-bottom: 40px; }
body.rrx .search-results .grid{ grid-template-columns: repeat(5, 1fr); }
body.rrx .mnav{ position: fixed; inset: 0; z-index: 85; background: var(--ink); padding: calc(var(--bar-h) + var(--header-h) + 20px) var(--gutter) 40px; display: flex; flex-direction: column; gap: 6px; clip-path: inset(0 0 100% 0); transition: clip-path 0.7s var(--ease); overflow-y: auto; }
body.rrx .mnav.open{ clip-path: inset(0 0 0 0); }
body.rrx .mnav a{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 48px; text-transform: uppercase; line-height: 1.05; }
body.rrx .mnav .sub{ display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 4px 0 18px; }
body.rrx .mnav .sub a{ font-size: 22px; color: var(--bone-2); }
body.rrx .toast{ position: fixed; left: 50%; bottom: 24px; z-index: 99; transform: translate(-50%, calc(100% + 40px)); visibility: hidden; background: var(--bone); color: var(--ink); padding: 14px 22px; font-weight: 600; font-size: 14px; transition: transform 0.6s var(--ease); display: flex; gap: 14px; align-items: center; }
body.rrx .toast.on{ transform: translate(-50%, 0); visibility: visible; }
body.rrx .toast i{ width: 8px; height: 8px; border-radius: 50%; background: var(--red); }
body.rrx .curtain{ position: fixed; inset: 0; z-index: 200; pointer-events: none; display: grid; grid-template-rows: 1fr; }
body.rrx .curtain .c1,body.rrx .curtain .c2{ grid-area: 1 / 1; transform: scaleY(0); }
body.rrx .curtain .c1{ background: var(--red); }
body.rrx .curtain .c2{ background: var(--ink); display: grid; place-items: center; }
body.rrx .curtain .c2 img{ width: 92px; opacity: 0; }
html.is-leaving body.rrx .curtain{ pointer-events: all; }
html.entering body.rrx:not(head)::before{ content: ""; position: fixed; inset: 0; background: var(--ink); z-index: 199; }
html.entering body.rrx .curtain .c1,html.entering body.rrx .curtain .c2{ transform: scaleY(1); }
body.rrx .page-head{ padding-top: calc(var(--bar-h) + var(--header-h) + clamp(48px, 7vw, 110px)); padding-bottom: clamp(36px, 5vw, 72px); }
body.rrx .page-head .kicker{ display: block; margin-bottom: 22px; }
body.rrx .page-head .row{ display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; }
body.rrx .crumbs{ font-size: 12px; color: var(--mute); letter-spacing: 0.06em; margin-bottom: 26px; }
body.rrx .crumbs a:hover{ color: var(--bone); }
body.rrx .banner{ position: relative; height: clamp(320px, 52vw, 720px); overflow: hidden; }
body.rrx .banner img{ position: absolute; inset: -10% 0; width: 100%; height: 120%; object-fit: cover; }
body.rrx .banner::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,10,10,0.9), rgba(10,10,10,0) 55%); }
body.rrx .banner .wrap{ position: absolute; left: 0; right: 0; bottom: clamp(28px, 4vw, 60px); z-index: 2; }
body.rrx .shop-bar{ position: sticky; top: calc(var(--bar-h) + var(--header-h)); z-index: 20; background: rgba(10,10,10,0.92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: top 0.5s var(--ease); }
body.rrx:not(head).nav-hidden .shop-bar{ top: 0; }
body.rrx .shop-bar .wrap{ display: flex; justify-content: space-between; align-items: center; gap: 20px; height: 64px; }
body.rrx .tabs{ display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
body.rrx .tabs::-webkit-scrollbar{ display: none; }
body.rrx .tab{ height: 38px; padding: 0 16px; border: 1px solid var(--line); font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; transition: 0.3s; }
body.rrx .tab:hover{ border-color: var(--bone-2); }
body.rrx .tab.on{ background: var(--bone); color: var(--ink); border-color: var(--bone); }
body.rrx .tab sup{ font-size: 9px; margin-left: 4px; opacity: 0.6; }
body.rrx .shop-tools{ display: flex; gap: 10px; align-items: center; flex: none; }
body.rrx .shop-tools .count{ font-size: 13px; color: var(--mute); margin-right: 8px; }
body.rrx .select{ position: relative; }
body.rrx .select select{ appearance: none; -webkit-appearance: none; background: transparent; border: 1px solid var(--line); height: 38px; padding: 0 34px 0 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; }
body.rrx .select select option{ background: var(--ink-2); }
body.rrx .select::after{ content: ""; position: absolute; right: 14px; top: 50%; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-70%) rotate(45deg); pointer-events: none; }
body.rrx .filter-btn{ height: 38px; padding: 0 16px; border: 1px solid var(--line); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; gap: 8px; align-items: center; }
body.rrx .filter-btn b{ background: var(--red); color: #fff; min-width: 18px; height: 18px; border-radius: 9px; font-size: 10px; display: grid; place-items: center; padding: 0 5px; }
body.rrx .shop-grid{ padding-top: 36px; padding-bottom: clamp(80px, 10vw, 160px); }
body.rrx .grid > .drop-break{ grid-column: 1 / -1; position: relative; height: clamp(260px, 30vw, 440px); overflow: hidden; display: flex; align-items: flex-end; margin: 24px 0; }
body.rrx .drop-break img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
body.rrx .drop-break::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,0.88), rgba(10,10,10,0.1)); }
body.rrx .drop-break .inner{ position: relative; z-index: 2; padding: clamp(24px, 4vw, 56px); display: grid; gap: 18px; justify-items: start; }
body.rrx .empty-state{ text-align: center; padding: 100px 0; color: var(--mute); }
body.rrx .shop-more{ display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 56px 0 24px; }
body.rrx .shop-more p{ font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); }
body.rrx .filters h4{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mute); margin: 26px 0 14px; }
body.rrx .chip-row{ display: flex; flex-wrap: wrap; gap: 6px; }
body.rrx .chip{ height: 38px; min-width: 46px; padding: 0 12px; border: 1px solid var(--line-2); font-size: 12px; font-weight: 600; letter-spacing: 0.06em; display: inline-flex; align-items: center; gap: 8px; transition: 0.25s; }
body.rrx .chip.on{ background: var(--bone); color: var(--ink); border-color: var(--bone); }
body.rrx .chip .sw{ width: 12px; height: 12px; }
body.rrx .range{ display: flex; gap: 10px; align-items: center; }
body.rrx .pdp{ display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(28px, 4vw, 72px); padding-top: calc(var(--bar-h) + var(--header-h) + 28px); padding-bottom: clamp(80px, 9vw, 140px); }
body.rrx .gallery{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-content: start; }
body.rrx .gallery .g{ background: var(--tile); aspect-ratio: 4/5; overflow: hidden; position: relative; cursor: zoom-in; }
body.rrx .gallery .g:first-child{ grid-column: 1 / -1; aspect-ratio: 1 / 1; }
body.rrx .gallery .g img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 6%; transition: transform 0.9s var(--ease-out); }
body.rrx .gallery .g.photo img{ mix-blend-mode: normal; object-fit: cover; padding: 0; }
body.rrx .gallery .g:hover img{ transform: scale(1.04); }
body.rrx .buy{ position: sticky; top: calc(var(--bar-h) + var(--header-h) + 28px); align-self: start; }
body.rrx .buy .crumbs{ margin-bottom: 18px; }
body.rrx .buy h1{ font-size: clamp(48px, 5.4vw, 96px); }
body.rrx .buy .price{ font-size: 24px; margin: 14px 0 22px; display: block; }
body.rrx .buy .legend-line{ display: flex; gap: 14px; align-items: flex-start; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 24px; }
body.rrx .buy .legend-line .jp{ font-size: 34px; color: var(--red-hi); line-height: 1; }
body.rrx .buy .legend-line p{ font-size: 14px; color: var(--bone-2); }
body.rrx .opt-head{ display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
body.rrx .opt-head span{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--bone-2); }
body.rrx .opt-head b{ font-weight: 500; color: var(--bone); letter-spacing: 0.04em; text-transform: none; font-family: var(--sans); font-size: 14px; }
body.rrx .opt-head button{ font-size: 12px; text-decoration: underline; text-underline-offset: 3px; color: var(--bone-2); }
body.rrx .colour-row{ display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 26px; }
body.rrx .colour{ width: 36px; height: 36px; border-radius: 50%; padding: 3px; box-shadow: inset 0 0 0 1px var(--line-2); transition: box-shadow 0.25s; }
body.rrx .colour i{ display: block; width: 100%; height: 100%; border-radius: 50%; }
body.rrx .colour.on,body.rrx .colour:hover{ box-shadow: inset 0 0 0 2px var(--bone); }
body.rrx .size-row{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-bottom: 18px; }
body.rrx .size-row .size{ height: 50px; }
body.rrx .size-row .size.on{ background: var(--bone); color: var(--ink); border-color: var(--bone); }
body.rrx .size-row.err .size{ border-color: var(--red); }
body.rrx .atc-row{ display: grid; grid-template-columns: auto 1fr; gap: 8px; margin-bottom: 10px; }
body.rrx .atc-row .qty{ height: 54px; }
body.rrx .atc-row .qty button{ width: 40px; }
body.rrx .express{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 18px; }
body.rrx .express button{ height: 48px; background: #fff; color: #000; font-weight: 600; font-size: 15px; letter-spacing: -0.01em; display: grid; place-items: center; transition: opacity 0.25s; }
body.rrx .express button:hover{ opacity: 0.85; }
body.rrx .express button.gp{ background: #000; color: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
body.rrx .free-note{ font-size: 13px; color: var(--bone-2); display: flex; gap: 10px; align-items: center; margin-bottom: 26px; }
body.rrx .free-note i{ width: 6px; height: 6px; border-radius: 50%; background: var(--red); flex: none; }
body.rrx .acc{ border-top: 1px solid var(--line); }
body.rrx .acc-item{ border-bottom: 1px solid var(--line); }
body.rrx .acc-item > button{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 18px 0; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; text-align: left; }
body.rrx .acc-item > button i{ width: 12px; height: 12px; position: relative; flex: none; }
body.rrx .acc-item > button i::before,body.rrx .acc-item > button i::after{ content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: currentColor; transition: transform 0.4s var(--ease); }
body.rrx .acc-item > button i::after{ transform: rotate(90deg); }
body.rrx .acc-item.open > button i::after{ transform: rotate(0); }
body.rrx .acc-body{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s var(--ease); }
body.rrx .acc-item.open .acc-body{ grid-template-rows: 1fr; }
body.rrx .acc-body > div{ overflow: hidden; }
body.rrx .acc-body p,body.rrx .acc-body li{ font-size: 14px; color: var(--bone-2); }
body.rrx .acc-body > div > :last-child{ padding-bottom: 20px; }
body.rrx .acc-body ul{ padding-left: 18px; display: grid; gap: 4px; }
body.rrx .sticky-atc{ display: none; }
body.rrx table.chart{ width: 100%; border-collapse: collapse; font-size: 14px; }
body.rrx table.chart th,body.rrx table.chart td{ text-align: left; padding: 12px 10px; border-bottom: 1px solid var(--line); }
body.rrx table.chart th{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mute); }
body.rrx .modal{ background: rgba(0, 0, 0, 0.72); position: fixed; inset: 0; z-index: 96; display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0s 0.4s; }
body.rrx .modal.open{ opacity: 1; visibility: visible; transition: opacity 0.4s; }
body.rrx .modal-box{ background: var(--ink-2); border: 1px solid var(--line); width: min(640px, 100%); max-height: 86vh; overflow: auto; padding: 30px; }
body.rrx .modal-box .drawer-head{ padding: 0 0 18px; margin-bottom: 18px; }
body.rrx .zoom{ position: fixed; inset: 0; z-index: 97; background: var(--tile); display: none; cursor: zoom-out; }
body.rrx .zoom.open{ display: block; }
body.rrx .zoom img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
body.rrx .lg-index{ display: flex; flex-wrap: wrap; gap: 8px; }
body.rrx .lg-index a{ border: 1px solid var(--line-2); padding: 10px 16px; display: inline-flex; gap: 10px; align-items: center; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; transition: 0.3s; }
body.rrx .lg-index a:hover{ background: var(--red); border-color: var(--red); }
body.rrx .lg-index .jp{ font-size: 16px; letter-spacing: 0; }
body.rrx .chapter{ padding-top: clamp(80px, 10vw, 160px); padding-bottom: clamp(40px, 5vw, 80px); border-top: 1px solid var(--line); }
body.rrx .chapter-top{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 110px); align-items: end; margin-bottom: clamp(36px, 5vw, 72px); }
body.rrx .chapter-art{ position: relative; aspect-ratio: 4/5; overflow: hidden; }
body.rrx .chapter-art img{ position: absolute; inset: -8% 0; width: 100%; height: 116%; object-fit: cover; }
body.rrx .chapter-art .big-k{ position: absolute; right: 18px; top: 14px; writing-mode: vertical-rl; font-family: var(--jp); font-weight: 600; font-size: clamp(48px, 6vw, 96px); color: var(--bone); text-shadow: 0 6px 40px rgba(0,0,0,0.6); }
body.rrx .chapter-copy .num{ font-family: var(--df-display); font-stretch: 100%; font-weight: 600; font-size: 12px; letter-spacing: 0.2em; color: var(--mute); }
body.rrx .chapter-copy h2{ margin: 18px 0 8px; }
body.rrx .chapter-copy .romaji{ font-family: var(--df-display); font-stretch: 100%; font-weight: 600; font-size: 13px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--red-hi); }
body.rrx .chapter-copy .quote{ font-family: var(--df-display); font-stretch: 85%; font-weight: 700; font-size: clamp(24px, 2.4vw, 38px); text-transform: uppercase; line-height: 1; margin: 34px 0 22px; }
body.rrx .chapter-copy p{ color: var(--bone-2); max-width: 520px; }
body.rrx .chapter-copy .btn{ margin-top: 34px; }
body.rrx .chapter .grid{ grid-template-columns: repeat(4, 1fr); }
body.rrx .decode{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 110px); align-items: center; }
body.rrx .decode-art{ position: relative; background: radial-gradient(circle at 50% 45%, #1d1d1d, var(--ink) 70%); aspect-ratio: 1; display: grid; place-items: center; }
body.rrx .decode-art img{ width: 82%; }
body.rrx .decode-list{ display: grid; gap: 0; margin-top: 32px; border-top: 1px solid var(--line); }
body.rrx .decode-list div{ display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }
body.rrx .decode-list b{ font-family: var(--jp); font-size: 26px; color: var(--red-hi); font-weight: 600; line-height: 1.1; }
body.rrx .decode-list h4{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 4px; }
body.rrx .decode-list p{ font-size: 14px; color: var(--bone-2); }
body.rrx .gear-hero{ position: relative; min-height: 100svh; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
body.rrx .gear-hero .gh-copy{ display: flex; flex-direction: column; justify-content: center; padding: calc(var(--bar-h) + var(--header-h) + 40px) var(--gutter) 60px; }
body.rrx .gear-hero .gh-copy h1{ margin: 22px 0 28px; }
body.rrx .gear-hero .gh-media{ position: relative; overflow: hidden; }
body.rrx .gear-hero .gh-media img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.rrx .status-pill{ display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--line-2); padding: 8px 14px; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; width: fit-content; }
body.rrx .status-pill i{ width: 7px; height: 7px; border-radius: 50%; background: var(--red); animation: pulse 1.8s infinite; }
@keyframes pulse{ 50% { opacity: 0.25; } }
body.rrx .steps{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.rrx .step{ background: var(--ink-2); border: 1px solid var(--line); padding: clamp(24px, 3vw, 40px); min-height: 360px; display: flex; flex-direction: column; }
body.rrx .step .n{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 96px; line-height: 0.8; color: transparent; -webkit-text-stroke: 1px var(--line-2); }
body.rrx .step h3{ margin: auto 0 14px; font-size: clamp(30px, 3vw, 46px); }
body.rrx .step p{ color: var(--bone-2); font-size: 14px; }
body.rrx .specs{ display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
body.rrx .specs div{ padding: 28px 24px 28px 0; border-bottom: 1px solid var(--line); }
body.rrx .specs div + div{ padding-left: 24px; border-left: 1px solid var(--line); }
body.rrx .specs b{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: clamp(40px, 4.6vw, 72px); line-height: 0.9; text-transform: uppercase; }
body.rrx .specs span{ font-size: 13px; color: var(--mute); }
body.rrx .launch-band{ background: var(--red); color: #fff; }
body.rrx .launch-band .inline-form{ border-color: rgba(255,255,255,0.5); }
body.rrx .launch-band .inline-form input::placeholder{ color: rgba(255,255,255,0.7); }
body.rrx .launch-band .inline-form button{ color: #fff; }
body.rrx .launch-band .lede,body.rrx .launch-band .form-note{ color: rgba(255,255,255,0.85); }
body.rrx .story-hero{ position: relative; height: 100svh; min-height: 620px; overflow: hidden; display: flex; align-items: flex-end; }
body.rrx .story-hero img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.rrx .story-hero::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,10,10,0.95), rgba(10,10,10,0.1) 60%); }
body.rrx .story-hero .wrap{ position: relative; z-index: 2; padding-bottom: clamp(40px, 6vw, 90px); }
body.rrx .prose{ max-width: 680px; }
body.rrx .prose p{ font-size: clamp(17px, 1.35vw, 21px); line-height: 1.7; color: var(--bone-2); margin-bottom: 1.2em; }
body.rrx .prose p:first-child::first-letter{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 5.4em; float: left; line-height: 0.82; margin: 0.06em 0.12em 0 0; color: var(--red-hi); }
body.rrx .sig{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--bone); margin-top: 32px; }
body.rrx .pillars{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.rrx .pillar{ border: 1px solid var(--line); padding: clamp(24px, 3vw, 44px); min-height: 380px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
body.rrx .pillar .jp{ font-size: clamp(60px, 7vw, 120px); color: var(--red); line-height: 1; }
body.rrx .pillar h3{ margin: auto 0 14px; font-size: clamp(30px, 3vw, 48px); }
body.rrx .pillar p{ color: var(--bone-2); font-size: 14px; }
body.rrx .roadmap{ display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
body.rrx .roadmap div{ padding: 28px 24px 0 0; position: relative; }
body.rrx .roadmap div::before{ content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--bone-2); }
body.rrx .roadmap div.now::before{ background: var(--red); box-shadow: 0 0 0 6px rgba(227, 22, 30, 0.25); }
body.rrx .roadmap b{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: clamp(28px, 2.6vw, 42px); text-transform: uppercase; line-height: 0.95; margin-bottom: 10px; }
body.rrx .roadmap span{ font-size: 14px; color: var(--bone-2); }
body.rrx .roadmap small{ display: block; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mute); margin-bottom: 14px; }
body.rrx .feature-post{ display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(28px, 4vw, 72px); align-items: center; }
body.rrx .feature-post .fp-img{ position: relative; aspect-ratio: 16/11; overflow: hidden; }
body.rrx .feature-post .fp-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
body.rrx .feature-post:hover .fp-img img{ transform: scale(1.04); }
body.rrx .feature-post h2{ font-size: clamp(40px, 4.6vw, 80px); margin: 18px 0 20px; }
body.rrx .post-meta{ display: flex; gap: 14px; align-items: center; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mute); }
body.rrx .post-meta .t{ color: var(--red-hi); }
body.rrx .posts{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 10px; }
body.rrx .post{ display: block; }
body.rrx .post .p-img{ aspect-ratio: 4/3; overflow: hidden; margin-bottom: 18px; }
body.rrx .post .p-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease-out); }
body.rrx .post:hover .p-img img{ transform: scale(1.05); }
body.rrx .post h3{ font-size: clamp(26px, 2.4vw, 36px); margin: 12px 0 10px; }
body.rrx .post p{ font-size: 14px; color: var(--bone-2); }
body.rrx .article-head{ max-width: 980px; }
body.rrx .article-head h1{ font-size: clamp(48px, 7vw, 120px); margin: 22px 0 26px; }
body.rrx .article-img{ aspect-ratio: 16/8; overflow: hidden; margin: clamp(36px, 5vw, 72px) 0; }
body.rrx .article-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .article-body{ display: grid; grid-template-columns: 1fr 680px 1fr; }
body.rrx .article-body .prose{ grid-column: 2; max-width: none; }
body.rrx .help-grid{ display: grid; grid-template-columns: 280px 1fr; gap: clamp(32px, 6vw, 100px); align-items: start; }
body.rrx .help-nav{ position: sticky; top: calc(var(--bar-h) + var(--header-h) + 30px); display: grid; gap: 4px; }
body.rrx .help-nav a{ padding: 12px 0; border-bottom: 1px solid var(--line); font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--bone-2); transition: color 0.25s, padding 0.35s var(--ease); }
body.rrx .help-nav a:hover{ color: var(--bone); padding-left: 8px; }
body.rrx .help-block{ padding-bottom: clamp(56px, 7vw, 100px); }
body.rrx .help-block h2{ font-size: clamp(40px, 4.4vw, 72px); margin-bottom: 26px; }
body.rrx .help-cards{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 34px; }
body.rrx .help-cards div{ border: 1px solid var(--line); padding: 24px; }
body.rrx .help-cards b{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 38px; text-transform: uppercase; line-height: 0.95; margin-bottom: 8px; }
body.rrx .help-cards span{ font-size: 14px; color: var(--bone-2); }
body.rrx .contact-wrap{ display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(32px, 5vw, 80px); }
body.rrx .contact-wrap .direct{ display: grid; gap: 22px; align-content: start; }
body.rrx .contact-wrap .direct div{ border-top: 1px solid var(--line); padding-top: 16px; }
body.rrx .contact-wrap .direct small{ display: block; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mute); margin-bottom: 6px; }
body.rrx .contact-wrap .direct a,body.rrx .contact-wrap .direct p{ font-size: 18px; }
body.rrx .checkout{ display: grid; grid-template-columns: 1.2fr 1fr; min-height: 100vh; }
body.rrx .co-main{ padding: calc(var(--bar-h) + var(--header-h) + 40px) clamp(20px, 5vw, 90px) 80px var(--gutter); }
body.rrx .co-side{ background: var(--ink-2); border-left: 1px solid var(--line); padding: calc(var(--bar-h) + var(--header-h) + 40px) var(--gutter) 80px clamp(20px, 4vw, 64px); }
body.rrx .co-side-inner{ position: sticky; top: calc(var(--bar-h) + var(--header-h) + 30px); }
body.rrx .co-steps{ display: flex; gap: 10px; align-items: center; font-size: 12px; color: var(--mute); letter-spacing: 0.06em; margin-bottom: 30px; }
body.rrx .co-steps b{ color: var(--bone); font-weight: 600; }
body.rrx .co-block{ margin-bottom: 36px; }
body.rrx .co-block h3{ font-size: 30px; margin-bottom: 18px; }
body.rrx .co-block .head-row{ display: flex; justify-content: space-between; align-items: baseline; }
body.rrx .co-block .head-row a{ font-size: 13px; color: var(--bone-2); text-decoration: underline; text-underline-offset: 3px; }
body.rrx .radio-list{ border: 1px solid var(--line); }
body.rrx .radio{ display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 18px; cursor: pointer; border-bottom: 1px solid var(--line); font-size: 14px; }
body.rrx .radio:last-child{ border-bottom: 0; }
body.rrx .radio input{ accent-color: var(--red); width: 18px; height: 18px; }
body.rrx .radio .l{ display: flex; gap: 12px; align-items: center; }
body.rrx .radio small{ display: block; color: var(--mute); font-size: 12px; }
body.rrx .secure{ display: flex; gap: 10px; align-items: center; font-size: 12px; color: var(--mute); margin-top: 14px; }
body.rrx .sum-item{ display: grid; grid-template-columns: 70px 1fr auto; gap: 14px; align-items: center; padding: 12px 0; }
body.rrx .sum-item .si-img{ position: relative; background: var(--tile); aspect-ratio: 4/5; }
body.rrx .sum-item .si-img img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 6%; }
body.rrx .sum-item .si-img b{ position: absolute; top: -8px; right: -8px; min-width: 22px; height: 22px; border-radius: 11px; background: var(--bone-2); color: var(--ink); font-size: 11px; display: grid; place-items: center; }
body.rrx .sum-item h4{ font-size: 14px; font-weight: 600; }
body.rrx .sum-item small{ font-size: 12px; color: var(--mute); }
body.rrx .code-row{ display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 18px 0; }
body.rrx .code-row button{ padding: 0 20px; border: 1px solid var(--line-2); font-weight: 600; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
body.rrx .sum-lines{ border-top: 1px solid var(--line); padding-top: 16px; display: grid; gap: 10px; font-size: 14px; }
body.rrx .sum-lines div{ display: flex; justify-content: space-between; }
body.rrx .sum-lines .grand{ border-top: 1px solid var(--line); padding-top: 16px; margin-top: 6px; align-items: baseline; }
body.rrx .sum-lines .grand b{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 38px; }
body.rrx .confirm{ text-align: center; padding: calc(var(--bar-h) + var(--header-h) + 80px) var(--gutter) 120px; display: none; }
body.rrx .confirm .jp{ font-size: clamp(80px, 12vw, 180px); color: var(--red); line-height: 1; }
body.rrx .confirm h1{ margin: 26px 0 18px; font-size: clamp(56px, 8vw, 130px); }
body.rrx .confirm .lede{ margin: 0 auto 36px; }
body.rrx:not(head).ordered .checkout{ display: none; }
body.rrx:not(head).ordered .confirm{ display: block; }
.js body.rrx [data-reveal]{ opacity: 0; transform: translateY(40px); transition: opacity 1s cubic-bezier(.215,.61,.355,1) var(--rv-d, 0s), transform 1s cubic-bezier(.215,.61,.355,1) var(--rv-d, 0s); }
.js body.rrx [data-reveal].rv{ opacity: 1; transform: none; }
.js body.rrx [data-clip]{ clip-path: inset(100% 0 0 0); }
@media (max-width: 1100px){body.rrx .grid,body.rrx .chapter .grid{ grid-template-columns: repeat(3, 1fr); }
body.rrx .cats{ grid-template-columns: repeat(3, 1fr); }
body.rrx .search-results .grid{ grid-template-columns: repeat(3, 1fr); }
body.rrx .foot-cols{ grid-template-columns: 1fr 1fr; }
body.rrx .mega{ grid-template-columns: 1fr 1fr 1fr; }
body.rrx .mega > :last-child{ display: none; }

}
@media (max-width: 860px){:root{ --header-h: 62px; --bar-h: 32px; }
body.rrx .nav-l{ display: none; }
body.rrx .menu-btn{ display: inline-flex; }
body.rrx .site-header{ grid-template-columns: auto 1fr auto; }
body.rrx .logo{ justify-self: center; }
body.rrx .logo img{ height: 26px; }
body.rrx .nav-r{ gap: 16px; }
body.rrx .nav-r .hide-m{ display: none; }
body.rrx .mega{ display: none; }
body.rrx .grid,body.rrx .chapter .grid,body.rrx .search-results .grid{ grid-template-columns: repeat(2, 1fr); gap: 28px 8px; }
body.rrx .cats{ grid-template-columns: repeat(2, 1fr); }
body.rrx .cats .cat:last-child{ grid-column: 1 / -1; aspect-ratio: 2.2 / 1; }
body.rrx .cat .cat-name small{ display: none; }
body.rrx .card-info h3{ font-size: 18px; }
body.rrx .card-quick{ display: none; }
body.rrx .hero-inner{ grid-template-columns: 1fr; }
body.rrx .hero-kanji{ display: none; }
body.rrx .hero-media img,body.rrx .hero-media video{ object-position: 62% 40%; }
body.rrx .hero-media::after{ background: linear-gradient(0deg, rgba(10,10,10,0.96) 8%, rgba(10,10,10,0.2) 65%); }
body.rrx .split,body.rrx .split.rev,body.rrx .foot-join,body.rrx .chapter-top,body.rrx .decode,body.rrx .feature-post,body.rrx .contact-wrap,body.rrx .help-grid,body.rrx .gear-hero,body.rrx .pdp,body.rrx .checkout{ grid-template-columns: 1fr; }
body.rrx .split.rev .split-media{ order: 0; }
body.rrx .stack .float{ right: 0; bottom: -6%; width: 42%; }
body.rrx .ugc{ grid-template-columns: 1fr 1fr; grid-auto-rows: 44vw; }
body.rrx .ugc a:nth-child(4){ grid-row: span 1; }
body.rrx .legends-pin{ height: auto; }
body.rrx .legends-track{ flex-direction: column; transform: none !important; }
body.rrx .legend-intro{ padding: 96px var(--gutter) 40px; flex: none; }
body.rrx .legend-panel{ flex: none; height: 78vh; padding: 0 var(--gutter) 40px; }
body.rrx .steps,body.rrx .pillars,body.rrx .help-cards,body.rrx .posts{ grid-template-columns: 1fr; }
body.rrx .specs,body.rrx .roadmap{ grid-template-columns: 1fr 1fr; }
body.rrx .specs div + div{ padding-left: 0; border-left: 0; }
body.rrx .roadmap div{ padding-bottom: 28px; }
body.rrx .gallery{ grid-template-columns: 1fr; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); scrollbar-width: none; }
body.rrx .gallery .g,body.rrx .gallery .g:first-child{ flex: 0 0 86%; aspect-ratio: 4/5; scroll-snap-align: center; }
body.rrx .buy{ position: static; }
body.rrx .sticky-atc{ display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: rgba(10,10,10,0.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--line); padding: 10px var(--gutter); gap: 12px; align-items: center; transform: translateY(110%); transition: transform 0.5s var(--ease); }
body.rrx .sticky-atc.on{ transform: none; }
body.rrx .sticky-atc .btn{ flex: 1; height: 48px; }
body.rrx .sticky-atc div{ font-size: 13px; line-height: 1.3; }
body.rrx .help-nav{ position: static; grid-auto-flow: column; overflow-x: auto; gap: 18px; }
body.rrx .help-nav a{ border: 0; white-space: nowrap; }
body.rrx .co-side{ border-left: 0; border-top: 1px solid var(--line); order: -1; padding-top: 30px; padding-bottom: 30px; }
body.rrx .co-main{ padding-top: 30px; }
body.rrx .checkout{ padding-top: calc(var(--bar-h) + var(--header-h)); }
body.rrx .fields.two{ grid-template-columns: 1fr; }
body.rrx .article-body{ grid-template-columns: 1fr; }
body.rrx .article-body .prose{ grid-column: 1; }
body.rrx .shop-tools .count{ display: none; }
body.rrx .shop-bar .wrap{ flex-direction: column; height: auto; padding-top: 10px; padding-bottom: 10px; align-items: stretch; gap: 10px; }
body.rrx .shop-tools{ justify-content: space-between; }
body.rrx .sec-head{ flex-direction: column; align-items: flex-start; }
body.rrx .rail-ctrl{ display: none; }
body.rrx .foot-cols{ grid-template-columns: 1fr 1fr; }
body.rrx .foot-brand{ grid-column: 1 / -1; }

}
@media (max-width: 480px){body.rrx .btn{ height: 50px; padding: 0 22px; }
body.rrx .hero-ctas .btn{ flex: 1; }
body.rrx .upsell-row{ grid-template-columns: 1fr; }
body.rrx .express{ grid-template-columns: 1fr; }

}
@media (prefers-reduced-motion: reduce){body.rrx *,body.rrx *::before,body.rrx *::after{ transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
.js body.rrx [data-reveal],.js body.rrx [data-clip]{ opacity: 1; transform: none; clip-path: none; }

}
body.rrx .gear-hero .gh-copy h1{ font-size: clamp(52px, min(7.4vw, 13vh), 150px); }
body.rrx .story-hero::after{ background: linear-gradient(90deg, rgba(10,10,10,0.82), rgba(10,10,10,0.15) 60%), linear-gradient(0deg, rgba(10,10,10,0.95), rgba(10,10,10,0) 55%); }
body.rrx .card-link{ position: absolute; inset: 0; display: block; }
body.rrx .drop-break h2{ font-size: clamp(36px, 4.6vw, 80px); }
body.rrx .hero-film .hero-media::after{
  background:
    linear-gradient(90deg, rgba(10,10,10,0.78) 0%, rgba(10,10,10,0.25) 50%, rgba(10,10,10,0) 75%),
    linear-gradient(0deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0) 45%);
}
body.rrx .hero-film .hero-media video{ object-position: center 40%; }
body.rrx .hero-film .hero-inner{ grid-template-columns: 1fr; }
body.rrx .featured{ padding-top: clamp(72px, 9vw, 130px); }
body.rrx .feat-tabs{ display: flex; gap: 8px; align-items: center; }
body.rrx .feat-tabs .link-u{ margin-left: 18px; }
body.rrx .sec-head h2{ font-size: clamp(40px, 5.6vw, 96px); }
body.rrx .why{ border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
body.rrx .why-head{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 110px); align-items: end; margin-bottom: clamp(48px, 6vw, 90px); }
body.rrx .why-grid{ display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
body.rrx .why-grid div{ padding: 30px 28px 0 0; }
body.rrx .why-grid div + div{ padding-left: 28px; border-left: 1px solid var(--line); }
body.rrx .why-grid h3{ font-size: clamp(24px, 2.2vw, 34px); margin-bottom: 14px; }
body.rrx .why-grid p{ color: var(--bone-2); font-size: 15px; }
body.rrx .uses{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.rrx .use{ display: block; }
body.rrx .use-img{ aspect-ratio: 4/5; overflow: hidden; }
body.rrx .use-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
body.rrx .use:hover .use-img img{ transform: scale(1.05); }
body.rrx .use-txt{ padding-top: 20px; }
body.rrx .use-txt h3{ font-size: clamp(32px, 3vw, 48px); margin-bottom: 8px; }
body.rrx .use-txt p{ color: var(--bone-2); font-size: 15px; margin-bottom: 16px; max-width: 340px; }
body.rrx .cols{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
body.rrx .col{ position: relative; display: block; background: var(--tile); aspect-ratio: 1 / 1; overflow: hidden; }
body.rrx .col img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 10% 12% 22%; transition: transform 1s var(--ease-out); }
body.rrx .col:hover img{ transform: scale(1.06); }
body.rrx .col span{ position: absolute; left: 18px; right: 18px; bottom: 16px; display: flex; justify-content: space-between; align-items: flex-end; color: var(--ink); }
body.rrx .col b{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: clamp(24px, 2.2vw, 34px); text-transform: uppercase; line-height: 0.9; }
body.rrx .col small{ font-size: 12px; font-weight: 600; letter-spacing: 0.04em; }
body.rrx .col::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform 0.6s var(--ease); }
body.rrx .col:hover::after{ transform: scaleX(1); }
body.rrx .motto{ display: grid; grid-template-columns: 0.9fr 1fr; gap: clamp(32px, 6vw, 110px); align-items: center; }
body.rrx .motto img{ width: 100%; max-width: 520px; justify-self: center; }
body.rrx .ugc.row4{ grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; }
body.rrx .ugc.row4 a{ grid-row: auto !important; aspect-ratio: 4 / 5; }
@media (max-width: 1100px){body.rrx .why-grid{ grid-template-columns: 1fr 1fr; }
body.rrx .why-grid div:nth-child(3){ padding-left: 0; border-left: 0; }
body.rrx .why-grid div{ padding-bottom: 28px; }

}
@media (max-width: 860px){body.rrx .feat-tabs{ flex-wrap: wrap; }
body.rrx .feat-tabs .link-u{ margin-left: 8px; }
body.rrx .why-head,body.rrx .motto{ grid-template-columns: 1fr; }
body.rrx .why-grid{ grid-template-columns: 1fr; }
body.rrx .why-grid div,body.rrx .why-grid div + div{ padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--line); }
body.rrx .uses{ grid-template-columns: 1fr; gap: 36px; }
body.rrx .cols{ grid-template-columns: 1fr 1fr; }
body.rrx .col small{ display: none; }
body.rrx .ugc.row4{ grid-template-columns: 1fr 1fr; }
body.rrx .motto img{ max-width: 300px; }

}
body.rrx .colbar{ padding-top: 22px; }
body.rrx .colbar .chip{ height: 34px; }
@media (max-width: 860px){body.rrx .hero-ctas{ flex-direction: column; align-items: stretch; }
body.rrx .hero-ctas .btn{ width: 100%; }
body.rrx .cats{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); scroll-padding-inline: var(--gutter); }
body.rrx .cats::-webkit-scrollbar{ display: none; }
body.rrx .cats .cat,body.rrx .cats .cat:last-child{ flex: 0 0 44vw; aspect-ratio: 3 / 4.2; grid-column: auto; scroll-snap-align: start; }

}
@media (max-width: 860px){body.rrx .hero-ctas .btn{ flex: none; height: 52px; }
body.rrx .hero-film .hero-media video{ object-position: 66% 40%; }

}
@media (max-width: 860px){body.rrx .scroll-cue{ display: none; }
 }
body.rrx .why{ display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: stretch; }
body.rrx .why-main h2{ margin-bottom: 22px; }
body.rrx .why-main .lede{ margin-bottom: 36px; }
body.rrx .why-img{ aspect-ratio: 16 / 10; overflow: hidden; }
body.rrx .why-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .why-bar{ background: var(--ink-2); border: 1px solid var(--line); border-left: 3px solid var(--red); padding: 10px 32px 32px; display: flex; flex-direction: column; }
body.rrx .why-bar > div{ padding: 24px 0; border-bottom: 1px solid var(--line); }
body.rrx .why-bar h3{ font-size: 22px; margin-bottom: 8px; }
body.rrx .why-bar p{ color: var(--bone-2); font-size: 14px; line-height: 1.6; }
body.rrx .why-bar .btn{ margin-top: auto; }
body.rrx .why-bar > div:last-of-type{ margin-bottom: 28px; }
body.rrx .uses{ grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.rrx .use{ display: grid; grid-template-columns: 42% 1fr; background: var(--ink-2); border: 1px solid var(--line); transition: border-color 0.3s; }
body.rrx .use:hover{ border-color: var(--line-2); }
body.rrx .use-img{ aspect-ratio: 4 / 5; }
body.rrx .use-txt{ padding: 22px 22px; display: flex; flex-direction: column; }
body.rrx .use-txt h3{ font-size: 30px; margin-bottom: 8px; }
body.rrx .use-txt p{ font-size: 14px; margin-bottom: 14px; }
body.rrx .use-txt .link-u{ margin-top: auto; align-self: flex-start; }
body.rrx .masonry{ columns: 4; column-gap: 10px; }
body.rrx .masonry a{ display: block; margin-bottom: 10px; break-inside: avoid; overflow: hidden; position: relative; }
body.rrx .masonry img{ width: 100%; height: auto; display: block; transition: transform 1.1s var(--ease-out); }
body.rrx .masonry a:hover img{ transform: scale(1.04); }
body.rrx .masonry a::after{ content: "Shop the look"; position: absolute; left: 12px; bottom: 12px; background: var(--bone); color: var(--ink); font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; padding: 7px 10px; opacity: 0; transform: translateY(6px); transition: 0.35s var(--ease); }
body.rrx .masonry a:hover::after{ opacity: 1; transform: none; }
body.rrx .foot-word{ padding: 26px var(--gutter) 22px; opacity: 0.07; }
body.rrx .foot-cols{ padding-bottom: 40px; }
@media (max-width: 1100px){body.rrx .uses{ grid-template-columns: 1fr; }
body.rrx .use{ grid-template-columns: 180px 1fr; }
body.rrx .masonry{ columns: 3; }

}
@media (max-width: 860px){body.rrx .why{ grid-template-columns: 1fr; }
body.rrx .masonry{ columns: 2; column-gap: 8px; }
body.rrx .masonry a{ margin-bottom: 8px; }
body.rrx .use{ grid-template-columns: 130px 1fr; }
body.rrx .use-txt{ padding: 16px; }
body.rrx .use-txt h3{ font-size: 24px; }

}
body.rrx:not(head):not([data-page="home"]) h1{ font-size: clamp(32px, 3.4vw, 52px); line-height: 0.95; }
body.rrx:not(head):not([data-page="home"]) h2,body.rrx:not(head):not([data-page="home"]) .sec-head h2{ font-size: clamp(26px, 2.5vw, 38px); line-height: 0.95; }
body.rrx:not(head):not([data-page="home"]) h3{ font-size: clamp(18px, 1.5vw, 22px); }
body.rrx:not(head):not([data-page="home"]) .lede{ font-size: 15px; line-height: 1.65; max-width: 560px; }
body.rrx:not(head):not([data-page="home"]) .section{ padding-top: clamp(56px, 6vw, 96px); padding-bottom: clamp(56px, 6vw, 96px); }
body.rrx:not(head):not([data-page="home"]) .section.tight{ padding-top: clamp(40px, 4vw, 64px); padding-bottom: clamp(40px, 4vw, 64px); }
body.rrx:not(head):not([data-page="home"]) .sec-head{ margin-bottom: 28px; }
body.rrx:not(head):not([data-page="home"]) .sec-head .kicker{ margin-bottom: 10px; }
body.rrx:not(head):not([data-page="home"]) .page-head{ padding-top: calc(var(--bar-h) + var(--header-h) + 28px); padding-bottom: 28px; }
body.rrx:not(head):not([data-page="home"]) .page-head .kicker{ margin-bottom: 10px; }
body.rrx:not(head):not([data-page="home"]) .page-head .row{ align-items: flex-end; gap: 24px; }
body.rrx:not(head):not([data-page="home"]) .crumbs{ margin-bottom: 14px; }
body.rrx:not(head):not([data-page="home"]) .card-info h3{ font-size: 17px; }
body.rrx:not(head):not([data-page="home"]) .grid{ gap: 28px 10px; }
body.rrx:not(head):not([data-page="home"]) .site-footer .foot-join h2{ font-size: clamp(32px, 3.6vw, 56px); }
body.rrx:not(head):not([data-page="home"]) .foot-join{ padding-top: 64px; padding-bottom: 48px; }
body.rrx .kicker{ font-size: 11px; }
body.rrx .inner-hero{ position: relative; height: clamp(300px, 34vw, 460px); overflow: hidden; display: flex; align-items: flex-end; margin-top: calc(var(--bar-h) + var(--header-h)); }
body.rrx .inner-hero img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.rrx .inner-hero::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,0.85), rgba(10,10,10,0.15) 65%), linear-gradient(0deg, rgba(10,10,10,0.6), rgba(10,10,10,0) 50%); }
body.rrx .inner-hero .wrap{ position: relative; z-index: 2; padding-bottom: clamp(24px, 3vw, 44px); max-width: 760px; margin-left: 0; }
body.rrx .inner-hero h1{ margin: 10px 0 12px; }
body.rrx .inner-hero .lede{ color: var(--bone-2); }
body.rrx .facts{ display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
body.rrx .facts div{ padding: 18px 20px; display: flex; gap: 12px; align-items: flex-start; }
body.rrx .facts div + div{ border-left: 1px solid var(--line); }
body.rrx .facts svg{ width: 20px; height: 20px; flex: none; color: var(--red-hi); margin-top: 2px; }
body.rrx .facts b{ display: block; font-size: 14px; font-weight: 600; margin-bottom: 2px; }
body.rrx .facts span{ font-size: 13px; color: var(--mute); }
body.rrx .shop-layout{ display: grid; grid-template-columns: 240px 1fr; gap: 40px; padding-bottom: clamp(64px, 7vw, 120px); }
body.rrx .shop-side{ position: sticky; top: calc(var(--bar-h) + var(--header-h) + 20px); align-self: start; max-height: calc(100vh - var(--bar-h) - var(--header-h) - 40px); overflow-y: auto; scrollbar-width: thin; padding-right: 6px; transition: top 0.5s var(--ease); }
body.rrx:not(head).nav-hidden .shop-side{ top: 20px; }
body.rrx .side-group{ border-top: 1px solid var(--line); padding: 18px 0; }
body.rrx .side-group h4{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 12px; }
body.rrx .side-list{ display: grid; gap: 2px; }
body.rrx .side-list button{ display: flex; align-items: center; text-align: left; padding: 6px 0; font-size: 14px; color: var(--bone-2); transition: color 0.2s; }
body.rrx .side-list button:hover{ color: var(--bone); }
body.rrx .side-list button.on{ color: var(--bone); font-weight: 600; }
body.rrx .side-list button.on::before{ content: ""; width: 6px; height: 6px; background: var(--red); border-radius: 50%; margin-right: 8px; }
body.rrx .side-list button span{ margin-right: auto; }
body.rrx .side-list button small{ color: var(--mute); font-size: 12px; font-weight: 400; }
body.rrx .shop-side .chip{ height: 34px; min-width: 42px; font-size: 12px; }
body.rrx .shop-tools2{ display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 16px; min-height: 40px; }
body.rrx .shop-tools2 .count{ font-size: 13px; color: var(--mute); }
body.rrx .shop-tools2 .right{ display: flex; gap: 8px; align-items: center; }
body.rrx .shop-main .grid{ grid-template-columns: repeat(3, 1fr); }
body.rrx .shop-main .drop-break{ height: 220px !important; margin: 8px 0 !important; }
body.rrx .shop-main .drop-break h2{ font-size: clamp(24px, 2.4vw, 34px) !important; }
body.rrx .shop-main .drop-break .btn{ height: 44px; }
body.rrx .only-m{ display: none; }
body.rrx .active-filters{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
body.rrx .active-filters:empty{ display: none; }
body.rrx .active-filters button{ border: 1px solid var(--line-2); padding: 6px 10px; font-size: 12px; display: inline-flex; gap: 8px; align-items: center; }
body.rrx .active-filters button::after{ content: "\00d7"; font-size: 14px; color: var(--mute); }
body.rrx:not(head)[data-page="product"] .pdp{ grid-template-columns: 1.45fr 1fr; gap: clamp(24px, 3.5vw, 56px); padding-top: calc(var(--bar-h) + var(--header-h) + 20px); padding-bottom: 72px; }
body.rrx:not(head)[data-page="product"] .gallery .g:first-child{ grid-column: auto; aspect-ratio: 4/5; }
body.rrx:not(head)[data-page="product"] .buy h1{ font-size: clamp(28px, 2.4vw, 38px); }
body.rrx:not(head)[data-page="product"] .buy .price{ font-size: 20px; margin: 8px 0 16px; }
body.rrx:not(head)[data-page="product"] .buy .legend-line{ padding: 12px 0; margin-bottom: 18px; }
body.rrx:not(head)[data-page="product"] .buy .legend-line .jp{ font-size: 22px; }
body.rrx:not(head)[data-page="product"] .buy .legend-line p{ font-size: 13px; }
body.rrx .pdp-meta{ display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
body.rrx .pdp-meta a,body.rrx .pdp-meta span{ font-size: 12px; color: var(--bone-2); border: 1px solid var(--line); padding: 4px 9px; }
body.rrx .pdp-meta a:hover{ border-color: var(--bone-2); }
body.rrx .pdp-usps{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 4px 0 22px; }
body.rrx .pdp-usps div{ background: var(--ink-2); border: 1px solid var(--line); padding: 10px 12px; font-size: 12px; color: var(--bone-2); line-height: 1.4; }
body.rrx .pdp-usps b{ display: block; color: var(--bone); font-size: 13px; }
body.rrx:not(head)[data-page="product"] .size-row .size{ height: 44px; }
body.rrx:not(head)[data-page="legends"] .chapter{ padding-top: 56px; padding-bottom: 56px; }
body.rrx .lg-row{ display: grid; grid-template-columns: 320px 1fr; gap: clamp(24px, 4vw, 56px); align-items: start; }
body.rrx .lg-row .chapter-art{ aspect-ratio: 4/5; }
body.rrx .lg-row .chapter-art .big-k{ font-size: 40px; }
body.rrx .lg-copy .romaji{ font-size: 11px; }
body.rrx .lg-copy h2{ margin: 6px 0 10px; }
body.rrx .lg-copy .quote{ font-family: var(--df-display); font-stretch: 85%; font-weight: 700; font-size: 18px; text-transform: uppercase; margin-bottom: 10px; }
body.rrx .lg-copy p{ color: var(--bone-2); font-size: 14px; max-width: 620px; margin-bottom: 22px; }
body.rrx .lg-copy .grid{ grid-template-columns: repeat(4, 1fr); gap: 20px 10px; }
body.rrx .lg-copy .card-quick{ display: none; }
body.rrx:not(head)[data-page="gear"] .gear-hero{ min-height: 0; grid-template-columns: 1fr 1fr; margin-top: calc(var(--bar-h) + var(--header-h)); }
body.rrx:not(head)[data-page="gear"] .gear-hero .gh-copy{ padding: 56px var(--gutter); }
body.rrx:not(head)[data-page="gear"] .gear-hero .gh-copy h1{ font-size: clamp(36px, 4vw, 60px); margin: 16px 0 16px; }
body.rrx:not(head)[data-page="gear"] .gear-hero .gh-media{ min-height: 460px; }
body.rrx .feature-list{ list-style: none; display: grid; gap: 10px; margin: 18px 0 26px; }
body.rrx .feature-list li{ display: flex; gap: 10px; font-size: 14px; color: var(--bone-2); }
body.rrx .feature-list li::before{ content: ""; width: 6px; height: 6px; background: var(--red); border-radius: 50%; margin-top: 8px; flex: none; }
body.rrx:not(head)[data-page="gear"] .step{ min-height: 0; padding: 26px; }
body.rrx:not(head)[data-page="gear"] .step .n{ font-size: 48px; margin-bottom: 30px; }
body.rrx:not(head)[data-page="gear"] .step h3{ margin: 0 0 8px; }
body.rrx .spec-table{ width: 100%; border-collapse: collapse; font-size: 14px; }
body.rrx .spec-table th,body.rrx .spec-table td{ text-align: left; padding: 14px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
body.rrx .spec-table th{ width: 38%; font-weight: 600; color: var(--bone); }
body.rrx .spec-table td{ color: var(--bone-2); }
body.rrx .two-col{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: start; }
body.rrx .launch-band.compact{ padding: 48px 0; }
body.rrx:not(head)[data-page="story"] .pillar{ min-height: 0; padding: 26px; }
body.rrx:not(head)[data-page="story"] .pillar .jp{ font-size: 40px; margin-bottom: 26px; }
body.rrx:not(head)[data-page="story"] .pillar h3{ margin: 0 0 8px; }
body.rrx:not(head)[data-page="story"] .roadmap b{ font-size: 22px; }
body.rrx:not(head)[data-page="story"] .prose p{ font-size: 16px; }
body.rrx:not(head)[data-page="story"] .prose p:first-child::first-letter{ font-size: 3.6em; }
body.rrx .story-img{ aspect-ratio: 5/4; overflow: hidden; width: 100%; }
body.rrx .story-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx:not(head)[data-page="journal"] .feature-post{ grid-template-columns: 1.2fr 1fr; }
body.rrx:not(head)[data-page="journal"] .feature-post h2{ font-size: clamp(26px, 2.6vw, 40px); margin: 12px 0 12px; }
body.rrx:not(head)[data-page="journal"] .post h3,body.rrx:not(head)[data-page="article"] .post h3{ font-size: 20px; margin: 10px 0 6px; }
body.rrx:not(head)[data-page="journal"] .posts,body.rrx:not(head)[data-page="article"] .posts{ gap: 32px 16px; }
body.rrx:not(head)[data-page="article"] .article-head h1{ font-size: clamp(32px, 3.6vw, 54px); margin: 14px 0 14px; }
body.rrx:not(head)[data-page="article"] .article-img{ aspect-ratio: 16/7; margin: 32px 0; }
body.rrx:not(head)[data-page="article"] .article-body .prose p{ font-size: 17px; }
body.rrx .newsletter-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
body.rrx:not(head)[data-page="help"] .help-block h2{ font-size: clamp(26px, 2.4vw, 36px); margin-bottom: 18px; }
body.rrx:not(head)[data-page="help"] .help-block{ padding-bottom: 56px; }
body.rrx:not(head)[data-page="help"] .help-cards b{ font-size: 22px; }
body.rrx:not(head)[data-page="checkout"] .co-block h3,body.rrx:not(head)[data-page="checkout"] .co-side h3{ font-size: 22px !important; }
body.rrx:not(head)[data-page="checkout"] .sum-lines .grand b{ font-size: 28px; }
@media (min-width: 1300px){body.rrx .shop-main .grid{ grid-template-columns: repeat(4, 1fr); }
 }
@media (max-width: 1100px){body.rrx .lg-copy .grid{ grid-template-columns: repeat(3, 1fr); }
body.rrx .shop-layout{ grid-template-columns: 1fr; }
body.rrx .shop-side{ display: none; }
body.rrx .only-m{ display: inline-flex; }
body.rrx .facts{ grid-template-columns: 1fr 1fr; }
body.rrx .facts div:nth-child(3){ border-left: 0; }
body.rrx .facts div:nth-child(n+3){ border-top: 1px solid var(--line); }

}
@media (max-width: 860px){body.rrx .shop-main .grid{ grid-template-columns: repeat(2, 1fr); }
body.rrx .lg-row,body.rrx .two-col,body.rrx .newsletter-row{ grid-template-columns: 1fr; }
body.rrx .lg-row .chapter-art{ aspect-ratio: 16/10; }
body.rrx .lg-copy .grid{ grid-template-columns: repeat(2, 1fr); }
body.rrx:not(head)[data-page="gear"] .gear-hero{ grid-template-columns: 1fr; }
body.rrx:not(head)[data-page="gear"] .gear-hero .gh-media{ min-height: 300px; order: -1; }
body.rrx .pdp-usps{ grid-template-columns: 1fr; }
body.rrx:not(head)[data-page="product"] .pdp{ grid-template-columns: 1fr; gap: 24px; }
body.rrx .facts{ grid-template-columns: 1fr; }
body.rrx .facts div + div{ border-left: 0; border-top: 1px solid var(--line); }

}
body.rrx:not(head)[data-page="home"] .hero h1{ font-size: clamp(40px, min(5.4vw, 9.6vh), 92px); max-width: 17ch; margin-top: 16px; }
body.rrx:not(head)[data-page="home"] .hero .lede{ font-size: 16px; max-width: 460px; margin: 20px 0 30px; }
body.rrx:not(head)[data-page="home"] .sec-head h2{ font-size: clamp(32px, 3.6vw, 56px); margin-top: 10px; }
body.rrx:not(head)[data-page="home"] .sec-head{ margin-bottom: clamp(26px, 3vw, 40px); }
body.rrx:not(head)[data-page="home"] .section{ padding-top: clamp(64px, 7vw, 112px); padding-bottom: clamp(64px, 7vw, 112px); }
body.rrx:not(head)[data-page="home"] .section.tight{ padding-top: clamp(44px, 5vw, 72px); padding-bottom: clamp(44px, 5vw, 72px); }
body.rrx .sub{ color: var(--bone-2); font-size: 15px; line-height: 1.6; max-width: 520px; margin-top: 12px; }
body.rrx:not(head)[data-page="home"] .card-info h3{ font-size: 18px; }
body.rrx:not(head)[data-page="home"] .cat .cat-name b{ font-size: clamp(20px, 1.8vw, 28px); }
body.rrx:not(head)[data-page="home"] .why{ grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
body.rrx:not(head)[data-page="home"] .why-main h2{ font-size: clamp(32px, 3.6vw, 56px); margin: 10px 0 16px; }
body.rrx:not(head)[data-page="home"] .why-main .lede{ font-size: 15px; margin-bottom: 26px; }
body.rrx:not(head)[data-page="home"] .why-img{ aspect-ratio: 3 / 2; max-width: 460px; }
body.rrx .why-bar .usp{ display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: start; }
body.rrx .usp-ic{ width: 44px; height: 44px; border-radius: 50%; background: rgba(227, 22, 30, 0.12); border: 1px solid rgba(227, 22, 30, 0.35); display: grid; place-items: center; color: var(--red-hi); }
body.rrx .usp-ic svg{ width: 21px; height: 21px; }
body.rrx .why-bar .usp h3{ font-size: 18px; margin-bottom: 4px; }
body.rrx .why-bar .usp p{ font-size: 13.5px; }
body.rrx:not(head)[data-page="home"] .use-txt h3{ font-size: 24px; }
body.rrx .gear-teaser{ display: grid; grid-template-columns: 340px 1fr; gap: clamp(28px, 4vw, 64px); align-items: center; background: var(--ink-2); border: 1px solid var(--line); padding: 20px; }
body.rrx .gt-img{ aspect-ratio: 4 / 3; overflow: hidden; }
body.rrx .gt-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .gt-copy h2{ font-size: clamp(30px, 3.2vw, 48px); margin: 16px 0 6px; }
body.rrx .gt-copy .sub{ margin-bottom: 22px; }
body.rrx .gt-copy .inline-form{ max-width: 460px; }
body.rrx .feed{ display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; }
body.rrx .feed a{ position: relative; aspect-ratio: 1; overflow: hidden; display: block; background: var(--ink-3); }
body.rrx .feed img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s var(--ease-out), opacity 0.4s; }
body.rrx .feed a:hover img{ transform: scale(1.06); }
body.rrx .feed a::after{ content: ""; position: absolute; inset: 0; background: rgba(10, 10, 10, 0); transition: background 0.3s; }
body.rrx .feed a:hover::after{ background: rgba(10, 10, 10, 0.25); }
body.rrx:not(head)[data-page="home"] .hero h1{ font-size: clamp(48px, min(6.6vw, 11.5vh), 116px); max-width: 15ch; }
body.rrx:not(head)[data-page="home"] .hero .lede{ font-size: 17px; max-width: 500px; }
body.rrx .wrap.narrow{ max-width: 1180px; margin-left: auto; margin-right: auto; }
body.rrx .why-band{ background: var(--ink-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
body.rrx .why-band .why{ border: 0; }
body.rrx .why-band .why-bar{ background: var(--ink); }
body.rrx .collage-band{ background: #0d0f14; border-top: 1px solid var(--line); padding: clamp(56px, 6vw, 96px) 0 clamp(64px, 7vw, 110px); }
body.rrx .collage-head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: clamp(20px, 2vw, 32px); }
body.rrx .collage-head h2{ font-size: clamp(32px, 3.6vw, 56px); margin-top: 10px; }
body.rrx .collage{ position: relative; width: 100%; margin: 0 auto; aspect-ratio: 2000 / 1000; }
body.rrx .collage-band{ overflow: hidden; }
body.rrx .collage a{ position: absolute; display: block; overflow: hidden; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45); }
body.rrx .collage img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease-out); }
body.rrx .collage a:hover img{ transform: scale(1.05); }
body.rrx .collage .c1{ left: 13.8%; top: 4%; width: 19.4%; height: 26%; }
body.rrx .collage .c2{ left: 36.4%; top: 9%; width: 27%; height: 42%; }
body.rrx .collage .c3{ left: 66.6%; top: 0%; width: 19%; height: 37%; }
body.rrx .collage .c4{ left: 21.4%; top: 36%; width: 11.9%; height: 37%; }
body.rrx .collage .c5{ left: 36.4%; top: 57%; width: 12%; height: 37%; }
body.rrx .collage .c6{ left: 51.5%; top: 57%; width: 12%; height: 25%; }
body.rrx .collage .c7{ left: 66.6%; top: 43%; width: 19.4%; height: 37%; }
body.rrx .collage .c8{ left: -3%; top: 10%; width: 14%; height: 32%; }
body.rrx .collage .c9{ left: 1.5%; top: 49%; width: 16%; height: 30%; }
body.rrx .collage .c10{ left: 88.6%; top: 4%; width: 13%; height: 34%; }
body.rrx .collage .c11{ left: 89.2%; top: 46%; width: 14%; height: 28%; }
body.rrx .collage .c12{ left: 15%; top: 79%; width: 12%; height: 21%; }
body.rrx .collage .c13{ left: 51.5%; top: 85%; width: 12%; height: 15%; }
body.rrx .collage .c14{ left: 87.5%; top: 80%; width: 10.5%; height: 20%; }
@media (max-width: 1100px){body.rrx .feed{ grid-template-columns: repeat(6, 1fr); }

}
@media (max-width: 860px){body.rrx .collage-head{ flex-direction: column; align-items: flex-start; }
body.rrx .collage{ aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 var(--gutter); }
body.rrx .collage a{ position: static; width: auto !important; height: auto !important; aspect-ratio: 4 / 5; box-shadow: none; }

    }
@media (max-width: 860px){body.rrx:not(head)[data-page="home"] .why{ grid-template-columns: 1fr; }
body.rrx:not(head)[data-page="home"] .why-img{ max-width: none; }
body.rrx .gear-teaser{ grid-template-columns: 1fr; padding: 14px; }
body.rrx .feed{ grid-template-columns: repeat(5, 1fr); gap: 3px; }

}
body.rrx .mf{ position: relative; height: clamp(440px, 46vw, 680px); overflow: hidden; background: var(--ink-2); }
body.rrx .mf-slide{ position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.9s var(--ease), visibility 0s 0.9s; }
body.rrx .mf-slide.on{ opacity: 1; visibility: visible; transition: opacity 0.9s var(--ease); }
body.rrx .mf-slide img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 7s linear; }
body.rrx .mf-slide.on img{ transform: scale(1); }
body.rrx .mf-slide::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.1) 45%, rgba(10,10,10,0) 70%), linear-gradient(0deg, rgba(10,10,10,0.55) 0%, rgba(10,10,10,0) 40%); }
body.rrx .mf-copy{ position: absolute; left: clamp(20px, 3vw, 44px); bottom: clamp(56px, 6vw, 84px); z-index: 2; max-width: 520px; }
body.rrx .mf-copy h2{ font-size: clamp(40px, 5vw, 76px); color: #fff; }
body.rrx .mf-copy p{ color: rgba(255,255,255,0.88); font-size: 15px; margin: 12px 0 22px; max-width: 420px; }
body.rrx .mf-ctas{ display: flex; gap: 10px; flex-wrap: wrap; }
body.rrx .mf-ctas .btn{ height: 48px; padding: 0 24px; }
body.rrx .mf-ctas .btn:not(.ghost){ --bg: #fff; --fg: var(--ink); }
body.rrx .mf-ctas .btn.ghost{ --fg: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7); }
body.rrx .mf-copy > *{ opacity: 0; transform: translateY(16px); transition: opacity 0.7s var(--ease) 0.25s, transform 0.7s var(--ease) 0.25s; }
body.rrx .mf-slide.on .mf-copy > *{ opacity: 1; transform: none; }
body.rrx .mf-slide.on .mf-copy > :nth-child(2){ transition-delay: 0.35s; }
body.rrx .mf-slide.on .mf-copy > :nth-child(3){ transition-delay: 0.45s; }
body.rrx .mf-nav{ position: absolute; right: clamp(20px, 3vw, 44px); bottom: clamp(20px, 2.4vw, 32px); z-index: 3; display: flex; align-items: center; gap: 14px; }
body.rrx .mf-arrow{ width: 42px; height: 42px; border: 1px solid rgba(255,255,255,0.5); color: #fff; display: grid; place-items: center; transition: background 0.3s; }
body.rrx .mf-arrow:hover{ background: rgba(255,255,255,0.15); }
body.rrx .mf-arrow svg{ width: 16px; }
body.rrx .mf-dots{ display: flex; gap: 6px; }
body.rrx .mf-dots button{ width: 44px; height: 14px; display: grid; align-items: center; }
body.rrx .mf-dots i{ display: block; height: 2px; background: rgba(255,255,255,0.35); position: relative; overflow: hidden; }
body.rrx .mf-dots i::after{ content: ""; position: absolute; inset: 0; background: #fff; transform: scaleX(0); transform-origin: left; }
body.rrx .mf-dots button.on i::after{ animation: mfbar var(--mf-dur, 6s) linear forwards; }
body.rrx .mf.paused .mf-dots button.on i::after{ animation-play-state: paused; }
@keyframes mfbar{ to { transform: scaleX(1); } }
body.rrx .site-footer .foot-cta{ position: relative; display: block; height: clamp(360px, 36vw, 520px); overflow: hidden; margin: clamp(48px, 6vw, 88px) 0; }
body.rrx .foot-cta img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% 50%; transition: transform 1.6s var(--ease-out); }
body.rrx .foot-cta:hover img{ transform: scale(1.04); }
body.rrx .foot-cta::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.82) 32%, rgba(10,10,10,0.15) 58%, rgba(10,10,10,0) 75%); }
body.rrx .fc-copy{ position: absolute; left: clamp(22px, 4vw, 60px); top: 50%; transform: translateY(-50%); z-index: 2; max-width: 560px; display: flex; flex-direction: column; align-items: flex-start; }
body.rrx .fc-h{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; text-transform: uppercase; line-height: 0.9; font-size: clamp(44px, 5.4vw, 88px); margin: 14px 0 16px; }
body.rrx .fc-h em{ font-style: normal; color: var(--red-hi); }
body.rrx .fc-sub{ color: var(--bone-2); font-size: 15px; margin-bottom: 26px; }
body.rrx .fc-ctas{ display: flex; gap: 10px; flex-wrap: wrap; }
body.rrx .site-footer .foot-cols{ grid-template-columns: 1.3fr repeat(2, 0.8fr) 1.3fr 0.9fr; }
body.rrx .foot-news .inline-form input{ padding: 12px 0; font-size: 14px; }
body.rrx .pop{ position: fixed; inset: 0; z-index: 120; background: rgba(0,0,0,0.7); display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0s 0.4s; }
body.rrx .pop.open{ opacity: 1; visibility: visible; transition: opacity 0.4s; }
body.rrx .pop-box{ position: relative; width: min(860px, 100%); display: grid; grid-template-columns: 1fr 1.1fr; background: var(--ink-2); border: 1px solid var(--line); transform: translateY(24px) scale(0.98); transition: transform 0.6s var(--ease-out); }
body.rrx .pop.open .pop-box{ transform: none; }
body.rrx .pop-img{ min-height: 420px; }
body.rrx .pop-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .pop-copy{ padding: clamp(28px, 4vw, 48px); display: flex; flex-direction: column; justify-content: center; }
body.rrx .pop-copy h3{ font-size: clamp(28px, 2.8vw, 40px); margin: 10px 0 12px; }
body.rrx .pop-copy p{ color: var(--bone-2); font-size: 15px; margin-bottom: 22px; }
body.rrx .pop-copy p b{ color: var(--bone); }
body.rrx .pop-form{ display: grid; gap: 10px; }
body.rrx .pop-form input{ height: 52px; background: var(--ink); border: 1px solid var(--line-2); padding: 0 16px; outline: 0; }
body.rrx .pop-form input:focus{ border-color: var(--bone-2); }
body.rrx .pop-form.done .form-ok{ display: block; padding: 6px 0; }
body.rrx .pop-no{ margin-top: 14px; font-size: 13px; color: var(--mute); text-decoration: underline; text-underline-offset: 3px; align-self: flex-start; }
body.rrx .pop-x{ position: absolute; top: 12px; right: 12px; z-index: 2; background: var(--ink-2); }
@media (max-width: 1100px){body.rrx .site-footer .foot-cols{ grid-template-columns: 1fr 1fr; }

}
@media (max-width: 860px){body.rrx .mf{ height: 560px; }
body.rrx .mf-slide::after{ background: linear-gradient(0deg, rgba(10,10,10,0.85) 0%, rgba(10,10,10,0.1) 60%); }
body.rrx .mf-copy{ right: 20px; bottom: 76px; }
body.rrx .mf-slide img{ object-position: 70% 50%; }
body.rrx .mf-nav{ left: 20px; right: 20px; justify-content: space-between; }
body.rrx .pop-box{ grid-template-columns: 1fr; }
body.rrx .pop-img{ min-height: 0; aspect-ratio: 16 / 9; }
body.rrx .fc-copy{ left: 20px; right: 20px; }

}
body.rrx:not(head)[data-page="journal"] .feature-post{ grid-template-columns: 0.9fr 1fr; background: var(--ink-2); border: 1px solid var(--line); padding: 18px; gap: clamp(20px, 3vw, 44px); }
body.rrx:not(head)[data-page="journal"] .feature-post .fp-img{ aspect-ratio: 4 / 3; }
body.rrx .blog{ display: grid; grid-template-columns: 1fr 300px; gap: clamp(28px, 4vw, 56px); padding-top: 48px; padding-bottom: clamp(64px, 7vw, 110px); }
body.rrx .blog-bar{ display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
body.rrx .blog-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px 18px; }
body.rrx .bpost{ display: flex; flex-direction: column; border: 1px solid var(--line); background: var(--ink-2); transition: border-color 0.3s; }
body.rrx .bpost:hover{ border-color: var(--line-2); }
body.rrx .bp-img{ aspect-ratio: 16 / 10; overflow: hidden; }
body.rrx .bp-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease-out); }
body.rrx .bpost:hover .bp-img img{ transform: scale(1.05); }
body.rrx .bp-txt{ padding: 18px 18px 20px; display: flex; flex-direction: column; flex: 1; }
body.rrx .bp-txt h3{ font-size: 20px; margin: 10px 0 8px; line-height: 1; }
body.rrx .bp-txt p{ font-size: 14px; color: var(--bone-2); margin-bottom: 16px; }
body.rrx .bp-txt .link-u{ margin-top: auto; align-self: flex-start; font-size: 11px; }
body.rrx .blog-side{ display: grid; gap: 16px; align-content: start; position: sticky; top: calc(var(--bar-h) + var(--header-h) + 20px); }
body.rrx:not(head).nav-hidden .blog-side{ top: 20px; }
body.rrx .side-box{ border: 1px solid var(--line); background: var(--ink-2); padding: 18px; }
body.rrx .side-box h4{ font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 12px; }
body.rrx .side-products{ display: grid; gap: 10px; }
body.rrx .side-products a{ display: grid; grid-template-columns: 54px 1fr; gap: 12px; align-items: center; }
body.rrx .sp-img{ background: var(--tile); aspect-ratio: 1; display: block; }
body.rrx .sp-img img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 6%; }
body.rrx .side-products b{ display: block; font-size: 13px; }
body.rrx .side-products small{ font-size: 12px; color: var(--mute); }
body.rrx .side-products a:hover b{ color: var(--red-hi); }
body.rrx .side-cta img{ width: 100%; aspect-ratio: 16 / 10; object-fit: cover; margin-bottom: 14px; }
body.rrx .side-cta h3{ font-size: 22px; margin: 6px 0 6px; }
body.rrx .side-cta p{ font-size: 13px; color: var(--bone-2); margin-bottom: 8px; }
body.rrx .side-cta .inline-form input{ padding: 12px 0; font-size: 14px; }
body.rrx .post-page{ padding-top: calc(var(--bar-h) + var(--header-h) + 32px); }
body.rrx .post-head{ max-width: 760px; margin: 0 auto; padding: 0 var(--gutter); }
body.rrx .post-head h1{ margin: 14px 0 14px; font-size: clamp(32px, 3.6vw, 52px); }
body.rrx .post-head .post-meta span + span::before{ content: "·"; margin-right: 14px; color: var(--mute); }
body.rrx .byline{ display: flex; align-items: center; gap: 12px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.35; }
body.rrx .byline img{ width: 40px; height: 40px; border-radius: 50%; }
body.rrx .post-cover{ max-width: 960px; margin: 32px auto; padding: 0 var(--gutter); }
body.rrx .post-cover img{ width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
body.rrx .post-body{ max-width: 680px; margin: 0 auto; padding: 0 var(--gutter); }
body.rrx .post-body p{ font-size: 17px; line-height: 1.75; color: var(--bone-2); margin-bottom: 1.1em; }
body.rrx .post-body p:first-child::first-letter{ font-size: inherit; float: none; margin: 0; color: inherit; font-family: inherit; }
body.rrx .post-body h2{ font-size: clamp(24px, 2.2vw, 30px) !important; margin: 38px 0 12px; }
body.rrx .post-body figure{ margin: 28px 0; }
body.rrx .post-body figure img{ width: 100%; max-height: 520px; object-fit: cover; }
body.rrx .post-body figcaption{ font-size: 13px; color: var(--mute); margin-top: 8px; }
body.rrx .pull{ border-left: 3px solid var(--red); padding: 6px 0 6px 20px; margin: 28px 0; font-family: var(--df-display); font-stretch: 85%; font-weight: 700; font-size: 24px; text-transform: uppercase; line-height: 1.05; color: var(--bone); }
body.rrx .inline-prod{ display: grid; grid-template-columns: 96px 1fr auto; gap: 18px; align-items: center; border: 1px solid var(--line); background: var(--ink-2); padding: 12px; margin: 24px 0; transition: border-color 0.3s; }
body.rrx .inline-prod:hover{ border-color: var(--line-2); }
body.rrx .ip-img{ background: var(--tile); aspect-ratio: 1; display: block; }
body.rrx .ip-img img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 6%; }
body.rrx .ip-txt small{ display: block; font-size: 12px; color: var(--mute); }
body.rrx .ip-txt b{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 22px; text-transform: uppercase; line-height: 1; margin: 4px 0; }
body.rrx .inline-prod .btn{ height: 42px; padding: 0 18px; font-size: 11px; }
body.rrx .post-foot{ max-width: 680px; margin: 34px auto 72px; padding: 18px var(--gutter) 0; display: flex; gap: 18px; align-items: center; border-top: 1px solid var(--line); font-size: 13px; }
body.rrx .post-foot a,body.rrx .post-foot button{ color: var(--bone-2); text-decoration: underline; text-underline-offset: 3px; }
body.rrx .uses-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
body.rrx .uses-grid figure{ position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
body.rrx .uses-grid img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease-out); }
body.rrx .uses-grid figure:hover img{ transform: scale(1.05); }
body.rrx .uses-grid figcaption{ position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 16px 16px; background: linear-gradient(0deg, rgba(10,10,10,0.9), rgba(10,10,10,0)); font-size: 13px; color: var(--bone-2); }
body.rrx .uses-grid figcaption b{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 24px; text-transform: uppercase; color: #fff; }
body.rrx .gear-why{ display: grid; grid-template-columns: 0.8fr 1fr; gap: clamp(28px, 4vw, 64px); align-items: center; }
body.rrx .gw-img{ aspect-ratio: 4 / 3; overflow: hidden; }
body.rrx .gw-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .letter{ display: grid; grid-template-columns: 280px 1fr; gap: clamp(28px, 4vw, 64px); align-items: start; }
body.rrx .founder-card{ border: 1px solid var(--line); background: var(--ink-2); padding: 18px; display: grid; gap: 4px; position: sticky; top: calc(var(--bar-h) + var(--header-h) + 20px); }
body.rrx .fc-photo{ position: relative; aspect-ratio: 4 / 5; background: var(--ink); display: grid; place-items: center; margin-bottom: 12px; overflow: hidden; }
body.rrx .fc-photo img{ width: 80%; }
body.rrx .fc-photo span{ position: absolute; left: 10px; bottom: 10px; font-size: 11px; color: var(--mute); }
body.rrx .founder-card b{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 26px; text-transform: uppercase; }
body.rrx .founder-card .socials{ margin-top: 10px; }
body.rrx .signature{ font-family: var(--df-display); font-stretch: 62%; font-weight: 800; font-style: italic; font-size: 44px; color: var(--red-hi); text-transform: uppercase; margin-top: 10px; }
body.rrx .qa{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.rrx .qa div{ border: 1px solid var(--line); background: var(--ink-2); padding: 24px; }
body.rrx .qa h3{ font-size: 20px !important; margin-bottom: 10px; }
body.rrx .qa p{ color: var(--bone-2); font-size: 15px; line-height: 1.65; }
body.rrx .ig{ border: 1px solid var(--line); background: var(--ink-2); padding: clamp(18px, 2.4vw, 32px); }
body.rrx .ig-head{ display: grid; grid-template-columns: 88px 1fr auto; gap: 22px; align-items: center; margin-bottom: 22px; }
body.rrx .ig-avatar{ width: 88px; height: 88px; border-radius: 50%; padding: 3px; background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af); }
body.rrx .ig-avatar img{ width: 100%; height: 100%; border-radius: 50%; border: 3px solid var(--ink-2); }
body.rrx .ig-id b{ font-size: 18px; }
body.rrx .ig-id span{ display: block; font-size: 13px; color: var(--mute); }
body.rrx .ig-id p{ font-size: 14px; color: var(--bone-2); margin-top: 6px; max-width: 520px; }
body.rrx .ig-actions{ display: flex; gap: 8px; }
body.rrx .ig-actions .btn{ height: 44px; padding: 0 18px; font-size: 11px; }
body.rrx .ig-grid{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
body.rrx .ig-grid a{ aspect-ratio: 1; overflow: hidden; }
body.rrx .ig-grid img{ width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s; }
body.rrx .ig-grid a:hover img{ opacity: 0.8; }
@media (max-width: 1100px){body.rrx .blog{ grid-template-columns: 1fr; }
body.rrx .blog-side{ position: static; grid-template-columns: 1fr 1fr; }
body.rrx .uses-grid{ grid-template-columns: 1fr 1fr; }

}
@media (max-width: 860px){body.rrx .blog-list,body.rrx .qa,body.rrx .letter,body.rrx .gear-why{ grid-template-columns: 1fr; }
body.rrx .blog-side{ grid-template-columns: 1fr; }
body.rrx:not(head)[data-page="journal"] .feature-post{ grid-template-columns: 1fr; }
body.rrx .founder-card{ position: static; }
body.rrx .ig-head{ grid-template-columns: 64px 1fr; }
body.rrx .ig-avatar{ width: 64px; height: 64px; }
body.rrx .ig-actions{ grid-column: 1 / -1; }
body.rrx .ig-grid{ grid-template-columns: repeat(3, 1fr); }
body.rrx .inline-prod{ grid-template-columns: 72px 1fr; }
body.rrx .inline-prod .btn{ grid-column: 1 / -1; }

}
body.rrx .fc-photo.real img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .ig-avatar img{ object-fit: cover; }
body.rrx .ig-grid{ grid-template-columns: repeat(8, 1fr); }
body.rrx .ig-grid a{ position: relative; aspect-ratio: 4 / 5; }
body.rrx .ig-grid a.reel::after{ content: ""; position: absolute; top: 8px; right: 8px; width: 0; height: 0; border-left: 9px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; filter: drop-shadow(0 1px 2px rgba(0,0,0,.6)); }
body.rrx .then-now{ display: grid; grid-template-columns: 220px 220px 1fr; gap: 12px; align-items: center; }
body.rrx .then-now figure{ position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
body.rrx .then-now figure img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .then-now figcaption{ position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 12px 12px; background: linear-gradient(0deg, rgba(10,10,10,.9), rgba(10,10,10,0)); font-size: 12px; color: var(--bone-2); }
body.rrx .then-now figcaption b{ display: block; font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 26px; color: #fff; }
body.rrx .tn-copy{ padding-left: clamp(12px, 3vw, 40px); }
@media (max-width: 860px){body.rrx .ig-grid{ grid-template-columns: repeat(4, 1fr); }
body.rrx .then-now{ grid-template-columns: 1fr 1fr; }
body.rrx .tn-copy{ grid-column: 1 / -1; padding-left: 0; }

}
body.rrx .gear-banner{ position: relative; height: clamp(420px, 44vw, 600px); margin-top: calc(var(--bar-h) + var(--header-h)); overflow: hidden; display: flex; align-items: flex-end; }
body.rrx .gear-banner > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
body.rrx .gear-banner::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,0.88) 0%, rgba(10,10,10,0.45) 45%, rgba(10,10,10,0.05) 75%); }
body.rrx .gb-copy{ position: relative; z-index: 2; padding-bottom: clamp(32px, 4vw, 60px); width: 100%; }
body.rrx .gb-copy h1{ font-size: clamp(72px, 10vw, 160px) !important; line-height: 0.85; margin-bottom: 14px; }
body.rrx .gb-copy .lede{ max-width: 520px; margin-bottom: 20px; }
body.rrx .gear-split{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 80px); align-items: center; }
body.rrx .gear-split.rev .gs-img{ order: 2; }
body.rrx .gs-img{ aspect-ratio: 4 / 5; overflow: hidden; }
body.rrx .gs-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .gs-copy h2{ margin: 8px 0 14px; font-size: clamp(30px, 3.2vw, 48px) !important; }
body.rrx .gs-copy .btn{ margin-top: 6px; }
body.rrx .gear-cta{ position: relative; overflow: hidden; padding: clamp(64px, 8vw, 120px) 0; margin-top: clamp(32px, 4vw, 56px); }
body.rrx .gear-cta > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.rrx .gear-cta::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,0.92), rgba(10,10,10,0.7) 55%, rgba(227,22,30,0.55)); }
body.rrx .gc-inner{ position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
body.rrx .gc-inner h2{ margin: 8px 0 12px; font-size: clamp(32px, 3.6vw, 56px) !important; }
body.rrx .gc-form{ display: grid; grid-template-columns: 1fr auto; gap: 8px; }
body.rrx .gc-form input{ height: 56px; background: rgba(10,10,10,0.7); border: 1px solid var(--line-2); padding: 0 18px; outline: 0; font-size: 15px; }
body.rrx .gc-form input:focus{ border-color: var(--bone); }
body.rrx .gc-form .btn{ height: 56px; }
body.rrx .gc-form.done .form-ok{ grid-column: 1 / -1; }
body.rrx:not(head)[data-page="legends"] .inner-hero{ height: clamp(220px, 22vw, 320px); margin-left: var(--gutter); margin-right: var(--gutter); }
body.rrx:not(head)[data-page="legends"] .inner-hero h1{ font-size: clamp(30px, 3vw, 44px) !important; }
body.rrx .lg-row .chapter-art{ background: #121212; }
body.rrx .lg-row .chapter-art img{ inset: 0 !important; height: 100% !important; }
@media (max-width: 860px){body.rrx .gear-split,body.rrx .gc-inner{ grid-template-columns: 1fr; }
body.rrx .gear-split.rev .gs-img{ order: 0; }
body.rrx .gc-form{ grid-template-columns: 1fr; }

}
body.rrx .foot-cta-wrap{ margin: 0; }
body.rrx .site-footer .foot-cta{ margin: 0; height: clamp(420px, 42vw, 640px); }
body.rrx .site-footer{ border-top: 0; }
body.rrx .fc-copy{ left: max(var(--gutter), calc((100vw - 1344px) / 2)); }
body.rrx .inner-hero.centered{ justify-content: center; text-align: center; }
body.rrx .inner-hero.centered::after{ background: radial-gradient(ellipse at center, rgba(10,10,10,0.72) 0%, rgba(10,10,10,0.45) 60%, rgba(10,10,10,0.25) 100%); }
body.rrx .inner-hero.centered .wrap{ max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
body.rrx .inner-hero.centered .lede{ margin: 0 auto; }
body.rrx .letter-wrap{ max-width: 1320px; margin-left: auto; margin-right: auto; }
body.rrx .letter-wrap .letter{ grid-template-columns: minmax(320px, 420px) 1fr; gap: clamp(32px, 5vw, 88px); align-items: center; }
body.rrx .letter-wrap .founder-card{ position: static; padding: 0; background: none; border: 0; }
body.rrx .letter-wrap .fc-photo{ aspect-ratio: 4 / 5; margin-bottom: 18px; }
body.rrx .letter-wrap .fc-photo img{ object-position: 50% 30%; }
body.rrx .letter-wrap .founder-card b{ font-size: 34px; }
body.rrx .letter-wrap .prose p{ font-size: 18px; line-height: 1.75; }
body.rrx .letter-wrap .signature{ font-size: 56px; }
@media (max-width: 860px){body.rrx .letter-wrap .letter{ grid-template-columns: 1fr; }
 }
body.rrx .cat-carousel{ overflow: hidden; }
body.rrx .cat-carousel .cc-track{ display: flex !important; gap: 10px; will-change: transform; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
body.rrx .cat-carousel .cat{ flex: 0 0 calc((100% - 30px) / 4) !important; aspect-ratio: 3 / 4 !important; grid-column: auto !important; }
@media (max-width: 1100px){body.rrx .cat-carousel .cat{ flex-basis: calc((100% - 20px) / 3) !important; }
 }
@media (max-width: 860px){body.rrx .cat-carousel .cat{ flex-basis: calc((100% - 10px) / 1.6) !important; }
 }
body.rrx .inner-hero.centered{ align-items: center; }
body.rrx .inner-hero.centered .wrap{ padding-bottom: 0; }
body.rrx .mission{ display: grid; grid-template-columns: 1fr minmax(320px, 460px); gap: clamp(32px, 5vw, 88px); align-items: center; }
body.rrx .mission-copy h2{ font-size: clamp(32px, 3.4vw, 52px) !important; margin: 10px 0 16px; }
body.rrx .mission-copy .lede{ font-size: 17px !important; max-width: 560px; }
body.rrx .mission-points{ list-style: none; margin: 26px 0 30px; border-top: 1px solid var(--line); }
body.rrx .mission-points li{ display: grid; grid-template-columns: 140px 1fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
body.rrx .mission-points b{ font-family: var(--df-display); font-stretch: 72%; font-weight: 800; font-size: 22px; text-transform: uppercase; }
body.rrx .mission-points span{ color: var(--bone-2); font-size: 15px; }
body.rrx .mission-img{ aspect-ratio: 4 / 5; overflow: hidden; }
body.rrx .mission-img img{ width: 100%; height: 100%; object-fit: cover; }
body.rrx .qa-band{ background: var(--red); color: #fff; padding: clamp(64px, 7vw, 110px) 0; }
body.rrx .qa-inner{ display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(32px, 5vw, 88px); align-items: start; }
body.rrx .qa-head .kicker{ color: rgba(255,255,255,0.8); }
body.rrx .qa-head h2{ font-size: clamp(40px, 4.6vw, 72px) !important; color: #fff; margin: 10px 0 12px; }
body.rrx .qa-head p{ color: rgba(255,255,255,0.85); font-size: 15px; }
body.rrx .qa-acc{ border-top: 1px solid rgba(255,255,255,0.35); }
body.rrx .qa-acc .acc-item{ border-bottom: 1px solid rgba(255,255,255,0.35); }
body.rrx .qa-acc .acc-item > button{ font-size: 15px; letter-spacing: 0.12em; padding: 24px 0; color: #fff; }
body.rrx .qa-acc .acc-body p{ color: #fff; font-size: 18px; line-height: 1.6; }
body.rrx .qa-acc .acc-body > div > :last-child{ padding-bottom: 26px; }
@media (max-width: 860px){body.rrx .mission,body.rrx .qa-inner{ grid-template-columns: 1fr; }
body.rrx .mission-points li{ grid-template-columns: 1fr; gap: 4px; }

}
body.rrx .ig-grid{ grid-template-columns: repeat(7, 1fr); }
@media (max-width: 860px){body.rrx .ig-grid{ grid-template-columns: repeat(4, 1fr); }
 }
body.rrx .journal-hero{ height: clamp(320px, 32vw, 460px); }
body.rrx .journal-hero h1{ font-size: clamp(44px, 5vw, 80px) !important; margin: 10px 0 12px; }
body.rrx .blog-list{ grid-template-columns: repeat(3, 1fr) !important; gap: 22px 14px; }
body.rrx .bp-txt h3{ font-size: 18px; }
body.rrx .bp-txt p{ font-size: 13px; }
body.rrx:not(head)[data-page="journal"] .feature-post{ grid-template-columns: 1.1fr 1fr; }
body.rrx .fp-img{ position: relative; }
body.rrx .fp-badge{ position: absolute; top: 14px; left: 14px; z-index: 2; background: var(--red); color: #fff; font-family: var(--df-display); font-stretch: 100%; font-weight: 700; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; padding: 7px 10px; }
body.rrx .fp-strip{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; margin-top: 18px; }
body.rrx .fp-prod{ display: block; }
body.rrx .fp-prod img{ width: 100%; aspect-ratio: 1; object-fit: contain; background: var(--tile); mix-blend-mode: normal; padding: 6%; }
body.rrx .fp-prod b{ display: block; font-size: 10px; line-height: 1.2; margin-top: 5px; color: var(--bone-2); font-weight: 600; }
@media (max-width: 1100px){body.rrx .blog-list{ grid-template-columns: repeat(2, 1fr) !important; }
 }
@media (max-width: 860px){body.rrx .blog-list{ grid-template-columns: 1fr !important; }
body.rrx .fp-strip{ grid-template-columns: repeat(3, 1fr); }
 }
body.rrx .blog-main{ min-width: 0; }
body.rrx .blog-bar .tabs{ flex-wrap: wrap; overflow: visible; row-gap: 6px; }
body.rrx .bp-txt .post-meta{ flex-wrap: wrap; gap: 4px 12px; font-size: 10px; }
body.rrx .bp-txt .post-meta span{ white-space: nowrap; }
body.rrx:not(head)[data-footer="none"] .site-footer{ display: none; }
body.rrx:not(head) .announce,body.rrx:not(head) .site-header{ margin: 0; }
html{ scroll-behavior: auto; }
body.rrx:not(head).woocommerce-checkout .site-footer{ display: none; }
body.rrx:not(head).woocommerce-checkout .wp-block-woocommerce-checkout{ max-width: 1240px; margin: calc(var(--bar-h) + var(--header-h) + 40px) auto 96px; padding: 0 var(--gutter); color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wp-block-woocommerce-checkout::before{ content: "Checkout"; display: block; font-family: var(--df-display); font-weight: 800; font-stretch: 72%; text-transform: uppercase; font-size: clamp(36px, 4vw, 56px); line-height: 1; margin-bottom: 32px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-title,body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-step__title{ font-family: var(--df-display); font-weight: 800; font-stretch: 72%; text-transform: uppercase; font-size: 22px; letter-spacing: 0.01em; color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-step__description,body.rrx:not(head).woocommerce-checkout .wc-block-checkout__guest-checkout-notice,body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-step__container p{ color: var(--mute); font-size: 14px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-text-input input,body.rrx:not(head).woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select,body.rrx:not(head).woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,body.rrx:not(head).woocommerce-checkout .wc-block-components-textarea,body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-coupon input{ background: var(--ink-2) !important; color: var(--bone) !important; border: 1px solid var(--line-2) !important; border-radius: 0 !important; box-shadow: none !important; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-text-input input:focus,body.rrx:not(head).woocommerce-checkout .wc-blocks-components-select__select:focus{ border-color: var(--bone) !important; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-text-input label,body.rrx:not(head).woocommerce-checkout .wc-blocks-components-select__label,body.rrx:not(head).woocommerce-checkout .wc-block-components-combobox label{ color: var(--mute) !important; }
body.rrx:not(head).woocommerce-checkout .wc-blocks-components-select__expand{ fill: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkbox__input{ background: var(--ink-2); border-color: var(--line-2); border-radius: 0; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-place-order-button,body.rrx:not(head).woocommerce-checkout .wc-block-components-button:not(.is-link){ background: var(--red) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; min-height: 58px; font-family: var(--df-display); font-weight: 700; font-stretch: 100%; text-transform: uppercase; letter-spacing: 0.14em; font-size: 13px; transition: background 0.3s; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{ background: var(--red-hi) !important; }
body.rrx:not(head).woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{ background: var(--ink-2); border: 1px solid var(--line); padding: 8px 20px 4px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata__description{ display: none; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-product-name{ font-family: var(--df-display); font-weight: 800; font-stretch: 72%; text-transform: uppercase; font-size: 18px; color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-product-details,body.rrx:not(head).woocommerce-checkout .wc-block-components-order-summary-item__individual-price{ color: var(--mute); font-size: 12px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-order-summary-item__image img{ background: var(--tile); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-order-summary-item__quantity{ background: var(--red); color: #fff; border: 0; box-shadow: none; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-item,body.rrx:not(head).woocommerce-checkout .wc-block-components-panel__button{ color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-wrapper,body.rrx:not(head).woocommerce-checkout .wc-block-components-order-summary{ border-color: var(--line) !important; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-family: var(--df-display); font-weight: 800; font-stretch: 72%; font-size: 26px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__option,body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control-accordion-option{ border-color: var(--line-2) !important; color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__input{ background: var(--ink-2); border-color: var(--line-2); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__input:checked::before{ background: var(--red); }
body.rrx:not(head).woocommerce-checkout .wc-block-checkout__terms,body.rrx:not(head).woocommerce-checkout .wc-block-checkout__terms a{ color: var(--mute); font-size: 12px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-return-to-cart-button{ color: var(--bone); }
body.rrx:not(head) .dfx-sync{ position: fixed; inset: 0; z-index: 9999; background: rgba(10,10,10,0.92); display: grid; place-items: center; color: var(--bone); font-family: var(--df-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; font-size: 13px; }
body.rrx:not(head) .dfx-sync div{ display: grid; justify-items: center; gap: 18px; }
body.rrx:not(head) .dfx-sync i{ width: 38px; height: 38px; border: 2px solid var(--line-2); border-top-color: var(--red); border-radius: 50%; animation: dfxspin 0.8s linear infinite; }
@keyframes dfxspin{ to { transform: rotate(360deg); } }
body.rrx:not(head).woocommerce-order-received .woocommerce-order{ max-width: 900px; margin: calc(var(--bar-h) + var(--header-h) + 40px) auto 96px; padding: 0 var(--gutter); color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-step{ margin: 0 0 40px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkout-step__heading{ margin: 0 0 14px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-address-form,body.rrx:not(head).woocommerce-checkout .wc-block-components-address-form__inner{ gap: 12px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-text-input,body.rrx:not(head).woocommerce-checkout .wc-blocks-components-select,body.rrx:not(head).woocommerce-checkout .wc-block-components-combobox{ margin-top: 12px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-checkbox{ margin-top: 14px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__option{ position: relative; display: block; padding: 18px 18px 18px 52px; border: 1px solid var(--line-2); margin: -1px 0 0; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__input{ position: absolute; left: 18px; top: 50%; transform: translateY(-50%); margin: 0; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__option-layout{ display: flex; justify-content: space-between; gap: 16px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-radio-control__option-checked{ border-color: var(--bone); z-index: 1; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-item{ padding: 8px 0; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-totals-wrapper{ padding: 14px 0; border-top: 1px solid var(--line); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-panel__button{ padding: 12px 0; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-order-summary-item{ padding: 14px 0; }
body.rrx:not(head).woocommerce-checkout .wc-block-checkout__terms{ margin: 28px 0 16px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-notice-banner{ margin: 0 0 16px; }
body.rrx:not(head).woocommerce-checkout .wc-block-checkout__add-note{ margin: 18px 0 0; }
body.rrx:not(head) .pdp .gallery.gallery.e-con:not(:has(.g))::before{ content: ""; display: block; position: static; inset: auto; width: auto; height: auto; opacity: 1; mix-blend-mode: normal; background: var(--tile); aspect-ratio: 4 / 5; }
body.rrx:not(head).dfx-1c .buy .e-con:has(> .colour-row){ display: none; }
body.rrx:not(head).dfx-nolegend .buy .legend-line{ display: none; }
body.rrx:not(head).dfx-pdp .buy .legend-line:not(:has(*)){ min-height: 48px; }
body.rrx:not(head).dfx-pdp .buy .pdp-meta:not(:has(*)){ min-height: 29.2px; }
body.rrx:not(head).page-id-54 .grid:not(:has(*)){ min-height: 150vh; }
@media (max-width: 860px){body.rrx:not(head) .pdp .gallery.gallery.e-con:not(:has(.g))::before{ flex: 0 0 86%; }
body.rrx:not(head).dfx-pdp .buy .legend-line:not(:has(*)){ min-height: 67.6px; }

}
body.rrx:not(head) .foot-word{ height: auto; object-fit: contain; }
body.rrx:not(head) .site-header .icon-btn{ position: relative; }
body.rrx:not(head) .site-header .icon-btn::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
body.rrx:not(head) .mf-dots button{ position: relative; }
body.rrx:not(head) .mf-dots button::before{ content: ""; position: absolute; left: -3px; right: -3px; top: 50%; height: 44px; transform: translateY(-50%); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-express-payment--checkout{ margin-top: 32px; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-express-payment__title-container{ align-items: center; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-express-payment__title{ font-family: var(--df-display); font-weight: 700; font-stretch: 100%; font-size: 12px; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase; padding: 0 12px; color: var(--bone); }
body.rrx:not(head).woocommerce-checkout .wc-block-components-express-payment-continue-rule{ margin: 22px 0 36px; gap: 12px; align-items: center; color: var(--mute); font-size: 12px; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; }
body.rrx:not(head).woocommerce-checkout .wc-block-components-express-payment-continue-rule::before,body.rrx:not(head).woocommerce-checkout .wc-block-components-express-payment-continue-rule::after{ flex: 1; margin: 0; }
body.rrx:not(head).dfx-legal #content.site-main,body.rrx:not(head).dfx-legal .page-content{ display: block; }
body.rrx:not(head).dfx-legal .site-main{ max-width: 820px; margin: calc(var(--bar-h) + var(--header-h) + 56px) auto 110px; padding: 0 var(--gutter); color: var(--bone-2); }
body.rrx:not(head).dfx-legal .page-header .entry-title{ font-family: var(--df-display); font-weight: 800; font-stretch: 72%; text-transform: uppercase; font-size: clamp(40px, 6vw, 72px); line-height: 0.95; color: var(--bone); margin: 0 0 14px; }
body.rrx:not(head).dfx-legal .page-content h2{ font-family: var(--df-display); font-weight: 800; font-stretch: 72%; text-transform: uppercase; font-size: 24px; line-height: 1.1; color: var(--bone); margin: 44px 0 12px; }
body.rrx:not(head).dfx-legal .page-content p,body.rrx:not(head).dfx-legal .page-content li{ font-size: 15px; line-height: 1.7; color: var(--bone-2); }
body.rrx:not(head).dfx-legal .page-content p{ margin: 0 0 14px; }
body.rrx:not(head).dfx-legal .page-content ul{ margin: 0 0 16px; padding-left: 20px; list-style: disc; }
body.rrx:not(head).dfx-legal .page-content li{ margin: 0 0 6px; }
body.rrx:not(head).dfx-legal .page-content a{ color: var(--bone); text-decoration: underline; text-underline-offset: 3px; }
body.rrx:not(head).dfx-legal .page-content .dfx-legal-updated{ color: var(--mute); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 30px; }
body.rrx:not(head).woocommerce-checkout .wc-block-checkout__terms a{ text-decoration: underline; text-underline-offset: 3px; color: var(--bone-2); }