.ag-story-banner{padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-end)}.ag-story-banner__grid{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.ag-story-banner__grid--reverse .ag-story-banner__image-col{order:2}.ag-story-banner__grid--reverse .ag-story-banner__text-col{order:1}.ag-story-banner__image-col{position:relative;overflow:hidden}.ag-story-banner__image{width:100%;height:100%;object-fit:cover}@supports (animation-timeline: view()){.ag-story-banner__image{animation:ag-story-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes ag-story-reveal{0%{opacity:.4;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}}.ag-story-banner__placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--color-border, #d4c4b0);color:var(--color-foreground, #3d2b1f);opacity:.5}.ag-story-banner__text-col{display:flex;align-items:center;padding:3rem 4rem}.ag-story-banner__content{max-width:520px}.ag-story-banner__subtitle{font-size:.8125rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin:0 0 1rem;opacity:.85}.ag-story-banner__title{margin:0 0 1.25rem;color:var(--color-foreground-heading)}.ag-story-banner__text{color:var(--color-foreground);line-height:1.7;margin:0 0 2rem}.ag-story-banner__cta{display:inline-block;padding:.8rem 2.25rem;background:var(--color-primary-button-background);color:var(--color-primary-button-text);text-decoration:none;font-weight:600;border-radius:4px;transition:background .3s ease,transform .3s ease}.ag-story-banner__cta:hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);transform:translateY(-1px)}.ag-story-banner__cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media screen and (max-width:749px){.ag-story-banner__grid{grid-template-columns:1fr;min-height:auto}.ag-story-banner__grid--reverse .ag-story-banner__image-col,.ag-story-banner__grid--reverse .ag-story-banner__text-col{order:unset}.ag-story-banner__image-col{height:300px}.ag-story-banner__text-col{padding:2rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ag-story-banner.css.map */