.custom-content-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.custom-content-card:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-content-card__tag{position:absolute;inset-block-start:var(--gap-md);inset-inline-start:var(--gap-md);display:inline-flex;align-items:center;padding:var(--padding-xs) var(--padding-md);background-color:var(--color-pill-background);color:var(--color-pill-text);font-family:var(--font-subheading--family);font-size:var(--font-size--3xs);font-weight:700;letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;border-radius:var(--style-border-radius-pills);z-index:var(--layer-raised)}.custom-content-card--variant-stack{gap:var(--gap-md);padding:var(--padding-md);background-color:var(--color-background);border:var(--style-border-width) solid transparent;border-radius:var(--style-border-radius-md);transition:border-color var(--animation-speed) var(--ease-out-cubic)}.custom-content-card--variant-stack:hover{border-color:var(--color-primary)}.custom-content-card--variant-stack .custom-content-card__media{position:relative;width:100%;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));border-radius:var(--style-border-radius-sm);overflow:hidden}.custom-content-card--variant-stack.custom-content-card--ratio-landscape .custom-content-card__media{aspect-ratio:16 / 9}.custom-content-card--variant-stack.custom-content-card--ratio-square .custom-content-card__media{aspect-ratio:1 / 1}.custom-content-card--variant-stack.custom-content-card--ratio-portrait .custom-content-card__media{aspect-ratio:3 / 4}.custom-content-card--variant-stack .custom-content-card__info{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--padding-md)}.custom-content-card--variant-stack .custom-content-card__eyebrow{font-family:var(--font-subheading--family);font-size:var(--font-size--3xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--color-okuma-slate)}.custom-content-card--variant-stack .custom-content-card__title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--lg);line-height:var(--line-height--heading-tight);color:var(--color-foreground-heading);margin:0}.custom-content-card--variant-stack .custom-content-card__body{font-family:var(--font-paragraph--family);font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);color:var(--color-foreground);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.custom-content-card--variant-stack .custom-content-card__meta{font-family:var(--font-paragraph--family);font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);color:var(--color-okuma-charcoal);margin:0}.custom-content-card--variant-stack .custom-content-card__cta{margin-block-start:var(--margin-xs);font-family:var(--font-subheading--family);font-size:var(--font-size--sm);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-sm)}.custom-content-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.custom-content-card__image--placeholder{display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.custom-content-card__placeholder-svg{width:60%;height:60%;opacity:var(--opacity-50)}.custom-content-card--variant-overlay{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:var(--style-border-radius-lg);overflow:hidden;color:var(--color-white);justify-content:flex-end}.custom-content-card--variant-overlay.custom-content-card--size-small{border-radius:var(--style-border-radius-md)}.custom-content-card--variant-overlay .custom-content-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--layer-base)}.custom-content-card--variant-overlay .custom-content-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.custom-content-card--variant-overlay .custom-content-card__image--placeholder{background:linear-gradient(135deg,var(--color-okuma-blue-400) 0%,var(--color-okuma-navy) 100%)}.custom-content-card--variant-overlay .custom-content-card__placeholder-svg{width:50%;height:50%;opacity:var(--opacity-20);filter:brightness(2)}.custom-content-card--variant-overlay .custom-content-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgb(var(--color-okuma-navy-rgb) / var(--opacity-80)),rgb(var(--color-okuma-navy-rgb) / var(--opacity-10)) 60%);z-index:var(--layer-flat)}.custom-content-card--variant-overlay .custom-content-card__info{position:relative;z-index:var(--layer-raised);display:flex;flex-direction:column;gap:var(--gap-2xl);width:100%;padding:var(--padding-5xl)}.custom-content-card--variant-overlay .custom-content-card__eyebrow{font-family:var(--font-heading--family);font-weight:700;font-size:var(--font-size--2xs);letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;color:var(--color-okuma-gold)}.custom-content-card--variant-overlay .custom-content-card__title{font-family:var(--font-heading--family);font-weight:700;font-size:var(--font-size--2xl);line-height:var(--line-height--heading-tight);color:var(--color-white);margin:0}.custom-content-card--variant-overlay .custom-content-card__body{font-family:var(--font-heading--family);font-weight:700;font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);letter-spacing:var(--letter-spacing-sm);color:var(--color-white);margin:0}.custom-content-card--variant-overlay .custom-content-card__cta{align-self:flex-start;font-family:var(--font-heading--family);font-weight:700;font-size:var(--font-size--sm);line-height:1;letter-spacing:var(--letter-spacing-sm);text-transform:capitalize;color:var(--color-white);text-decoration:underline;text-decoration-color:var(--color-okuma-gold);text-decoration-thickness:.09375rem;text-underline-offset:.25rem}.custom-content-card--variant-overlay .custom-content-card__tag{background-color:var(--color-background);color:var(--color-foreground)}.custom-content-card__footer{display:flex;align-items:center;gap:var(--gap-lg)}.custom-content-card__footer a{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:inherit;transition:color var(--animation-speed) var(--ease-out-cubic)}.custom-content-card__footer a:hover{color:var(--color-okuma-gold)}.custom-content-card__footer svg{width:1.5rem;height:1.5rem;fill:currentColor}.custom-content-card--variant-overlay .custom-content-card__footer{justify-content:space-between;width:100%}.custom-content-card__title svg{display:inline;width:1em;height:1em;margin-inline-start:.5em;vertical-align:-.125em}@media screen and (max-width:749px){.custom-content-card--variant-overlay .custom-content-card__info{padding:var(--padding-2xl);gap:var(--gap-lg)}.custom-content-card--variant-overlay .custom-content-card__title{font-size:var(--font-size--xl)}}@media(prefers-reduced-motion:reduce){.custom-content-card__footer a{transition:none}}@media(prefers-reduced-motion:reduce){.custom-content-card--variant-stack{transition:none}}.custom-content-card--stretch{position:relative}.custom-content-card__title-link{color:inherit;text-decoration:none}.custom-content-card__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat)}.custom-content-card__title-link:hover{text-decoration:underline}.custom-content-card--stretch .custom-content-card__footer{position:relative;z-index:var(--layer-raised)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-content-card.css.map */