/* ============================================================================
   remaster.css  —  NEXUS Remaster (powered by Auggie) — hosted-catalog page only
   Loaded only by platform/hosted-catalog.cfm. Does not touch shared CSS.
   Motion animates transform/opacity only; zero layout shift; reduced-motion aware.
   ============================================================================ */
.rm-scope{
  --rm-orange:#EF5B2C;      /* enriched highlight (Remaster graphics only) */
  --rm-orange-2:#ff9a6e;
  --rm-accent:#ff7f4b;      /* site accent, for continuity */
  --rm-ink:#15171E;         /* Canvas Ink (headings) */
  --rm-body:#5a6c7d;        /* body copy — AA on white, matches site .benefit-card p */
  --rm-gray:#79858E;        /* Heritage Gray — ONLY the sparse/original decorative state */
  --rm-card:#ffffff;
  --rm-panel:#f6f8fb;
  --rm-line:#e3e8ef;
  --rm-line-dash:#c9d2dc;
  --rm-shadow:0 14px 40px -22px rgba(21,23,30,.45);
  --rm-r:16px;
}
[data-theme="dark"] .rm-scope{
  --rm-ink:#e8ecf3; --rm-body:#aeb9c6; --rm-gray:#9aa6b0; --rm-card:#252b3b; --rm-panel:#1a1f2e;
  --rm-line:#3a4150; --rm-line-dash:#3a4658; --rm-shadow:0 18px 44px -22px rgba(0,0,0,.6);
}

/* ---- shared animation frame (fixed ratio => no CLS) ---- */
.aug-anim{position:relative;width:100%;aspect-ratio:900/460;min-height:280px;
  background:var(--rm-panel);border:1px solid var(--rm-line);border-radius:var(--rm-r);
  overflow:hidden;contain:layout paint;}
.aug-anim svg{position:absolute;inset:0;width:100%;height:100%;}
.aug-anim .aug-ctrl{position:absolute;right:10px;bottom:10px;width:40px;height:40px;z-index:6;
  display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:var(--rm-card);color:var(--rm-ink);border:1px solid var(--rm-line);box-shadow:var(--rm-shadow);}
.aug-anim .aug-ctrl:focus-visible{outline:2px solid var(--rm-orange);outline-offset:2px;}
.aug-anim .aug-ctrl .fa-play{display:none;} .aug-anim.is-paused .aug-ctrl .fa-play{display:block;}
.aug-anim.is-paused .aug-ctrl .fa-pause{display:none;}
.aug-anim.is-paused *,.aug-anim.is-hidden-pause *{animation-play-state:paused !important;}
.rm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* ---- generic card/chip vocabulary used across animations ---- */
.aug-item{position:absolute;border-radius:12px;background:var(--rm-card);border:1px solid var(--rm-line);
  box-shadow:var(--rm-shadow);font-family:'DM Sans',system-ui,sans-serif;}
.aug-src{font-family:'DM Sans',monospace;color:var(--rm-gray);font-size:12px;line-height:1.5;}
.aug-chip{display:inline-flex;align-items:center;gap:5px;font-family:'DM Sans',sans-serif;font-weight:600;
  font-size:11px;padding:4px 9px;border-radius:999px;background:rgba(239,91,44,.12);color:var(--rm-orange);
  border:1px solid rgba(239,91,44,.35);white-space:nowrap;}
.rm-wave{display:inline-flex;align-items:flex-end;gap:2px;height:11px;}
.rm-wave i{width:2px;height:40%;background:currentColor;border-radius:1px;}

/* Remastered-by-Auggie badge (reused site-wide vocabulary) */
.rm-badge{display:inline-flex;align-items:center;gap:7px;font-family:'Outfit',sans-serif;font-weight:600;
  font-size:12px;padding:5px 11px;border-radius:999px;color:#fff;
  background:linear-gradient(135deg,var(--rm-orange),var(--rm-orange-2));box-shadow:0 8px 18px -8px rgba(239,91,44,.6);}
.rm-badge .rm-wave i{background:#fff;}

/* ============================ ANIMATION A — Remaster Line ==================== */
.augA .aug-node{position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);
  border-radius:50%;display:grid;place-items:center;z-index:3;
  background:radial-gradient(circle at 40% 35%,#fff2,transparent 60%),linear-gradient(135deg,var(--rm-orange),var(--rm-orange-2));
  box-shadow:0 0 0 10px rgba(239,91,44,.10),0 20px 44px -18px rgba(239,91,44,.7);}
.augA .aug-node .rm-wave{height:34px;color:#fff;gap:4px;}
.augA .aug-node .rm-wave i{width:5px;border-radius:2px;}
.augA .aug-node small{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);white-space:nowrap;
  text-align:center;font-family:'Outfit',sans-serif;font-weight:700;color:var(--rm-ink);font-size:14px;}
.augA .aug-node small span{display:block;font-weight:500;font-size:11px;color:var(--rm-gray);letter-spacing:.04em;}
.augA .aug-ring{position:absolute;left:50%;top:50%;width:156px;height:156px;transform:translate(-50%,-50%);
  border-radius:50%;border:2px dashed rgba(239,91,44,.35);z-index:2;}
.augA .aug-srcpill{left:18px;display:flex;align-items:center;gap:9px;padding:10px 12px;width:210px;}
.augA .aug-srcpill i{color:var(--rm-orange);width:16px;text-align:center;}
.augA .aug-srcpill span{font-family:'Outfit',sans-serif;font-weight:600;font-size:12.5px;color:var(--rm-ink);line-height:1.2;}
.augA .aug-s1{top:16%;} .augA .aug-s2{top:44%;} .augA .aug-s3{top:72%;}
.augA .aug-dest{right:16px;top:50%;transform:translateY(-50%);width:230px;padding:14px;}
.augA .aug-dest .d-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:13px;color:var(--rm-ink);
  line-height:1.25;margin-bottom:8px;display:flex;gap:6px;align-items:flex-start;justify-content:space-between;}
.augA .aug-dest .d-img{height:56px;border-radius:8px;background:linear-gradient(135deg,var(--rm-panel),var(--rm-line));
  display:grid;place-items:center;color:var(--rm-gray);margin-bottom:8px;}
.augA .aug-dest .d-row{height:7px;border-radius:4px;background:var(--rm-line);margin:6px 0;}
.augA .aug-dest .d-row.s{width:70%;} .augA .aug-dest .d-price{font-family:'Outfit',sans-serif;font-weight:800;
  color:var(--rm-orange);font-size:16px;margin-top:8px;}
.augA .aug-travel{width:150px;padding:11px 12px;top:50%;left:238px;transform:translateY(-50%);z-index:4;opacity:0;}
.augA .aug-travel .aug-src b{color:var(--rm-ink);font-weight:700;}

/* motion (only when playing + motion allowed) */
@media (prefers-reduced-motion:no-preference){
  .augA.is-playing .aug-ring{animation:rmSpin 20s linear infinite;}
  .augA.is-playing .aug-node .rm-wave i{animation:rmBar 1s ease-in-out infinite;}
  .augA.is-playing .aug-node .rm-wave i:nth-child(2){animation-delay:.12s}
  .augA.is-playing .aug-node .rm-wave i:nth-child(3){animation-delay:.24s}
  .augA.is-playing .aug-node .rm-wave i:nth-child(4){animation-delay:.36s}
  .augA.is-playing .aug-node .rm-wave i:nth-child(5){animation-delay:.48s}
  .augA.is-playing .aug-travel{animation:rmTravel 14s cubic-bezier(.22,.61,.36,1) infinite;}
  .augA.is-playing .aug-dest .d-fill{animation:rmFill 14s ease-in-out infinite;}
  .augA.is-playing .aug-chipwrap .aug-chip{opacity:0;animation:rmPop 14s ease-out infinite;}
}
@keyframes rmSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes rmBar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes rmTravel{
  0%{opacity:0;transform:translateY(-50%) translateX(0) scale(.96)}
  6%{opacity:1}
  30%{transform:translateY(-50%) translateX(230px) scale(1)}   /* into node */
  40%{transform:translateY(-50%) translateX(230px) scale(1.04)}
  62%{opacity:1;transform:translateY(-50%) translateX(420px) scale(.98)} /* toward dest */
  70%{opacity:0}
  100%{opacity:0;transform:translateY(-50%) translateX(420px) scale(.98)}
}
@keyframes rmFill{0%,60%{opacity:.35}72%{opacity:1}100%{opacity:1}}
.augA .aug-chipwrap{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:230px;height:180px;
  pointer-events:none;z-index:5;}
.augA .aug-chipwrap .aug-chip{position:absolute;}
.augA .aug-chipwrap .aug-chip:nth-child(1){top:-6px;right:0;animation-delay:5.0s}
.augA .aug-chipwrap .aug-chip:nth-child(2){top:26px;right:70px;animation-delay:5.5s}
.augA .aug-chipwrap .aug-chip:nth-child(3){top:58px;right:10px;animation-delay:6.0s}
.augA .aug-chipwrap .aug-chip:nth-child(4){top:92px;right:80px;animation-delay:6.5s}
.augA .aug-chipwrap .aug-chip:nth-child(5){top:126px;right:0;animation-delay:7.0s}
.augA .aug-chipwrap .aug-chip:nth-child(6){top:158px;right:64px;animation-delay:7.5s}
@keyframes rmPop{0%,34%{opacity:0;transform:translateY(6px) scale(.8)}42%{opacity:1;transform:none}
  92%{opacity:1}100%{opacity:0}}

/* connector lines behind everything */
.augA .aug-wire{stroke:var(--rm-line-dash);stroke-width:1.5;fill:none;stroke-dasharray:4 5;}

/* =================== ANIMATION B — Original / Remastered slider ============== */
.augB{aspect-ratio:1000/560;min-height:340px;background:var(--rm-ink);}
[data-theme="dark"] .augB{background:#0e131c;}
.augB .pdp{position:absolute;inset:14px;border-radius:12px;overflow:hidden;}
.augB .pdp-layer{position:absolute;inset:0;padding:16px 18px;background:var(--rm-card);
  display:grid;grid-template-columns:170px 1fr;gap:16px;align-content:start;}
.augB .pdp-after{clip-path:inset(0 0 0 50%);will-change:clip-path;} /* JS/keyframe drives the % */
.augB .pdp .p-img{grid-row:span 2;height:150px;border-radius:10px;display:grid;place-items:center;}
.augB .pdp-before .p-img{background:repeating-linear-gradient(45deg,var(--rm-panel),var(--rm-panel) 8px,var(--rm-line) 8px,var(--rm-line) 16px);color:var(--rm-gray);font-size:12px;}
.augB .pdp-after .p-img{background:var(--rm-panel);color:var(--rm-orange);font-size:40px;border:1px solid var(--rm-line);}
.augB .p-crumb{grid-column:1/-1;font-size:11px;color:var(--rm-gray);}
.augB .p-title{font-family:'Outfit',sans-serif;font-weight:700;color:var(--rm-ink);font-size:16px;line-height:1.25;}
.augB .pdp-before .p-title{color:var(--rm-gray);text-transform:uppercase;font-weight:600;font-size:13px;letter-spacing:.02em;}
.augB .p-sub{font-size:12px;color:var(--rm-gray);margin-top:4px;}
.augB .p-price{font-family:'Outfit',sans-serif;font-weight:800;color:var(--rm-orange);font-size:20px;margin-top:6px;}
.augB .p-tabs{display:flex;gap:14px;margin-top:12px;border-bottom:1px solid var(--rm-line);padding-bottom:6px;
  font-size:11.5px;font-weight:600;color:var(--rm-gray);}
.augB .p-tabs .on{color:var(--rm-ink);border-bottom:2px solid var(--rm-orange);padding-bottom:6px;margin-bottom:-7px;}
.augB .p-body{grid-column:1/-1;margin-top:10px;font-size:12px;color:var(--rm-ink);line-height:1.55;}
.augB .pdp-before .p-body{color:var(--rm-gray);}
.augB .p-specs{grid-column:1/-1;margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;font-size:11.5px;}
.augB .p-specs div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--rm-line);padding:2px 0;color:var(--rm-ink);}
.augB .p-specs b{color:var(--rm-gray);font-weight:500;}
.augB .p-docs{grid-column:1/-1;margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;}
.augB .p-label{position:absolute;top:14px;z-index:4;font-family:'Outfit',sans-serif;font-weight:800;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:0 0 10px 0;}
.augB .lbl-before{left:14px;background:var(--rm-gray);color:#fff;border-radius:0 0 10px 0;}
.augB .lbl-after{right:14px;background:linear-gradient(135deg,var(--rm-orange),var(--rm-orange-2));color:#fff;border-radius:0 0 0 10px;}
.augB .aug-handle{position:absolute;top:14px;bottom:14px;left:50%;width:3px;background:#fff;z-index:5;cursor:ew-resize;
  box-shadow:0 0 0 1px rgba(0,0,0,.15);touch-action:none;}
.augB .aug-handle::after{content:"\f337";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:var(--rm-orange);
  display:grid;place-items:center;font-size:13px;box-shadow:var(--rm-shadow);}
.augB .aug-handle:focus-visible{outline:2px solid var(--rm-orange);outline-offset:3px;}
.augB .aug-count{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:5;
  font-family:'Outfit',sans-serif;font-weight:700;font-size:12px;color:#fff;background:rgba(0,0,0,.45);
  padding:5px 12px;border-radius:999px;backdrop-filter:blur(4px);}
.augB .aug-count b{color:var(--rm-orange-2);}
@media (prefers-reduced-motion:no-preference){
  .augB.is-playing:not(.is-scrubbing) .pdp-after{animation:rmSweep 9s ease-in-out infinite;}
  .augB.is-playing:not(.is-scrubbing) .aug-handle{animation:rmHandle 9s ease-in-out infinite;}
}
@keyframes rmSweep{0%{clip-path:inset(0 0 0 100%)}33%{clip-path:inset(0 0 0 0)}66%{clip-path:inset(0 0 0 0)}
  86%{clip-path:inset(0 0 0 100%)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes rmHandle{0%{left:100%}33%{left:0%}66%{left:0%}86%{left:100%}100%{left:100%}}

/* ===================== ANIMATION C — two small trigger loops ================ */
.augC{aspect-ratio:420/230;min-height:190px;background:var(--rm-panel);}
.augC .c-stage{position:absolute;inset:0;display:grid;place-items:center;}
.augC .c-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:conic-gradient(var(--rm-orange) var(--p,0%),var(--rm-line) 0);}
.augC .c-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--rm-card);}
.augC .c-ring b{position:relative;font-family:'Outfit',sans-serif;font-weight:800;color:var(--rm-ink);
  font-variant-numeric:tabular-nums;font-size:15px;}
.augC .c-ring small{position:relative;display:block;font-weight:500;font-size:10px;color:var(--rm-gray);}
.augC .c-cap{position:absolute;bottom:10px;left:12px;right:12px;text-align:center;font-family:'DM Sans',sans-serif;
  font-size:11px;color:var(--rm-gray);}
.augC .c-search{width:74%;}
.augC .c-bar{display:flex;align-items:center;gap:8px;background:var(--rm-card);border:1px solid var(--rm-line);
  border-radius:999px;padding:8px 14px;box-shadow:var(--rm-shadow);}
.augC .c-bar i{color:var(--rm-gray);} .augC .c-bar span{font-family:'DM Sans',sans-serif;font-size:12.5px;color:var(--rm-ink);}
.augC .c-caret{width:1px;height:14px;background:var(--rm-ink);display:inline-block;}
.augC .c-mini{margin-top:10px;background:var(--rm-card);border:1px solid var(--rm-line);border-radius:10px;padding:10px 12px;
  font-family:'DM Sans',sans-serif;font-size:11.5px;color:var(--rm-ink);box-shadow:var(--rm-shadow);}
.augC .c-mini .m-sparse{color:var(--rm-gray);}
@media (prefers-reduced-motion:no-preference){
  .augC.is-playing .c-ring{animation:rmProg 8s ease-in-out infinite;}
  .augC.is-playing .c-caret{animation:rmBlink 1s step-end infinite;}
}
@keyframes rmProg{0%{--p:0%}50%{--p:100%}70%{--p:100%}100%{--p:0%}}
@keyframes rmBlink{50%{opacity:0}}
@property --p{syntax:'<percentage>';inherits:false;initial-value:0%;}

/* ============================ page sections (grounded) ======================= */
.remaster-hero .rm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:34px;align-items:center;}
.remaster-hero .rm-eyebrow{font-family:'Outfit',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rm-accent);margin-bottom:12px;}
@media (max-width:860px){.remaster-hero .rm-hero-grid{grid-template-columns:1fr;}
  .remaster-hero .rm-hero-media{order:2;}}

.rm-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;}
.rm-legend .l{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px;}
.rm-legend .l i{color:var(--rm-orange-2);font-size:1.15rem;margin-top:2px;}
.rm-legend .l b{display:block;font-family:'Outfit',sans-serif;color:#fff;font-size:.95rem;}
.rm-legend .l span{color:#c7d2dc;font-size:.85rem;}
@media (max-width:640px){.rm-legend{grid-template-columns:1fr;}}

.rm-ways{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:12px;}
.rm-way{background:var(--rm-card);border:1px solid var(--rm-line);border-radius:var(--rm-r);padding:22px;box-shadow:var(--rm-shadow);}
.rm-way h3{font-family:'Outfit',sans-serif;color:var(--rm-ink);font-size:1.25rem;margin:16px 0 8px;display:flex;align-items:center;gap:10px;}
.rm-way p{color:var(--rm-gray);font-size:.96rem;line-height:1.6;}
.rm-way .rm-ondefault{margin-left:auto;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  background:rgba(239,91,44,.14);color:var(--rm-orange);border:1px solid rgba(239,91,44,.35);border-radius:999px;padding:3px 9px;}
.rm-takeaway{text-align:center;color:var(--rm-gray);font-size:.98rem;margin-top:22px;}
@media (max-width:800px){.rm-ways{grid-template-columns:1fr;}}

.rm-compare{width:100%;border-collapse:collapse;margin-top:8px;font-size:.94rem;
  border:1px solid var(--rm-line);border-radius:var(--rm-r);overflow:hidden;box-shadow:var(--rm-shadow);background:var(--rm-card);}
.rm-compare th,.rm-compare td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--rm-line);vertical-align:top;color:var(--rm-ink);}
.rm-compare thead th{background:var(--rm-panel);font-family:'Outfit',sans-serif;font-size:.86rem;}
.rm-compare thead th:last-child{color:var(--rm-orange);}
.rm-compare td:first-child{font-weight:600;}
.rm-compare td:last-child{color:var(--rm-ink);}
.rm-compare tr:last-child td{border-bottom:0;}
.rm-compare .rm-manual{color:var(--rm-gray);}
.rm-tablewrap{overflow-x:auto;}

.rm-faq{max-width:820px;margin:0 auto;}
.rm-faq details{border:1px solid var(--rm-line);border-radius:12px;margin-bottom:12px;background:var(--rm-card);overflow:hidden;}
.rm-faq summary{cursor:pointer;padding:16px 20px;font-family:'Outfit',sans-serif;font-weight:600;color:var(--rm-ink);
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.rm-faq summary::-webkit-details-marker{display:none;}
.rm-faq summary::after{content:"\2b";color:var(--rm-orange);font-weight:700;transition:transform .2s;}
.rm-faq details[open] summary::after{content:"\2212";}
.rm-faq details p{padding:0 20px 18px;color:var(--rm-gray);line-height:1.65;margin:0;}
.rm-updated{text-align:center;color:var(--rm-gray);font-size:.84rem;margin-top:18px;}

.rm-related{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:10px;}
.rm-related a{display:inline-flex;align-items:center;gap:8px;background:var(--rm-panel);border:1px solid var(--rm-line);
  border-radius:999px;padding:9px 16px;color:var(--rm-ink);text-decoration:none;font-size:.92rem;font-weight:500;transition:border-color .2s,color .2s;}
.rm-related a:hover{border-color:var(--rm-orange);color:var(--rm-orange);}
.rm-related a i{color:var(--rm-accent);}

.rm-btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;}

/* reduced motion: everything sits at its readable end-state, nothing moves */
@media (prefers-reduced-motion:reduce){
  .aug-anim *{animation:none !important;transition:none !important;}
  .augA .aug-travel{opacity:0;}
  .augA .aug-chipwrap .aug-chip{opacity:1;}
  .augA .aug-dest .d-fill{opacity:1;}
  .augB .pdp-after{clip-path:inset(0 0 0 50%);}
  .augB .aug-handle{left:50%;}
  .augC .c-ring{--p:100%;}
  .aug-anim .aug-ctrl{display:none;}
}

/* ===================== consolidated expert-review fixes ===================== */
/* HERO: platform-hero centers + is permanently dark; left-align copy, white text */
.remaster-hero .rm-hero-copy{text-align:left;}
.remaster-hero .hero-badges{justify-content:flex-start;}
.remaster-hero .rm-eyebrow{color:#ffb38f;}
.remaster-hero h1{color:#fff;}
.remaster-hero .hero-description{color:rgba(255,255,255,.86);}
.rm-hero-sub{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.06rem;color:var(--rm-orange-2);margin:6px 0 14px;}
.rm-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
.rm-hero-proof{margin-top:18px;font-size:.92rem;color:rgba(255,255,255,.72);}
.rm-hero-proof strong{color:#fff;font-weight:700;}
.rm-btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.45);color:#fff;}
.rm-btn-ghost:hover{background:rgba(255,255,255,.12);}

/* DEFINITION band (answer-first / AEO) */
.rm-defband{padding:34px 0;background:var(--rm-panel);border-top:1px solid var(--rm-line);border-bottom:1px solid var(--rm-line);}
.rm-defbox{max-width:900px;margin:0 auto;text-align:center;font-family:'Outfit',sans-serif;font-size:1.12rem;line-height:1.7;color:var(--rm-ink);}
.rm-defbox strong{color:var(--rm-orange);}

/* section rhythm + mid-page CTA (replaces inline padding hacks) */
.rm-scope .rm-tight{padding-top:0;}
.rm-midcta-band{padding:6px 0 58px;text-align:center;}
.rm-midcta{font-family:'Outfit',sans-serif;font-size:1.15rem;color:var(--rm-ink);font-weight:600;}
.rm-midcta a{color:var(--rm-orange);text-decoration:none;white-space:nowrap;}
.rm-midcta a:hover{text-decoration:underline;}

/* BODY-COPY contrast (WCAG AA): --rm-gray is decorative only */
.rm-scope .rm-way p,.rm-scope .rm-faq details p,.rm-scope .rm-updated,.rm-scope .augC .c-cap{color:var(--rm-body);}
.rm-scope .aug-chip{color:#b8410f;background:rgba(239,91,44,.16);}
[data-theme="dark"] .rm-scope .aug-chip{color:var(--rm-orange-2);background:rgba(239,91,44,.20);}

/* controls & tap targets 44px */
.aug-anim .aug-ctrl{width:44px;height:44px;}
.augB .aug-handle::after{width:44px;height:44px;}
/* comparison table scrolls on small screens instead of squishing */
.rm-compare{min-width:560px;}

/* live "Remastered by Auggie" waveform at every occurrence */
@media (prefers-reduced-motion:no-preference){
  .rm-badge .rm-wave i{animation:rmBar 1.4s ease-in-out infinite;}
  .rm-badge .rm-wave i:nth-child(2){animation-delay:.18s}
  .rm-badge .rm-wave i:nth-child(3){animation-delay:.36s}
}

/* signature ring: a spectrum sweep, not a generic dashed loader */
.augA .aug-ring{border:2px solid rgba(239,91,44,.16);
  background:conic-gradient(from 0deg,rgba(239,91,44,0) 0deg,rgba(239,91,44,.55) 42deg,rgba(239,91,44,0) 96deg);
  -webkit-mask:radial-gradient(circle,transparent 71px,#000 72px);mask:radial-gradient(circle,transparent 71px,#000 72px);}

/* Animation A: travel card animates in the node's own % space so it lands ON Auggie */
.augA .aug-travel{left:16%;}
@media (prefers-reduced-motion:no-preference){
  .augA.is-playing .aug-travel{animation:rmTravelPct 14s cubic-bezier(.22,.61,.36,1) infinite;}
}
@keyframes rmTravelPct{
  0%{opacity:0;left:16%;transform:translateY(-50%) scale(.94)}
  7%{opacity:1}
  34%{left:50%;transform:translateY(-50%) translateX(-50%) scale(1)}
  44%{left:50%;transform:translateY(-50%) translateX(-50%) scale(1.05)}
  62%{opacity:1;left:82%;transform:translateY(-50%) translateX(-100%) scale(.98)}
  70%{opacity:0}
  100%{opacity:0;left:82%;transform:translateY(-50%) translateX(-100%) scale(.98)}
}

/* Animation B: stack Original over Remastered on phones (no clipping, no fiddly slider) */
@media (max-width:760px){
  .augB{aspect-ratio:auto;min-height:0;background:var(--rm-ink);padding:14px;}
  .augB .pdp{position:relative;inset:auto;}
  .augB .pdp-layer{position:relative;clip-path:none !important;margin-bottom:12px;}
  .augB .aug-handle,.augB .aug-count{display:none;}
  .augB .p-label{position:static;display:inline-block;margin-bottom:8px;border-radius:6px;}
}

/* Animation C, card 2: crossfade the sparse/queued row into the remastered record */
.augC .c-mini{position:relative;min-height:66px;}
.augC .c-state{position:absolute;left:12px;right:12px;top:10px;}
.augC .c-state strong{font-size:12px;color:var(--rm-ink);font-family:'DM Sans',sans-serif;}
.augC .c-state .aug-chip,.augC .c-state .rm-badge{margin-top:6px;}
.augC .c-state-2{opacity:0;}
@media (prefers-reduced-motion:no-preference){
  .augC.is-playing .c-state-1{animation:rmCross1 8s ease-in-out infinite;}
  .augC.is-playing .c-state-2{animation:rmCross2 8s ease-in-out infinite;}
}
@keyframes rmCross1{0%,52%{opacity:1}64%,96%{opacity:0}100%{opacity:1}}
@keyframes rmCross2{0%,52%{opacity:0}68%,92%{opacity:1}100%{opacity:0}}
