/* 갤러리 YouTube 영상 — 타일의 재생 표시와 클릭 시 뜨는 재생 창.
   v2.css 를 고치면 전 페이지를 다시 올려야 해서 따로 둔다. */

.viz__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:clamp(52px,6vw,72px);aspect-ratio:1;border-radius:50%;
  background:rgba(6,18,31,.55);border:1px solid rgba(255,255,255,.55);
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  transition:background .4s var(--e1)}
.viz--video:hover .viz__play{background:rgba(0,139,188,.78)}
.viz__play::before{content:"";width:0;height:0;border-style:solid;
  border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;margin-left:4px}

.ymodal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  background:rgba(6,18,31,.88);padding:5vw}
.ymodal[hidden]{display:none}
.ymodal__box{position:relative;width:min(92vw,1080px);aspect-ratio:16/9;background:#000;
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ymodal__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ymodal__x{position:absolute;top:8px;right:8px;z-index:2;width:42px;height:42px;padding:0;border:0;
  border-radius:50%;background:rgba(6,18,31,.6);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.ymodal__x:hover{background:var(--orange)}