.shade-duo{--sd-font-display:"Gotham Cond Bold",var(--typeHeaderPrimary),sans-serif;--sd-font-body:var(--typeBasePrimary),var(--typeBaseFallback),sans-serif;--sd-font-ui:var(--font-family-gotham,var(--sd-font-body));--sd-ease:cubic-bezier(0.2,0.8,0.2,1);--sd-track-pad:8px;--sd-fade:1000ms;--sd-kb-scale:1.03;--sd-kb-duration:4000ms;--sd-ou-size:68px;--sd-dot-size:24px;--sd-swatch-label-size:13px;--sd-panel-padding-mobile:24px 16px}.shade-duo__inner{margin:0 auto}.shade-duo__panel{align-items:center;background:var(--sd-panel-bg,#b1ecf9);border-radius:var(--sd-panel-radius,28px);color:var(--sd-text,#4a3f3d);display:grid;gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden;padding:var(--sd-panel-padding,48px)}.shade-duo--text-right .shade-duo__panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.shade-duo--text-right .shade-duo__copy{order:2}.shade-duo__copy{align-items:flex-start;display:flex;flex-direction:column;gap:14px;min-width:0}.shade-duo__eyebrow{color:var(--sd-eyebrow-color);font-family:var(--sd-font-body);font-size:var(--sd-eyebrow-size,16px);line-height:1;margin:0}.shade-duo__heading{color:var(--sd-heading-color);font-family:var(--sd-font-display);font-size:var(--sd-heading-size,72px);font-weight:700;line-height:.9;margin:0;text-transform:uppercase;text-wrap:balance}.shade-duo__text{color:inherit;font-family:var(--sd-font-body);font-size:var(--sd-text-size,15px);line-height:1.45;max-width:400px}.shade-duo__text p{font-size:inherit;line-height:inherit;margin:0 0 .6em}.shade-duo__text p:last-child{margin-bottom:0}.shade-duo__cta{align-items:center;background:var(--sd-button-bg);border:0;border-radius:999px;display:inline-flex;font-family:var(--sd-font-ui);font-size:13px;font-weight:500;height:48px;letter-spacing:.04em;margin-top:4px;padding:0 28px;text-transform:uppercase;transition:transform .2s var(--sd-ease),opacity .2s;white-space:nowrap}.shade-duo__cta,.shade-duo__cta:hover{color:var(--sd-button-color,#fff);text-decoration:none}.shade-duo__cta:hover{transform:translateY(-1px)}.shade-duo__cta:focus-visible{outline:2px solid var(--sd-accent);outline-offset:3px}.shade-duo__media{display:flex;flex-direction:column;gap:16px;min-width:0}.shade-duo__stage{height:var(--sd-stage-h,420px);position:relative}.shade-duo__pair{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--sd-fade) cubic-bezier(.4,0,.2,1)}.shade-duo__pair.is-active{opacity:1;pointer-events:auto;z-index:1}.shade-duo__card{background:var(--sd-card-bg,#f4f5fb);border-radius:var(--sd-card-radius,24px);bottom:0;color:inherit;display:block;overflow:hidden;position:absolute;text-decoration:none;top:0;width:calc(50% - var(--sd-card-gap, 12px) / 2)}.shade-duo__card--a{left:0}.shade-duo__card--b{right:0}a.shade-duo__card:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}.shade-duo__img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% var(--sd-image-focus,15%);object-position:50% var(--sd-image-focus,15%);position:absolute;transform:scale(var(--sd-kb-scale));transform-origin:50% 0;transition:transform var(--sd-kb-duration) cubic-bezier(.33,0,.2,1);width:100%}.shade-duo__pair.is-active .shade-duo__img{transform:scale(1)}.shade-duo__img--placeholder{opacity:.35}.shade-duo__chip{align-items:center;background:var(--sd-chip-bg,#fff);border-radius:999px;bottom:14px;color:var(--sd-chip-color);display:inline-flex;font-family:var(--sd-font-display);font-size:var(--sd-label-size,18px);font-weight:700;gap:6px;left:50%;line-height:1;padding:5px 12px 5px 5px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1}.shade-duo__dot{background-position:50%;background-size:cover;border-radius:50%;flex:none;height:var(--sd-dot-size);width:var(--sd-dot-size)}.shade-duo__ou{background:var(--sd-ou-bg);border-radius:50%;box-sizing:border-box;color:var(--sd-ou-color,#fff);display:grid;font-family:var(--sd-font-body);font-size:20px;height:var(--sd-ou-size);left:50%;line-height:1;margin:calc(var(--sd-ou-size) / -2) 0 0 calc(var(--sd-ou-size) / -2);padding-bottom:2px;place-items:center;position:absolute;top:50%;width:var(--sd-ou-size);z-index:2}.shade-duo__track{align-items:center;background:var(--sd-track-bg,#fff);border-radius:999px;display:grid;grid-template-columns:repeat(var(--sd-count,6),minmax(0,1fr));padding:12px var(--sd-track-pad) 10px;position:relative}.shade-duo__slider{background:var(--sd-slider);border-radius:999px;bottom:4px;left:calc(var(--sd-track-pad) + var(--sd-index, 0) * (100% - 2 * var(--sd-track-pad)) / var(--sd-count, 6));position:absolute;top:4px;transition:left .52s var(--sd-ease);width:calc((100% - 2 * var(--sd-track-pad)) * 2 / var(--sd-count, 6))}.shade-duo__swatch{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:12px;color:var(--sd-label-color,#4a3f3d);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:4px;margin:0;padding:4px 0;position:relative;z-index:1}.shade-duo__swatch:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}.shade-duo__swatch-dot{background-position:50%;background-size:cover;border:1.5px solid var(--sd-accent);border-radius:50%;height:var(--sd-swatch-size,28px);transition:transform .42s var(--sd-ease),border-color .3s ease-out;width:var(--sd-swatch-size,28px)}.shade-duo__swatch-label{font-family:var(--sd-font-display);font-size:var(--sd-swatch-label-size);font-weight:700;line-height:1;transition:color .42s var(--sd-ease)}.shade-duo__swatch.is-on{color:var(--sd-label-color-active,#fff)}.shade-duo__swatch.is-on .shade-duo__swatch-dot{border-color:var(--sd-track-bg,#fff);transform:scale(1.12)}.shade-duo__notice{border:1px dashed;border-radius:12px;font-size:14px;margin:0;padding:16px}@media screen and (max-width:989px){.shade-duo__panel{gap:24px}}@media screen and (max-width:749px){.shade-duo{--sd-track-pad:4px;--sd-ou-size:52px;--sd-dot-size:18px;--sd-swatch-label-size:11px}.shade-duo--text-right .shade-duo__panel,.shade-duo__panel{border-radius:calc(var(--sd-panel-radius, 28px) * .8);gap:22px;grid-template-columns:minmax(0,1fr);padding:var(--sd-panel-padding-mobile)}.shade-duo--text-right .shade-duo__copy{order:0}.shade-duo__heading{font-size:var(--sd-heading-size-mobile,40px)}.shade-duo__stage{height:var(--sd-stage-h-mobile,300px)}.shade-duo__card{border-radius:calc(var(--sd-card-radius, 24px) * .75)}.shade-duo__chip{bottom:10px;font-size:calc(var(--sd-label-size, 18px) * .8);padding:4px 10px 4px 4px}.shade-duo__ou{font-size:16px}.shade-duo__track{padding:10px var(--sd-track-pad) 8px}.shade-duo__swatch-dot{height:calc(var(--sd-swatch-size, 28px) * .8);width:calc(var(--sd-swatch-size, 28px) * .8)}.shade-duo--mobile-stacked .shade-duo__card{height:calc(50% - var(--sd-card-gap, 12px) / 2);left:0;right:0;width:100%}.shade-duo--mobile-stacked .shade-duo__card--a{bottom:auto;top:0}.shade-duo--mobile-stacked .shade-duo__card--b{bottom:0;top:auto}}@media (prefers-reduced-motion:reduce){.shade-duo__cta,.shade-duo__img,.shade-duo__pair,.shade-duo__slider,.shade-duo__swatch-dot,.shade-duo__swatch-label{transition:none}.shade-duo__img{transform:none}}