:root{--featured-technique-flag-text: #ffffff;--featured-technique-border-radius: 8px;--featured-technique-shadow: 0 2px 8px rgba(0, 0, 0, .1);--featured-technique-shadow-hover: 0 8px 24px rgba(0, 0, 0, .15);--featured-technique-gap-mobile: calc(6 * var(--space-unit));--featured-technique-gap-tablet: calc(8 * var(--space-unit));--featured-technique-gap-desktop: calc(6 * var(--space-unit))}.featured-technique{padding:0 0 calc(8 * var(--space-unit))}.featured-technique__header{margin-top:0;margin-bottom:calc(8 * var(--space-unit));padding-top:calc(8 * var(--space-unit));text-align:center}.featured-technique__title{margin-bottom:calc(4 * var(--space-unit))}.featured-technique__description{max-width:var(--reading-width, 48em);margin:0 auto}.featured-technique__grid{display:grid;grid-template-columns:1fr;gap:var(--featured-technique-gap-mobile);margin:0 auto}.featured-technique__card{background-color:rgba(var(--bg-color));border-radius:var(--featured-technique-border-radius);overflow:hidden;box-shadow:var(--featured-technique-shadow);transition:transform .3s ease,box-shadow .3s ease}.featured-technique__card:hover{transform:translateY(-4px);box-shadow:var(--featured-technique-shadow-hover)}.featured-technique__media{position:relative;overflow:hidden;aspect-ratio:4/3}.featured-technique__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-technique__card:hover .featured-technique__image{transform:scale(1.05)}.featured-technique__media-link{display:block;width:100%;height:100%}.featured-technique__flag{position:absolute;top:12px;left:0;z-index:2;padding:6px 12px;background-color:var(--flag-color, #000000);color:var(--featured-technique-flag-text);font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;border-radius:0 4px 4px 0;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.featured-technique__content{padding:calc(6 * var(--space-unit));text-align:center}.featured-technique__card-title{margin:0 0 calc(3 * var(--space-unit));color:rgb(var(--heading-color));font-size:var(--h4-font-size);font-weight:600;line-height:1.3}.featured-technique__card-text{margin:0 0 calc(4 * var(--space-unit));color:rgb(var(--text-color));line-height:1.5}.featured-technique__card-text:last-child{margin-bottom:0}.featured-technique__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(2 * var(--space-unit));margin:0 0 calc(6 * var(--space-unit))}.featured-technique__tag{padding:4px 12px;background-color:rgba(var(--text-color),.1);color:rgb(var(--text-color));font-size:.8em;font-weight:500;border-radius:20px;white-space:nowrap}.featured-technique__button-wrapper{margin-top:auto}.featured-technique__button{width:100%;padding:calc(3 * var(--space-unit)) calc(4 * var(--space-unit));font-size:.9em;font-weight:600;text-align:center;text-decoration:none;border-radius:var(--btn-border-radius, 0);transition:all .3s ease}@media (min-width: 600px){.featured-technique{padding:0 0 calc(12 * var(--space-unit))}.featured-technique__header{margin-bottom:calc(12 * var(--space-unit));padding-top:calc(12 * var(--space-unit))}.featured-technique__grid{grid-template-columns:repeat(2,1fr);gap:var(--featured-technique-gap-tablet)}.featured-technique__content{padding:calc(8 * var(--space-unit))}}@media (min-width: 1024px){.featured-technique{padding:0 0 calc(16 * var(--space-unit))}.featured-technique__header{margin-bottom:calc(16 * var(--space-unit));padding-top:calc(16 * var(--space-unit))}.featured-technique__grid{grid-template-columns:repeat(4,1fr);gap:var(--featured-technique-gap-desktop)}.featured-technique__media{aspect-ratio:1}.featured-technique__content{padding:calc(6 * var(--space-unit))}.featured-technique__card-text{font-size:.9em}.featured-technique__button{font-size:.85em;padding:calc(2.5 * var(--space-unit)) calc(3 * var(--space-unit))}}.featured-technique.color-scheme .featured-technique__card{background-color:rgba(var(--bg-color));border:1px solid rgba(var(--text-color),.1)}.featured-technique.color-scheme .featured-technique__tag{background-color:rgba(var(--text-color),.15)}@media (prefers-reduced-motion: no-preference){.featured-technique__card{transition:transform .3s ease,box-shadow .3s ease}.featured-technique__image{transition:transform .3s ease}}@media (prefers-reduced-motion: reduce){.featured-technique__card{transition:none}.featured-technique__card:hover{transform:none}.featured-technique__image{transition:none}.featured-technique__card:hover .featured-technique__image{transform:none}}.featured-technique__media-link:focus{outline:2px solid rgb(var(--text-color));outline-offset:2px}.featured-technique__button:focus{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media print{.featured-technique__card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.featured-technique__card:hover{transform:none;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/featured-technique.css.map */
