.work-section{position:relative;background:var(--surface)}.work-section__sticky{position:sticky;top:0;height:100svh;width:100%;overflow:hidden}.work-section__header{position:absolute;top:0;left:0;right:0;z-index:30;padding:72px 20px 0;pointer-events:none}@media(min-width:640px){.work-section__header{padding:84px 28px 0}}@media(min-width:1024px){.work-section__header{padding:112px 48px 0}}.work-section__header-row{display:flex;justify-content:space-between;align-items:flex-end}.work-section__title{font-family:var(--font-display);font-weight:300;font-size:clamp(1.4rem,4vw,3rem);line-height:.92;letter-spacing:-.03em;margin-top:10px}.work-section__counter{display:none;border-radius:999px;padding:8px 16px;pointer-events:auto;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}@media(min-width:640px){.work-section__counter{display:inline-flex;padding:10px 20px}}.work-section__slides{position:absolute;top:0;right:0;bottom:0;left:0}.work-slide{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity}.work-slide__inner{position:relative;width:100%;height:100%;overflow:hidden}.work-slide__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform}.work-slide__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#161616eb,#16161640 45%,#16161673)}.work-slide__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-elevated);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.work-slide__placeholder span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)}.work-slide__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end}.work-slide__grid{max-width:1480px;margin:0 auto;width:100%;padding:0 20px 80px;display:grid;grid-template-columns:1fr;gap:16px;align-items:end}@media(min-width:640px){.work-slide__grid{padding:0 28px 100px;gap:20px}}@media(min-width:1024px){.work-slide__grid{padding:0 48px 128px;grid-template-columns:8fr 4fr;gap:24px}}.work-slide__category{color:#f5f5f5b3;font-size:.6rem}@media(min-width:640px){.work-slide__category{font-size:.7rem}}.work-slide__title{font-family:var(--font-display);color:var(--bone);font-weight:300;font-size:clamp(2rem,8vw,9rem);line-height:.9;letter-spacing:-.03em;margin-top:10px}.work-slide__meta{display:none;flex-direction:column;gap:10px;border-radius:4px;padding:14px 18px;color:var(--bone);align-self:end}@media(min-width:640px){.work-slide__meta{display:inline-flex;gap:12px;padding:16px 20px}}@media(min-width:1024px){.work-slide__meta{justify-self:end}}.work-slide__meta-row{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(min-width:1024px){.work-slide__meta-row{gap:32px}}.work-slide__meta-row>:first-child{color:#f5f5f599}.work-section__progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:#f5f5f51a;z-index:30}.work-section__progress-bar{height:100%;background:var(--foreground);transform-origin:left;transform:scaleX(0);transition:none}.work-section__hint{position:absolute;bottom:16px;right:20px;z-index:30;display:flex;align-items:center;gap:10px}@media(min-width:640px){.work-section__hint{bottom:20px;right:28px}}@media(min-width:1024px){.work-section__hint{bottom:32px;right:48px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/croce-work.css.map */