.bn-pdp-cinematic{position:relative;overflow:hidden}.bn-pdp-cinematic .bnc-head{max-width:700px;margin-inline:auto;text-align:center}.bn-pdp-cinematic .bnc-h2{margin-block:10px 0;text-wrap:balance}.bn-pdp-cinematic .bnc-lead{margin-block-start:14px;color:var(--bn-muted);font-family:var(--bn-sans);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.65}.bn-pdp-cinematic .bnc-lead p{margin:0}.bn-pdp-cinematic .bnc-stage{display:grid;gap:clamp(24px,4vw,34px);margin-block-start:clamp(28px,4vw,44px)}.bn-pdp-cinematic .bnc-media{position:relative;order:-1;border-radius:var(--bn-r-card);overflow:hidden;background:transparent}.bn-pdp-cinematic .bnc-video,.bn-pdp-cinematic .bnc-still{display:block;width:100%;height:auto;aspect-ratio:var(--bnc-ar, 4 / 3);object-fit:cover;border-radius:var(--bn-r-card);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%),linear-gradient(to bottom,transparent 0,#000 7px,#000 calc(100% - 22px),transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%),linear-gradient(to bottom,transparent 0,#000 7px,#000 calc(100% - 22px),transparent 100%);mask-composite:intersect}.bn-pdp-cinematic .bnc-filmbtn{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--bn-hairline-dark);border-radius:var(--bn-r-pill);background:rgba(var(--bn-scrim-rgb),.52);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--bn-on-dark);cursor:pointer;transition:background var(--bn-duration-fast) var(--bn-ease-standard)}.bn-pdp-cinematic .bnc-filmbtn:hover{background:rgba(var(--bn-scrim-rgb),.74)}.bn-pdp-cinematic .bnc-filmbtn:focus-visible{outline:2px solid var(--bn-fulvic-soft);outline-offset:2px}.bn-pdp-cinematic .bnc-ic{width:11px;height:13px;fill:currentColor}.bn-pdp-cinematic .bnc-ic-play,.bn-pdp-cinematic .bnc-filmbtn[aria-pressed=false] .bnc-ic-pause{display:none}.bn-pdp-cinematic .bnc-filmbtn[aria-pressed=false] .bnc-ic-play{display:block}.bn-pdp-cinematic .bnc-col{display:grid;gap:clamp(18px,2.6vw,30px)}.bn-pdp-cinematic .bnc-col{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-pdp-cinematic .bnc-callout{position:relative;padding-inline-start:12px;border-inline-start:1px solid var(--bn-hairline-gold);overflow-wrap:normal}.bn-pdp-cinematic .bnc-callout-title{margin:0 0 6px;font-family:var(--bn-sans);font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bn-ink)}.bn-pdp-cinematic .bnc-callout-body{color:var(--bn-muted);font-family:var(--bn-sans);font-size:.9rem;line-height:1.6}.bn-pdp-cinematic .bnc-callout-body p{margin:0}.bn-pdp-cinematic .bnc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;margin:clamp(26px,3.6vw,40px) 0 0;padding:0;list-style:none}.bn-pdp-cinematic .bnc-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--bn-hairline-soft);border-radius:var(--bn-r-pill);background:var(--bn-paper-raised);color:var(--bn-ink-soft);font-family:var(--bn-sans);font-size:.82rem;line-height:1.3;white-space:nowrap}.bn-pdp-cinematic .bnc-chip-ic{display:inline-flex;flex:0 0 auto;width:17px;height:17px;color:var(--bn-humus)}.bn-pdp-cinematic .bnc-chip-ic svg{width:100%;height:100%;stroke:currentColor;fill:none}@media(min-width:900px){.bn-pdp-cinematic .bnc-stage{grid-template-columns:minmax(0,1fr) minmax(0,54%) minmax(0,1fr);align-items:center;gap:clamp(22px,3vw,40px)}.bn-pdp-cinematic .bnc-media{order:0}.bn-pdp-cinematic .bnc-col{grid-template-columns:minmax(0,1fr);gap:clamp(34px,5vw,60px)}.bn-pdp-cinematic .bnc-callout{padding-inline-start:0;border-inline-start:0}.bn-pdp-cinematic .bnc-callout:after{content:"";position:absolute;top:8px;width:clamp(18px,2.6vw,38px);height:7px;pointer-events:none}.bn-pdp-cinematic .bnc-col--start .bnc-callout{text-align:right}.bn-pdp-cinematic .bnc-col--start .bnc-callout:after{left:100%;margin-left:clamp(10px,1.4vw,18px);background:radial-gradient(circle at right center,var(--bn-fulvic) 0 2.6px,transparent 2.7px) right center / 7px 7px no-repeat,linear-gradient(var(--bn-hairline-gold),var(--bn-hairline-gold)) left center / 100% 1px no-repeat}.bn-pdp-cinematic .bnc-col--end .bnc-callout:after{right:100%;margin-right:clamp(10px,1.4vw,18px);background:radial-gradient(circle at left center,var(--bn-fulvic) 0 2.6px,transparent 2.7px) left center / 7px 7px no-repeat,linear-gradient(var(--bn-hairline-gold),var(--bn-hairline-gold)) right center / 100% 1px no-repeat}}@media(prefers-reduced-motion:reduce){.bn-pdp-cinematic .bnc-filmbtn{transition:none}}@media(min-width:900px){.bn-pdp-cinematic .bnc-col--start .bnc-callout{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bn-pdp-cinematic.css.map */