.paragraph-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.paragraph-grid__cells{display:grid;grid-template-columns:repeat(var(--grid-cols, 30),1fr);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%),linear-gradient(to left,transparent 50%,black 65%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,black 15%),linear-gradient(to left,transparent 50%,black 65%);mask-composite:intersect;transition:-webkit-mask-image 2s ease,mask-image 2s ease}.paragraph-grid--intro .paragraph-grid__cells{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%);-webkit-mask-composite:source-over;mask-image:linear-gradient(to bottom,transparent 0%,black 12%);mask-composite:add}.paragraph-grid__cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(178,162,136,.1);font-family:"Zalando Sans Expanded","Zalando Sans Expanded Fallback",var(--font-heading-family, "Antonio", "Antonio Fallback", sans-serif);font-size:clamp(1rem,.8vw + .4rem,1.6rem);font-weight:400;color:#b2a28829;text-transform:uppercase;letter-spacing:.02em;line-height:1;-webkit-user-select:none;user-select:none;transition:color 2s ease,border-color 2s ease,text-shadow 2s ease}.paragraph-grid__cell--embossed{color:#b2a2881f;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 0 rgba(0,0,0,.06)}.paragraph-grid__cell--debossed{color:#b2a2881a;text-shadow:0 -1px 0 rgba(255,255,255,.1),0 1px 0 rgba(0,0,0,.08)}.paragraph-grid--intro .paragraph-grid__cell{color:#b2a28847;border-color:#b2a2882e}.paragraph-grid--intro .paragraph-grid__cell--embossed{color:#b2a28838;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(0,0,0,.1)}.paragraph-grid--intro .paragraph-grid__cell--debossed{color:#b2a2882e;text-shadow:0 -1px 0 rgba(255,255,255,.14),0 1px 0 rgba(0,0,0,.12)}.paragraph-grid--intro .paragraph-grid__knockout{opacity:0;transition:opacity 2s ease}.paragraph-grid:not(.paragraph-grid--intro) .paragraph-grid__knockout{opacity:1;transition:opacity 2s ease}.paragraph-grid__knockout{position:absolute;background:#e2d9d3d9;border-radius:2rem;filter:blur(60px);pointer-events:none}@media screen and (max-width:749px){.paragraph-grid{display:none}}@media(prefers-reduced-motion:reduce){.paragraph-grid__cell{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/paragraph-hero-grid.css.map */