.urbstly-pathway-banner-section{margin:0;padding:0}.up-banner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,2fr);grid-template-areas:"copy media";align-items:center;width:100%;overflow:hidden;background:var(--u-green, #1d3b31);color:#fffaf2}.up-banner__media{grid-area:media;min-width:0}.up-banner__media img{display:block;width:100%;height:auto}@media(min-width:768px){.up-banner__media img{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 4%,rgba(0,0,0,.7) 10%,#000 18%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 4%,rgba(0,0,0,.7) 10%,#000 18%)}}.up-banner__copy{grid-area:copy;min-width:0;padding:28px 20px 28px clamp(28px,3.6vw,80px)}.up-banner .up-banner__heading{margin:0 0 12px;color:inherit;font-family:var(--font-stack-header,"Source Serif 4","Times New Roman",serif);font-size:clamp(23px,2.05vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.025em;text-transform:uppercase}.up-banner__description{max-width:37ch;margin:0 0 20px;color:inherit;font:400 clamp(14px,1.06vw,18px)/1.4 var(--font-stack-header,"Source Serif 4","Times New Roman",serif)}.up-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 18px;border:1px solid rgba(255,250,242,.7);border-radius:0;background:var(--u-accent, #a32945);color:#fffaf2;font:600 clamp(10px,.84vw,13px)/1.3 var(--font-stack-body, Arial, sans-serif);letter-spacing:.035em;text-decoration:none;text-transform:uppercase}.up-banner__button:hover{background:#88233a;color:#fffaf2}.up-banner__button:focus-visible{outline:2px solid #fffaf2;outline-offset:4px}@media(min-width:768px)and (max-width:1099px){.up-banner{grid-template-columns:minmax(0,1.15fr) minmax(0,2fr)}.up-banner__copy{padding:22px 18px 22px 24px}.up-banner .up-banner__heading{font-size:clamp(19px,2.3vw,25px)}.up-banner__description{font-size:14px;margin-bottom:14px}}@media(max-width:767px){.up-banner{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "copy"}.up-banner__media img{-webkit-mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,.86) 82%,rgba(0,0,0,.42) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,.86) 82%,rgba(0,0,0,.42) 92%,transparent 100%)}.up-banner__copy{padding:26px 24px 30px}.up-banner .up-banner__heading{font-size:clamp(24px,6.5vw,34px)}.up-banner__description{max-width:43ch;font-size:16px;margin-bottom:20px}.up-banner__button{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/urbstly-pathway-banner.css.map */