:root {
--ratio-16-9: 1.7777777778;
--ratio-8-6: 1.3333333333;
--ratio-1-1: 1;
--ratio-4-5: 0.8;
--ratio-2-3: 0.6666666667;
--ratio-9-16: 0.5625;
--ratio-old: 0.9241706161;
--ratio-old-look: 0.81875;
--blur-light: blur(25px);
--blur-medium: blur(50px);
--blur-strong: blur(100px);
--border-size-s: 0.0375rem solid var(--black);
--border-size-m: 0.0625rem solid var(--black);
--border-size-l: 0.125rem solid var(--black);
--border-radius-xs: 0.125rem;
--border-radius-s: 0.25rem;
--border-radius-m: 0.375rem;
--border-radius-l: 0.5rem;
--border-radius-full: 62.4375rem;
--black: #010101;
--black-400: #33383c;
--black-300: #5d676c;
--black-200: #7b8487;
--black-100: #acb2b4;
--white: #fff;
--white-100: #f8f8f8;
--white-200: #f3f3f3;
--white-300: #e5e5e5;
--white-400: #dadada;
--green: #5c7e08;
--orange: #ea6100;
--red: #c53929;
--red-100: #ff382b;
--font-primary: "AtacamaVF","AtacamaVF-fallback",Arial,sans-serif;
--font-secondary: "Hellix","Hellix-fallback",Arial,sans-serif;
--motion-easy-both: cubic-bezier(0.31,0,0.13,1);
--motion-easy-both-reverse: cubic-bezier(0.87,0,0.69,1);
--opacity-opaque: 1;
--opacity-very-high: 0.9;
--opacity-high: 0.75;
--opacity-medium: 0.5;
--opacity-low: 0.25;
--opacity-very-low: 0.1;
--opacity-transparent: 0;
--shadow-s: 0 4px 80px 0 rgba(1,1,1,.12);
--small-xs: 0.0625rem;
--small-s: 0.125rem;
--small-m: 0.25rem;
--small-l: 0.5rem;
--small-xl: 0.75rem;
--small-xxl: 1rem;
--medium-xs: 1.25rem;
--medium-s: 1.5rem;
--medium-m: 2rem;
--medium-l: 2.5rem;
--medium-xl: 3rem;
--medium-xxl: 3.5rem;
--large-xs: 4rem;
--large-s: 5rem;
--large-m: 7.5rem;
--large-l: 10rem;
--grid-mobile-columns: 6;
--grid-mobile-rows: 6;
--grid-mobile-gap: var(--small-l);
--grid-mobile-column-width: calc((100vw - var(--grid-mobile-gap)*(var(--grid-mobile-columns) + 1))/var(--grid-mobile-columns));
--grid-desktop-columns: 24;
--grid-desktop-rows: 12;
--grid-desktop-gap: var(--small-xxl);
--grid-desktop-column-width: calc((100vw - var(--grid-desktop-gap)*(var(--grid-desktop-columns) + 1))/var(--grid-desktop-columns));
--overlay-text-top: var(--color-gradient-img-text-top);
--overlay-text-top-25: var(--color-gradient-img-text-top-25);
--overlay-text-center: var(--surface-solid-primary-alt-25);
--overlay-text-bottom: var(--color-gradient-img-text-bottom);
--overlay-text-bottom-25: var(--color-gradient-img-text-bottom-25);
--surface-solid-primary-10: rgba(51,56,60,var(--opacity-very-low));
--surface-solid-primary-25: rgba(51,56,60,var(--opacity-low));
--surface-solid-primary-50: rgba(51,56,60,var(--opacity-medium));
--surface-solid-primary-75: rgba(51,56,60,var(--opacity-high));
--surface-solid-primary-90: rgba(51,56,60,var(--opacity-very-high));
--surface-solid-primary-alt-10: rgba(1,1,1,var(--opacity-very-low));
--surface-solid-primary-alt-25: rgba(1,1,1,var(--opacity-low));
--surface-solid-primary-alt-50: rgba(1,1,1,var(--opacity-medium));
--surface-solid-primary-alt-75: rgba(1,1,1,var(--opacity-high));
--surface-solid-primary-alt-90: rgba(1,1,1,var(--opacity-very-high));
--surface-solid-secondary-10: rgba(255,255,255,var(--opacity-very-low));
--surface-solid-secondary-25: rgba(255,255,255,var(--opacity-low));
--surface-solid-secondary-50: rgba(255,255,255,var(--opacity-medium));
--surface-solid-secondary-75: rgba(255,255,255,var(--opacity-high));
--surface-solid-secondary-90: rgba(255,255,255,var(--opacity-very-high));
--surface-solid-secondary-alt-10: rgba(248,248,248,var(--opacity-very-low));
--surface-solid-secondary-alt-25: rgba(248,248,248,var(--opacity-low));
--surface-solid-secondary-alt-50: rgba(248,248,248,var(--opacity-medium));
--surface-solid-secondary-alt-75: rgba(248,248,248,var(--opacity-high));
--surface-solid-secondary-alt-90: rgba(248,248,248,var(--opacity-very-high));
--surface-solid-approved: rgba(92,126,8,var(--opacity-low));
--surface-solid-alert: rgba(234,97,0,var(--opacity-low));
--surface-solid-error: rgba(197,57,41,var(--opacity-low));
--color-background-1: var(--white-100);
--color-background-2: var(--white);
--color-background-3: var(--white-200);
--color-background-4: var(--white-300);
--color-background-5: var(--black-200);
--color-background-primary-alt-1: var(--black);
--color-container-primary: var(--black-400);
--color-container-primary-surface-1: var(--surface-solid-primary-25);
--color-container-primary-surface-2: var(--surface-solid-primary-75);
--color-container-primary-surface-3: var(--surface-solid-primary-90);
--color-container-secondary: var(--white);
--color-container-secondary-surface-1: var(--surface-solid-secondary-25);
--color-container-secondary-surface-2: var(--surface-solid-secondary-75);
--color-container-secondary-surface-3: var(--surface-solid-secondary-90);
--color-container-tertiary: var(--white-200);
--color-container-primary-alt-1: var(--black);
--color-content-primary: var(--black-400);
--color-content-primary-alt-1: var(--black-200);
--color-content-secondary: var(--white);
--color-content-secondary-alt-1: var(--black-100);
--color-content-approved: var(--green);
--color-content-alert: var(--orange);
--color-content-error: var(--red-100);
--color-outline-primary: var(--black-400);
--color-outline-primary-alt-1: var(--black-100);
--color-outline-primary-alt-2: var(--white-300);
--color-outline-secondary: var(--white);
--color-outline-secondary-alt-1: var(--black-200);
--color-outline-approved: var(--green);
--color-outline-alert: var(--orange);
--color-outline-error: var(--red);
--color-state-primary-hover: var(--black-300);
--color-state-primary-pressed: var(--black-200);
--color-state-primary-alt-1-hover: var(--black-300);
--color-state-primary-alt-1-pressed: var(--black-400);
--color-state-primary-surface-1-hover: var(--surface-solid-primary-50);
--color-state-primary-surface-1-pressed: var(--surface-solid-primary-75);
--color-state-primary-surface-2-hover: var(--surface-solid-primary-90);
--color-state-primary-surface-2-pressed: var(--black-400);
--color-state-secondary-hover: var(--white-300);
--color-state-secondary-pressed: var(--white-400);
--color-state-secondary-alt-1-hover: var(--white-400);
--color-state-secondary-alt-1-pressed: var(--white);
--color-state-secondary-surface-1-hover: var(--surface-solid-secondary-50);
--color-state-secondary-surface-1-pressed: var(--surface-solid-secondary-75);
--color-state-secondary-surface-2-hover: var(--surface-solid-secondary-90);
--color-state-secondary-surface-2-pressed: var(--white);
--color-state-disable-content: var(--black-100);
--color-state-disable-container: var(--white-200);
--color-state-disable-outline: var(--black-100);
--color-iconic-bold: var(--iconic-bold);
--color-iconic-sauvage: var(--iconic-sauvage);
--color-iconic-missdior: var(--iconic-missdior);
--color-iconic-rougedior: var(--iconic-rougedior);
--color-gradient-img-text-top: linear-gradient(180deg,var(--surface-solid-primary-alt-50) 0%,transparent 100%);
--color-gradient-img-text-top-25: linear-gradient(180deg,var(--surface-solid-primary-alt-25) 0%,transparent 100%);
--color-gradient-img-text-bottom: linear-gradient(180deg,transparent 0%,var(--surface-solid-primary-alt-50) 100%);
--color-gradient-img-text-bottom-25: linear-gradient(180deg,transparent 0%,var(--surface-solid-primary-alt-25) 100%);
--iconic-bold: #c8a86a;
--iconic-sauvage: #020918;
--iconic-missdior: #f5e0d7;
--iconic-rougedior: #d7d1c7;
--body-background-color: var(--color-background-1);
--body-text-color: var(--color-content-primary);
--header-text-color: var(--body-text-color);
--hero-section-animation-duration: 1.5s;
--navigation-opening-duration: 0.45s;
--navigation-closing-duration: 0.15s;
--product-image-background: #f2f2f4;
--header-height: 4.5rem;
--header-height-relative: var(--header-height);
--header-logo-height: 1.5rem;
--header-background-color: var(--color-background-1);
--scrollbar-width: 0rem;
--inside-holder-z-index: 42;
--mobile-carousel-tile-width: calc(100vw - var(--large-xs)*2);
--component-text-color: light-dark(var(--color-content-primary),var(--color-content-secondary));
--component-secondary-text-color: light-dark(var(--color-content-primary-alt-1),var(--color-content-secondary-alt-1))
}
.content-page__section{overflow:clip;position:relative}
.r-tabs__nav{-ms-overflow-style:none;scrollbar-width:none}
.r-tabs__nav::-webkit-scrollbar{display:none}
.r-tabs__panel-button .r-button{--button-background:var(--color-container-primary);--button-font-size:0.875rem;--button-gap:var(--small-l);--button-height:var(--medium-xl);--button-line-height:1.0625rem;--button-side-padding:var(--small-xl);--button-text-color:var(--color-content-secondary);--button-hover-background:var(--button-hover-background-override,var(--color-state-primary-hover));--button-hover-border-color:transparent;--button-active-background:var(--color-state-primary-pressed);--button-active-color:var(--color-content-secondary);--button-disabled-border-color:var(--white-400);--button-disabled-outline-color:var(--color-state-disable-outline);--button-focus-outline-color:var(--color-outline-primary);align-items:center;background:var(--button-background);border:none;border-radius:var(--border-radius-m);color:var(--button-text-color);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-secondary);font-size:var(--button-font-size);font-weight:500;gap:var(--button-gap);height:var(--button-height);justify-content:center;line-height:var(--button-line-height);outline-offset:var(--small-m);padding:0 var(--button-side-padding);pointer-events:auto;text-align:center;transition:all .3s var(--motion-easy-both)}
.r-tabs__panel-button .r-button:hover{background:var(--button-hover-background);border-color:var(--button-hover-border-color);color:var(--button-text-color);text-decoration:none}
.r-tabs__panel-button .r-button:focus-visible{background:var(--button-hover-background);outline:1px solid var(--button-focus-outline-color)}
.r-tabs__panel-button .r-button:active{background:var(--button-active-background);border-color:var(--button-active-border-color);box-shadow:none;color:var(--button-active-color)}
.r-tabs__panel-button .r-button:disabled{background:var(--button-disabled-background);border-color:var(--button-disabled-border-color);color:var(--button-disabled-color);cursor:auto;outline-color:var(--button-disabled-outline-color)}
.r-tabs__panel-button .r-button{--button-background:var(--color-container-secondary);--button-text-color:var(--color-content-primary);--button-hover-background:var(--button-hover-background-override,var(--color-state-secondary-hover));--button-active-background:var(--color-state-secondary-pressed);--button-active-color:var(--color-content-primary);--button-disabled-color:var(--color-state-disable-content);--button-disabled-background:var(--color-state-disable-container);--button-focus-outline-color:var(--color-outline-secondary)}
.r-tabs__panel-button .r-button i{display:inline-flex}
.hero-section__button .r-button{--link-text-color:var(--black-400);--link-font-size:0.875rem;--link-font-weight:500;--link-hover-text-color:var(--black-200);--link-active-color:var(--black-100);--link-disabled-color:var(--white-400);--link-focus-outline-color:var(--black-200);background-image:linear-gradient(90deg,currentColor,currentColor),linear-gradient(90deg,currentColor,currentColor);background-position:-10px 100%,100% 100%;background-repeat:no-repeat;background-size:0 1px,100% 1px;color:var(--link-text-color);display:inline;font-family:var(--font-secondary);font-size:var(--link-font-size);font-weight:var(--link-font-weight);line-height:1.2;outline-offset:var(--small-m);overflow:hidden;padding:0 0 var(--link-padding-bottom) 0;position:relative;text-decoration:none;transition:all .5s var(--motion-easy-both)}
.hero-section__button .r-button:hover{background-position:0 100%,calc(100% + 10px) 100%;background-size:100% 1px,0 1px;color:var(--link-hover-text-color)}
.hero-section__button .r-button:focus-visible{outline:1px solid var(--link-focus-outline-color)}
.hero-section__button .r-button:active{color:var(--link-active-color)}
.hero-section__button .r-button:disabled{color:var(--link-disabled-color);cursor:auto}
.hero-section__button .r-button{--link-text-color:var(--color-content-primary);--link-padding-bottom:var(--small-m);--link-focus-outline-color:var(--color-outline-primary);--link-hover-text-color:var(--color-state-primary-hover);--link-active-color:var(--color-state-primary-pressed);--link-disabled-color:var(--color-state-disable-content)}
.hero-section__title,.r-tabs__title{font-family:var(--font-primary);font-weight:352;line-height:1.3}
.hero-section__title{font-size:2.5rem;letter-spacing:-.8px}
.r-tabs__title{font-size:2rem;letter-spacing:-.64px;line-height:1.3}
.r-tabs__button{font-family:var(--font-secondary);font-size:1rem;font-weight:400;font-weight:500;line-height:1.2}
.r-tabs__title{margin-bottom:var(--large-xs);text-align:center}
@media(min-width:1024px){
.r-tabs__title{margin-bottom:var(--medium-xl)}
}
.r-tabs__nav{display:flex;justify-content:flex-start;overflow:auto;padding:0 var(--medium-s)}
@media(min-width:1024px){
.r-tabs__nav{justify-content:center;padding:0}
}
.r-tabs__nav-list{--underline-width:0;--underline-position:0;align-items:center;display:flex;gap:var(--medium-m);justify-content:center;list-style:none;margin:0 auto;padding:0 0 var(--small-xl);position:relative}
@media(min-width:1024px){
.r-tabs__nav-list{gap:var(--large-xs)}
}
.r-tabs__nav-list:before{background:var(--color-content-secondary-alt-1);left:0;width:100%}
.r-tabs__nav-list:after,.r-tabs__nav-list:before{bottom:.0625rem;content:"";display:block;height:.0625rem;position:absolute}
.r-tabs__nav-list:after{background:var(--component-text-color);left:var(--underline-position);transition:all 1s var(--motion-easy-both);width:var(--underline-width)}
.r-tabs__button{padding:0;white-space:nowrap}
.r-tabs__panel{display:flex;flex-direction:column;gap:var(--medium-l);max-height:0;overflow:var(--tab-panel-overflow,hidden);transition:all .5s var(--motion-easy-both);visibility:hidden}
@media(min-width:1024px){
.r-tabs__panel{gap:var(--medium-xl)}
}
.r-tabs__panel--active{max-height:100%;visibility:visible}
.r-tabs__panel--active .r-tabs__slide{opacity:1;transform:translateY(0)}
.r-tabs__panel--active .r-tabs__slide img{display:block}
.r-tabs__panel--active .r-tabs__panel-button{opacity:1}
.r-tabs__panel--hide{max-height:0;visibility:hidden}
.r-tabs__panel--hide .r-tabs__slide{opacity:0;transform:translateY(-10px)}
.r-tabs__panel--hide .r-tabs__panel-button{opacity:0}
.r-tabs .carousel{margin-block-end:-.625rem;padding-block:var(--medium-l) .625rem;width:100%}
@media(min-width:1024px){
.r-tabs .carousel{padding:var(--medium-xl) 0 .625rem}
}
.r-tabs__slide{--tile-animation-delay:0;opacity:0;transform:translateY(.625rem);transition:all .5s var(--motion-easy-both) var(--tile-animation-delay)}
.r-tabs__slide img{display:none}
.r-tabs__panel-button{align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .5s var(--motion-easy-both)}
.r-tabs__panel-button .r-button{box-shadow:var(--shadow-s)}
@media(min-width:1024px){
.r-tabs .stepper-arrows{display:none}
}
.r-tabs .range__hyphen,.r-tabs .range__variation{display:none}
.hero-section{--hero-section-scroller-height:1.5rem}
@media(min-width:1024px){
.hero-section{overflow:clip}
}
.hero-section__wrapper{--col-width:calc((100vw - var(--grid-desktop-gap)*(var(--grid-desktop-columns) - 1))/var(--grid-desktop-columns));--hero-visual-final-width:calc(var(--col-width)*9 + var(--grid-desktop-gap)*8);display:flex;flex-direction:column;gap:var(--small-xxl);padding-bottom:var(--medium-l)}
.hero-section__wrapper:has(.hero-section__middle){--hero-visual-final-width:calc(var(--col-width)*7 + var(--grid-desktop-gap)*6)}
@media(min-width:1024px){
.hero-section__wrapper{display:grid;gap:var(--grid-mobile-gap);grid-template-columns:repeat(var(--grid-mobile-columns),minmax(0,1fr));height:120vh;padding-bottom:0}
}
@media(min-width:1024px)and (min-width:1024px){
.hero-section__wrapper{gap:var(--grid-desktop-gap);grid-template-columns:repeat(var(--grid-desktop-columns),minmax(0,1fr))}
}
@media(min-width:1024px){
.hero-section__wrapper:after,.hero-section__wrapper:before{content:"";inset-inline-start:50vw;position:fixed;transition:opacity .3s;width:.0625rem}
}
.hero-section__wrapper:before{background:var(--color-state-primary-pressed);bottom:0;height:var(--hero-section-scroller-height)}
.hero-section__wrapper:after{animation:hero-section-scroller 2.3s infinite;background:var(--color-state-primary-hover);bottom:var(--hero-section-scroller-height);height:0}
.hero-section--active .hero-section__wrapper:after,.hero-section--active .hero-section__wrapper:before{opacity:var(--opacity-transparent)}
@media(min-width:1024px){
.hero-section__wrapper--middle-visual{--grid-desktop-columns:23;--grid-desktop-gap:var(--medium-s);--hero-section-tile-delay:0.3s;align-items:center;height:100vh;inset-block-start:0;position:sticky}
.hero-section__wrapper--middle-visual .hero-section__overlay{max-width:var(--hero-visual-final-width)}
.hero-section__sticky-container{height:120vh}
}
.hero-section__visual{--hero-content-height:7.6rem;--visual-columns:24;--hero-section-visual-transform-x:0;--top:0rem;--bottom:0rem;--padding-bottom:calc(7rem + var(--hero-content-height));--hero-section-visual-justify-self:flex-start;--hero-section-visual-order:-1;height:calc(100vh + var(--padding-bottom));justify-self:var(--hero-section-visual-justify-self);order:var(--hero-section-visual-order);position:relative;transform:translateX(var(--hero-section-visual-transform-x));width:100vw}
@media(min-width:1024px){
.hero-section__visual{grid-column-end:span 9;grid-column-start:auto;grid-row-end:span 1;--visual-columns:20;--top:6.625rem;--bottom:5.875rem;--padding-bottom:0rem;--clip-path-block:calc((var(--top) + var(--bottom))/2);--clip-path-inline-start:calc((var(--col-width) + var(--grid-desktop-gap))*2);--clip-path-inline-end:var(--clip-path-inline-start);align-items:center;clip-path:inset(var(--clip-path-block) var(--clip-path-inline-end) var(--clip-path-block) var(--clip-path-inline-start));display:flex;inset-block-start:0;justify-content:center;overflow:clip;position:sticky;transition:all calc(var(--hero-section-animation-duration) - .5s) var(--motion-easy-both) .5s}
.hero-section__visual:has(.r-button){cursor:pointer}
}
.hero-section__visual .r-image{height:100vh}
.hero-section__visual .experience-visual{height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;width:100%}
.hero-section__visual .r-visual .fp-engine,.hero-section__visual .r-visual .r-responsive-img{transition:transform 1s var(--motion-easy-both) .5s}
@media(min-width:1024px){
.hero-section__visual--right{--hero-section-visual-justify-self:flex-end;--hero-section-visual-order:1}
}
.hero-section__visual-media{height:100vh;overflow:clip;position:absolute;width:100%;z-index:2}
@media(min-width:1024px){
.hero-section__visual-media{height:100%;position:relative}
}
.hero-section__visual-media .r-video{background-color:var(--white)}
.hero-section__content{padding-bottom:var(--medium-l)}
@media(min-width:1024px){
.hero-section__content{align-items:center;display:grid;gap:var(--small-xxl);grid-column-end:span 15;grid-column-start:auto;grid-row-end:span 1;grid-template-columns:repeat(15,minmax(0,1fr));justify-content:center;padding-bottom:0;padding-right:var(--grid-desktop-gap)}
}
.hero-section__button{align-items:center;display:flex;justify-content:center;margin-top:var(--medium-s)}
.hero-section__button .r-button{--link-text-color:var(--color-content-secondary);--link-hover-text-color:var(--color-content-secondary);pointer-events:visible}
.hero-section__overlay{display:flex;flex-direction:column;inset-block-start: 0;inset-inline-start:0;padding:0 var(--large-xs) var(--medium-m);pointer-events:none;position:sticky;text-align:center;width:100%}
@media(min-width:1024px){
.hero-section__overlay{max-width:calc(var(--col-width)*9 + var(--grid-desktop-gap)*8);padding-block-end:0}
}
.hero-section__overlay--light{color:var(--color-content-secondary);height:0;transform:translateY(40vh)}
@media(min-width:1024px){
.hero-section__overlay--light{height:auto;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);transition:inset 1s var(--motion-easy-both) .5s,transform 1s var(--motion-easy-both) .5s}
}
.hero-section__overlay--dark{inset-block-start:40vh;z-index:1}
@media(min-width:1024px){
.hero-section__overlay--dark{display:none}
}
.hero-section__overlay--dark .r-button{--link-text-color:var(--color-content-primary)}
.hero-section__ontitle{margin-bottom:var(--small-xxl)}
.hero-section__tiles{display:flex;flex-direction:column;gap:var(--small-xxl);padding:0 var(--medium-s)}
@media(min-width:1024px){
.hero-section__tiles{flex-direction:row;padding:0}
}
.hero-section__tiles--1{grid-column-end:span 5;grid-column-start:6;grid-row-end:span 1}
.hero-section__tiles--2{grid-column-end:span 9;grid-column-start:4;grid-row-end:span 1}
.hero-section__tiles--3{grid-column-end:span 11;grid-column-start:3;grid-row-end:span 1}
.hero-section__tile{flex:1}
@media(min-width:1024px){
.hero-section__tile{--delay:var(--hero-section-tile-delay,calc(0.2s + 0.1s*var(--index, 0)));opacity:0;transform:translateY(calc(50vh + 50% + var(--large-s)));transition:transform calc(var(--hero-section-animation-duration) - var(--delay)),opacity calc(var(--hero-section-animation-duration) - var(--delay));transition-timing-function:var(--motion-easy-both)}
.hero-section__title{margin-inline:auto;max-width:var(--hero-visual-final-width)}
}
.hero-section__tabs{--tab-panel-overflow:visible}
@media(min-width:1024px){
.hero-section__tabs{grid-column-end:span 11;grid-column-start:3;grid-row-end:span 1}
}
.hero-section__left{grid-column-end:span 7;grid-column-start:2;grid-row-end:span 1;max-height:100vh}
.hero-section__left .hero-section__tile:not(:first-child){display:none}
.hero-section__right{grid-column-end:span 7;grid-column-start:16;grid-row-end:span 1;max-height:100vh}
.hero-section__right .hero-section__tile:not(:nth-child(2)){display:none}
.hero-section__middle{grid-column-end:span 7;grid-column-start:9;grid-row-end:span 1;position:relative}
@media(max-width:1023px){
.hero-section__middle{order:-1}
}
.hero-section__middle .hero-section__visual{margin:auto}
@media(min-width:1024px){
.hero-section__middle .hero-section__visual{--hero-section-visual-transform-x:calc((var(--col-width) + var(--grid-desktop-gap))*-8);--visual-columns:19}
.hero-section .r-video .fp-controls{inset:auto auto var(--clip-path-block) var(--clip-path-inline-start);position:absolute;transition:inset 1s var(--motion-easy-both) .5s,width 1s var(--motion-easy-both) .5s}
}
.hero-section .r-video [data-control-bar=true] .fp-controls{width:calc(100% - var(--clip-path-inline-start) - var(--clip-path-inline-end))}
.hero-section--active .hero-section__visual,.hero-section--active .hero-section__visual .fp-engine,.hero-section--active .hero-section__visual .r-visual .r-responsive-img,.hero-section--active .hero-section__wrapper--side-visual .hero-section__overlay,.hero-section--active .r-video .fp-controls{transition-delay:0s;transition-timing-function:var(--motion-easy-both-reverse)}
.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual{--clip-path-inline-start:0%;--clip-path-inline-end:calc((var(--col-width) + var(--grid-desktop-gap))*15);--clip-path-block:0%}
.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual .hero-section__overlay{inset-inline-start:0;transform:translateY(-50%)}
.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual .r-visual .fp-engine,.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual .r-visual .r-responsive-img{transform:var(--hero-section-visual-active-transform,translateX(calc(-50% + var(--hero-visual-final-width)/ 2)))}
.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual--right{--clip-path-inline-start:calc((var(--col-width) + var(--grid-desktop-gap))*15);--clip-path-inline-end:0%}
@media(min-width:1024px){
.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual--right{--hero-section-visual-active-transform:translateX(calc(50% - var(--hero-visual-final-width)/2))}
}
.hero-section--active .hero-section__wrapper--side-visual .hero-section__visual--right .hero-section__overlay{inset:50% 0 auto auto}
.hero-section--active .hero-section__middle .hero-section__visual{--clip-path-inline-start:calc(50% - var(--hero-visual-final-width)/2);--clip-path-inline-end:var(--clip-path-inline-start);--clip-path-block:calc(50% - var(--hero-visual-final-width)/var(--ratio-2-3)/2)}
@media(min-width:1024px){
.hero-section--active .hero-section__tile{opacity:1;transform:translateY(0);transition-delay:var(--delay);transition-timing-function:var(--motion-easy-both-reverse)}
}
.hero-section--gifting .hero-section__overlay{color:var(--color-content-secondary);inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);transition:inset 1s var(--motion-easy-both) .5s,transform 1s var(--motion-easy-both) .5s}
@media(max-width:1023px){
.hero-section--gifting .hero-section__visual{--padding-bottom:5rem}
}
.hero-section--gifting .hero-section__visual--right .hero-section__overlay{inset:50% 50% auto auto;transform:translate(50%,-50%)}
.hero-section--not-ready .hero-section__overlay,.hero-section--not-ready .hero-section__tile,.hero-section--not-ready .hero-section__visual{transition:none}
.hero-section .freecaster-player,.hero-section .r-image{aspect-ratio:var(--ratio-9-16);width:100%}
@media(min-width:1024px){
.hero-section .freecaster-player,.hero-section .r-image{aspect-ratio:var(--ratio-2-3)}
}
@media(min-width:1024px){
body:has(.hero-section) .r-header{margin-block-end:calc(var(--header-height)*-1)}
}
@keyframes hero-section-scroller{
0%{bottom:var(--hero-section-scroller-height);height:0}
70%{bottom:var(--hero-section-scroller-height);height:0}
83%{bottom:0;height:var(--hero-section-scroller-height)}
87%{bottom:0;height:var(--hero-section-scroller-height)}
to{bottom:0;height:0}
}
.r-action-button,.sticky-button-region .r-button {
--button-background: var(--color-container-primary);
--button-font-size: 0.875rem;
--button-gap: var(--small-l);
--button-height: var(--medium-xl);
--button-line-height: 1.0625rem;
--button-side-padding: var(--small-xl);
--button-text-color: var(--color-content-secondary);
--button-hover-background: var(--button-hover-background-override,var(--color-state-primary-hover));
--button-hover-border-color: transparent;
--button-active-background: var(--color-state-primary-pressed);
--button-active-color: var(--color-content-secondary);
--button-disabled-background: var(--color-state-disable-container);
--button-disabled-border-color: var(--white-400);
--button-disabled-color: var(--color-state-disable-content);
--button-disabled-outline-color: var(--color-state-disable-outline);
--button-focus-outline-color: var(--color-outline-primary);
align-items: center;
background: var(--button-background);
border: none;
border-radius: var(--border-radius-m);
color: var(--button-text-color);
cursor: pointer;
display: inline-flex;
flex-shrink: 0;
font-family: var(--font-secondary);
font-size: var(--button-font-size);
font-weight: 500;
gap: var(--button-gap);
height: var(--button-height);
justify-content: center;
line-height: var(--button-line-height);
outline-offset: var(--small-m);
padding: 0 var(--button-side-padding);
pointer-events: auto;
text-align: center;
transition: all .3s var(--motion-easy-both)
}
.r-action-button:hover,.sticky-button-region .r-button:hover {
background: var(--button-hover-background);
border-color: var(--button-hover-border-color);
color: var(--button-text-color);
text-decoration: none
}
.r-action-button:focus-visible,.sticky-button-region .r-button:focus-visible {
background: var(--button-hover-background);
outline: 1px solid var(--button-focus-outline-color)
}
.r-action-button:active,.sticky-button-region .r-button:active {
background: var(--button-active-background);
border-color: var(--button-active-border-color);
box-shadow: none;
color: var(--button-active-color)
}
.r-action-button:disabled,.sticky-button-region .r-button:disabled {
background: var(--button-disabled-background);
border-color: var(--button-disabled-border-color);
color: var(--button-disabled-color);
cursor: auto;
outline-color: var(--button-disabled-outline-color)
}
.r-action-button,.r-action-button--primary-filled {
--button-background: var(--color-container-primary);
--button-text-color: var(--color-content-secondary);
--button-hover-background: var(--button-hover-background-override,var(--color-state-primary-hover));
--button-active-background: var(--color-state-primary-pressed);
--button-active-color: var(--color-content-secondary);
--button-disabled-color: var(--color-state-disable-content);
--button-disabled-background: var(--color-state-disable-container);
--button-focus-outline-color: var(--color-outline-primary)
}
.r-action-button--secondary-filled,.sticky-button-region .r-button {
--button-background: var(--color-container-secondary);
--button-text-color: var(--color-content-primary);
--button-hover-background: var(--button-hover-background-override,var(--color-state-secondary-hover));
--button-active-background: var(--color-state-secondary-pressed);
--button-active-color: var(--color-content-primary);
--button-disabled-color: var(--color-state-disable-content);
--button-disabled-background: var(--color-state-disable-container);
--button-focus-outline-color: var(--color-outline-secondary);
box-shadow: var(--shadow-s)
}
.r-action-button i,.sticky-button-region .r-button i {
display: inline-flex
}
.content-card__button .r-button,.r-content-tile .r-button {
--link-text-color: var(--black-400);
--link-font-size: 0.875rem;
--link-font-weight: 500;
--link-padding-bottom: var(--small-m);
--link-hover-text-color: var(--black-200);
--link-active-color: var(--black-100);
--link-disabled-color: var(--white-400);
--link-focus-outline-color: var(--black-200);
background-image: linear-gradient(90deg,currentColor,currentColor),linear-gradient(90deg,currentColor,currentColor);
background-position: -10px 100%,100% 100%;
background-repeat: no-repeat;
background-size: 0 1px,100% 1px;
color: var(--link-text-color);
display: inline;
font-family: var(--font-secondary);
font-size: var(--link-font-size);
font-weight: var(--link-font-weight);
line-height: 1.2;
outline-offset: var(--small-m);
overflow: hidden;
padding: 0 0 var(--link-padding-bottom) 0;
position: relative;
text-decoration: none;
transition: all .5s var(--motion-easy-both)
}
.content-card__button .r-button:hover,.r-content-tile .r-button:hover {
background-position: 0 100%,calc(100% + 10px) 100%;
background-size: 100% 1px,0 1px;
color: var(--link-hover-text-color)
}
.content-card__button .r-button:focus-visible,.r-content-tile .r-button:focus-visible {
outline: 1px solid var(--link-focus-outline-color)
}
.content-card__button .r-button:active,.r-content-tile .r-button:active {
color: var(--link-active-color)
}
.content-card__button .r-button:disabled,.r-content-tile .r-button:disabled {
color: var(--link-disabled-color);
cursor: auto
}
.content-card__button .r-button {
--link-text-color: var(--color-content-primary);
--link-padding-bottom: var(--small-m);
--link-focus-outline-color: var(--color-outline-primary);
--link-hover-text-color: var(--color-state-primary-hover);
--link-active-color: var(--color-state-primary-pressed);
--link-disabled-color: var(--color-state-disable-content)
}
.dark-mode .content-card__button .r-button,.r-content-tile .r-button {
--link-text-color: var(--color-content-secondary);
--link-padding-bottom: var(--small-m);
--link-focus-outline-color: var(--color-outline-secondary);
--link-hover-text-color: var(--color-state-secondary-hover);
--link-active-color: var(--color-state-secondary-pressed);
--link-disabled-color: var(--color-state-disable-content)
}
.content-card__title {
font-family: var(--font-primary);
font-size: 2rem;
font-weight: 352;
letter-spacing: -.64px;
line-height: 1.3
}
.content-card__description,.content-card__surtitle,.r-content-tile__text,.r-product-tile__name,.r-product-tile__price,.stepper-arrows__pagination {
font-family: var(--font-secondary);
font-weight: 400;
line-height: 1.2
}
.content-card__description {
font-size: 1rem
}
.r-product-tile__price {
font-size: .875rem
}
.r-content-tile__text {
font-size: 1rem;
font-weight: 500
}
.content-card__surtitle,.r-product-tile__name {
font-size: .875rem;
font-weight: 500
}
.stepper-arrows__pagination {
font-size: .75rem;
font-weight: 500
}
.r-content-tile {
aspect-ratio: var(--ratio-2-3);
display: block;
min-height: 6.25rem;
overflow: hidden;
position: relative;
text-align: center
}
.r-content-tile,.r-content-tile:hover {
color: var(--color-content-secondary)
}
.r-content-tile:hover img {
transform: scale(1.05)
}
.r-content-tile__overlay {
align-items: center;
background: var(--overlay-text-bottom);
display: flex;
flex-direction: column;
gap: var(--small-xxl);
height: 100%;
justify-content: flex-end;
left: 0;
padding: var(--medium-m) var(--small-xxl);
position: absolute;
top: 0;
width: 100%
}
.r-content-tile img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform .5s var(--motion-easy-both);
width: 100%
}
.r-product-tile {
display: flex;
flex-direction: column;
gap: var(--small-xxl)
}
.r-product-tile__visual {
aspect-ratio: var(--ratio-2-3);
background-color: var(--product-image-background)
}
.r-product-tile__info {
display: flex;
flex-direction: column;
gap: var(--product-tile-info-gap,var(--small-l));
padding-inline:var(--small-l);text-align: center
}
.r-product-tile__name {
display: -webkit-box;
height: 2lh;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.r-product-tile__price {
color: var(--component-secondary-text-color)
}
.r-product-tile .r-responsive-img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.r-product-tile .r-responsive-img.r-responsive-img--cover {
-o-object-fit: cover;
object-fit: cover
}
.content-card__visual {
overflow: hidden;
position: relative
}
.content-card__visual .r-image,.content-card__visual .r-video {
aspect-ratio: var(--ratio-2-3);
height: 100%;
width: 100%
}
@media(min-width: 1024px) {
.content-card__visual .r-image,.content-card__visual .r-video {
aspect-ratio:var(--ratio-4-5)
}
}
.content-card__content {
padding-block-start:var(--medium-s);padding-inline: var(--small-xl);
text-align: center
}
@media(min-width: 1024px) {
.content-card__content {
padding-inline:var(--medium-xl)
}
}
.content-card__surtitle {
color: var(--component-secondary-text-color);
margin-block-end:var(--small-xxl)}
.content-card__title {
margin-block-end: var(--small-l)
}
.content-card__description {
margin-block-end:var(--small-xxl)}
.r-stepper {
--stepper-background-color: var(--color-container-primary-surface-1);
--stepper-active-background-color: var(--color-container-primary);
--stepper-gap: var(--small-s);
display: flex;
gap: var(--stepper-gap);
padding-inline:var(--small-l);position: relative;
z-index: 1
}
.r-stepper--dark {
--stepper-background-color: var(--color-container-secondary-surface-1);
--stepper-active-background-color: var(--color-container-secondary)
}
.r-stepper--lines {
--stepper-width: 100%;
--stepper-gap: var(--small-m);
--stepper-height: 0.125rem;
--stepper-block-padding: var(--small-xxl)
}
.r-stepper--lines .r-stepper__step {
cursor: pointer;
flex: 1
}
.r-stepper--lines .r-stepper__step--active {
flex: 1.05
}
.r-stepper .r-stepper__step {
display: flex;
padding-block:var(--stepper-block-padding,var(--small-l))}
.r-stepper .r-stepper__step: after {
background-color:var(--stepper-background-color);
border-radius: var(--border-radius-xs);
content: "";
display: inline-block;
height: var(--stepper-height,.0625rem);
transition: width .3s var(--motion-easy-both),background-color .3s var(--motion-easy-both);
width: var(--stepper-width)
}
.r-stepper .r-stepper__step--active {
--stepper-background-color: var(--stepper-active-background-color)
}
.r-stepper--dots {
--stepper-width: 0.1875rem;
--stepper-gap: var(--small-m);
align-items: center
}
.r-stepper--dots .r-stepper__step:after {
--stepper-height: 0.1875rem
}
.r-stepper--dots .r-stepper__step--active {
--stepper-width: 0.3125rem
}
.r-stepper--dots .r-stepper__step--active:after {
--stepper-height: 0.3125rem;
border-radius: var(--border-radius-s)
}
.stepper-arrows {
align-items: center;
display: flex;
gap: var(--small-l);
justify-content: center;
line-height: 1;
padding: var(--small-l) var(--small-m)
}
.stepper-arrows__pagination {
display: flex;
overflow: hidden
}
.stepper-arrows .swiper-pagination-roller,.stepper-arrows .swiper-pagination-total,.stepper-arrows__current,.stepper-arrows__total {
text-align: center;
width: 2ch
}
.stepper-arrows__button {
padding: 0
}
.stepper-arrows__button--disabled:not(.slick-arrow) {
color: var(--color-content-secondary-alt-1);
cursor: not-allowed
}
.r-action-button {
--button-side-padding: var(--small-xxl);
display: flex;
max-width: 22.5rem;
width: 100%
}
.r-action-button span {
align-items: center;
display: flex;
gap: var(--small-m)
}
.r-action-button .r-action-button__label {
padding-right: var(--small-m)
}
.r-action-button--spaced .r-action-button__label {
flex-grow: 1;
text-align: left
}
.r-action-button--primary-alt {
--button-background: var(--color-container-primary-surface-2);
--button-text-color: var(--color-content-secondary);
--button-hover-background: var(--color-state-primary-surface-2-hover);
--button-active-background: var(--color-state-primary-surface-2-pressed);
--button-active-color: var(--color-content-secondary);
--button-disabled-color: var(--color-state-disable-content);
--button-disabled-background: var(--color-state-disable-container);
--button-focus-outline-color: var(--color-outline-primary)
}
.r-action-button--secondary-alt {
--button-background: var(--color-container-secondary-surface-2);
--button-text-color: var(--color-content-primary);
--button-active-background: var(--color-state-secondary-surface-2-pressed);
--button-active-color: var(--color-content-primary);
--button-disabled-color: var(--color-state-disable-content);
--button-disabled-background: var(--color-state-disable-container);
--button-focus-outline-color: var(--color-outline-secondary);
--button-hover-background: var(--color-state-secondary-surface-2-hover)
}
.content-page__section {
overflow: clip;
position: relative
}
.sticky-button-region {
display: flex;
gap: var(--small-l);
inset-block-end: 0;
justify-content: center;
opacity: 0;
position: sticky;
transform: translateY(var(--large-s));
transition: all .5s var(--motion-easy-both);
z-index: 35
}
@media(min-width: 1024px) {
.sticky-button-region {
inset-block-end:var(--medium-s)
}
}
.sticky-button-region:has(.experience-component) {
padding-block-end:var(--medium-s)}
.sticky-button-region--visible {
opacity: 1;
transform: translateY(0)
}
.r-image {
max-width: 100%
}
.r-image:after {
background: var(--overlay-background,var(--overlay-text-center));
content: "";
display: var(--overlay-display,none);
inset: 0;
pointer-events: none;
position: absolute
}
@media(max-width: 1023px) {
.r-image--mobile-overlay {
--overlay-display:block
}
}
@media(min-width: 1024px) {
.r-image--desktop-overlay {
--overlay-display:block
}
}
@media(max-width: 1023px) {
.r-image--mobile-overlay-position-bottom {
--overlay-background:var(--overlay-text-bottom)
}
}
@media(min-width: 1024px) {
.r-image--desktop-overlay-position-bottom {
--overlay-background:var(--overlay-text-bottom)
}
}
.r-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.experience-component {
position: relative
}
.experience-component:empty {
display: none
}
.experience-button {
display: block;
padding: 0
}
.experience-assets-button {
line-height: 1
}
.experience-assets-button .r-button {
--link-text-color: inherit
}
.experience-visual,.experience-visual>div {
height: 100%;
width: 100%
}
.hero-section--active .hero-section__tile:nth-child(2){transition-delay:0.4s}
.hero-section--active .hero-section__tile:nth-child(3){transition-delay:0.6s}
.hero-section__tile .r-content-tile {aspect-ratio: initial;overflow: initial;}
.hero-section__tile .r-content-tile .lazy-vid {aspect-ratio: 0.6;position: relative;overflow: clip;z-index: 2;position: absolute;width: 100%;height: 100%;top: 0;right: 0;left: 0;}
.hero-section__tile .r-content-tile .lazy-vid video {position: absolute;top: -100%;bottom: -100%;left: 0;right: 0;margin: auto;}
.hero-section__tile .r-content-tile .r-content-tile__overlay {height: auto;color: black;background: none;gap: 0.4em;position: sticky;top: 30vh;}
.hero-section__tile .r-content-tile .media-holder{position: relative;z-index:2;aspect-ratio: 0.6;overflow: clip;}
.hero-section__tile .r-content-tile .media-holder .r-content-tile__overlay{display:none}
.hero-section__tile .r-content-tile img {aspect-ratio: 0.6;height: auto;position: absolute;top: 0;left: 0;right: 0;}
.hero-section__overlay.hero-section__overlay--light .title-con {font-size: 2em;}
.hero-section__overlay.hero-section__overlay--dark.js-hero-section-overlay .title-con {font-size: 2em;}
.hero-section__tile .r-content-tile .mob-opacity0{display:none;}
body .hero-section__overlay{padding:50px}
@media(max-width:992px){
.hero-section__tile .r-content-tile {aspect-ratio: initial;}
.hero-section__tile .r-content-tile .media-holder .r-content-tile__overlay {display: flex;color: white;top: 0;z-index: 9; transform: translateY(30vh);text-shadow: 0 0 3px BLACK;}
.hero-section__tile .r-content-tile .mob-opacity0{opacity:0;display:block}
.hero-section__tile .r-content-tile .text-holder{position: absolute;top: 0;bottom: 0; }
}