.about-photo-flip-section{padding-top:3.6rem;padding-bottom:3.6rem}.about-photo-flip-section__grid{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width:750px){.about-photo-flip-section__grid{grid-template-columns:34% 1fr 1fr;grid-template-rows:auto auto auto;column-gap:4rem;row-gap:1.6rem;align-items:start}.about-photo-flip-section__grid .about-photo-flip{grid-column:1;grid-row:1 / 4}.about-photo-flip-section__grid .about-photo-flip__greeting{grid-column:2 / span 2;grid-row:1}.about-photo-flip-section__grid .about-photo-flip__col--1{grid-column:2;grid-row:2}.about-photo-flip-section__grid .about-photo-flip__col--2{grid-column:3;grid-row:2}.about-photo-flip-section__grid .about-photo-flip__signature{grid-column:3;grid-row:3}.about-photo-flip-section__grid--image-right .about-photo-flip{grid-column:3}.about-photo-flip-section__grid--image-right .about-photo-flip__greeting{grid-column:1 / span 2}.about-photo-flip-section__grid--image-right .about-photo-flip__col--1{grid-column:1}.about-photo-flip-section__grid--image-right .about-photo-flip__col--2,.about-photo-flip-section__grid--image-right .about-photo-flip__signature{grid-column:2}}.about-photo-flip{position:relative;width:100%;aspect-ratio:.8;perspective:1400px;border-radius:2px;overflow:hidden;background:rgb(var(--color-background))}.about-photo-flip__img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:rotateX(90deg);transform-origin:top;transition:transform .9s cubic-bezier(.45,0,.2,1),opacity .4s ease;backface-visibility:hidden}.about-photo-flip__img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.about-photo-flip__img--fill img{object-fit:cover}.about-photo-flip__img.is-active{opacity:1;transform:rotateX(0);z-index:2}.about-photo-flip__img.is-leaving{opacity:0;transform:rotateX(-90deg);transform-origin:bottom;z-index:1}.about-photo-flip__greeting{font-family:var(--font-heading-family);font-style:normal;font-weight:400;font-size:2.6rem;margin:0}.about-photo-flip__signature{font-family:var(--font-heading-family);font-style:italic;font-weight:400;font-size:2rem;margin:1.2rem 0 0}.about-photo-flip__col{font-size:1.5rem;line-height:1.7}.about-photo-flip__col p{margin:0 0 1.4rem}.about-photo-flip__col p:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-about-photo-flip.css.map */