html{font-size:62.5%}*,*:before,*:after{box-sizing:border-box}a{text-decoration:unset;color:unset}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}::placeholder{color:unset}@font-face{font-family:GucciSansPro;src:url(../fonts/GucciSansPro-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:GucciSansPro;src:url(../fonts/GucciSansPro-Book.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:GucciSansPro;src:url(../fonts/GucciSansPro-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:GucciSansPro;src:url(../fonts/GucciSansPro-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:GucciSerif10;src:url(../fonts/GucciSerif10-Regular.woff) format("woff");font-weight:400;font-style:normal}html,body{position:fixed;width:100%;height:100%;overflow:hidden;touch-action:pan-x pan-y}.pointer-none{cursor:none}body{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#212121;color:#fff;font-size:24px;font-family:GucciSerif10;font-weight:200;overflow:hidden;margin:0;padding:0}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*::-webkit-scrollbar{width:0px;height:0px;display:none}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#fff0;border-radius:20px}#lang-zh-ht,#lang-zh-hs,#lang-ko *{font-weight:400}header{position:absolute;top:0;left:0;z-index:10000;width:100%;text-align:center;transition:all 1s .8s ease-in-out;display:flex;justify-content:center;align-items:center}header img{width:calc(192 / 5.02 * 1vw);margin-top:calc(40 / 5.02 * 1vw);z-index:2}header.off{transition:all 1s ease-in-out!important}.notice,.button{font-size:calc(16 / 5.02 * 1vw);height:calc(56 / 5.02 * 1vw);border-radius:calc(28 / 5.02 * 1vw);padding:0px calc(40 / 5.02 * 1vw);color:#fff;letter-spacing:.24vw;font-family:GucciSerif10;-webkit-backdrop-filter:blur(calc(10 / 5.02 * 1vw));backdrop-filter:blur(calc(10 / 5.02 * 1vw));box-shadow:#ffffff6b 0 0 20px 6px;background:#00000026;display:inline-block;text-transform:uppercase;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.button{background:#fff;color:#000;transform:scale(.95);transition:transform .4s ease-in-out}.active .button{transform:scale(1)}.link{margin-top:calc(26 / 5.02 * 1vw);font-size:calc(14 / 5.02 * 1vw);text-transform:uppercase;text-decoration:none;border-bottom:1px solid white}.content{width:100%}.fragrances{width:100%;display:flex;justify-content:center;gap:calc(10 / 5.02 * 1vw);margin:calc(90 / 5.02 * 1vw) 0px calc(50 / 5.02 * 1vw);height:calc(230 / 5.02 * 1vw)}.fragrance-name{opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:calc(10 / 5.02 * 1vw) 0}.fragrance-name .fragrance-logo{width:calc(215 / 5.02 * 1vw)}.fragrance-name span{font-size:calc(14 / 5.02 * 1vw);font-family:GucciSerif10;color:#f5efe1;text-transform:uppercase}.fragrances div[data-fragrance-id]{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end}.fragrances canvas{width:calc(70 / 5.02 * 1vw);height:auto;cursor:pointer;border:2px solid transparent;transition:border .3s ease;margin:0}.video,#canvas{position:absolute;top:0;right:0;bottom:0;left:0}.wrapper{width:100%;height:100%;display:flex;pointer-events:none}.steps,.plane{width:100vw;height:100%;position:absolute;z-index:100}.plane video{position:absolute;left:0;top:0;width:calc(100 / 5.02 * 1vw);display:none}.video__overlay{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0006;background:radial-gradient(circle,#0000004d,#0009);opacity:0;transition:all .8s .4s ease-in-out;z-index:1}.video__overlay.active{opacity:.9;transition:all .8s ease-in-out}.steps .step{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:all .8s ease-in-out}.steps .step.active{opacity:1;pointer-events:auto;transition:all .8s .8s ease-in-out}.step{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative;z-index:10}.step-visible{opacity:1!important}.content{position:relative;z-index:2;text-align:center}.qr-code img{width:150px;height:auto}.off{pointer-events:none;opacity:0}.preloader{position:fixed;z-index:10001;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.preloader-img{animation:turn 2s infinite linear;width:5vw}.preloader.off{transition:all 3s ease-in-out}.preloader.appear{transition:all 1s ease-in-out;opacity:1}.off .version,.off .preloader-img{opacity:0;transition:all .4s ease-in-out}@keyframes turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turn{position:fixed;z-index:10001;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (orientation: portrait){.turn{display:none}}footer{z-index:1000;position:fixed;bottom:0;font-family:GucciSansPro;font-weight:500;padding:2vw;letter-spacing:.2vw}footer a{color:#fff;padding:0 2vw;opacity:.75;font-size:1.8vw;letter-spacing:.05vw}.legals-content{width:90%;font-size:2vw;letter-spacing:0;margin-bottom:2vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.privacy-qr{width:20vw;margin-top:3vw}.privacy-title{font-size:3.4vw;letter-spacing:.2vw;width:30vw;text-align:center}#lang-de .privacy-title{width:auto}.legals,.language{width:100%;height:100%;position:fixed;z-index:100000;top:0;left:0;font-size:4vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000c;pointer-events:none;opacity:0;transition:all .4s ease-in-out}.legals.open,.language.open{pointer-events:auto;opacity:1}.lang-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:3vw}.lang-item{margin:1vw}.close-footer{border:4px solid white;border-radius:100%;padding:1vw;width:7vw;height:7vw;display:flex;justify-content:center;align-items:center;margin-top:3vw}.preload-img{position:absolute;left:0;opacity:0}.preload-img.active{opacity:1}.shadow-logo{width:70vw;height:50vw;border-radius:100%;background-color:#000;z-index:1;filter:blur(10vw);opacity:.25;transform:translateY(0);position:absolute;pointer-events:none}@media (max-width: 767px){footer a{color:#fff;padding:0vw 3vw;opacity:.75;font-size:2.5vw;letter-spacing:.05vw}.close-footer{border:3px solid white;padding:2vw;width:9vw;height:9vw;margin-top:3vw}.legals-content{font-size:3vw}.preloader-img{animation:turn 2s infinite linear;width:8vw}.legal-cta{display:none}}.none{display:none}.version{position:absolute;bottom:3vh;font-size:3vw;font-family:GucciSansPro}@media (min-width: 767px){header img{width:30.8764940239vw;margin-top:5.9760956175vw;z-index:2}.legals,.language{font-size:3vw}.policy-cta{display:none}.legal-cta{display:inline-block}.close-footer{border:2px solid white;border-radius:100%;padding:2vw;width:7vw;height:7vw;display:flex;justify-content:center;align-items:center;margin-top:3vw}.version{font-size:2vw}}@media (min-width: 1080px){footer a{font-size:2.4vw}.legal-cta{display:inline-block}}.preloader-video{animation:turn 2s infinite linear;width:5vw!important;position:absolute;bottom:-10vw}@media (max-height: 580px){.preloader-video{animation:turn 2s infinite linear;width:4vw!important;position:absolute;bottom:-7vw}}.zh-product{display:none}#lang-zh-hs .zh-product{display:block}div[data-step-id=explore].active{display:flex!important;opacity:1!important;padding-bottom:calc(100 / 5.02 * 1vw)}div[data-step-id=explore] .content{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}div[data-step-id=explore] .content img{width:calc(160 / 5.02 * 1vw);height:auto;margin-bottom:calc(20 / 5.02 * 1vw)}div[data-step-id=intro]{display:flex}div[data-step-id=intro] .content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}div[data-step-id=intro] .shadow{width:70vw;height:50vw;border-radius:100%;background-color:#000;position:absolute;z-index:1;filter:blur(10vw);opacity:.25;transform:translateY(0)}div[data-step-id=intro] .logo-intro{position:relative;z-index:2;margin-bottom:6vw;max-width:70vw;pointer-events:none}div[data-step-id=intro] .button{animation:pop-intro 7s infinite linear}@keyframes pop-intro{0%{transform:scale(1)}4%{transform:scale(.9)}8%{transform:scale(1)}to{transform:scale(1)}}@media (min-width: 767px) and (max-width: 1079px){div[data-step-id=intro] .content{transform:scale(.8)}}div[data-step-id=choice].active{display:flex!important}div[data-step-id=choice] .content{margin-top:8vh;display:flex;justify-content:center;align-items:center;flex-direction:column}div[data-step-id=choice] p{font-family:GucciSerif10;font-size:calc(26 / 5.02 * 1vw);line-height:calc(26 / 5.02 * 1vw);letter-spacing:.2vw;color:#fff;position:relative;margin:0;text-transform:uppercase}@media (min-width: 767px) and (max-width: 1079px){div[data-step-id=choice] p:not(.fragrance-name){transform:translateY(50%) scale(.9)}div[data-step-id=choice] .fragrance-name{transform:translateY(-10%) scale(.8)}}div[data-step-id=choice] .fragrance-wrapper{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;width:18vw}div[data-step-id=choice] .fragrance-text{font-size:2.8vw;line-height:3.2vw;font-family:GucciSansPro;font-weight:700;margin-top:1vw}div[data-step-id=ingredients].active{display:flex!important;justify-content:flex-end}div[data-step-id=ingredients] .content{height:100%}div[data-step-id=ingredients] .content__skip{margin-bottom:14vw;transform:scale(1);transition:opacity 1s .2s ease-in-out,transform 1s .2s ease-in-out}div[data-step-id=ingredients] .content__skip.off{transform:scale(.95);transition:all .4s ease-in-out}div[data-step-id=ingredients] .collect{transform:translateY(-100%);transition:all 1s ease-in-out;position:fixed;padding-top:3vw;top:-2px;right:calc(40 / 5.02 * 1vw);width:calc(60 / 5.02 * 1vw);height:calc(120 / 5.02 * 1vw);border-radius:0 0 calc(30 / 5.02 * 1vw) calc(30 / 5.02 * 1vw);-webkit-backdrop-filter:blur(calc(20 / 5.02 * 1vw));backdrop-filter:blur(calc(20 / 5.02 * 1vw));display:flex;justify-content:center;align-items:center;flex-direction:column;border:calc(1 / 5.02 * 1vw) solid white;box-shadow:0 0 calc(20 / 5.02 * 1vw) #ffffffb3;z-index:3;opacity:0}div[data-step-id=ingredients] .collect .collect-counter{font-family:GucciSansPro;font-weight:700;font-size:calc(18 / 5.02 * 1vw);letter-spacing:-.3vw}div[data-step-id=ingredients] .collect .collect-counter img{padding:0 calc(8 / 5.02 * 1vw)}div[data-step-id=ingredients] .ingredients{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:0}div[data-step-id=ingredients] .ingredients__single{transform:translate(-50%,-50%);position:fixed;z-index:20;display:flex;justify-content:center;align-items:center;flex-direction:column}div[data-step-id=ingredients] .ingredients__single__wrapper{transform:scale(1);display:flex;justify-content:center;align-items:center;animation:pop 5s 5s infinite ease-in-out}div[data-step-id=ingredients] .ingredients__single__inner{width:calc(30 / 5.02 * 1vw);height:calc(30 / 5.02 * 1vw);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:row;background-color:#fff;color:#151515;font-size:calc(18 / 5.02 * 1vw);font-family:GucciSansPro;font-weight:700;z-index:2;transform:scale(1);transition:transform 1s .3s cubic-bezier(.34,1.56,.64,1),opacity .5s ease-in-out}div[data-step-id=ingredients] .ingredients__single__back{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;-webkit-backdrop-filter:blur(calc(30 / 5.02 * 1vw));backdrop-filter:blur(calc(30 / 5.02 * 1vw));background-color:#b9b9b91a;transition:transform 1s cubic-bezier(.34,1.56,.64,1),opacity .5s ease-in-out;position:absolute;width:calc(30 / 5.02 * 1vw * 2 * 1.2);height:calc(30 / 5.02 * 1vw * 2 * 1.2);border-radius:50%;z-index:-10}div[data-step-id=ingredients] .ingredients__single__back__before{width:calc(30 / 5.02 * 1vw * 2);height:calc(30 / 5.02 * 1vw * 2);border-radius:50%;-webkit-backdrop-filter:blur(calc(10 / 5.02 * 1vw));backdrop-filter:blur(calc(10 / 5.02 * 1vw));background-color:#ffffff4d;border:calc(2 / 5.02 * 1vw) solid white}div[data-step-id=ingredients] .ingredients__single:nth-child(1) .ingredients__single__wrapper{animation-delay:1s}div[data-step-id=ingredients] .ingredients__single:nth-child(2) .ingredients__single__wrapper{animation-delay:1.2s}div[data-step-id=ingredients] .ingredients__single:nth-child(3) .ingredients__single__wrapper{animation-delay:1.4s}div[data-step-id=ingredients] .off .ingredients__single__wrapper{animation-play-state:paused}@keyframes pop{0%{transform:scale(1)}15%{transform:scale(.7)}30%{transform:scale(1)}to{transform:scale(1)}}div[data-step-id=ingredients] .active .ingredients{pointer-events:auto}div[data-step-id=ingredients] .ingredients__single.off{opacity:1}div[data-step-id=ingredients] .off .ingredients__single__back,div[data-step-id=ingredients] .off .ingredients__single__inner{transform:scale(.5);opacity:0;transition:all .6s ease-in-out}div[data-step-id=ingredients] .ingredients-popin{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:none}div[data-step-id=ingredients] .ingredients-popin__overlay{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:#000;background:radial-gradient(circle,#0000,#000000bf);opacity:0;transition:all 1s ease-in-out}div[data-step-id=ingredients] .ingredients-popin__inner{position:relative;width:calc(100% - 150 / 5.02 * 1vw);height:auto;border-radius:calc(25 / 5.02 * 1vw);background-color:#fff9;color:#000;padding:calc(30 / 5.02 * 1vw) calc(30 / 5.02 * 1vw) calc(50 / 5.02 * 1vw);-webkit-backdrop-filter:blur(calc(10 / 5.02 * 1vw));backdrop-filter:blur(calc(10 / 5.02 * 1vw));box-shadow:#ffffff6b 0 0 20px;opacity:0;transform:scale(.9);transition:all 1s ease-in-out;display:flex;justify-content:center;align-items:center;flex-direction:column}div[data-step-id=ingredients] .ingredients-popin__inner #ingredients-popin-title{margin:calc(4 / 5.02 * 1vw) 0 0 0;font-family:GucciSerif10;font-size:calc(30 / 5.02 * 1vw);line-height:calc(30 / 5.02 * 1vw);opacity:0;transition:all .4s ease-in-out}div[data-step-id=ingredients] .ingredients-popin__inner #ingredients-popin-description{font-size:calc(16 / 5.02 * 1vw);line-height:calc(16 / 5.02 * 1vw);letter-spacing:.15vw;font-weight:400;font-family:GucciSansPro,sans-serif;margin:2.5vw 0 0;opacity:0;transition:all .4s ease-in-out;font-weight:500;text-transform:uppercase}div[data-step-id=ingredients] .ingredients-popin__close{pointer-events:all;position:absolute;background-color:unset;border:unset;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;bottom:8vh;opacity:0;transition:all 1s 0s cubic-bezier(.34,1.56,.64,1)}div[data-step-id=ingredients] .ingredients-popin__close__icon{display:flex;justify-content:center;align-items:center;flex-direction:row;width:calc(50 / 5.02 * 1vw);height:calc(50 / 5.02 * 1vw);border-radius:50%;border:calc(2 / 5.02 * 1vw) solid white;background-color:#ffffff4d;margin-bottom:calc(10 / 5.02 * 1vw);-webkit-backdrop-filter:blur(calc(10 / 5.02 * 1vw));backdrop-filter:blur(calc(10 / 5.02 * 1vw))}div[data-step-id=ingredients] .ingredients-popin__close__icon svg{width:calc(15 / 5.02 * 1vw);height:calc(15 / 5.02 * 1vw)}div[data-step-id=ingredients] .ingredients-popin__close p{margin:0;text-transform:uppercase;font-size:calc(18 / 5.02 * 1vw);font-family:GucciSansPro,sans-serif}div[data-step-id=ingredients] .ingredients-popin.active{pointer-events:auto}div[data-step-id=ingredients] #ingredients-popin-image{width:98%;aspect-ratio:1/1;opacity:0;transform:scale(.9);transition:all .4s ease-in-out}div[data-step-id=ingredients] .popin-number{background-color:#ffffffb3;width:10vw;height:10vw;display:flex;justify-content:center;align-items:center;transform:translateY(-50%) scale(.8);font-family:GucciSansPro;font-weight:700;border-radius:24vw;position:absolute;top:0;box-shadow:#fff 0 0 20px;opacity:0;transition:all 1s ease-in-out}div[data-step-id=ingredients] .popin-number-inner{background-color:#fff;width:6vw;height:6vw;display:flex;justify-content:center;align-items:center;font-size:4vw;border-radius:24vw;position:absolute;font-size:calc(16 / 5.02 * 1vw)}div[data-step-id=ingredients] .shadow{width:70vw;height:10vw;border-radius:100%;background-color:#000;position:absolute;z-index:1;filter:blur(10vw);opacity:0;transition:all 1s ease-in-out}div[data-step-id=ingredients] .notice-new{font-size:5vw;line-height:5vw;margin-bottom:2vw;position:relative;z-index:2;opacity:0;transition:opacity .4s ease-in-out;text-align:center}div[data-step-id=ingredients] .notice-wrapper{position:relative;display:flex;justify-content:center;align-items:center;pointer-events:none}div[data-step-id=ingredients] .notice-wrapper.show .notice-new{opacity:1;transition:opacity .8s ease-in-out}div[data-step-id=ingredients] .notice-wrapper.show .shadow{opacity:.35}div[data-step-id=ingredients] .active .ingredients-popin__inner{opacity:1;transform:scale(1);transition:all 1.5s cubic-bezier(.34,1.56,.64,1)}div[data-step-id=ingredients] .active .ingredients-popin__inner.off{transition:all .6s ease-in-out}div[data-step-id=ingredients] .active #ingredients-popin-image{opacity:1;transform:scale(1);transition:all 1.2s cubic-bezier(.34,1.56,.64,1)}div[data-step-id=ingredients] .active .popin-number{opacity:1;transform:translateY(-50%) scale(1);transition:all 1s .2s ease-in-out}div[data-step-id=ingredients] .active .ingredients-popin__close{opacity:1;transform:scale(1);transition:all 2s .2s ease-in-out}div[data-step-id=ingredients] .active #ingredients-popin-title{opacity:1;transition:all 1s .4s ease-in-out}div[data-step-id=ingredients] .active #ingredients-popin-description{opacity:1;transition:all 1s .6s ease-in-out}div[data-step-id=ingredients] .active .ingredients-popin__overlay{opacity:.7}@media (min-width: 767px) and (max-width: 1079px){div[data-step-id=ingredients] .ingredients__single{transform:translate(-50%,-50%) scale(.8)}div[data-step-id=ingredients] .active .ingredients-popin__inner.off{transform:scale(.6)}div[data-step-id=ingredients] .active .ingredients-popin__inner{transform:scale(.8)}div[data-step-id=ingredients] .notice-new{font-size:4vw;margin-bottom:-1vw}div[data-step-id=ingredients] .content__skip{margin-bottom:5vw!important;transform:scale(.7)!important}div[data-step-id=ingredients] .active .ingredients-popin__close{opacity:1;transform:scale(.8);transition:all 2s .2s ease-in-out}}@media (max-width: 767px){div[data-step-id=ingredients] .content__skip{margin-bottom:8vh!important}}div[data-step-id=ingredients].active .collect{transform:translateY(0);transition:all .6s ease-in-out;opacity:1}div[data-step-id=ingredients].active .collect.top{transform:translateY(-50%);opacity:0}.collect-counter img.anim{animation:turn_scale 1s .2s ease-in-out}@keyframes turn_scale{0%{transform:scale(1) rotate(0)}50%{transform:scale(.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}#lang-it .notice-new,#lang-bi .notice-new,#lang-fr .notice-new,#lang-de .notice-new{line-height:5vw;margin-bottom:0vw;width:80%}#lang-fr .notice-new{width:100%}@media (max-width: 767px){.notice-new{margin-bottom:0vh!important}}#lang-ja div[data-step-id=ingredients] .ingredients-popin__inner{padding:5.9760956175vw 1.9920318725vw 9.9601593625vw}div[data-step-id=final].active{display:flex!important}div[data-step-id=final] .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(60 / 5.02 * 1vw) calc(60 / 5.02 * 1vw) 0}div[data-step-id=final] .content .fragrances{margin:1vh 0 2vh}div[data-step-id=final] .content__congrat{margin:0;font-size:calc(20 / 5.02 * 1vw)}div[data-step-id=final] .content__congrat strong{font-weight:700;display:block;font-size:calc(30 / 5.02 * 1vw);line-height:calc(50 / 5.02 * 1vw)}div[data-step-id=final] .content__qr-code img{width:14vw}div[data-step-id=final] .content .button{margin:0}div[data-step-id=final] .content__scan{font-size:calc(20 / 5.02 * 1vw)}div[data-step-id=final] .content__explore{transform:scale(.9)}div[data-step-id=final] .end-phrase{display:none}div[data-step-id=final] .end-phrase.active{display:block}div[data-step-id=final] .content__qr-code{margin-bottom:4vh}@media (min-width: 767px){.bottom-screen{display:block}.bottom-phone{display:none}div[data-step-id=final] .content__qr-code img{width:20vw}}@media (min-width: 767px) and (max-width: 1079px){div[data-step-id=final] .content{transform:scale(.8)}}@media (max-width: 767px){.bottom-screen{display:none}.bottom-phone{display:flex;margin-top:4vh;flex-direction:column;justify-content:center;align-items:center}}a.button.shop{margin-bottom:3vh!important;margin-top:-2vh!important}