.art-element{background:#fff;padding-block:var(--art-element-space-top) var(--art-element-space-bottom);overflow:hidden}.art-element__shell{max-width:min(var(--art-element-max-width),100%)}.art-element__header{margin-bottom:clamp(2.8rem,4vw,5.2rem);text-align:left}.art-element__heading{margin:0;color:#111;font-size:clamp(3.6rem,5.4vw,7.4rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;font-weight:900}.art-element__subtitle{margin:1.5rem 0 0;max-width:44rem;color:#626262;font-size:clamp(1.5rem,1.4vw,1.9rem);line-height:1.55}.art-element__grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(26rem,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--art-element-gap);min-height:clamp(62rem,64vw,90rem)}.art-element__item{min-width:0;min-height:0}.art-element__item--1{grid-column:1;grid-row:1 / span 2}.art-element__item--2{grid-column:2;grid-row:1}.art-element__item--3{grid-column:2;grid-row:2}.art-element__item--4{display:none}.art-element__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#efefec;color:var(--art-element-text);text-decoration:none;isolation:isolate}.art-element__picture,.art-element__image{display:block;width:100%;height:100%}.art-element__image{object-fit:cover;object-position:var(--art-element-position);transform:scale(1.001);transition:transform .9s cubic-bezier(.2,.65,.25,1)}.art-element__placeholder{background:#e9e9e5;fill:#c7c7c1}.art-element__caption{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:flex-end;min-height:34%;padding:clamp(2rem,2.4vw,3.4rem);background:linear-gradient(180deg,#0000,#0000006b);pointer-events:none}.art-element__caption span{font-size:clamp(1.2rem,1.15vw,1.5rem);line-height:1.25;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.art-element__card:focus-visible{outline:2px solid currentColor;outline-offset:-5px}@media(hover:hover)and (pointer:fine){.art-element__card:hover .art-element__image{transform:scale(1.025)}}@media screen and (max-width:989px)and (min-width:750px){.art-element__grid{grid-template-columns:minmax(0,1.45fr) minmax(24rem,1fr);min-height:62rem}}@media screen and (max-width:749px){.art-element{padding-block:max(6.4rem,var(--art-element-space-top)) max(7.2rem,var(--art-element-space-bottom))}.art-element__shell{max-width:100%;padding-right:0}.art-element__header{margin-bottom:2.8rem;padding-right:1.5rem}.art-element__heading{max-width:8ch;font-size:clamp(3.6rem,12vw,5.4rem)}.art-element__subtitle{max-width:33rem;font-size:1.5rem}.art-element__grid{display:flex;min-height:0;gap:var(--art-element-gap);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}.art-element__grid::-webkit-scrollbar{display:none}.art-element__item,.art-element__item--1,.art-element__item--2,.art-element__item--3,.art-element__item--4{display:block;flex:0 0 var(--art-element-mobile-width);width:var(--art-element-mobile-width);aspect-ratio:4 / 5;scroll-snap-align:start}.art-element__caption{padding:2.2rem}}@media(prefers-reduced-motion:reduce){.art-element__image{transition:none}}@media screen and (max-width:749px){.art-element{padding-top:6.4rem;padding-bottom:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/art-in-its-element.css.map */