.lb{--k:#0b0a09;--c:#F7F2EA;--a:#F0E6D6;--mut:rgba(247,242,234,.6);--ln:rgba(247,242,234,.16);--t:120px;--g:clamp(16px,3.7vw,54px);--rw:72px;--e:cubic-bezier(.2,.7,.2,1);position:relative;background:var(--k);color:var(--c);overflow-x:clip}.lb *{box-sizing:border-box}.lb-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lb-hero{--hh:min(100svh,74vw);--py:0px;position:relative;height:max(100svh,560px);overflow:hidden;isolation:isolate;margin-bottom:clamp(48px,9vh,96px)}.lb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(40% 56% at 50% 96%,#ce1a229e,#ce1a2200 72%),radial-gradient(80% 70% at 50% 118%,#800c128c,#800c1200 70%),radial-gradient(50% 50% at 12% -10%,#96101652,#96101600 70%)}.lb-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.lb-word{position:absolute;left:0;right:0;top:var(--wy,30%);z-index:1;display:flex;justify-content:center;margin:0;font-family:Archivo,sans-serif;font-weight:800;font-stretch:118%;letter-spacing:-.04em;text-transform:uppercase;line-height:.78;font-size:var(--fs,15vw);color:var(--c);white-space:nowrap;transform:translateY(calc(-50% + var(--py)));pointer-events:none}.lb-word span{display:block;animation:lbUp 1.1s var(--e) both}.lb-word .lb-w2{animation-delay:.08s}.lb-fig{position:absolute;bottom:0;left:50%;z-index:2;display:block;height:calc(var(--hh)*var(--sc));transform:translate(calc(-50% + var(--hh)*var(--x)));transition:filter .45s var(--e)}.lb-fig img{display:block;height:100%;width:auto;animation:lbRise 1.3s var(--e) both;animation-delay:var(--dl)}.lb-fig--m{--sc:.76;--x:-.36;--dl:.22s}.lb-fig--n{--sc:.74;--x:.38;--dl:.32s}.lb-fig--r{--sc:.78;--x:0;--dl:.12s}.lb-hero:has(.lb-fig:hover) .lb-fig:not(:hover),.lb-hero:has(.lb-fig:focus-visible) .lb-fig:not(:focus-visible){filter:brightness(.38) saturate(.7)}.lb-tag{position:absolute;top:4%;left:58%;z-index:4;display:flex;gap:10px;align-items:baseline;padding:9px 13px;background:#0b0a09b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(247,242,234,.16);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s var(--e);pointer-events:none}.lb-tag b{color:var(--a);font-weight:700;letter-spacing:.22em}.lb-fig:hover .lb-tag,.lb-fig:focus-visible .lb-tag{opacity:1;transform:none}.lb-fig:focus-visible{outline:none}.lb-fig:focus-visible img{outline:2px solid var(--a);outline-offset:-2px}.lb-shade{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:3;background:linear-gradient(to top,var(--k) 8%,rgba(11,10,9,.75) 40%,rgba(11,10,9,0));pointer-events:none}.lb-bar{position:absolute;left:var(--g);right:var(--g);z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;line-height:1.4;color:var(--c);animation:lbFade 1s .5s both}.lb-bar--t{top:calc(var(--t) - 6px)}.lb-bar__c{color:var(--mut)}.lb-a{color:var(--a)}@keyframes lbUp{0%{opacity:0;transform:translateY(32%)}to{opacity:1;transform:none}}@keyframes lbRise{0%{opacity:0;transform:translateY(16%)}to{opacity:1;transform:none}}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lb-s{position:relative;display:grid;grid-template-columns:var(--rw) minmax(0,1fr);column-gap:clamp(20px,3.4vw,50px);padding:0 var(--g) clamp(80px,14vh,160px)}.lb-rail{position:relative}.lb-rail__in{position:sticky;top:var(--t);display:flex;flex-direction:column;width:var(--rw)}.lb-th{position:relative;display:block;flex:0 0 auto;width:var(--rw);height:calc(var(--rw)*4/3);margin:0 0 8px;padding:0;border:0;background:none;cursor:pointer;overflow:hidden;opacity:.5;transition:opacity .35s,height .5s var(--e),margin .5s var(--e)}.lb-th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--e)}.lb-th:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--c);opacity:0;transition:opacity .35s}.lb-th:hover,.lb-th:focus-visible{opacity:.9}.lb-th.is-active{opacity:1}.lb-th.is-active img{transform:scale(.8)}.lb-th.is-active:after{opacity:1}.lb-th.is-prev{height:0;margin-bottom:0;opacity:0;pointer-events:none}.lb-th:focus-visible{outline:2px solid var(--a);outline-offset:2px}.lb-stack{display:grid;row-gap:36px;min-width:0}.lb-f{--s:1;--d:0;position:sticky;top:var(--t);margin:0;height:min(calc(100svh - var(--t) - 28px),58vw);overflow:hidden;background:#000;isolation:isolate}.lb-f:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:calc(var(--d)*.55);pointer-events:none}.lb-one,.lb-one img{display:block;width:100%;height:100%}.lb-one img{object-fit:cover;object-position:50% 50%;transform:scale(var(--s));transform-origin:50% 40%}.lb-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:100%;transform:scale(var(--s));transform-origin:50% 40%}.lb-c{display:block;height:100%;overflow:hidden;background:#000}.lb-c img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:transform 1s var(--e)}.lb-c:hover img{transform:scale(1.035)}.lb-dots{display:none}.lb-chip{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;max-width:calc(100% - 32px);padding:11px 16px;background:#0b0a09a8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(247,242,234,.14);color:var(--c);font-size:12px;letter-spacing:.06em;line-height:1.3;text-decoration:none}.lb-n{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--a);white-space:nowrap}.lb-x{color:var(--mut)}.lb-chip ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}.lb-chip li a,.lb-chip li .lb-pc{display:inline-flex;align-items:baseline;gap:8px;color:inherit;text-decoration:none}.lb-chip .nm{font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--e),color .25s}.lb-chip .pr{color:var(--mut)}.lb-chip li a:hover .nm,.lb-chip li a:focus-visible .nm{color:var(--a);background-size:100% 1px}.lb-chip--go{gap:12px;transition:background .3s}.lb-chip--go svg{color:var(--a);transition:transform .35s var(--e)}.lb-chip--go:hover{background:#0b0a09db}.lb-chip--go:hover svg{transform:translate(4px)}.lb a:focus-visible{outline:2px solid var(--a);outline-offset:2px}@media(max-width:767px){.lb{--rw:44px}.lb-hero{--hh:min(70svh,126vw);height:max(100svh,600px);margin-bottom:44px}.lb-word{flex-direction:row;align-items:center;top:var(--wy,35%)}.lb-fig--m{--sc:.9;--x:-.29}.lb-fig--n{--sc:.88;--x:.31}.lb-fig--r{--sc:1;--x:0}.lb-bar{font-size:10px;letter-spacing:.2em}.lb-bar--t .lb-bar__c{display:none}.lb-s{column-gap:12px;padding-bottom:72px}.lb-th{margin-bottom:6px}.lb-stack{row-gap:20px}.lb-f{height:min(calc(100svh - var(--t) - 16px),calc((100vw - 2*var(--g) - var(--rw) - 12px)*4/3))}.lb-tri{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.lb-tri::-webkit-scrollbar{display:none}.lb-c{flex:0 0 100%;scroll-snap-align:start}.lb-dots{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:5px}.lb-dots i{display:block;width:16px;height:2px;background:#f7f2ea66;transition:background .3s}.lb-dots i.on{background:var(--c)}.lb-chip{left:8px;right:8px;bottom:8px;max-width:none;gap:6px 12px;padding:9px 11px;font-size:11px}.lb-chip ul{gap:4px 12px}.lb-n{font-size:10px}.lb-chip .nm{letter-spacing:.08em}}@media(hover:none){.lb-tag{display:none}}@media(prefers-reduced-motion:reduce){.lb-f{--s:1!important}.lb-word span,.lb-fig img,.lb-bar{animation:none}.lb-th,.lb-th img,.lb-c img{transition:none}}.lb-fig{width:max-content}.lb-fig img{max-width:none}@media(max-width:767px){.lb-hero{--hh:70svh}.lb-fig--r{--sc:.76;--x:0;z-index:3}.lb-fig--m{--sc:.64;--x:-.2;z-index:2}.lb-fig--n{--sc:.64;--x:.2;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mg-lookbook.css.map */