*{box-sizing:border-box;padding:0;margin:0}html{text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5{padding:0;margin:0;font-weight:unset}p{padding:0;margin:0}blockquote{quotes:none}input{outline:none;background:none;border:none}ul,ol{list-style-type:none}a{color:currentcolor;text-decoration:none;cursor:pointer}address{font-style:normal}a:hover,a:active,input,textarea,select,button{outline:0}button{font-family:inherit;color:inherit;cursor:pointer;background-color:transparent;border:none}table{border-spacing:0;border-collapse:collapse}th{font-weight:400}hr{appearance:none;border:0}@font-face{font-family:ABChanel;font-style:normal;font-weight:600;src:url(https://fonts.chanel.com/k/ABChanel2022-SemiBold.woff2) format("woff2"),url(https://fonts.chanel.com/k/ABChanel2022-SemiBold.woff) format("woff");font-display:swap}@font-face{font-family:ABChanel;font-style:normal;font-weight:400;src:url(https://fonts.chanel.com/k/ABChanel2022-Regular.woff2) format("woff2"),url(https://fonts.chanel.com/k/ABChanel2022-Regular.woff) format("woff");font-display:swap}html{font-size:16px;color:#000;position:relative}body{width:100%}.preload *{transition:none!important;animation-duration:1ms!important}#webgl-canvas{position:absolute;top:0;left:0;width:100%;max-width:calc(100vw + -0px);height:88svh;transform:translateZ(0);backface-visibility:hidden;pointer-events:none}#webgl-canvas.grab{cursor:grab}#webgl-canvas.grab:active{cursor:grabbing}.focused #webgl-canvas{pointer-events:all}#root{position:relative;font-family:sans-serif;pointer-events:none;width:100%}header{padding:1.25rem;text-align:center;position:fixed;top:0;left:0;width:100%;z-index:2;transition:opacity .2s linear}@media(min-width:64em){header{padding:40px}}.focused header{opacity:0}header svg{width:106px}@media(min-width:64em){header svg{width:17vw}}.orbit-btn{display:none;position:absolute;bottom:20px;left:20px;width:44px;height:44px;border-radius:22px;background:#fff;box-shadow:0 0 10px #0000001a;pointer-events:auto;cursor:pointer}.orbit-btn span{border:1.5px solid rgba(0,0,0,.5);width:24px;height:24px;position:absolute;top:10px;left:10px;border-radius:12px;transition:transform .3s cubic-bezier(.66,0,.34,1)}.orbit-btn span:nth-child(1){transform:scaleY(.5);border-left:0;border-bottom:0}.orbit-btn span:nth-child(2){border-left:0;transform:scaleX(.5)}.orbit-btn span:nth-child(3){transform:scale(1.4);border:.5px solid rgba(0,0,0,.6)}.orbit-btn:hover span:nth-child(1){transform:scaleY(.3)}.orbit-btn:hover span:nth-child(2){transform:scaleX(-.7)}.orbit-btn:hover span:nth-child(3){transform:scale(1.3)}.sticky-w{position:relative;min-height:200vh}.sticky-child{position:sticky;top:0}.hero{height:88svh;padding:27svh 0;text-align:center;color:#fff;font-family:ABChanel;background:#000}.hero:after{content:"";position:absolute;z-index:1;top:0;right:0;left:0;height:88svh;background:#000;transition:background-color .75s .5s linear}@media(min-width:64em){.hero{padding:23svh 0}}.hero .hero-top{margin-top:-32px;opacity:0;position:relative;z-index:2}.hero .upper-title{letter-spacing:.06em;font-size:.75rem;font-weight:600}@media(min-width:64em){.hero .upper-title{font-size:1rem}}.hero .title{letter-spacing:.06em;text-transform:uppercase;white-space:pre-wrap;color:var(--color-white);margin-bottom:9px;font-weight:600;font-size:1.875rem}@media(min-width:64em){.hero .title{font-size:2.5rem}}.hero.active .hero-top{transition:opacity 1s linear;opacity:1}.hero.active:after{background-color:#0000}.hero.hide-dom .hero-top{transition:opacity .2s linear;opacity:0}.colors{position:absolute;right:5px;top:0;height:100vh;display:flex;justify-content:center;flex-direction:column;gap:4px;pointer-events:auto;cursor:pointer;z-index:1;display:none}@media(min-width:64em){.colors{right:30px;gap:10px}}.colors .rounded-button{width:28px;height:28px;border-radius:50%;background:#fff;overflow:hidden;cursor:pointer;pointer-events:auto}.colors .rounded-button:hover img{opacity:.8}.colors .rounded-button img{transition:opacity .2s ease-in-out;object-fit:cover;width:100%;height:100%;top:0;left:0}.bottom-sticky{top:calc(100% - 100px);margin:0 auto 20px;position:sticky;display:flex;justify-content:center;z-index:1;width:max-content;transition:opacity .2s linear}.bottom-sticky [data-orbit-btn]{opacity:0;transition:opacity .1s linear;display:flex;position:absolute;width:100%;bottom:calc(100% + 8px);align-items:center;justify-content:space-between}.focused .bottom-sticky{opacity:0}.focused .bottom-sticky *{pointer-events:none!important}.trois-d-w{position:relative;width:max-content;height:max-content;transform:translateY(20%)}.trois-d-w p{letter-spacing:-.96px;position:absolute;width:100%;bottom:7px;text-align:center;font-size:11px}@keyframes strokeDash{0%{stroke-dashoffset:25}to{stroke-dashoffset:14}}.trois-d-w svg{width:28px}.trois-d-w svg.fps-behind{opacity:.4}.trois-d-w svg.fps-front{inset:0;position:absolute;stroke-dasharray:5 20;animation:strokeDash 2s ease-in-out infinite alternate}.square-button{border:1px solid black;padding:17px 18px;display:inline-block;font-family:ABChanel;font-size:11px;font-weight:600;letter-spacing:.66px;background:#fff;pointer-events:auto;text-transform:uppercase}.square-button.black{background:#000;color:#fff}a.underline-button{font-size:11px;letter-spacing:.66px;text-transform:uppercase;pointer-events:auto;cursor:pointer;font-weight:600;padding-bottom:2px;border-bottom:1px solid black}.paragraph{font-family:ABChanel;text-align:center;padding:0 60px 135px;max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;align-items:center}.paragraph .paragraph-title{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.84px;text-transform:uppercase;padding-bottom:9px}.paragraph p{color:#545454;font-size:13px;line-height:19px}.section-1 .top{padding-top:54px}@media(min-width:64em){.section-1 .top{padding-top:72px}}.section-1 .top .title{text-transform:uppercase;white-space:pre-wrap;font-family:ABChanel;text-align:center;font-size:14px;letter-spacing:.84px;font-weight:600;padding-bottom:54px}.section-1 .images-spacer{height:200vh;position:relative;margin-bottom:80vh}.section-1 .images-wrapper{display:flex;justify-content:center;position:sticky;top:calc(50vh - (min(644px,100vw)*.7));bottom:50vh}.section-1 .images{max-width:min(60vh,644px);width:100%;position:absolute}.section-1 .images img{width:100%;position:absolute}.section-1 .fake-video{height:100lvh;width:100%;background:#0000001a;position:relative}.section-1 .fake-video .close-orbit{cursor:pointer;position:absolute;top:14px;right:12px;width:44px;height:44px;opacity:0;pointer-events:none;transition:opacity .2s linear;z-index:2}.focused .section-1 .fake-video .close-orbit{opacity:1;pointer-events:all}.selection{background:#000;overflow:hidden;position:relative}.selection img{vertical-align:bottom;width:100%}.selection .paragraph{padding:63px 27px;z-index:1;pointer-events:auto;position:relative;color:#fff}@media(min-width:64em){.selection .paragraph{padding:72px 0}}.selection .paragraph p{color:#fffc}.section-2{width:100%;height:100vh}.boutiques{display:flex;gap:7vw;justify-content:center;align-items:center;max-width:100%;font-family:ABChanel;padding:93px 43px;background:#f9f9f9;flex-direction:column}@media(min-width:64em){.boutiques{padding:97px;flex-direction:row}}.boutiques h2{text-transform:uppercase;padding-bottom:27px;font-size:30px;line-height:36px}.boutiques p{font-size:16px;line-height:23px;margin-bottom:36px}.boutiques img{max-width:500px;width:60vw}@media(min-width:64em){.boutiques img{width:27vw}}@media(min-width:64em){.boutiques .left{max-width:35vw}}.boutiques .left .button-bottom{margin-top:27px}footer{height:100vh;background:#000}