/* =========================
   RK DOOR SYSTEMS — V2
   ========================= */
:root{
  --red:#ed2329;
  --red-dark:#cc151b;
  --ink:#111315;
  --text:#575c62;
  --line:rgba(17,19,21,.11);
  --page:1210px;
  --radius:13px;
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow:0 16px 45px rgba(22,24,27,.10),0 2px 8px rgba(22,24,27,.04);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.nav-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(calc(100% - 56px),var(--page));margin-inline:auto}
.cursor-glow{
  position:fixed;
  z-index:999;
  width:220px;height:220px;
  left:0;top:0;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle,rgba(237,35,41,.08),transparent 68%);
  transform:translate(-50%,-50%);
  transition:opacity .25s ease;
}

/* HEADER */
.header{
  position:fixed !important;
  z-index:1000;
  left:0;
  right:0;
  top:0;
  width:100%;
  padding:0;
  transform:translateZ(0);
  backface-visibility:hidden;
  will-change:transform;
  isolation:isolate;
  pointer-events:none;
}

.header__bar{
  pointer-events:auto;
  width:100%;
  max-width:none;
  height:84px;
  margin:0;
  padding:
    12px
    max(38px,calc((100vw - 1370px) / 2 + 22px))
    0
    max(46px,calc((100vw - 1370px) / 2 + 30px));
  display:grid;
  grid-template-columns:240px 1fr auto;
  align-items:center;
  gap:22px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.24);
  border-radius:0;
  color:#fff;
  background:linear-gradient(
    180deg,
    rgba(28,28,29,.82),
    rgba(24,24,25,.60)
  );
  box-shadow:
    0 12px 32px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  transition:
    height .45s var(--ease),
    background .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
}

.header.is-scrolled .header__bar{
  height:76px;
  background:rgba(16,16,17,.93);
  border-bottom-color:rgba(255,255,255,.15);
  box-shadow:0 14px 38px rgba(0,0,0,.24);
}
.logo{width:215px}
.logo img{width:100%}
.nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(22px,2.7vw,42px);
  font-size:12px;
  white-space:nowrap;
}
.nav a{
  position:relative;
  padding:27px 0;
  color:rgba(255,255,255,.94);
  transition:color .25s ease;
}
.nav a::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:19px;
  height:1px;background:#fff;
  transition:right .35s var(--ease);
}
.nav a:hover::after{right:0}
.nav i{font-style:normal;font-size:10px;margin-left:3px}
.menu-toggle{
  display:none;
  width:44px;height:44px;padding:0;
  border:0;border-radius:50%;
  background:rgba(255,255,255,.09);
  cursor:pointer;
}
.menu-toggle span{
  display:block;width:18px;height:1px;
  margin:5px auto;background:#fff;
  transition:.3s var(--ease);
}

/* BUTTONS */
.button{
  position:relative;
  isolation:isolate;
  min-height:42px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border:1px solid transparent;
  border-radius:8px;
  font-size:12px;
  font-weight:500;
  line-height:1;
  overflow:hidden;
  will-change:transform;
  transition:box-shadow .35s ease,background .35s ease,color .35s ease,transform .25s ease;
}
.button::before{
  content:"";
  position:absolute;z-index:-1;
  top:-60%;left:-55%;
  width:55%;height:220%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent);
  transform:skewX(-22deg);
  transition:left .7s var(--ease);
}
.button:hover::before{left:120%}
.button:hover{transform:translateY(-2px)}
.button--red{
  color:#fff;
  background:linear-gradient(135deg,#f52d33,#db171d);
  box-shadow:0 11px 24px rgba(237,35,41,.22);
}
.button--red:hover{box-shadow:0 15px 32px rgba(237,35,41,.35)}
.button--white{
  color:#17191b;background:#fff;
  border-color:rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.button--quote{
  min-width:144px;
  height:44px;
  border-radius:13px;
}

/* HERO */
.hero{
  position:relative;
  height:100svh;
  min-height:720px;
  max-height:960px;
  color:#fff;
  overflow:hidden;
  background:#151515;
}
.hero__slides,.hero__slide,.hero__shade,.hero__noise{position:absolute;inset:0}
.hero__slide{
  opacity:0;
  background-position:center;
  background-size:cover;
  transform:scale(1.055);
  transition:opacity 1s ease,transform 7s linear;
}
.hero__slide.is-active{opacity:1;transform:scale(1)}

.hero__slide--video{
  background-color:#151515;
}

.hero__video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  background:#151515;
}

.hero__slide--video::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.02),
    rgba(0,0,0,.08)
  );
}

.hero__shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,5,6,.86) 0%,rgba(4,5,6,.62) 27%,rgba(4,5,6,.15) 55%,rgba(4,5,6,.10) 100%),
    linear-gradient(0deg,rgba(4,5,6,.28),transparent 38%);
}
.hero__noise{
  z-index:2;
  opacity:.07;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");
}
.hero__content{
  position:relative;z-index:4;
  width:min(calc(100% - 150px),1210px);
  height:100%;
  margin-inline:auto;
  display:flex;
  align-items:center;
  padding-top:78px;
}
.hero__copy{width:min(680px,60vw);margin-top:10px}
.eyebrow{
  margin:0 0 14px;
  color:var(--red);
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.hero__title{
  margin:0;
  font-size:clamp(48px,4.65vw,72px);
  line-height:1.08;
  letter-spacing:-.048em;
  font-weight:500;
}
.hero__text{
  margin:18px 0 0;
  color:rgba(255,255,255,.9);
  font-size:15px;
  line-height:1.55;
}
.hero__actions{display:flex;gap:18px;margin-top:25px}
.rating{
  display:flex;align-items:center;gap:14px;
  margin-top:35px;
  color:rgba(255,255,255,.72);
  font-size:10px;
}
.rating__stars{
  color:#ff2b31;
  font-size:15px;
  letter-spacing:3px;
  text-shadow:0 0 18px rgba(255,43,49,.5);
}
.rating__line{width:1px;height:13px;background:rgba(255,255,255,.25)}
.round-arrow{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  color:#fff;
  background:rgba(18,18,18,.34);
  box-shadow:0 7px 20px rgba(0,0,0,.15);
  backdrop-filter:blur(12px);
  cursor:pointer;
  font-size:26px;
  line-height:1;
  transition:.3s var(--ease);
}
.round-arrow:hover{color:#111;background:#fff;transform:scale(1.06)}
.hero__prev,.hero__next{position:absolute;z-index:5;top:57%}
.hero__prev{left:16px}
.hero__next{right:16px;background:#fff;color:#111}
.hero__pagination{
  position:absolute;z-index:5;
  left:50%;bottom:25px;
  display:flex;gap:12px;
  transform:translateX(-50%);
}
.hero__pagination button{
  width:10px;height:10px;padding:0;
  border:0;border-radius:50%;
  background:rgba(255,255,255,.95);
  cursor:pointer;
  transition:.3s var(--ease);
}
.hero__pagination button.is-active{background:var(--red);transform:scale(1.12)}

/* COLLECTION SECTIONS */
.collections{
  padding:110px 0 145px;
  background:#fff;
}

.collections .container{
  width:min(calc(100% - 80px),1480px);
}

.collection-card{
  min-height:640px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.collection-card + .collection-card{
  margin-top:135px;
}

.collection-card--reverse{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.collection-card--reverse .collection-card__media{
  order:2;
}

.collection-card--reverse .collection-card__content{
  order:1;
}

.collection-card__media{
  position:relative;
  min-height:640px;
  overflow:hidden;

}

.collection-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
 
}

.collection-card__media img{
  width:100%;
  height:112%;
  object-fit:cover;
  transform:translateY(-6%);
  transition:
    transform 1.15s var(--ease),
    filter .75s ease;
}

.collection-card:hover .collection-card__media img{
  filter:saturate(1.04) contrast(1.02);
}

.image-shine{
  position:absolute;
  z-index:2;
  top:-20%;
  left:-45%;
  width:24%;
  height:140%;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
  );
  transform:skewX(-22deg);
  transition:left 1.15s var(--ease);
}

.collection-card:hover .image-shine{
  left:125%;
}

.collection-card__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:82px clamp(48px,5vw,92px);
}

.collection-card--reverse .collection-card__content{
  padding:82px clamp(48px,5vw,92px);
}

.collection-card__content .eyebrow{
  margin-bottom:19px;
}

.collection-card__content h2{
  max-width:660px;
  margin:0;
  font-size:clamp(40px,4vw,60px);
  line-height:1.08;
  letter-spacing:-.047em;
  font-weight:400;
}

.lead{
  max-width:590px;
  margin:27px 0 33px;
  color:var(--text);
  font-size:15px;
  line-height:1.82;
}

.benefits{
  width:100%;
  max-width:620px;
  list-style:none;
  margin:0 0 39px;
  padding:0;
  display:grid;
  gap:17px;
  color:#565b61;
  font-size:13px;
}

.benefits li{
  display:flex;
  align-items:center;
  gap:15px;
}

.benefits p{
  margin:0;
  line-height:1.55;
}

.benefits span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(237,35,41,.46);
  border-radius:50%;
  color:var(--red);
  font-size:11px;
  transition:
    color .3s ease,
    background .3s ease,
    border-color .3s ease,
    transform .3s var(--ease);
}

.benefits li:hover span{
  color:#fff;
  background:var(--red);
  border-color:var(--red);
  transform:translateY(-2px);
}

.collection-card__content .button{
  min-height:50px;
  padding-inline:24px;
}

/* AUTOMOTIVE */
.automotive{
  padding:10px 0 90px;
  background:#fff;
}

.automotive .container{
  width:min(calc(100% - 80px),1480px);
}

.automotive__panel{
  position:relative;
  min-height:540px;
  display:grid;
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.42fr);
  gap:clamp(38px,5vw,86px);
  align-items:center;
  padding:58px;
  overflow:hidden;
  color:#fff;
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 8%,rgba(237,35,41,.14),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(255,255,255,.08),transparent 32%),
    linear-gradient(135deg,#292a2c 0%,#151617 54%,#101112 100%);
  box-shadow:
    0 28px 75px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.automotive__panel::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--red),rgba(237,35,41,.12));
}

.automotive__panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.08);
  border-radius:inherit;
}

.automotive__copy{
  position:relative;
  z-index:2;
  max-width:500px;
}

.automotive__copy .eyebrow{
  margin-bottom:14px;
}

.automotive__copy h2{
  margin:0;
  font-size:clamp(38px,3.6vw,58px);
  line-height:1.07;
  letter-spacing:-.045em;
  font-weight:400;
}

.automotive__intro{
  max-width:470px;
  margin:24px 0 28px;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.78;
}

.automotive__options{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:18px;
}

.automotive__options span{
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:rgba(255,255,255,.84);
  background:rgba(255,255,255,.045);
  font-size:10px;
  letter-spacing:.035em;
  backdrop-filter:blur(8px);
}

.automotive__availability{
  margin:0 0 30px;
  color:rgba(255,255,255,.45);
  font-size:10px;
  letter-spacing:.03em;
}

.automotive__gallery{
  position:relative;
  z-index:2;
  min-width:0;
  height:410px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);
  grid-template-rows:1fr 1fr;
  gap:16px;
}

.motif{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:#17191b;
  box-shadow:0 16px 35px rgba(0,0,0,.22);
  transform-style:preserve-3d;
  transition:
    transform .18s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.motif--featured{
  grid-row:1 / 3;
}

.motif:hover{
  border-color:rgba(255,255,255,.30);
  box-shadow:0 22px 46px rgba(0,0,0,.36);
}

.motif img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:
    transform .85s var(--ease),
    filter .4s ease;
}

.motif:hover img{
  transform:scale(1.045);
  filter:contrast(1.04) saturate(1.04);
}

.motif::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 44%,rgba(8,9,10,.92) 100%),
    linear-gradient(90deg,rgba(0,0,0,.06),transparent 45%);
}

.motif figcaption{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  padding:22px;
  display:flex;
  flex-direction:column;
}

.motif small{
  margin-bottom:5px;
  color:#fff;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.motif strong{
  max-width:330px;
  color:#fff;
  font-size:14px;
  line-height:1.35;
  font-weight:500;
}

.motif:not(.motif--featured) figcaption{
  padding:16px;
}

.motif:not(.motif--featured) strong{
  font-size:11px;
}

/* FOOTER */
.footer{
  position:relative;
  padding:70px 0 18px;
  background:
    linear-gradient(180deg,#f4f4f2 0%,#f8f8f7 100%);
  border-top:1px solid rgba(17,19,21,.08);
}

.footer::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    var(--red) 18%,
    var(--red) 82%,
    transparent 100%
  );
  opacity:.85;
}

.footer .container{
  width:min(calc(100% - 80px),1480px);
}

.footer__grid{
  display:grid;
  grid-template-columns:minmax(245px,1.55fr) repeat(5,minmax(120px,1fr));
  gap:clamp(34px,4vw,66px);
  padding:0 0 52px;
}

.footer__brand img{
  width:245px;
}

.footer__brand p{
  max-width:330px;
  margin:16px 0 22px;
  color:#555a60;
  font-size:12px;
  line-height:1.75;
}

.socials{
  display:flex;
  gap:10px;
}

.socials a{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid rgba(17,19,21,.12);
  border-radius:50%;
  background:rgba(255,255,255,.58);
  font-size:12px;
  transition:
    color .25s ease,
    border-color .25s ease,
    background .25s ease,
    transform .25s ease;
}

.socials a:hover{
  color:#fff;
  border-color:var(--red);
  background:var(--red);
  transform:translateY(-3px);
}

.footer__column{
  display:flex;
  flex-direction:column;
  gap:9px;
  color:#6c7176;
  font-size:11px;
  line-height:1.45;
}

.footer__column h3{
  position:relative;
  margin:0 0 12px;
  padding-bottom:12px;
  color:#151719;
  font-size:12px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.footer__column h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:30px;
  height:2px;
  background:var(--red);
}

.footer__column a{
  transition:
    color .2s ease,
    transform .2s ease;
}

.footer__column a:hover{
  color:var(--red);
  transform:translateX(3px);
}

.footer__contact{
  min-width:195px;
}

.footer__contact a,
.footer__contact p{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0;
}

.footer__contact span{
  width:15px;
  flex:0 0 15px;
  color:var(--red);
}

.footer__bottom{
  min-height:58px;
  padding-top:20px;
  border-top:1px solid rgba(17,19,21,.12);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  color:#858a8f;
  font-size:10px;
}

.footer__bottom div{
  display:flex;
  gap:35px;
}

.footer__bottom a{
  transition:color .2s ease;
}

.footer__bottom a:hover{
  color:var(--red);
}

/* MOTION */
.reveal{
  opacity:1;
  transform:none;
}

/* Hide reveal elements only after the corrected JavaScript is active. */
html.reveal-ready .reveal{
  opacity:0;
  transform:translateY(34px);
  transition:
    opacity .85s var(--ease),
    transform .85s var(--ease);
}

html.reveal-ready .reveal.is-visible{
  opacity:1;
  transform:none;
}

/* RESPONSIVE */
@media (max-width:1150px){
  .header__bar{grid-template-columns:205px 1fr auto}
  .logo{width:188px}
  .nav{gap:19px;font-size:10px}
  .footer__grid{
    grid-template-columns:1.4fr repeat(3,1fr);
    gap:42px 32px;
  }
}
@media (max-width:930px){
  .header{
    padding:0;
  }
  .header__bar{
    width:100%;
    height:72px;
    grid-template-columns:1fr auto;
    padding:10px 20px 0 28px;
    border-radius:0;
  }
  .header.is-scrolled .header__bar{
    height:70px;
  }
  .logo{width:185px}
  .menu-toggle{display:block;position:relative;z-index:3}
  .button--quote{display:none}
  .nav{
    position:fixed;
    left:10px;right:10px;top:82px;
    padding:22px;
    display:flex;flex-direction:column;
    align-items:flex-start;gap:1px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    background:rgba(16,16,17,.96);
    box-shadow:0 22px 48px rgba(0,0,0,.31);
    backdrop-filter:blur(20px);
    font-size:14px;
    opacity:0;visibility:hidden;
    transform:translateY(-10px) scale(.985);
    transition:.35s var(--ease);
  }
  .nav a{width:100%;padding:12px 2px}
  .nav a::after{bottom:7px}
  .header.is-open .nav{opacity:1;visibility:visible;transform:none}
  .header.is-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}
  .header.is-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .hero{min-height:760px;height:100svh}
  .hero__content{
    width:min(calc(100% - 52px),720px);
    align-items:flex-end;
    padding:130px 0 110px;
  }
  .hero__copy{width:100%}
  .hero__shade{
    background:
      linear-gradient(0deg,rgba(4,5,6,.88) 0%,rgba(4,5,6,.44) 48%,rgba(4,5,6,.10) 85%),
      linear-gradient(90deg,rgba(4,5,6,.38),transparent 72%);
  }
  .collections{
    padding:85px 0 110px;
  }
  .collections .container{
    width:min(calc(100% - 48px),760px);
  }
  .collection-card,
  .collection-card--reverse{
    min-height:auto;
    grid-template-columns:1fr;
  }
  .collection-card + .collection-card{
    margin-top:100px;
  }
  .collection-card--reverse .collection-card__media,
  .collection-card--reverse .collection-card__content{
    order:initial;
  }
  .collection-card__media{
    min-height:500px;
  }
  .collection-card__content,
  .collection-card--reverse .collection-card__content{
    padding:52px 14px 0;
  }
  .automotive .container,
  .footer .container{
    width:min(calc(100% - 48px),900px);
  }
  .automotive{
    padding-bottom:72px;
  }
  .automotive__panel{
    min-height:auto;
    grid-template-columns:1fr;
    gap:42px;
    padding:44px 36px;
  }
  .automotive__copy{
    max-width:650px;
  }
  .automotive__gallery{
    height:430px;
  }
  .footer{
    padding-top:58px;
  }
  .footer__grid{
    grid-template-columns:repeat(2,1fr);
    gap:42px 28px;
  }
  .footer__brand{
    grid-column:1/-1;
  }
}
@media (max-width:620px){
  .container{width:calc(100% - 28px)}
  .cursor-glow{display:none}
  .hero{min-height:710px}
  .hero__content{width:calc(100% - 40px);padding-bottom:105px}
  .hero__title{font-size:42px}
  .hero__text{font-size:13px}
  .hero__actions{width:min(260px,100%);flex-direction:column;gap:10px}
  .hero__actions .button{width:100%}
  .rating{align-items:flex-start;flex-direction:column;gap:5px;margin-top:24px}
  .rating__line{display:none}
  .hero__prev,.hero__next{top:auto;bottom:21px}
  .hero__prev{left:20px}.hero__next{right:20px}
  .hero__pagination{bottom:36px}
  .collections{
    padding:68px 0 88px;
  }
  .collections .container{
    width:calc(100% - 30px);
  }
  .collection-card + .collection-card{
    margin-top:78px;
  }
  .collection-card__media{
    min-height:330px;
  }
  .collection-card__content,
  .collection-card--reverse .collection-card__content{
    padding:37px 3px 0;
  }
  .collection-card__content h2{
    font-size:34px;
  }
  .lead{
    margin:20px 0 27px;
    font-size:14px;
    line-height:1.72;
  }
  .benefits{
    gap:14px;
    margin-bottom:31px;
    font-size:12px;
  }
  .benefits span{
    width:27px;
    height:27px;
    flex-basis:27px;
  }
  .automotive{
    padding:0 0 54px;
  }
  .automotive .container,
  .footer .container{
    width:calc(100% - 30px);
  }
  .automotive__panel{
    grid-template-columns:1fr;
    gap:32px;
    padding:34px 20px 20px;
    border-radius:14px;
  }
  .automotive__copy h2{
    font-size:34px;
  }
  .automotive__intro{
    margin:18px 0 22px;
    font-size:13px;
  }
  .automotive__gallery{
    height:auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:260px 150px;
    gap:10px;
  }
  .motif--featured{
    grid-column:1 / 3;
    grid-row:1;
  }
  .motif figcaption,
  .motif:not(.motif--featured) figcaption{
    padding:15px;
  }
  .motif strong,
  .motif:not(.motif--featured) strong{
    font-size:10px;
  }
  .footer{
    padding:48px 0 14px;
  }
  .footer__grid{
    grid-template-columns:1fr 1fr;
    gap:36px 20px;
    padding-bottom:40px;
  }
  .footer__brand{
    grid-column:1/-1;
  }
  .footer__brand img{
    width:220px;
  }
  .footer__column{
    font-size:10px;
  }
  .footer__bottom{
    flex-direction:column;
    padding-bottom:14px;
  }
  .footer__bottom div{
    flex-wrap:wrap;
    gap:16px 24px;
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


















:root {
  --rk-red: #f3222d;
  --rk-red-dark: #d91420;
  --ink: #171719;
  --muted: #5f6064;
  --ivory: #f8f6f1;
  --line: rgba(154, 127, 87, 0.28);
  --header-height: 78px;
  --content-width: 1440px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--ivory);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

.rk-header {
  position: relative;
  z-index: 20;
  height: var(--header-height);
  color: #fff;
  background: linear-gradient(105deg, #111214 0%, #18191a 58%, #121313 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rk-header__inner {
  width: min(calc(100% - 48px), var(--content-width));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.rk-brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  letter-spacing: -0.02em;
}

.rk-brand__mark {
  position: relative;
  display: block;
  width: 24px;
  height: 36px;
  perspective: 120px;
}

.rk-brand__mark i {
  position: absolute;
  display: block;
}

.rk-brand__mark i:nth-child(1) {
  inset: 0 11px 0 0;
  background: linear-gradient(150deg, #e3e4e5, #969a9d);
  clip-path: polygon(0 18%, 100% 0, 100% 82%, 0 100%);
}

.rk-brand__mark i:nth-child(2) {
  inset: 0 0 0 13px;
  background: linear-gradient(145deg, #ff3440, #dd101c);
  clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 82%);
}

.rk-brand__mark i:nth-child(3) {
  width: 4px;
  height: 24px;
  left: 11px;
  bottom: 0;
  background: #85888b;
  transform: skewY(28deg);
}

.rk-brand__name {
  font-size: 16px;
  white-space: nowrap;
}

.rk-brand__name strong {
  color: var(--rk-red);
  font-weight: 500;
}

.rk-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 3vw, 48px);
}

.rk-nav a {
  position: relative;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  transition: color 220ms ease;
}

.rk-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 1px;
  background: var(--rk-red);
  transition: right 260ms ease;
}

.rk-nav a:hover {
  color: #fff;
}

.rk-nav a:hover::after {
  right: 0;
}

.rk-nav span {
  margin-left: 3px;
  font-size: 10px;
}

.rk-quote,
.solid-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #fff;
  background: linear-gradient(135deg, #fb2934, #ec1723);
  box-shadow: 0 13px 30px rgba(238, 27, 39, 0.22);
  transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.rk-quote:hover,
.solid-card__button:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ff3944, var(--rk-red-dark));
  box-shadow: 0 17px 36px rgba(238, 27, 39, 0.3);
}

.rk-quote {
  flex: 0 0 auto;
  min-width: 150px;
  height: 46px;
  padding: 0 22px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 500;
}

.rk-quote svg,
.solid-card__button svg {
  width: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.solid-showcase {
  position: relative;
  min-height: calc(100vh - var(--header-height));
  padding: clamp(58px, 6.2vw, 104px) clamp(24px, 5vw, 84px);
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 87% 58%, rgba(219, 194, 156, 0.19), transparent 31%),
    radial-gradient(circle at 5% 12%, rgba(255, 255, 255, 0.98), transparent 28%),
    linear-gradient(115deg, #fbfaf7 0%, #f8f6f1 50%, #f3efe7 100%);
}

.solid-showcase::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.38;
  background-image:
    linear-gradient(rgba(85, 70, 50, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 70, 50, 0.026) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to right, black, transparent 64%);
}

.solid-showcase__orbit {
  position: absolute;
  z-index: -1;
  display: block;
  border: 1px solid rgba(204, 146, 88, 0.38);
  border-radius: 50%;
  pointer-events: none;
}

.solid-showcase__orbit--top {
  width: 900px;
  height: 900px;
  left: -635px;
  top: -590px;
}

.solid-showcase__orbit--bottom {
  width: 760px;
  height: 760px;
  right: -590px;
  bottom: -500px;
  opacity: 0.38;
}

.solid-showcase__grid {
  position: relative;
  width: min(100%, var(--content-width));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(510px, 0.94fr);
  align-items: center;
  gap: clamp(42px, 5.2vw, 84px);
}

.solid-visual {
  position: relative;
  min-height: min(760px, calc(100vh - 176px));
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(181, 150, 108, 0.45);
  border-radius: 88px 42px 96px 28px;
  background: #ded9cf;
  box-shadow:
    0 36px 80px rgba(66, 50, 28, 0.13),
    0 8px 22px rgba(66, 50, 28, 0.07);
  animation: reveal-left 850ms cubic-bezier(.2, .7, .2, 1) both;
}

.solid-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.solid-visual img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: block;
  object-fit: cover;
  object-position: 53% center;
  transition: transform 1.1s cubic-bezier(.2, .7, .2, 1), filter 600ms ease;
}

.solid-visual:hover img {
  transform: scale(1.035);
  filter: saturate(1.04) contrast(1.02);
}

.solid-visual__shine {
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -55%;
  width: 34%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent);
  transform: rotate(12deg);
  pointer-events: none;
}

.solid-visual:hover .solid-visual__shine {
  animation: image-shine 1.05s ease;
}

.solid-card {
  position: relative;
  min-height: 650px;
  padding: clamp(54px, 5vw, 86px) clamp(46px, 5vw, 82px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(255, 252, 247, 0.55));
  box-shadow:
    0 38px 100px rgba(70, 53, 31, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  animation: reveal-right 850ms 120ms cubic-bezier(.2, .7, .2, 1) both;
}

.solid-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 350px;
  height: 350px;
  right: -180px;
  bottom: -230px;
  border-radius: 50%;
  background: rgba(233, 208, 172, 0.24);
  filter: blur(6px);
}

.solid-card__number {
  position: absolute;
  z-index: 0;
  top: 12px;
  right: 30px;
  color: transparent;
  font-size: clamp(122px, 11vw, 190px);
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.09em;
  -webkit-text-stroke: 1px rgba(80, 74, 66, 0.12);
  user-select: none;
}

.solid-card__rail {
  position: absolute;
  z-index: 2;
  top: 80px;
  bottom: 44px;
  left: 43px;
  width: 1px;
  background: linear-gradient(to bottom, rgba(62, 60, 57, 0.8), rgba(62, 60, 57, 0.1));
}

.solid-card__rail span {
  position: absolute;
  top: 0;
  left: -2px;
  width: 5px;
  height: 22px;
  border-radius: 8px;
  background: var(--rk-red);
  box-shadow: 0 4px 14px rgba(243, 34, 45, 0.35);
}

.solid-card__body {
  position: relative;
  z-index: 2;
}

.solid-card__eyebrow {
  margin: 0 0 24px;
  color: var(--rk-red);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.solid-card h1 {
  max-width: 620px;
  margin: 0;
  color: #242426;
  font-size: clamp(44px, 4.15vw, 69px);
  font-weight: 300;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.solid-card__intro {
  max-width: 590px;
  margin: 30px 0 28px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.78;
}

.solid-features {
  max-width: 580px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.solid-features li {
  min-height: 49px;
  display: flex;
  align-items: center;
  gap: 17px;
  color: #5c5c60;
  border-bottom: 1px solid rgba(66, 59, 51, 0.07);
  font-size: 13px;
  line-height: 1.4;
  transition: color 220ms ease, transform 220ms ease;
}

.solid-features li:last-child {
  border-bottom: 0;
}

.solid-features li:hover {
  color: var(--ink);
  transform: translateX(4px);
}

.solid-features__icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(243, 34, 45, 0.65);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.52);
  transition: color 220ms ease, background 220ms ease, border-color 220ms ease;
}

.solid-features__icon svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #343438;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.solid-features li:hover .solid-features__icon {
  color: #fff;
  border-color: var(--rk-red);
  background: var(--rk-red);
}

.solid-features li:hover .solid-features__icon svg {
  stroke: currentColor;
}

.solid-card__button {
  min-width: 181px;
  height: 56px;
  margin-top: 27px;
  padding: 0 25px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 500;
}

@keyframes reveal-left {
  from { opacity: 0; transform: translate3d(-28px, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes reveal-right {
  from { opacity: 0; transform: translate3d(30px, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes image-shine {
  0% { left: -55%; opacity: 0; }
  24% { opacity: 1; }
  100% { left: 130%; opacity: 0; }
}

@media (max-width: 1220px) {
  .rk-nav {
    gap: 22px;
  }

  .rk-nav a {
    font-size: 11px;
  }

  .solid-showcase__grid {
    grid-template-columns: minmax(0, 1fr) minmax(430px, 0.88fr);
    gap: 36px;
  }

  .solid-card {
    padding-right: 52px;
  }
}

@media (max-width: 1020px) {
  .rk-nav {
    display: none;
  }

  .solid-showcase {
    padding-inline: 28px;
  }

  .solid-showcase__grid {
    grid-template-columns: 1fr;
    width: min(100%, 760px);
  }

  .solid-visual {
    min-height: 600px;
  }

  .solid-card {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  :root {
    --header-height: 68px;
  }

  .rk-header__inner {
    width: calc(100% - 32px);
  }

  .rk-brand__name {
    font-size: 13px;
  }

  .rk-brand__mark {
    width: 20px;
    height: 30px;
  }

  .rk-quote {
    min-width: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }

  .rk-quote svg {
    width: 18px;
  }

  .solid-showcase {
    padding: 32px 16px 48px;
  }

  .solid-showcase__grid {
    gap: 22px;
  }

  .solid-visual {
    min-height: 430px;
    border-radius: 44px 24px 54px 18px;
  }

  .solid-visual img {
    object-position: 58% center;
  }

  .solid-card {
    padding: 49px 26px 34px 46px;
    border-radius: 22px;
  }

  .solid-card__number {
    top: 16px;
    right: 22px;
    font-size: 100px;
  }

  .solid-card__rail {
    top: 50px;
    bottom: 28px;
    left: 24px;
  }

  .solid-card__eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
  }

  .solid-card h1 {
    font-size: clamp(38px, 11vw, 52px);
    line-height: 1.01;
  }

  .solid-card__intro {
    margin-block: 23px 18px;
    font-size: 13px;
    line-height: 1.65;
  }

  .solid-features li {
    min-height: 60px;
    gap: 13px;
    font-size: 12px;
  }

  .solid-features__icon {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }

  .solid-card__button {
    width: 100%;
    margin-top: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}




















/* RK Doors — matching entrance and garage doors */
.matching-doors,
.matching-doors * {
  box-sizing: border-box;
}

.matching-doors {
  --rk-red: #b51f24;
  --rk-dark: #10100f;
  --rk-text: #f2eee8;
  --rk-muted: #b8b3ac;

  position: relative;
  display: grid;
  grid-template-columns: minmax(390px, 43%) minmax(0, 57%);
  width: 100%;
  min-height: 720px;
  overflow: hidden;
  background: var(--rk-dark);
  color: var(--rk-text);
  isolation: isolate;
}

.matching-doors__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(70px, 8vw, 145px) clamp(38px, 6.2vw, 118px);
  background:
    radial-gradient(circle at 18% 46%, rgba(255, 255, 255, 0.035), transparent 37%),
    var(--rk-dark);
}

.matching-doors__content::after {
  content: "";
  position: absolute;
  top: 0;
  right: -130px;
  bottom: 0;
  width: 190px;
  pointer-events: none;
  background: linear-gradient(90deg, var(--rk-dark) 0%, rgba(16, 16, 15, 0.8) 35%, transparent 100%);
}

.matching-doors__eyebrow {
  margin: 0 0 36px;
  color: var(--rk-red);
  font: 500 12px/1.2 "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.34em;
  text-transform: uppercase;
}

.matching-doors__title {
  max-width: 680px;
  margin: 0;
  color: var(--rk-text);
  font: 300 clamp(46px, 4.25vw, 72px)/1.04 "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.035em;
}

.matching-doors__text {
  max-width: 610px;
  margin: 42px 0 0;
  color: var(--rk-muted);
  font: 300 clamp(14px, 1.15vw, 16px)/1.75 "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.004em;
}

.matching-doors__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  min-width: 320px;
  margin-top: 48px;
  padding: 20px 25px 20px 28px;
  border: 1px solid var(--rk-red);
  color: #f4efea;
  background: transparent;
  font: 500 11px/1 "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.23em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.35s ease, background-color 0.35s ease, transform 0.35s ease;
}

.matching-doors__arrow {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.35s ease;
}

.matching-doors__button:hover {
  color: #fff;
  background: var(--rk-red);
  transform: translateY(-2px);
}

.matching-doors__button:hover .matching-doors__arrow {
  transform: translateX(5px);
}

.matching-doors__media {
  position: relative;
  min-width: 0;
  min-height: 720px;
  overflow: hidden;
}

.matching-doors__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(16, 16, 15, 0.38), transparent 24%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.12), transparent 40%);
}

.matching-doors__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 55% center;
  transition: transform 1.2s cubic-bezier(0.2, 0.65, 0.25, 1);
}

.matching-doors:hover .matching-doors__media img {
  transform: scale(1.025);
}

@media (max-width: 1100px) {
  .matching-doors {
    grid-template-columns: 46% 54%;
    min-height: 650px;
  }

  .matching-doors__content {
    padding: 72px 45px;
  }

  .matching-doors__content::after {
    right: -85px;
    width: 125px;
  }

  .matching-doors__text {
    margin-top: 30px;
    line-height: 1.65;
  }

  .matching-doors__media {
    min-height: 650px;
  }
}

@media (max-width: 760px) {
  .matching-doors {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .matching-doors__content {
    padding: 72px 25px 64px;
  }

  .matching-doors__content::after {
    display: none;
  }

  .matching-doors__eyebrow {
    margin-bottom: 24px;
    font-size: 10px;
  }

  .matching-doors__title {
    font-size: clamp(39px, 12vw, 55px);
    line-height: 1.03;
  }

  .matching-doors__text {
    margin-top: 28px;
    font-size: 16px;
    line-height: 1.7;
  }

  .matching-doors__button {
    width: 100%;
    min-width: 0;
    margin-top: 38px;
  }

  .matching-doors__media {
    min-height: 58vw;
    max-height: 470px;
    order: 2;
  }

  .matching-doors__media::after {
    background: linear-gradient(180deg, rgba(16, 16, 15, 0.22), transparent 26%);
  }

  .matching-doors__media img {
    object-position: 52% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .matching-doors__media img,
  .matching-doors__button,
  .matching-doors__arrow {
    transition: none;
  }
 
}





















/* =========================================
   AUTOMOTIVE — LIGHT FULL WIDTH VERSION
   ========================================= */

.automotive {
  position: relative;
  width: 100%;
  padding: clamp(90px, 8vw, 145px) 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(255, 255, 255, 0.95),
      transparent 32%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(210, 212, 215, 0.30),
      transparent 35%
    ),
    linear-gradient(
      120deg,
      #f7f7f6 0%,
      #eeeeed 48%,
      #e5e6e7 100%
    );
}

.automotive::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image:
    linear-gradient(rgba(20, 22, 24, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 22, 24, 0.025) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 18%,
    #000 82%,
    transparent
  );
}

.automotive .container {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 80px), 1480px);
}

/* Uklonjen tamni panel, okvir, radius i sjena */
.automotive__panel {
  position: relative;
  min-height: 560px;
  display: grid;
  grid-template-columns:
    minmax(340px, 0.78fr)
    minmax(0, 1.42fr);
  align-items: center;
  gap: clamp(55px, 6vw, 110px);
  padding: 0;

  color: var(--ink);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.automotive__panel::before,
.automotive__panel::after {
  display: none;
}

/* Tekst */
.automotive__copy {
  position: relative;
  z-index: 2;
  max-width: 520px;
}

.automotive__copy .eyebrow {
  margin-bottom: 19px;
}

.automotive__copy h2 {
  max-width: 600px;
  margin: 0;
  color: #17191b;
  font-size: clamp(42px, 4vw, 64px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.05em;
}

.automotive__intro {
  max-width: 500px;
  margin: 27px 0 30px;
  color: #63676c;
  font-size: 14px;
  line-height: 1.8;
}

/* Opcije */
.automotive__options {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 19px;
}

.automotive__options span {
  padding: 10px 15px;
  color: #4d5156;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(17, 19, 21, 0.10);
  border-radius: 999px;
  box-shadow: 0 7px 18px rgba(20, 22, 24, 0.035);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 10px;
  letter-spacing: 0.035em;
  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease,
    transform 0.3s var(--ease);
}

.automotive__options span:hover {
  color: var(--red);
  border-color: rgba(237, 35, 41, 0.32);
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

.automotive__availability {
  margin: 0 0 32px;
  color: #92969a;
  font-size: 10px;
  letter-spacing: 0.03em;
}

/* Galerija */
.automotive__gallery {
  position: relative;
  z-index: 2;
  min-width: 0;
  height: 470px;
  display: grid;
  grid-template-columns:
    minmax(0, 1.28fr)
    minmax(210px, 0.72fr);
  grid-template-rows: 1fr 1fr;
  gap: 18px;
}

.motif {
  position: relative;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;

  border: 0;
  border-radius: 4px;
  background: #d8d9da;
  box-shadow: 0 20px 45px rgba(25, 27, 29, 0.11);

  transform-style: preserve-3d;
  transition:
    transform 0.25s ease,
    box-shadow 0.4s ease;
}

.motif--featured {
  grid-row: 1 / 3;
}

.motif:hover {
  border-color: transparent;
  box-shadow: 0 28px 58px rgba(25, 27, 29, 0.18);
}

.motif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.9s var(--ease),
    filter 0.45s ease;
}

.motif:hover img {
  transform: scale(1.04);
  filter: contrast(1.03) saturate(1.03);
}

.motif::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      transparent 45%,
      rgba(8, 9, 10, 0.82) 100%
    );
}

.motif figcaption {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
}

.motif small {
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.motif strong {
  max-width: 330px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

/* Tablet */
@media (max-width: 930px) {
  .automotive {
    padding: 90px 0;
  }

  .automotive .container {
    width: min(calc(100% - 48px), 900px);
  }

  .automotive__panel {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 55px;
    padding: 0;
  }

  .automotive__copy {
    max-width: 680px;
  }

  .automotive__gallery {
    height: 480px;
  }
}

/* Mobile */
@media (max-width: 620px) {
  .automotive {
    padding: 70px 0 60px;
  }

  .automotive .container {
    width: calc(100% - 30px);
  }

  .automotive__panel {
    gap: 38px;
    padding: 0;
    border-radius: 0;
  }

  .automotive__copy h2 {
    font-size: 36px;
    line-height: 1.08;
  }

  .automotive__intro {
    margin: 20px 0 24px;
    font-size: 13px;
    line-height: 1.72;
  }

  .automotive__options {
    gap: 7px;
  }

  .automotive__options span {
    padding: 9px 12px;
    font-size: 9px;
  }

  .automotive__gallery {
    height: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 280px 155px;
    gap: 10px;
  }

  .motif--featured {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .motif {
    border-radius: 3px;
  }

  .motif figcaption,
  .motif:not(.motif--featured) figcaption {
    padding: 15px;
  }

  .motif strong,
  .motif:not(.motif--featured) strong {
    font-size: 10px;
  }
}


















/* Collection visibility/layout safety */
.collections,
.collections .container,
.collection-card{
  position:relative;
}

.collections{
  z-index:1;
}

.collection-card{
  visibility:visible;
}

/* =========================================================
   RK AUTO — CINEMATIC LUXURY HERO
   Unique class prefix: rka-hero
   ========================================================= */

.rka-hero,
.rka-hero *{
  box-sizing:border-box;
}

.rka-hero{
  --rka-hero-gold:#c89b54;
  --rka-hero-gold-soft:#e8c889;
  --rka-hero-red:#ed1c27;
  --rka-hero-red-dark:#a90811;
  --rka-hero-white:#f7f5f1;
  --rka-hero-muted:rgba(247,245,241,.76);
  --rka-hero-ease:cubic-bezier(.22,1,.36,1);
  --rka-hero-pointer-x:68%;
  --rka-hero-pointer-y:38%;
  --rka-hero-move-x:0px;
  --rka-hero-move-y:0px;

  position:relative;
  width:100%;
  height:100svh;
  min-height:760px;
  max-height:1100px;
  overflow:hidden;
  isolation:isolate;
  color:var(--rka-hero-white);
  background:#08090a;
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
}

.rka-hero__slides,
.rka-hero__slide,
.rka-hero__media{
  position:absolute;
  inset:0;
}

.rka-hero__slide{
  z-index:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity 1.15s ease,
    visibility 1.15s ease;
}

.rka-hero__slide--active{
  z-index:1;
  opacity:1;
  visibility:visible;
}

.rka-hero__media{
  background-position:center;
  background-size:cover;
  will-change:transform;
  transform:
    translate3d(var(--rka-hero-move-x),var(--rka-hero-move-y),0)
    scale(1.075);
  transition:
    transform 9s linear,
    filter 1.2s ease;
  filter:saturate(.88) contrast(1.03);
}

.rka-hero__slide--active .rka-hero__media{
  transform:
    translate3d(var(--rka-hero-move-x),var(--rka-hero-move-y),0)
    scale(1.015);
}

.rka-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  background:#08090a;
}

.rka-hero__cinematic,
.rka-hero__vignette,
.rka-hero__noise,
.rka-hero__pointer-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.rka-hero__cinematic{
  z-index:2;
  background:
    linear-gradient(
      90deg,
      rgba(3,4,5,.90) 0%,
      rgba(3,4,5,.76) 19%,
      rgba(3,4,5,.43) 42%,
      rgba(3,4,5,.13) 67%,
      rgba(3,4,5,.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3,4,5,.20) 0%,
      transparent 34%,
      rgba(3,4,5,.17) 69%,
      rgba(3,4,5,.74) 100%
    );
}

.rka-hero__vignette{
  z-index:3;
  box-shadow:
    inset 0 0 170px rgba(0,0,0,.46),
    inset 0 -160px 170px rgba(0,0,0,.25);
  background:
    radial-gradient(
      ellipse at 58% 44%,
      transparent 17%,
      rgba(0,0,0,.06) 56%,
      rgba(0,0,0,.36) 100%
    );
}

.rka-hero__noise{
  z-index:4;
  opacity:.045;
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");
}

.rka-hero__pointer-glow{
  z-index:5;
  opacity:.5;
  background:
    radial-gradient(
      circle at var(--rka-hero-pointer-x) var(--rka-hero-pointer-y),
      rgba(200,155,84,.10),
      transparent 21%
    );
  transition:opacity .4s ease;
}

.rka-hero__content{
  position:relative;
  z-index:7;
  width:min(calc(100% - 150px),1410px);
  height:100%;
  margin-inline:auto;
  display:flex;
  align-items:center;
  padding:128px 0 124px;
}

.rka-hero__copy{
  width:min(710px,53vw);
  padding-left:14px;
  transition:
    opacity .32s ease,
    transform .42s var(--rka-hero-ease);
}

.rka-hero__copy.rka-hero__copy--switching{
  opacity:0;
  transform:translateY(18px);
}

.rka-hero__eyebrow{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 0 24px;
  padding-bottom:19px;
  color:var(--rka-hero-gold-soft);
  font-size:11px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.rka-hero__eyebrow::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:55px;
  height:1px;
  background:
    linear-gradient(
      90deg,
      var(--rka-hero-gold-soft),
      rgba(232,200,137,.18)
    );
  box-shadow:0 0 11px rgba(200,155,84,.31);
}

.rka-hero__title{
  max-width:700px;
  margin:0;
  color:#fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(60px,5.75vw,94px);
  font-weight:400;
  line-height:.86;
  letter-spacing:-.052em;
  text-wrap:balance;
  text-shadow:
    0 8px 32px rgba(0,0,0,.24),
    0 1px 0 rgba(255,255,255,.06);
}

.rka-hero__title em{
  color:var(--rka-hero-gold);
  font-style:normal;
  font-weight:500;
  text-shadow:
    0 0 25px rgba(200,155,84,.10),
    0 8px 32px rgba(0,0,0,.24);
}

.rka-hero__signature-line{
  position:relative;
  width:min(490px,82%);
  height:1px;
  margin:35px 0 29px;
  overflow:visible;
  background:
    linear-gradient(
      90deg,
      var(--rka-hero-gold) 0%,
      rgba(200,155,84,.38) 48%,
      transparent 100%
    );
}

.rka-hero__signature-line span{
  position:absolute;
  left:12%;
  top:50%;
  width:56px;
  height:12px;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(
      ellipse,
      rgba(255,232,181,.92) 0%,
      rgba(200,155,84,.35) 34%,
      transparent 72%
    );
  filter:blur(.3px);
  animation:rkaHeroLineGlow 3.5s ease-in-out infinite;
}

@keyframes rkaHeroLineGlow{
  0%,100%{
    opacity:.48;
    transform:translate(-50%,-50%) scale(.75);
  }
  50%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1.2);
  }
}

.rka-hero__description{
  max-width:560px;
  margin:0;
  color:var(--rka-hero-muted);
  font-size:14px;
  font-weight:300;
  line-height:1.72;
  text-shadow:0 3px 18px rgba(0,0,0,.3);
}

.rka-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:33px;
}

.rka-hero__button{
  position:relative;
  min-width:218px;
  min-height:54px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid transparent;
  border-radius:2px;
  color:#fff;
  font-size:10.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.095em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:0 13px 32px rgba(0,0,0,.18);
  transition:
    transform .35s var(--rka-hero-ease),
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.rka-hero__button::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  left:-55%;
  width:34%;
  height:240%;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.32),
      transparent
    );
  transform:skewX(-20deg);
  transition:left .75s var(--rka-hero-ease);
}

.rka-hero__button:hover::before{
  left:125%;
}

.rka-hero__button svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s var(--rka-hero-ease);
}

.rka-hero__button:hover svg{
  transform:translateX(4px);
}

.rka-hero__button--primary{
  background:
    linear-gradient(
      135deg,
      #f1242f 0%,
      #c90f19 60%,
      #9d0710 100%
    );
  border-color:rgba(255,255,255,.13);
  box-shadow:
    0 14px 35px rgba(211,17,28,.29),
    0 0 22px rgba(237,28,39,.10),
    inset 0 1px 0 rgba(255,255,255,.20);
}

.rka-hero__button--primary:hover{
  transform:translateY(-3px);
  box-shadow:
    0 19px 42px rgba(211,17,28,.40),
    0 0 27px rgba(237,28,39,.17),
    inset 0 1px 0 rgba(255,255,255,.24);
}

.rka-hero__button--ghost{
  color:rgba(255,255,255,.90);
  border-color:rgba(255,255,255,.48);
  background:
    linear-gradient(
      135deg,
      rgba(17,18,19,.46),
      rgba(17,18,19,.20)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 12px 30px rgba(0,0,0,.15);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.rka-hero__button--ghost:hover{
  color:#111;
  border-color:#fff;
  background:#fff;
  transform:translateY(-3px);
  box-shadow:0 17px 38px rgba(0,0,0,.24);
}

.rka-hero__features{
  display:flex;
  align-items:center;
  gap:0;
  margin-top:53px;
}

.rka-hero__feature{
  position:relative;
  min-width:127px;
  min-height:86px;
  padding:0 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}

.rka-hero__feature:first-child{
  padding-left:0;
}

.rka-hero__feature + .rka-hero__feature::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:1px;
  height:68px;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(255,255,255,.30),
      transparent
    );
}

.rka-hero__feature-icon{
  width:42px;
  height:42px;
  margin-bottom:11px;
  color:var(--rka-hero-gold);
  filter:drop-shadow(0 0 11px rgba(200,155,84,.12));
  transition:
    color .35s ease,
    transform .4s var(--rka-hero-ease),
    filter .35s ease;
}

.rka-hero__feature:hover .rka-hero__feature-icon{
  color:var(--rka-hero-gold-soft);
  transform:translateY(-4px) scale(1.05);
  filter:drop-shadow(0 0 16px rgba(200,155,84,.26));
}

.rka-hero__feature-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rka-hero__feature > span{
  color:rgba(255,255,255,.83);
  font-size:9px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.rka-hero__arrow{
  position:absolute;
  z-index:9;
  top:54%;
  width:48px;
  height:48px;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.43);
  border-radius:50%;
  color:#fff;
  background:rgba(6,7,8,.25);
  box-shadow:
    0 10px 28px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  cursor:pointer;
  transform:translateY(-50%);
  transition:
    color .35s ease,
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    transform .35s var(--rka-hero-ease);
}

.rka-hero__arrow::before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid transparent;
  border-radius:inherit;
  transition:border-color .35s ease;
}

.rka-hero__arrow svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s var(--rka-hero-ease);
}

.rka-hero__arrow:hover{
  color:#111;
  border-color:#fff;
  background:#fff;
  box-shadow:0 15px 34px rgba(0,0,0,.25);
  transform:translateY(-50%) scale(1.07);
}

.rka-hero__arrow--prev{
  left:22px;
}

.rka-hero__arrow--next{
  right:22px;
}

.rka-hero__arrow--prev:hover svg{
  transform:translateX(-2px);
}

.rka-hero__arrow--next:hover svg{
  transform:translateX(2px);
}

.rka-hero__pagination{
  position:absolute;
  z-index:10;
  left:50%;
  bottom:64px;
  display:flex;
  align-items:center;
  gap:12px;
  transform:translateX(-50%);
}

.rka-hero__dot{
  position:relative;
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.86);
  box-shadow:0 0 0 0 rgba(237,28,39,0);
  cursor:pointer;
  transition:
    background .3s ease,
    box-shadow .3s ease,
    transform .3s var(--rka-hero-ease);
}

.rka-hero__dot:hover{
  transform:scale(1.25);
}

.rka-hero__dot--active{
  background:var(--rka-hero-red);
  box-shadow:
    0 0 0 5px rgba(237,28,39,.10),
    0 0 16px rgba(237,28,39,.50);
  transform:scale(1.08);
}

.rka-hero__progress{
  position:absolute;
  z-index:10;
  left:50%;
  bottom:48px;
  width:88px;
  height:1px;
  overflow:hidden;
  transform:translateX(-50%);
  background:rgba(255,255,255,.14);
}

.rka-hero__progress-fill{
  display:block;
  width:0;
  height:100%;
  background:
    linear-gradient(
      90deg,
      var(--rka-hero-red),
      var(--rka-hero-gold-soft)
    );
  box-shadow:0 0 8px rgba(237,28,39,.32);
}

.rka-hero__discover{
  position:absolute;
  z-index:9;
  left:50%;
  bottom:0;
  min-width:340px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.42);
  background:rgba(4,5,6,.32);
  font-size:8.5px;
  font-weight:500;
  letter-spacing:.15em;
  text-transform:uppercase;
  text-decoration:none;
  transform:translateX(-50%);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  transition:
    color .35s ease,
    background .35s ease;
}

.rka-hero__discover::before,
.rka-hero__discover::after{
  content:"";
  position:absolute;
  top:-1px;
  width:calc((100vw - 340px) / 2);
  height:1px;
  background:rgba(255,255,255,.09);
}

.rka-hero__discover::before{
  right:100%;
}

.rka-hero__discover::after{
  left:100%;
}

.rka-hero__discover svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:rkaHeroDiscover 2.1s ease-in-out infinite;
}

.rka-hero__discover:hover{
  color:rgba(255,255,255,.83);
  background:rgba(4,5,6,.52);
}

@keyframes rkaHeroDiscover{
  0%,100%{transform:translateY(-1px)}
  50%{transform:translateY(3px)}
}

@media (max-width:1050px){
  .rka-hero{
    min-height:760px;
  }

  .rka-hero__content{
    width:min(calc(100% - 94px),840px);
    padding-top:118px;
  }

  .rka-hero__copy{
    width:min(670px,75vw);
  }

  .rka-hero__cinematic{
    background:
      linear-gradient(
        90deg,
        rgba(3,4,5,.88) 0%,
        rgba(3,4,5,.69) 35%,
        rgba(3,4,5,.25) 71%,
        rgba(3,4,5,.21) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3,4,5,.22),
        transparent 34%,
        rgba(3,4,5,.72)
      );
  }

  .rka-hero__features{
    margin-top:42px;
  }
}

@media (max-width:700px){
  .rka-hero{
    height:100svh;
    min-height:730px;
    max-height:none;
  }

  .rka-hero__media,
  .rka-hero__video{
    object-position:62% center;
    background-position:62% center;
  }

  .rka-hero__cinematic{
    background:
      linear-gradient(
        0deg,
        rgba(3,4,5,.94) 0%,
        rgba(3,4,5,.73) 48%,
        rgba(3,4,5,.18) 84%
      ),
      linear-gradient(
        90deg,
        rgba(3,4,5,.48),
        transparent 82%
      );
  }

  .rka-hero__content{
    width:calc(100% - 38px);
    align-items:flex-end;
    padding:116px 0 116px;
  }

  .rka-hero__copy{
    width:100%;
    padding-left:0;
  }

  .rka-hero__eyebrow{
    margin-bottom:18px;
    padding-bottom:14px;
    font-size:8.5px;
    letter-spacing:.16em;
  }

  .rka-hero__title{
    max-width:510px;
    font-size:clamp(48px,15.7vw,68px);
    line-height:.88;
  }

  .rka-hero__signature-line{
    margin:25px 0 21px;
  }

  .rka-hero__description{
    font-size:12px;
    line-height:1.62;
  }

  .rka-hero__description br:nth-child(2){
    display:none;
  }

  .rka-hero__actions{
    width:min(320px,100%);
    margin-top:24px;
    flex-direction:column;
    gap:9px;
  }

  .rka-hero__button{
    width:100%;
    min-height:49px;
  }

  .rka-hero__features{
    margin-top:29px;
  }

  .rka-hero__feature{
    min-width:0;
    flex:1;
    padding:0 13px;
  }

  .rka-hero__feature-icon{
    width:33px;
    height:33px;
    margin-bottom:7px;
  }

  .rka-hero__feature > span{
    font-size:7.5px;
    letter-spacing:.07em;
  }

  .rka-hero__feature + .rka-hero__feature::before{
    height:55px;
  }

  .rka-hero__arrow{
    top:auto;
    bottom:53px;
    width:39px;
    height:39px;
    transform:none;
  }

  .rka-hero__arrow:hover{
    transform:scale(1.05);
  }

  .rka-hero__arrow--prev{
    left:16px;
  }

  .rka-hero__arrow--next{
    right:16px;
  }

  .rka-hero__pagination{
    bottom:70px;
  }

  .rka-hero__progress{
    bottom:57px;
  }

  .rka-hero__discover{
    min-width:230px;
    font-size:7px;
  }

  .rka-hero__discover::before,
  .rka-hero__discover::after{
    width:calc((100vw - 230px) / 2);
  }
}

@media (max-height:790px) and (min-width:701px){
  .rka-hero__content{
    padding-top:105px;
    padding-bottom:84px;
  }

  .rka-hero__title{
    font-size:clamp(57px,5vw,76px);
  }

  .rka-hero__signature-line{
    margin:25px 0 20px;
  }

  .rka-hero__actions{
    margin-top:24px;
  }

  .rka-hero__features{
    margin-top:30px;
  }

  .rka-hero__feature-icon{
    width:36px;
    height:36px;
  }
}

@media (prefers-reduced-motion:reduce){
  .rka-hero *,
  .rka-hero *::before,
  .rka-hero *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}















/* =====================================================
   RK AUTO — GENERAL ENTRANCE OVERVIEW
   Unique prefix: rka-overview
   ===================================================== */

.rka-overview,
.rka-overview * {
  box-sizing: border-box;
}

.rka-overview {
  --rka-overview-red: #ed202b;
  --rka-overview-red-dark: #bd0f18;
  --rka-overview-ink: #151618;
  --rka-overview-text: #666a70;
  --rka-overview-line: rgba(21, 22, 24, 0.1);
  --rka-overview-ease: cubic-bezier(.22, 1, .36, 1);

  position: relative;
  padding: 92px 42px 112px;
  overflow: hidden;
  color: var(--rka-overview-ink);
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(255, 255, 255, 0.96),
      transparent 30%
    ),
    radial-gradient(
      circle at 94% 88%,
      rgba(237, 32, 43, 0.035),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #fafafa 0%,
      #f6f6f5 50%,
      #fbfbfb 100%
    );
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

.rka-overview::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image:
    linear-gradient(
      rgba(30, 31, 33, 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(30, 31, 33, 0.018) 1px,
      transparent 1px
    );
  background-size: 72px 72px;
}

.rka-overview__shell {
  position: relative;
  z-index: 2;
  width: min(100%, 1520px);
  min-height: 720px;
  margin-inline: auto;
  padding: clamp(40px, 4vw, 64px);
  display: grid;
  grid-template-columns:
    minmax(0, 1.04fr)
    minmax(500px, 0.96fr);
  align-items: stretch;
  gap: clamp(50px, 5vw, 88px);
  border: 1px solid rgba(21, 22, 24, 0.055);
  border-radius: 20px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.94),
      rgba(255, 255, 255, 0.75)
    );
  box-shadow:
    0 35px 95px rgba(27, 29, 32, 0.08),
    0 8px 28px rgba(27, 29, 32, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* IMAGE */

.rka-overview__media {
  min-width: 0;
  display: flex;
}

.rka-overview__image-wrap {
  position: relative;
  width: 100%;
  min-height: 650px;
  margin: 0;
  overflow: hidden;
  border-radius: 35px 35px 35px 35px;
  background: #161718;
  box-shadow:
    0 30px 65px rgba(17, 18, 20, 0.16),
    0 8px 24px rgba(17, 18, 20, 0.09);
  isolation: isolate;
}

.rka-overview__image-wrap::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: inherit;
}

.rka-overview__image {
  width: 100%;
  height: 100%;
  min-height: 650px;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.015);
  transition:
    transform 1.25s var(--rka-overview-ease),
    filter 0.7s ease;
}

.rka-overview__image-wrap:hover .rka-overview__image {
  transform: scale(1.06);
  filter: saturate(1.04) contrast(1.025);
}

.rka-overview__image-shade {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(4, 5, 6, 0.02) 42%,
      rgba(4, 5, 6, 0.42) 100%
    ),
    linear-gradient(
      90deg,
      rgba(4, 5, 6, 0.12),
      transparent 52%
    );
}

.rka-overview__image-glow {
  position: absolute;
  z-index: 3;
  top: -30%;
  left: -52%;
  width: 33%;
  height: 165%;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.28),
      transparent
    );
  transform: rotate(12deg);
}

.rka-overview__image-wrap:hover .rka-overview__image-glow {
  animation: rkaOverviewImageGlow 1.1s ease;
}

@keyframes rkaOverviewImageGlow {
  0% {
    left: -52%;
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    left: 130%;
    opacity: 0;
  }
}

.rka-overview__image-label {
  position: absolute;
  z-index: 5;
  left: 28px;
  bottom: 26px;
  padding: 13px 17px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(11, 12, 13, 0.42);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}

.rka-overview__image-label span {
  color: var(--rka-overview-red);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.rka-overview__image-label small {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* CONTENT */

.rka-overview__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 20px 15px 0;
}

.rka-overview__eyebrow {
  position: relative;
  margin: 0 0 24px;
  color: var(--rka-overview-red);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.rka-overview__eyebrow::before {
  content: "";
  position: absolute;
  left: -48px;
  top: 50%;
  width: 32px;
  height: 1px;
  background: var(--rka-overview-red);
  box-shadow: 0 0 10px rgba(237, 32, 43, 0.22);
}

.rka-overview__title {
  max-width: 700px;
  margin: 0;
  color: #121315;
  font-size: clamp(46px, 4vw, 68px);
  font-weight: 400;
  line-height: 0.99;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.rka-overview__copy {
  max-width: 660px;
  margin-top: 29px;
  color: var(--rka-overview-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.76;
}

.rka-overview__copy p {
  margin: 0;
}

.rka-overview__copy p + p {
  margin-top: 18px;
}

.rka-overview__divider {
  width: 100%;
  height: 1px;
  margin: 29px 0 28px;
  background:
    linear-gradient(
      90deg,
      rgba(21, 22, 24, 0.11),
      rgba(237, 32, 43, 0.13),
      transparent
    );
}

/* FEATURES */

.rka-overview__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 29px;
}

.rka-overview__feature {
  position: relative;
  min-width: 0;
  padding: 0 29px;
}

.rka-overview__feature:first-child {
  padding-left: 0;
}

.rka-overview__feature:last-child {
  padding-right: 0;
}

.rka-overview__feature + .rka-overview__feature::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 1px;
  height: calc(100% - 6px);
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(21, 22, 24, 0.14),
      transparent
    );
}

.rka-overview__icon {
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
  color: var(--rka-overview-red);
  transition:
    transform 0.4s var(--rka-overview-ease),
    filter 0.35s ease;
}

.rka-overview__feature:hover .rka-overview__icon {
  transform: translateY(-4px) scale(1.05);
  filter: drop-shadow(0 7px 11px rgba(237, 32, 43, 0.18));
}

.rka-overview__icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rka-overview__feature h3 {
  margin: 0;
  color: #1d1e20;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.rka-overview__feature p {
  margin: 9px 0 0;
  color: #777b80;
  font-size: 11.5px;
  line-height: 1.62;
}

/* BUTTON */

.rka-overview__button {
  position: relative;
  width: max-content;
  min-width: 210px;
  min-height: 51px;
  padding: 0 20px 0 23px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  color: #fff;
  background:
    linear-gradient(
      135deg,
      #f52b35 0%,
      #df1721 55%,
      #bb0b14 100%
    );
  box-shadow:
    0 14px 29px rgba(237, 32, 43, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 0.35s var(--rka-overview-ease),
    box-shadow 0.35s ease;
}

.rka-overview__button::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -70%;
  left: -55%;
  width: 34%;
  height: 240%;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.36),
      transparent
    );
  transform: skewX(-20deg);
  transition: left 0.75s var(--rka-overview-ease);
}

.rka-overview__button:hover {
  transform: translateY(-3px);
  box-shadow:
    0 19px 38px rgba(237, 32, 43, 0.32),
    0 0 20px rgba(237, 32, 43, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.27);
}

.rka-overview__button:hover::before {
  left: 125%;
}

.rka-overview__button svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.35s var(--rka-overview-ease);
}

.rka-overview__button:hover svg {
  transform: translateX(4px);
}

/* RESPONSIVE */

@media (max-width: 1180px) {
  .rka-overview__shell {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(430px, 0.95fr);
    gap: 45px;
  }

  .rka-overview__feature {
    padding-inline: 18px;
  }

  .rka-overview__eyebrow::before {
    display: none;
  }
}

@media (max-width: 960px) {
  .rka-overview {
    padding: 70px 25px 90px;
  }

  .rka-overview__shell {
    width: min(100%, 780px);
    grid-template-columns: 1fr;
    padding: 34px;
  }

  .rka-overview__image-wrap,
  .rka-overview__image {
    min-height: 590px;
  }

  .rka-overview__content {
    padding: 22px 8px 8px;
  }
}

@media (max-width: 640px) {
  .rka-overview {
    padding: 48px 15px 68px;
  }

  .rka-overview__shell {
    padding: 14px;
    gap: 31px;
    border-radius: 15px;
  }

  .rka-overview__image-wrap,
  .rka-overview__image {
    min-height: 420px;
  }

  .rka-overview__image-wrap {
    border-radius: 23px;
  }

  .rka-overview__image-label {
    left: 16px;
    bottom: 16px;
  }

  .rka-overview__content {
    padding: 7px 5px 17px;
  }

  .rka-overview__eyebrow {
    margin-bottom: 17px;
    font-size: 8px;
  }

  .rka-overview__title {
    font-size: clamp(39px, 12vw, 52px);
    line-height: 1.01;
  }

  .rka-overview__copy {
    margin-top: 22px;
    font-size: 13px;
    line-height: 1.7;
  }

  .rka-overview__features {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .rka-overview__feature,
  .rka-overview__feature:first-child,
  .rka-overview__feature:last-child {
    padding: 0 0 24px;
    border-bottom: 1px solid var(--rka-overview-line);
  }

  .rka-overview__feature:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .rka-overview__feature + .rka-overview__feature::before {
    display: none;
  }

  .rka-overview__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rka-overview *,
  .rka-overview *::before,
  .rka-overview *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* =========================================================
   RK AUTO — FULL-BLEED BACKGROUND / CONTAINED CONTENT
   Unique class prefix: rka-statement
   ========================================================= */

.rka-statement,
.rka-statement *{
  box-sizing:border-box;
}

.rka-statement{
  --rka-statement-red:#ec202b;
  --rka-statement-red-dark:#b90c15;
  --rka-statement-ink:#252629;
  --rka-statement-muted:#6d7176;
  --rka-statement-line:rgba(35,37,40,.11);
  --rka-statement-ease:cubic-bezier(.22,1,.36,1);

  position:relative;
  width:100%;
  padding:96px 0 112px;
  overflow:hidden;
  color:var(--rka-statement-ink);
  background:
    radial-gradient(circle at 3% 7%,rgba(255,255,255,.98),transparent 31%),
    radial-gradient(circle at 96% 88%,rgba(236,32,43,.035),transparent 28%),
    linear-gradient(135deg,#fbfbfa 0%,#f5f5f3 52%,#fafafa 100%);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
}

.rka-statement::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;

  background-size:78px 78px;
}

/*
 * Full-width section background, while all real content is constrained
 * exactly like the other page sections.
 */
.rka-statement__shell{
  position:relative;
  z-index:2;
  width:min(calc(100% - 80px),1480px);
  margin-inline:auto;
  overflow:hidden;
  border:1px solid rgba(31,33,36,.055);
  border-radius:20px;
 
}

/* MAIN CONTENT */

.rka-statement__main{
  min-height:700px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);
  align-items:stretch;
  gap:clamp(48px,4.6vw,80px);
  padding:48px 50px 32px;
}

/* LEFT IMAGE */

.rka-statement__visual{
  position:relative;
  min-width:0;
  min-height:620px;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  border-radius:32px;
  background:#d8d6d1;
  box-shadow:
    0 29px 68px rgba(31,33,36,.15),
    0 8px 22px rgba(31,33,36,.075);
  animation:rkaStatementVisualIn 1s var(--rka-statement-ease) both;
}

.rka-statement__visual::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.48);
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);
}

.rka-statement__image{
  width:100%;
  height:100%;
  min-height:620px;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:scale(1.018);
  transition:
    transform 1.3s var(--rka-statement-ease),
    filter .72s ease;
}

.rka-statement__visual:hover .rka-statement__image{
  transform:scale(1.06);
  filter:saturate(1.035) contrast(1.025);
}

.rka-statement__shade{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 45%,rgba(15,16,18,.18) 100%),
    linear-gradient(90deg,rgba(10,11,12,.05),transparent 52%);
}

.rka-statement__shine{
  position:absolute;
  z-index:3;
  top:-30%;
  left:-58%;
  width:31%;
  height:170%;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transform:rotate(12deg);
}

.rka-statement__visual:hover .rka-statement__shine{
  animation:rkaStatementShine 1.2s ease;
}

.rka-statement__badge{
  position:absolute;
  z-index:5;
  left:28px;
  bottom:27px;
  width:168px;
  min-height:174px;
  padding:25px 17px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:11px;
  color:#2a2b2e;
  background:rgba(255,255,255,.73);
  box-shadow:
    0 18px 42px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(17px) saturate(120%);
  -webkit-backdrop-filter:blur(17px) saturate(120%);
  transition:
    transform .45s var(--rka-statement-ease),
    box-shadow .45s ease;
}

.rka-statement__badge:hover{
  transform:translateY(-5px);
  box-shadow:
    0 25px 50px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.rka-statement__badge small{
  margin-bottom:11px;
  color:#777a7e;
  font-size:7.5px;
  font-weight:500;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.rka-statement__badge strong{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:19px;
  font-weight:500;
  line-height:1.03;
  letter-spacing:.015em;
  text-transform:uppercase;
}

.rka-statement__badge span{
  width:26px;
  height:1px;
  margin:15px 0;
  background:var(--rka-statement-red);
  box-shadow:0 0 9px rgba(236,32,43,.25);
}

/* RIGHT CONTENT */

.rka-statement__content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 22px 24px 0;
  animation:rkaStatementContentIn 1s .12s var(--rka-statement-ease) both;
}

.rka-statement__eyebrow{
  position:relative;
  margin:0 0 27px;
  padding-bottom:19px;
  color:var(--rka-statement-red);
  font-size:10.5px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.rka-statement__eyebrow::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:56px;
  height:1px;
  background:
    linear-gradient(90deg,var(--rka-statement-red),rgba(236,32,43,.14));
  box-shadow:0 0 10px rgba(236,32,43,.22);
}

.rka-statement__title{
  max-width:740px;
  margin:0;
  color:#2a2b2e;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,4.7vw,82px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.048em;
  text-wrap:balance;
}

.rka-statement__title em{
  color:var(--rka-statement-red);
  font-style:normal;
  font-weight:500;
}

.rka-statement__intro{
  max-width:650px;
  margin:31px 0 0;
  color:var(--rka-statement-muted);
  font-size:13.5px;
  font-weight:400;
  line-height:1.78;
}

.rka-statement__pillars{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:35px;
}

.rka-statement__pillar{
  position:relative;
  min-width:0;
  padding:0 25px;
}

.rka-statement__pillar:first-child{
  padding-left:0;
}

.rka-statement__pillar:last-child{
  padding-right:0;
}

.rka-statement__pillar + .rka-statement__pillar::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:1px;
  height:calc(100% - 16px);
  background:
    linear-gradient(180deg,transparent,rgba(35,37,40,.17),transparent);
}

.rka-statement__number{
  display:block;
  margin-bottom:11px;
  color:var(--rka-statement-red);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}

.rka-statement__pillar-icon{
  width:40px;
  height:40px;
  margin-bottom:13px;
  color:var(--rka-statement-red);
  transition:
    transform .42s var(--rka-statement-ease),
    filter .35s ease;
}

.rka-statement__pillar:hover .rka-statement__pillar-icon{
  transform:translateY(-5px) scale(1.05);
  filter:drop-shadow(0 8px 13px rgba(236,32,43,.18));
}

.rka-statement__pillar-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rka-statement__pillar h3{
  margin:0;
  color:#303135;
  font-size:11px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.rka-statement__pillar p{
  margin:10px 0 0;
  color:#7b7e83;
  font-size:11px;
  line-height:1.62;
}

.rka-statement__button{
  position:relative;
  width:max-content;
  min-width:300px;
  min-height:53px;
  margin-top:33px;
  padding:0 21px 0 25px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:27px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  color:#fff;
  background:
    linear-gradient(135deg,#f52b35 0%,#df1721 54%,#b80b14 100%);
  box-shadow:
    0 15px 31px rgba(236,32,43,.24),
    inset 0 1px 0 rgba(255,255,255,.25);
  font-size:10.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:
    transform .35s var(--rka-statement-ease),
    box-shadow .35s ease;
}

.rka-statement__button::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  left:-55%;
  width:33%;
  height:240%;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.37),transparent);
  transform:skewX(-20deg);
  transition:left .8s var(--rka-statement-ease);
}

.rka-statement__button:hover{
  transform:translateY(-3px);
  box-shadow:
    0 20px 42px rgba(236,32,43,.34),
    0 0 22px rgba(236,32,43,.12),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.rka-statement__button:hover::before{
  left:125%;
}

.rka-statement__button svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s var(--rka-statement-ease);
}

.rka-statement__button:hover svg{
  transform:translateX(5px);
}

/* BOTTOM BENEFIT BAR */

.rka-statement__benefits{
  width:100%;
  min-height:145px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  padding:29px 50px 31px;
  border-top:1px solid rgba(35,37,40,.08);
  background:
    radial-gradient(circle at 50% 0,rgba(236,32,43,.025),transparent 35%),
    linear-gradient(180deg,#fff 0%,#fafaf9 100%);
}

.rka-statement__benefit{
  position:relative;
  min-width:0;
  min-height:82px;
  padding:0 clamp(24px,2.7vw,45px);
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:18px;
}

.rka-statement__benefit:first-child{
  padding-left:0;
}

.rka-statement__benefit:last-child{
  padding-right:0;
}

.rka-statement__benefit + .rka-statement__benefit::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:1px;
  height:100%;
  background:
    linear-gradient(180deg,transparent,rgba(35,37,40,.16),transparent);
}

.rka-statement__benefit-icon{
  width:43px;
  height:43px;
  color:var(--rka-statement-red);
  transition:
    transform .42s var(--rka-statement-ease),
    filter .35s ease;
}

.rka-statement__benefit:hover .rka-statement__benefit-icon{
  transform:translateY(-5px);
  filter:drop-shadow(0 8px 13px rgba(236,32,43,.18));
}

.rka-statement__benefit-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rka-statement__benefit h3{
  margin:0;
  color:#303135;
  font-size:11px;
  font-weight:600;
  line-height:1.42;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.rka-statement__benefit p{
  margin:7px 0 0;
  color:#85888c;
  font-size:10.5px;
  line-height:1.55;
}

/* ANIMATIONS */

@keyframes rkaStatementVisualIn{
  from{
    opacity:0;
    transform:translate3d(-30px,18px,0);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes rkaStatementContentIn{
  from{
    opacity:0;
    transform:translate3d(30px,18px,0);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes rkaStatementShine{
  0%{left:-58%;opacity:0}
  24%{opacity:1}
  100%{left:130%;opacity:0}
}

/* RESPONSIVE */

@media (max-width:1180px){
  .rka-statement__shell{
    width:min(calc(100% - 56px),1100px);
  }

  .rka-statement__main{
    grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);
    gap:40px;
    padding-inline:40px;
  }

  .rka-statement__pillar{
    padding-inline:17px;
  }

  .rka-statement__benefit{
    padding-inline:20px;
    grid-template-columns:40px minmax(0,1fr);
  }

  .rka-statement__benefit-icon{
    width:38px;
    height:38px;
  }
}

@media (max-width:960px){
  .rka-statement{
    padding:75px 0 92px;
  }

  .rka-statement__shell{
    width:min(calc(100% - 48px),780px);
  }

  .rka-statement__main{
    grid-template-columns:1fr;
    gap:42px;
    padding:34px;
  }

  .rka-statement__visual,
  .rka-statement__image{
    min-height:580px;
  }

  .rka-statement__content{
    padding:10px 8px 15px;
  }

  .rka-statement__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 0;
    padding:34px;
  }

  .rka-statement__benefit:nth-child(3)::before{
    display:none;
  }
}

@media (max-width:620px){
  .rka-statement{
    padding:50px 0 68px;
  }

  .rka-statement__shell{
    width:calc(100% - 30px);
    border-radius:15px;
  }

  .rka-statement__main{
    padding:14px;
    gap:31px;
  }

  .rka-statement__visual,
  .rka-statement__image{
    min-height:430px;
  }

  .rka-statement__visual{
    border-radius:23px;
  }

  .rka-statement__badge{
    left:15px;
    bottom:15px;
    width:135px;
    min-height:137px;
    padding:18px 12px;
  }

  .rka-statement__badge strong{
    font-size:15px;
  }

  .rka-statement__content{
    padding:7px 6px 19px;
  }

  .rka-statement__eyebrow{
    margin-bottom:20px;
    font-size:8px;
  }

  .rka-statement__title{
    font-size:clamp(47px,14vw,61px);
    line-height:.88;
  }

  .rka-statement__intro{
    margin-top:23px;
    font-size:12.5px;
    line-height:1.7;
  }

  .rka-statement__pillars{
    grid-template-columns:1fr;
    gap:25px;
    margin-top:29px;
  }

  .rka-statement__pillar,
  .rka-statement__pillar:first-child,
  .rka-statement__pillar:last-child{
    padding:0 0 24px;
    border-bottom:1px solid var(--rka-statement-line);
  }

  .rka-statement__pillar:last-child{
    padding-bottom:0;
    border-bottom:0;
  }

  .rka-statement__pillar + .rka-statement__pillar::before{
    display:none;
  }

  .rka-statement__button{
    width:100%;
    min-width:0;
  }

  .rka-statement__benefits{
    grid-template-columns:1fr;
    gap:0;
    padding:25px 20px;
  }

  .rka-statement__benefit,
  .rka-statement__benefit:first-child,
  .rka-statement__benefit:last-child{
    min-height:0;
    padding:20px 0;
    border-bottom:1px solid var(--rka-statement-line);
  }

  .rka-statement__benefit:last-child{
    border-bottom:0;
  }

  .rka-statement__benefit + .rka-statement__benefit::before{
    display:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .rka-statement *,
  .rka-statement *::before,
  .rka-statement *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}















/* =========================================================
   RK AUTO — CUSTOM GRAPHICS
   Every class is unique and starts with: rka-artfx
   ========================================================= */

.rka-artfx,
.rka-artfx *{
  box-sizing:border-box;
}

.rka-artfx{
  --rka-artfx-red:#ed1f2a;
  --rka-artfx-red-dark:#bb0c15;
  --rka-artfx-ink:#17191c;
  --rka-artfx-muted:#686d73;
  --rka-artfx-line:rgba(23,25,28,.10);
  --rka-artfx-ease:cubic-bezier(.22,1,.36,1);

  position:relative;
  width:100%;
  padding:116px 0 128px;
  overflow:hidden;
  isolation:isolate;
  color:var(--rka-artfx-ink);
  background:
    radial-gradient(circle at 6% 3%,rgba(255,255,255,.98),transparent 27%),
    radial-gradient(circle at 94% 88%,rgba(237,31,42,.045),transparent 24%),
    linear-gradient(135deg,#fdfdfc 0%,#f7f7f6 53%,#fbfbfa 100%);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
}

.rka-artfx::before{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  pointer-events:none;
  opacity:.20;
  background-image:
    linear-gradient(rgba(40,42,45,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(40,42,45,.024) 1px,transparent 1px);
  background-size:84px 84px;
}

/* Subtle motorsport linework in the lower-right corner */
.rka-artfx__decor{
  position:absolute;
  z-index:-2;
  right:-80px;
  bottom:-80px;
  width:min(720px,48vw);
  height:390px;
  pointer-events:none;
  opacity:.52;
  background:
    radial-gradient(circle at 76% 72%,rgba(237,31,42,.08),transparent 28%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 760 390' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d71d28' stroke-width='1.1' opacity='.34'%3E%3Cpath d='M40 344C150 246 226 288 319 201S526 70 730 125'/%3E%3Cpath d='M68 368C181 278 243 324 349 230S553 105 742 151'/%3E%3Cpath d='M109 389C213 306 286 355 389 263S579 142 753 183'/%3E%3C/g%3E%3Cg fill='none' stroke='%238b8f94' stroke-width='.9' opacity='.18'%3E%3Cpath d='M195 365c92-72 162-29 253-119s171-113 280-89'/%3E%3Cpath d='M256 389c81-61 134-24 222-104s157-102 260-80'/%3E%3C/g%3E%3C/svg%3E") right bottom / contain no-repeat;
}

.rka-artfx::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:4%;
  bottom:4%;
  width:390px;
  height:390px;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(237,31,42,.05),transparent 67%);
  filter:blur(8px);
}

.rka-artfx__inner{
  position:relative;
  z-index:2;
  width:min(calc(100% - 80px),1480px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(315px,.72fr) minmax(0,1.55fr);
  gap:clamp(52px,5.3vw,94px);
  align-items:center;
}

/* COPY */

.rka-artfx__copy{
  position:relative;
  max-width:410px;
  padding-left:38px;
}

.rka-artfx__copy::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  bottom:0;
  width:1px;
  background:
    linear-gradient(
      180deg,
      rgba(237,31,42,.55) 0%,
      rgba(23,25,28,.12) 14%,
      rgba(23,25,28,.08) 84%,
      transparent 100%
    );
}

.rka-artfx__copy::after{
  content:"";
  position:absolute;
  left:-2px;
  top:0;
  width:5px;
  height:18px;
  border-radius:20px;
  background:var(--rka-artfx-red);
  box-shadow:0 0 13px rgba(237,31,42,.26);
}

.rka-artfx__eyebrow{
  margin:0 0 22px;
  color:var(--rka-artfx-red);
  font-size:10px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.rka-artfx__title{
  margin:0;
  color:#1d1f22;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(59px,5vw,82px);
  font-weight:400;
  line-height:.82;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.rka-artfx__title em{
  display:block;
  color:var(--rka-artfx-red);
  font-style:italic;
  font-weight:500;
}

.rka-artfx__headline-line{
  display:block;
  width:50px;
  height:1px;
  margin:27px 0 24px;
  background:
    linear-gradient(90deg,var(--rka-artfx-red),rgba(237,31,42,.12));
  box-shadow:0 0 9px rgba(237,31,42,.19);
}

.rka-artfx__text{
  color:var(--rka-artfx-muted);
  font-size:13px;
  line-height:1.72;
}

.rka-artfx__text p{
  margin:0;
}

.rka-artfx__text p + p{
  margin-top:17px;
}

.rka-artfx__bespoke{
  margin-top:26px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:14px;
  border:1px solid rgba(237,31,42,.18);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  box-shadow:
    0 14px 34px rgba(26,28,31,.055),
    inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:
    transform .4s var(--rka-artfx-ease),
    box-shadow .4s ease,
    border-color .4s ease;
}

.rka-artfx__bespoke:hover{
  transform:translateY(-4px);
  border-color:rgba(237,31,42,.34);
  box-shadow:
    0 20px 42px rgba(26,28,31,.09),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.rka-artfx__bespoke-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#8c6b6d;
  background:
    radial-gradient(circle at 35% 30%,#fff,#f4eceb);
}

.rka-artfx__bespoke-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rka-artfx__bespoke-copy strong{
  display:block;
  margin-bottom:4px;
  color:#33353a;
  font-size:10px;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.rka-artfx__bespoke-copy span{
  display:block;
  color:#777b81;
  font-size:10.5px;
  line-height:1.5;
}

.rka-artfx__button{
  position:relative;
  width:max-content;
  min-width:220px;
  min-height:52px;
  margin-top:24px;
  padding:0 20px 0 23px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  color:#fff;
  background:
    linear-gradient(135deg,#f42b35 0%,#df1721 56%,#b90a14 100%);
  box-shadow:
    0 15px 31px rgba(237,31,42,.24),
    inset 0 1px 0 rgba(255,255,255,.24);
  font-size:10.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.045em;
  text-decoration:none;
  transition:
    transform .35s var(--rka-artfx-ease),
    box-shadow .35s ease;
}

.rka-artfx__button::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  left:-55%;
  width:33%;
  height:240%;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-20deg);
  transition:left .78s var(--rka-artfx-ease);
}

.rka-artfx__button:hover{
  transform:translateY(-3px);
  box-shadow:
    0 20px 42px rgba(237,31,42,.34),
    0 0 22px rgba(237,31,42,.12),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.rka-artfx__button:hover::before{
  left:125%;
}

.rka-artfx__button svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s var(--rka-artfx-ease);
}

.rka-artfx__button:hover svg{
  transform:translateX(4px);
}

/* GALLERY */

.rka-artfx__gallery{
  min-width:0;
  height:590px;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.92fr);
  grid-template-rows:1fr 1fr;
  gap:18px;
}

.rka-artfx__card{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  border-radius:14px;
  background:#111315;
  box-shadow:
    0 24px 54px rgba(20,22,24,.16),
    0 8px 20px rgba(20,22,24,.08);
  transition:
    transform .48s var(--rka-artfx-ease),
    box-shadow .48s ease;
}

.rka-artfx__card--feature{
  grid-row:1 / 3;
}

.rka-artfx__card::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.15);
  border-radius:inherit;
}

.rka-artfx__card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:
    transform 1s var(--rka-artfx-ease),
    filter .55s ease;
}

.rka-artfx__card:hover{
  transform:translateY(-5px);
  box-shadow:
    0 33px 68px rgba(20,22,24,.22),
    0 12px 24px rgba(20,22,24,.10);
}

.rka-artfx__card:hover img{
  transform:scale(1.055);
  filter:saturate(1.04) contrast(1.03);
}

.rka-artfx__card-shade{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 40%,rgba(7,8,9,.90) 100%),
    linear-gradient(90deg,rgba(0,0,0,.05),transparent 45%);
}

.rka-artfx__card figcaption{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  padding:24px 26px 25px;
  color:#fff;
}

.rka-artfx__card figcaption small{
  display:block;
  margin-bottom:8px;
  color:var(--rka-artfx-red);
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.rka-artfx__card figcaption strong{
  display:block;
  max-width:84%;
  color:rgba(255,255,255,.97);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(25px,2.05vw,38px);
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.02em;
}

.rka-artfx__card--small figcaption{
  padding:18px 20px 19px;
}

.rka-artfx__card--small figcaption strong{
  max-width:100%;
  font-size:clamp(18px,1.38vw,25px);
  line-height:1.08;
}

.rka-artfx__card-line{
  display:block;
  width:150px;
  height:1px;
  margin-top:18px;
  background:
    linear-gradient(90deg,var(--rka-artfx-red),rgba(237,31,42,.05));
}

.rka-artfx__card--small .rka-artfx__card-line{
  width:86px;
  margin-top:13px;
}

/* RESPONSIVE */

@media (max-width:1180px){
  .rka-artfx__inner{
    grid-template-columns:1fr;
  }

  .rka-artfx__copy{
    max-width:760px;
  }

  .rka-artfx__gallery{
    height:610px;
  }

  .rka-artfx__decor{
    width:650px;
    opacity:.44;
  }
}

@media (max-width:860px){
  .rka-artfx{
    padding:82px 0 94px;
  }

  .rka-artfx__inner{
    width:min(calc(100% - 48px),760px);
  }

  .rka-artfx__gallery{
    height:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }

  .rka-artfx__card--feature{
    grid-row:auto;
    min-height:470px;
  }

  .rka-artfx__card--small{
    min-height:300px;
  }

  .rka-artfx__decor{
    right:-130px;
    bottom:-90px;
    width:580px;
  }
}

@media (max-width:620px){
  .rka-artfx{
    padding:60px 0 72px;
  }

  .rka-artfx__inner{
    width:calc(100% - 30px);
  }

  .rka-artfx__copy{
    padding-left:24px;
  }

  .rka-artfx__title{
    font-size:clamp(48px,15vw,64px);
    line-height:.86;
  }

  .rka-artfx__text{
    font-size:12.5px;
  }

  .rka-artfx__bespoke{
    grid-template-columns:40px minmax(0,1fr);
    padding:13px;
  }

  .rka-artfx__bespoke-icon{
    width:40px;
    height:40px;
  }

  .rka-artfx__button{
    width:100%;
  }

  .rka-artfx__card--feature{
    min-height:410px;
  }

  .rka-artfx__card--small{
    min-height:250px;
  }

  .rka-artfx__card figcaption,
  .rka-artfx__card--small figcaption{
    padding:18px;
  }

  .rka-artfx__card figcaption strong{
    max-width:100%;
  }

  .rka-artfx__decor{
    right:-180px;
    bottom:-70px;
    width:520px;
    opacity:.38;
  }
}

@media (prefers-reduced-motion:reduce){
  .rka-artfx *,
  .rka-artfx *::before,
  .rka-artfx *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}