.tpromo{padding-block:var(--tpromo-pad-start, 72px) var(--tpromo-pad-end, 72px);padding-inline:clamp(1.5rem,4vw,4rem);background-color:var(--tpromo-ground, #f6eddd);color:var(--color-foreground)}.tpromo__head{max-width:46rem;margin-block-end:clamp(2rem,4vw,3.5rem)}.tpromo__title{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.75rem,3.4vw,3rem);line-height:1;text-transform:uppercase}.tpromo__intro{margin-block-start:.75rem;font-size:1rem;line-height:1.55;opacity:.85}.tpromo--banner .tpromo__items{display:grid;gap:clamp(3rem,6vw,5.5rem)}.tpromo--banner .tpromo__item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem)}.tpromo--banner .tpromo__item:nth-child(2n) .tpromo__copy{grid-column:1;grid-row:1}.tpromo--grid .tpromo__items{display:grid;grid-template-columns:repeat(var(--tpromo-columns, 3),minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.5rem)}.tpromo--grid .tpromo__item{display:flex;flex-direction:column;gap:1.25rem}.tpromo--grid .tpromo__copy{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start}.tpromo--grid .tpromo__cta{margin-block-start:auto}.tpromo__media{position:relative;aspect-ratio:var(--tpromo-ratio, 4 / 3);border-radius:1rem;overflow:hidden;background-color:var( --tpromo-frame, color-mix(in srgb, var(--tpromo-accent, #b0472f) 18%, transparent) )}.tpromo__image,.tpromo__placeholder-svg{inline-size:100%;block-size:100%;object-fit:var(--tpromo-fit, cover);display:block}.tpromo--fit-contain .tpromo__media{padding:clamp(.75rem,2.5%,2rem)}.tpromo__placeholder{block-size:100%;opacity:.4}.tpromo__badge{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;padding:calc(.5rem * var(--tpromo-badge, 1.25)) calc(1.05rem * var(--tpromo-badge, 1.25));border-radius:999px;background-color:var(--tpromo-accent, #b0472f);background-image:linear-gradient(to bottom,#ffffff47,#ffffff0a 52%,#0000000f);color:var(--tpromo-on-accent, #faf7f0);box-shadow:0 0 0 3px color-mix(in srgb,var(--tpromo-frame, #1c3b27) 65%,transparent),0 8px 18px -6px #00000073;font-family:var(--font-heading--family);font-size:calc(clamp(.9rem,1.3vw,1.15rem) * var(--tpromo-badge, 1.25));letter-spacing:.06em;line-height:1.15;text-transform:uppercase;white-space:nowrap;overflow:hidden;animation:tpromo-badge-pulse 2.5s ease-in-out infinite}.tpromo__badge:after{content:"";position:absolute;inset-block:-50%;inline-size:40%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .55),transparent);transform:translate(-180%) skew(-18deg);animation:tpromo-badge-sheen 3.6s ease-in-out infinite}@keyframes tpromo-badge-pulse{0%,to{scale:1}50%{scale:1.06}}@keyframes tpromo-badge-sheen{0%{transform:translate(-180%) skew(-18deg)}32%,to{transform:translate(420%) skew(-18deg)}}@media(prefers-reduced-motion:reduce){.tpromo__badge{animation:none}.tpromo__badge:after{animation:none;opacity:0}}.tpromo__eyebrow{margin:0 0 .6rem;font-family:var(--font-accent--family);font-size:.85rem;letter-spacing:.16em;text-transform:lowercase;opacity:.8}.tpromo__heading{margin:0;font-family:var(--font-heading--family);line-height:1.05;text-transform:uppercase}.tpromo--banner .tpromo__heading{font-size:clamp(1.6rem,3vw,2.6rem)}.tpromo--grid .tpromo__heading{font-size:clamp(1.2rem,1.8vw,1.6rem)}.tpromo--carousel .tpromo__heading{font-size:clamp(1.6rem,3vw,2.6rem)}.tpromo--carousel .tpromo__text{font-size:1.05rem}.tpromo--carousel .tpromo__items{max-inline-size:72rem;margin-inline:auto}.tpromo__ladder{margin-block-start:1.1rem;padding-block-start:1.1rem;border-block-start:1px solid color-mix(in srgb,currentcolor 20%,transparent)}.tpromo__text{margin-block-start:.75rem;font-size:1rem;line-height:1.55;opacity:.88;max-width:42ch}.tpromo__cta{display:inline-block;max-width:100%;margin-block-start:1.5rem;padding:.85rem 1.6rem;border-radius:999px;background-color:var(--tpromo-accent, #b0472f);color:var(--tpromo-on-accent, #faf7f0);font-family:var(--font-heading--family);font-size:.9rem;letter-spacing:.06em;line-height:1.25;text-align:center;text-transform:uppercase;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.tpromo__cta:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px #00000080}@media screen and (max-width:899px){.tpromo--grid .tpromo__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.tpromo--banner .tpromo__item{grid-template-columns:1fr}.tpromo--banner .tpromo__item:nth-child(2n) .tpromo__copy{grid-column:auto;grid-row:auto}}@media screen and (max-width:599px){.tpromo--grid .tpromo__items{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tpromo__cta,.tpromo__cta:hover{transform:none;transition:none}}.tpromo__carousel{display:block}.tpromo--carousel .tpromo__items{display:flex;gap:clamp(1.5rem,4vw,4rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-block-end:1rem;margin-block-end:-1rem}.tpromo--carousel .tpromo__items::-webkit-scrollbar{display:none}.tpromo--carousel .tpromo__item{flex:0 0 100%;grid-template-columns:minmax(0,.8fr) 1fr;min-inline-size:0;scroll-snap-align:start;display:grid;align-items:center;gap:clamp(1.25rem,3vw,2.75rem)}.tpromo__controls{display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,2vw,1.5rem);margin-block-start:clamp(1.5rem,3vw,2.5rem)}.tpromo__arrow{display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:1px solid color-mix(in srgb,currentcolor 30%,transparent);border-radius:999px;background:none;color:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.tpromo__arrow:hover{border-color:currentcolor;background-color:color-mix(in srgb,currentcolor 10%,transparent)}.tpromo__arrow svg{inline-size:1rem;block-size:1rem}.tpromo__dots{display:flex;align-items:center;gap:.5rem}.tpromo__dot{inline-size:.5rem;block-size:.5rem;padding:0;border:0;border-radius:999px;background-color:currentcolor;opacity:.3;cursor:pointer;transition:inline-size .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.tpromo__dot[aria-current=true]{inline-size:1.75rem;opacity:1}@media screen and (max-width:749px){.tpromo--carousel .tpromo__item{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tpromo--carousel .tpromo__items{scroll-behavior:auto}.tpromo__dot,.tpromo__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-promo.css.map */