.bn-filmstrip{position:relative;overflow:clip;color:var(--bn-ink)}.bn-filmstrip--paper{background:var(--bn-paper)}.bn-filmstrip--mist{background:var(--bn-paper-mid)}.bn-filmstrip__inner{padding-block:clamp(68px,8vw,112px)}.bn-filmstrip__header{display:grid;gap:18px;max-width:760px;margin:0 auto clamp(36px,5vw,64px);text-align:center}.bn-filmstrip__eyebrow,.bn-filmstrip__heading,.bn-filmstrip__intro{margin:0}.bn-filmstrip__heading{max-width:18ch;margin-inline:auto;justify-self:center;text-wrap:balance}.bn-filmstrip__intro{max-width:62ch;margin-inline:auto;font-family:var(--bn-sans);font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.65;color:var(--bn-ink-soft);text-wrap:pretty}.bn-filmstrip__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px);margin:0;padding:0;list-style:none}.bn-filmstrip__card{min-width:0;border:1px solid rgba(27,33,29,.1);border-radius:var(--bn-r-card);background:var(--bn-paper-raised);box-shadow:0 24px 54px -44px #1b211d6b;overflow:hidden}.bn-filmstrip__card--featured{grid-row:1 / span 2;align-self:start}.bn-filmstrip__media{position:relative;overflow:hidden;background:var(--bn-humus-soft)}.bn-filmstrip__card--featured .bn-filmstrip__media{aspect-ratio:16 / 9}.bn-filmstrip__card--support .bn-filmstrip__media{aspect-ratio:4 / 5}.bn-filmstrip__video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bn-filmstrip-position, 50% 50%);background:var(--bn-humus-soft)}.bn-filmstrip__caption{margin:0;padding:18px clamp(18px,2.2vw,26px) 20px;font-family:var(--bn-serif);font-size:clamp(1.08rem,1.5vw,1.32rem);line-height:1.28;color:var(--bn-ink)}.bn-filmstrip__toggle{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px;border:1px solid rgba(240,240,234,.58);border-radius:999px;background:#1b211dc7;color:var(--bn-on-dark);font-family:var(--bn-sans);font-size:.78rem;font-weight:600;letter-spacing:.02em;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color var(--bn-duration-base) var(--bn-ease-standard),transform var(--bn-duration-base) var(--bn-ease-standard)}.bn-filmstrip__toggle[hidden]{display:none}.bn-filmstrip__toggle-icon{position:relative;display:block;width:10px;height:12px}.bn-filmstrip__toggle-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:auto;border-block:6px solid transparent;border-left:9px solid currentColor}.bn-filmstrip__toggle[data-state=playing] .bn-filmstrip__toggle-icon:before{width:8px;height:11px;border:0;border-inline:3px solid currentColor}.bn-filmstrip__toggle:hover{background:#1b211df0}.bn-filmstrip__toggle:active{transform:scale(.97)}.bn-filmstrip__toggle:focus-visible{outline:3px solid var(--bn-fulvic-soft);outline-offset:3px}@media(max-width:767px){.bn-filmstrip__inner{padding-block:60px 68px}.bn-filmstrip__header{gap:14px;margin:0 0 32px;text-align:left}.bn-filmstrip__heading{margin-inline:0;justify-self:start}.bn-filmstrip__intro{margin-inline:0}.bn-filmstrip__grid{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:min(78vw,320px);gap:16px;width:calc(100% + var(--bn-gutter));overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0 var(--bn-gutter);padding:0 var(--bn-gutter) 16px 0;scrollbar-width:thin}.bn-filmstrip__card,.bn-filmstrip__card--featured{grid-row:auto;scroll-snap-align:start}.bn-filmstrip__card--featured .bn-filmstrip__media,.bn-filmstrip__card--support .bn-filmstrip__media{aspect-ratio:4 / 5}.bn-filmstrip__caption{min-height:72px;padding:16px 18px 18px;font-size:1.08rem}}@media(max-width:359px){.bn-filmstrip__grid{grid-auto-columns:min(82vw,290px)}.bn-filmstrip__toggle-text{display:none}.bn-filmstrip__toggle{width:42px;justify-content:center;padding-inline:0}}@media(hover:hover)and (min-width:768px){.bn-filmstrip__card{transition:transform var(--bn-duration-base) var(--bn-ease-standard),box-shadow var(--bn-duration-base) var(--bn-ease-standard)}.bn-filmstrip__card:hover{transform:translateY(-3px);box-shadow:0 30px 66px -42px #1b211d80}}@media(prefers-reduced-motion:reduce){.bn-filmstrip__grid{scroll-behavior:auto}.bn-filmstrip__card,.bn-filmstrip__toggle{transition:none}.bn-filmstrip__card:hover,.bn-filmstrip__toggle:active{transform:none}}@supports not (overflow: clip){.bn-filmstrip{overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bn-pdp-filmstrip.css.map */