.rn-set-product--complexion_duo .rn-set-builder{padding-inline:clamp(16px,4vw,64px)}
.rn-set-product--complexion_duo .rn-set-builder__heading{max-width:680px;margin-bottom:44px}
.rn-set-product--complexion_duo .rn-set-builder__heading h2{font-size:var(--rn-builder-title-size,48px)}
.rn-complexion{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);max-width:1180px;margin:auto;border:1px solid rgba(63,42,31,.13);background:#f4ebe4;box-shadow:0 28px 70px rgba(52,35,27,.08)}
.rn-complexion__stage{position:sticky;top:calc(var(--rn-sticky-top,72px) + 44px);align-self:start;height:700px;overflow:hidden;background:linear-gradient(145deg,#d9c0ae 0%,#ead9cc 42%,#c79f86 100%)}
.rn-complexion__stage::before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 55% 25%,rgba(255,255,255,.72),transparent 38%),linear-gradient(115deg,rgba(255,255,255,.28),transparent 46%)}
.rn-complexion__halo{position:absolute;width:70%;height:50%;left:15%;bottom:12%;border-radius:50%;background:rgba(76,47,35,.18);filter:blur(38px);transform:scaleY(.22)}
.rn-complexion__products{position:relative;display:flex;height:100%;align-items:center;justify-content:center;gap:0;padding:38px 18px 86px;isolation:isolate}
.rn-complexion__product{position:relative;display:flex;width:36%;max-width:270px;flex-direction:column;align-items:center;margin:0;transition:width .42s ease,opacity .32s ease,transform .42s ease,filter .32s ease}
.rn-complexion__product--foundation{z-index:1;transform:translate(18%,9%) rotate(-4deg)}
.rn-complexion__product--full{z-index:3;transform:translateY(-5%)}
.rn-complexion__product--concealer{z-index:2;transform:translate(-18%,9%) rotate(4deg)}
.rn-complexion__product-image{display:block;width:100%;height:400px;object-fit:contain;filter:drop-shadow(0 26px 20px rgba(54,34,24,.24))}
.rn-complexion__placeholder{display:grid;height:400px;place-items:center;border-radius:22px;background:#211713;color:#fff;font:20px var(--reneora-font-heading,Georgia,serif);box-shadow:0 26px 40px rgba(40,24,17,.26)}
.rn-complexion__product figcaption{position:static;width:calc(100% - 16px);margin-top:8px;padding:9px 11px;background:rgba(248,242,237,.9);backdrop-filter:blur(9px);text-align:center;box-shadow:0 8px 24px rgba(55,34,25,.12)}
.rn-complexion__product figcaption span,.rn-complexion__product figcaption strong{display:block}.rn-complexion__product figcaption span{font-size:8px;letter-spacing:.15em;text-transform:uppercase}.rn-complexion__product figcaption strong{margin-top:3px;font-size:10px;font-weight:500}
.rn-complexion.is-choice-foundation .rn-complexion__product--full,.rn-complexion.is-choice-full .rn-complexion__product--foundation{width:0;opacity:0;transform:scale(.7);pointer-events:none}
.rn-complexion.is-choice-foundation .rn-complexion__product--foundation,.rn-complexion.is-choice-full .rn-complexion__product--full{width:58%;max-width:385px;transform:translate(4%,-2%) rotate(-1deg)}
.rn-complexion.is-choice-foundation .rn-complexion__product--concealer,.rn-complexion.is-choice-full .rn-complexion__product--concealer{width:43%;max-width:285px;transform:translate(-4%,3%) rotate(2deg)}
.rn-complexion__stage-copy{position:absolute;right:28px;bottom:24px;left:28px;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid rgba(52,37,31,.26);padding-top:13px}.rn-complexion__stage-copy span{font-size:8px;letter-spacing:.17em;text-transform:uppercase}.rn-complexion__stage-copy strong{font-family:var(--reneora-font-heading,Georgia,serif);font-size:18px;font-weight:400;text-align:right}
.rn-complexion__panel{height:650px;min-height:650px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--rn-builder-panel-bg,#fbf7f2);scrollbar-color:rgba(52,37,31,.35) transparent;scrollbar-width:thin}.rn-complexion__panel::-webkit-scrollbar{width:6px}.rn-complexion__panel::-webkit-scrollbar-track{background:transparent}.rn-complexion__panel::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(52,37,31,.28)}
.rn-complexion__step{display:none;padding:34px 42px 38px}.rn-complexion__step.is-active{display:block;animation:rn-complexion-in .32s ease both}
.rn-complexion__step header{display:flex;gap:10px;align-items:start;margin-bottom:18px}.rn-complexion__step header>span{color:var(--rn-set-accent);font-family:var(--reneora-font-heading,Georgia,serif);font-size:14px;line-height:1}.rn-complexion__step header small{display:block;font-size:7px;line-height:1;letter-spacing:.18em}.rn-complexion__step h3{margin:4px 0 0;font-family:var(--reneora-font-heading,Georgia,serif);font-size:clamp(25px,2.4vw,32px);font-weight:400;line-height:1}
.rn-complexion__coverage{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rn-complexion__coverage button{display:flex;min-height:96px;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 15px;border:1px solid rgba(52,37,31,.16);background:transparent;color:inherit;text-align:left;transition:.2s ease}.rn-complexion__coverage button:hover{transform:translateY(-2px);border-color:rgba(52,37,31,.42)}.rn-complexion__coverage button.is-selected{border-color:#34251f;background:#34251f;color:#fff}.rn-complexion__coverage span{font-size:6px;letter-spacing:.16em;text-transform:uppercase;opacity:.65}.rn-complexion__coverage strong{margin-top:9px;font-family:var(--reneora-font-heading,Georgia,serif);font-size:18px;font-weight:400;line-height:1.05}.rn-complexion__coverage i{display:none}
.rn-complexion__shade-area{margin-top:20px;padding-top:18px;border-top:1px solid rgba(52,37,31,.14)}.rn-complexion__shade-heading small,.rn-complexion__shade-heading strong{display:block}.rn-complexion__shade-heading small{color:var(--rn-set-accent);font-size:7px;letter-spacing:.18em;text-transform:uppercase}.rn-complexion__shade-heading strong{margin-top:6px;font-family:var(--reneora-font-heading,Georgia,serif);font-size:18px;font-weight:400}.rn-complexion__swatches{margin:14px 0 20px}.rn-complexion__swatches>[data-rn-shade-set]:not([hidden]){display:flex;max-height:142px;flex-wrap:wrap;gap:10px;overflow:auto;padding:4px 9px 4px 4px;scrollbar-color:rgba(52,37,31,.3) transparent;scrollbar-width:thin}.rn-complexion__swatches>[data-rn-shade-set]:not([hidden])::-webkit-scrollbar{width:5px}.rn-complexion__swatches>[data-rn-shade-set]:not([hidden])::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(52,37,31,.26)}.rn-complexion__swatches--concealer{display:flex;flex-wrap:wrap;gap:10px}.rn-complexion__empty{margin:0;color:#786b63;font-size:11px}
.rn-complexion__swatch{position:relative;width:38px;height:38px;padding:0;border:1px solid rgba(52,37,31,.2);border-radius:50%;background:var(--rn-shade,#c5a58b)}.rn-complexion__swatch i{display:block;width:100%;height:100%;border:3px solid #fbf7f2;border-radius:50%;background:var(--rn-shade,#c5a58b)}.rn-complexion__swatch span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.rn-complexion__swatch.is-selected{box-shadow:0 0 0 2px #fbf7f2,0 0 0 4px #34251f}
.rn-complexion__continue,.rn-complexion__summary button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #34251f;background:#34251f;color:#fff;font-size:9px;letter-spacing:.15em;text-transform:uppercase;transition:.2s ease}.rn-complexion__continue:disabled,.rn-complexion__summary button:disabled{cursor:not-allowed;opacity:.35}.rn-complexion__continue:not(:disabled):hover,.rn-complexion__summary button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(45,29,22,.18)}.rn-complexion__intro{font-size:12px;line-height:1.65;opacity:.7}.rn-complexion__back{margin-top:9px;padding:8px 0;border:0;background:transparent;color:inherit;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.rn-complexion__summary{padding:34px 42px 38px;background:var(--rn-summary-bg,#211713);color:var(--rn-summary-text,#fff);text-align:left}.rn-complexion__summary>span{color:#d8a786;font-size:7px;letter-spacing:.18em;text-transform:uppercase}.rn-complexion__summary h3{margin:7px 0 22px;font-family:var(--reneora-font-heading,Georgia,serif);font-size:clamp(25px,2.4vw,32px);font-weight:400}.rn-complexion__summary>div{display:grid;gap:5px;min-height:68px;align-content:center;padding:13px 0;border-block:1px solid rgba(255,255,255,.18)}.rn-complexion__summary>div+div{border-top:0}.rn-complexion__summary small{color:#d8a786;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.rn-complexion__summary strong{font-family:var(--reneora-font-heading,Georgia,serif);font-size:16px;font-weight:400}.rn-complexion__summary>p[data-rn-complexion-price]{margin:20px 0 15px;font-family:var(--reneora-font-heading,Georgia,serif);font-size:26px}.rn-complexion__summary form{width:100%;margin:auto}.rn-complexion__status{margin:11px 0 0;font-size:9px;line-height:1.45;opacity:.65}
@keyframes rn-complexion-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.rn-complexion{grid-template-columns:1fr}.rn-complexion__stage{position:relative;top:auto;height:590px}.rn-complexion__panel{height:auto;min-height:0;overflow:visible}.rn-complexion__product-image,.rn-complexion__placeholder{height:365px}.rn-complexion.is-choice-foundation .rn-complexion__product--foundation,.rn-complexion.is-choice-full .rn-complexion__product--full{max-width:420px}.rn-complexion.is-choice-foundation .rn-complexion__product--concealer,.rn-complexion.is-choice-full .rn-complexion__product--concealer{max-width:310px}}
@media(max-width:700px){.rn-set-product--complexion_duo .rn-set-builder{padding:48px 10px}.rn-set-product--complexion_duo .rn-set-builder__heading{padding-inline:10px}.rn-set-product--complexion_duo .rn-set-builder__heading h2{font-size:var(--rn-builder-title-mobile,34px)}.rn-complexion__stage{height:455px}.rn-complexion__products{padding:22px 3px 68px}.rn-complexion__product{width:38%}.rn-complexion__product-image,.rn-complexion__placeholder{height:275px}.rn-complexion__product figcaption{width:calc(100% - 4px);margin-top:5px;padding:7px 4px}.rn-complexion__product figcaption span{font-size:6px}.rn-complexion__product figcaption strong{font-size:8px}.rn-complexion.is-choice-foundation .rn-complexion__product--foundation,.rn-complexion.is-choice-full .rn-complexion__product--full{width:59%;max-width:none}.rn-complexion.is-choice-foundation .rn-complexion__product--concealer,.rn-complexion.is-choice-full .rn-complexion__product--concealer{width:43%;max-width:none}.rn-complexion__stage-copy{right:14px;bottom:13px;left:14px}.rn-complexion__stage-copy strong{font-size:13px}.rn-complexion__step{padding:24px 14px 28px}.rn-complexion__step h3{font-size:25px}.rn-complexion__coverage{grid-template-columns:1fr 1fr;gap:7px}.rn-complexion__coverage button{min-height:84px;padding:12px 10px}.rn-complexion__coverage strong{font-size:15px}.rn-complexion__shade-heading strong{font-size:17px}.rn-complexion__summary{padding:30px 16px 34px}.rn-complexion__summary>div{display:grid;width:100%;border:1px solid rgba(255,255,255,.18)}.rn-complexion__summary>div+div{border-top:0}}
@media(prefers-reduced-motion:reduce){.rn-complexion__product,.rn-complexion__step{animation:none;transition:none}}