.fl-media{background:#fff;padding:50px 0 58px;color:#111}
.fl-media__head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:14px;border-bottom:1px solid #bbb4aa}
.fl-media__head h2{margin:0;font-size:clamp(28px,3vw,48px);letter-spacing:-.04em}
.fl-media__head p{margin:6px 0 0;color:#6d675f}
.fl-media__head a{text-decoration:none;font-size:12px;font-weight:800}

.fl-media__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:18px}
.fl-media__card a{text-decoration:none;display:block;height:100%}
.fl-media__card.is-featured{grid-column:span 2}
.fl-media__image{
  position:relative;
  aspect-ratio:16/9;
  background:#e6e1da center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;
  color:#7d756c;font-size:13px;overflow:hidden
}
.fl-media__card.is-featured .fl-media__image{aspect-ratio:16/7.8}
.fl-media__image::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.45),transparent 58%);
  opacity:.75
}
.fl-media__placeholder{position:relative;z-index:1}
.fl-media__type{
  position:absolute;z-index:2;left:12px;top:12px;
  padding:6px 8px;background:rgba(255,255,255,.92);
  color:#111;font-size:9px;font-weight:900;letter-spacing:.07em
}
.fl-media__play{
  position:absolute;z-index:2;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;
  background:rgba(255,255,255,.94);color:#111;
  display:flex;align-items:center;justify-content:center;
  padding-left:3px;font-size:17px
}
.fl-media__content{padding-top:12px}
.fl-media__source{font-size:11px;color:#746e67;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.fl-media__content h3{font-size:17px;line-height:1.22;margin:0 0 12px}
.fl-media__card.is-featured .fl-media__content h3{font-size:clamp(22px,2vw,30px)}
.fl-media__link{font-size:10px;font-weight:900;letter-spacing:.04em}

@media(max-width:1000px){
  .fl-media__grid{grid-template-columns:repeat(2,1fr)}
  .fl-media__card.is-featured{grid-column:span 2}
}
@media(max-width:560px){
  .fl-media__grid{grid-template-columns:1fr}
  .fl-media__card.is-featured{grid-column:auto}
}

.fl-media-full{background:#fff;color:#111;padding:130px 0 90px}
.fl-media-full__intro{max-width:850px;margin-bottom:54px}
.fl-media-full__eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}
.fl-media-full__intro h1{margin:0;font-size:clamp(54px,7vw,100px);line-height:.88;letter-spacing:-.055em}
.fl-media-full__intro p{font-size:18px;line-height:1.55;color:#5f5952;max-width:650px}
.fl-media-full__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}
.fl-media-full__card a{text-decoration:none}
.fl-media-full__image{position:relative;aspect-ratio:16/9;background:#e6e1da center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#777;overflow:hidden}
.fl-media-full__image b{position:absolute;left:12px;top:12px;background:#fff;padding:6px 8px;font-size:9px;letter-spacing:.06em}
.fl-media-full__source{margin-top:12px;font-size:11px;color:#746e67;text-transform:uppercase;letter-spacing:.05em}
.fl-media-full__card h2{font-size:20px;line-height:1.2;margin:6px 0 12px}
.fl-media-full__link{font-size:10px;font-weight:900}
@media(max-width:900px){.fl-media-full__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fl-media-full{padding:110px 0 60px}.fl-media-full__grid{grid-template-columns:1fr}}
