.veyra-banner{--veyra-banner-outer: clamp(4px, calc(2.06px + .52vw) , 12px);--veyra-banner-gutter: clamp(20px, calc(13.2px + 1.81vw) , 48px);--veyra-banner-gap: clamp(12px, calc(7.77px + 1.13vw) , 24px);max-width:1920px;margin:var(--veyra-banner-outer) auto;padding-inline:var(--veyra-banner-outer)}.veyra-banner__inner{position:relative;display:grid;grid-template-columns:[full-start] minmax(var(--veyra-banner-gutter),1fr) [main-start] minmax(0,1440px) [main-end] minmax(var(--veyra-banner-gutter),1fr) [full-end];overflow:hidden;border-radius:8px;background-color:#000;color:#fffffc}.veyra-banner__media{position:relative;overflow:hidden;grid-column:full}.veyra-banner__media img{display:block;width:100%;height:100%;object-fit:cover}.veyra-banner__media--desktop{display:none}.veyra-banner__media--mobile{grid-row:1;aspect-ratio:5 / 4}.veyra-banner__media--mobile img{object-position:var(--veyra-banner-mobile-position, 50% 50%)}.veyra-banner__grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--veyra-banner-gap);grid-column:main;grid-row:2;align-items:center}.veyra-banner__content{position:relative;height:100%;grid-column:span 12}.veyra-banner__stack{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-block:32px clamp(32px,calc(37.18px + .75vw),60px);text-align:center}.veyra-banner__eyebrow-row{display:flex;flex-direction:row;align-items:center;gap:8px;margin-block-end:12px}.veyra-banner__eyebrow{margin:0;padding-block-start:2px;color:#fffffc;font-family:var(--text-font-family);font-weight:var(--veyra-ui-font-weight, var(--text-font-weight));font-size:12px;line-height:18px;letter-spacing:.09em;text-transform:uppercase}.veyra-banner__badge{display:inline-flex;align-items:center;height:20px;padding-inline:8px;border-radius:999px;background:var(--veyra-banner-badge, #C2483F);color:#fffffc;font-family:var(--text-font-family);font-weight:var(--veyra-ui-font-weight, var(--text-font-weight));font-size:clamp(12px,calc(11.63px + .095vw),13px);line-height:1;letter-spacing:-.01em;white-space:nowrap}.veyra-banner__badge-image{display:block;width:auto;height:20px}.veyra-banner__heading{margin:0;color:#fffffc;font-family:var(--heading-font-family);font-weight:var(--veyra-ui-font-weight, var(--heading-font-weight));font-size:clamp(24px,calc(21.8px + .57vw),30px);line-height:1.2;letter-spacing:-.015em;text-transform:none}.veyra-banner__heading-bright{color:#fffffc}.veyra-banner__heading-muted{color:#fff9}.veyra-banner__button{display:inline-flex;align-items:center;min-height:46px;margin-block-start:24px;padding:12px 20px;border-radius:4px;background:#fffffc;color:#292923;font-family:var(--text-font-family);font-weight:var(--veyra-ui-font-weight, var(--text-font-weight));font-size:12px;line-height:20px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;transition:opacity .2s}.veyra-banner__button:hover{opacity:.85}@media screen and (min-width:768px){.veyra-banner__inner{border-radius:12px}}@media screen and (min-width:1024px){.veyra-banner__media--mobile{display:none}.veyra-banner__media--desktop{display:block;grid-row:1}.veyra-banner__media--desktop img{position:absolute;top:0;right:0;bottom:0;left:0;object-position:var(--veyra-banner-position, 50% 50%)}.veyra-banner__media--desktop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,var(--veyra-banner-shade, 0)) 35%,#0000 75%);pointer-events:none}.veyra-banner--right .veyra-banner__media--desktop:after{background:linear-gradient(to left,rgba(0,0,0,var(--veyra-banner-shade, 0)) 35%,#0000 75%)}.veyra-banner__grid{grid-row:1;min-height:clamp(320px,calc(160px + 16.67vw),480px)}.veyra-banner__content{grid-column:1 / span 6}.veyra-banner--right .veyra-banner__content{grid-column:7 / span 6}.veyra-banner__stack{align-items:start;padding-block:clamp(40px,calc(43.83px + 1.12vw),60px);text-align:left}.veyra-banner__badge{height:22px;font-size:14px}.veyra-banner__badge-image{height:22px}}@media screen and (min-width:1039px){.veyra-banner__content{grid-column:1 / span 5}.veyra-banner--right .veyra-banner__content{grid-column:8 / span 5}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/veyra-banner.css.map */