*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}*{margin:0}html{-webkit-text-size-adjust:100%;height:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;line-height:1.2;height:100%;overflow:hidden}img,picture,video{display:block;max-width:100%}img{border-style:none}a{background-color:transparent}p{overflow-wrap:break-word;margin:0}button{font:inherit;overflow:visible;text-transform:none;-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@font-face{font-family:abchanel-corpo;src:url(https://fonts.chanel.com/k/ABChanelCorpo2022-Light.woff2) format("woff2"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-Light.woff) format("woff"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-Light.ttf) format("ttf"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-Light.otf) format("otf");font-style:normal;font-weight:300}@font-face{font-family:abchanel-corpo;src:url(https://fonts.chanel.com/k/ABChanelCorpo2022-Regular.woff2) format("woff2"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-Regular.woff) format("woff"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-Regular.ttf) format("ttf"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-Regular.otf) format("otf");font-style:normal;font-weight:400}@font-face{font-family:abchanel-corpo;src:url(https://fonts.chanel.com/k/ABChanelCorpo2022-SemiBold.woff2) format("woff2"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-SemiBold.woff) format("woff"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-SemiBold.ttf) format("ttf"),url(https://fonts.chanel.com/k/ABChanelCorpo2022-SemiBold.otf) format("otf");font-style:normal;font-weight:600}.wrapper{width:100%;min-height:100svh;position:relative;font-family:abchanel-corpo;color:#fff}.page{position:absolute;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .8s ease-in-out}.page--active{z-index:2;opacity:1}.page__media{position:absolute;width:100%;height:100%;z-index:1}.video{object-fit:cover;width:100%;height:100%;object-position:center top}.video--landscape{display:none}.page__content{position:absolute;width:100%;height:100%;text-align:center;padding:20px 20px 31px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}@media (orientation:landscape){.video--portrait{display:none}.video--landscape{display:block}}.title{font-size:25px;line-height:calc(31 / 25);font-weight:600;margin-bottom:10px;text-transform:uppercase}.description{font-family:Helvetica;font-size:14px;line-height:calc(18 / 14);font-weight:300;letter-spacing:.5px;margin-bottom:17px}.btn{display:inline-block;font-size:11px;line-height:calc(14 / 11);font-weight:600;padding:12px 24px;background:rgba(255,255,255,.3);border:1px solid #fff;text-transform:uppercase;color:#fff;cursor:pointer}.btn--white{background:#fff;color:#1d1d1d}.btn--border{color:#1d1d1d;border:1px solid #1d1d1d;padding:10px 25px}.btn--border-bottom{color:#1d1d1d;border:0;border-bottom:1px solid #1d1d1d;padding:0;line-height:20px;letter-spacing:.5px;background:0 0}.back{padding:10px;position:absolute;top:7px;left:7px;background:0 0;cursor:pointer;border:none}.retry{padding:10px;position:absolute;top:7px;left:auto;right:7px;background:0 0;cursor:pointer;border:none}@media (orientation:landscape){.btn{padding:16px 24px}.back{top:10px;left:10px}.retry{top:10px;right:10px}.back svg,.retry svg{width:28px;height:28px}.btn--border-bottom{padding:0}.btn:hover{cursor:url(img/cursor.png),pointer}}.wrapper[data-gender=him] .her{display:none}.wrapper[data-gender=her] .him{display:none}.products{display:flex;align-items:flex-start;justify-content:center;gap:20px}.product{width:200px}.product_media{width:200px}@media (orientation:landscape){.page[data-step="0"] .page__content{padding-bottom:78px;width:445px;left:50%;transform:translateX(-50%)}.page[data-step="0"] .title{font-size:40px;line-height:calc(44 / 40);letter-spacing:2px}}.page[data-step="1"] .page__content{padding-bottom:40px}.page[data-step="1"] .title{font-size:22px;margin-bottom:17px}.page[data-step="1"] .btn{width:100px;margin:0 7px}@media (orientation:landscape){.page[data-step="1"] .page__content{padding-bottom:78px}.page[data-step="1"] .title{font-size:28px}}.page[data-step="2"] .page__content{padding-bottom:20px}.page[data-step="2"] .ctas{display:flex;flex-wrap:wrap;gap:18px}.page[data-step="2"] .title{font-size:22px;margin-bottom:17px;padding:0 20px}.page[data-step="2"] .btn{margin:0;width:calc(50% - 9px)}@media (orientation:landscape){.page[data-step="2"] .page__content{padding-bottom:78px}.page[data-step="2"] .title{font-size:28px}.page[data-step="2"] .btn{width:min(160px,calc((100vw - 100px)/ 4))}}.page[data-step="3"] .page__content{padding-bottom:20px}.page[data-step="3"] .ctas{display:flex;flex-wrap:wrap;gap:18px}.page[data-step="3"] .title{font-size:22px;margin-bottom:17px;padding:0 20px}.page[data-step="3"] .btn{margin:0;width:calc(50% - 9px)}@media (orientation:landscape){.page[data-step="3"] .page__content{padding-bottom:78px}.page[data-step="3"] .title{font-size:28px}.page[data-step="3"] .btn{width:min(160px,calc((100vw - 100px)/ 4))}}@keyframes dot1{0%{opacity:0}9%{opacity:0}10%{opacity:1}100%{opacity:1}}@keyframes dot2{0%{opacity:0}19%{opacity:0}20%{opacity:1}100%{opacity:1}}@keyframes dot3{0%{opacity:0}29%{opacity:0}30%{opacity:1}100%{opacity:1}}.page[data-step="4"] .page__content{padding-bottom:59px}.page[data-step="4"] .title{font-size:20px;letter-spacing:1px}.page[data-step="4"].page--active .title span:nth-of-type(1){animation:dot1 .8s;animation-iteration-count:infinite}.page[data-step="4"].page--active .title span:nth-of-type(2){animation:dot2 .8s;animation-iteration-count:infinite}.page[data-step="4"].page--active .title span:nth-of-type(3){animation:dot3 .8s;animation-iteration-count:infinite}@media (orientation:landscape){.page[data-step="4"] .page__content{padding-bottom:66px}.page[data-step="4"] .title{font-size:26px}}.page[data-step="5"].with__image .page__media{display:none}.page[data-step="5"].with__video .product_media{display:none}.page[data-step="5"] .page__content{color:#1d1d1d;padding-top:25px}.page[data-step="5"] .title{font-size:22px;padding:0 25px;color:#b99637}.page[data-step="5"] .product_media{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative}.page[data-step="5"] .product_img{position:absolute;max-height:100%}.page[data-step="5"] .product_content{margin-bottom:7px}.page[data-step="5"] .product_title{font-size:12px;line-height:calc(18/12);font-weight:600;margin-bottom:5px;text-transform:uppercase}.page[data-step="5"] .product_description{font-weight:300;font-family:Helvetica;line-height:calc(18/14);font-size:14px}.page[data-step="5"] .ctas{display:flex;flex-direction:column;align-items:center}.page[data-step="5"] .ctas .btn:first-of-type{margin-bottom:19px}.page[data-step="5"].with__image path{fill:#1d1d1d}.page[data-step="5"].with__video .title{color:#fff;flex:1}.page[data-step="5"] .ctas,.page[data-step="5"] .product_content{opacity:0;transition:opacity .5s}.page[data-step="5"] .page__content--visible .ctas,.page[data-step="5"] .page__content--visible .product_content{opacity:1}@media (orientation:landscape){.page[data-step="5"] .page__content{padding-top:35px}.page[data-step="5"] .title{font-size:28px;color:#b99637}.page[data-step="5"] .product_media{align-items:flex-end}.page[data-step="5"] .product_content{margin-bottom:18px;padding-bottom:0}.page[data-step="5"] .product_title{font-size:13px}.page[data-step="5"].with__video .page__media{top:86px;bottom:199px;height:auto}.page[data-step="5"].with__video .title{font-size:28px;color:#b99637}.page[data-step="5"].with__video video{object-fit:contain}.page[data-step="5"].with__video path{fill:#1d1d1d}}.page[data-step="6"] .page__content{color:#1d1d1d;padding-top:25px;padding-bottom:26px;justify-content:space-between}.page[data-step="6"] .title{font-size:22px;color:#b99637;padding:0 25px}.page[data-step="6"] .products{width:100%;align-items:stretch}.page[data-step="6"] .product{display:flex;flex-direction:column;align-items:center}.page[data-step="6"] .product_media{display:flex;align-items:center;width:100%;margin-bottom:10px}.page[data-step="6"] .product_content{margin-bottom:17px;flex:1}.page[data-step="6"] .product_title{font-size:12px;line-height:calc(18/12);font-weight:600;margin-bottom:5px;text-transform:uppercase}.page[data-step="6"] .product_description{font-weight:300;font-family:Helvetica;line-height:calc(18/14);font-size:14px}.page[data-step="6"] path{fill:#1d1d1d}@media (orientation:landscape){.page[data-step="6"] .page__content{padding-top:63px;padding-bottom:69px}.page[data-step="6"] .title{font-size:28px}.page[data-step="6"] .products{flex:1;margin-bottom:80px}.page[data-step="6"] .product{width:min(355px,calc(50vw - 40px))}.page[data-step="6"] .product_title{font-size:13px}}