/* =========================================================
   RK AUTO — FEATURES & OPTIONS PAGE
   Unique prefix: rka-optx
   ========================================================= */

:root{
  --rka-optx-red:#d71924;
  --rka-optx-red-bright:#f12d37;
  --rka-optx-red-dark:#970810;
  --rka-optx-gold:#c99b61;
  --rka-optx-ink:#1a1c1f;
  --rka-optx-muted:#696d73;
  --rka-optx-soft:#f6f5f2;
  --rka-optx-paper:#fbfaf8;
  --rka-optx-line:rgba(25,27,30,.105);
  --rka-optx-page:1480px;
  --rka-optx-ease:cubic-bezier(.22,1,.36,1);
  --rka-optx-mx:50%;
  --rka-optx-my:50%;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.rka-optx-page{
  margin:0;
  overflow-x:hidden;
  color:var(--rka-optx-ink);
  background:#fff;
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.rka-optx{overflow:hidden}
.rka-optx img{display:block;max-width:100%}
.rka-optx a{color:inherit;text-decoration:none}
.rka-optx svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rka-optx-container{
  width:min(calc(100% - 80px),var(--rka-optx-page));
  margin-inline:auto;
}

.rka-optx-kicker{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 0 24px;
  padding-bottom:15px;
  color:var(--rka-optx-red);
  font-size:10px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.rka-optx-kicker::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:38px;
  height:1px;
  background:linear-gradient(90deg,var(--rka-optx-red),rgba(215,25,36,.08));
  box-shadow:0 0 11px rgba(215,25,36,.20);
}

.rka-optx-arrow-link{
  position:relative;
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding:12px 0 10px;
  color:#25272a;
  font-size:10px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  transition:color .3s ease,gap .35s var(--rka-optx-ease);
}
.rka-optx-arrow-link::after{
  content:"";
  position:absolute;
  left:0;
  right:31px;
  bottom:3px;
  height:1px;
  background:linear-gradient(90deg,currentColor,transparent);
  transform-origin:left;
  transform:scaleX(.62);
  transition:transform .35s var(--rka-optx-ease);
}
.rka-optx-arrow-link svg{width:18px;height:18px;transition:transform .35s var(--rka-optx-ease)}
.rka-optx-arrow-link:hover{color:var(--rka-optx-red);gap:22px}
.rka-optx-arrow-link:hover::after{transform:scaleX(1)}
.rka-optx-arrow-link:hover svg{transform:translateX(3px)}

/* Reveal system */
.rka-optx-reveal{opacity:1;transform:none}
.rka-optx.is-ready .rka-optx-reveal{
  opacity:0;
  transform:translateY(38px);
  transition:opacity .9s var(--rka-optx-ease),transform .9s var(--rka-optx-ease);
}
.rka-optx.is-ready .rka-optx-reveal.is-visible{opacity:1;transform:none}

/* HERO */
.rka-optx-hero{
  position:relative;
  min-height:760px;
  padding-top:88px;
  overflow:hidden;
  isolation:isolate;
 
}
.rka-optx-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.23;
  pointer-events:none;
  
  background-size:88px 88px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 52%);
  mask-image:linear-gradient(90deg,#000,transparent 52%);
}
.rka-optx-hero__media{
  position:absolute;
  z-index:-4;
  inset:88px 0 0 42%;
  overflow:hidden;
 
}
.rka-optx-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.035) translate3d(0,var(--rka-optx-hero-shift,0px),0);
  transition:transform 1.1s var(--rka-optx-ease),filter .8s ease;
  will-change:transform;
}
.rka-optx-hero:hover .rka-optx-hero__media img{filter:saturate(1.045) contrast(1.02)}
.rka-optx-hero__media-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
   
}
.rka-optx-hero__wash{
  position:absolute;
  z-index:-3;
  inset:88px 35% 0 0;
  pointer-events:none;
 
}
.rka-optx-hero__grid{
  position:relative;
  z-index:2;
  width:min(calc(100% - 80px),var(--rka-optx-page));
  min-height:672px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(420px,.72fr) minmax(0,1.28fr);
  align-items:center;
}
.rka-optx-hero__copy{max-width:510px;padding:70px 0 95px}
.rka-optx-hero h1{
  margin:0;
  color:#191b1e;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(65px,5vw,92px);
  font-weight:400;
  line-height:.86;
  letter-spacing:-.051em;
}
.rka-optx-hero h1 span{display:block}
.rka-optx-hero h1 em{color:var(--rka-optx-red);font-style:italic;font-weight:500}
.rka-optx-hero__text{
  max-width:430px;
  margin:36px 0 22px;
  padding-left:1px;
  color:#656a70;
  font-size:13.5px;
  line-height:1.78;
}
.rka-optx-hero__text p{margin:0 0 18px}
.rka-optx-hero__note{
  position:absolute;
  right:26px;
  bottom:34px;
  max-width:290px;
  padding:20px 23px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:13px;
  color:#fff;
  background:rgba(12,13,14,.35);
  box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.rka-optx-hero__note small{
  display:block;
  margin-bottom:7px;
  color:#ff5961;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rka-optx-hero__note strong{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;
  font-weight:400;
  line-height:1.06;
}
.rka-optx-scrollcue{
  position:absolute;
  left:50%;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(40,42,45,.54);
  font-size:8px;
  letter-spacing:.17em;
  text-transform:uppercase;
  transform:translateX(-50%);
}
.rka-optx-scrollcue span{
  position:relative;
  width:1px;
  height:27px;
  overflow:hidden;
  background:rgba(30,32,35,.17);
}
.rka-optx-scrollcue span::after{
  content:"";
  position:absolute;
  left:0;
  top:-100%;
  width:100%;
  height:100%;
  background:var(--rka-optx-red);
  animation:rkaOptxScroll 2.1s var(--rka-optx-ease) infinite;
}
@keyframes rkaOptxScroll{0%{top:-100%}50%,100%{top:100%}}

/* VALUE STRIP */
.rka-optx-values{
  position:relative;
  z-index:4;
  padding:36px 0 40px;
  background:linear-gradient(180deg,#fff,#faf9f7);
  border-bottom:1px solid rgba(26,28,31,.07);
  box-shadow:0 20px 58px rgba(23,25,28,.05);
}
.rka-optx-values__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rka-optx-value{
  position:relative;
  min-height:140px;
  padding:6px clamp(26px,3vw,52px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.rka-optx-value + .rka-optx-value::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(25,27,30,.14),transparent);
}
.rka-optx-value__icon{
  width:43px;
  height:43px;
  margin-bottom:15px;
  color:var(--rka-optx-gold);
  transition:transform .42s var(--rka-optx-ease),filter .35s ease;
}
.rka-optx-value:hover .rka-optx-value__icon{
  transform:translateY(-6px) scale(1.06);
  filter:drop-shadow(0 9px 14px rgba(201,155,97,.23));
}
.rka-optx-value__icon svg{width:100%;height:100%}
.rka-optx-value h2{
  margin:0;
  color:#2b2d31;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.rka-optx-value p{
  max-width:245px;
  margin:10px 0 0;
  color:#777b80;
  font-size:11px;
  line-height:1.62;
}

/* LIFESTYLE */
.rka-optx-life{background:#fff}
.rka-optx-life__grid{
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
  align-items:stretch;
}
.rka-optx-life__visual{
  position:relative;
  min-height:720px;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  background:#1a1c1f;
}
.rka-optx-life__visual img,
.rka-optx-materials__visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.025) translate3d(0,var(--rka-optx-shift,0px),0);
  transition:transform 1.15s var(--rka-optx-ease),filter .6s ease;
  will-change:transform;
}
.rka-optx-life__visual:hover img,
.rka-optx-materials__visual:hover img{
  filter:saturate(1.04) contrast(1.02);
  transform:scale(1.065) translate3d(0,var(--rka-optx-shift,0px),0);
}
.rka-optx-image-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 47%,rgba(7,8,9,.29));
}
.rka-optx-image-shine{
  position:absolute;
  top:-30%;
  left:-42%;
  width:25%;
  height:165%;
  pointer-events:none;
  opacity:.65;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transform:rotate(13deg);
  transition:left 1.15s var(--rka-optx-ease);
}
.rka-optx-life__visual:hover .rka-optx-image-shine{left:125%}
.rka-optx-life__visual figcaption{
  position:absolute;
  left:32px;
  bottom:30px;
  padding:17px 20px;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:11px;
  background:rgba(11,12,14,.32);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
.rka-optx-life__visual figcaption small{
  display:block;
  margin-bottom:5px;
  color:#ff646c;
  font-size:8px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.rka-optx-life__visual figcaption strong{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:20px;
  font-weight:400;
}
.rka-optx-life__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:95px max(48px,calc((100vw - var(--rka-optx-page))/2 + 40px)) 95px clamp(62px,6vw,118px);
  background:
    radial-gradient(circle at 100% 100%,rgba(215,25,36,.035),transparent 31%),
    linear-gradient(135deg,#fff,#f8f7f4);
}
.rka-optx-life__copy h2,
.rka-optx-materials__copy h2,
.rka-optx-heading h2,
.rka-optx-cta h2{
  margin:0;
  color:#1d1f22;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(53px,4.4vw,76px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.044em;
}
.rka-optx-life__copy h2 em,
.rka-optx-materials__copy h2 em,
.rka-optx-cta h2 em{color:var(--rka-optx-red);font-style:italic;font-weight:500}
.rka-optx-life__copy > p:not(.rka-optx-kicker){
  max-width:580px;
  margin:28px 0 0;
  color:#686c72;
  font-size:14px;
  line-height:1.82;
}
.rka-optx-life__copy .rka-optx-arrow-link{margin-top:28px}

/* EXPLORE */
.rka-optx-explore{
  position:relative;
  padding:126px 0 145px;
  overflow:hidden;
  background:
    radial-gradient(circle at 3% 0%,#fff,transparent 33%),
    linear-gradient(135deg,#f8f7f4,#f2f1ee 56%,#faf9f7);
}
.rka-optx-explore::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:
    linear-gradient(rgba(25,27,30,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,27,30,.023) 1px,transparent 1px);
  background-size:92px 92px;
}
.rka-optx-orbit{
  position:absolute;
  border:1px solid rgba(215,25,36,.08);
  border-radius:50%;
  pointer-events:none;
}
.rka-optx-orbit::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--rka-optx-red);
  box-shadow:0 0 17px rgba(215,25,36,.35);
  animation:rkaOptxOrbit 13s linear infinite;
}
.rka-optx-orbit--one{width:520px;height:520px;right:-250px;top:-245px}
.rka-optx-orbit--one::after{left:76px;top:65px}
.rka-optx-orbit--two{width:360px;height:360px;left:-220px;bottom:-205px}
.rka-optx-orbit--two::after{right:52px;top:76px;animation-duration:17s;animation-direction:reverse}
@keyframes rkaOptxOrbit{to{transform:rotate(360deg) translateX(0)}}
.rka-optx-heading{
  position:relative;
  z-index:2;
  max-width:930px;
  margin:0 auto 62px;
  text-align:center;
}
.rka-optx-heading .rka-optx-kicker{margin-inline:auto}
.rka-optx-heading .rka-optx-kicker::after{left:50%;transform:translateX(-50%)}
.rka-optx-heading h2{font-size:clamp(48px,4.1vw,70px)}
.rka-optx-heading > p:not(.rka-optx-kicker){
  max-width:700px;
  margin:22px auto 0;
  color:#72767c;
  font-size:13.5px;
  line-height:1.75;
}
.rka-optx-feature-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:23px;
}
.rka-optx-feature-card{
  --rka-optx-rx:0deg;
  --rka-optx-ry:0deg;
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(25,27,30,.075);
  border-radius:15px;
  background:rgba(255,255,255,.91);
  box-shadow:0 20px 50px rgba(24,26,29,.075),inset 0 1px 0 rgba(255,255,255,.96);
  transform:perspective(1100px) rotateX(var(--rka-optx-rx)) rotateY(var(--rka-optx-ry));
  transform-style:preserve-3d;
  transition:border-color .4s ease,box-shadow .4s ease,transform .22s ease;
}
.rka-optx-feature-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--rka-optx-card-x,50%) var(--rka-optx-card-y,50%),rgba(255,255,255,.42),transparent 31%);
  transition:opacity .35s ease;
}
.rka-optx-feature-card:hover{
  border-color:rgba(215,25,36,.18);
  box-shadow:0 31px 68px rgba(24,26,29,.13),0 0 28px rgba(215,25,36,.05);
}
.rka-optx-feature-card:hover::after{opacity:1}
.rka-optx-feature-card figure{
  position:relative;
  height:220px;
  margin:0;
  overflow:hidden;
  background:#191b1e;
}
.rka-optx-feature-card figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .85s var(--rka-optx-ease),filter .5s ease;
}
.rka-optx-feature-card:hover figure img{transform:scale(1.075);filter:saturate(1.045) contrast(1.025)}
.rka-optx-feature-card__veil{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(7,8,9,.24));
}
.rka-optx-feature-card__number{
  position:relative;
  z-index:3;
  width:54px;
  height:54px;
  margin:-27px auto 0;
  display:grid;
  place-items:center;
  border:1px solid rgba(215,25,36,.20);
  border-radius:50%;
  color:var(--rka-optx-red);
  background:#fff;
  box-shadow:0 14px 32px rgba(25,27,30,.12),inset 0 1px 0 #fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:21px;
  font-weight:500;
  transition:transform .45s var(--rka-optx-ease),box-shadow .4s ease;
}
.rka-optx-feature-card:hover .rka-optx-feature-card__number{
  transform:translateY(-5px) rotate(4deg);
  box-shadow:0 19px 40px rgba(25,27,30,.16),0 0 20px rgba(215,25,36,.10);
}
.rka-optx-feature-card__copy{
  min-height:264px;
  padding:25px 25px 29px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.rka-optx-feature-card h3{
  margin:0;
  color:#25272b;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:29px;
  font-weight:500;
  line-height:.92;
  letter-spacing:-.025em;
}
.rka-optx-feature-card p{
  max-width:275px;
  margin:17px auto 20px;
  color:#74787d;
  font-size:12.2px;
  line-height:1.68;
}
.rka-optx-feature-card a{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--rka-optx-red);
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  transition:gap .32s var(--rka-optx-ease),color .3s ease;
}
.rka-optx-feature-card a:hover{gap:16px;color:var(--rka-optx-red-dark)}

/* MATERIALS */
.rka-optx-materials{background:#fff}
.rka-optx-materials__grid{
  min-height:610px;
  display:grid;
  grid-template-columns:minmax(440px,.78fr) minmax(0,1.22fr);
  align-items:stretch;
}
.rka-optx-materials__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:92px clamp(58px,6vw,118px) 92px max(48px,calc((100vw - var(--rka-optx-page))/2 + 40px));
  background:
    radial-gradient(circle at 0 100%,rgba(215,25,36,.035),transparent 30%),
    linear-gradient(135deg,#fff,#f8f7f4);
}
.rka-optx-materials__copy h2{font-size:clamp(53px,4.4vw,76px)}
.rka-optx-materials__copy > p:not(.rka-optx-kicker){
  max-width:555px;
  margin:27px 0 0;
  color:#686c72;
  font-size:14px;
  line-height:1.8;
}
.rka-optx-materials__copy .rka-optx-arrow-link{margin-top:28px}
.rka-optx-materials__visual{
  position:relative;
  min-height:610px;
  margin:0;
  overflow:hidden;
  background:#17191b;
}
.rka-optx-materials__hotspot{
  position:absolute;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  background:rgba(10,11,12,.25);
  box-shadow:0 0 0 9px rgba(255,255,255,.08),0 0 30px rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  animation:rkaOptxPulse 2.4s ease-in-out infinite;
}
.rka-optx-materials__hotspot i{width:5px;height:5px;border-radius:50%;background:#fff}
.rka-optx-materials__hotspot--one{left:47%;top:28%}
.rka-optx-materials__hotspot--two{right:18%;bottom:25%;animation-delay:.8s}
@keyframes rkaOptxPulse{50%{box-shadow:0 0 0 15px rgba(255,255,255,0),0 0 34px rgba(255,255,255,.19)}}

/* DETAIL OPTIONS */
.rka-optx-details{
  position:relative;
  padding:110px 0 126px;
  background:
    radial-gradient(circle at 50% 0%,rgba(215,25,36,.025),transparent 36%),
    linear-gradient(180deg,#fff,#f7f6f3);
}
.rka-optx-heading--compact{margin-bottom:50px}
.rka-optx-heading--compact h2{font-size:clamp(47px,3.8vw,65px)}
.rka-optx-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.rka-optx-detail-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(25,27,30,.075);
  border-radius:14px;
  background:#fff;
  box-shadow:0 19px 45px rgba(25,27,30,.07),inset 0 1px 0 #fff;
  transition:transform .42s var(--rka-optx-ease),box-shadow .42s ease,border-color .4s ease;
}
.rka-optx-detail-card:hover{
  transform:translateY(-10px);
  border-color:rgba(215,25,36,.17);
  box-shadow:0 30px 66px rgba(25,27,30,.13),0 0 24px rgba(215,25,36,.05);
}
.rka-optx-detail-card figure{height:190px;margin:0;overflow:hidden;background:#17191b}
.rka-optx-detail-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--rka-optx-ease),filter .5s ease}
.rka-optx-detail-card:hover figure img{transform:scale(1.07);filter:saturate(1.04) contrast(1.02)}
.rka-optx-detail-card__icon{
  position:relative;
  z-index:2;
  width:51px;
  height:51px;
  margin:-25px auto 0;
  display:grid;
  place-items:center;
  border:1px solid rgba(215,25,36,.18);
  border-radius:50%;
  color:var(--rka-optx-red);
  background:#fff;
  box-shadow:0 13px 29px rgba(25,27,30,.11);
}
.rka-optx-detail-card__icon svg{width:25px;height:25px}
.rka-optx-detail-card__copy{min-height:220px;padding:24px 23px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}
.rka-optx-detail-card h3{
  margin:0;
  color:#2a2c30;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.rka-optx-detail-card p{
  max-width:270px;
  margin:14px auto 20px;
  color:#74787d;
  font-size:12px;
  line-height:1.67;
}
.rka-optx-detail-card a{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#2e3034;
  font-size:9px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:color .3s ease,gap .35s var(--rka-optx-ease);
}
.rka-optx-detail-card a:hover{color:var(--rka-optx-red);gap:16px}

/* CTA */
.rka-optx-anchor{position:absolute;top:-88px;left:0;width:1px;height:1px;pointer-events:none}
.rka-optx-cta{
  position:relative;
  min-height:380px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:#111315;
}
.rka-optx-cta__media,
.rka-optx-cta__shade{position:absolute;inset:0;pointer-events:none}
.rka-optx-cta__media{
  z-index:-3;
  background:url("assets/options/options-cta.jpg") center 58% / cover no-repeat;
  transform:scale(1.035);
  transition:transform 1.2s var(--rka-optx-ease);
}
.rka-optx-cta:hover .rka-optx-cta__media{transform:scale(1.065)}
.rka-optx-cta__shade{
  z-index:-2;
  background:
    radial-gradient(circle at var(--rka-optx-mx) var(--rka-optx-my),rgba(215,25,36,.12),transparent 23%),
    linear-gradient(90deg,rgba(8,9,10,.94),rgba(8,9,10,.78) 47%,rgba(8,9,10,.28)),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.42));
}
.rka-optx-cta::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.055;
  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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}
.rka-optx-cta__inner{
  min-height:380px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  padding-top:70px;
  padding-bottom:70px;
}
.rka-optx-cta__copy{max-width:700px}
.rka-optx-cta .rka-optx-kicker{color:#ff4851}
.rka-optx-cta h2{color:#fff;font-size:clamp(54px,4.5vw,78px)}
.rka-optx-cta__copy > p:not(.rka-optx-kicker){
  max-width:560px;
  margin:24px 0 0;
  color:rgba(242,243,244,.68);
  font-size:13px;
  line-height:1.78;
}
.rka-optx-cta__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.rka-optx-button{
  position:relative;
  min-width:190px;
  height:54px;
  padding:0 17px 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px;
  color:#fff;
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  transition:transform .35s var(--rka-optx-ease),box-shadow .35s ease,border-color .35s ease;
}
.rka-optx-button::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-80%;
  left:-45%;
  width:25%;
  height:260%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transform:skewX(-20deg);
  transition:left .82s var(--rka-optx-ease);
}
.rka-optx-button:hover{transform:translateY(-3px)}
.rka-optx-button:hover::after{left:125%}
.rka-optx-button svg{width:18px;height:18px}
.rka-optx-button--red{
  background:linear-gradient(135deg,var(--rka-optx-red-bright),var(--rka-optx-red-dark));
  box-shadow:0 15px 34px rgba(177,10,19,.27),inset 0 1px 0 rgba(255,255,255,.18);
}
.rka-optx-button--red:hover{box-shadow:0 20px 42px rgba(177,10,19,.38),0 0 18px rgba(215,25,36,.14)}
.rka-optx-button--glass{
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.rka-optx-button--glass:hover{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.09)}

/* Responsive */
@media (max-width:1280px){
  .rka-optx-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rka-optx-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rka-optx-cta__inner{align-items:flex-start;flex-direction:column}
  .rka-optx-cta__actions{justify-content:flex-start}
}

@media (max-width:1020px){
  .rka-optx-container{width:calc(100% - 48px)}
  .rka-optx-hero{padding-top:88px;min-height:auto}
  .rka-optx-hero__media{inset:88px 0 0 34%}
  .rka-optx-hero__wash{inset:88px 26% 0 0}
  .rka-optx-hero__grid{width:calc(100% - 48px);min-height:650px;grid-template-columns:minmax(350px,.8fr) 1.2fr}
  .rka-optx-hero__note{right:0}
  .rka-optx-values__grid{grid-template-columns:repeat(2,1fr)}
  .rka-optx-value:nth-child(3)::before{display:none}
  .rka-optx-life__grid,
  .rka-optx-materials__grid{grid-template-columns:1fr}
  .rka-optx-life__visual,.rka-optx-materials__visual{min-height:620px}
  .rka-optx-life__copy,.rka-optx-materials__copy{padding:85px 48px}
  .rka-optx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rka-optx-feature-card figure{height:250px}
}

@media (max-width:720px){
  .rka-optx-container{width:calc(100% - 30px)}
  .rka-optx-hero{padding-top:74px;background:#f8f7f4}
  .rka-optx-hero__media{position:relative;inset:auto;width:100%;height:420px;margin-top:0;z-index:0}
  .rka-optx-hero__media-shade{background:linear-gradient(180deg,transparent 48%,rgba(8,9,10,.25))}
  .rka-optx-hero__wash{display:none}
  .rka-optx-hero__grid{width:calc(100% - 30px);min-height:auto;display:block}
  .rka-optx-hero__copy{max-width:none;padding:62px 0 60px}
  .rka-optx-hero h1{font-size:clamp(52px,15vw,72px)}
  .rka-optx-hero__note{position:absolute;right:0;bottom:445px;max-width:245px}
  .rka-optx-scrollcue{display:none}
  .rka-optx-values__grid{grid-template-columns:1fr}
  .rka-optx-value{min-height:150px;padding:25px 15px}
  .rka-optx-value + .rka-optx-value::before{left:12%;right:12%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(25,27,30,.14),transparent)}
  .rka-optx-life__visual,.rka-optx-materials__visual{min-height:470px}
  .rka-optx-life__copy,.rka-optx-materials__copy{padding:72px 24px}
  .rka-optx-life__copy h2,.rka-optx-materials__copy h2,.rka-optx-heading h2,.rka-optx-cta h2{font-size:clamp(45px,13vw,62px)}
  .rka-optx-explore{padding:92px 0 100px}
  .rka-optx-feature-grid,.rka-optx-detail-grid{grid-template-columns:1fr}
  .rka-optx-feature-card figure{height:245px}
  .rka-optx-feature-card__copy{min-height:230px}
  .rka-optx-details{padding:86px 0 98px}
  .rka-optx-detail-card figure{height:235px}
  .rka-optx-cta__inner{padding-top:76px;padding-bottom:76px}
  .rka-optx-cta__actions{width:100%;flex-direction:column;align-items:stretch}
  .rka-optx-button{width:100%}
}

@media (max-width:430px){
  .rka-optx-hero__media{height:350px}
  .rka-optx-hero__note{bottom:374px;right:-2px;padding:15px 17px}
  .rka-optx-life__visual,.rka-optx-materials__visual{min-height:390px}
  .rka-optx-life__visual figcaption{left:16px;bottom:16px}
  .rka-optx-feature-card figure{height:210px}
  .rka-optx-detail-card figure{height:205px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rka-optx *,
  .rka-optx *::before,
  .rka-optx *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .rka-optx.is-ready .rka-optx-reveal{opacity:1;transform:none}
}