.c-news-common-corner-photo{padding-block:var(--3xl-spacing);padding-inline:max(var(--lg-gutter),(100% - var(--page-width, 120rem)) / 2);background:var(--c-news-common-corner-photo-bg, var(--color-white));display:grid;grid-template-columns:1fr;gap:var(--3xl-spacing);align-items:center}.c-news-common-corner-photo__media{position:relative;width:fit-content;max-width:100%;margin-inline:auto}.c-news-common-corner-photo__media:before,.c-news-common-corner-photo__media:after{content:"";position:absolute;z-index:0;width:6rem;height:6rem;pointer-events:none}.c-news-common-corner-photo__media:before{inset-block-start:-1rem;inset-inline-start:-1rem;background:var(--color-primary)}.c-news-common-corner-photo__media:after{inset-block-end:-1rem;inset-inline-end:-1rem;background:var(--color-accent)}.c-news-common-corner-photo__image{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:100%;max-height:var(--c-news-common-corner-photo-max-height, 36rem);box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-shadow) 28%,transparent)}.c-news-common-corner-photo__content{display:flex;flex-direction:column;gap:var(--md-spacing)}.c-news-common-corner-photo__title{margin:0;font-family:var(--font-body);font-weight:var(--bold-font-weight);text-transform:uppercase;letter-spacing:.04em;line-height:1.15;font-size:var(--xl-font-size);color:var(--c-news-common-corner-photo-title-fg, var(--color-primary))}.c-news-common-corner-photo__body{font-size:var(--md-font-size);line-height:1.65;color:var(--c-news-common-corner-photo-body-fg, var(--color-text-mid))}.c-news-common-corner-photo__body p{margin:0 0 1em}.c-news-common-corner-photo__body p:last-child{margin-bottom:0}.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__media{animation:u-animation-pop-in 1.2s ease-in-out forwards}.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__title{animation:u-animation-fade-in 1.2s ease-in-out .25s forwards}.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__body{animation:u-animation-slide-up 1.2s ease-in-out .45s forwards}.c-news-common-corner-photo__cta{margin-block-start:var(--sm-spacing)}.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__cta{animation:u-animation-slide-up 1.2s ease-in-out .6s forwards}html[data-js] .c-news-common-corner-photo__media:before{transform:translate(1rem,1rem)}html[data-js] .c-news-common-corner-photo__media:after{transform:translate(-1rem,-1rem)}.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__media:before{animation:c-pp-imgfeat-square-tl .6s ease-in-out 1.2s forwards}.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__media:after{animation:c-pp-imgfeat-square-br .6s ease-in-out 1.2s forwards}@keyframes c-pp-imgfeat-square-tl{0%{transform:translate(1rem,1rem)}to{transform:translate(0)}}@keyframes c-pp-imgfeat-square-br{0%{transform:translate(-1rem,-1rem)}to{transform:translate(0)}}html:not([data-js]) .c-news-common-corner-photo__media,html:not([data-js]) .c-news-common-corner-photo__title,html:not([data-js]) .c-news-common-corner-photo__body,html:not([data-js]) .c-news-common-corner-photo__cta{opacity:1;transform:none}@media(min-width:900px){.c-news-common-corner-photo{grid-template-columns:1fr 1fr}.c-news-common-corner-photo__title{font-size:var(--3xl-font-size)}.c-news-common-corner-photo[data-image-side=left] .c-news-common-corner-photo__media{translate:0 4rem;z-index:1}.c-news-common-corner-photo[data-image-side=right] .c-news-common-corner-photo__media{order:1;translate:0 -4rem;z-index:1}}@media(prefers-reduced-motion:reduce){.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__media,.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__title,.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__body,.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__cta,.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__media:before,.c-news-common-corner-photo[data-revealed=true] .c-news-common-corner-photo__media:after{animation:none}html[data-js] .c-news-common-corner-photo__media:before,html[data-js] .c-news-common-corner-photo__media:after{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-news-common-corner-photo.css.map */