.cs-section{--cs-ink: var(--text-color);--cs-paper: var(--background);--cs-rule: rgb(var(--text-color) / .1);--cs-mute: rgb(var(--text-color) / .04);--cs-mute-strong: rgb(var(--text-color) / .07);--cs-accent: var(--accent);padding-block:clamp(3rem,7vw,5rem) clamp(3rem,7vw,5rem);overflow:hidden}.cs-header{padding-inline:var(--container-gutter);max-width:var(--container-max-width, 1600px);margin:0 auto clamp(1.75rem,4vw,3rem);display:grid;gap:clamp(1.5rem,3vw,2.25rem)}.cs-section--editorial .cs-header{grid-template-columns:1fr}@media(min-width:900px){.cs-section--editorial .cs-header:has(.cs-stats--inline){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,4vw,4rem)}}.cs-header__inner{display:grid;gap:.75rem;max-width:720px}.cs-section--grid .cs-header{text-align:center;justify-items:center}.cs-section--grid .cs-header__inner{justify-items:center;text-align:center}.cs-label{display:inline-flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--cs-ink) / .55)}.cs-label:before{content:"";width:28px;height:1px;background:currentColor}.cs-section--grid .cs-label:before{display:none}.cs-heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 800);letter-spacing:-.025em;line-height:.95;font-size:clamp(2rem,6.5vw,4.25rem);margin:0;color:rgb(var(--cs-ink))}.cs-section--editorial .cs-heading em{font-style:italic;font-weight:inherit;color:rgb(var(--cs-accent))}.cs-subheading{margin:0;font-size:clamp(.9375rem,1.4vw,1.0625rem);line-height:1.55;color:rgb(var(--cs-ink) / .65);max-width:56ch}.cs-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1.2vw,.875rem);padding-inline:var(--container-gutter);max-width:var(--container-max-width, 1600px);margin:0 auto}@media(min-width:700px){.cs-gallery{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.cs-gallery{grid-template-columns:repeat(4,1fr)}}@media(min-width:1400px){.cs-gallery{grid-template-columns:repeat(5,1fr)}}.cs-card{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:1 / 1;background:var(--cs-mute-strong);transform:translateY(20px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.cs-card.is-visible{opacity:1;transform:translateY(0)}.cs-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.cs-card__image--placeholder{background:var(--cs-mute-strong)}.cs-card:hover .cs-card__image{transform:scale(1.045)}.cs-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / .7) 0%,rgb(0 0 0 / .18) 35%,transparent 70%);display:flex;align-items:flex-end;padding:clamp(.75rem,1.5vw,1.125rem);opacity:0;transition:opacity .3s ease}.cs-card:hover .cs-card__overlay{opacity:1}@media(hover:none){.cs-card__overlay{opacity:1;background:linear-gradient(to top,rgb(0 0 0 / .55) 0%,transparent 50%)}}.cs-card__name{color:#fff;font-size:.8125rem;font-weight:700;letter-spacing:.01em;line-height:1.3;transform:translateY(6px);transition:transform .3s ease}.cs-card:hover .cs-card__name{transform:translateY(0)}@media(hover:none){.cs-card__name{transform:translateY(0)}}.cs-bento{padding-inline:var(--container-gutter);max-width:var(--container-max-width, 1600px);margin:0 auto;display:grid;gap:clamp(.5rem,1vw,.875rem);grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(140px,auto);grid-auto-flow:dense}@media(min-width:700px){.cs-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto)}}@media(min-width:1100px){.cs-bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto)}}.cs-bento__tile{position:relative;overflow:hidden;border-radius:clamp(8px,1vw,14px);background:var(--cs-mute-strong);aspect-ratio:1 / 1;transform:translateY(20px) scale(.985);opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s ease;isolation:isolate}.cs-bento__tile.is-visible{opacity:1;transform:translateY(0) scale(1)}.cs-bento__tile--m,.cs-bento__tile--wide,.cs-bento__tile--tall{grid-column:span 1}.cs-bento__tile--hero{grid-column:span 2;aspect-ratio:4 / 3}@media(min-width:700px){.cs-bento__tile--m{grid-column:span 1;aspect-ratio:1 / 1}.cs-bento__tile--wide{grid-column:span 2;aspect-ratio:2 / 1}.cs-bento__tile--tall{grid-column:span 1;grid-row:span 2;aspect-ratio:1 / 2}.cs-bento__tile--hero{grid-column:span 2;grid-row:span 2;aspect-ratio:1 / 1}}@media(min-width:1100px){.cs-bento__tile--m{grid-column:span 2;aspect-ratio:1 / 1}.cs-bento__tile--wide{grid-column:span 4;aspect-ratio:2 / 1}.cs-bento__tile--tall{grid-column:span 2;grid-row:span 2;aspect-ratio:1 / 2}.cs-bento__tile--hero{grid-column:span 4;grid-row:span 2;aspect-ratio:auto}}.cs-bento__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .4s ease}.cs-bento__image--placeholder{background:var(--cs-mute-strong)}.cs-bento__tile:hover .cs-bento__image{transform:scale(1.05)}.cs-bento__index{position:absolute;top:clamp(.625rem,1.2vw,1rem);left:clamp(.625rem,1.2vw,1rem);z-index:2;font-family:var(--heading-font-family);font-weight:800;font-size:.7rem;letter-spacing:.18em;color:#fff;padding:.3rem .55rem;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;opacity:.85;transition:opacity .25s ease}.cs-bento__tile:hover .cs-bento__index{opacity:1}.cs-bento__caption{position:absolute;inset:auto 0 0 0;z-index:2;padding:clamp(.875rem,2vw,1.5rem);background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .4) 60%,transparent 100%);display:flex;align-items:flex-end;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}.cs-bento__tile:hover .cs-bento__caption,.cs-bento__tile--hero .cs-bento__caption,.cs-bento__tile--wide .cs-bento__caption{opacity:1;transform:translateY(0)}@media(hover:none){.cs-bento__caption{opacity:1;transform:translateY(0)}}.cs-bento__name{color:#fff;font-family:var(--heading-font-family);font-weight:700;font-size:clamp(.875rem,1.6vw,1.25rem);line-height:1.2;letter-spacing:-.01em;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.cs-bento__tile--hero .cs-bento__name{font-size:clamp(1rem,2.4vw,1.875rem)}.cs-marquee-wrap{margin-block-start:clamp(2rem,5vw,3.5rem);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.cs-marquee{display:flex;gap:clamp(.5rem,1vw,.875rem);width:max-content;animation:csMarqueeScroll var(--cs-marquee-speed, 40s) linear infinite}.cs-marquee:hover{animation-play-state:paused}.cs-marquee__item{flex-shrink:0;width:160px;height:160px;border-radius:8px;overflow:hidden;position:relative;background:var(--cs-mute-strong)}@media(min-width:700px){.cs-marquee__item{width:200px;height:200px}}@media(min-width:1000px){.cs-marquee__item{width:240px;height:240px}}.cs-marquee__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.cs-marquee__item:hover .cs-marquee__img{transform:scale(1.04)}@keyframes csMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cs-stats{display:flex;justify-content:center;gap:clamp(2rem,5vw,4rem);margin-block-start:clamp(2.5rem,5vw,3.5rem);padding-inline:var(--container-gutter);flex-wrap:wrap}.cs-stats--inline{display:grid;grid-template-columns:repeat(3,1fr);justify-content:start;gap:clamp(1rem,2.5vw,2rem);margin:0;padding:0}@media(min-width:900px){.cs-stats--inline{grid-template-columns:repeat(3,auto);gap:clamp(2rem,4vw,4rem);justify-self:end}}.cs-stat{text-align:left}.cs-section--grid .cs-stat{text-align:center}.cs-stat__number{font-family:var(--heading-font-family);font-weight:800;font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:rgb(var(--cs-ink))}.cs-stat__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:rgb(var(--cs-ink) / .5);margin-block-start:.4rem}@media(prefers-reduced-motion:reduce){.cs-card,.cs-bento__tile,.cs-card__image,.cs-bento__image,.cs-bento__caption,.cs-marquee{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/custom-showcase.css.map */