.cs-tri-host{padding:44px 0 40px;background:rgb(var(--color-background, 255 255 255))}.cs-tri-host.color-scheme-3{--tri-eyebrow:var(--cs-bright-amber, #FFCF29)}.cs-tri-head{max-width:1200px;margin:0 auto 24px;padding:0 20px;text-align:center}.cs-tri-head .cs-eyebrow{display:block;font-family:var(--font-body-family);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tri-eyebrow, var(--cs-coral, #F16C64));margin-bottom:9px}.cs-tri-head h2{margin:0;font-family:var(--font-heading-family);font-weight:700;color:rgb(var(--color-foreground, 41 43 148));font-size:clamp(24px,4vw,36px);line-height:1.08;letter-spacing:-.02em}.cs-tri{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0 12px;list-style:none}.cs-tri__item{margin:0}.cs-tri__panel{position:relative;display:block;aspect-ratio:1100/823;overflow:hidden;border-radius:14px;text-decoration:none;background:var(--bg);isolation:isolate;contain:paint}.cs-tri__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:1}.cs-tri__scrim{display:none}.cs-tri__txt{position:absolute;z-index:3;left:0;top:0;bottom:0;width:56%;display:flex;flex-direction:column;justify-content:center;padding:16px 8px 16px 20px;color:var(--ink)}.cs-tri__count{align-self:flex-start;display:inline-flex;align-items:center;height:21px;padding:0 9px;border-radius:20px;background:var(--ink);color:var(--bg);font-family:var(--font-body-family);font-size:9.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.cs-tri__ttl{display:block;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(19px,4.8vw,24px);line-height:1.03;letter-spacing:-.02em;color:var(--ink)}.cs-tri__ttl:after{content:"";display:block;width:36px;height:3px;border-radius:2px;margin-top:8px;background:var(--acc);transform-origin:left center}.cs-tri__desc{display:block;margin-top:8px;font-family:var(--font-body-family);font-weight:300;font-size:12.5px;line-height:1.35;color:var(--ink);opacity:.92;max-width:18ch}.cs-tri__go{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-family:var(--font-heading-family);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.cs-tri__panel:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--acc)}.cs-tri__panel{transition:transform .12s ease-out}.cs-tri__panel:active{transform:scale(.988)}@media(hover:hover)and (pointer:fine){.cs-tri__img{transition:transform .5s cubic-bezier(.2,.7,.3,1)}.cs-tri__ttl:after{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.cs-tri__go svg{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.cs-tri__panel:hover .cs-tri__img,.cs-tri__panel:focus-visible .cs-tri__img{transform:scale(1.045)}.cs-tri__panel:hover .cs-tri__ttl:after,.cs-tri__panel:focus-visible .cs-tri__ttl:after{transform:scaleX(1.6)}.cs-tri__panel:hover .cs-tri__go svg,.cs-tri__panel:focus-visible .cs-tri__go svg{transform:translate(5px)}.cs-tri__panel:active{transform:none}}@media screen and (min-width:750px){.cs-tri-host{padding:56px 0 52px}.cs-tri{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 20px;max-width:1240px;margin:0 auto}.cs-tri__panel{aspect-ratio:4/3}.cs-tri__txt{width:54%;padding:20px 8px 20px 24px}.cs-tri__scrim{display:none}.cs-tri__desc{font-size:12.5px;max-width:17ch}}@media(prefers-reduced-motion:reduce){.cs-tri__img,.cs-tri__ttl:after,.cs-tri__go svg{transition:none}.cs-tri__panel:hover .cs-tri__img{transform:none}}@media(hover:none){.cs-tri__img{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.cs-tri__panel:active .cs-tri__img{transform:scale(1.045)}.cs-tri__panel:active .cs-tri__ttl:after{transform:scaleX(1.6)}.cs-tri__panel:active{transform:none}}@media(hover:none)and (prefers-reduced-motion:reduce){.cs-tri__img{transition:none}.cs-tri__panel:active .cs-tri__img{transform:none}}.cs-tri-host.cs-wave-host{position:relative;padding-bottom:96px}@media screen and (min-width:750px){.cs-tri-host.cs-wave-host{padding-bottom:118px}}@media screen and (min-width:750px){.cs-tri,.cs-tri-head{max-width:140rem;padding-inline:var(--cs-s6)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cs-tri.css.map */