.bf-fashion-films{padding-top:70px;padding-bottom:90px;background:#fff;color:#0b0b0b}
.bf-films-top{border-top:1px solid #deddd8;padding-top:45px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.bf-films-eyebrow{margin:0 0 22px;color:#ff6a00;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bf-films-top h2{font-size:clamp(36px,4.6vw,74px);line-height:1.05;letter-spacing:-.055em;margin:0;font-weight:800}
.bf-films-description{font-size:clamp(16px,1.35vw,22px);line-height:1.6;color:#6a6966;margin:0 0 3px;flex-shrink:0}
.bf-film-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.bf-film{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#171717;color:#fff;isolation:isolate}
.bf-film--featured{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.bf-film img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .35s ease}
.bf-film:after{content:"";position:absolute;inset:40% 0 0;z-index:0;background:linear-gradient(transparent,rgba(0,0,0,.76));pointer-events:none}
.bf-film:hover img{transform:scale(1.035)}
.bf-film:focus-visible{outline:3px solid #ff6a00;outline-offset:5px}
.bf-film-caption{position:absolute;z-index:1;bottom:19px;left:18px;right:65px;display:grid;gap:7px}
.bf-film-kind{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.035em}
.bf-film-name{font-size:clamp(16px,1.18vw,21px);font-weight:750;line-height:1.15;letter-spacing:-.025em}
.bf-film--featured .bf-film-caption{left:28px;bottom:28px;right:85px}
.bf-film--featured .bf-film-name{font-size:clamp(26px,2.3vw,38px)}
.bf-film-play{position:absolute;z-index:1;bottom:20px;right:17px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:16px;padding-left:2px}
.bf-film--featured .bf-film-play{bottom:29px;right:25px;width:44px;height:44px}
.bf-film-badge{position:absolute;z-index:1;top:25px;left:25px;background:#fff;color:#111;border-radius:999px;padding:11px 17px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.025em}
.bf-films-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:14px;color:#6a6966;line-height:1.6}
.bf-films-bottom a{color:#111;font-weight:700}.bf-films-bottom a:hover{text-decoration:underline}
.bf-film-dialog{background:#080808;color:#fff;border:1px solid #333;border-radius:20px;padding:16px;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.bf-film-dialog::backdrop{background:rgba(0,0,0,.88)}
.bf-film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.bf-film-dialog-head h2{font-size:18px;letter-spacing:-.02em;margin:0;line-height:1.3}
.bf-film-close{flex-shrink:0;background:#fff;color:#111;border:0;border-radius:999px;padding:12px 17px;font-size:16px;cursor:pointer;min-height:44px}
.bf-film-dialog .bf-film-player{display:block;width:100%;height:min(78dvh,900px);object-fit:contain;background:#000}
.bf-film-error{font-size:16px;line-height:1.5}.bf-film-error a{text-decoration:underline}
body.bf-film-open{overflow:hidden}
@media(max-width:1100px){.bf-film-grid{gap:14px}.bf-film{border-radius:18px}.bf-film-caption{left:12px;right:51px;bottom:16px}.bf-film-play{right:10px;bottom:16px;width:32px;height:32px}.bf-film-kind{font-size:12px}.bf-films-top{gap:25px}.bf-films-description{max-width:245px}}
@media(max-width:900px){.bf-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bf-film--featured{grid-column:1/-1;grid-row:auto;aspect-ratio:1}.bf-films-top{display:block}.bf-films-description{margin-top:22px;max-width:none}.bf-film-name{font-size:20px}.bf-film-caption{left:20px;right:65px;bottom:22px}.bf-film-play{width:38px;height:38px;right:17px;bottom:20px}}
@media(max-width:480px){.bf-fashion-films{padding-top:36px;padding-bottom:60px}.bf-films-top{padding-top:32px;margin-bottom:28px}.bf-films-top h2{font-size:clamp(30px,8.7vw,42px)}.bf-film-grid{gap:12px}.bf-film-caption{left:12px;right:43px;bottom:14px;gap:5px}.bf-film-kind{font-size:12px}.bf-film-name{font-size:16px}.bf-film-play{width:28px;height:28px;right:9px;bottom:14px;font-size:12px}.bf-film--featured .bf-film-caption{left:20px;bottom:24px}.bf-film-badge{top:18px;left:18px}.bf-films-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.bf-film img{transition:none}.bf-film:hover img{transform:none}}

/* Keep intrinsic image dimensions out of the grid sizing calculation. */
.bf-film-grid{align-items:stretch;grid-auto-flow:row}
.bf-film{min-width:0;min-height:0;aspect-ratio:1/1}
.bf-film img,.bf-film .bf-film-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.bf-film .bf-film-preview{opacity:0;pointer-events:none;transition:opacity .15s}
.bf-film.is-previewing .bf-film-preview{opacity:1}
.bf-film--featured{aspect-ratio:1/1}
.industries .cards{align-items:stretch}
.industries .card{aspect-ratio:1/1;min-height:0}
.industries .card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.bf-film--featured{aspect-ratio:1/1}.industries .card{min-height:0}}