.custom__banner{--bn-u: min(1px, calc(100vw / 1440));--bn-um: clamp(.75px, calc(100vw / 414), 1.45px);--bn-h: 600;--bn-h-min: 0;--bn-h-m: 500;--bn-max-w: none;--bn-radius: 0;--bn-overlay-m: none;--bn-fade: #ffffff;--bn-fade-h: 150;--bn-pt: 0;--bn-pb: 0;--bn-pt-m: 0;--bn-pb-m: 0;--bn-content-w: 641;--bn-content-w-min: 0;--bn-off: 60;--bn-off-min: 0;--bn-off-m: 40;--bn-side: 24;--bn-side-m: 11;--bn-side-m-r: var(--bn-side-m);--bn-gap-eyebrow: 16;--bn-gap-eyebrow-m: 16;--bn-gap-heading: 24;--bn-gap-heading-m: 16;--bn-gap-text: 16;--bn-gap-text-m: 16;--bn-gap-button: 32;--bn-gap-button-m: 32;--bn-eyebrow-color: var(--color-sub-text);--bn-heading-color: var(--color-heading);--bn-text-color: var(--color-text);--bn-text-tracking: .5}.custom__banner--card{--bn-max-w: 1300px;--bn-radius: 20}.custom__banner--style-hero{--bn-h: 720;--bn-h-min: 520;--bn-h-m: 600;--bn-bg: #d9d9d9;--bn-overlay-m: linear-gradient(180deg, rgba(208, 205, 201, 1), rgba(208, 205, 201, 1) 23.8%, rgba(208, 205, 201, 0) 40.7%);--bn-fade: linear-gradient(90deg, rgba(176, 172, 167, 1) 10.437%, rgba(205, 202, 198, 1) 89.672%);--bn-fade-h: 150;--bn-content-w: 900;--bn-content-w-min: 560;--bn-off: 140;--bn-off-min: 100;--bn-off-m: 124;--bn-side: 24;--bn-side-m: 19;--bn-gap-heading: 16;--bn-gap-heading-m: 16;--bn-gap-button: 20;--bn-gap-button-m: 24;--bn-eyebrow-color: #657660}.custom__banner--style-card_large{--bn-h: 672;--bn-h-m: 548;--bn-pt: 24;--bn-pb: 24;--bn-pt-m: 20;--bn-pb-m: 20;--bn-content-w: 413;--bn-off: 222;--bn-side: 82;--bn-side-m: 11;--bn-side-m-r: 3;--bn-eyebrow-color: #17472e;--bn-text-tracking: .15}.custom__banner--style-card{--bn-h: 630;--bn-h-m: 570;--bn-bg: #ededed;--bn-pt: 45;--bn-pb: 45;--bn-pt-m: 48;--bn-pb-m: 16;--bn-content-w: 413;--bn-off: 40;--bn-side: 90;--bn-side-m: 11;--bn-eyebrow-color: #17472e}.custom__banner--style-card_top{--bn-h: 600;--bn-h-m: 598;--bn-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 4.327%, rgba(243, 243, 238, 1) 100%);--bn-content-w: 844;--bn-content-w-min: 560;--bn-off: 48;--bn-off-m: 42;--bn-side: 24;--bn-side-m: 5;--bn-gap-heading-m: 32}.custom__banner--text-light{--bn-eyebrow-color: #dce7db;--bn-heading-color: #ffffff;--bn-text-color: #f9fbf9}.custom__banner{position:relative;margin:0;padding:calc(var(--bn-pt) * var(--bn-u)) 0 calc(var(--bn-pb) * var(--bn-u));box-sizing:border-box}.custom__banner *,.custom__banner *:before,.custom__banner *:after{box-sizing:border-box}.custom__banner--card{padding-left:clamp(24px,4.861vw,70px);padding-right:clamp(24px,4.861vw,70px)}.custom__banner--inner{position:relative;isolation:isolate;display:flex;width:100%;max-width:var(--bn-max-w);min-height:max(calc(var(--bn-h-min) * 1px),calc(var(--bn-h) * var(--bn-u)));margin:0 auto;--bn-off-px: max(calc(var(--bn-off-min) * 1px), calc(var(--bn-off) * var(--bn-u)));padding:var(--bn-off-px) max(calc(var(--bn-side) * var(--bn-u)),24px);border-radius:calc(var(--bn-radius) * var(--bn-u));overflow:hidden}@supports (top: round(nearest,1.5px,1px)){.custom__banner--inner{min-height:round(nearest,max(calc(var(--bn-h-min) * 1px),calc(var(--bn-h) * var(--bn-u))),1px)}}.custom__banner--v-top .custom__banner--inner{align-items:flex-start;padding-bottom:24px}.custom__banner--v-middle .custom__banner--inner{align-items:center}.custom__banner--h-left .custom__banner--inner{justify-content:flex-start}.custom__banner--h-center .custom__banner--inner{justify-content:center}.custom__banner--h-right .custom__banner--inner{justify-content:flex-end}.custom__banner--align-left{text-align:left}.custom__banner--align-center{text-align:center}.custom__banner--media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bn-bg, transparent)}.custom__banner--media.custom__banner--placeholder{background:var(--bn-bg, #E9E7E2)}.custom__banner--media picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.custom__banner--media .custom__banner--img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.custom__banner--fade{position:absolute;right:0;bottom:0;left:0;z-index:2;height:calc(var(--bn-fade-h) * 1px);background:var(--bn-fade) center / max(100%,1568px) 100% no-repeat;--bn-fade-mask: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .93) 6.7%, rgba(0, 0, 0, .87) 20%, rgba(0, 0, 0, .77) 33.3%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .42) 66.7%, rgba(0, 0, 0, .24) 80%, rgba(0, 0, 0, .08) 93.3%, rgba(0, 0, 0, 0) 100%);-webkit-mask-image:var(--bn-fade-mask);mask-image:var(--bn-fade-mask);pointer-events:none}.custom__banner--media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff;opacity:var(--bn-tint, 0);pointer-events:none}.custom__banner--text-light .custom__banner--media:before{background:#161f15}.custom__banner--content{position:relative;z-index:3;width:100%;max-width:max(calc(var(--bn-content-w-min) * 1px),calc(var(--bn-content-w) * var(--bn-u)))}.custom__banner .custom__banner--block{margin:0;padding:0}.custom__banner .custom__banner--block-eyebrow{margin-top:calc(var(--bn-gap-eyebrow) * var(--bn-u))}.custom__banner .custom__banner--block-heading{margin-top:calc(var(--bn-gap-heading) * var(--bn-u))}.custom__banner .custom__banner--block-text{margin-top:calc(var(--bn-gap-text) * var(--bn-u))}.custom__banner .custom__banner--block-button{margin-top:calc(var(--bn-gap-button) * var(--bn-u))}.custom__banner .custom__banner--block.is-first{margin-top:0}.custom__banner .custom__banner--block-eyebrow{font-size:0;line-height:0}.custom__banner .custom__banner--eyebrow{display:block;margin:0;padding:0;font-family:var(--font-akkurat-pro);font-size:max(11px,calc(14 * var(--bn-u)));font-style:normal;font-weight:700;line-height:max(16px,calc(20 * var(--bn-u)));letter-spacing:calc(1.96 * var(--bn-u));text-transform:uppercase;color:var(--bn-eyebrow-color)}.custom__banner .custom__banner--eyebrow-pill{display:inline-block;padding:calc(6 * var(--bn-u)) calc(20 * var(--bn-u));border-radius:50px;background:#dce7db;letter-spacing:calc(1.4 * var(--bn-u));white-space:nowrap;color:var(--color-sub-text)}.custom__banner .custom__banner--heading{position:relative;top:-.14em;display:block;margin:0;padding:0;font-family:var(--font-plantin),serif!important;font-style:normal;font-weight:400;text-transform:none;font-size:max(26px,calc(45 * var(--bn-u)));line-height:max(30px,calc(52 * var(--bn-u)));letter-spacing:0;color:var(--bn-heading-color)}.custom__banner .custom__banner--heading em,.custom__banner .custom__banner--heading i{font-family:inherit;font-style:italic;font-weight:400}.custom__banner .custom__banner--heading.custom__banner--heading-large{font-size:max(30px,calc(57 * var(--bn-u)));line-height:max(34px,calc(64 * var(--bn-u)));letter-spacing:calc(-.25 * var(--bn-u))}.custom__banner .custom__banner--heading.custom__banner--heading-small{font-size:max(22px,calc(36 * var(--bn-u)));line-height:max(27px,calc(44 * var(--bn-u)))}.custom__banner .custom__banner--text,.custom__banner .custom__banner--text>*{font-family:var(--font-akkurat-pro);font-size:max(13px,calc(16 * var(--bn-u)));font-style:normal;font-weight:400;line-height:max(19px,calc(24 * var(--bn-u)));letter-spacing:calc(var(--bn-text-tracking) * var(--bn-u));color:var(--bn-text-color)}.custom__banner .custom__banner--text{margin:0}.custom__banner .custom__banner--text>*{margin:0;padding:0}.custom__banner .custom__banner--text>*+*{margin-top:calc(12 * var(--bn-u))}.custom__banner .custom__banner--text strong,.custom__banner .custom__banner--text b{font-weight:700}.custom__banner .custom__banner--block-button{line-height:0}.custom__banner .custom__banner--block-button .btn-1{font-size:max(12px,calc(14 * var(--bn-u)));line-height:max(17px,calc(20 * var(--bn-u)));letter-spacing:calc(.5 * var(--bn-u));padding:max(7px,calc(10 * var(--bn-u))) max(16px,calc(24 * var(--bn-u)))}.custom__banner .btn-1.custom__banner--btn-dark{color:#fff;background:#161f15}.custom__banner .btn-1.custom__banner--btn-dark:hover{color:#fff;background:var(--color-green)}.custom__banner .btn-1.custom__banner--btn-light{color:#161f15;background:#fff}.custom__banner .btn-1.custom__banner--btn-light:hover{color:#161f15;background:#cfe9db}.custom__banner .btn-1.custom__banner--btn-outline{--bn-btn-line: #161F15;--bn-btn-line-contrast: #ffffff;color:var(--bn-btn-line);background:transparent;box-shadow:inset 0 0 0 1px var(--bn-btn-line)}.custom__banner .btn-1.custom__banner--btn-outline:hover{color:var(--bn-btn-line-contrast);background:var(--bn-btn-line)}.custom__banner--text-light .btn-1.custom__banner--btn-outline{--bn-btn-line: #ffffff;--bn-btn-line-contrast: #161F15}.custom__banner .btn-1:focus-visible{outline:2px solid #161F15;outline-offset:2px}@media screen and (min-width:799px){.custom__banner .custom__banner--m-only{display:none}}@media screen and (max-width:798px){.custom__banner{padding:calc(var(--bn-pt-m) * var(--bn-um)) 0 calc(var(--bn-pb-m) * var(--bn-um));--bn-col: min(100%, calc(414 * var(--bn-um)))}.custom__banner--card{padding-left:calc(24 * var(--bn-um));padding-right:calc(24 * var(--bn-um));--bn-col: 100%}.custom__banner--inner{min-height:calc(var(--bn-h-m) * var(--bn-um));--bn-col-x: calc((100% - var(--bn-col)) / 2);padding:calc(var(--bn-off-m) * var(--bn-um)) calc(var(--bn-col-x) + var(--bn-side-m-r) * var(--bn-um)) calc(var(--bn-off-m) * var(--bn-um)) calc(var(--bn-col-x) + var(--bn-side-m) * var(--bn-um));border-radius:calc(var(--bn-radius) * var(--bn-um))}@supports (top: round(nearest,1.5px,1px)){.custom__banner--inner{min-height:round(nearest,calc(var(--bn-h-m) * var(--bn-um)),1px)}}.custom__banner--card .custom__banner--inner{max-width:calc(366 * var(--bn-um))}.custom__banner--v-top .custom__banner--inner{padding-bottom:calc(24 * var(--bn-um))}.custom__banner--media picture{--bn-col-x: calc((100% - var(--bn-col)) / 2);top:calc(var(--bn-in-t-m, 0) * 100%);right:calc(var(--bn-col-x) + var(--bn-col) * var(--bn-in-r-m, 0));bottom:calc(var(--bn-in-b-m, 0) * 100%);left:calc(var(--bn-col-x) + var(--bn-col) * var(--bn-in-l-m, 0))}@supports (top: round(nearest,1.5px,1px)){.custom__banner--media picture{top:round(nearest,calc(var(--bn-in-t-m, 0) * 100%),1px);right:round(nearest,calc(var(--bn-col-x) + var(--bn-col) * var(--bn-in-r-m, 0)),1px);bottom:round(nearest,calc(var(--bn-in-b-m, 0) * 100%),1px);left:round(nearest,calc(var(--bn-col-x) + var(--bn-col) * var(--bn-in-l-m, 0)),1px)}}.custom__banner--media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--bn-overlay-m);pointer-events:none}.custom__banner--fade{height:calc(var(--bn-fade-h) * .7 * var(--bn-um))}@supports (top: round(nearest,1.5px,1px)){.custom__banner--fade{height:round(up,calc(var(--bn-fade-h) * .7 * var(--bn-um)),1px)}}.custom__banner--content{max-width:none}.custom__banner .custom__banner--block-eyebrow{margin-top:calc(var(--bn-gap-eyebrow-m) * var(--bn-um))}.custom__banner .custom__banner--block-heading{margin-top:calc(var(--bn-gap-heading-m) * var(--bn-um))}.custom__banner .custom__banner--block-text{margin-top:calc(var(--bn-gap-text-m) * var(--bn-um))}.custom__banner .custom__banner--block-button{margin-top:calc(var(--bn-gap-button-m) * var(--bn-um))}.custom__banner .custom__banner--block.is-first{margin-top:var(--bn-gap-m-own, 0px)}.custom__banner .custom__banner--block-eyebrow.is-first{--bn-gap-m-own: calc(var(--bn-gap-eyebrow-m) * var(--bn-um))}.custom__banner .custom__banner--block-heading.is-first{--bn-gap-m-own: calc(var(--bn-gap-heading-m) * var(--bn-um))}.custom__banner .custom__banner--block-text.is-first{--bn-gap-m-own: calc(var(--bn-gap-text-m) * var(--bn-um))}.custom__banner .custom__banner--block-button.is-first{--bn-gap-m-own: calc(var(--bn-gap-button-m) * var(--bn-um))}.custom__banner .custom__banner--block.is-m-first{margin-top:0}.custom__banner .custom__banner--m-hidden,.custom__banner .custom__banner--d-only{display:none}.custom__banner .custom__banner--eyebrow{font-size:max(12px,calc(14 * var(--bn-um)));line-height:max(17px,calc(20 * var(--bn-um)));letter-spacing:calc(1.96 * var(--bn-um))}.custom__banner .custom__banner--eyebrow-pill{padding:calc(8 * var(--bn-um)) calc(20 * var(--bn-um));font-size:max(11px,calc(12 * var(--bn-um)));line-height:max(15px,calc(16 * var(--bn-um)));letter-spacing:calc(.5 * var(--bn-um))}.custom__banner .custom__banner--heading.custom__banner--heading-large{font-size:calc(45 * var(--bn-um));line-height:calc(52 * var(--bn-um));letter-spacing:0}.custom__banner .custom__banner--heading.custom__banner--heading-medium,.custom__banner .custom__banner--heading.custom__banner--heading-small{font-size:calc(36 * var(--bn-um));line-height:calc(44 * var(--bn-um));letter-spacing:0}.custom__banner .custom__banner--text,.custom__banner .custom__banner--text>*{font-size:max(14px,calc(16 * var(--bn-um)));line-height:max(21px,calc(24 * var(--bn-um)));letter-spacing:calc(var(--bn-text-tracking) * var(--bn-um))}.custom__banner .custom__banner--text>*+*{margin-top:calc(12 * var(--bn-um))}.custom__banner .custom__banner--block-button .btn-1{font-size:max(13px,calc(14 * var(--bn-um)));line-height:max(19px,calc(20 * var(--bn-um)));letter-spacing:calc(.5 * var(--bn-um));padding:calc(10 * var(--bn-um)) calc(24 * var(--bn-um))}.custom__banner--stacked{--bn-eyebrow-color: #17472e;--bn-heading-color: var(--color-heading);--bn-text-color: var(--color-text)}.custom__banner--stacked.custom__banner--text-light .btn-1.custom__banner--btn-outline{--bn-btn-line: #161F15;--bn-btn-line-contrast: #ffffff}.custom__banner--stacked .custom__banner--inner{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:0;border-radius:0;overflow:visible}.custom__banner--stacked .custom__banner--media{position:relative;top:auto;right:auto;bottom:auto;left:auto;order:2;flex:none;width:100%;min-height:calc(var(--bn-h-m) * var(--bn-um));border-radius:calc(var(--bn-radius) * var(--bn-um))}.custom__banner--stacked.custom__banner--has-above .custom__banner--media{margin-top:calc(32 * var(--bn-um))}.custom__banner--stacked.custom__banner--has-below .custom__banner--media{margin-bottom:calc(32 * var(--bn-um))}.custom__banner--stacked .custom__banner--content{display:contents}.custom__banner--stacked .custom__banner--block{padding:0 calc(var(--bn-side-m-r) * var(--bn-um)) 0 calc(var(--bn-side-m) * var(--bn-um))}.custom__banner--stacked .custom__banner--m-above{order:1}.custom__banner--stacked .custom__banner--m-below{order:3}}@media screen and (min-width:600px)and (max-width:798px){.custom__banner--wide .custom__banner--media picture{--bn-box: calc(var(--bn-col) * (1 - var(--bn-in-l-m, 0) - var(--bn-in-r-m, 0)));right:calc(var(--bn-col-x) + var(--bn-col) * var(--bn-in-r-m, 0) - var(--bn-box) * var(--bn-wide-r, 0));left:calc(var(--bn-col-x) + var(--bn-col) * var(--bn-in-l-m, 0) - var(--bn-box) * var(--bn-wide-l, 0))}}
/*# sourceMappingURL=/cdn/shop/t/356/assets/custom-image-banner.css.map */