.content-trio.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}@media(min-width:768px){.content-trio.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}.content-trio__wrapper{max-width:var(--container-2xl);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:768px){.content-trio__wrapper{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(min-width:1024px){.content-trio__wrapper{padding-left:var(--space-12);padding-right:var(--space-12)}}.content-trio__heading{font-family:var(--font-heading);font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:600;line-height:var(--leading-tight);color:var(--color-secondary);margin:0 0 var(--space-6)}.content-trio__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);align-items:stretch}.content-trio__grid>.content-trio__feature:only-child{grid-column:1 / -1;min-height:0}.content-trio__grid>.content-trio__feature:only-child .content-trio__feature-content{padding:var(--space-8) var(--space-8);max-width:80ch}.content-trio__grid>.content-trio__feature:only-child .content-trio__feature-title{font-size:clamp(1.65rem,2.65vw,2.2rem)}.content-trio__grid>.content-trio__feature:only-child .content-trio__feature-text{font-size:calc(var(--text-base) * 1.1)}.content-trio__grid>.content-trio__feature:only-child .content-trio__feature-link{font-size:calc(var(--text-base) * 1.1)}@media(max-width:899px){.content-trio__grid{grid-template-columns:1fr 1fr}.content-trio__feature{grid-column:1 / -1}}@media(max-width:599px){.content-trio__grid{grid-template-columns:1fr}}.content-trio__feature{display:flex;align-items:stretch;min-height:200px;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--feature-bg, var(--color-secondary));color:#fff;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.content-trio__feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.content-trio__feature-content{flex:1 1 62%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-6);z-index:1}.content-trio__feature-title{font-family:var(--font-heading);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;line-height:var(--leading-tight);color:#fff}.content-trio__feature-text{font-size:var(--text-sm);line-height:var(--leading-normal);color:#ffffffe0;margin-bottom:var(--space-2)}.content-trio__feature-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:#fff;transition:gap var(--transition-fast)}.content-trio__feature:hover .content-trio__feature-link{gap:var(--space-3)}.content-trio__feature-media{flex:1 1 38%;min-width:32%;overflow:hidden}.content-trio__feature-media img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:479px){.content-trio__feature{flex-direction:column}.content-trio__feature-media{order:-1;min-height:150px}}.content-trio__card{display:flex;flex-direction:column;min-height:200px;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid rgba(27,59,54,.1);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.content-trio__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--color-secondary)}.content-trio__card-media{aspect-ratio:16 / 10;overflow:hidden;background-color:var(--color-surface-warm)}.content-trio__card-media img{width:100%;height:100%;object-fit:cover;display:block}.content-trio__card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.content-trio__card-title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug);color:var(--color-secondary)}.content-trio__card-text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.content-trio__feature,.content-trio__card{transition:none}.content-trio__feature:hover,.content-trio__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-content-trio.css.map */