.shopify-section--ff-collection-banner-grid{margin:0;padding:0}.ff-collection-banner-grid{--ff-cbg-gap: clamp(1.5rem, 3vw, 2.75rem);--ff-cbg-main-gap: clamp(36px, 4vw, 56px);--ff-cbg-editorial-gap: clamp(20px, 2.5vw, 32px);--ff-cbg-media-size: clamp( 390px, calc(100vh - var(--header-height, var(--sticky-header-height, 72px)) - 145px), 455px );--ff-cbg-extra-max: 300px;--ff-cbg-text-max: 48ch;--ff-cbg-mobile-gap: clamp(1rem, 4vw, 1.4rem);background:rgb(var(--background));color:rgb(var(--text-color))}.ff-collection-banner-grid .ff-collection-banner-grid__section{padding-block-start:var(--ff-cbg-block-space);padding-block-end:var(--ff-cbg-block-space);overflow:visible}@media(min-width:1000px){.ff-collection-banner-grid .container{width:min(calc(100% - (2 * var(--ff-clean-gutter, var(--container-gutter, 32px)))),var(--ff-rail-max, 1400px))}}.ff-collection-banner-grid .ff-collection-banner-grid__layout{display:grid;gap:var(--ff-cbg-gap);align-items:start;overflow:visible}.ff-collection-banner-grid .ff-collection-banner-grid__layout--split{grid-template-columns:minmax(0,1fr) var(--ff-cbg-media-size);column-gap:var(--ff-cbg-main-gap)}.ff-collection-banner-grid .ff-collection-banner-grid__layout--image-left{grid-template-columns:var(--ff-cbg-media-size) minmax(0,1fr)}.ff-collection-banner-grid .ff-collection-banner-grid__layout--image-left .ff-collection-banner-grid__visual{grid-column:1;grid-row:1}.ff-collection-banner-grid .ff-collection-banner-grid__layout--image-left .ff-collection-banner-grid__text{grid-column:2;grid-row:1}.ff-collection-banner-grid .ff-collection-banner-grid__text{min-width:0;display:block;padding-inline-start:var(--ff-cbg-text-offset-desktop, 0px)}.ff-collection-banner-grid .ff-collection-banner-grid__text-body{display:block}.ff-collection-banner-grid .ff-collection-banner-grid__prose{width:100%;max-width:min(100%,var(--ff-cbg-text-max));margin-inline:0}.ff-collection-banner-grid .ff-collection-banner-grid__prose>h1:first-child{margin-top:0}.ff-collection-banner-grid .ff-collection-banner-grid__visual{min-width:0;display:grid;gap:clamp(1rem,2vw,1.5rem);align-self:start;justify-self:end}.ff-collection-banner-grid .ff-collection-banner-grid__media{inline-size:var(--ff-cbg-media-size);block-size:var(--ff-cbg-media-size);justify-self:end;overflow:visible}.ff-collection-banner-grid .ff-collection-banner-grid__media-frame{inline-size:100%;block-size:100%;aspect-ratio:1 / 1;overflow:hidden}.ff-collection-banner-grid .ff-collection-banner-grid__extras{display:grid;gap:1rem;width:100%;max-width:var(--ff-cbg-extra-max)}.ff-collection-banner-grid .ff-collection-banner-grid__extras--under-text{margin-top:clamp(1.25rem,2.5vw,2rem)}.ff-collection-banner-grid .ff-collection-banner-grid__extras--under-media{width:min(100%,var(--ff-cbg-media-size));margin-inline-start:auto}.ff-collection-banner-grid .ff-collection-banner-grid__extras--below-all{grid-column:1 / -1;max-width:min(100%,48rem);margin-top:clamp(.5rem,1.5vw,1rem);margin-inline:auto}.ff-collection-banner-grid .ff-cbg-extra-card,.ff-collection-banner-grid .ff-cbg-extra-card--yellow,.ff-collection-banner-grid .ff-cbg-extra-card--sage,.ff-collection-banner-grid .ff-cbg-extra-card--cream,.ff-collection-banner-grid .ff-cbg-extra-card--white{position:relative;padding:clamp(1rem,1.5vw,1.2rem);background:#fff;border:1px solid rgb(var(--ff-accent, 96 115 89) / .16);border-left:3px solid rgb(var(--ff-accent, 96 115 89) / .52);color:rgb(var(--text-color, 80 80 80));box-shadow:none}.ff-collection-banner-grid .ff-cbg-extra-card--accent{background:#fff;border:1px solid rgb(var(--ff-accent, 96 115 89) / .2);border-left:3px solid rgb(var(--ff-accent, 96 115 89) / .72);color:rgb(var(--text-color, 80 80 80))}.ff-collection-banner-grid .ff-cbg-extra-card__eyebrow,.ff-collection-banner-grid .ff-cbg-postit__eyebrow{margin:0 0 .65rem;color:rgb(var(--ff-accent, 96 115 89));font-size:.72rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.ff-collection-banner-grid .ff-cbg-extra-card__heading,.ff-collection-banner-grid .ff-cbg-postit__heading{margin:0;color:rgb(var(--ff-accent, 96 115 89));font-size:clamp(17px,1.1vw,19px);line-height:1.18;font-weight:500;text-wrap:balance}.ff-collection-banner-grid .ff-cbg-extra-card__body,.ff-collection-banner-grid .ff-cbg-extra-card__body p,.ff-collection-banner-grid .ff-cbg-extra-card__body li,.ff-collection-banner-grid .ff-cbg-postit__body,.ff-collection-banner-grid .ff-cbg-postit__body p,.ff-collection-banner-grid .ff-cbg-postit__body li{color:rgb(var(--text-color, 80 80 80) / .92);font-size:15px;line-height:1.5;text-align:start}.ff-collection-banner-grid .ff-cbg-extra-card__heading+.ff-cbg-extra-card__body{margin-top:.85rem}.ff-collection-banner-grid .ff-cbg-extra-card__body p{margin:0 0 .85rem}.ff-collection-banner-grid .ff-cbg-extra-card__body :is(ul,ol),.ff-collection-banner-grid .ff-cbg-postit__body :is(ul,ol){margin:.85rem 0 0;padding-inline-start:1.15em}.ff-collection-banner-grid .ff-cbg-extra-card__body li,.ff-collection-banner-grid .ff-cbg-postit__body li{margin:0}.ff-collection-banner-grid .ff-cbg-extra-card__body li+li,.ff-collection-banner-grid .ff-cbg-postit__body li+li{margin-top:.45rem}.ff-collection-banner-grid .ff-cbg-extra-card__body>:last-child,.ff-collection-banner-grid .ff-cbg-extra-card__body p:last-child,.ff-collection-banner-grid .ff-cbg-postit__body>:last-child{margin-bottom:0}.ff-collection-banner-grid .ff-cbg-extra-card__links{display:grid;justify-items:start;align-items:start;gap:.55rem;margin-top:1rem}.ff-collection-banner-grid .ff-cbg-extra-card__link{display:inline;width:fit-content;max-width:100%;margin:0;color:rgb(var(--ff-accent, 96 115 89));font-size:15px;line-height:1.35;text-decoration:underline;text-decoration-thickness:var(--ff-underline-thickness, 1px);text-underline-offset:var(--ff-underline-offset, .5em);text-decoration-color:var(--ff-underline-color, rgb(var(--ff-accent, 96 115 89) / .45));background:none;box-shadow:none;border:0}.ff-collection-banner-grid .ff-cbg-extra-card__link:hover{color:rgb(var(--ff-accent, 96 115 89));text-decoration-color:rgb(var(--ff-accent, 96 115 89) / .65)}.ff-collection-banner-grid .ff-cbg-postit{width:min(100%,var(--ff-cbg-postit-max, 22rem))}.ff-collection-banner-grid .ff-cbg-postit__card{padding:var(--ff-cbg-postit-pad, 1.2rem);background:#fff;border:1px solid rgb(var(--ff-accent, 96 115 89) / .16);border-left:3px solid rgb(var(--ff-accent, 96 115 89) / .52);color:rgb(var(--text-color, 80 80 80));transform:rotate(var(--ff-cbg-postit-rotate, 0deg));box-shadow:none}.ff-collection-banner-grid .ff-cbg-postit__heading+.ff-cbg-postit__body{margin-top:.85rem}.ff-collection-banner-grid .ff-cbg-postit__body,.ff-collection-banner-grid .ff-cbg-postit__body p,.ff-collection-banner-grid .ff-cbg-postit__body li{font-size:var(--ff-cbg-postit-body, 16px)}@media(min-width:1000px){.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--split:not(.ff-collection-banner-grid__layout--image-left){grid-template-columns:minmax(0,1fr) var(--ff-cbg-media-size);column-gap:var(--ff-cbg-main-gap);align-items:start}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--split:not(.ff-collection-banner-grid__layout--image-left) .ff-collection-banner-grid__text{grid-column:1;grid-row:1;align-self:start}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--split:not(.ff-collection-banner-grid__layout--image-left) .ff-collection-banner-grid__extras--beside-text{grid-column:1;grid-row:1;align-self:start;justify-self:end;width:min(100%,var(--ff-cbg-extra-max));max-width:var(--ff-cbg-extra-max);margin-top:clamp(130px,10vw,175px);margin-left:auto;z-index:2}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--split:not(.ff-collection-banner-grid__layout--image-left) .ff-collection-banner-grid__visual{grid-column:2;grid-row:1;align-self:start;justify-self:end}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--split:not(.ff-collection-banner-grid__layout--image-left) .ff-collection-banner-grid__prose,.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--image-left .ff-collection-banner-grid__prose{max-width:min(var(--ff-cbg-text-max),calc(100% - var(--ff-cbg-extra-max) - var(--ff-cbg-editorial-gap)));margin-inline:0}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--image-left{grid-template-columns:var(--ff-cbg-media-size) minmax(0,1fr);column-gap:var(--ff-cbg-main-gap);align-items:start}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--image-left .ff-collection-banner-grid__visual{grid-column:1;grid-row:1;align-self:start;justify-self:start}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--image-left .ff-collection-banner-grid__text{grid-column:2;grid-row:1;align-self:start}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--image-left .ff-collection-banner-grid__extras--beside-text{grid-column:2;grid-row:1;align-self:start;justify-self:end;width:min(100%,var(--ff-cbg-extra-max));max-width:var(--ff-cbg-extra-max);margin-top:clamp(130px,10vw,175px);margin-left:auto;z-index:2}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text:not(.ff-collection-banner-grid__layout--split){grid-template-columns:minmax(0,1fr) minmax(260px,var(--ff-cbg-extra-max));column-gap:var(--ff-cbg-editorial-gap);align-items:start}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text:not(.ff-collection-banner-grid__layout--split) .ff-collection-banner-grid__text{grid-column:1;grid-row:1}.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text:not(.ff-collection-banner-grid__layout--split) .ff-collection-banner-grid__extras--beside-text{grid-column:2;grid-row:1;align-self:start;justify-self:end;width:100%;max-width:var(--ff-cbg-extra-max);margin-top:clamp(100px,8vw,145px)}}@media(max-width:999px){.ff-collection-banner-grid{--ff-cbg-media-size: auto}.ff-collection-banner-grid .ff-collection-banner-grid__section{padding-block-start:var(--ff-cbg-block-space-mobile);padding-block-end:var(--ff-cbg-block-space-mobile)}.ff-collection-banner-grid .ff-collection-banner-grid__layout,.ff-collection-banner-grid .ff-collection-banner-grid__layout--split,.ff-collection-banner-grid .ff-collection-banner-grid__layout--image-left,.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text,.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--split,.ff-collection-banner-grid .ff-collection-banner-grid__layout--extras-beside-text.ff-collection-banner-grid__layout--image-left{display:grid;grid-template-columns:1fr;gap:var(--ff-cbg-mobile-gap);align-items:start}.ff-collection-banner-grid .ff-collection-banner-grid__text{grid-column:1;grid-row:auto;order:1;padding-inline-start:0}.ff-collection-banner-grid .ff-collection-banner-grid__visual{grid-column:1;grid-row:auto;order:2;justify-self:stretch;width:100%;gap:0}.ff-collection-banner-grid .ff-collection-banner-grid__extras--beside-text{grid-column:1;grid-row:auto;order:3;width:100%;max-width:100%;margin:0}.ff-collection-banner-grid .ff-collection-banner-grid__prose{max-width:100%}.ff-collection-banner-grid .ff-collection-banner-grid__media,.ff-collection-banner-grid .ff-collection-banner-grid__extras--under-media{inline-size:100%;block-size:auto;width:100%;height:auto;margin-inline:0}.ff-collection-banner-grid .ff-collection-banner-grid__media-frame{block-size:auto}.ff-collection-banner-grid .ff-collection-banner-grid__image{block-size:auto;height:auto}.ff-collection-banner-grid .ff-collection-banner-grid__media--hide-mobile{display:none}.ff-collection-banner-grid .ff-collection-banner-grid__extras,.ff-collection-banner-grid .ff-collection-banner-grid__extras--under-text,.ff-collection-banner-grid .ff-collection-banner-grid__extras--under-media,.ff-collection-banner-grid .ff-collection-banner-grid__extras--below-all{max-width:100%;margin-top:0}.ff-collection-banner-grid .ff-cbg-extra-card,.ff-collection-banner-grid .ff-cbg-extra-card--yellow,.ff-collection-banner-grid .ff-cbg-extra-card--sage,.ff-collection-banner-grid .ff-cbg-extra-card--cream,.ff-collection-banner-grid .ff-cbg-extra-card--white,.ff-collection-banner-grid .ff-cbg-extra-card--accent{padding:1rem}.ff-collection-banner-grid .ff-cbg-extra-card__links{gap:.7rem}.ff-collection-banner-grid .ff-cbg-postit{width:min(100%,var(--ff-cbg-postit-mobile-max, 100%))}.ff-collection-banner-grid .ff-cbg-postit__card{padding:var(--ff-cbg-postit-mobile-pad, 1rem);transform:none}}@media(max-width:699px){.ff-collection-banner-grid .container{width:min(calc(100% - (2 * var(--ff-clean-gutter-mobile, var(--container-gutter, 16px)))),var(--ff-rail-max, 1400px))}.ff-collection-banner-grid .ff-cbg-extra-card__heading,.ff-collection-banner-grid .ff-cbg-postit__heading{font-size:var(--ff-text-h5, 17px)}.ff-collection-banner-grid .ff-cbg-extra-card__body,.ff-collection-banner-grid .ff-cbg-extra-card__body p,.ff-collection-banner-grid .ff-cbg-extra-card__body li,.ff-collection-banner-grid .ff-cbg-postit__body,.ff-collection-banner-grid .ff-cbg-postit__body p,.ff-collection-banner-grid .ff-cbg-postit__body li{font-size:min(var(--ff-cbg-postit-body, 16px),15px);line-height:1.5}}body :where(main,#main)>.shopify-section.shopify-section--ff-collection-banner-grid .ff-collection-banner-grid__prose :where(p,ul,ol){line-height:inherit}
/*# sourceMappingURL=/cdn/shop/t/160/assets/ff-collection-banner-grid.css.map */