.ru-button-group{display:flex;flex-wrap:wrap;gap:.75rem}
.ru-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:var(--ru-radius-sm);font-size:.78rem;font-weight:900;letter-spacing:.055em;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform var(--ru-transition),background var(--ru-transition),color var(--ru-transition),border-color var(--ru-transition);cursor:pointer}
.ru-button:hover{transform:translateY(-1px)}
.ru-button:disabled{cursor:not-allowed;opacity:.52;transform:none}
.ru-button--primary{background:var(--ru-red);color:var(--ru-white)}
.ru-button--primary:hover{background:var(--ru-red-dark)}
.ru-button--secondary{border-color:currentColor;background:transparent;color:inherit}
.ru-text-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.ru-text-link .ru-icon{width:1rem;height:1rem}

/* Full-bleed hero. The media is oversized vertically so the desktop parallax never exposes an edge. */
.ru-hero{position:relative;display:flex;align-items:center;min-height:clamp(38rem,calc(100svh - 6.6rem),62rem);overflow:hidden;background:var(--ru-black);color:var(--ru-white);isolation:isolate}
.ru-hero__media{position:absolute;z-index:0;inset:0;overflow:hidden;background:#090909}
.ru-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .98) 0%,rgb(0 0 0 / .88) 29%,rgb(0 0 0 / .52) 50%,rgb(0 0 0 / .10) 74%,transparent 100%);pointer-events:none}
.ru-hero__image{position:absolute;top:-11%;left:0;width:100%;height:122%;max-width:none;object-fit:cover;object-position:68% center;transform:translate3d(0,var(--ru-hero-parallax-y,0),0) scale(1.035);transform-origin:center center;will-change:transform}
.ru-hero__content{position:relative;z-index:2;width:min(calc(100% - 2rem),var(--ru-container));padding-block:clamp(4.5rem,9vw,7rem)}
.ru-hero h1{max-width:9.8ch;margin-bottom:1rem;text-wrap:balance}
.ru-hero__text{max-width:34rem;margin-bottom:1.5rem;color:var(--ru-grey-100);font-size:clamp(1rem,2.1vw,1.2rem)}

.ru-category-card{position:relative;min-height:13rem;overflow:hidden;border-radius:var(--ru-radius-md);background:var(--ru-black);color:var(--ru-white);text-decoration:none}
.ru-category-card__media{position:absolute;inset:0}.ru-category-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0 / .88),rgb(0 0 0 / .06) 70%)}
.ru-category-card img{width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}.ru-category-card:hover img{transform:scale(1.035)}
.ru-category-card>span{position:absolute;z-index:1;left:1rem;bottom:1rem;font-family:var(--ru-font-display);font-size:1.55rem;text-transform:uppercase}

.ru-section--separated{position:relative;border-top:1px solid rgb(255 255 255 / .08)}
.ru-section--brands-home{background:var(--ru-paper)}
.ru-section-heading--split{display:grid;gap:1rem}.ru-section-heading--split>p{max-width:34rem;color:var(--ru-grey-700)}
.ru-brand-grid--home{grid-template-columns:1fr}
.ru-brand-card{position:relative;display:grid;overflow:hidden;min-height:27rem;padding:0;border:1px solid rgb(255 255 255 / .14);border-radius:var(--ru-radius-md);background:var(--ru-black);color:var(--ru-white);text-decoration:none;transition:border-color var(--ru-transition),transform var(--ru-transition)}
.ru-brand-card:hover{border-color:var(--ru-red);transform:translateY(-2px)}
.ru-brand-card__visual{position:absolute;inset:0;overflow:hidden;background:#0a0a0a;transition:transform 380ms ease}
.ru-brand-card__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .02) 0%,rgb(0 0 0 / .18) 45%,rgb(0 0 0 / .92) 100%)}
.ru-brand-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.92) contrast(1.04);transition:transform 480ms ease}
.ru-brand-card--oveja-negra-rebelde .ru-brand-card__visual img{object-position:center 30%}
.ru-brand-card--cierrabares .ru-brand-card__visual img{object-position:center 30%}
.ru-brand-card--13-slashers .ru-brand-card__visual img{object-position:center 28%}
.ru-brand-card__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:27rem;padding:1.35rem;background:linear-gradient(0deg,rgb(0 0 0 / .98),rgb(0 0 0 / .14) 72%)}
.ru-brand-card__kicker{margin-bottom:.55rem;color:var(--ru-red);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ru-brand-card__body p:not(.ru-brand-card__kicker){max-width:26rem;color:var(--ru-grey-100)}
.ru-brand-card:hover .ru-brand-card__visual img{transform:scale(1.045)}

.ru-section--dark{background:var(--ru-black);color:var(--ru-white)}
.ru-section--selection{background:var(--ru-white);color:var(--ru-black)}
.ru-section--values{background:linear-gradient(135deg,#0b0b0b,#1b0509);color:var(--ru-white)}
.ru-section--values .ru-value-list li{border-color:rgb(255 255 255 / .24)}
.ru-values{display:grid;gap:2rem}.ru-value-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.5rem 0 0;padding:0}.ru-value-list li{padding:.55rem .8rem;border:1px solid var(--ru-grey-300);border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase}

.ru-multibrand{padding-block:clamp(3rem,7vw,5.75rem);background:linear-gradient(135deg,#a9001d 0%,#ed0028 52%,#ff1744 100%);color:var(--ru-white);overflow:hidden}
.ru-multibrand__grid{display:grid;gap:2rem;align-items:center}
.ru-multibrand__copy{position:relative;z-index:2}
.ru-multibrand .ru-eyebrow{display:inline-flex;padding:.35rem .55rem;background:var(--ru-black);color:var(--ru-white);border-radius:.2rem}
.ru-multibrand h2{max-width:14ch;margin-bottom:1.25rem;font-size:clamp(2.6rem,7vw,5.2rem);line-height:.94;color:var(--ru-white);text-shadow:0 .08em .25em rgb(80 0 13 / .25)}
.ru-multibrand__copy>p:not(.ru-eyebrow){max-width:42rem;font-size:clamp(1rem,1.8vw,1.15rem);color:var(--ru-white)}
.ru-multibrand__brands{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:1.35rem 0 0;padding:0}
.ru-multibrand__brands li{padding:.5rem .7rem;border:1px solid rgb(255 255 255 / .5);border-radius:999px;background:rgb(0 0 0 / .12);font-size:.72rem;font-weight:900;letter-spacing:.04em}
.ru-multibrand__media{position:relative;margin:0;min-height:24rem;overflow:hidden;border:1px solid rgb(255 255 255 / .35);border-radius:var(--ru-radius-lg);box-shadow:0 2rem 5rem rgb(69 0 13 / .28)}
.ru-multibrand__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(0 0 0 / .72));pointer-events:none}
.ru-multibrand__image{width:100%;height:100%;min-height:24rem;object-fit:cover;object-position:62% center;transition:transform 500ms ease}
.ru-multibrand__media:hover .ru-multibrand__image{transform:scale(1.025)}
.ru-multibrand figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;font-family:var(--ru-font-display);font-size:clamp(1.35rem,3vw,2.1rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase}

.ru-newsletter{display:grid;gap:1.5rem;padding:1.5rem;border-radius:var(--ru-radius-lg);background:var(--ru-black);color:var(--ru-white)}
.ru-newsletter__form label{display:block;margin-bottom:.5rem;font-weight:850}
.ru-entry-card,.ru-search-result{display:grid;gap:1rem;padding:1rem;border:1px solid var(--ru-grey-300);border-radius:var(--ru-radius-md);background:var(--ru-white)}
.ru-entry-card__media img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--ru-radius-sm)}
.ru-search-result{grid-template-columns:1fr auto;align-items:center}.ru-search-result h2{font-size:1.6rem}

/* Clean internal-page components. */
.ru-page-hero{padding-block:clamp(3.5rem,8vw,7rem);background:var(--ru-black);color:var(--ru-white)}
.ru-page-hero h1{max-width:13ch;margin-bottom:1rem}.ru-page-hero p{max-width:46rem;color:var(--ru-grey-100);font-size:clamp(1rem,2vw,1.25rem)}
.ru-page-section{padding-block:clamp(3rem,7vw,6rem)}
.ru-page-section--paper{background:var(--ru-paper);color:var(--ru-black)}
.ru-page-section--dark{background:#111;color:var(--ru-white)}
.ru-page-grid{display:grid;gap:1.25rem}
.ru-page-card{padding:1.4rem;border:1px solid var(--ru-grey-300);border-radius:var(--ru-radius-md);background:var(--ru-white);color:var(--ru-black)}
.ru-page-section--dark .ru-page-card{border-color:rgb(255 255 255 / .14);background:#171717;color:var(--ru-white)}
.ru-page-card h3{margin-bottom:.65rem}.ru-page-card p{margin-bottom:0;color:inherit;opacity:.82}
.ru-contact-grid{display:grid;gap:1rem}.ru-contact-option{display:block;padding:1.25rem;border:1px solid rgb(255 255 255 / .16);border-radius:var(--ru-radius-md);background:rgb(255 255 255 / .035);color:var(--ru-white);text-decoration:none}.ru-contact-option:hover{border-color:var(--ru-red)}
.ru-contact-option strong{display:block;margin-bottom:.35rem;font-family:var(--ru-font-display);font-size:1.45rem;text-transform:uppercase}.ru-contact-option span{color:var(--ru-grey-100)}

@media (max-width:63.99rem){
  .ru-hero{min-height:clamp(35rem,82svh,48rem)}
  .ru-hero__image{top:0;height:100%;transform:none;will-change:auto;object-position:67% center}
  .ru-hero__media::after{background:linear-gradient(90deg,rgb(0 0 0 / .94) 0%,rgb(0 0 0 / .76) 42%,rgb(0 0 0 / .22) 72%,rgb(0 0 0 / .12) 100%)}
  .ru-hero__content{padding-block:4rem}
  .ru-hero h1{max-width:8.7ch;font-size:clamp(3rem,11vw,5.5rem)}
}

@media (max-width:35rem){
  .ru-hero{min-height:42rem;align-items:end}
  .ru-hero__image{object-position:64% center}
  .ru-hero__media::after{background:linear-gradient(180deg,rgb(0 0 0 / .16),rgb(0 0 0 / .34) 35%,rgb(0 0 0 / .94) 80%,rgb(0 0 0 / .98))}
  .ru-hero__content{padding-block:3.5rem 2.6rem}
  .ru-hero h1{max-width:10ch;font-size:clamp(2.8rem,14vw,4.4rem)}
  .ru-hero__text{max-width:24rem}
}

@media (min-width:48rem){
  .ru-category-card{min-height:20rem}
  .ru-values,.ru-newsletter{grid-template-columns:1fr 1.25fr;align-items:center}.ru-newsletter{padding:3rem}
  .ru-section-heading--split{grid-template-columns:1.2fr .8fr;align-items:end}
  .ru-brand-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ru-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ru-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:64rem){
  .ru-hero__content{padding-block:6.75rem}
  .ru-multibrand__grid{grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);gap:clamp(2rem,5vw,5rem)}
  .ru-multibrand__media,.ru-multibrand__image{min-height:32rem}
  .ru-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (min-width:74rem){
  .ru-brand-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ru-brand-card,.ru-brand-card__body{min-height:31rem}
}

@media (prefers-reduced-motion:reduce){
  .ru-hero__image{transform:none!important;will-change:auto}
  .ru-multibrand__image,.ru-brand-card__visual,.ru-brand-card__visual img{transition:none}
}

.ru-brand-home-all{display:flex;justify-content:center;margin-top:1.4rem}

/* About / La Urbania page — compact responsive hero with CSS parallax. */
.ru-page-hero--about{position:relative;display:flex;align-items:center;min-height:clamp(30rem,58vh,38rem);overflow:hidden;padding-block:clamp(2.75rem,5vw,4.5rem);background:#050505;color:var(--ru-white);isolation:isolate}
.ru-about-hero__media{position:absolute;z-index:-2;inset:0;background-color:#050505;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;transform:scale(1.025);transform-origin:center center}
.ru-page-hero--about::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .98) 0%,rgb(0 0 0 / .92) 30%,rgb(0 0 0 / .68) 52%,rgb(0 0 0 / .34) 76%,rgb(0 0 0 / .18) 100%)}
.ru-about-hero__content{position:relative;z-index:1}
.ru-about-hero__copy{width:min(100%,39rem);padding:clamp(1rem,2vw,1.55rem) clamp(1rem,2.2vw,1.55rem);border-left:3px solid var(--ru-red);background:linear-gradient(90deg,rgb(0 0 0 / .78),rgb(0 0 0 / .38) 72%,transparent);text-shadow:0 2px 18px rgb(0 0 0 / .4)}
.ru-about-hero__copy h1{max-width:12.5ch;margin-bottom:.9rem;font-size:clamp(3.25rem,5.6vw,5.8rem);line-height:.9;text-wrap:balance}
.ru-about-hero__copy>p:not(.ru-eyebrow){max-width:35rem;margin-bottom:1.15rem;font-size:clamp(.98rem,1.35vw,1.12rem);line-height:1.55}
.ru-about-hero__copy .ru-button-group{gap:.65rem}
.ru-about-hero__copy .ru-button{min-height:2.85rem;padding:.7rem 1rem}
.ru-about-heading{margin-bottom:1.75rem}
.ru-about-brand-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
.ru-about-brand-card{display:flex;flex-direction:column;overflow:hidden;min-height:100%;border:1px solid var(--ru-grey-300);border-radius:var(--ru-radius-md);background:var(--ru-white);color:var(--ru-black);transition:border-color var(--ru-transition),transform var(--ru-transition),box-shadow var(--ru-transition)}
.ru-about-brand-card:hover{border-color:var(--ru-red);transform:translateY(-3px);box-shadow:0 1.25rem 3rem rgb(0 0 0 / .10)}
.ru-about-brand-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0b0b}
.ru-about-brand-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 420ms ease}
.ru-about-brand-card:hover .ru-about-brand-card__media img{transform:scale(1.035)}
.ru-about-brand-card__body{display:flex;flex:1;flex-direction:column;gap:.8rem;padding:1.2rem 1.2rem 1.3rem}
.ru-about-brand-card__body h3{margin:0;font-size:clamp(1.45rem,2.1vw,2rem)}
.ru-about-brand-card__body h3 a{color:inherit;text-decoration:none}
.ru-about-brand-card__body p{margin:0;color:var(--ru-grey-700)}
.ru-about-brand-card__body .ru-text-link{margin-top:auto;color:var(--ru-black)}
.ru-about-values{border-top:3px solid var(--ru-red);background:linear-gradient(135deg,#090909 0%,#160509 100%)}

@media (max-width:63.99rem){
  .ru-page-hero--about{min-height:clamp(31rem,62svh,37rem);padding-block:3rem}
  .ru-about-hero__media{background-attachment:scroll;background-position:64% center;transform:none}
  .ru-page-hero--about::after{background:linear-gradient(90deg,rgb(0 0 0 / .95) 0%,rgb(0 0 0 / .78) 48%,rgb(0 0 0 / .32) 82%,rgb(0 0 0 / .20) 100%)}
  .ru-about-hero__copy{width:min(100%,36rem)}
  .ru-about-hero__copy h1{font-size:clamp(3.1rem,8vw,5rem)}
}

@media (max-width:47.99rem){
  .ru-page-hero--about{align-items:flex-end;min-height:clamp(33rem,70svh,39rem);padding-block:2.75rem 2rem}
  .ru-about-hero__media{background-position:70% center}
  .ru-page-hero--about::after{background:linear-gradient(180deg,rgb(0 0 0 / .20) 0%,rgb(0 0 0 / .38) 34%,rgb(0 0 0 / .84) 70%,rgb(0 0 0 / .98) 100%)}
  .ru-about-hero__copy{width:100%;padding:1rem .95rem 1.1rem;border-left:0;border-top:3px solid var(--ru-red);background:linear-gradient(180deg,rgb(0 0 0 / .08),rgb(0 0 0 / .80) 34%,rgb(0 0 0 / .95))}
  .ru-about-hero__copy h1{max-width:11.5ch;font-size:clamp(2.65rem,12vw,4.25rem);line-height:.92}
  .ru-about-hero__copy>p:not(.ru-eyebrow){font-size:.98rem;line-height:1.48}
  .ru-about-hero__copy .ru-button-group{display:grid;grid-template-columns:1fr;gap:.6rem}
  .ru-about-hero__copy .ru-button{width:100%}
}

@media (min-width:48rem){
  .ru-about-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:64rem){
  .ru-about-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ru-about-hero__content{padding-inline:clamp(1rem,2vw,2rem)}
}

@media (prefers-reduced-motion:reduce){
  .ru-about-brand-card,.ru-about-brand-card__media img{transition:none}
  .ru-about-hero__media{background-attachment:scroll;transform:none}
}