.c-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-white);border:1px solid color-mix(in srgb,var(--color-primary) 12%,transparent);border-radius:var(--md-border-radius)}.c-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden}.c-card__media img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .5s ease}.c-card:hover .c-card__media img{transform:scale(1.08)}.c-card--trading{position:relative;container-type:inline-size;display:block;padding:5%;overflow:hidden;border-radius:var(--lg-border-radius);text-decoration:none;transform:perspective(50rem) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--card-scale, 1));transition:transform .45s ease,box-shadow .45s ease;--c-card-facets: var(--camo-marine);--c-card-facets-holo: var(--holo-marine);background-color:var(--color-primary);background-image:var(--c-card-facets);background-position:center;background-size:cover;background-repeat:no-repeat}.c-card--trading[data-variant=woodland]{--c-card-facets: var(--camo-woodland);--c-card-facets-holo: var(--holo-woodland)}.c-card--trading[data-variant=metallic]{--c-card-facets: var(--camo-metallic);--c-card-facets-holo: var(--holo-metallic)}.c-card--trading[data-variant=glass]{--c-card-facets: var(--camo-glass);--c-card-facets-holo: var(--holo-glass)}.c-card__inner{position:relative;z-index:1;display:block}html[data-js] [data-reveal]>.c-card--trading,html[data-js] [data-reveal]>[data-revealed=true].c-card--trading{transform:perspective(50rem) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--card-scale, 1));transition:opacity .6s ease var(--reveal-delay, 0ms),transform .45s ease,box-shadow .45s ease}html[data-js] [data-reveal]>.c-card--trading[data-tilting=true]{transition:transform .08s ease-out,box-shadow .08s ease-out}.c-card--trading[data-tilting=true]{--card-scale: 1.04;transition:transform .08s ease-out,box-shadow .08s ease-out}.c-card--trading:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.c-card__frame{display:block;width:100%;height:auto}.c-card__frame-outer,.c-card__frame-inner{stroke:var(--color-accent)}.c-card__grain{opacity:.12;mix-blend-mode:overlay}.c-card__emblem{position:absolute;inset-block-start:3%;inset-inline-start:5%;inline-size:16%;block-size:auto}.c-card__plate{position:absolute;inset-block-end:7%;inset-inline:10%;display:flex;flex-direction:column;line-height:.95;color:var(--color-white);font-style:italic;text-shadow:.0625rem .0625rem 0 var(--color-shadow),-.0625rem .0625rem 0 var(--color-shadow),.0625rem -.0625rem 0 var(--color-shadow),-.0625rem -.0625rem 0 var(--color-shadow),0 .1875rem .5rem color-mix(in srgb,var(--color-shadow) 60%,transparent)}.c-card__plate-first{font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:clamp(.625rem,4cqi,1.25rem);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase}.c-card__plate-last{font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:clamp(1.25rem,11cqi,3rem);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}.c-card__plate-role{position:relative;align-self:flex-start;margin-block-start:.5em;padding-block:.3em;padding-inline:1.3em .8em;font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:clamp(.5rem,2.8cqi,.9rem);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;color:var(--color-white);background-color:var(--color-primary);clip-path:polygon(0 0,100% 0,100% 100%,1em 100%);text-shadow:none}.c-card__plate-role:before{content:"";position:absolute;inset-block-start:0;inset-inline-end:100%;inline-size:5cqi;block-size:1px;background-color:var(--color-accent)}.c-card__plate-role:after{content:"";position:absolute;inset-block-start:0;inset-inline-end:calc(100% + 5cqi);inline-size:1.4cqi;block-size:1.4cqi;background-color:var(--color-accent);border-radius:var(--pill-border-radius);transform:translate(50%,-50%)}.c-card--trading{box-shadow:var(--shadow-x, 0) var(--shadow-y, .5rem) 1.5rem .1rem color-mix(in srgb,var(--color-primary) 38%,transparent)}.c-card--trading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:var(--c-card-facets-holo);background-position:center;background-size:cover;background-repeat:no-repeat;mix-blend-mode:overlay;opacity:.55;-webkit-mask-image:linear-gradient(105deg,transparent 22%,#000 42%,#000 58%,transparent 78%);mask-image:linear-gradient(105deg,transparent 22%,#000 42%,#000 58%,transparent 78%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-position:var(--holo-pos, 50%) 0;mask-position:var(--holo-pos, 50%) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:mask-position .12s ease-out,opacity .25s ease}.c-card--trading[data-variant=metallic]:before,.c-card--trading[data-variant=glass]:before{mix-blend-mode:screen;opacity:.5;-webkit-mask-image:linear-gradient(105deg,transparent 34%,#000 45%,#000 55%,transparent 66%);mask-image:linear-gradient(105deg,transparent 34%,#000 45%,#000 55%,transparent 66%)}.c-card--trading[data-tilting=true]:before{opacity:1}.c-card--trading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--color-white) 16%,transparent) 47%,color-mix(in srgb,var(--color-white) 4%,transparent) 53%,transparent 72%);background-size:220% 100%;background-position:var(--holo-pos, 78%) 0;mix-blend-mode:screen;transition:background-position .12s ease-out}.c-card--trading .c-card__grain{opacity:.07}.c-card--trading .c-card__photo{filter:contrast(1.04) saturate(1.02) brightness(1.01)}.c-card--trading[data-glint=true]:not([data-tilting=true]):before{animation:c-card-glint-holo 1.6s ease-in-out}.c-card--trading[data-glint=true]:not([data-tilting=true]):after{animation:c-card-glint-sheen 1.6s ease-in-out}@keyframes c-card-glint-holo{0%,to{opacity:.55;-webkit-mask-position:50% 0;mask-position:50% 0}50%{opacity:1;-webkit-mask-position:20% 0;mask-position:20% 0}}@keyframes c-card-glint-sheen{0%,to{background-position:78% 0}50%{background-position:24% 0}}@media(prefers-reduced-motion:reduce){.c-card--trading{transition:none}.c-card--trading:after{transition:none}.c-card--trading[data-glint=true]:before,.c-card--trading[data-glint=true]:after{animation:none}}.c-card__badge{position:absolute;inset-block-start:var(--sm-spacing);inset-inline-start:var(--sm-spacing);z-index:2;padding-block:.25rem;padding-inline:var(--sm-spacing);font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--xsm-font-size);line-height:1.4;letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;color:var(--color-primary);background:var(--color-accent);border-radius:999rem}.c-card__body{display:flex;flex:1;flex-direction:column;gap:var(--sm-spacing);padding:var(--lg-spacing)}.c-card__meta{display:inline-flex;align-items:center;gap:var(--xsm-spacing);margin:0;font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:var(--sm-font-size);line-height:1.4;color:var(--color-text-mid)}.c-card__meta svg{inline-size:1rem;block-size:1rem}.c-card__title{margin:0;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:var(--lg-font-size);line-height:1.25;color:var(--color-primary)}.c-card__excerpt{display:-webkit-box;margin:0;font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:var(--md-font-size);line-height:1.6;color:var(--color-text-mid);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.c-card__footer{margin-block-start:auto;padding-block-start:var(--md-spacing);border-block-start:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.c-card__read-more{display:inline-flex;align-items:center;gap:var(--xsm-spacing);font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--sm-font-size);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;color:var(--color-primary);text-decoration:none}.c-card__read-more svg{inline-size:1rem;block-size:1rem;transition:transform .2s ease}.c-card__read-more:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.c-card__read-more:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.c-card:hover .c-card__read-more svg{transform:translate(.25rem)}@media(prefers-reduced-motion:reduce){.c-card__media img,.c-card__read-more svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-card.css.map */