/* Scroll reveal */
.reveal{
  opacity:0;
  transform:translateY(36px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* Brand tiles (hero floating) */
.brand-tile-wrap{position:absolute;pointer-events:none}
.brand-tile{
  width:100%;height:100%;border-radius:26%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 34px 64px rgba(0,0,0,.55),inset 0 3px 8px rgba(255,255,255,.35);
  position:relative;overflow:hidden;
}
.brand-tile::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.45),transparent 56%);
}
.brand-tile img{
  position:relative;width:58%;height:58%;object-fit:contain;
  filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.15));
}
.brand-tile--kakao img,.brand-tile--google img{
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));
}
.hero-decor .brand-tile-wrap{opacity:.48 !important}
.brand-tile--kakao{background:linear-gradient(145deg,#ffe14d,#f5c000)}
.brand-tile--naver{background:linear-gradient(145deg,#3ddc84,#13b35e)}
.brand-tile--meta{background:linear-gradient(145deg,#8fb0ff,#4f6dff)}
.brand-tile--google{background:linear-gradient(145deg,#ff9a7a,#ff4d4d)}
.brand-tile--daangn{background:linear-gradient(145deg,#ffc266,#ff8a33)}
.brand-tile--lms{background:linear-gradient(145deg,#4fe7bd,#12c39a)}

/* Channel card logos */
.brand-mark{
  width:58px;height:58px;border-radius:15px;flex:none;
  display:inline-flex;align-items:center;justify-content:center;padding:11px;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand-mark--kakao{background:linear-gradient(145deg,#ffe566,#f5c000);border:1px solid rgba(255,220,0,.55)}
.brand-mark--kakao img{filter:none}
.brand-mark--naver{background:linear-gradient(145deg,#2ee878,#03c75a);border:1px solid rgba(3,199,90,.55)}
.brand-mark--naver img{filter:brightness(0) invert(1)}
.brand-mark--meta{background:linear-gradient(145deg,#6b92ff,#1877f2);border:1px solid rgba(24,119,242,.55)}
.brand-mark--meta img{filter:brightness(0) invert(1)}
.brand-mark--google{background:linear-gradient(145deg,#ffffff,#f0f0f0);border:1px solid rgba(255,255,255,.45)}
.brand-mark--google img{filter:none}
.brand-mark--daangn{background:linear-gradient(145deg,#ffb347,#ff7121);border:1px solid rgba(255,113,33,.55)}
.brand-mark--daangn img{filter:brightness(0) invert(1)}
.brand-mark--lms{background:linear-gradient(145deg,#3fe7bd,#00b894);border:1px solid rgba(0,184,148,.55)}
.brand-mark--lms img{filter:brightness(0) invert(1)}

.pf-img{width:100%;height:200px;object-fit:cover;display:block;background:#1a1a1d}