:root{--paper:#fff;--ink:#000;--mute:#8a8886;--tile:#f4f3f1;--nav-h:64px;--ui:400 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 12px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-transform:inherit;letter-spacing:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.cap{font:var(--ui);letter-spacing:.09em;text-transform:uppercase}.num{font-variant-numeric:tabular-nums}.nav{position:sticky;top:0;z-index:40;height:var(--nav-h);background:var(--paper);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px}.burger{display:flex;flex-direction:column;gap:5px;width:16px;justify-self:start;padding:14px 0}.burger i{display:block;height:2px;width:100%;background:var(--ink);border-radius:1px;transition:transform .25s}.burger[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}.burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.logo{display:flex;align-items:center;justify-content:center;height:100%}.logo img{width:auto;display:block}.logo .wordmark{font:500 15px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase}.nav-right{justify-self:end;display:flex;align-items:center;gap:6px}.nav-right svg{width:22px;height:22px;display:block}.filters{position:sticky;top:var(--nav-h);z-index:35;background:var(--paper);display:flex;align-items:center;justify-content:center;height:38px;padding:0 16px}.cats{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cats button{opacity:.22;white-space:nowrap;transition:opacity .2s;font-size:11px}.cats button:hover{opacity:.55}.cats button[aria-pressed=true]{opacity:1}.zoom{position:absolute;right:16px;display:flex;align-items:center;gap:8px;color:var(--mute)}.zoom button{width:12px;text-align:center;color:var(--ink)}.zoom button[disabled]{opacity:.2;cursor:default}.grid-wrap{padding:4px 12px 60px}.grid{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:34px 12px;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.65,0,.35,1),opacity .35s ease}.grid.zooming{opacity:0}.tile{display:flex;flex-direction:column}.tile[hidden]{display:none}.shot{position:relative;aspect-ratio:1;width:100%;overflow:hidden;display:block;background:var(--tile)}.shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;color:transparent;transition:opacity .35s ease,transform .6s cubic-bezier(.22,1,.36,1)}.shot img.alt,.tile:hover .shot img.main{opacity:0}.tile:hover .shot img.alt{opacity:1}.tile:hover .shot img{transform:scale(1.04)}.meta{display:flex;flex-direction:column;gap:5px;padding:12px 2px 0;text-align:center}.name{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.price{font-size:12px;color:#4a4846}.tile[data-oos="1"] .name,.tile[data-oos="1"] .price{opacity:.4}.tile[data-oos="1"] .shot{background:#eceae8;opacity:.55}.tile[data-oos="1"] .shot img{filter:grayscale(1)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;pointer-events:none;transition:opacity .3s;z-index:45}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;width:min(340px,86vw);background:var(--paper);z-index:50;display:flex;flex-direction:column;transition:transform .34s cubic-bezier(.22,1,.36,1)}#yzyMenu{left:0;transform:translate(-101%)}#yzyCart{right:0;transform:translate(101%)}#yzyMenu.on,#yzyCart.on{transform:none}.drawer-head{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:0 0 auto}.drawer-body{flex:1;overflow-y:auto;padding:8px 16px 24px}.menu-group{margin-bottom:28px;display:flex;flex-direction:column;gap:13px}.menu-group .lbl{color:var(--mute)}.menu-group a{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.menu-group a:hover{opacity:.5}.line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;padding:14px 0;align-items:start}.line+.line{border-top:1px solid #eee}.line img{width:56px;height:56px;object-fit:cover;background:var(--tile)}.line .rm{color:var(--mute);justify-self:end}.line .rm:hover{color:var(--ink)}.empty{color:var(--mute);letter-spacing:.09em;padding:6px 0}.drawer-foot{flex:0 0 auto;padding:16px;border-top:1px solid #eee}.sum{display:flex;justify-content:space-between;margin-bottom:12px}.btn{display:block;width:100%;background:var(--ink);color:#fff;padding:15px;letter-spacing:.16em;text-align:center;font-size:11px;text-transform:uppercase}.btn[disabled]{background:#e8e8e8;color:var(--mute);cursor:not-allowed}.note{color:var(--mute);margin-top:10px;text-align:center;letter-spacing:.06em}.panel{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:60;overflow-y:auto;display:none}.panel.on{display:block;animation:yzyrise .4s cubic-bezier(.22,1,.36,1)}@keyframes yzyrise{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.panel.on{animation:none}.grid{transition:none}}.panel-bar{position:sticky;top:0;z-index:3;background:var(--paper);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.back{display:flex;align-items:center;gap:7px}.back:hover{opacity:.55}.pdp{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);align-items:start}.pdp-shots{display:flex;flex-direction:column;gap:6px;padding:0 6px 60px}.pdp-shots figure{margin:0;position:relative;aspect-ratio:1;background:var(--tile);overflow:hidden}.pdp-shots img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pdp-info{position:sticky;top:var(--nav-h);padding:24px 36px 60px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - var(--nav-h));overflow-y:auto}h1.t,.pdp-title{font:400 15px/1.35 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0;text-wrap:balance}.pdp-price{font-size:13px}.tax{color:var(--mute);font-size:11px;margin:6px 0 0}.opt-lbl{color:var(--mute);font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}.sizes{display:flex;flex-wrap:wrap;gap:6px}.sizes button{border:1px solid #ddd;padding:12px 18px;letter-spacing:.1em;min-width:52px;font-size:11px;text-transform:uppercase}.sizes button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.sizes button[disabled]{color:var(--mute);text-decoration:line-through;cursor:not-allowed}.acc details{border-top:1px solid #e8e8e8}.acc details:last-of-type{border-bottom:1px solid #e8e8e8}.acc summary{list-style:none;padding:15px 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";color:var(--mute)}.acc details[open] summary:after{content:"\2212"}.acc .body{padding:0 0 18px;color:#3a3836;max-width:60ch}.acc .body p{margin:0 0 10px}.acc .body h1,.acc .body h2,.acc .body h3,.acc .body h4,.acc .body h5{font:400 11px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:14px 0 8px}footer.yzy{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;padding:26px 16px 44px;color:var(--mute)}footer.yzy a:hover{color:var(--ink)}footer.yzy .sp{margin-left:auto}@media(max-width:900px){.pdp{grid-template-columns:1fr}.pdp-info{position:static;max-height:none;padding:24px 16px 56px}}@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr);gap:26px 8px}.zoom{display:none}footer.yzy .sp{margin-left:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/yzy.css.map */
