.material-transformation__header{max-width:82rem;margin-bottom:4.4rem}.material-transformation__heading{margin:0;max-width:20ch}.material-transformation__intro{margin-top:1.6rem;font-size:1.7rem;line-height:1.55}.material-transformation__intro p{margin-top:0}.material-transformation__grid{display:grid;gap:3.6rem}.material-transformation__pair{padding:2.4rem;border:.1rem solid var(--editorial-border, rgba(var(--color-foreground), .12));background:rgba(var(--editorial-bg-warm, var(--color-background)),.65);transition:border-color .3s ease,background .3s ease}.material-transformation__pair:hover{border-color:var(--editorial-border-hover, rgba(var(--color-foreground), .22));background:rgba(var(--editorial-bg-warm, var(--color-background)),.88)}.material-transformation__media-row{display:grid;gap:1.6rem}.material-transformation__grid--horizontal .material-transformation__media-row{grid-template-columns:1fr 1fr}.material-transformation__grid--vertical .material-transformation__media-row{grid-template-columns:1fr}.material-transformation__media{margin:0}.material-transformation__media-frame{background:rgba(var(--color-foreground),.03);overflow:hidden}.material-transformation__grid--square .material-transformation__media-frame{aspect-ratio:1 / 1}.material-transformation__grid--landscape .material-transformation__media-frame{aspect-ratio:4 / 3}.material-transformation__grid--adapt .material-transformation__media-frame img{aspect-ratio:auto}.material-transformation__media-frame img,.material-transformation__media-frame .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.material-transformation__label{margin-top:.7rem;opacity:.8;color:rgb(var(--editorial-text-secondary, var(--color-foreground)));font-size:1.4rem}.material-transformation__copy{margin-top:1.4rem}.material-transformation__caption{margin:0}.material-transformation__note{margin-top:.8rem}.material-transformation__note p{margin-top:0}@media screen and (min-width: 990px){.material-transformation__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width: 750px) and (max-width: 989px){.material-transformation__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 749px){.material-transformation__pair{padding:1.4rem}.material-transformation__grid--horizontal .material-transformation__media-row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-material-transformation.css.map */