:root{font-family:Arial,sans-serif;color:#242421;background:#f7f6f2;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #77746d;outline-offset:5px}button{border:0;background:none}#app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh}.rail{position:sticky;top:0;height:100dvh;padding:35px 25px 28px;border-right:1px solid #dddad3;display:flex;flex-direction:column;z-index:5;background:#f7f6f2}.slogan{width:100%;height:auto;mix-blend-mode:multiply}nav{margin-top:75px}.nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;position:relative;text-align:left;font-size:16px;letter-spacing:-.3px}.nav .text{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.nav:hover .text{transform:translateX(9px)}.nav:before{content:'';position:absolute;left:-11px;width:5px;height:5px;border-radius:50%;background:#242421;transform:scale(0);transition:transform .3s}.nav.current:before{transform:scale(1)}.plus{width:12px;height:12px;position:relative;transition:transform .45s}.plus:before,.plus:after{content:'';position:absolute;background:#77746d;left:0;top:5px;width:12px;height:1px;transition:transform .45s,opacity .45s}.plus:after{transform:rotate(90deg)}[aria-expanded=true] .plus{transform:rotate(180deg)}[aria-expanded=true] .plus:after{transform:rotate(0);opacity:0}.drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s cubic-bezier(.22,.7,.2,1),visibility 0s .48s;visibility:hidden}.drawer.open{grid-template-rows:1fr;visibility:visible;transition-delay:0s}.drawer-inner{overflow:hidden}.items{position:relative;padding:2px 0 14px;margin-left:1px}.items:before{content:'';position:absolute;left:0;top:2px;bottom:14px;width:1px;background:#dddad3}.marker{position:absolute;left:0;top:2px;width:2px;height:32px;background:#242421;transition:transform .38s cubic-bezier(.22,.7,.2,1);pointer-events:none}.items button{display:block;text-align:left;width:100%;height:34px;padding:8px 13px;font-size:12px;color:#77746d;opacity:0;transform:translateY(-9px);transition:color .2s,opacity .24s,transform .35s}.open .items button{opacity:1;transform:none;transition-delay:calc(var(--i)*45ms)}.items button:hover,.items button.active{color:#242421}.items button:hover{padding-left:18px}.rail-bottom{margin-top:auto;padding-top:30px}.language{font-size:10px;margin-bottom:27px;color:#77746d}.logo-button{display:block;width:100%;padding:0}.logo{width:100%;height:auto;filter:brightness(0);opacity:.88}main{min-width:0}.home{height:100dvh;min-height:540px;position:relative;overflow:hidden;background:#e6e4e1}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 68%;opacity:0;transition:opacity 1.5s ease}.slide.active{opacity:1}.home-copy{position:absolute;top:45px;left:44px;z-index:2}.kicker{font-size:10px;letter-spacing:2px;color:#69675f}.home h1{font-size:clamp(40px,5vw,74px);font-weight:400;letter-spacing:-3px;margin:10px 0 18px}.discover{font-size:12px;padding:8px 0;border-bottom:1px solid #242421}.discover span{margin-left:26px}.slider-controls{position:absolute;bottom:28px;right:32px;display:flex;align-items:center;gap:15px;background:#f7f6f2e8;padding:10px 16px;z-index:2}.slider-controls button{padding:6px 2px;font-size:11px;color:#77746d;border-bottom:1px solid transparent}.slider-controls button.active{color:#242421;border-bottom-color:#242421}.collection img{display:block;width:100%;height:auto}.collection-footer{padding:30px 36px 45px}.collection-footer h1{font-weight:400;font-size:60px;letter-spacing:-2px;margin:10px 0 25px}.angles{display:flex;gap:16px;margin-top:25px}.angles button{font-size:12px;padding:8px;border-bottom:1px solid #dddad3}.empty{padding:80px 40px}.empty h1{font-size:48px;font-weight:400}.empty p{color:#77746d;font-size:13px}[hidden]{display:none!important}
@media(max-width:760px){#app{grid-template-columns:190px minmax(0,1fr)}.rail{padding:28px 20px}.home-copy{left:25px;top:32px}.home{min-height:500px}.slide{object-position:54% 70%}nav{margin-top:50px}}
@media(max-width:520px){#app{display:block}.rail{position:relative;height:auto;padding:22px}.slogan{width:175px}nav{margin-top:25px}.rail-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:20px}.language{margin:0}.logo-button{width:150px}.home{height:70dvh;min-height:430px}.slide{object-fit:cover}.home h1{font-size:42px}.collection-footer h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.slogan-home{display:block;width:100%;padding:0;text-align:left}.slogan-home .slogan{display:block}
