.bw-col{width:100%;max-width:1080px;padding:0 var(--spacing-yeppo-section-before);box-sizing:border-box;margin:0 auto}.bw-head{max-width:560px;margin:var(--spacing-yeppo-section-before) auto 0;text-align:center}.bw-hero{margin:var(--spacing-yeppo-card-gap) 0 0;aspect-ratio:3/2;border-radius:var(--radius-yeppo-card);background:var(--bb-night);border:1px solid #ffffff1f;position:relative;overflow:hidden}@media (min-width:900px){.bw-hero{aspect-ratio:21/9}.bw-hero img{object-position:50% 30%}}.bw-index{justify-content:center;gap:var(--spacing-yeppo-card-gap);margin:var(--spacing-yeppo-section-before) 0 0;flex-wrap:wrap;display:flex}.bw-index-link{box-sizing:border-box;min-height:36px;padding:0 var(--spacing-yeppo-grid-card);border-radius:var(--radius-yeppo-pill);font-family:var(--bb-j);font-size:var(--text-label);font-weight:var(--text-label--font-weight);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:#fff;border:1px solid #ffffff59;align-items:center;text-decoration:none;display:inline-flex}.bw-index-link:hover{border-color:#fff}.bw-campaign{margin-top:56px;scroll-margin-top:24px}.bw-campaign-head{margin:0 0 var(--spacing-yeppo-page)}.bw-eyebrow{margin:0 0 var(--spacing-yeppo-card-gap);font-family:var(--bb-j);font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:var(--text-label--font-weight);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:var(--bb-blush)}.bw-campaign-title{letter-spacing:-.04em;color:#fff;margin:0;font-size:30px;font-weight:900;line-height:1}.bw-campaign-product{margin:var(--spacing-yeppo-card-gap) 0 0;font-weight:var(--text-body--font-weight);font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);color:#fff}.bw-campaign-meta{margin:var(--spacing-yeppo-card-gap) 0 0;font-family:var(--bb-j);font-size:var(--text-label);font-weight:var(--text-label--font-weight);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:var(--bb-dim)}.bw-grid{gap:var(--spacing-yeppo-card-gap);margin:0 calc(-1 * var(--spacing-yeppo-section-before));padding:0 var(--spacing-yeppo-section-before) var(--spacing-yeppo-card-gap);scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding:0 24px;display:flex;overflow-x:auto}.bw-grid::-webkit-scrollbar{display:none}.bw-stills{margin:0;padding:0;list-style:none;display:contents}.bw-tile{aspect-ratio:3/4;border-radius:var(--radius-yeppo-card);background:var(--bb-night);scroll-snap-align:start;border:1px solid #ffffff1f;flex:0 0 62vw;max-width:280px;position:relative;overflow:hidden}.bw-tile--clip{aspect-ratio:9/16;flex-basis:46.5vw;max-width:210px}.bw-tile video,.bw-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.bw-badge{inset-inline-start:8px;padding:var(--spacing-yeppo-card-gap) var(--spacing-yeppo-card-gap);border-radius:var(--radius-yeppo-pill);font-family:var(--bb-j);font-size:var(--text-label);font-weight:var(--text-label--font-weight);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:#fff;pointer-events:none;background:#140a0db8;position:absolute;bottom:8px}.bw-play{top:8px;border-radius:var(--radius-yeppo-pill);color:#fff;width:36px;height:36px;font-size:var(--text-label);font-weight:var(--text-label--font-weight);letter-spacing:var(--text-label--letter-spacing);line-height:var(--text-label--line-height);cursor:pointer;background:#140a0db8;border:0;place-items:center;display:grid;position:absolute;inset-inline-start:8px}@media (min-width:900px){.bw-grid{gap:var(--spacing-yeppo-grid-card);grid-template-columns:minmax(220px,300px) minmax(0,1fr);margin:0;padding:0;display:grid;overflow:visible}.bw-stills{grid-template-columns:repeat(var(--bw-cols,3), minmax(0, 1fr));gap:var(--spacing-yeppo-grid-card);display:grid}.bw-tile,.bw-tile--clip{flex:none;max-width:none}.bw-tile--clip{aspect-ratio:auto}}.bw-note{margin-top:var(--spacing-yeppo-tap);text-align:center}.bw-foot{max-width:560px;margin:var(--spacing-yeppo-section-before) auto 0}.bw-teaser{width:100%}.bw-teaser-title{margin:0 0 var(--spacing-yeppo-card-gap);font-weight:var(--text-card-title--font-weight);font-size:var(--text-card-title);line-height:var(--text-card-title--line-height);letter-spacing:var(--text-card-title--letter-spacing)}.bw-teaser-note{margin:0 0 var(--spacing-yeppo-page);font-size:var(--text-meta);font-weight:var(--text-meta--font-weight);letter-spacing:var(--text-meta--letter-spacing);line-height:var(--text-meta--line-height)}.bw-teaser-grid{gap:var(--spacing-yeppo-card-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.bw-teaser-tile{aspect-ratio:3/4;border-radius:var(--radius-yeppo-card);text-decoration:none;display:block;position:relative;overflow:hidden}.bw-teaser-cap{inset-inline:0;padding:var(--spacing-yeppo-page) var(--spacing-yeppo-card-gap) var(--spacing-yeppo-card-gap);font-family:var(--font-jet), "JetBrains Mono", ui-monospace, monospace;font-size:var(--text-label);font-weight:var(--text-label--font-weight);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:#fff;background:linear-gradient(#140a0d00,#140a0dc7);position:absolute;bottom:0}.bw-teaser-link{min-height:40px;margin-top:var(--spacing-yeppo-card-gap);font-weight:var(--text-meta--font-weight);font-size:var(--text-meta);letter-spacing:var(--text-meta--letter-spacing);line-height:var(--text-meta--line-height);align-items:center;text-decoration:none;display:inline-flex}.bw-teaser--berry .bw-teaser-title{color:#fff}.bw-teaser--berry .bw-teaser-note{color:var(--bb-blush)}.bw-teaser--berry .bw-teaser-tile{background:var(--bb-night);border:1px solid #ffffff1f}.bw-teaser--berry .bw-teaser-tile:hover{border-color:#ffffffd9}.bw-teaser--berry .bw-teaser-link{color:#fff}.bw-teaser--zellige{text-align:start}.bw-teaser--zellige .bw-teaser-title{color:var(--zel-ink)}.bw-teaser--zellige .bw-teaser-note{color:var(--zel-muted)}.bw-teaser--zellige .bw-teaser-tile{border:1px solid var(--zel-border-m);background:var(--zel-white)}.bw-teaser--zellige .bw-teaser-tile:hover{border-color:var(--zel-vivid)}.bw-teaser--zellige .bw-teaser-link{color:var(--zel-deep)}.bw-teaser-tile:focus-visible,.bw-index-link:focus-visible{outline-offset:2px;outline:2px solid}
