.society-worlds{background:#fff;padding-block:var(--section-space-top) var(--section-space-bottom);overflow:hidden}.society-worlds__header{display:block;margin-bottom:clamp(2.8rem,4vw,5.2rem)}.society-worlds__heading{margin:0;color:var(--section-title-color);font-size:clamp(3.6rem,5.4vw,7.4rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;font-weight:900}.society-worlds__subtitle{margin:1.5rem 0 0;color:var(--section-text-color);max-width:42rem;text-align:left;font-size:clamp(1.5rem,1.4vw,1.9rem);line-height:1.55}.society-worlds__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(34rem,48vw) minmax(28rem,34vw);gap:clamp(1.2rem,1.7vw,2.4rem)}.society-worlds__item{min-width:0}.society-worlds__item--1{grid-column:1 / span 7;grid-row:1}.society-worlds__item--2{grid-column:8 / span 5;grid-row:1;align-self:start;height:58%}.society-worlds__item--3{grid-column:8 / span 5;grid-row:1;align-self:end;height:calc(42% - clamp(1.2rem,1.7vw,2.4rem))}.society-worlds__item--4{grid-column:1 / span 5;grid-row:2}.society-worlds__item--5{grid-column:6 / span 7;grid-row:2}.society-worlds__card{position:relative;display:flex;width:100%;height:100%;overflow:hidden;color:var(--card-text);text-decoration:none;isolation:isolate;background:#111}.society-worlds__picture,.society-worlds__image,.society-worlds__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.society-worlds__image,.society-worlds__placeholder{object-fit:cover;transform:scale(1.001);transition:transform .9s cubic-bezier(.2,.65,.25,1)}.society-worlds__placeholder{background:#1a1a1a}.society-worlds__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--card-overlay) * .25)),#0000 42%,rgba(0,0,0,var(--card-overlay)));transition:background-color .5s ease}.society-worlds__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.7rem;padding:clamp(2rem,2.4vw,3.6rem);width:100%;pointer-events:none}.society-worlds__card--top-left .society-worlds__content{justify-content:flex-start;align-items:flex-start;text-align:left}.society-worlds__card--top-right .society-worlds__content{justify-content:flex-start;align-items:flex-end;text-align:right}.society-worlds__card--center .society-worlds__content{justify-content:center;align-items:center;text-align:center}.society-worlds__card--bottom-left .society-worlds__content{justify-content:flex-end;align-items:flex-start;text-align:left}.society-worlds__card--bottom-right .society-worlds__content{justify-content:flex-end;align-items:flex-end;text-align:right}.society-worlds__name{font-size:clamp(2.4rem,3.3vw,5.4rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase;font-weight:900;text-shadow:0 2px 18px rgba(0,0,0,.18)}.society-worlds__item--2 .society-worlds__name,.society-worlds__item--3 .society-worlds__name{font-size:clamp(2.1rem,2.4vw,3.8rem)}.society-worlds__explore{display:inline-flex;gap:.7rem;align-items:center;font-size:1.25rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.society-worlds__explore span{display:inline-block;transition:transform .35s ease}@media(hover:hover)and (pointer:fine){.society-worlds__card:hover .society-worlds__image{transform:scale(1.035)}.society-worlds__card:hover .society-worlds__explore span{transform:translate(.45rem)}.society-worlds__card:hover .society-worlds__veil{background-color:#00000014}}.society-worlds__card:focus-visible{outline:2px solid currentColor;outline-offset:-5px}@media screen and (max-width:989px)and (min-width:750px){.society-worlds__header{grid-template-columns:1fr;gap:1.6rem}.society-worlds__subtitle{justify-self:start}.society-worlds__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:54rem 34rem 42rem}.society-worlds__item--1{grid-column:1 / -1;grid-row:1}.society-worlds__item--2{grid-column:1;grid-row:2;height:auto}.society-worlds__item--3{grid-column:2;grid-row:2;height:auto}.society-worlds__item--4{grid-column:1;grid-row:3}.society-worlds__item--5{grid-column:2;grid-row:3}}@media screen and (max-width:749px){.society-worlds{padding-block:max(4.8rem,var(--section-space-top)) max(5.8rem,var(--section-space-bottom))}.society-worlds__shell{padding-right:0}.society-worlds__header{display:block;padding-right:1.5rem;margin-bottom:2.8rem}.society-worlds__heading{font-size:clamp(3.6rem,12vw,5.4rem);max-width:8ch}.society-worlds__subtitle{margin-top:1.5rem;max-width:32rem;font-size:1.5rem}.society-worlds__grid{display:flex;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0 1.5rem 1.2rem 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.society-worlds__grid::-webkit-scrollbar{display:none}.society-worlds__item,.society-worlds__item--1,.society-worlds__item--2,.society-worlds__item--3,.society-worlds__item--4,.society-worlds__item--5{flex:0 0 84vw;width:84vw;height:min(64rem,112vw);scroll-snap-align:start}.society-worlds__content{padding:2.4rem}.society-worlds__name,.society-worlds__item--2 .society-worlds__name,.society-worlds__item--3 .society-worlds__name{font-size:clamp(3.4rem,11vw,5.2rem)}.society-worlds__explore{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.society-worlds__image,.society-worlds__explore span{transition:none}}.society-worlds__item--1 .society-worlds__image{object-position:50% 44%}.society-worlds__item--2 .society-worlds__image{object-position:50% 46%}.society-worlds__item--3 .society-worlds__image{object-position:50% 42%}.society-worlds__item--4 .society-worlds__image,.society-worlds__item--5 .society-worlds__image{object-position:50% 48%}@media screen and (max-width:749px){.society-worlds__item--1 .society-worlds__image,.society-worlds__item--2 .society-worlds__image,.society-worlds__item--3 .society-worlds__image,.society-worlds__item--4 .society-worlds__image,.society-worlds__item--5 .society-worlds__image{object-position:center}}@media screen and (max-width:749px){.society-worlds{padding-top:6.4rem;padding-bottom:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/wallart-collection-grid.css.map */
