/*
 * RoyalStone Onyx Premium SEO Growth — 11.10.23 / R13.
 * Route-scoped to /materialy/oniks/ only. UA/RU/EN copy is injected by the
 * output-safe R13 runtime; catalogue data, canonical, hreflang and redirects
 * remain untouched.
 */
body.rs-uvs-v10140.rs-uvs-route-oniks{
  --rs-ox-bg:#090907;
  --rs-ox-bg2:#100d0b;
  --rs-ox-panel:#19130f;
  --rs-ox-panel2:#271b13;
  --rs-ox-ivory:#f8efe2;
  --rs-ox-copy:#cabfaf;
  --rs-ox-muted:#958979;
  --rs-ox-gold:#d8a951;
  --rs-ox-gold2:#f0cd7a;
  --rs-ox-amber:#b56c32;
  --rs-ox-rose:#a76658;
  --rs-ox-line:rgba(222,177,91,.21);
  background:var(--rs-ox-bg)!important;
  color:var(--rs-ox-ivory);
}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-material-landing-v8934{
  background:linear-gradient(180deg,#0d0b09,#100c09)!important;
}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-hero{border-bottom:1px solid var(--rs-ox-line)}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-hero:after{
  background:
    radial-gradient(circle at 73% 35%,rgba(224,160,77,.24),transparent 28%),
    radial-gradient(circle at 42% 55%,rgba(154,82,64,.16),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.53))!important;
}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-material-landing-v8934 h1{
  max-width:1060px!important;
  font-size:clamp(42px,5vw,70px)!important;
  line-height:1.01!important;
  letter-spacing:-.034em;
}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-filter{
  background:radial-gradient(circle at 86% 0,rgba(216,169,81,.11),transparent 29%),linear-gradient(180deg,#15110e,#0d0b09)!important;
}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-card,
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-product-card{
  border-color:rgba(222,177,91,.24)!important;
  background:linear-gradient(180deg,#1a1511,#0f0d0b)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-card:hover,
body.rs-uvs-v10140.rs-uvs-route-oniks .rs-ml-product-card:hover{
  border-color:rgba(240,205,122,.50)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.36)!important;
}

.rs-onyx-growth-r13{
  position:relative;isolation:isolate;overflow:hidden;
  padding:0 0 clamp(86px,8vw,126px);
  background:
    radial-gradient(circle at 88% 3%,rgba(216,169,81,.13),transparent 28%),
    radial-gradient(circle at 7% 45%,rgba(167,102,88,.08),transparent 28%),
    linear-gradient(180deg,#0d0b09 0%,#080807 52%,#120e0b 100%);
  color:var(--rs-ox-ivory);
}
.rs-onyx-growth-r13:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.011) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
}
.rs-ox-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}
.rs-ox-section,.rs-ox-editorial{padding:clamp(66px,7vw,98px) 0;border-top:1px solid var(--rs-ox-line)}
.rs-ox-editorial:first-child{border-top-color:transparent}
.rs-ox-editorial{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(42px,6vw,84px);align-items:start}
.rs-ox-title>span,.rs-ox-head>span,.rs-ox-cta span{display:block;margin:0 0 16px;color:var(--rs-ox-gold2);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.rs-ox-title>span:before,.rs-ox-head>span:before{content:"";display:block;width:42px;height:2px;margin:0 0 18px;background:linear-gradient(90deg,var(--rs-ox-gold2),var(--rs-ox-amber))}
.rs-ox-title h2,.rs-ox-head h2,.rs-ox-cta h2{margin:0;color:var(--rs-ox-ivory);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.032em;line-height:1.01;text-wrap:balance}
.rs-ox-title h2{font-size:clamp(40px,4.7vw,64px)}
.rs-ox-head h2{font-size:clamp(38px,4.3vw,58px);max-width:880px}
.rs-ox-copy{padding-top:7px}
.rs-ox-copy p,.rs-ox-head>p,.rs-ox-cta p{margin:0;color:var(--rs-ox-copy);font-size:clamp(17px,1.45vw,20px);line-height:1.82}
.rs-ox-copy p+p{margin-top:18px}
.rs-ox-head{max-width:920px;margin-bottom:34px}
.rs-ox-head>p{margin-top:16px;max-width:780px}
.rs-ox-head--split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.68fr);gap:40px;max-width:none;align-items:end}
.rs-ox-head--split>p{margin-top:0}

.rs-ox-grid{display:grid;gap:15px}
.rs-ox-app-grid,.rs-ox-light-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.rs-ox-grid article,.rs-ox-factor-grid article,.rs-ox-process-grid article{
  position:relative;overflow:hidden;border:1px solid rgba(222,177,91,.19);border-radius:17px;padding:24px;
  background:linear-gradient(145deg,rgba(31,24,19,.97),rgba(18,15,12,.98));box-shadow:0 18px 48px rgba(0,0,0,.22)
}
.rs-ox-grid article:after{content:"";position:absolute;right:-34px;top:-45px;width:122px;height:122px;border-radius:50%;background:radial-gradient(circle,rgba(216,169,81,.13),transparent 68%)}
.rs-ox-grid i,.rs-ox-factor-grid i{display:block;width:28px;height:2px;margin-bottom:18px;background:linear-gradient(90deg,var(--rs-ox-gold2),var(--rs-ox-amber))}
.rs-ox-grid h3,.rs-ox-factor-grid h3,.rs-ox-process-grid h3,.rs-ox-showcase h3{margin:0 0 10px;color:var(--rs-ox-ivory);font-size:clamp(18px,1.7vw,23px);line-height:1.15}
.rs-ox-grid p,.rs-ox-factor-grid p,.rs-ox-process-grid p,.rs-ox-showcase p{margin:0;color:var(--rs-ox-copy);font-size:14px;line-height:1.68}
.rs-ox-light{background:linear-gradient(90deg,transparent,rgba(181,108,50,.035),transparent)}
.rs-ox-light-grid article:nth-child(1),.rs-ox-light-grid article:nth-child(3){background:radial-gradient(circle at 80% 10%,rgba(216,169,81,.12),transparent 38%),linear-gradient(145deg,#21180f,#13100d)}

.rs-ox-factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rs-ox-factor-grid article{min-height:154px}
.rs-ox-factor-grid article:last-child:nth-child(odd){grid-column:1/-1;min-height:132px;display:grid;grid-template-columns:28px minmax(220px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(18px,3vw,42px);padding-block:28px}
.rs-ox-factor-grid article:last-child:nth-child(odd) i{margin:0;align-self:start;margin-top:4px}
.rs-ox-factor-grid article:last-child:nth-child(odd) h3,.rs-ox-factor-grid article:last-child:nth-child(odd) p{margin:0}

.rs-ox-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.rs-ox-showcase-grid article{overflow:hidden;border:1px solid rgba(222,177,91,.24);border-radius:20px;background:linear-gradient(180deg,#1b1511,#100e0c);box-shadow:0 24px 70px rgba(0,0,0,.27)}
.rs-ox-showcase-grid img{display:block;width:100%;height:330px;object-fit:cover;background:#130f0c}
.rs-ox-showcase-grid article>div{padding:22px 22px 24px;border-top:1px solid rgba(222,177,91,.17);background:linear-gradient(180deg,#18130f,#0f0d0b)}
.rs-ox-showcase-grid h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.02em}

.rs-ox-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.rs-ox-process-grid article{min-height:195px}
.rs-ox-process-grid b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;margin-bottom:23px;border:1px solid rgba(240,205,122,.35);border-radius:50%;color:var(--rs-ox-gold2);font-size:10px;letter-spacing:.06em;background:rgba(216,169,81,.06)}

.rs-ox-faq{border-top:1px solid var(--rs-ox-line)}
.rs-ox-faq details{border-bottom:1px solid var(--rs-ox-line)}
.rs-ox-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 48px 20px 0;color:var(--rs-ox-ivory);font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,1.8vw,24px);font-weight:500}
.rs-ox-faq summary::-webkit-details-marker{display:none}
.rs-ox-faq summary:after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--rs-ox-gold);font:400 24px/1 Arial,sans-serif}
.rs-ox-faq details[open] summary:after{content:"−"}
.rs-ox-faq details>div{padding:0 42px 20px 0;color:var(--rs-ox-copy);font-size:15px;line-height:1.72;max-width:920px}

.rs-ox-related{padding-bottom:clamp(44px,5vw,64px)}
.rs-ox-links{display:flex;flex-wrap:wrap;gap:9px}
.rs-ox-links a{display:inline-flex;min-height:42px;align-items:center;padding:0 15px;border:1px solid rgba(222,177,91,.27);border-radius:999px;background:rgba(255,255,255,.024);color:var(--rs-ox-ivory);text-decoration:none;font-size:12px;font-weight:850;transition:.2s}
.rs-ox-links a:hover{border-color:var(--rs-ox-gold);background:rgba(216,169,81,.10);color:var(--rs-ox-gold2);transform:translateY(-1px)}

.rs-ox-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.35fr);gap:34px;align-items:center;padding:clamp(32px,5vw,56px);border:1px solid rgba(240,205,122,.30);border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(216,169,81,.34),transparent 38%),radial-gradient(circle at 63% 70%,rgba(167,102,88,.15),transparent 32%),linear-gradient(135deg,#17110d,#2d2118);box-shadow:0 30px 88px rgba(0,0,0,.34)}
.rs-ox-cta h2{font-size:clamp(34px,4.2vw,58px)}
.rs-ox-cta p{margin-top:15px;max-width:760px;font-size:16px}
.rs-ox-actions{display:grid;gap:10px}
.rs-ox-actions a{display:flex;min-height:50px;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(240,205,122,.43);border-radius:10px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:.2s}
.rs-ox-actions a.is-primary{background:linear-gradient(135deg,var(--rs-ox-gold2),var(--rs-ox-gold));color:#17120c;border-color:var(--rs-ox-gold)}
.rs-ox-actions a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.25)}

@media(max-width:1000px){
  .rs-ox-editorial,.rs-ox-head--split,.rs-ox-cta{grid-template-columns:1fr}
  .rs-ox-app-grid,.rs-ox-light-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-ox-showcase-grid{grid-template-columns:1fr 1fr}
  .rs-ox-showcase-grid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr}
  .rs-ox-showcase-grid article:last-child img{height:100%;min-height:320px}
  .rs-ox-showcase-grid article:last-child>div{display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:1px solid rgba(222,177,91,.17)}
  .rs-ox-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .rs-ox-shell{width:min(100% - 28px,1120px)}
  .rs-ox-section,.rs-ox-editorial{padding:52px 0}
  .rs-ox-title h2,.rs-ox-head h2{font-size:clamp(34px,10vw,46px)}
  .rs-ox-copy p,.rs-ox-head>p{font-size:16px;line-height:1.72}
  .rs-ox-app-grid,.rs-ox-light-grid,.rs-ox-factor-grid,.rs-ox-showcase-grid,.rs-ox-process-grid{grid-template-columns:1fr}
  .rs-ox-factor-grid article:last-child:nth-child(odd){grid-column:auto;display:block;min-height:154px;padding:24px}
  .rs-ox-factor-grid article:last-child:nth-child(odd) i{margin:0 0 18px}
  .rs-ox-factor-grid article:last-child:nth-child(odd) h3{margin:0 0 10px}
  .rs-ox-showcase-grid article:last-child{grid-column:auto;display:block}
  .rs-ox-showcase-grid article:last-child img{height:300px;min-height:0}
  .rs-ox-showcase-grid article:last-child>div{border-left:0;border-top:1px solid rgba(222,177,91,.17)}
  .rs-ox-showcase-grid img{height:300px}
  .rs-ox-cta{padding:28px 22px}
  .rs-ox-cta h2{font-size:clamp(32px,9.5vw,44px)}
}
@media(max-width:520px){
  body.rs-uvs-v10140.rs-uvs-route-oniks .rs-material-landing-v8934 h1{font-size:40px!important}
  .rs-ox-showcase-grid img{height:270px}
  .rs-ox-faq details>div{padding-right:0}
}
@media(prefers-reduced-motion:reduce){
  .rs-ox-links a,.rs-ox-actions a,.rs-ml-card,.rs-ml-product-card{transition:none!important}
}