.wh-showcase{--wh-bg: #11161d;--wh-panel: #161d27;--wh-grid: rgba(255, 255, 255, .05);--wh-ink: #e8edf3;--wh-muted: #93a1b3;--wh-line: rgba(255, 255, 255, .14);--wh-accent: #f47b20;--wh-accent-2: #c9882f;--wh-radius: 10px;--wh-mono: ui-monospace, "SFMono-Regular", "Roboto Mono", "Cascadia Mono", Menlo, Consolas, monospace;--wh-vbg: var(--wh-bg);--wh-vbtn-bg: var(--wh-panel);--wh-vbtn-ico: var(--wh-ink);--wh-vaccent: var(--wh-accent);--wh-vbar: color-mix(in srgb, var(--wh-vbg) 78%, #000);--wh-vmuted: color-mix(in srgb, var(--wh-vbtn-ico) 58%, transparent);--wh-vline: color-mix(in srgb, var(--wh-vbtn-ico) 16%, transparent);--wh-vgrid: color-mix(in srgb, var(--wh-vbtn-ico) 6%, transparent);--wh-vgutter: color-mix(in srgb, var(--wh-vbg) 68%, #000);--wh-content-max: 1200px;color:var(--wh-ink);container-type:inline-size}.wh-showcase *,.wh-modal *{box-sizing:border-box}.wh-showcase__inner{max-width:var(--wh-content-max, 1200px);margin:0 auto;padding:clamp(28px,5vw,64px) clamp(20px,4vw,56px)}.wh-showcase__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--wh-mono);font-size:min(var(--wh-eyebrow-size, 15px),4.6vw);letter-spacing:.2em;text-transform:uppercase;color:var(--wh-accent);margin:0 0 14px}.wh-showcase__eyebrow:before{content:"";width:34px;height:2px;background:var(--wh-accent)}.wh-showcase__title{font-size:min(var(--wh-h-size, 52px),9vw);line-height:1.05;margin:0 0 16px;font-weight:800;letter-spacing:-.015em}.wh-showcase__intro{max-width:64ch;margin:0 0 clamp(28px,4vw,44px);color:var(--wh-muted);font-size:min(var(--wh-intro-size, 20px),5.6vw);line-height:1.6}.wh-showcase__intro a{color:var(--wh-accent)}.wh-grid{display:grid;gap:22px;grid-template-columns:1fr}@container (min-width: 720px){.wh-grid--two{grid-template-columns:1.3fr 1fr}}.wh-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(var(--wh-grid) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,var(--wh-grid) 1px,transparent 1px) 0 0 / 26px 26px,var(--wh-panel);border:1px solid var(--wh-line);border-radius:var(--wh-radius);padding:18px;overflow:hidden;isolation:isolate;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.wh-card:hover,.wh-card:focus-within{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wh-accent) 55%,var(--wh-line));box-shadow:0 18px 40px -24px #000000e6}.wh-card:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;z-index:3;--c: color-mix(in srgb, var(--wh-accent) 75%, transparent);--t: 2px;--l: 18px;background:linear-gradient(var(--c),var(--c)) 0 0 / var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 0 0 / var(--t) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--t) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--t) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--l) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--t) var(--l) no-repeat;opacity:.55;transition:opacity .35s ease}.wh-card:hover:before,.wh-card:focus-within:before{opacity:1}.wh-card__media{position:relative;display:block;width:100%;padding:0;border-radius:6px;overflow:hidden;background:#0c1117;aspect-ratio:var(--wh-cover-ratio, 1346 / 1743);max-height:clamp(300px,40vw,460px);border:1px solid var(--wh-line);-webkit-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer}button.wh-card__media:focus-visible{outline:2px solid var(--wh-accent);outline-offset:2px}.wh-card__cover{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.wh-card__media:after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--wh-accent) 22%,transparent),transparent);transform:translateY(-100%);opacity:0;transition:opacity .3s ease}.wh-card:hover .wh-card__media:after{opacity:1;animation:wh-scan 2.4s linear infinite}@keyframes wh-scan{0%{transform:translateY(-100%)}to{transform:translateY(360%)}}.wh-card__badge{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--wh-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wh-ink);background:#080b10b8;border:1px solid var(--wh-line);padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wh-card__body{padding:18px 4px 4px}.wh-card__kicker{font-family:var(--wh-mono);font-size:clamp(12.5px,1.2vw,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--wh-accent-2);margin:0 0 8px}.wh-card__name{font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.18;margin:0 0 8px;font-weight:750}.wh-card__desc{margin:0 0 18px;color:var(--wh-muted);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.6}.wh-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;font-family:var(--wh-mono);font-size:11.5px;color:var(--wh-muted)}.wh-card__meta b{color:var(--wh-ink);font-weight:600}.wh-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.wh-btn{--bbg: var(--wh-accent);--bfg: #0c0f14;display:inline-flex;align-items:center;gap:9px;font:inherit;font-weight:650;font-size:.9rem;line-height:1;padding:12px 18px;border-radius:7px;border:1px solid transparent;background:var(--bbg);color:var(--bfg);cursor:pointer;text-decoration:none;transition:transform .15s ease,filter .2s ease,background .2s ease}.wh-btn svg{width:16px;height:16px}.wh-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.wh-btn:active{transform:translateY(0)}.wh-btn--ghost{--bbg: transparent;--bfg: var(--wh-ink);border-color:var(--wh-line)}.wh-btn--ghost:hover{border-color:var(--wh-accent)}.wh-btn:focus-visible{outline:2px solid var(--wh-accent);outline-offset:2px}.wh-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;border:0;background:transparent;color:var(--wh-ink);overflow:hidden}.wh-modal::backdrop{background:#040609db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wh-modal[open]{display:flex}.wh-viewer{position:relative;display:flex;flex-direction:column;width:100%;height:100%;color:var(--wh-vbtn-ico);background-color:var(--wh-vbg);background-image:linear-gradient(var(--wh-vgrid) 1px,transparent 1px),linear-gradient(90deg,var(--wh-vgrid) 1px,transparent 1px);background-size:30px 30px}.wh-viewer__bar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--wh-vline);background:var(--wh-vbar)}.wh-viewer__title{font-size:.98rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-viewer__tag{font-family:var(--wh-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wh-vaccent);border:1px solid color-mix(in srgb,var(--wh-vaccent) 40%,transparent);padding:3px 7px;border-radius:4px}.wh-viewer__spacer{flex:1}.wh-counter{font-family:var(--wh-mono);font-size:13px;color:var(--wh-vmuted);white-space:nowrap}.wh-counter b{color:var(--wh-vbtn-ico)}.wh-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:7px;border:1px solid var(--wh-vline);background:var(--wh-vbtn-bg);color:var(--wh-vbtn-ico);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.wh-iconbtn svg{width:18px;height:18px}.wh-iconbtn:hover{border-color:var(--wh-vaccent);background:color-mix(in srgb,var(--wh-vbtn-bg) 82%,#fff)}.wh-iconbtn:active{transform:scale(.94)}.wh-iconbtn:disabled{opacity:.35;cursor:default}.wh-iconbtn:focus-visible{outline:2px solid var(--wh-vaccent);outline-offset:2px}.wh-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;touch-action:none}.wh-flip{margin:0 auto;max-width:100%;will-change:transform}.wh-viewer.is-zoomed .wh-stage{cursor:grab}.wh-viewer.is-zoomed .wh-stage:active{cursor:grabbing}.wh-flip__page{background:var(--wh-vgutter);overflow:hidden}.wh-flip__img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.wh-flip__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--wh-vmuted);font-family:var(--wh-mono);font-size:12px;letter-spacing:.1em}.wh-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:64px}.wh-nav--prev{left:10px}.wh-nav--next{right:10px}.wh-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--wh-vbg);z-index:8;font-family:var(--wh-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--wh-vmuted)}.wh-loading__ring{width:38px;height:38px;border-radius:50%;border:3px solid var(--wh-vline);border-top-color:var(--wh-vaccent);animation:wh-spin .9s linear infinite}@keyframes wh-spin{to{transform:rotate(360deg)}}.wh-viewer.is-ready .wh-loading{display:none}.wh-strip{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--wh-vline);background:var(--wh-vbar);overflow-x:auto;scrollbar-width:thin}.wh-strip__btn{flex:0 0 auto;width:46px;height:60px;padding:0;border:1px solid var(--wh-vline);border-radius:4px;background:var(--wh-vgutter);cursor:pointer;overflow:hidden;opacity:.6;transition:opacity .2s ease,border-color .2s ease,transform .15s ease}.wh-strip__btn img{width:100%;height:100%;object-fit:cover;display:block}.wh-strip__btn:hover{opacity:1;transform:translateY(-2px)}.wh-strip__btn.is-active{opacity:1;border-color:var(--wh-vaccent)}.wh-strip__btn:focus-visible{outline:2px solid var(--wh-vaccent);outline-offset:1px}@media(max-width:760px){.wh-viewer__bar{gap:8px;padding:9px 10px}.wh-iconbtn{width:42px;height:42px}.wh-strip{display:none}.wh-nav{width:44px;height:56px;opacity:.94;background:color-mix(in srgb,var(--wh-vbtn-bg) 86%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wh-nav--prev{left:6px}.wh-nav--next{right:6px}.wh-stage{padding:8px}}@media(max-width:520px){.wh-viewer__title{display:none}}@media(prefers-reduced-motion:reduce){.wh-card,.wh-btn,.wh-iconbtn,.wh-strip__btn{transition:none}.wh-card:hover .wh-card__media:after{animation:none}.wh-loading__ring{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/wh-catalog-showcase.css.map */