.fill-destination-banners{overflow-x:hidden;background:var(--fill-destination-banners-bg, var(--fill-ivory));color:var(--fill-destination-banners-text, var(--fill-text))}.fill-destination-banners__inner{width:min(100% - (var(--fill-page-gutter) * 2),var(--fill-destination-banners-max-width, 1180px));padding-block:var(--fill-destination-banners-padding-top-mobile, 50px) var(--fill-destination-banners-padding-bottom-mobile, 56px)}.fill-destination-banners__section-heading:not(.fill-visually-hidden){width:min(100%,720px);margin:0 auto clamp(1.4rem,3vw,2rem);color:var(--fill-heading);font-family:var(--fill-font-serif);font-size:clamp(2rem,6vw,2.8rem);font-weight:var(--fill-weight-medium);letter-spacing:0;line-height:1.08;text-align:center;text-wrap:balance}.fill-destination-banners__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--fill-destination-banners-mobile-gap, 18px);width:100%}.fill-destination-banners__banner{position:relative;isolation:isolate;display:flex;min-width:0;min-height:var(--fill-destination-banners-min-height-mobile, 340px);overflow:hidden;background:var(--fill-destination-banners-primary, var(--fill-ivory));border:var(--fill-destination-banners-border-width, 1px) solid var(--fill-destination-banners-border-color, var(--fill-line));border-radius:var(--fill-destination-banners-radius, 16px);color:var(--fill-destination-banners-text, var(--fill-taupe))}.fill-destination-banners__background,.fill-destination-banners__media,.fill-destination-banners__image,.fill-destination-banners__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.fill-destination-banners__background{z-index:-2;pointer-events:none}.fill-destination-banners__banner--soft-gradient .fill-destination-banners__background,.fill-destination-banners__banner--image .fill-destination-banners__background{background:radial-gradient(ellipse 70% 62% at 88% 10%,color-mix(in srgb,var(--fill-destination-banners-accent, var(--fill-sage)) 72%,transparent),transparent 72%),radial-gradient(ellipse 58% 48% at 22% 100%,color-mix(in srgb,var(--fill-destination-banners-secondary, var(--fill-champagne)) 42%,transparent),transparent 74%),linear-gradient(152deg,color-mix(in srgb,var(--fill-destination-banners-primary, var(--fill-ivory)) 86%,white) 0%,var(--fill-destination-banners-primary, var(--fill-ivory)) 42%,var(--fill-destination-banners-secondary, var(--fill-champagne)) 100%)}.fill-destination-banners__banner--vertical-stripes .fill-destination-banners__background{background:radial-gradient(ellipse 68% 58% at 12% 12%,color-mix(in srgb,var(--fill-destination-banners-accent, var(--fill-blush)) 48%,transparent),transparent 74%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--fill-destination-banners-primary, var(--fill-ivory)) 92%,white) 0 12px,color-mix(in srgb,var(--fill-destination-banners-secondary, var(--fill-champagne)) 72%,white) 12px 24px)}.fill-destination-banners__banner--solid .fill-destination-banners__background{background:var(--fill-destination-banners-primary, var(--fill-ivory))}.fill-destination-banners__media{z-index:-1;overflow:hidden;pointer-events:none}.fill-destination-banners__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .42s ease}.fill-destination-banners__overlay{z-index:0;background:linear-gradient(90deg,color-mix(in srgb,var(--fill-destination-banners-overlay-color, var(--fill-ivory)) 88%,transparent) 0%,color-mix(in srgb,var(--fill-destination-banners-overlay-color, var(--fill-ivory)) 68%,transparent) 46%,transparent 100%);opacity:var(--fill-destination-banners-overlay-opacity, .2);pointer-events:none}.fill-destination-banners__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(100%,31rem);min-width:0;padding:clamp(2rem,7vw,3rem) clamp(1.55rem,6vw,2.65rem)}.fill-destination-banners__kicker,.fill-destination-banners__heading,.fill-destination-banners__description{margin:0}.fill-destination-banners__kicker{margin-bottom:.42rem;color:var(--fill-destination-banners-kicker, var(--fill-rosewood));font-family:var(--fill-font-script);font-size:clamp(1.82rem,8vw,2.2rem);font-weight:var(--fill-weight-regular);letter-spacing:0;line-height:1.08;overflow-wrap:anywhere;text-transform:lowercase}.fill-destination-banners__heading{color:var(--fill-destination-banners-heading, var(--fill-heading));font-family:var(--fill-font-serif);font-size:clamp(1.8rem,7.2vw,2.22rem);font-weight:var(--fill-weight-medium);letter-spacing:0;line-height:1.12;overflow-wrap:anywhere;text-wrap:balance}.fill-destination-banners__description{max-width:100%;margin-top:.75rem;color:var(--fill-destination-banners-text, var(--fill-taupe));font-family:var(--fill-font-body);font-size:clamp(.9rem,3.8vw,.98rem);font-weight:var(--fill-weight-regular);letter-spacing:0;line-height:1.72;overflow-wrap:break-word;text-wrap:pretty}.fill-destination-banners__chips{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;margin-top:1.1rem}.fill-destination-banners__chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:30px;padding:.34rem .9rem;background:color-mix(in srgb,var(--fill-surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--fill-destination-banners-border-color, var(--fill-line)) 72%,var(--fill-rosewood));border-radius:var(--fill-radius-pill);color:color-mix(in srgb,var(--fill-destination-banners-text, var(--fill-taupe)) 82%,var(--fill-heading));font-family:var(--fill-font-body);font-size:.68rem;font-weight:var(--fill-weight-regular);letter-spacing:.16em;line-height:1.1;overflow-wrap:anywhere;text-align:center;text-transform:uppercase}.fill-destination-banners__button{margin-top:1.55rem;padding:.82rem clamp(1.55rem,5vw,2.05rem);background-color:var(--fill-rosewood);border-color:var(--fill-rosewood);color:var(--fill-surface);font-size:.72rem;letter-spacing:.17em;overflow-wrap:anywhere}.fill-destination-banners__button--placeholder{cursor:default;opacity:.7;pointer-events:none}.fill-destination-banners__button:focus-visible{outline:var(--fill-focus-outline);outline-offset:4px}@media(hover:hover)and (pointer:fine){.fill-destination-banners__banner{transition:border-color var(--fill-transition)}.fill-destination-banners__banner:hover{border-color:color-mix(in srgb,var(--fill-destination-banners-border-color, var(--fill-line)) 68%,var(--fill-rosewood))}.fill-destination-banners__banner--has-image:hover .fill-destination-banners__image{transform:scale(1.025)}.fill-destination-banners__button:hover{background-color:var(--fill-rosewood-deep);border-color:var(--fill-rosewood-deep);color:var(--fill-surface)}}@media screen and (min-width:750px){.fill-destination-banners__inner{padding-block:var(--fill-destination-banners-padding-top-desktop, 68px) var(--fill-destination-banners-padding-bottom-desktop, 72px)}.fill-destination-banners__grid{gap:var(--fill-destination-banners-desktop-gap, 24px)}.fill-destination-banners__banner{min-height:var(--fill-destination-banners-min-height-desktop, 360px)}.fill-destination-banners__kicker{font-size:clamp(1.92rem,2.7vw,2.18rem)}.fill-destination-banners__heading{font-size:clamp(2rem,2.7vw,2.28rem)}.fill-destination-banners__description{font-size:.98rem}}@media screen and (min-width:920px){.fill-destination-banners__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.fill-destination-banners__banner{height:100%}}@media screen and (min-width:1280px){.fill-destination-banners__content{padding-inline:2.9rem}}@media screen and (max-width:390px){.fill-destination-banners__inner{width:min(100% - 28px,var(--fill-destination-banners-max-width, 1180px))}.fill-destination-banners__content{padding-inline:1.45rem}.fill-destination-banners__button{width:min(100%,236px);padding-inline:1.25rem;letter-spacing:.14em}}@media screen and (max-width:340px){.fill-destination-banners__inner{width:min(100% - 24px,var(--fill-destination-banners-max-width, 1180px))}.fill-destination-banners__content{padding:1.55rem 1.25rem}.fill-destination-banners__kicker{font-size:1.68rem}.fill-destination-banners__heading{font-size:1.62rem}.fill-destination-banners__description{font-size:.88rem;line-height:1.62}.fill-destination-banners__chip{letter-spacing:.13em}}@media(prefers-reduced-motion:reduce){.fill-destination-banners *,.fill-destination-banners *:before,.fill-destination-banners *:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/fill-destination-banners.css.map */