.oddit-section-transformation-gallery{background-color:var(--oddit-section-transformation-gallery-background-color, #ffffff);width:100%;-webkit-tap-highlight-color:transparent}.oddit-section-transformation-gallery *{box-sizing:border-box}.oddit-section-transformation-gallery__container{width:100%;max-width:1200px;margin:0 auto;padding-top:var(--oddit-section-transformation-gallery-padding-top-mobile, 36px);padding-bottom:var(--oddit-section-transformation-gallery-padding-bottom-mobile, 36px);padding-left:16px;padding-right:16px}.oddit-section-transformation-gallery__header{margin:0 auto 32px;max-width:800px}.oddit-section-transformation-gallery__eyebrow{margin:0 0 12px;font-family:Futura PT,sans-serif;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:#000}.oddit-section-transformation-gallery__heading{margin:0;font-family:Futura PT,sans-serif;font-weight:600;font-size:30px;line-height:1.15;letter-spacing:.3px;color:#000}.oddit-section-transformation-gallery__description{margin:16px 0 0;font-family:Futura PT,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#333}.oddit-section-transformation-gallery__description p{margin:0 0 12px}.oddit-section-transformation-gallery__description p:last-child{margin-bottom:0}.oddit-section-transformation-gallery__description a{color:inherit;text-decoration:underline}.oddit-section-transformation-gallery__description a:hover,.oddit-section-transformation-gallery__description a:focus-visible{text-decoration:none}.oddit-section-transformation-gallery--align-left{text-align:left}.oddit-section-transformation-gallery--align-left .oddit-section-transformation-gallery__header{margin-left:0;margin-right:0}.oddit-section-transformation-gallery--align-center{text-align:center}.oddit-section-transformation-gallery__list{display:flex;flex-direction:column;gap:36px}.oddit-section-transformation-gallery__card{display:flex;flex-direction:column;gap:24px;align-items:center}.oddit-section-transformation-gallery__card-media{position:relative;width:100%;overflow:hidden;border-radius:16px;background-color:#f4f4f4;box-shadow:0 2px 8px #0000000a;transition:box-shadow .3s ease}.oddit-section-transformation-gallery__card:hover .oddit-section-transformation-gallery__card-media{box-shadow:0 12px 32px #00000014}.oddit-section-transformation-gallery__card-link{display:block;color:inherit;text-decoration:none}.oddit-section-transformation-gallery__card-image-wrap{display:block;width:100%;line-height:0;overflow:hidden}.oddit-section-transformation-gallery__card-image{display:block;width:100%;height:auto;transition:transform .6s ease}.oddit-section-transformation-gallery__card-media:hover .oddit-section-transformation-gallery__card-image{transform:scale(1.03)}.oddit-section-transformation-gallery__card-image-wrap--desktop{display:none}.oddit-section-transformation-gallery__card-image-wrap--mobile{display:block}.oddit-section-transformation-gallery__card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 2;background-color:#f4f4f4}.oddit-section-transformation-gallery__placeholder-svg{width:60%;height:auto;opacity:.4}.oddit-section-transformation-gallery__card-caption{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:560px;text-align:center;padding:0 8px}.oddit-section-transformation-gallery__card-eyebrow{margin:0;font-family:Futura PT,sans-serif;font-weight:500;font-size:11px;line-height:1.2;letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;position:relative;padding-bottom:12px}.oddit-section-transformation-gallery__card-eyebrow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:32px;height:1px;background-color:#f5cfbe}.oddit-section-transformation-gallery__card-title{font-family:Futura PT,sans-serif;font-weight:500;font-size:17px;line-height:1.4;letter-spacing:.17px;color:#000}.oddit-section-transformation-gallery__card-title p{margin:0}.oddit-section-transformation-gallery__card-title p+p{margin-top:6px}.oddit-section-transformation-gallery__card-title a{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.oddit-section-transformation-gallery__card-title a:after{content:" \2192";display:inline-block;margin-left:4px;transition:transform .2s ease}.oddit-section-transformation-gallery__card-title a:hover,.oddit-section-transformation-gallery__card-title a:focus-visible{border-bottom-color:currentColor}.oddit-section-transformation-gallery__card-title a:hover:after,.oddit-section-transformation-gallery__card-title a:focus-visible:after{transform:translate(3px)}.oddit-section-transformation-gallery--align-left .oddit-section-transformation-gallery__card{align-items:flex-start}.oddit-section-transformation-gallery--align-left .oddit-section-transformation-gallery__card-caption{align-items:flex-start;text-align:left;padding-left:0;padding-right:0}.oddit-section-transformation-gallery--align-left .oddit-section-transformation-gallery__card-eyebrow:after{left:0;transform:none}@media(min-width:750px){.oddit-section-transformation-gallery__container{padding-top:var(--oddit-section-transformation-gallery-padding-top-desktop, 60px);padding-bottom:var(--oddit-section-transformation-gallery-padding-bottom-desktop, 60px);padding-left:32px;padding-right:32px}.oddit-section-transformation-gallery__header{margin-bottom:48px}.oddit-section-transformation-gallery__eyebrow{font-size:14px;margin-bottom:16px}.oddit-section-transformation-gallery__heading{font-size:42px;letter-spacing:.42px}.oddit-section-transformation-gallery__description{margin-top:20px;font-size:18px}.oddit-section-transformation-gallery__list{gap:80px}.oddit-section-transformation-gallery__card{gap:32px}.oddit-section-transformation-gallery__card-media{border-radius:24px}.oddit-section-transformation-gallery__card-image-wrap--desktop{display:block}.oddit-section-transformation-gallery__card-image-wrap--mobile{display:none}.oddit-section-transformation-gallery__card-eyebrow{font-size:12px;padding-bottom:16px}.oddit-section-transformation-gallery__card-eyebrow:after{width:40px}.oddit-section-transformation-gallery__card-title{font-size:19px;letter-spacing:.19px}}@media(min-width:990px){.oddit-section-transformation-gallery__heading{font-size:48px;letter-spacing:.48px}.oddit-section-transformation-gallery__list{gap:72px}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/oddit-section-transformation-gallery.css.map */
