/* DDC Flickr reel - live public photostream */
.flickr-reel{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-radius:32px;
  background:#07101f;
  box-shadow:0 28px 70px rgba(7,16,31,.14);
  isolation:isolate;
}
.flickr-reel-link{
  position:absolute;
  inset:0;
  display:block;
  color:#fff;
}
.flickr-reel-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.025);
  transition:opacity 1.25s ease,transform 7s ease;
  will-change:opacity,transform;
}
.flickr-reel-image.is-active{
  opacity:1;
  transform:scale(1);
}
.flickr-reel:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,16,31,.04) 25%,rgba(7,16,31,.18) 55%,rgba(7,16,31,.83) 100%);
}
.flickr-reel-topline{
  position:absolute;
  z-index:4;
  top:24px;
  left:24px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(7,16,31,.28);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.flickr-reel-topline:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  opacity:.9;
}
.flickr-reel-copy{
  position:absolute;
  z-index:4;
  left:28px;
  right:28px;
  bottom:28px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.flickr-reel-copy h3{
  max-width:460px;
  margin:0 0 7px;
  color:#fff;
  font-size:clamp(1.65rem,2.7vw,2.45rem);
  line-height:1.02;
  letter-spacing:-.035em;
}
.flickr-reel-caption{
  margin:0;
  max-width:460px;
  color:rgba(255,255,255,.74);
  font-size:.78rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.flickr-reel-cta{
  flex:0 0 auto;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(7,16,31,.22);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:.72rem;
  font-weight:750;
}
.flickr-reel-status{
  position:absolute;
  z-index:4;
  top:28px;
  right:26px;
  display:flex;
  gap:5px;
}
.flickr-reel-dot{
  display:block;
  width:18px;
  height:2px;
  border-radius:99px;
  background:rgba(255,255,255,.34);
  transition:background .3s ease,width .3s ease;
}
.flickr-reel-dot.is-active{
  width:30px;
  background:rgba(255,255,255,.94);
}
.flickr-reel-loading .flickr-reel-topline:after{
  content:"";
  width:10px;
  height:10px;
  border:1px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:ddc-flickr-spin .9s linear infinite;
}
@keyframes ddc-flickr-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .flickr-reel{min-height:470px}
}
@media(max-width:760px){
  .network-grid{align-items:start}
  .flickr-reel{min-height:390px;border-radius:24px;margin-bottom:8px}
  .flickr-reel-copy{left:20px;right:20px;bottom:20px;display:block}
  .flickr-reel-copy h3{font-size:1.75rem;max-width:310px}
  .flickr-reel-caption{max-width:270px}
  .flickr-reel-cta{display:inline-block;margin-top:14px}
  .flickr-reel-topline{top:18px;left:18px}
  .flickr-reel-status{top:22px;right:18px}
}
@media(prefers-reduced-motion:reduce){
  .flickr-reel-image{transition:none!important;transform:none!important}
  .flickr-reel-loading .flickr-reel-topline:after{animation:none}
}