/* RMH Trading | experiencia: flechas fotográficas reveladas al desplazarse */
.rmh-experience-arrows,
.rmh-experience-arrows *{box-sizing:border-box}
.rmh-experience-arrows{
  width:100%; min-height:min(760px,100svh); background:var(--cream);
  color:var(--ink); position:relative; isolation:isolate;
}
.rmh-experience-arrows__stage{
  width:100%; min-height:min(760px,100svh);
  display:flex; justify-content:center; align-items:center;
  padding:clamp(72px,8vh,112px) clamp(18px,4vw,74px);
}
.rmh-experience-arrows__content{
  width:100%; max-width:1360px; margin:0 auto;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.rmh-experience-arrows__eyebrow{
  justify-content:center; margin-bottom:20px;
}
.rmh-experience-arrows h2{
  margin:0 0 clamp(30px,4.7vh,46px); color:var(--ink);
  font-family:inherit; font-size:clamp(42px,4.9vw,84px);
  font-style:normal; font-weight:650; line-height:1.02;
  letter-spacing:-.065em; text-wrap:balance;
}
.rmh-experience-arrows h2 .rmh-experience-arrows__accent{color:var(--accent)}
.rmh-experience-arrows__gallery{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  /* Limit the four arrows by VIEWPORT HEIGHT as well as available width.
     A 13-inch MacBook has plenty of width, but considerably less height. */
  gap:clamp(8px,.95vw,18px);
  width:min(100%,1280px,max(280px,calc((100svh - 350px)*3.08)));
  margin:0 auto;
  align-items:center; overflow:visible;
}
.rmh-experience-arrows__piece{
  position:relative; display:block; width:100%; aspect-ratio:.76;
  margin:0; padding:0; background:#e7e0d8; overflow:hidden;
  clip-path:polygon(0 0,53% 0,100% 50%,53% 100%,0 100%,46% 50%);
  -webkit-clip-path:polygon(0 0,53% 0,100% 50%,53% 100%,0 100%,46% 50%);
  transform:translate3d(0,0,0); will-change:transform,opacity;
}
.rmh-experience-arrows__piece img{
  display:block; width:100%; height:100%; object-fit:cover;
  object-position:center center; max-width:none;
  filter:saturate(.95); opacity:1; transform:none; transition:none;
}
.rmh-experience-arrows__piece:nth-child(1) img{object-position:52% center}
.rmh-experience-arrows__piece:nth-child(2) img{object-position:52% center}
.rmh-experience-arrows__piece:nth-child(3) img{object-position:50% center}
.rmh-experience-arrows__piece:nth-child(4) img{object-position:50% center}
.rmh-experience-arrows__description{
  max-width:860px; margin:clamp(30px,4.3vh,46px) auto 0; padding:0 12px;
  font-size:clamp(16px,1.32vw,22px); font-weight:500;
  letter-spacing:-.03em; line-height:1.5; color:var(--muted);
  text-wrap:pretty;
}
.rmh-experience-arrows__description strong{color:var(--ink);font-weight:700}
.rmh-experience-arrows__description span{color:#7a6d68;font-weight:500}
.rmh-experience-arrows.is-scroll-animated{height:182svh;min-height:0}
/* If translated text, font scaling or landscape viewport will not fit the sticky
   frame, allow the content its natural height instead of overlapping the gallery. */
.rmh-experience-arrows.is-static-compact,
.rmh-experience-arrows.is-static-compact .rmh-experience-arrows__stage{height:auto;min-height:0}
.rmh-experience-arrows.is-static-compact .rmh-experience-arrows__stage{
 position:relative;top:auto;padding:clamp(44px,7vw,90px) clamp(18px,4vw,74px);
}
.rmh-experience-arrows.is-static-compact .rmh-experience-arrows__piece{
 transform:none!important;opacity:1!important;visibility:visible!important;will-change:auto;
}
.rmh-experience-arrows.is-scroll-animated .rmh-experience-arrows__stage{
  position:sticky; top:0; height:100svh; min-height:0;
  padding-top:clamp(38px,5vh,78px); padding-bottom:clamp(38px,5vh,78px);
}
@media(max-width:700px){
 .rmh-experience-arrows{min-height:0}
 .rmh-experience-arrows__stage{min-height:560px;padding:70px 16px 74px}
 .rmh-experience-arrows__eyebrow{margin-bottom:16px}
 .rmh-experience-arrows h2{font-size:clamp(34px,10vw,52px);max-width:520px;margin-bottom:30px}
 .rmh-experience-arrows__gallery{width:100%;max-width:640px;gap:5px}
 .rmh-experience-arrows__piece{aspect-ratio:.68}
 .rmh-experience-arrows__description{font-size:clamp(14px,3.7vw,17px);line-height:1.55;max-width:530px;margin-top:30px;padding:0 8px}
 .rmh-experience-arrows.is-scroll-animated{height:166svh}
 .rmh-experience-arrows.is-scroll-animated .rmh-experience-arrows__stage{padding:34px 15px}
}
@media(max-height:550px) and (min-width:701px){
 .rmh-experience-arrows.is-scroll-animated{height:auto;min-height:620px}
 .rmh-experience-arrows.is-scroll-animated .rmh-experience-arrows__stage{position:static;height:auto;min-height:620px}
 .rmh-experience-arrows h2{margin-bottom:20px}
 .rmh-experience-arrows__gallery{width:min(92%,1080px)}
 .rmh-experience-arrows__piece{aspect-ratio:1.05}
 .rmh-experience-arrows__description{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
 .rmh-experience-arrows,
 .rmh-experience-arrows.is-scroll-animated{height:auto;min-height:0}
 .rmh-experience-arrows__stage,
 .rmh-experience-arrows.is-scroll-animated .rmh-experience-arrows__stage{
   position:static;height:auto;min-height:0;padding:70px 18px;
 }
 .rmh-experience-arrows__piece{will-change:auto;opacity:1!important;transform:none!important;visibility:visible!important}
}


/* 2026-10-11 unified gray */
.rmh-experience-arrows,.rmh-experience-arrows__arrow{background:var(--cream);}