.cspot__hero{position:relative;display:block;margin-bottom:4rem;color:#fff;text-decoration:none;overflow:hidden}.cspot__hero-media{position:relative;aspect-ratio:16 / 7;background:var(--act-color-foreground)}.cspot__hero-media img{width:100%;height:100%;object-fit:cover;display:block}.cspot__hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,color-mix(in oklch,#000 68%,transparent) 100%)}.cspot__badge{position:absolute;top:20px;left:20px;z-index:2;background:var(--act-color-background);color:var(--act-color-foreground);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:8px 12px}.cspot__hero-body{position:absolute;left:40px;right:40px;bottom:36px;z-index:2;display:flex;flex-direction:column;gap:14px}.cspot__hero-eyebrow{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.cspot__hero-title{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0;color:#fff}.cspot__hero-cta{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.cspot__hero-cta:after{content:" \2192"}.cspot__u{position:relative;display:inline-block}.cspot__u:after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.cspot__hero:hover .cspot__hero-cta .cspot__u:after,.cspot__viewall:hover .cspot__u:after,.cspot__viewall:focus-visible .cspot__u:after,.cindex__viewall:hover .cspot__u:after,.cindex__viewall:focus-visible .cspot__u:after{transform:scaleX(1);transform-origin:left}.cspot__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:clamp(24px,6vw,96px);align-items:start}.cspot__intro{display:flex;flex-direction:column}.cspot__eyebrow,.cindex__eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--cindex-accent, var(--act-color-muted-text));margin-bottom:36px}.cspot__eyebrow:before,.cindex__eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.cspot__count{display:flex;align-items:flex-start;gap:16px}.cspot__count-num{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(64px,10vw,160px);line-height:.82}.cspot__count-label{max-width:6em;padding-top:6px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--act-color-muted-text)}.cspot__heading{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(30px,4vw,44px);line-height:1.05;margin:24px 0 16px}.cspot__desc{max-width:34ch;margin-bottom:32px;color:var(--act-color-muted-text)}.cspot__desc>:last-child{margin-bottom:0}.cspot__viewall,.cindex__viewall{align-self:start;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--act-color-foreground);text-decoration:none}.cspot__viewall:after{content:" \2192"}.cspot__empty{color:var(--act-color-muted-text);padding:24px 0}.cindex-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--act-color-border)}.cindex-row{border-bottom:1px solid var(--act-color-border)}.cindex-row__link{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:24px;padding:18px 0;text-decoration:none;color:color-mix(in oklch,var(--act-color-foreground),transparent 58%);transition:color .35s ease,padding-left .35s ease}.cindex-row__link:hover,.cindex-row__link:focus-visible{color:var(--act-color-foreground);padding-left:12px}.cindex-row__num{font-size:11px;letter-spacing:.1em;color:var(--act-color-muted-text);font-variant-numeric:tabular-nums}.cindex-row__name{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(20px,2.4vw,26px);line-height:1.1}.cindex-row__sub{margin-left:8px;font-size:.62em;font-style:italic;letter-spacing:.06em;text-transform:uppercase;color:var(--act-color-muted-text)}.cindex-row__aside{position:relative;display:grid;justify-items:end;align-items:baseline}.cindex-row__tag,.cindex-row__arrow{grid-area:1 / 1}.cindex-row__tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--act-color-muted-text);text-align:right;white-space:nowrap;transition:opacity .35s ease}.cindex-row__arrow{font-size:16px;color:var(--act-color-foreground);opacity:0;transition:opacity .35s ease}.cindex-row__link:hover .cindex-row__tag,.cindex-row__link:focus-visible .cindex-row__tag{opacity:0}.cindex-row__link:hover .cindex-row__arrow,.cindex-row__link:focus-visible .cindex-row__arrow{opacity:1}.cindex__head{margin-bottom:36px}.cindex__heading{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(30px,5vw,52px);line-height:1.02;margin:0}.cindex__count{margin-top:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--act-color-muted-text)}@media screen and (max-width:749px){.cspot__grid{grid-template-columns:1fr;gap:40px}.cspot__hero-body{left:20px;right:20px;bottom:20px}.cindex-row__link{grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px}.cindex-row__aside{grid-column:2;justify-items:start}.cindex-row__tag{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-collection-index.css.map */