.bb-story-banner{position:relative;isolation:isolate;width:100%;overflow:hidden;background:var(--bb-cream,#fcf9f4);min-height:clamp(640px,51vw,880px);display:grid;align-items:center;margin:0}.bb-story-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;display:block}.bb-story-banner__photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.bb-story-banner__veil{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#fcf9f4 0% 45%,#fcf9f4 51%,#fcf9f4c4 59%,#fcf9f433 69%,#fcf9f400 82%);pointer-events:none}.bb-story-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fcf9f4,#fcf9f4a6 5%,#fcf9f400 20% 73%,#fcf9f48c 90%,#fcf9f4)}.bb-story-banner__inner{width:100%;max-width:1680px;margin-inline:auto;padding:100px clamp(24px,3.65vw,80px)}.bb-story-banner__copy{max-width:570px;width:46%;padding:0}.bb-story-banner__eyebrow{color:#a85536;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px}.bb-story-banner h2{font-size:clamp(40px,4.3vw,66px);font-weight:400;letter-spacing:-.045em;line-height:1.06;color:var(--bb-ink,#202838);margin:0 0 28px;text-wrap:balance}.bb-story-banner__body{font-size:clamp(15px,1.15vw,18px);line-height:1.8;color:#54565b;margin:0 0 32px}.bb-story-banner__body p{margin:0 0 16px}.bb-story-banner__body p:last-child{margin-bottom:0}.bb-story-banner__link{display:inline-flex;align-items:center;justify-content:center;gap:24px;max-width:100%;padding:17px 26px;border:1px solid #b56545;border-radius:40px;color:#fffdf8;background:#b56545;font-size:12px;font-weight:600;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;line-height:1.5;transition:background .2s}.bb-story-banner__link span{font-size:20px;line-height:1}.bb-story-banner__link:hover{background:#954c32}.bb-story-banner__link:focus-visible{outline:2px solid #202838;outline-offset:5px}@media(max-width:989px)and (min-width:750px){.bb-story-banner__copy{width:51%}.bb-story-banner__inner{padding-block:80px}.bb-story-banner__body{font-size:15px}.bb-story-banner__link{gap:15px;padding:15px 20px;font-size:11px}}@media(max-width:749px){.bb-story-banner{min-height:0;display:block}.bb-story-banner__media{height:560px;bottom:auto}.bb-story-banner__photo{object-position:center top}.bb-story-banner__veil{background:linear-gradient(180deg,#fcf9f400 0px 170px,#fcf9f4bf 255px,#fcf9f4 310px 100%)}.bb-story-banner:after{background:linear-gradient(180deg,#fcf9f4 0,#fcf9f400 70px 100%)}.bb-story-banner__inner{padding:320px 24px 56px}.bb-story-banner__copy{width:100%;max-width:560px;margin:0 auto;text-align:center}.bb-story-banner__eyebrow{font-size:10px;margin-bottom:16px}.bb-story-banner h2{font-size:clamp(36px,10vw,48px);margin-bottom:20px}.bb-story-banner__body{font-size:14px;line-height:1.75;margin-bottom:24px}.bb-story-banner__link{font-size:10px;letter-spacing:.07em;gap:18px;padding:15px 22px}}.bb-loops{display:block;margin:18px 0 24px;padding:0;border:0;border-radius:0;background:transparent;min-width:0}.bb-loops__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bb-loops__heading h3{font:inherit;font-size:16px;font-weight:600;line-height:1.4;margin:0;color:#37312e}.bb-loops__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bb-loops__card{min-width:0;margin:0;scroll-snap-align:start}.bb-loops__video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#ecdfd0}.bb-loops__card figcaption{font-size:11px;line-height:1.4;margin-top:7px;color:#61534c;overflow-wrap:anywhere}.bb-loops__placeholders{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.bb-loops__placeholders>div{aspect-ratio:9/16;border:1px dashed #d4ae97;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a26950;font-size:12px}.bb-loops__placeholders>div>span:first-child{font-size:25px}.bb-loops__empty{margin:0;font-size:13px;color:#78675c}@media(max-width:749px){.bb-loops__rail{gap:4px}.bb-loops__heading h3{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */