/* BUILD 21 - A content-driven activity card carousel, hero centering, and Rove backdrop. */
/* The slogan's apparent centre sits slightly right because of its skew and shadow.
   Pull the whole line group a little left without affecting the photo. */
.rbh-page .rbh-hero-text {transform:translateX(-12px);}
@media(max-width:920px){
  .rbh-page .rbh-hero-text {transform:translateX(-10px);}
}
@media(max-width:370px){
  .rbh-page .rbh-hero-text {transform:translateX(-7px);}
}

/* Make Activities the star of the homepage. */
.rbh-page .rbh-activities {overflow:hidden;}
.rbh-page .rbh-activity-header {
  display:flex!important;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
  margin:0 0 15px!important;
}
.rbh-page .rbh-activity-header-copy {display:flex;flex-direction:column;gap:8px;min-width:0;}
.rbh-page .rbh-activity-header h2 {margin:0 0 0 30px;}
.rbh-page .rbh-activity-header-copy p {
  margin:0;
  padding:0;
  font:400 clamp(13px,1.45vw,17px)/1.35 Arial,Helvetica,sans-serif;
  color:#d8d9da;
  max-width:640px;
}
.rbh-page .rbh-activity-hint {
  font:700 12px/1.2 Arial,Helvetica,sans-serif;
  color:#aeb0b3;
  white-space:nowrap;
  padding-bottom:5px;
}
.rbh-page .rbh-activity-hint span {color:#ffe400;font-size:19px;vertical-align:middle;}
.rbh-page .rbh-activity-carousel-layout {display:flex;align-items:center;gap:9px;min-width:0;}
.rbh-page .rbh-activity-track {
  flex:1;display:flex!important;grid-template-columns:none!important;
  gap:14px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-padding-inline:1px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  touch-action:pan-x;
  padding:2px 3px 10px;
  min-width:0;
}
.rbh-page .rbh-activity-track::-webkit-scrollbar {display:none;}
.rbh-page .rbh-activity-card {
  flex:0 0 clamp(260px,30vw,350px);
  min-width:0;
  background:#202124;
  border:1px solid #3d3f43;
  border-radius:15px;
  overflow:hidden;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 0 #101011;
}
.rbh-page .rbh-activity-card-photo {
  display:block;min-height:0;aspect-ratio:16/10;
  background:#101112;
  border:5px solid #070707;
  outline:2px solid #ffe400;
  outline-offset:-2px;
  overflow:hidden;
}
.rbh-page .rbh-activity-card-photo img {
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .25s ease;
}
.rbh-page .rbh-activity-card:hover .rbh-activity-card-photo img {transform:scale(1.03);}
.rbh-page .rbh-activity-card-body {display:flex;flex:1;flex-direction:column;gap:8px;padding:13px 15px 16px;}
.rbh-page .rbh-activity-card h3 {
  font:italic 900 clamp(21px,2.15vw,29px)/1.03 var(--display);
  text-transform:uppercase;
  letter-spacing:.01em;
  color:#ffe400;
  margin:0;
  text-wrap:balance;
}
.rbh-page .rbh-activity-card p {
  font:400 14px/1.36 Arial,Helvetica,sans-serif;
  margin:0 0 6px;
  color:#e3e3e5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  min-height:3.95em;
}
.rbh-page .rbh-activity-card-link {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  align-self:flex-start;margin-top:auto;padding:8px 14px;
  border-radius:999px;background:#ffe400;color:#111;
  font:italic 900 14px/1 var(--display);
}
.rbh-page .rbh-activity-card-link:hover,.rbh-page .rbh-activity-card-link:focus-visible {background:#fff2a3;}
.rbh-page .rbh-activity-arrow {
  width:34px;height:48px;flex:none;border:1px solid #47494e;border-radius:11px;
  display:grid;place-items:center;background:#26272a;color:#ffe400;cursor:pointer;
}
.rbh-page .rbh-activity-arrow span {font:bold 35px/1 Arial,Helvetica,sans-serif;transform:translateY(-2px);}
.rbh-page .rbh-activity-arrow:disabled {opacity:.23;cursor:default;}
.rbh-page .rbh-activity-progress {display:flex;gap:4px;align-items:center;justify-content:flex-end;padding:4px 5px 0;font:700 11px/1 Arial,Helvetica,sans-serif;color:#aeb0b3;}
.rbh-page .rbh-activity-current {color:#ffe400;}
.rbh-page .rbh-activity-progress-line {margin-left:8px;width:92px;height:3px;border-radius:4px;background:#47484c;overflow:hidden;}
.rbh-page .rbh-activity-progress-line span {display:block;height:100%;background:#ffe400;width:20%;transition:width .2s;}

/* Use the original Rove image as a smaller, foreground character on a generated travel landscape. */
.rbh-page .rbh-rove-photo-illustration {
  position:relative;
  padding:0!important;
  background:#698594 url('/assets/rove-travel-backdrop.svg') center center/cover no-repeat!important;
  isolation:isolate;
}
.rbh-page .rbh-rove-photo-illustration .rbh-rove-art {
  position:absolute;left:50%;bottom:0;
  transform:translateX(-50%);
  width:auto!important;
  height:86%!important;
  max-width:85%;
  object-fit:contain!important;
  object-position:bottom center!important;
  filter:drop-shadow(0 2px 3px #0008);
}
@media(max-width:920px){
  .rbh-page .rbh-activity-header {align-items:start;gap:9px;margin-bottom:13px!important;}
  .rbh-page .rbh-activity-header-copy {gap:7px;}
  .rbh-page .rbh-activity-header h2 {margin-left:20px;}
  .rbh-page .rbh-activity-header-copy p {font-size:13px;line-height:1.26;max-width:100%;}
  .rbh-page .rbh-activity-hint {font-size:10px;margin-top:5px;}
  .rbh-page .rbh-activity-carousel-layout {gap:4px;}
  .rbh-page .rbh-activity-arrow {width:25px;height:44px;border-radius:8px;}
  .rbh-page .rbh-activity-arrow span {font-size:28px;}
  .rbh-page .rbh-activity-track {gap:11px;padding-bottom:8px;}
  .rbh-page .rbh-activity-card {flex-basis:clamp(225px,66vw,320px);}
  .rbh-page .rbh-activity-card-body {padding:11px 12px 13px;gap:7px;}
  .rbh-page .rbh-activity-card h3 {font-size:clamp(19px,4.6vw,24px);}
  .rbh-page .rbh-activity-card p {font-size:12.5px;min-height:4.05em;}
  .rbh-page .rbh-activity-card-link {font-size:13px;padding:8px 12px;}
}
@media(max-width:700px){
  .rbh-page .rbh-activities {padding:15px 11px 13px!important;}
  .rbh-page .rbh-activity-header {display:block!important;margin-bottom:14px!important;}
  .rbh-page .rbh-activity-header h2 {margin-left:19px;}
  .rbh-page .rbh-activity-hint {display:block;margin-top:8px;text-align:right;padding:0;}
  .rbh-page .rbh-activity-carousel-layout {gap:3px;}
  .rbh-page .rbh-activity-track {gap:10px;}
  .rbh-page .rbh-activity-card {flex-basis:72%;}
  .rbh-page .rbh-activity-card-photo {aspect-ratio:16/10;}
  .rbh-page .rbh-activity-card p {min-height:4em;}
  .rbh-page .rbh-activity-progress {padding-top:3px;}
  .rbh-page .rbh-rove-photo-illustration .rbh-rove-art {height:78%!important;max-width:75%;}
}
@media(max-width:370px){
  .rbh-page .rbh-activity-card {flex-basis:75%;}
  .rbh-page .rbh-activity-arrow {width:22px;}
}
@media(prefers-reduced-motion:reduce){
  .rbh-page .rbh-activity-card-photo img{transition:none;}
  .rbh-page .rbh-activity-progress-line span{transition:none;}
}