.wsh-type-card__canvas{aspect-ratio:4 / 5;background:var(--wsh-bg);color:var(--wsh-fg);border-radius:0;box-shadow:none;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;margin-inline:auto;overflow:hidden;container-type:inline-size;container-name:wsh-card;border:.5px solid color-mix(in srgb,var(--wsh-fg) 20%,transparent)}.wsh-type-card__safe-area{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;padding:clamp(12px,8cqi,48px);box-sizing:border-box}.wsh-type-card__top-mark{display:flex;justify-content:space-between;align-items:flex-start;width:100%;font-family:var(--font-mono--family, "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-weight:500;font-size:clamp(10px,3.8cqi,13px);letter-spacing:.16em;text-transform:uppercase;line-height:1.2;color:var(--wsh-fg)}.wsh-type-card__type-label{opacity:.55;text-align:right}.wsh-type-card__centre{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:88%}.wsh-type-card__rule{width:clamp(18px,3.5cqi,32px);height:1px;background:var(--wsh-accent);margin-bottom:clamp(10px,4cqi,16px);margin-inline:0}.wsh-type-card__rule--doubled{height:0;background:none;position:relative;margin-bottom:clamp(10px,4cqi,16px);margin-inline:0}.wsh-type-card__rule--doubled:before,.wsh-type-card__rule--doubled:after{content:"";display:block;width:clamp(18px,3.5cqi,32px);height:1px;background:var(--wsh-accent)}.wsh-type-card__rule--doubled:before{margin-bottom:3px}.wsh-type-card__name{font-family:var(--font-heading--family, "Inter Display", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif);font-weight:700;font-size:clamp(20px,10.5cqi,34px);line-height:.95;letter-spacing:-.022em;text-transform:none;color:var(--wsh-fg);margin:0;max-width:100%;text-wrap:balance;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word}.wsh-type-card__personality{font-family:var(--font-body--family, "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif);font-weight:500;font-size:clamp(10px,3.8cqi,13px);letter-spacing:.22em;text-transform:uppercase;color:var(--wsh-accent);margin-top:clamp(6px,1.75cqi,16px);line-height:1.2}.wsh-type-card__stamp{font-family:var(--font-mono--family, "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-weight:500;font-size:clamp(10px,3.8cqi,13px);letter-spacing:.14em;text-transform:uppercase;color:var(--wsh-fg);opacity:.65;line-height:1.2;text-align:left;width:100%;padding-right:46px}@media screen and (max-width:749px){.wsh-type-card__stamp{padding-right:40px}}.wsh-type-card-gallery .product-badges__badge--rectangle{display:none}.wsh-type-card-gallery{position:relative}product-card:has(.wsh-type-card__canvas) a[ref=productTitleLink]{display:none}[product-grid-view=zoom-out] .wsh-type-card__safe-area,[product-grid-view=zoom-out] .wsh-type-card__image-region{display:none}.wsh-type-card__canvas--has-image{flex-direction:column}.wsh-type-card__image-region{flex:0 0 60%;width:100%;height:60%;min-height:0;position:relative;overflow:hidden}.wsh-type-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--wsh-focal, center 30%);filter:saturate(.92) contrast(.97) sepia(.1)}.wsh-type-card__image-warm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:#7a461e;mix-blend-mode:soft-light;opacity:.06}.wsh-type-card__image-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px;mix-blend-mode:overlay;opacity:.06}.wsh-type-card__image-scrim{position:absolute;inset:0 0 auto 0;height:80px;background:linear-gradient(rgba(0,0,0,.55),transparent);pointer-events:none}.wsh-type-card__top-mark--over-image{position:absolute;top:13px;left:14px;right:14px;width:auto;z-index:1;color:#e8dcc0d9}.wsh-type-card__top-mark--over-image .wsh-type-card__type-label{opacity:.75}.wsh-type-card__safe-area--image-active{height:auto;flex:1;justify-content:flex-start;padding:14px 16px 16px}.wsh-type-card-gallery .play__audio{position:absolute;bottom:11px;right:11px;top:auto;left:auto;width:36px;height:36px;z-index:3}@media screen and (max-width:749px){.wsh-type-card-gallery .play__audio{width:32px;height:32px;bottom:10px;right:10px}}.wsh-type-card__canvas--has-image .wsh-type-card__rule{display:none}.wsh-type-card__canvas--has-image .wsh-type-card__personality{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wsh-type-card__canvas--has-image .wsh-type-card__stamp{margin-top:auto;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:749px){.wsh-type-card__canvas--has-image .wsh-type-card__personality{display:none}}.wsh-type-card__vol{font-size:.58em;font-weight:700;letter-spacing:-.005em;display:inline-block;vertical-align:baseline;position:relative;top:-.18em;white-space:nowrap}.wsh-type-card-gallery{--border-width: 1px !important;--border-style: solid !important;--border-color: rgba(26, 20, 16, .1) !important;transition:border-color .25s ease}.wsh-type-card-gallery:hover{--border-color: rgba(26, 20, 16, .32) !important}.wsh-type-card-gallery .play-track{color:var(--color-foreground);-webkit-text-fill-color:var(--color-foreground)}.wsh-type-card-gallery .play-track .icon-play{fill:var(--color-foreground)}.wsh-type-card__image{transition:transform .25s ease}.wsh-type-card-gallery:hover .wsh-type-card__image{transform:scale(1.04)}.wsh-type-card-gallery--playing:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#8b3220;z-index:10;pointer-events:none}.wsh-type-card-gallery--playing .play__audio{opacity:1}.wsh-type-card-gallery--playing .play-track .icon-play{display:none}.wsh-type-card-gallery--playing .play-track:before{content:"";display:inline-block;width:12px;height:12px;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0% 100%,50% 100%,100% 100%;background-size:2px 30%,2px 100%,2px 60%;animation:wsh-card-eq .9s steps(1,end) infinite}@keyframes wsh-card-eq{0%{background-size:2px 30%,2px 100%,2px 60%}25%{background-size:2px 100%,2px 40%,2px 80%}50%{background-size:2px 60%,2px 80%,2px 30%}75%{background-size:2px 40%,2px 60%,2px 100%}}@media screen and (max-width:749px){.wsh-type-card-gallery--playing .play-track:before{width:10px;height:10px;background-size:2px 30%,2px 100%,2px 60%}}@media(prefers-reduced-motion:reduce){.wsh-type-card-gallery--playing .play-track:before{animation:none;background-size:2px 60%,2px 100%,2px 80%}}.wsh-type-card__image-region--composite{display:flex;flex-direction:row;gap:3px;background:#f0e8d5}.wsh-type-card__composite-panel{flex:1 1 0;min-width:0;position:relative;overflow:hidden;background:var(--wsh-bg)}.wsh-type-card__composite-img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--wsh-panel-focal, center);transform:scale(var(--wsh-panel-zoom, 1));transform-origin:center;filter:saturate(.92) contrast(.97) sepia(.1);transition:transform .25s ease}.wsh-type-card-gallery:hover .wsh-type-card__composite-img{transform:scale(calc(var(--wsh-panel-zoom, 1) * 1.04))}.wsh-type-card__composite-panel--tint{background:var(--wsh-bg)}.wsh-type-card__canvas--has-composite .wsh-type-card__rule{display:block}.wsh-type-card__canvas--has-composite .wsh-type-card__rule--doubled:before,.wsh-type-card__canvas--has-composite .wsh-type-card__rule--doubled:after{background:var(--wsh-fg)}.wsh-type-card__canvas--has-composite .wsh-type-card__type-label{display:inline-block;background:#f0e8d5;color:#1a1410;font-weight:600;letter-spacing:.14em;line-height:1;padding:5px 8px;border-radius:0;opacity:1;text-shadow:none;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/182/assets/wsh-type-card.css.map */