/* Preview-Events.html(이벤트 목록) 페이지 전용. CSSBASE(about-base+site-ui+unify) 뒤에 로드 */

/* ===== 섹션 헤드 ===== */
.ev-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(26px,3vw,42px);flex-wrap:wrap;}
.ev-head .sec-label{display:flex;align-items:center;gap:14px;font-family:"Space Grotesk",sans-serif;margin-bottom:14px;}
.ev-head .sec-label .num{font-size:14px;font-weight:600;color:var(--point);letter-spacing:.06em;}
.ev-head .sec-label .ln{width:30px;height:1px;background:var(--point);opacity:.55;}
.ev-head .sec-label .lab{font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--body);}
.ev-head h2{font-size:clamp(24px,3vw,42px);font-weight:300;letter-spacing:-.035em;line-height:1.1;color:var(--ink);}
.ev-head .cnt{font-family:"Space Grotesk",sans-serif;font-size:14px;color:var(--muted);}
.ev-head .cnt b{color:var(--point);font-weight:700;}

/* ===== 대표 이벤트 (피처) ===== */
.ev-feature{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(300px,32vw,420px);border:1px solid var(--line);border-radius:0 28px 0 28px;overflow:hidden;text-decoration:none;background:#fff;transition:box-shadow .3s,transform .3s;margin-bottom:clamp(28px,3.5vw,48px);}
.ev-feature:hover{box-shadow:0 30px 64px -36px rgba(14,17,22,.45);transform:translateY(-4px);}
.ef-panel{position:relative;background:linear-gradient(135deg,#00AFEF,#0a3a5c);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3.5vw,46px);overflow:hidden;}
.ef-panel::after{content:"";position:absolute;width:60%;height:120%;right:-16%;top:-30%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);pointer-events:none;}
.ef-badge{align-self:flex-start;font-family:"Space Grotesk",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 13px;color:#fff;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 8px 0 8px;margin-bottom:auto;z-index:1;}
.ef-title{color:#fff;font-size:clamp(24px,2.9vw,42px);font-weight:300;letter-spacing:-.03em;line-height:1.2;z-index:1;margin-top:24px;}
.ef-body{padding:clamp(30px,3.5vw,52px);display:flex;flex-direction:column;justify-content:center;}
.ef-tag{font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--point);margin-bottom:18px;}
.ef-desc{font-size:clamp(15px,1.3vw,17.5px);color:var(--ink);line-height:1.8;font-weight:400;}
.ef-period{font-family:"Space Grotesk",sans-serif;font-size:13.5px;color:var(--muted);margin-top:20px;letter-spacing:.02em;}
.ef-cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:15px;font-weight:700;color:#666666;transition:gap .2s,color .2s;}
.ev-feature:hover .ef-cta{gap:16px;color:var(--point);}

/* ===== 이벤트 그리드 ===== */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,26px);}
.evc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:0 24px 0 24px;overflow:hidden;text-decoration:none;transition:box-shadow .3s,transform .3s;}
.evc:hover{box-shadow:0 24px 54px -32px rgba(14,17,22,.4);transform:translateY(-4px);}
.evc .ev-img{aspect-ratio:1000/600;position:relative;display:flex;align-items:flex-end;padding:22px;overflow:hidden;}
.evc .ev-img::after{content:"";position:absolute;width:70%;height:120%;right:-18%;top:-28%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 60%);pointer-events:none;}
.evc .ev-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.evc .ev-img.has-img::after{width:100%;height:100%;right:0;top:0;background:linear-gradient(180deg,rgba(10,14,18,0) 38%,rgba(10,14,18,.62));}
.evc:nth-child(4n+1) .ev-img{background:linear-gradient(135deg,#666666,#1c2128);}
.evc:nth-child(4n+2) .ev-img{background:linear-gradient(135deg,#00AFEF,#0a3a5c);}
.evc:nth-child(4n+3) .ev-img{background:linear-gradient(135deg,#13181e,#2a3540);}
.evc:nth-child(4n) .ev-img{background:linear-gradient(135deg,#102a3c,#16384a);}
.evc .ev-img .et{color:#fff;font-size:clamp(18px,1.7vw,23px);font-weight:300;letter-spacing:-.02em;line-height:1.3;z-index:1;}
.evc .ev-badge{position:absolute;top:16px;left:16px;font-family:"Space Grotesk",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;color:#fff;border-radius:0 8px 0 8px;z-index:1;}
.evc .ev-badge.live{background:var(--point);}
.evc .ev-badge.always{background:rgba(255,255,255,.24);backdrop-filter:blur(6px);}
.evc .ev-badge.end{background:rgba(255,255,255,.18);color:rgba(255,255,255,.75);}
.evc.is-end{opacity:.72;}
.evc .ev-meta{padding:22px;display:flex;flex-direction:column;flex:1;}
.evc .ev-meta p{font-size:14px;color:var(--body);line-height:1.7;font-weight:300;flex:1;}
.evc .ev-meta .period{font-family:"Space Grotesk",sans-serif;font-size:12.5px;color:var(--muted);margin-top:16px;letter-spacing:.02em;}

/* ===== 스크롤 리빌 ===== */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1;transform:none;}
  .ev-grid .reveal:nth-child(2){transition-delay:.06s;}
  .ev-grid .reveal:nth-child(3){transition-delay:.12s;}
  .ev-grid .reveal:nth-child(4){transition-delay:.06s;}
  .ev-grid .reveal:nth-child(5){transition-delay:.12s;}
}

@media(max-width:900px){
  .ev-grid{grid-template-columns:1fr 1fr;}
  .ev-feature{grid-template-columns:1fr;}
  .ef-panel{min-height:220px;}
}
@media(max-width:560px){.ev-grid{grid-template-columns:1fr;}}