.story-behind-blog-slider{--sbbs-bg: #112C30;--sbbs-gold: #FFE787;--sbbs-cream: #FCF6ED;--sbbs-btn-bg: #D5B584;--sbbs-btn-text: #241F16;--sbbs-progress-track: rgba(255, 255, 255, .16);--sbbs-progress-fill: #FFE787;--sbbs-arrow-muted: rgba(95, 108, 106, .9);--sbbs-thumb-w: 200px;--sbbs-hero-w: min(504px, 42vw);--sbbs-hero-offset-y: clamp(14px, 2vw, 28px);--sbbs-hero-offset-x: clamp(-18px, -1.25vw, -8px);--sbbs-col-gap: clamp(5.25rem, 2.8vw, 6.5rem);--sbbs-row-gap: clamp(1.25rem, 2.5vw, 2rem);--sbbs-stage-pad: clamp(1rem, 4vw, 3rem);background:var(--sbbs-bg);overflow:hidden;width:100%}.shopify-section.section-story-behind-blog-slider{margin-block:0}.story-behind-blog-slider *,.story-behind-blog-slider *:before,.story-behind-blog-slider *:after{box-sizing:border-box}.story-behind-blog-slider .font-aesthetic{font-family:Aesthetic,Cormorant Garamond,Georgia,serif}.story-behind-blog-slider__empty{margin:0;padding:0;color:var(--sbbs-cream);font-family:Lora,Georgia,serif}.story-behind-blog-slider__stage{max-width:1608px;margin:0 auto;padding:clamp(8rem,5vw,10rem)}.story-behind-blog-slider__slides{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,auto)}.story-behind-blog-slider__slide{grid-column:1;grid-row:1;display:none;min-width:0}.story-behind-blog-slider__slide.is-active{display:grid}.story-behind-blog-slider__nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(.75rem,2vw,1.5rem);flex-shrink:0;width:100%;min-width:0}.story-behind-blog-slider__counter-wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-width:0;flex:1 1 auto;max-width:min(340px,52%)}.story-behind-blog-slider__progress-stack{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;min-width:0}.story-behind-blog-slider__counter-row{position:relative;width:100%;min-height:2.15em}.story-behind-blog-slider__counter{position:static;margin:0;color:#fcf6ed;font-family:Aesthetic;font-size:clamp(20px,1.94vw,28px);line-height:1;letter-spacing:.02em;white-space:nowrap}.story-behind-blog-slider__progress-track{position:relative;display:block;width:100%;height:2px;border-radius:999px;background:#ffffff29;overflow:hidden;min-width:0}.story-behind-blog-slider__progress-segment{display:none}.story-behind-blog-slider__progress-track:after{content:"";position:absolute;top:0;bottom:0;width:calc(100%/max(1,var(--sbbs-slide-total, 1)));left:calc(var(--sbbs-active-index, 0) / max(1,var(--sbbs-slide-total, 1)) * 100%);border-radius:999px;background:linear-gradient(180deg,#ffe787,#f6d368,#ffcf55);transition:left .35s ease}.story-behind-blog-slider__arrows{display:flex;align-items:center;gap:clamp(.65rem,2vw,1.25rem);flex-shrink:0}.story-behind-blog-slider__arrow{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,color .2s ease,transform .2s ease,opacity .2s ease}.story-behind-blog-slider__arrow svg{display:block;flex-shrink:0}.story-behind-blog-slider__arrow:not(:disabled){background:#fcf6ed;color:var(--sbbs-btn-text, #241F16)}.story-behind-blog-slider__arrow:not(:disabled):hover,.story-behind-blog-slider__arrow:not(:disabled):focus-visible{background:#c9a56f;color:var(--sbbs-bg, #112C30);transform:scale(1.05)}.story-behind-blog-slider__arrow:not(:disabled):active{transform:scale(1)}.story-behind-blog-slider__arrow:focus-visible{outline:2px solid var(--sbbs-cream, #FCF6ED);outline-offset:2px}.story-behind-blog-slider__arrow:disabled{background:#fcf6ed;color:var(--sbbs-btn-text, #241F16);opacity:.35;cursor:not-allowed;transform:none}.story-behind-blog-slider__cta{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:12px 24px;border-radius:30px;background:#d5b584;color:#241f16;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;letter-spacing:0}.story-behind-blog-slider__cta:hover{background:#c9a56f}@media(prefers-reduced-motion:reduce){.story-behind-blog-slider__counter,.story-behind-blog-slider__progress-segment{transition:none;animation:none}}.story-behind-blog-slider__hero{position:relative;overflow:hidden}.story-behind-blog-slider__hero .story-behind-blog-slider__img--large{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:992px){.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__hero){min-height:clamp(620px,52vw,720px)}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__hero):has(.story-behind-blog-slider__img--small){grid-template-columns:var(--sbbs-thumb-w) minmax(0,1fr) var(--sbbs-hero-w);grid-template-rows:auto 1fr auto;column-gap:var(--sbbs-col-gap);row-gap:var(--sbbs-row-gap);align-items:stretch;grid-template-areas:"thumb title hero" "thumb meta  hero" "nav   nav   hero"}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__hero):not(:has(.story-behind-blog-slider__img--small)){grid-template-columns:minmax(0,1fr) var(--sbbs-hero-w);grid-template-rows:auto 1fr auto;column-gap:var(--sbbs-col-gap);row-gap:var(--sbbs-row-gap);align-items:stretch;grid-template-areas:"title hero" "meta  hero" "nav   hero"}.story-behind-blog-slider__slide.is-active:not(:has(.story-behind-blog-slider__hero)):has(.story-behind-blog-slider__img--small){grid-template-columns:var(--sbbs-thumb-w) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:var(--sbbs-col-gap);row-gap:var(--sbbs-row-gap);grid-template-areas:"thumb title" "thumb meta" "nav   nav"}.story-behind-blog-slider__slide.is-active:not(:has(.story-behind-blog-slider__hero)):not(:has(.story-behind-blog-slider__img--small)){grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;row-gap:var(--sbbs-row-gap);grid-template-areas:"title" "meta" "nav"}.story-behind-blog-slider__img--small{grid-area:thumb;width:var(--sbbs-thumb-w);height:auto;aspect-ratio:184 / 225;max-height:300px;object-fit:cover;display:block;align-self:start}.story-behind-blog-slider__title{grid-area:title;margin:0;padding:0;align-self:center;justify-self:stretch;min-width:0;max-width:none;width:180%;color:#ffe787;font-family:Aesthetic,Cormorant Garamond,Georgia,serif;font-size:clamp(40px,5.56vw,67px);font-weight:400;line-height:1;letter-spacing:.02em;text-wrap:balance}.story-behind-blog-slider__meta{grid-area:meta;align-self:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(1rem,2vw,2.5rem);max-width:none;width:100%;min-width:0;padding-block:clamp(.25rem,1vw,.75rem);min-height:0}.story-behind-blog-slider__body{margin:0;color:#fcf6ed;font-family:Lora,Georgia,serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:25px}.story-behind-blog-slider__cta{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:12px 24px;border-radius:30px;background:#d5b584;color:#241f16;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;letter-spacing:0}.story-behind-blog-slider__cta:hover{background:#c9a56f}.story-behind-blog-slider__hero{grid-area:hero;grid-row:1 / -1;width:100%;max-width:var(--sbbs-hero-w);justify-self:end;align-self:stretch;min-height:0;margin-top:200px;margin-left:var(--sbbs-hero-offset-x);aspect-ratio:470 / 473;height:auto;box-sizing:border-box}.story-behind-blog-slider__nav{grid-area:nav;align-self:end;padding-top:.25rem}}@media screen and (min-width:992px)and (max-width:1400px){.story-behind-blog-slider{--sbbs-hero-w: min(520px, 40vw);--sbbs-col-gap: clamp(1rem, 2.5vw, 2rem)}.story-behind-blog-slider__title{font-size:clamp(1.75rem,3.8vw,3.25rem)}}@media screen and (min-width:992px)and (max-width:1200px){.story-behind-blog-slider__stage{padding:40px}}@media screen and (max-width:991px){.story-behind-blog-slider__stage{padding-top:clamp(2.5rem,12vw,3rem);padding-bottom:clamp(2.5rem,12vw,3rem);padding-left:clamp(1rem,4vw,1rem);padding-right:clamp(1rem,4vw,1rem)}.story-behind-blog-slider__slide.is-active{grid-template-columns:1fr;grid-template-areas:"gallery" "title" "meta" "nav";row-gap:clamp(1.5rem,6vw,2rem);column-gap:0;align-items:stretch}.story-behind-blog-slider__slide.is-active .story-behind-blog-slider__hero,.story-behind-blog-slider__slide.is-active .story-behind-blog-slider__img--small{grid-area:gallery}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__img--small):not(:has(.story-behind-blog-slider__hero)){grid-template-areas:"gallery" "title" "meta" "nav"}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__img--small):has(.story-behind-blog-slider__hero){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"thumb hero" "title title" "meta meta" "nav nav";column-gap:12px;row-gap:clamp(1.5rem,6vw,2rem)}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__img--small):has(.story-behind-blog-slider__hero) .story-behind-blog-slider__img--small{grid-area:thumb}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__img--small):has(.story-behind-blog-slider__hero) .story-behind-blog-slider__hero{grid-area:hero}.story-behind-blog-slider__img--small{width:100%;height:clamp(180px,52vw,204px);max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:2px;display:block}.story-behind-blog-slider__hero{width:100%;height:clamp(180px,52vw,204px);max-height:none;margin:0;overflow:hidden;align-self:stretch}.story-behind-blog-slider__hero .story-behind-blog-slider__img--large{width:100%;height:100%;object-fit:cover}.story-behind-blog-slider__title{grid-area:title;margin:0;width:100%;max-width:100%;color:#ffe787;font-family:Aesthetic,Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,10vw,2.5rem);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:lowercase;text-wrap:balance;text-align:left}.story-behind-blog-slider__meta{grid-area:meta;display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,5vw,1.5rem);width:100%}.story-behind-blog-slider__body{margin:0;width:100%;align-self:stretch;color:#fcf6ed;font-family:Lora,Georgia,serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;text-transform:capitalize}.story-behind-blog-slider__cta{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:12px 24px;border-radius:30px;background:#d5b584;color:#241f16;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;letter-spacing:0}.story-behind-blog-slider__cta:hover{background:#c9a56f}.story-behind-blog-slider__nav{grid-area:nav;margin-top:0;align-items:flex-end;justify-content:space-between;gap:clamp(1.5rem,8vw,2.5rem)}.story-behind-blog-slider__counter-wrap{flex:0 1 220px;max-width:220px;gap:.5rem}.story-behind-blog-slider__counter{color:#fcf6ed;font-family:Aesthetic,Georgia,serif;font-size:clamp(20px,7vw,28px);line-height:1.2}.story-behind-blog-slider__arrows{gap:1.5rem}.story-behind-blog-slider__progress-segment{height:2px;background:#ffffff29}.story-behind-blog-slider__progress-segment.is-active{background:linear-gradient(180deg,#ffe787,#f6d368,#ffcf55);animation:sbbs-fill .45s cubic-bezier(.4,0,.2,1) forwards}}@media screen and (min-width:600px)and (max-width:991px){.story-behind-blog-slider__stage{padding:40px}.story-behind-blog-slider__slide.is-active{row-gap:clamp(1.75rem,3vw,2rem)}.story-behind-blog-slider__slide.is-active:has(.story-behind-blog-slider__img--small):has(.story-behind-blog-slider__hero){column-gap:clamp(12px,2vw,16px);row-gap:clamp(1.75rem,3vw,2rem)}.story-behind-blog-slider__img--small,.story-behind-blog-slider__hero{height:clamp(204px,28vw,280px)}.story-behind-blog-slider__title{font-size:clamp(2.25rem,4.5vw,2.5rem);line-height:1.45}.story-behind-blog-slider__body{font-size:18px;line-height:27px}.story-behind-blog-slider__counter{font-size:clamp(20px,2.8vw,28px)}}@media screen and (max-width:600px){.story-behind-blog-slider__stage{padding:60px 16px}.story-behind-blog-slider__title{color:#ffe787;font-size:clamp(32px,9vw,38px);font-family:Aesthetic,serif;font-weight:400;text-transform:lowercase;line-height:1.4}.story-behind-blog-slider__body{font-size:16px;line-height:1.5;color:#fcf6ed;font-family:Lora,Georgia,serif;text-transform:capitalize}.story-behind-blog-slider__counter{color:#fcf6ed;font-size:clamp(20px,6vw,28px);font-family:Aesthetic,serif}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/story-behind-blog-slider.css.map */