/* Rip Rooms: the lobby (/rip), the Rip Rooms row on the packs page and the
   "rip it live" link on a pack page (docs/RIP_ROOMS.md). Every class starts
   with rrl- so nothing here reaches the rest of the site. Clocks and the live
   refresh: riprooms-lobby.js. Tokens: bridge.css (--g-*, rarity colours). */

.rrl,.rrl-shelf,.rrl-plink{
  --rrl-gold:#FFC629;--rrl-panel:#0F0E0C;--rrl-panel2:#141310;--rrl-line:#2a2721;
  --rrl-body:#cfcabb;--rrl-mut:#8d8778;--rrl-red:#FF4D4D;
  --rrl-cta:linear-gradient(180deg,#FFE27A,#F6B81F);
  --rrl-headline:linear-gradient(180deg,#FFF6CF 0%,#FFD84D 44%,#F0A81A 76%,#FFE98B 100%);
}
.rrl{position:relative;max-width:1180px;margin:0 auto;color:#fff;font-family:var(--g-sans)}
.rrl *,.rrl-shelf *,.rrl-plink *{box-sizing:border-box}

/* ---------- shared bits ---------- */

/* LIVE / OPENS SAT 21:00 / CLOSED */
.rrl-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 10px;border-radius:99px;
  background:rgba(10,10,10,.8);border:1px solid rgba(255,255,255,.14);
  font:700 .78rem/1 var(--g-cond);letter-spacing:1.8px;text-transform:uppercase;color:#fff;white-space:nowrap}
.rrl-pill.is-live{border-color:rgba(255,77,77,.6);background:rgba(44,8,8,.82)}
.rrl-pill.is-upcoming{border-color:rgba(255,198,41,.55);background:rgba(15,12,4,.82);color:var(--rrl-gold)}
.rrl-pill.is-closed{color:var(--rrl-mut)}
.rrl-pill-sm{padding:4px 8px 4px 7px;gap:6px;font-size:.68rem;letter-spacing:1.4px}

/* the pulsing red dot */
.rrl-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rrl-red);flex:none;
  box-shadow:0 0 8px rgba(255,77,77,.8)}
.rrl-dot::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--rrl-red);
  animation:rrl-ping 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes rrl-ping{0%{transform:scale(1);opacity:.75}80%,100%{transform:scale(2.7);opacity:0}}

/* a label and its value, e.g. "Next rip in" + "1:12" */
[data-rr-k]:empty{display:none}
[data-rr-k]:not(:empty){margin-right:.35em}

/* "14 rippers · Next rip in 1:12": empty parts vanish, separators only between filled ones */
.rrl-meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:3px;min-width:0;
  font:700 .76rem/1.2 var(--g-cond);letter-spacing:1.2px;text-transform:uppercase;color:var(--rrl-body)}
.rrl-meta>:empty{display:none}
.rrl-meta>:not(:empty)~:not(:empty)::before{content:'\00B7';margin:0 7px;color:var(--rrl-mut)}
.rrl-meta [data-rr-v]{color:var(--rrl-gold);font-variant-numeric:tabular-nums}
.rrl-meta .is-done [data-rr-v]{color:#fff}

.rrl-staff{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;border:1px dashed rgba(255,198,41,.55);
  font:700 .66rem/1 var(--g-cond);letter-spacing:1.4px;text-transform:uppercase;color:var(--rrl-gold);white-space:nowrap}

/* ---------- lobby: staff ribbon ---------- */

.rrl-test{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px;padding:9px 14px;
  border:1px dashed rgba(255,198,41,.55);border-radius:10px;background:rgba(255,198,41,.07);
  font:700 .82rem/1.3 var(--g-cond);letter-spacing:1.6px;text-transform:uppercase;color:var(--rrl-gold);text-align:center}

/* ---------- lobby: hero ---------- */

.rrl-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 0 26px;padding:58px 32px 50px;border-radius:22px;
  border:1px solid var(--rrl-line);text-align:center;
  background:
    radial-gradient(640px 300px at 50% -6%,rgba(255,198,41,.24),rgba(255,198,41,0) 70%),
    radial-gradient(900px 360px at 50% 128%,rgba(240,168,26,.13),rgba(0,0,0,0) 70%),
    #0b0a08}
/* gold light particles drifting up (each layer moves exactly one tile, so the loop is seamless) */
.rrl-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(255,226,122,.9) 0 1.1px,transparent 1.8px),
    radial-gradient(circle at 70% 60%,rgba(255,198,41,.75) 0 1.4px,transparent 2.2px),
    radial-gradient(circle at 40% 80%,rgba(255,240,190,.6) 0 .9px,transparent 1.6px);
  background-size:190px 190px,270px 270px,130px 130px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 0%,rgba(0,0,0,.6) 45%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 40%,#000 0%,rgba(0,0,0,.6) 45%,transparent 78%);
  animation:rrl-drift 24s linear infinite}
@keyframes rrl-drift{from{background-position:0 0,0 0,0 0}to{background-position:0 -190px,0 -270px,0 -130px}}
.rrl-hero::after{content:'';position:absolute;left:50%;top:0;z-index:-1;width:min(520px,80%);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,rgba(255,198,41,0),rgba(255,198,41,.7),rgba(255,198,41,0))}

.rrl-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;
  font:700 1rem/1 var(--g-cond);letter-spacing:6px;text-transform:uppercase;color:var(--rrl-gold)}
.rrl-eyebrow .rrl-dot{width:9px;height:9px}
.rrl-title{margin:0;padding:0 0 .06em;font-family:var(--g-cond);font-weight:700;font-size:clamp(3.6rem,8.4vw,6.8rem);line-height:.88;
  letter-spacing:-1px;text-transform:uppercase;color:#FFD84D;
  background:var(--rrl-headline);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 8px 30px rgba(0,0,0,.95)) drop-shadow(0 0 60px rgba(255,198,41,.42))}
.rrl-sub{max-width:580px;margin:18px auto 0;color:var(--rrl-body);font-size:1.08rem;line-height:1.5;text-wrap:balance}
.rrl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.rrl-chips li{border:1px solid rgba(255,198,41,.45);background:rgba(15,12,4,.72);border-radius:99px;padding:8px 16px;
  font:700 .76rem/1 var(--g-cond);letter-spacing:2.2px;text-transform:uppercase;color:var(--rrl-gold)}

/* ---------- lobby: room cards ---------- */

.rrl-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:20px;margin:0 0 44px}
.rrl-room{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;
  background:linear-gradient(180deg,#16140f 0%,var(--rrl-panel) 100%);border:1px solid var(--rrl-line);
  box-shadow:0 18px 50px rgba(0,0,0,.45);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rrl-room.is-live{border-color:rgba(255,198,41,.42);
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,198,41,.07),0 0 54px rgba(255,198,41,.11)}
.rrl-room:hover{transform:translateY(-3px);border-color:rgba(255,198,41,.65)}
.rrl-room:focus-within{border-color:rgba(255,198,41,.8)}

.rrl-art{position:relative;height:236px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(250px 190px at 50% 64%,rgba(255,198,41,.32),rgba(255,198,41,0) 72%),linear-gradient(180deg,#0c0b09,#14120d)}
.rrl-room:not(.is-live) .rrl-art{background:radial-gradient(250px 190px at 50% 64%,rgba(255,198,41,.12),rgba(255,198,41,0) 72%),linear-gradient(180deg,#0c0b09,#14120d)}
.rrl-art::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none;
  background:linear-gradient(180deg,rgba(22,20,15,0),#16140f)}
.rrl-art img{position:relative;display:block;height:198px;width:auto;max-width:74%;object-fit:contain;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.8)) drop-shadow(0 0 26px rgba(255,198,41,.24));
  animation:rrl-float 6s ease-in-out infinite}
.rrl-room:not(.is-live) .rrl-art img{animation:none;filter:drop-shadow(0 22px 26px rgba(0,0,0,.8)) saturate(.8) brightness(.9)}
@keyframes rrl-float{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-7px) rotate(1.2deg)}}
.rrl-art-ph{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height:196px;border-radius:12px;
  border:1px solid rgba(255,198,41,.45);background:linear-gradient(160deg,#2a2210,#0f0d08);color:var(--rrl-gold)}
.rrl-art .rrl-pill{position:absolute;top:14px;left:14px;z-index:1;max-width:calc(100% - 28px)}
.rrl-art .rrl-staff{position:absolute;top:16px;right:14px;z-index:1;background:rgba(15,12,4,.8)}

.rrl-body{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;padding:16px 20px 20px}
.rrl-name{margin:0;font:700 1.8rem/.95 var(--g-cond);letter-spacing:.3px;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.rrl-tag{margin:-4px 0 0;color:var(--rrl-body);font-size:.93rem;line-height:1.45}
.rrl-pack{margin:0;color:var(--rrl-mut);font-size:.84rem;line-height:1.4}
.rrl-pack b{color:#e9e4d6;font-weight:600}
.rrl-off{color:#FF8A7E}

.rrl-clock{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 14px;border-radius:12px;
  background:rgba(255,198,41,.06);border:1px solid rgba(255,198,41,.2)}
.rrl-clock .rrl-clock-k{font:700 .8rem/1.15 var(--g-cond);letter-spacing:2px;text-transform:uppercase;color:var(--rrl-mut);margin:0}
.rrl-clock-v{margin-left:auto;font:700 1.9rem/1 var(--g-cond);letter-spacing:.5px;color:var(--rrl-gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.rrl-clock .rrl-clock-k:empty+.rrl-clock-v{margin:0 auto;font-size:1.45rem;letter-spacing:1.6px;text-transform:uppercase}
.rrl-clock.is-done{border-color:rgba(255,77,77,.45);background:rgba(255,77,77,.07)}
.rrl-clock.is-done .rrl-clock-v{color:#fff;animation:rrl-glow 1.4s ease-in-out infinite}
.rrl-room:not(.is-live) .rrl-clock{background:rgba(255,255,255,.03);border-color:var(--rrl-line)}
.rrl-room.is-closed .rrl-clock-v{color:var(--rrl-mut)}
@keyframes rrl-glow{0%,100%{text-shadow:0 0 0 rgba(255,198,41,0)}50%{text-shadow:0 0 18px rgba(255,198,41,.75)}}

.rrl-counts{margin:0;color:var(--rrl-body);font-size:.9rem;line-height:1.3;font-variant-numeric:tabular-nums}
.rrl-counts:empty{display:none}

.rrl-top{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 12px;border-radius:12px;
  background:rgba(0,0,0,.38);border:1px solid var(--rrl-line)}
.rrl-top[hidden]{display:none}
.rrl-top-img{flex:none;width:38px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.rrl-top-img[hidden]{display:none}
.rrl-top-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.rrl-top-k{font:700 .7rem/1 var(--g-cond);letter-spacing:1.8px;text-transform:uppercase;color:var(--rrl-gold)}
.rrl-top-name{color:#fff;font-weight:600;font-size:.93rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrl-top-meta{color:var(--rrl-mut);font-size:.8rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrl-top-meta b{color:#fff;font-weight:700}

.rrl-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;
  background:var(--rrl-cta);color:#161206;border:1px solid transparent;
  font:700 1.06rem/1 var(--g-cond);letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;
  box-shadow:0 8px 24px rgba(246,184,31,.26);transition:box-shadow .2s ease,filter .2s ease}
.rrl-cta:hover{filter:brightness(1.05);box-shadow:0 10px 30px rgba(246,184,31,.4)}
.rrl-cta.is-ghost{background:rgba(15,12,4,.6);color:var(--rrl-gold);border-color:rgba(255,198,41,.55);box-shadow:none}
/* the whole card is the link target */
.rrl-cta::after{content:'';position:absolute;inset:0;z-index:1;border-radius:18px}
.rrl-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ---------- lobby: sections ---------- */

.rrl-sec{margin:0 0 44px}
.rrl-sec-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;margin:0 0 14px}
.rrl-sec-head h2{margin:0;font:700 1.65rem/1 var(--g-cond);letter-spacing:.5px;text-transform:uppercase;color:#fff}
.rrl-sec-head p{margin:0;color:var(--rrl-mut);font-size:.86rem}
.rrl-empty{margin:0;padding:18px 16px;border:1px dashed var(--rrl-line);border-radius:14px;color:var(--rrl-mut);font-size:.92rem;text-align:center}

/* today's top pulls: one row, sideways */
.rrl-tops{display:grid;grid-auto-flow:column;grid-auto-columns:172px;gap:14px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 2px 14px;
  scrollbar-width:thin;scrollbar-color:#2a2b30 transparent}
.rrl-pull{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px 12px 13px;
  border-radius:14px;background:var(--rrl-panel2);border:1px solid var(--rrl-line);box-shadow:inset 0 2px 0 var(--rc,var(--rrl-line));
  color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.rrl-pull:hover{border-color:rgba(255,198,41,.55);transform:translateY(-2px)}
.rrl-pull-img{position:relative;display:flex;align-items:center;justify-content:center;height:196px;margin:0 0 6px}
.rrl-pull-img::before{content:'';position:absolute;left:18%;right:18%;top:22%;bottom:22%;border-radius:50%;
  background:var(--rc,var(--rrl-gold));filter:blur(26px);opacity:.38}
.rrl-pull-img img{position:relative;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.75))}
.rrl-pull-ph{position:relative;color:var(--rrl-mut)}
.rrl-pull-val{font:700 1.4rem/1 var(--g-cond);letter-spacing:.3px;color:var(--rrl-gold);font-variant-numeric:tabular-nums}
.rrl-pull-name{color:#fff;font-weight:600;font-size:.88rem;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.rrl-pull-grade{font:700 .7rem/1.1 var(--g-cond);letter-spacing:1.6px;text-transform:uppercase;color:var(--rrl-body)}
.rrl-pull-by{color:var(--rrl-mut);font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* how it works */
.rrl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.rrl-step{position:relative;padding:22px 20px 22px;border-radius:16px;background:var(--rrl-panel);border:1px solid var(--rrl-line)}
.rrl-step-n{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 0 14px;border-radius:50%;
  background:var(--rrl-cta);color:#161206;font:700 1.35rem/1 var(--g-cond);box-shadow:0 0 26px rgba(255,198,41,.32)}
.rrl-step h3{margin:0 0 8px;font:700 1.3rem/1.05 var(--g-cond);letter-spacing:.4px;text-transform:uppercase;color:#fff}
.rrl-step p{margin:0;color:var(--rrl-body);font-size:.93rem;line-height:1.5}

.rrl-fair{margin:6px 0 0;color:var(--rrl-mut);font-size:.84rem;line-height:1.5;text-align:center;text-wrap:balance}

/* ---------- packs page: the Rip Rooms row ---------- */

.rrl-shelf{margin:4px 0 30px;min-width:0}
.rrl-shelf-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 12px}
.rrl-shelf-head h2{margin:0;font:700 1.5rem/1 var(--g-cond);letter-spacing:.6px;text-transform:uppercase;color:#fff}
.rrl-all{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:6px 0;color:var(--rrl-gold);
  font:700 .9rem/1 var(--g-cond);letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.rrl-all:hover{color:#FFE27A}
.rrl-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,330px);gap:12px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 2px 10px;scrollbar-width:none}
.rrl-row::-webkit-scrollbar{display:none}
.rrl-mini{position:relative;scroll-snap-align:start;display:flex;align-items:center;gap:14px;min-width:0;padding:12px 14px 12px 12px;
  border-radius:14px;background:linear-gradient(180deg,#16140f,var(--rrl-panel));border:1px solid var(--rrl-line);
  color:inherit;text-decoration:none;transition:border-color .2s ease}
.rrl-mini.is-live{border-color:rgba(255,198,41,.42);box-shadow:0 0 30px rgba(255,198,41,.08)}
.rrl-mini:hover{border-color:rgba(255,198,41,.7)}
.rrl-mini:focus-visible{outline:2px solid var(--rrl-gold);outline-offset:2px}
.rrl-mini-art{flex:none;display:flex;align-items:center;justify-content:center;width:60px;height:84px;border-radius:8px;
  background:radial-gradient(54px 54px at 50% 62%,rgba(255,198,41,.28),rgba(255,198,41,0) 72%)}
.rrl-mini-art img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}
.rrl-mini-art .gicon{color:var(--rrl-gold)}
.rrl-mini-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1}
.rrl-mini-name{max-width:100%;font:700 1.16rem/1 var(--g-cond);letter-spacing:.4px;text-transform:uppercase;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrl-mini-go{flex:none;color:var(--rrl-gold);font-size:1.3rem;line-height:1}
.rrl-mini .rrl-meta{flex-direction:column;align-items:flex-start;row-gap:4px}
.rrl-mini .rrl-meta>:not(:empty)~:not(:empty)::before{content:none}

/* ---------- pack page: "Rip it live in the Master Room" ---------- */

.rrl-plink{position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:520px;margin:12px auto 0;padding:10px 14px 10px 10px;
  border-radius:14px;border:1px solid rgba(255,198,41,.6);text-align:left;color:#fff;text-decoration:none;
  background:linear-gradient(90deg,rgba(255,198,41,.12),rgba(255,198,41,.03) 70%),rgba(10,10,10,.6);
  box-shadow:0 0 26px rgba(255,198,41,.09);transition:border-color .2s ease,box-shadow .2s ease}
.rrl-plink:hover{border-color:#FFC629;box-shadow:0 0 34px rgba(255,198,41,.18)}
.rrl-plink:focus-visible{outline:2px solid #fff;outline-offset:3px}
.rrl-plink-ic{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;
  background:rgba(10,10,10,.75);border:1px solid rgba(255,198,41,.4);color:var(--rrl-gold)}
.rrl-plink.is-live .rrl-plink-ic{border-color:rgba(255,77,77,.55)}
.rrl-plink.is-live .rrl-plink-ic .gicon,.rrl-plink:not(.is-live) .rrl-plink-ic .rrl-dot{display:none}
.rrl-plink-txt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.rrl-plink-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:700 1.04rem/1.1 var(--g-cond);letter-spacing:.7px;text-transform:uppercase;color:var(--rrl-gold)}
.rrl-plink .rrl-staff{flex:none}
.rrl-plink-go{flex:none;color:var(--rrl-gold);font-size:1.5rem;line-height:1}

/* ---------- smaller screens ---------- */

@media (max-width:760px){
  .rrl-hero{padding:40px 18px 34px;border-radius:18px;margin-bottom:20px}
  .rrl-eyebrow{font-size:.86rem;letter-spacing:5px;margin-bottom:12px}
  .rrl-sub{font-size:1rem;margin-top:14px}
  .rrl-chips{gap:6px;margin-top:18px}
  .rrl-chips li{padding:7px 12px;font-size:.7rem;letter-spacing:1.6px}
  .rrl-rooms{gap:16px;margin-bottom:36px}
  .rrl-art{height:214px}
  .rrl-art img{height:180px}
  .rrl-body{padding:14px 16px 18px}
  .rrl-name{font-size:1.65rem}
  .rrl-sec{margin-bottom:36px}
  .rrl-sec-head h2{font-size:1.45rem}
  .rrl-tops{grid-auto-columns:148px;gap:10px}
  .rrl-pull{padding:10px 10px 11px}
  .rrl-pull-img{height:168px}
  .rrl-steps{grid-template-columns:1fr;gap:12px}
  .rrl-step{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;padding:18px 16px}
  .rrl-step-n{grid-row:span 2;margin:0}
  .rrl-step h3{font-size:1.2rem;margin-top:2px}
  .rrl-shelf{margin:2px 0 24px}
  .rrl-shelf-head h2{font-size:1.3rem}
  .rrl-row{grid-auto-columns:82%;gap:10px}
  .rrl-plink-t{font-size:.98rem}
}
@media (max-width:480px){
  .rrl-hero{padding:30px 14px 26px}
  .rrl-title{font-size:3.5rem}
  .rrl-sub{font-size:.98rem}
  .rrl-chips{margin-top:16px}
  .rrl-chips li{padding:6px 10px;font-size:.64rem;letter-spacing:1.2px}
  .rrl-chips li:nth-child(n+3){display:none}
  .rrl-art{height:200px}
  .rrl-art img{height:168px}
}

/* ---------- motion off when the visitor asks for it ---------- */

@media (prefers-reduced-motion:reduce){
  .rrl *,.rrl *::before,.rrl *::after,.rrl::before,.rrl-shelf *,.rrl-shelf *::after,.rrl-plink *,.rrl-plink *::after{animation:none!important;transition:none!important}
  .rrl-room:hover,.rrl-pull:hover{transform:none}
  .rrl-tops,.rrl-row{scroll-behavior:auto}
}