.media-with-text{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);position:relative;overflow:hidden}.media-with-text.section-border{border-top:1px solid rgba(var(--color-foreground),.08)}.media-with-text .page-width{max-width:1400px;margin:0 auto;padding:0 5rem}@media screen and (max-width: 989px){.media-with-text .page-width{padding:0 3rem}}@media screen and (max-width: 749px){.media-with-text .page-width{padding:0 1.5rem}}.media-with-text__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.media-position-left .media-with-text__inner{grid-template-areas:"media content"}.media-position-left .media-with-text__media{grid-area:media}.media-position-left .media-with-text__content{grid-area:content}.media-position-right .media-with-text__inner{grid-template-areas:"content media"}.media-position-right .media-with-text__media{grid-area:media}.media-position-right .media-with-text__content{grid-area:content}@media screen and (max-width: 989px){.media-with-text__inner{grid-template-columns:1fr;gap:3rem}.media-mobile-before .media-with-text__inner{grid-template-areas:"media" "content"}.media-mobile-after .media-with-text__inner{grid-template-areas:"content" "media"}}.media-with-text__media{position:relative}.media-wrapper{position:relative;display:grid;gap:var(--media-gap)}.media-layout-overlap .media-wrapper{position:relative;display:block;min-height:500px}@media screen and (min-width: 990px){.media-layout-overlap .media-wrapper{min-height:600px}.media-layout-overlap .media-item--1{position:relative;z-index:1;width:60%;margin-left:0}.media-layout-overlap .media-item--2{position:absolute;z-index:2;width:50%;bottom:10%;right:0;box-shadow:0 10px 40px #00000026}.media-layout-overlap .media-item--3{position:absolute;z-index:1;width:40%;top:10%;right:5%}.media-layout-overlap .media-item--4{position:absolute;z-index:0;width:35%;bottom:10%;left:5%}}@media screen and (max-width: 989px){.media-layout-overlap .media-wrapper{min-height:400px;padding-bottom:15%}.media-layout-overlap .media-item--1{position:relative;z-index:1;width:75%;margin-left:0}.media-layout-overlap .media-item--2{position:absolute;z-index:2;width:45%;bottom:10%;right:5%;box-shadow:0 10px 30px #00000026}.media-layout-overlap .media-item--3{position:absolute;z-index:1;width:40%;top:15%;right:0}.media-layout-overlap .media-item--4{position:absolute;z-index:0;width:35%;bottom:5%;left:0}}@media screen and (max-width: 749px){.media-layout-overlap .media-wrapper{min-height:350px;padding-bottom:20%}}.media-layout-separated .media-wrapper{display:flex;flex-wrap:wrap;gap:var(--media-gap)}.media-layout-separated .media-item{flex:1 1 calc(50% - var(--media-gap) / 2);min-width:200px}.media-item{position:relative;overflow:hidden;border-radius:0}.media-item img{width:100%;height:auto;display:block;object-fit:cover}.media-item .placeholder-svg{width:100%;height:300px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1)}.media-align-top .media-with-text__media{align-self:start}.media-align-middle .media-with-text__media{align-self:center}.media-align-bottom .media-with-text__media{align-self:end}.media-with-text__content{max-width:560px}.media-position-left .media-with-text__content{margin-left:auto}.media-position-right .media-with-text__content{margin-right:auto}.content-wrapper{display:flex;flex-direction:column;gap:1.5rem}.content-align-top .media-with-text__content{align-self:start}.content-align-middle .media-with-text__content{align-self:center}.content-align-bottom .media-with-text__content{align-self:end}.subheading{font-size:var(--subheading-size);letter-spacing:.12em;text-transform:uppercase;margin:0;color:rgba(var(--color-foreground),.7);font-weight:500}.heading{font-size:var(--heading-size);line-height:1.2;margin:0;font-weight:400;letter-spacing:-.02em;color:rgb(var(--color-foreground))}.content{font-size:var(--content-size);line-height:1.7;color:rgba(var(--color-foreground),.85)}.content p{margin:0}.button-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;border-radius:0;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase;border:1px solid}.button--solid{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.button--solid:hover{background:rgba(var(--color-button),.85);border-color:rgba(var(--color-button),.85)}.button--outline{background:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.button--outline:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.5)}.button--link{background:transparent;color:rgb(var(--color-foreground));border-color:transparent;padding:.5rem 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3rem}.button--link:hover{text-decoration-thickness:2px}.scroll-trigger{opacity:0}.scroll-trigger.animate--slide-in{animation:slideIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.media-with-text__content.scroll-trigger{animation-delay:.15s}@media screen and (max-width: 989px){.heading{font-size:calc(var(--heading-size) * .75)}.media-with-text__content{max-width:100%;margin:0!important}}@media screen and (max-width: 749px){.heading{font-size:calc(var(--heading-size) * .6)}.button-group{flex-direction:column}.button{width:100%}}.color-scheme-1{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.color-scheme-2{background:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground))}.color-scheme-3{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media (prefers-reduced-motion: reduce){.scroll-trigger.animate--slide-in{animation:none;opacity:1}.button{transition:none}}.button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-media-with-text.css.map */