.coy-mn-root{--coy-mn-blur:40px;--coy-mn-tint:.62;--coy-mn-radius:14px;--coy-mn-ease:cubic-bezier(.16,1,.3,1);--coy-mn-fade:.55s;--coy-mn-ink:#f5f2ec;--coy-mn-muted:rgba(255,255,255,.55)}body.coy-mn-locked{overflow:hidden}.coy-mn__img{opacity:.001;transition:opacity .55s ease-out;display:block;width:100%;height:100%;object-fit:cover}.coy-mn__img.is-loaded{opacity:1}body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu{width:auto!important;height:auto!important;display:inline-flex!important;align-items:center;gap:11px;padding:10px 0}body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu svg{display:none!important}body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu:before{content:"";display:block;width:22px;height:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:width .6s cubic-bezier(.22,.61,.36,1)}body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu:after{font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;line-height:1;white-space:nowrap}@media(hover:hover)and (pointer:fine){body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu:hover:before{width:30px}body:has(.coy-mn-root) .header__icons a,body:has(.coy-mn-root) .header__icons button{transition:opacity .35s cubic-bezier(.22,.61,.36,1)}body:has(.coy-mn-root) .header__icons a:hover,body:has(.coy-mn-root) .header__icons button:hover{opacity:.62}}@media(min-width:990px){body:has(.coy-mn-root[data-desktop-trigger=true]) .header__inline-menu{display:none!important}body:has(.coy-mn-root[data-desktop-trigger=true]) header-drawer{display:block!important}}@media(max-width:989px){body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu:after{display:none}body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu{gap:0}}@media(prefers-reduced-motion:reduce){body:has(.coy-mn-root[data-desktop-trigger=true]) .header__icon--menu:before{transition:none!important}}.coy-mn{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;visibility:hidden;opacity:0;background-color:#08080a00;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%);transition:opacity var(--coy-mn-fade) var(--coy-mn-ease),background-color var(--coy-mn-fade) var(--coy-mn-ease),-webkit-backdrop-filter var(--coy-mn-fade) var(--coy-mn-ease),backdrop-filter var(--coy-mn-fade) var(--coy-mn-ease)}.coy-mn.is-mounted{visibility:visible}.coy-mn.is-open{opacity:1;background-color:rgba(8,8,10,var(--coy-mn-tint));-webkit-backdrop-filter:blur(var(--coy-mn-blur)) saturate(150%);backdrop-filter:blur(var(--coy-mn-blur)) saturate(150%)}.coy-mn__inner{height:100%;display:grid;grid-template-columns:minmax(300px,34fr) minmax(0,38fr) minmax(0,28fr);gap:clamp(20px,3vw,54px);padding:78px clamp(18px,3vw,44px) clamp(24px,3vw,44px)}.coy-mn__close{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;position:absolute;top:24px;right:clamp(18px,3vw,44px);z-index:3;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--coy-mn-ink);background-color:#10101266;-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);box-shadow:0 8px 26px #0000004d;transition:background-color .45s ease,box-shadow .45s ease}.coy-mn__close svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.45))}@media(hover:hover)and (pointer:fine){.coy-mn__close:hover{background-color:#14141652;box-shadow:0 10px 30px #0000005c}}.coy-mn__close:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff8c,0 8px 26px #0000004d}.coy-mn__reveal{opacity:0;transform:translateY(9px);transition:opacity .5s ease,transform .6s var(--coy-mn-ease)}.coy-mn.is-open .coy-mn__reveal{opacity:1;transform:none}.coy-mn.is-open .coy-mn__reveal:nth-child(1){transition-delay:.06s}.coy-mn.is-open .coy-mn__reveal:nth-child(2){transition-delay:.1s}.coy-mn.is-open .coy-mn__reveal:nth-child(3){transition-delay:.14s}.coy-mn.is-open .coy-mn__reveal:nth-child(4){transition-delay:.18s}.coy-mn.is-open .coy-mn__reveal:nth-child(5){transition-delay:.22s}.coy-mn.is-open .coy-mn__reveal:nth-child(6){transition-delay:.26s}.coy-mn__nav{display:flex;flex-direction:column;height:100%;min-height:0}.coy-mn__list{list-style:none;margin:0;padding:0}.coy-mn__item+.coy-mn__item{margin-top:clamp(6px,1vw,14px)}.coy-mn__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.coy-mn__toggle{display:none;-webkit-appearance:none;appearance:none;background:none;border:0;padding:14px 2px;cursor:pointer;color:var(--coy-mn-ink)}.coy-mn__link{display:block;width:100%;text-align:left;text-decoration:none;font-family:var(--coy-mn-display,inherit);font-weight:600;font-size:clamp(24px,2.9vw,40px);line-height:1.14;color:#ffffff6b;transition:color .45s ease}.coy-mn__link[aria-current=true]{color:var(--coy-mn-ink)}@media(hover:hover)and (pointer:fine){.coy-mn__link:hover{color:#ffffffd1}}.coy-mn__link:focus-visible{outline:none;color:var(--coy-mn-ink);box-shadow:0 2px #fff9}.coy-mn__foot{margin-top:auto;padding-top:44px}.coy-mn__utils{display:flex;flex-direction:column;gap:11px;margin-bottom:30px}.coy-mn__utils a{font-size:13px;color:var(--coy-mn-muted);text-decoration:none;transition:color .35s ease;width:max-content}@media(hover:hover)and (pointer:fine){.coy-mn__utils a:hover{color:var(--coy-mn-ink)}}.coy-mn__logo{height:27px;width:auto;opacity:1;margin-top:8px}.coy-mn__preview{min-height:0;display:flex;flex-direction:column}.coy-mn__panels{min-height:0}.coy-mn__panel{display:none}.coy-mn__panel.is-active{display:block}.coy-mn__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.coy-mn__card{position:relative;display:block;overflow:hidden;border-radius:var(--coy-mn-radius);text-decoration:none;color:var(--coy-mn-ink);aspect-ratio:4/3;background:#ffffff0d}.coy-mn__card .coy-mn__img{transition:transform .85s cubic-bezier(.16,.7,.3,1),opacity .55s ease-out}.coy-mn__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bd 0,#0003 32%,#0000 56%)}@media(hover:hover)and (pointer:fine){.coy-mn__card:hover .coy-mn__img{transform:scale(1.045)}}.coy-mn__card:focus-visible{outline:none;box-shadow:0 0 0 2px #fff9}.coy-mn__meta{position:absolute;left:14px;right:14px;bottom:12px;z-index:2}.coy-mn__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--coy-mn-display,inherit);font-weight:600;font-size:12.5px;letter-spacing:.11em;line-height:1.35;margin:0;text-transform:uppercase}.coy-mn__ext{display:inline-block;width:.72em;height:.72em;margin-left:.5em;vertical-align:baseline;opacity:.65;stroke:#cfcfcf;stroke-width:1.5}.coy-mn__card--square .coy-mn__title{display:block;-webkit-line-clamp:none;font-size:clamp(15px,1.35vw,19px);letter-spacing:.08em;line-height:1.3}.coy-mn__card--square .coy-mn__meta{left:20px;right:20px;bottom:20px}.coy-mn__sub{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff9;margin:5px 0 0}.coy-mn__lead{font-family:var(--coy-mn-display,inherit);font-weight:600;font-size:clamp(18px,1.85vw,25px);line-height:1.34;margin:0 0 34px;max-width:26ch}.coy-mn__ed{position:relative;overflow:hidden;border-radius:var(--coy-mn-radius);min-height:0;height:100%;display:block;text-decoration:none;color:var(--coy-mn-ink)}.coy-mn__ed .coy-mn__img{transition:transform .85s cubic-bezier(.16,.7,.3,1),opacity .55s ease-out}@media(hover:hover)and (pointer:fine){.coy-mn__ed:hover .coy-mn__img{transform:scale(1.045)}}.coy-mn__ed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d1 0,#0000004d 46%,#0000 78%)}.coy-mn__ed-meta{position:absolute;left:20px;right:20px;bottom:20px;z-index:2}.coy-mn__ed-title{display:block;font-family:var(--coy-mn-display,inherit);font-weight:600;font-size:clamp(15px,1.35vw,19px);letter-spacing:.08em;line-height:1.3;margin:0;text-transform:uppercase}.coy-mn__ed-slot{position:relative;min-height:0}.coy-mn__ed-item{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.coy-mn__ed-item.is-active{display:block}.coy-mn[data-active-kind=about] .coy-mn__preview,.coy-mn[data-active-kind=filters] .coy-mn__preview{grid-column:2 / 4}.coy-mn[data-active-kind=about] .coy-mn__ed-slot,.coy-mn[data-active-kind=filters] .coy-mn__ed-slot{display:none}.coy-mn__about-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.coy-mn__card--square{aspect-ratio:1/1}.coy-mn[data-active-kind=about] .coy-mn__lead{max-width:34ch}.coy-mn__fgroup+.coy-mn__fgroup{margin-top:24px}.coy-mn__fhead{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff6b;margin:0 0 12px}.coy-mn__filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.coy-mn__filter{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:var(--coy-mn-radius);text-decoration:none;color:var(--coy-mn-ink);overflow:hidden;transition:border-color .4s ease,background-color .4s ease}.coy-mn__filter-art{display:block;opacity:.7}.coy-mn__filter-art svg{display:block;width:54px;height:auto}.coy-mn__filter-label{font-family:var(--coy-mn-display,inherit);font-weight:600;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;line-height:1.3}.coy-mn__swatch{display:block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.coy-mn__swatch--acetate{background:linear-gradient(140deg,#4a3527,#241812)}.coy-mn__swatch--titanium{background:linear-gradient(140deg,#dcdee2,#8d9298)}.coy-mn__swatch--metal{background:linear-gradient(140deg,#c9cbce,#7c7f84)}.coy-mn__swatch--other{background:linear-gradient(140deg,#ffffff52,#ffffff14)}@media(hover:hover)and (pointer:fine){.coy-mn__filter:hover{border-color:#fff6;background-color:#ffffff0d}.coy-mn__filter-art{transition:opacity .4s ease,transform .55s var(--coy-mn-ease)}.coy-mn__filter:hover .coy-mn__filter-art{opacity:1;transform:translateY(-2px)}}.coy-mn__filter:focus-visible{outline:none;border-color:#ffffffb3;box-shadow:0 0 0 1px #fff6}.coy-mn__card.is-extra,.coy-mn__ed.is-extra{display:none}.coy-mn__swap{transition:opacity .42s ease}.coy-mn__swap.is-out{opacity:0}.coy-mn__back{display:none}@keyframes coyMnIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1000px){.coy-mn.is-open{background-color:transparent;background-image:var(--coy-glass-gradient-vh, linear-gradient(to bottom, rgba(0,0,0,.62) 0, rgba(0,0,0,.86) 70%, #000 100%));-webkit-backdrop-filter:var(--coy-glass-blur, blur(26px) saturate(130%));backdrop-filter:var(--coy-glass-blur, blur(26px) saturate(130%))}.coy-mn__inner{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:62px clamp(18px,3vw,44px) 32px}.coy-mn__close{top:14px}.coy-mn__preview,.coy-mn__ed-slot{display:none}.coy-mn[data-level="2"] .coy-mn__back{display:inline-flex;align-items:center;gap:9px;-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;background:none;color:var(--coy-mn-muted);font-family:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;position:absolute;top:20px;left:clamp(18px,3vw,44px);z-index:3;animation:coyMnIn .4s ease both}.coy-mn__back svg{flex:0 0 auto}.coy-mn__back:focus-visible{outline:none;color:var(--coy-mn-ink);box-shadow:0 2px #ffffff80}.coy-mn__item+.coy-mn__item{margin-top:0}.coy-mn__item{border-bottom:1px solid rgba(255,255,255,.13)}.coy-mn__item:first-child{border-top:1px solid rgba(255,255,255,.13)}.coy-mn[data-level="1"] .coy-mn__list{animation:coyMnIn .4s ease both}.coy-mn__link{font-size:clamp(23px,6.2vw,32px);padding:17px 0;color:var(--coy-mn-ink)}.coy-mn__toggle{display:block}.coy-mn__toggle span{display:block;width:9px;height:9px;margin-right:3px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;transform:rotate(45deg);opacity:.45}.coy-mn__toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff80}.coy-mn[data-level="2"] .coy-mn__toggle{display:none}.coy-mn[data-level="2"] .coy-mn__inner{padding-top:74px}.coy-mn[data-level="2"] .coy-mn__item:not(.is-open){display:none}.coy-mn[data-level="2"] .coy-mn__item{border:0}.coy-mn[data-level="2"] .coy-mn__row{display:block}.coy-mn[data-level="2"] .coy-mn__link{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:20px}.coy-mn[data-level="2"] .coy-mn__link:after{content:attr(data-viewall);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.5;white-space:nowrap}.coy-mn[data-level="2"][data-active-kind=about] .coy-mn__link:after{content:none}.coy-mn[data-level="2"] .coy-mn__foot{display:none}.coy-mn[data-level="2"] .coy-mn__inner{display:flex;flex-direction:column}.coy-mn[data-level="2"] .coy-mn__nav{order:1;height:auto;flex:0 0 auto}.coy-mn[data-level="2"] .coy-mn__ed-slot{order:2}.coy-mn[data-level="2"] .coy-mn__preview{order:3}.coy-mn[data-level="2"] .coy-mn__preview{display:block;animation:coyMnIn .45s ease both}.coy-mn[data-level="2"]:not([data-active-kind=about]):not([data-active-kind=filters]) .coy-mn__ed-slot{display:block;aspect-ratio:4/3;margin-bottom:12px;animation:coyMnIn .45s ease both}.coy-mn[data-level="2"] .coy-mn__ed{border-radius:var(--coy-mn-radius)}.coy-mn__grid{gap:10px}.coy-mn__card{aspect-ratio:1/1}.coy-mn__foot{margin-top:0;padding-top:32px}.coy-mn__filters{grid-template-columns:1fr 1fr;gap:10px}.coy-mn__filter{min-height:96px;padding:14px}.coy-mn__filter-art svg{width:46px}.coy-mn__about-cards{grid-template-columns:1fr;gap:12px}.coy-mn__about-cards .coy-mn__card.coy-mn__card--square{aspect-ratio:4/3}.coy-mn__lead{font-size:18px;margin-bottom:24px;max-width:none}}@media(prefers-reduced-motion:reduce){.coy-mn,.coy-mn__reveal,.coy-mn__card .coy-mn__img,.coy-mn__ed .coy-mn__img,.coy-mn__swap,.coy-mn__link,.coy-mn__utils a,.coy-mn__img,.coy-mn__toggle span,.coy-mn__filter,.coy-mn__filter-art{transition:none!important}.coy-mn__reveal{transform:none!important}.coy-mn__img{opacity:1!important}.coy-mn__list,.coy-mn__preview,.coy-mn__ed-slot,.coy-mn__back{animation:none!important}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.coy-mn.is-open{background-color:#08080aed}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/coy-menu.css.map */