.rcg-homepage {
--rcg-paper: #fbfaf7;
--rcg-paper-warm: #f5f1e9;
--rcg-paper-deep: #eee7dc;
--rcg-ink: #17271f;
--rcg-ink-soft: #34453d;
--rcg-muted: #6d746f;
--rcg-gold: #b58b43;
--rcg-gold-soft: #d5b575;
--rcg-line: rgba(23, 39, 31, .13);
--rcg-serif: Georgia, "Times New Roman", serif;
--rcg-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
width: 100%;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
color: var(--rcg-ink);
background: var(--rcg-paper);
font-family: var(--rcg-sans);
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
.rcg-homepage *,
.rcg-homepage *::before,
.rcg-homepage *::after {
box-sizing: border-box;
}
.rcg-homepage :where(h1, h2, h3, p, figure, ol, ul) {
margin: 0;
}
.rcg-homepage img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.home .wp-block-post-title,
.home .entry-title,
.home .entry-header:has(+ .entry-content .rcg-homepage) {
display: none !important;
}
.home .entry-content:has(.rcg-homepage),
.home .wp-block-post-content:has(.rcg-homepage) {
margin: 0 !important;
max-width: none !important;
}
.home .wp-site-blocks:has(.rcg-homepage) {
padding-left: 0;
padding-right: 0;
}
.rcg-hp-layout {
display: grid;
grid-template-columns: 292px minmax(0, 1fr);
gap: 22px;
width: min(1660px, calc(100% - 32px));
margin: 0 auto;
padding: 28px 0 30px;
}
.rcg-hp-layout--external-nav {
display: block;
width: 100%;
padding: 0;
}
.rcg-hp-page {
min-width: 0;
overflow: hidden;
background: #fff;
box-shadow: 0 18px 60px rgba(21, 31, 25, .07);
container-name: rcg-home;
container-type: inline-size;
}
.rcg-hp-catalog {
align-self: start;
position: sticky;
top: 22px;
min-height: 760px;
background: linear-gradient(180deg, #fbf8f1 0%, #fff 100%);
border: 1px solid #e8dfd1;
box-shadow: 0 12px 40px rgba(51, 42, 27, .05);
}
.admin-bar .rcg-hp-catalog {
top: 54px;
}
.rcg-hp-catalog__head {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 62px;
padding: 0 18px;
border-bottom: 1px solid #e5dac9;
font-family: var(--rcg-serif);
font-size: 18px;
}
.rcg-hp-catalog__head small {
color: var(--rcg-gold);
font-family: var(--rcg-sans);
font-size: 10px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.rcg-hp-catalog__group {
padding: 17px 18px 22px;
border-bottom: 1px solid #eadfce;
}
.rcg-hp-catalog__group strong {
display: block;
margin-bottom: 9px;
color: #2b342f;
font-size: 12px;
letter-spacing: .04em;
text-transform: uppercase;
}
.rcg-hp-catalog nav {
display: grid;
}
.rcg-hp-catalog nav a {
position: relative;
padding: 10px 8px 10px 17px;
color: #536059;
font-size: 13px;
text-decoration: none;
}
.rcg-hp-catalog nav a::before {
content: "";
position: absolute;
left: 2px;
top: 50%;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--rcg-gold-soft);
transform: translateY(-50%);
}
.rcg-hp-catalog nav a:hover,
.rcg-hp-catalog nav a:focus-visible {
color: var(--rcg-ink);
background: rgba(181, 139, 67, .07);
}
.rcg-hp-catalog__bottom {
display: block;
padding: 15px 18px;
color: var(--rcg-ink);
font-size: 12px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
.rcg-hp-hero {
display: grid;
grid-template-columns: minmax(420px, .88fr) minmax(560px, 1.12fr);
min-height: 790px;
background: radial-gradient(circle at 30% 28%, #fff 0, #fff 34%, #faf8f3 78%, #f2ede4 100%);
}
.rcg-hp-hero__copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(64px, 7vw, 116px) clamp(48px, 5vw, 92px);
}
.rcg-hp-kicker {
display: flex;
align-items: center;
gap: 11px;
color: var(--rcg-gold);
font-size: 10px;
font-weight: 700;
letter-spacing: .15em;
line-height: 1.35;
text-transform: uppercase;
}
.rcg-hp-kicker > span {
width: 28px;
height: 1px;
background: var(--rcg-gold);
}
.rcg-hp-hero h1 {
max-width: 690px;
margin-top: 34px;
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: clamp(48px, 4.35vw, 82px);
font-weight: 400;
letter-spacing: -.045em;
line-height: .99;
}
.rcg-hp-hero h1 em {
display: block;
color: var(--rcg-gold);
font-weight: 400;
}
.rcg-hp-hero__lead {
max-width: 560px;
margin-top: 38px;
color: #3f4944;
font-size: 16px;
line-height: 1.65;
}
.rcg-hp-hero__actions {
display: flex;
align-items: center;
gap: 34px;
margin-top: 38px;
}
.rcg-hp-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 34px;
border: 1px solid transparent;
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-decoration: none;
text-transform: uppercase;
transition: transform .2s ease, background .2s ease, color .2s ease;
}
.rcg-hp-button--primary {
color: #fff;
background: var(--rcg-ink);
}
.rcg-hp-button:hover,
.rcg-hp-button:focus-visible {
transform: translateY(-2px);
}
.rcg-hp-button--primary:hover,
.rcg-hp-button--primary:focus-visible {
color: #fff;
background: #244236;
}
.rcg-hp-link-arrow,
.rcg-hp-works__more {
color: var(--rcg-gold);
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.rcg-hp-link-arrow:hover,
.rcg-hp-link-arrow:focus-visible,
.rcg-hp-works__more:hover,
.rcg-hp-works__more:focus-visible {
color: var(--rcg-ink);
}
.rcg-hp-hero__note {
max-width: 400px;
margin-top: 70px;
color: #59655f;
font-size: 12px;
line-height: 1.55;
}
.rcg-hp-hero__media {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: minmax(0, 3.25fr) minmax(150px, 1fr);
gap: 6px;
min-width: 0;
min-height: 790px;
background: var(--rcg-paper-deep);
}
.rcg-hp-hero__media figure {
min-width: 0;
min-height: 0;
overflow: hidden;
}
.rcg-hp-hero__main-image {
grid-column: 1 / -1;
}
.rcg-hp-hero__main-image img {
object-position: center 42%;
}
.rcg-hp-hero__detail--gold img {
object-position: 48% 60%;
}
.rcg-hp-hero__detail--stone img {
object-position: 50% 44%;
}
.rcg-hp-section,
.rcg-hp-estimate,
.rcg-hp-works {
padding: clamp(74px, 7vw, 118px) clamp(34px, 5vw, 92px);
}
.rcg-hp-section__header h2,
.rcg-hp-process h2,
.rcg-hp-consult h2 {
margin-top: 14px;
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: clamp(40px, 4vw, 68px);
font-weight: 400;
letter-spacing: -.035em;
line-height: 1.05;
text-wrap: balance;
}
.rcg-hp-products {
background: #fff;
border-bottom: 1px solid var(--rcg-line);
}
.rcg-hp-products__header {
display: flex;
align-items: end;
justify-content: space-between;
gap: 38px;
}
.rcg-hp-products__header > div {
max-width: 820px;
}
.rcg-hp-products__header h2 {
margin-top: 17px;
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: clamp(40px, 4vw, 66px);
font-weight: 400;
letter-spacing: -.035em;
line-height: 1.02;
}
.rcg-hp-products__lead {
max-width: 680px;
margin-top: 20px;
color: var(--rcg-muted);
font-size: 14px;
line-height: 1.72;
}
.rcg-hp-products__catalog-link {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 13px;
padding: 0 0 8px;
border-bottom: 1px solid var(--rcg-gold);
color: var(--rcg-ink);
font-size: 11px;
font-weight: 800;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
}
.rcg-hp-products__catalog-link span {
font-size: 17px;
line-height: 1;
transition: transform .2s ease;
}
.rcg-hp-products__catalog-link:hover span,
.rcg-hp-products__catalog-link:focus-visible span {
transform: translateX(4px);
}
.rcg-hp-products__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 38px;
}
.rcg-hp-product {
min-width: 0;
overflow: hidden;
background: #fff;
border: 1px solid var(--rcg-line);
transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.rcg-hp-product:hover,
.rcg-hp-product:focus-within {
z-index: 1;
border-color: rgba(181, 139, 67, .58);
box-shadow: 0 22px 44px rgba(23, 39, 31, .1);
transform: translateY(-4px);
}
.rcg-hp-product__link {
display: flex;
height: 100%;
color: inherit;
flex-direction: column;
text-decoration: none;
}
.rcg-hp-product__media {
position: relative;
display: block;
aspect-ratio: .92 / 1;
overflow: hidden;
background: linear-gradient(145deg, #f8f6f1 0%, #eee9df 100%);
}
.rcg-homepage .rcg-hp-product__image {
object-fit: contain;
padding: 20px 16px 12px;
mix-blend-mode: multiply;
transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.rcg-hp-product:hover .rcg-hp-product__image,
.rcg-hp-product:focus-within .rcg-hp-product__image {
transform: scale(1.035);
}
.rcg-hp-product__badge {
position: absolute;
top: 13px;
left: 13px;
padding: 7px 10px;
color: #fff;
background: var(--rcg-ink);
font-size: 8px;
font-weight: 800;
letter-spacing: .1em;
line-height: 1;
text-transform: uppercase;
}
.rcg-hp-product__body {
display: flex;
flex: 1;
flex-direction: column;
min-height: 154px;
padding: 17px 17px 18px;
}
.rcg-hp-product__meta {
color: var(--rcg-gold);
font-size: 9px;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.3;
text-transform: uppercase;
}
.rcg-hp-product__name {
display: block;
max-width: 100%;
margin-top: 9px;
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: clamp(18px, 1.55vw, 23px);
hyphens: auto;
line-height: 1.12;
overflow-wrap: anywhere;
text-wrap: balance;
}
.rcg-hp-product__footer {
display: flex;
align-items: end;
flex-wrap: wrap;
justify-content: space-between;
gap: 12px;
margin-top: auto;
padding-top: 19px;
}
.rcg-hp-product__prices {
display: grid;
gap: 2px;
}
.rcg-hp-product__old-price {
color: #8a918d;
font-size: 10px;
line-height: 1;
text-decoration: line-through;
}
.rcg-hp-product__price {
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: 18px;
line-height: 1.1;
white-space: nowrap;
}
.rcg-hp-product__more {
margin-left: auto;
color: var(--rcg-ink-soft);
font-size: 9px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
}
.rcg-hp-products__note {
max-width: 850px;
margin-top: 22px;
color: var(--rcg-muted);
font-size: 11px;
line-height: 1.55;
}
.rcg-hp-directions {
background: #fff;
}
.rcg-hp-directions__grid {
display: grid;
grid-template-columns: 1.25fr .72fr .98fr;
grid-template-rows: 340px 250px;
gap: 8px;
margin-top: 35px;
}
.rcg-hp-direction {
position: relative;
overflow: hidden;
color: #fff;
text-decoration: none;
}
.rcg-hp-direction--classic { grid-column: 1; grid-row: 1; }
.rcg-hp-direction--modern { grid-column: 2; grid-row: 1; }
.rcg-hp-direction--exclusive { grid-column: 3; grid-row: 1 / 3; }
.rcg-hp-direction--complex { grid-column: 1 / 2; grid-row: 2; }
.rcg-hp-direction--orthodox { grid-column: 2; grid-row: 2; }
.rcg-hp-direction img {
transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}
.rcg-hp-direction__shade {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(6, 13, 9, .04) 20%, rgba(7, 17, 12, .76) 100%);
}
.rcg-hp-direction__content {
position: absolute;
inset: auto 0 0;
display: grid;
gap: 18px;
padding: 30px;
}
.rcg-hp-direction__content strong {
max-width: 290px;
font-family: var(--rcg-serif);
font-size: clamp(25px, 2.2vw, 40px);
font-weight: 400;
line-height: 1.06;
text-wrap: balance;
}
.rcg-hp-direction__content small {
font-size: 10px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.rcg-hp-direction:hover img,
.rcg-hp-direction:focus-visible img {
transform: scale(1.045);
}
.rcg-hp-combined {
position: relative;
display: grid;
grid-template-columns: minmax(360px, .78fr) minmax(480px, 1.22fr);
min-height: 380px;
overflow: hidden;
color: var(--rcg-ink);
background: #f2ede4;
border-top: 1px solid rgba(181, 139, 67, .22);
border-bottom: 1px solid rgba(181, 139, 67, .22);
isolation: isolate;
}
.rcg-hp-combined__image {
grid-column: 2;
grid-row: 1;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 66% center;
filter: saturate(.72) contrast(1.02);
}
.rcg-hp-combined__shade {
display: none;
}
.rcg-hp-combined__copy {
grid-column: 1;
grid-row: 1;
align-self: center;
width: auto;
max-width: 610px;
padding: clamp(46px, 4.5vw, 66px) clamp(34px, 5vw, 72px);
}
.rcg-hp-combined .rcg-hp-kicker {
color: var(--rcg-gold);
}
.rcg-hp-combined h2 {
max-width: 540px;
margin: 17px 0 0;
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: clamp(40px, 3.6vw, 57px);
font-weight: 400;
letter-spacing: -.035em;
line-height: 1.01;
text-wrap: balance;
}
.rcg-hp-combined__copy > p:not(.rcg-hp-kicker) {
max-width: 520px;
margin: 22px 0 0;
color: #59655e;
font-size: 14px;
line-height: 1.68;
}
.rcg-hp-combined__link {
display: inline-flex;
align-items: center;
min-height: 46px;
margin-top: 27px;
padding: 0 22px;
border: 1px solid rgba(181, 139, 67, .7);
color: var(--rcg-ink);
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
text-decoration: none;
text-transform: uppercase;
transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.rcg-hp-combined__link:hover,
.rcg-hp-combined__link:focus-visible {
color: #fff;
background: var(--rcg-ink);
border-color: var(--rcg-ink);
}
.rcg-hp-process {
display: grid;
grid-template-columns: minmax(340px, .74fr) minmax(520px, 1.26fr);
gap: clamp(42px, 6vw, 100px);
padding: clamp(70px, 7vw, 112px) clamp(34px, 5vw, 92px);
background: var(--rcg-paper-warm);
}
.rcg-hp-process__copy ol {
display: grid;
gap: 28px;
margin-top: 40px;
padding: 0;
list-style: none;
}
.rcg-hp-process__copy li {
display: grid;
grid-template-columns: 26px 1fr;
gap: 16px;
}
.rcg-hp-process__copy li > span {
width: 18px;
height: 1px;
margin-top: 12px;
background: var(--rcg-gold);
}
.rcg-hp-process__copy strong {
font-family: var(--rcg-serif);
font-size: 19px;
font-weight: 600;
}
.rcg-hp-process__copy li p {
margin-top: 5px;
color: #5b645f;
font-size: 13px;
line-height: 1.55;
}
.rcg-hp-process__gallery {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 390px 220px;
gap: 8px;
}
.rcg-hp-process__gallery figure {
overflow: hidden;
}
.rcg-hp-process__large {
grid-column: 1 / -1;
}
.rcg-hp-process__large img { object-position: center 45%; }
.rcg-hp-process__gallery figure:nth-child(2) img { object-position: center 62%; }
.rcg-hp-process__gallery figure:nth-child(3) img { object-position: center 34%; }
.rcg-hp-estimate {
background: #fff;
}
.rcg-hp-estimate__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 43px;
}
.rcg-hp-estimate article {
position: relative;
padding: 0 30px;
}
.rcg-hp-estimate article:first-child {
padding-left: 0;
}
.rcg-hp-estimate article + article::before {
content: "";
position: absolute;
left: 0;
top: 42px;
width: 1px;
height: 72px;
background: var(--rcg-line);
}
.rcg-hp-estimate article > span {
color: var(--rcg-gold);
font-family: var(--rcg-serif);
font-size: 34px;
font-weight: 700;
}
.rcg-hp-estimate h3 {
margin-top: 10px;
font-family: var(--rcg-serif);
font-size: 18px;
}
.rcg-hp-estimate article p {
margin-top: 7px;
color: #69706c;
font-size: 12px;
line-height: 1.55;
}
.rcg-hp-estimate__note {
margin-top: 34px;
color: #59615d;
font-size: 13px;
text-align: center;
}
.rcg-hp-works {
padding-top: 30px;
background: var(--rcg-paper-warm);
}
.rcg-hp-works__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
margin-top: 25px;
}
.rcg-hp-works__grid figure {
aspect-ratio: 1.23 / 1;
overflow: hidden;
background: #ddd;
}
.rcg-hp-works__grid img {
object-position: center 55%;
transition: transform .6s ease;
}
.rcg-hp-works__grid figure:hover img {
transform: scale(1.035);
}
.rcg-hp-works__more {
display: block;
width: max-content;
margin: 16px auto 0;
}
.rcg-hp-consult {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 40px;
min-height: 240px;
padding: 45px clamp(34px, 5vw, 92px);
overflow: hidden;
background: linear-gradient(105deg, #f2eee6 0%, #fbfaf7 60%, #e9e6df 100%);
}
.rcg-hp-consult > div,
.rcg-hp-consult > a {
position: relative;
z-index: 1;
}
.rcg-hp-consult h2 {
margin-top: 8px;
font-size: clamp(33px, 3vw, 50px);
}
.rcg-hp-consult p:last-child {
max-width: 520px;
margin-top: 13px;
color: #6a716d;
font-size: 13px;
}
.rcg-hp-intent,
.rcg-hp-services,
.rcg-hp-proof,
.rcg-hp-faq {
padding: clamp(74px, 7vw, 112px) clamp(34px, 5vw, 92px);
}
.rcg-hp-intent {
background: linear-gradient(180deg, var(--rcg-paper-warm) 0%, #fbfaf7 100%);
border-bottom: 1px solid var(--rcg-line);
}
.rcg-hp-intent__intro {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(28px, 4vw, 64px);
margin-top: 30px;
padding-bottom: 36px;
border-bottom: 1px solid var(--rcg-line);
}
.rcg-hp-intent__intro p,
.rcg-hp-proof__lead {
color: var(--rcg-ink-soft);
font-size: 15px;
line-height: 1.8;
}
.rcg-hp-intent__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 34px;
}
.rcg-hp-intent__grid article {
min-width: 0;
padding: 28px 25px 25px;
background: rgba(255, 255, 255, .78);
border: 1px solid rgba(23, 39, 31, .1);
border-radius: 18px;
box-shadow: 0 10px 30px rgba(23, 39, 31, .04);
}
.rcg-hp-intent__grid article > span {
color: var(--rcg-gold);
font-family: var(--rcg-serif);
font-size: 20px;
}
.rcg-hp-intent__grid h3,
.rcg-hp-proof__grid h3 {
margin-top: 11px;
font-family: var(--rcg-serif);
font-size: 22px;
font-weight: 400;
line-height: 1.17;
}
.rcg-hp-intent__grid p,
.rcg-hp-proof__grid p {
margin-top: 13px;
color: var(--rcg-muted);
font-size: 13px;
line-height: 1.68;
}
.rcg-hp-intent__grid a {
display: inline-block;
margin-top: 19px;
color: var(--rcg-ink);
border-bottom: 1px solid var(--rcg-gold);
font-size: 11px;
font-weight: 750;
letter-spacing: .05em;
text-decoration: none;
text-transform: uppercase;
}
.rcg-hp-intent__grid a:hover,
.rcg-hp-intent__grid a:focus-visible {
color: var(--rcg-gold);
}
.rcg-hp-services {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
background: #fff;
}
.rcg-hp-services__panel {
padding: clamp(34px, 4vw, 58px);
background: var(--rcg-paper-warm);
border: 1px solid var(--rcg-line);
border-radius: 22px;
}
.rcg-hp-services__panel--dark {
color: #fff;
background: linear-gradient(145deg, #1d3027 0%, #102019 100%);
border-color: rgba(255, 255, 255, .09);
}
.rcg-hp-services h2 {
margin-top: 18px;
font-family: var(--rcg-serif);
font-size: clamp(36px, 3.5vw, 55px);
font-weight: 400;
letter-spacing: -.035em;
line-height: 1.04;
text-wrap: balance;
}
.rcg-hp-services__panel--dark h2 {
color: #fff;
}
.rcg-hp-services__panel > p:not(.rcg-hp-kicker) {
margin-top: 21px;
color: var(--rcg-ink-soft);
font-size: 14px;
line-height: 1.78;
}
.rcg-hp-services__panel--dark > p:not(.rcg-hp-kicker) {
color: rgba(255, 255, 255, .76);
}
.rcg-hp-services ul {
display: grid;
gap: 11px;
margin-top: 28px;
padding: 22px 0 0;
border-top: 1px solid var(--rcg-line);
list-style: none;
}
.rcg-hp-services__panel--dark ul {
border-top-color: rgba(255, 255, 255, .14);
}
.rcg-hp-services li {
position: relative;
padding-left: 18px;
}
.rcg-hp-services li::before {
content: "";
position: absolute;
left: 0;
top: .68em;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--rcg-gold);
}
.rcg-hp-services a {
color: var(--rcg-ink);
font-size: 13px;
font-weight: 700;
text-underline-offset: 4px;
}
.rcg-hp-services__panel--dark a {
color: #fff;
}
.rcg-hp-proof {
background: #fff;
}
.rcg-hp-proof__lead {
max-width: 900px;
margin-top: 26px;
}
.rcg-hp-proof__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 31px;
}
.rcg-hp-proof__grid article {
min-width: 0;
padding: 29px;
background: var(--rcg-paper);
border: 1px solid var(--rcg-line);
border-radius: 18px;
}
.rcg-hp-proof__grid h3 {
margin-top: 0;
}
.rcg-hp-proof__links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 26px;
}
.rcg-hp-proof__links a {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 0 17px;
color: var(--rcg-ink);
background: #fff;
border: 1px solid rgba(23, 39, 31, .16);
border-radius: 999px;
font-size: 11px;
font-weight: 750;
letter-spacing: .04em;
text-decoration: none;
text-transform: uppercase;
}
.rcg-hp-proof__links a:hover,
.rcg-hp-proof__links a:focus-visible {
border-color: var(--rcg-gold);
box-shadow: 0 8px 22px rgba(23, 39, 31, .07);
}
.rcg-hp-faq {
background: var(--rcg-paper-warm);
border-top: 1px solid var(--rcg-line);
}
.rcg-hp-faq__list {
margin-top: 32px;
border-top: 1px solid var(--rcg-line);
}
.rcg-hp-faq details {
border-bottom: 1px solid var(--rcg-line);
}
.rcg-hp-faq summary {
position: relative;
padding: 23px 54px 23px 0;
cursor: pointer;
color: var(--rcg-ink);
font-family: var(--rcg-serif);
font-size: 22px;
line-height: 1.3;
list-style: none;
}
.rcg-hp-faq summary::-webkit-details-marker {
display: none;
}
.rcg-hp-faq summary::after {
content: "+";
position: absolute;
right: 4px;
top: 18px;
display: grid;
place-items: center;
width: 34px;
height: 34px;
color: var(--rcg-gold);
border: 1px solid rgba(181, 139, 67, .45);
border-radius: 50%;
font-family: var(--rcg-sans);
font-size: 20px;
}
.rcg-hp-faq details[open] summary::after {
content: "−";
}
.rcg-hp-faq details p {
max-width: 900px;
padding: 0 54px 24px 0;
color: var(--rcg-muted);
font-size: 14px;
line-height: 1.78;
}
@container rcg-home (max-width: 980px) {
.rcg-hp-intent__intro,
.rcg-hp-services {
grid-template-columns: 1fr;
}
.rcg-hp-intent__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rcg-hp-proof__grid {
grid-template-columns: 1fr;
}
}
@container rcg-home (max-width: 620px) {
.rcg-hp-intent,
.rcg-hp-services,
.rcg-hp-proof,
.rcg-hp-faq {
padding: 50px 20px;
}
.rcg-hp-intent__intro,
.rcg-hp-intent__grid,
.rcg-hp-services,
.rcg-hp-proof__grid {
grid-template-columns: 1fr;
}
.rcg-hp-intent__grid article,
.rcg-hp-proof__grid article {
padding: 24px 21px;
}
.rcg-hp-services__panel {
padding: 31px 22px;
border-radius: 17px;
}
.rcg-hp-services h2 {
font-size: 36px;
}
.rcg-hp-proof__links {
display: grid;
}
.rcg-hp-proof__links a {
justify-content: center;
}
.rcg-hp-faq summary {
padding-right: 46px;
font-size: 19px;
}
.rcg-hp-faq details p {
padding-right: 0;
}
}
.rcg-homepage a:focus-visible,
.rcg-homepage summary:focus-visible {
outline: 3px solid rgba(181, 139, 67, .5);
outline-offset: 3px;
}
@container rcg-home (max-width: 1300px) {
.rcg-hp-combined {
grid-template-columns: 46% 54%;
}
.rcg-hp-combined__copy {
max-width: none;
padding-right: clamp(32px, 3.2cqw, 42px);
padding-left: clamp(32px, 3.2cqw, 42px);
}
.rcg-hp-combined h2 {
max-width: 100%;
font-size: clamp(34px, 3.2cqw, 42px);
}
}
@container rcg-home (max-width: 1180px) {
.rcg-hp-products__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rcg-hp-directions__grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(3, 300px);
}
.rcg-hp-direction--classic { grid-column: 1; grid-row: 1; }
.rcg-hp-direction--modern { grid-column: 2; grid-row: 1; }
.rcg-hp-direction--exclusive { grid-column: 1; grid-row: 2 / 4; }
.rcg-hp-direction--complex { grid-column: 2; grid-row: 2; }
.rcg-hp-direction--orthodox { grid-column: 2; grid-row: 3; }
.rcg-hp-direction__content strong {
max-width: min(100%, 360px);
font-size: clamp(27px, 3.2cqw, 38px);
}
.rcg-hp-combined {
grid-template-columns: 46% 54%;
min-height: 350px;
}
.rcg-hp-combined__copy {
max-width: none;
padding: 42px 36px;
}
.rcg-hp-combined h2 {
max-width: 100%;
font-size: clamp(34px, 4cqw, 42px);
}
.rcg-hp-combined__copy > p:not(.rcg-hp-kicker) {
margin-top: 18px;
font-size: 13px;
}
.rcg-hp-combined__link {
margin-top: 22px;
}
}
@container rcg-home (max-width: 880px) {
.rcg-hp-products__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rcg-hp-combined {
display: flex;
min-height: 0;
flex-direction: column;
}
.rcg-hp-combined__image {
position: relative;
z-index: 0;
height: 310px;
object-position: 68% center;
}
.rcg-hp-combined__copy {
width: auto;
max-width: 680px;
padding: 42px 36px 46px;
}
.rcg-hp-combined h2 {
font-size: clamp(36px, 6cqw, 48px);
}
}
@container rcg-home (max-width: 720px) {
.rcg-hp-directions__grid {
grid-template-columns: 1fr;
grid-template-rows: none;
}
.rcg-hp-direction,
.rcg-hp-direction--classic,
.rcg-hp-direction--modern,
.rcg-hp-direction--exclusive,
.rcg-hp-direction--complex,
.rcg-hp-direction--orthodox,
.rcg-hp-direction--combined {
grid-column: 1;
grid-row: auto;
min-height: 320px;
}
.rcg-hp-direction__content strong {
font-size: clamp(28px, 7cqw, 36px);
}
}
@container rcg-home (max-width: 380px) {
.rcg-hp-products__grid {
grid-template-columns: 1fr;
}
.rcg-hp-product__media {
aspect-ratio: 1 / 1;
}
}
@media (max-width: 1260px) {
.rcg-hp-layout {
grid-template-columns: 250px minmax(0, 1fr);
gap: 16px;
}
.rcg-hp-hero {
grid-template-columns: minmax(360px, .92fr) minmax(440px, 1.08fr);
min-height: 690px;
}
.rcg-hp-hero__media {
min-height: 690px;
}
.rcg-hp-hero__copy {
padding-left: 45px;
padding-right: 45px;
}
.rcg-hp-process {
grid-template-columns: .8fr 1.2fr;
gap: 42px;
}
}
@media (max-width: 1320px) {
.rcg-hp-layout {
display: block;
width: 100%;
padding: 0;
}
.rcg-hp-catalog {
display: none;
}
.rcg-hp-page {
box-shadow: none;
}
}
@media (max-width: 1024px) {
.rcg-hp-layout {
display: block;
width: 100%;
padding: 0;
}
.rcg-hp-catalog {
display: none;
}
.rcg-hp-page {
box-shadow: none;
}
.rcg-hp-hero {
grid-template-columns: 1fr;
}
.rcg-hp-hero__copy {
min-height: 620px;
padding: 72px 7vw;
}
.rcg-hp-hero__media {
min-height: 660px;
}
.rcg-hp-products__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.rcg-hp-products__header {
align-items: start;
flex-direction: column;
gap: 24px;
}
.rcg-hp-directions__grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(3, 300px);
}
.rcg-hp-direction--classic { grid-column: 1; grid-row: 1; }
.rcg-hp-direction--modern { grid-column: 2; grid-row: 1; }
.rcg-hp-direction--exclusive { grid-column: 1; grid-row: 2 / 4; }
.rcg-hp-direction--complex { grid-column: 2; grid-row: 2; }
.rcg-hp-direction--orthodox { grid-column: 2; grid-row: 3; }
.rcg-hp-process {
grid-template-columns: 1fr;
}
.rcg-hp-estimate__grid {
grid-template-columns: 1fr 1fr;
gap: 38px 0;
}
.rcg-hp-estimate article:nth-child(3) {
padding-left: 0;
}
.rcg-hp-estimate article:nth-child(3)::before {
display: none;
}
.rcg-hp-works__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 820px) {
.rcg-hp-products__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.rcg-homepage {
font-size: 15px;
}
.rcg-hp-hero__copy {
min-height: auto;
padding: 54px 22px 48px;
}
.rcg-hp-hero h1 {
margin-top: 25px;
font-size: clamp(40px, 11vw, 46px);
line-height: 1.02;
}
.rcg-hp-hero__lead {
margin-top: 27px;
font-size: 15px;
}
.rcg-hp-hero__actions {
align-items: stretch;
flex-direction: column;
gap: 17px;
margin-top: 30px;
}
.rcg-hp-button {
width: 100%;
}
.rcg-hp-link-arrow {
padding: 9px 2px;
}
.rcg-hp-hero__note {
margin-top: 34px;
}
.rcg-hp-hero__media {
grid-template-rows: 400px 140px;
min-height: 546px;
}
.rcg-hp-section,
.rcg-hp-estimate,
.rcg-hp-works,
.rcg-hp-process {
padding: 62px 18px;
}
.rcg-hp-section__header h2,
.rcg-hp-process h2 {
font-size: 42px;
}
.rcg-hp-products__header h2 {
font-size: clamp(36px, 10.8vw, 48px);
}
.rcg-hp-products__lead {
margin-top: 17px;
font-size: 13px;
}
.rcg-hp-products__grid {
gap: 8px;
margin-top: 30px;
}
.rcg-hp-product__media {
aspect-ratio: .84 / 1;
}
.rcg-homepage .rcg-hp-product__image {
padding: 13px 8px 7px;
}
.rcg-hp-product__badge {
top: 8px;
left: 8px;
padding: 6px 7px;
font-size: 7px;
}
.rcg-hp-product__body {
min-height: 142px;
padding: 13px 11px 14px;
}
.rcg-hp-product__meta {
font-size: 7px;
}
.rcg-hp-product__name {
font-size: 16px;
line-height: 1.15;
}
.rcg-hp-product__footer {
align-items: start;
flex-direction: column;
gap: 8px;
padding-top: 15px;
}
.rcg-hp-product__price {
font-size: 16px;
}
.rcg-hp-product__more {
display: none;
}
.rcg-hp-products__note {
margin-top: 18px;
font-size: 10px;
}
.rcg-hp-directions__grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: none;
gap: 7px;
}
.rcg-hp-direction,
.rcg-hp-direction--classic,
.rcg-hp-direction--modern,
.rcg-hp-direction--exclusive,
.rcg-hp-direction--complex,
.rcg-hp-direction--orthodox,
.rcg-hp-direction--combined {
grid-column: 1;
grid-row: auto;
min-height: 330px;
}
.rcg-hp-direction__content {
padding: 24px;
}
.rcg-hp-direction__content strong {
font-size: 31px;
}
.rcg-hp-combined {
display: flex;
flex-direction: column;
min-height: 0;
}
.rcg-hp-combined__image {
position: relative;
z-index: 0;
height: 245px;
object-position: 68% center;
}
.rcg-hp-combined__shade {
display: none;
}
.rcg-hp-combined__copy {
align-self: stretch;
width: auto;
max-width: 100%;
padding: 35px 22px 40px;
}
.rcg-hp-combined h2 {
font-size: clamp(29px, 8.2vw, 39px);
}
.rcg-hp-combined__copy > p:not(.rcg-hp-kicker) {
margin-top: 18px;
font-size: 14px;
}
.rcg-hp-combined__link {
width: 100%;
justify-content: center;
margin-top: 23px;
}
.rcg-hp-process__gallery {
grid-template-columns: 1fr 1fr;
grid-template-rows: 290px 150px;
}
.rcg-hp-estimate__grid {
grid-template-columns: 1fr;
gap: 27px;
}
.rcg-hp-estimate article,
.rcg-hp-estimate article:first-child,
.rcg-hp-estimate article:nth-child(3) {
padding: 0 0 27px;
border-bottom: 1px solid var(--rcg-line);
}
.rcg-hp-estimate article + article::before {
display: none;
}
.rcg-hp-works {
padding-top: 28px;
}
.rcg-hp-works__grid {
grid-template-columns: 1fr;
}
.rcg-hp-works__grid figure {
aspect-ratio: 1.35 / 1;
}
.rcg-hp-consult {
grid-template-columns: 1fr;
padding: 48px 20px;
}
.rcg-hp-consult h2 {
font-size: 37px;
}
}
@media (max-width: 380px) {
.rcg-hp-products__grid {
grid-template-columns: 1fr;
}
.rcg-hp-section__header h2,
.rcg-hp-process h2 {
font-size: clamp(33px, 11vw, 37px);
}
.rcg-hp-combined h2 {
font-size: 25px;
}
.rcg-hp-direction__content strong {
font-size: 28px;
}
}
@media (prefers-reduced-motion: reduce) {
.rcg-homepage *,
.rcg-homepage *::before,
.rcg-homepage *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
}
} @media (min-width: 821px) {
@container rcg-home (min-width: 721px) and (max-width: 880px) {
.rcg-hp-products__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
} .rcg-hp-hero__actions .rcg-hp-button,
.rcg-hp-hero__actions .rcg-hp-link-arrow {
min-height: 54px;
padding: 0 25px;
border-radius: 14px;
font-size: 10px;
letter-spacing: .08em;
white-space: nowrap;
}
.rcg-hp-hero__actions .rcg-hp-button {
border-color: rgba(255, 255, 255, .08);
box-shadow: 0 12px 28px rgba(23, 39, 31, .16);
}
.rcg-hp-hero__actions .rcg-hp-link-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--rcg-ink);
background: rgba(255, 255, 255, .82);
border: 1px solid rgba(23, 39, 31, .17);
box-shadow: 0 10px 24px rgba(23, 39, 31, .07);
text-transform: uppercase;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.rcg-hp-hero__actions .rcg-hp-link-arrow:hover,
.rcg-hp-hero__actions .rcg-hp-link-arrow:focus-visible {
color: var(--rcg-ink);
border-color: rgba(181, 139, 67, .7);
box-shadow: 0 14px 30px rgba(23, 39, 31, .11);
transform: translateY(-2px);
} @media (min-width: 1025px) {
@container rcg-home (max-width: 1100px) {
.rcg-hp-section,
.rcg-hp-estimate,
.rcg-hp-process {
padding-top: clamp(48px, 6cqw, 54px);
padding-bottom: clamp(48px, 6cqw, 54px);
}
.rcg-hp-works {
padding-bottom: clamp(48px, 6cqw, 54px);
}
.rcg-hp-hero {
grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
min-height: 680px;
}
.rcg-hp-hero__copy {
min-width: 0;
min-height: 680px;
padding: 54px clamp(28px, 4.1cqw, 44px);
}
.rcg-hp-hero h1 {
max-width: 100%;
margin-top: 27px;
font-size: clamp(42px, 5.35cqw, 56px);
line-height: .98;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.rcg-hp-hero__lead {
margin-top: 28px;
font-size: 14px;
line-height: 1.58;
}
.rcg-hp-hero__actions {
gap: 12px;
margin-top: 30px;
}
.rcg-hp-hero__actions .rcg-hp-button,
.rcg-hp-hero__actions .rcg-hp-link-arrow {
min-height: 52px;
padding: 0 22px;
border-radius: 14px;
font-size: 10px;
letter-spacing: .08em;
white-space: nowrap;
}
.rcg-hp-hero__actions .rcg-hp-button {
border-color: rgba(255, 255, 255, .08);
box-shadow: 0 12px 28px rgba(23, 39, 31, .16);
}
.rcg-hp-hero__actions .rcg-hp-link-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--rcg-ink);
background: rgba(255, 255, 255, .78);
border: 1px solid rgba(23, 39, 31, .17);
box-shadow: 0 10px 24px rgba(23, 39, 31, .07);
text-transform: uppercase;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.rcg-hp-hero__actions .rcg-hp-link-arrow:hover,
.rcg-hp-hero__actions .rcg-hp-link-arrow:focus-visible {
color: var(--rcg-ink);
border-color: rgba(181, 139, 67, .7);
box-shadow: 0 14px 30px rgba(23, 39, 31, .11);
transform: translateY(-2px);
}
.rcg-hp-hero__note {
margin-top: 36px;
}
.rcg-hp-hero__media {
min-height: 680px;
}
.rcg-hp-process {
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
gap: clamp(24px, 4cqw, 42px);
padding-right: clamp(28px, 4.4cqw, 46px);
padding-left: clamp(28px, 4.4cqw, 46px);
}
.rcg-hp-process__copy,
.rcg-hp-process__gallery {
min-width: 0;
}
}
@container rcg-home (max-width: 880px) {
.rcg-hp-hero__actions {
gap: 10px;
width: 100%;
}
.rcg-hp-hero__actions .rcg-hp-button,
.rcg-hp-hero__actions .rcg-hp-link-arrow {
flex: 1 1 0;
min-width: 0;
padding-right: 12px;
padding-left: 12px;
}
}
}