/* ============================================================
   HITBEATSOUND — site shell (home / archive)
   흰 바탕 · 검정 그로테스크 초대형 타이포 · 세로 헤어라인 · 잉크 뭉침 전환
   ============================================================ */
:root{
  color-scheme:light;
  --bg:#fff; --ink:#0b0b0b; --mute:#8d8d8d; --line:rgba(0,0,0,.16); --ghost:#e9e9e9;
  --red:#E7301F;
  --pad:clamp(16px,2.2vw,28px);
  --split:37%;                       /* 세로 헤어라인 위치 (데스크톱) */
  --big:clamp(52px,11.2vw,184px);    /* 초대형 타이포 */
  --mid:clamp(34px,6.4vw,104px);
  --sans:'Inter Tight','Pretendard',system-ui,-apple-system,sans-serif;
  --kr:'Pretendard',system-ui,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:600;line-height:1.25;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;word-break:keep-all;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.kr{font-family:var(--kr);}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.small{font-size:13px;line-height:1.3;font-weight:600;letter-spacing:-.005em;}
.mute{color:var(--mute);}

/* ── 고정 UI ── */
.ghost{position:fixed;bottom:calc(var(--pad) - .12em);z-index:0;pointer-events:none;user-select:none;
  font-family:var(--sans);font-weight:700;letter-spacing:-.055em;line-height:.8;color:var(--ghost);
  font-size:clamp(42px,9vw,132px);}
.ghost.l{left:var(--pad);} .ghost.r{right:var(--pad);}
main,footer{position:relative;z-index:1;}

/* ── 로더 ── */
.loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad);
  transition:opacity .5s ease,visibility .5s;}
.loader .top{font-size:13px;font-weight:700;padding-left:34px;line-height:22px;}
.loader .num{font-weight:800;letter-spacing:-.06em;line-height:.8;font-size:clamp(72px,14vw,200px);font-variant-numeric:tabular-nums;}
.loader.out{opacity:0;visibility:hidden;}
html.seen .loader{display:none;}

/* ── 잉크 뭉침 전환 (SVG goo) ── */
.ink{filter:url(#goo);}
.ink.done{filter:none;}
.ink .w{display:inline-block;filter:blur(9px);opacity:0;transform:translateY(.08em) scaleX(1.05);
  transition:filter .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease,transform .55s cubic-bezier(.2,.7,.2,1);}
.ink.in .w{filter:blur(0);opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){ .ink{filter:none} .ink .w{filter:none;opacity:1;transform:none;transition:none} .loader{display:none} }

/* ── 공통 섹션 ── */
.sec{position:relative;padding:0 var(--pad);}
.rule{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:var(--line);}
.big{font-size:var(--big);font-weight:700;letter-spacing:-.058em;line-height:.9;}
.mid{font-size:var(--mid);font-weight:700;letter-spacing:-.05em;line-height:.92;}
.ind1{padding-left:var(--split);} .ind2{padding-left:calc(var(--split) + 10vw);}
.label{font-size:13px;font-weight:700;}

/* HERO */
.hero{overflow-x:clip;min-height:100svh;display:grid;grid-template-columns:var(--split) 1fr;grid-template-rows:auto 1fr auto;padding-top:calc(var(--pad) + 2px);padding-bottom:calc(var(--pad) + 6vw);}
.hero .tl{grid-column:2;grid-row:1;padding-left:18px;}
.hero .bl{grid-column:1;grid-row:3;align-self:end;justify-self:end;padding-right:18px;text-align:left;}
.hero h1{grid-column:1/-1;grid-row:2;align-self:center;margin:6vh 0;}
.hero h1 .l1{display:block;} .hero h1 .l2{display:block;padding-left:var(--split);} .hero h1 .l3{display:block;padding-left:calc(var(--split) + 14vw);}
.hero .tl .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px;animation:blink 1.4s steps(2) infinite;}
@keyframes blink{50%{opacity:.2}}
.pill{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px 11px 18px;min-height:44px;
  font-family:var(--kr);font-size:14px;font-weight:800;transition:background .25s;}
.pill svg{width:16px;height:16px;transition:transform .25s;} .pill:hover{background:#2b2b2b;} .pill:hover svg{transform:translateX(3px);}

/* FEATURE (Vol.1) */
.feature{display:grid;grid-template-columns:var(--split) 1fr;gap:0;padding-top:12vh;padding-bottom:14vh;}
.feature .poster{padding-right:18px;}
.feature .poster a{display:block;position:relative;overflow:hidden;background:#eee;}
.feature .poster img{width:100%;height:auto;aspect-ratio:1200/1697;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.feature .poster a:hover img{transform:scale(1.03);}
.feature .body{padding-left:18px;display:flex;flex-direction:column;min-width:0;}
.feature .kicker{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;}
.feature h2{margin-bottom:5vh;}
.feature h2 .ko{display:block;font-family:var(--kr);font-weight:800;font-size:clamp(20px,2.4vw,34px);letter-spacing:-.03em;margin-top:.35em;}
.rows{border-top:1px solid var(--line);}
.rows .r{display:grid;grid-template-columns:minmax(84px,26%) 1fr;gap:12px;padding:11px 0 12px;border-bottom:1px solid var(--line);font-size:15px;}
.rows .r .k{color:var(--mute);font-size:13px;padding-top:2px;}
.rows .r .v{font-family:var(--kr);font-weight:700;letter-spacing:-.01em;}
.rows .r .v small{display:block;font-weight:600;color:#666;font-size:13px;margin-top:2px;}
.cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;
  border-radius:999px;padding:18px 22px 18px 26px;min-height:60px;transition:background .25s,transform .15s;}
.cta b{font-family:var(--kr);font-size:17px;font-weight:800;}
.cta span{font-size:22px;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;}
.cta svg{width:22px;height:22px;transition:transform .25s;}
.cta:hover{background:#2b2b2b;} .cta:hover svg{transform:translateX(4px);}
.cta:active{transform:scale(.99);}
.lineup{margin-top:5vh;}
.lineup .label{margin-bottom:10px;display:flex;justify-content:space-between;}
.lineup ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}
.lineup li{padding:9px 0 10px;border-bottom:1px solid var(--line);font-size:clamp(15px,1.5vw,20px);font-weight:700;letter-spacing:-.02em;}
.lineup li:nth-child(odd){padding-right:12px;} .lineup li:nth-child(even){padding-left:12px;border-left:1px solid var(--line);}

/* STATEMENT */
.statement{padding-top:14vh;padding-bottom:16vh;}
.statement .cap{position:relative;padding-left:calc(var(--split) + 18px);margin-bottom:5vh;max-width:calc(var(--split) + 360px);}
.statement p.big > span{display:block;}
.statement .s2{padding-left:var(--split);} .statement .s3{padding-left:calc(var(--split) * .45);} .statement .s4{padding-left:calc(var(--split) + 6vw);}

/* SHOWS (archive table) */
.shows{padding-top:12vh;padding-bottom:14vh;}
.shows h2{display:flex;justify-content:space-between;margin-bottom:7vh;}
.table{border-top:1px solid var(--line);}
.table a{display:grid;grid-template-columns:70px 70px 1fr 1fr 110px;gap:12px;align-items:baseline;padding:14px 0 15px;border-bottom:1px solid var(--line);
  font-size:15px;transition:padding .25s,background .25s;position:relative;}
.table a .t{font-size:clamp(18px,2vw,28px);font-weight:700;letter-spacing:-.035em;}
.table a .t small{font-family:var(--kr);font-size:13px;font-weight:700;letter-spacing:0;color:#666;margin-left:8px;}
.table a .st{text-align:right;font-size:13px;}
.table a .st.on{color:var(--red);}
.table a .st.on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px;}
.table a:hover{padding-left:10px;padding-right:10px;background:#f4f4f4;}
.table .hd{display:grid;grid-template-columns:70px 70px 1fr 1fr 110px;gap:12px;padding:0 0 8px;font-size:12px;color:var(--mute);}
.table .hd span:last-child{text-align:right;}
.peek{position:fixed;z-index:50;width:200px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.92) rotate(-3deg);transition:opacity .2s,transform .25s;}
.peek.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg);}
.peek img{width:100%;box-shadow:0 20px 40px rgba(0,0,0,.2);}

/* CHANNEL */
.channel{padding-top:12vh;padding-bottom:12vh;}
.channel .cap{padding-left:calc(var(--split) + 18px);margin-bottom:4vh;max-width:calc(var(--split) + 380px);}
.links{border-top:1px solid var(--line);}
.links a{display:flex;justify-content:space-between;align-items:center;padding:16px 0 18px;border-bottom:1px solid var(--line);}
.links a b{font-size:var(--mid);font-weight:700;letter-spacing:-.05em;line-height:.95;}
.links a svg{width:clamp(28px,4vw,56px);height:clamp(28px,4vw,56px);transition:transform .3s;}
.links a:hover svg{transform:rotate(-45deg);}
.links a.off{opacity:.35;pointer-events:none;}

/* FOOTER (clock) */
.foot{padding:14vh var(--pad) calc(var(--pad) + 12vw);}
.clock{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;font-weight:700;letter-spacing:-.05em;
  font-size:clamp(44px,8vw,120px);line-height:1;font-variant-numeric:tabular-nums;}
.clock .pa{font-weight:500;} .clock .c{text-align:center;} .clock .box{width:clamp(80px,11vw,170px);aspect-ratio:3/4.24;background:#000;overflow:hidden;margin:0 auto;}
.clock .box img{width:100%;height:100%;object-fit:cover;animation:drift 12s ease-in-out infinite alternate;}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.14) translateY(-4%)}}
.foot .meta{margin-top:10vh;display:grid;grid-template-columns:var(--split) 1fr;gap:18px;font-size:13px;}
.foot .meta a{text-decoration:underline;text-underline-offset:3px;}
.foot .biz{color:var(--mute);font-family:var(--kr);font-weight:600;line-height:1.6;}

/* HERO 3D 로고 */
.hero .logo3d{grid-column:2;grid-row:1/3;justify-self:end;align-self:start;width:clamp(150px,21vw,330px);aspect-ratio:1/1;margin-top:40px;position:relative;z-index:2;cursor:grab;touch-action:pan-y;}
.hero .logo3d:active{cursor:grabbing;}
.hero .logo3d img{width:78%;height:auto;margin:11% auto 0;opacity:1;transition:opacity .4s;}
.hero .logo3d canvas{position:absolute;inset:-18%;width:136%!important;height:136%!important;pointer-events:none;opacity:0;transition:opacity .6s;}
.hero .logo3d.gl canvas{opacity:1;} .hero .logo3d.gl img{opacity:0;}

/* ── 티켓 CTA: 포스터 벽 질감 티켓 한 장 (본권 + 절취선 + 반권) ── */
.tix{--cut:calc(100% - 128px);position:relative;display:block;width:100%;color:#0b0b0b;text-decoration:none;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.2));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s;}
.tix .tk{position:relative;display:flex;align-items:stretch;min-height:84px;overflow:hidden;
  background:#d8321f url(/vol1/bg-sm.jpg) 30% 40%/420px auto;
  -webkit-mask:radial-gradient(circle at var(--cut) 0,#0000 11px,#000 11.5px) top/100% 51% no-repeat,radial-gradient(circle at var(--cut) 100%,#0000 11px,#000 11.5px) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle at var(--cut) 0,#0000 11px,#000 11.5px) top/100% 51% no-repeat,radial-gradient(circle at var(--cut) 100%,#0000 11px,#000 11.5px) bottom/100% 51% no-repeat;}
.tix .tk::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 45%,transparent 60%) -120% 0/60% 100% no-repeat;pointer-events:none;transition:background-position .8s ease;}
.tix:hover{transform:translateY(-3px) rotate(-.8deg);filter:drop-shadow(0 18px 22px rgba(0,0,0,.26));}
.tix:hover .tk::before{background-position:220% 0;}
.tix:active{transform:translateY(0) rotate(0) scale(.99);}
.tix .m{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:14px 18px 14px 24px;min-width:0;}
.tix .m small{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;}
.tix .m small::before{content:"";width:7px;height:7px;border-radius:50%;background:#0b0b0b;flex:none;animation:blink 1.4s steps(2) infinite;}
.tix .m b{font-family:var(--kr);font-size:clamp(22px,2.3vw,30px);font-weight:900;letter-spacing:-.03em;line-height:1;display:flex;align-items:center;gap:10px;}
.tix .m b svg{width:.9em;height:.9em;flex:none;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.tix:hover .m b svg{transform:translateX(6px);}
.tix .s{width:128px;flex:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-left:2px dashed rgba(0,0,0,.55);padding:10px 8px;text-align:center;}
.tix .s small{font-size:10px;font-weight:800;letter-spacing:.16em;}
.tix .s b{font-family:var(--sans);font-size:24px;font-weight:800;letter-spacing:-.04em;line-height:1;}
.tix .s em{font-style:normal;font-family:var(--kr);font-size:11px;font-weight:700;opacity:.75;}
.tix.sm{--cut:calc(100% - 84px);width:auto;display:inline-block;margin-top:14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.16));} .tix.sm .tk{min-height:58px;}
.tix.sm .m{padding:8px 14px 8px 16px;gap:2px;} .tix.sm .m small{font-size:9.5px;} .tix.sm .m b{font-size:17px;gap:7px;}
.tix.sm .s{width:84px;} .tix.sm .s b{font-size:17px;} .tix.sm .s small{font-size:9px;}
.feature .tix{margin-top:28px;}
/* 스크롤하면 따라오는 티켓 */
.tix.float{position:fixed;z-index:55;left:50%;margin-left:-180px;bottom:calc(var(--pad) + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 2 * var(--pad)));--cut:calc(100% - 104px);
  transform:translateY(160%);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s;}
.tix.float .tk{min-height:66px;} .tix.float .s{width:104px;} .tix.float .m b{font-size:20px;} .tix.float .s b{font-size:19px;}
.tix.float.show{transform:none;} .tix.float.show:hover{transform:translateY(-3px) rotate(-.8deg);}
body.menu-open .tix.float,body.lock .tix.float{transform:translateY(160%);}

/* 로딩 중 3D 로고 — 화면 가운데서 돌다가 제자리로 */
.logo3d.intro{position:fixed;left:50%;top:50%;width:min(48vw,46vh);aspect-ratio:1/1;transform:translate(-50%,-50%);z-index:101;margin:0;pointer-events:none;}
.logo3d.intro img{width:78%;height:auto;margin:11% auto 0;}
.logo3d.intro canvas{position:absolute;inset:-18%;width:136%!important;height:136%!important;pointer-events:none;opacity:0;transition:opacity .4s;}
.logo3d.intro.gl canvas{opacity:1;} .logo3d.intro.gl img{opacity:0;}
.logo3d.fly{position:fixed;z-index:101;margin:0;pointer-events:none;transition:transform .95s cubic-bezier(.7,0,.2,1);}
.logo3d.fly img{width:78%;height:auto;margin:11% auto 0;} .logo3d.fly canvas{position:absolute;inset:-18%;width:136%!important;height:136%!important;pointer-events:none;}
.logo3d.fly.gl img{opacity:0;}

/* LINEUP 아티스트 사진 */
.lineup li[data-img]{cursor:default;transition:padding .25s ease;}
.lineup li[data-img]::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ink);margin-left:8px;vertical-align:.25em;opacity:0;transition:opacity .2s;}
.lineup li[data-img]:hover{padding-left:8px;} .lineup li[data-img]:nth-child(even):hover{padding-left:20px;} .lineup li[data-img]:hover::after,.lineup li[data-img].tap::after{opacity:1;}
.peek.artist{width:clamp(180px,17vw,250px);}
.peek.artist img{aspect-ratio:4/5;object-fit:cover;background:#ddd;}

/* VIDEOS — 썸네일 구 */
.videos{padding-top:12vh;padding-bottom:12vh;}
.vhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;}
.vhead h2 span{display:block;} .vhead h2 span+span{padding-left:calc(var(--split) * .6);}
.vhead p{text-align:right;flex:none;padding-bottom:.6em;}
.globe-stage{position:relative;height:min(100vh,940px);margin:2vh calc(var(--pad) * -1) 0;perspective:1600px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;}
.globe-stage.drag{cursor:grabbing;}
.globe{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;}
.globe a{position:absolute;left:0;top:0;display:block;transform-style:preserve-3d;backface-visibility:visible;background:#111;outline:1px solid rgba(0,0,0,.06);}
.globe a img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;}
.globe a:hover{outline:2px solid var(--ink);outline-offset:2px;}
.gtip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;max-width:260px;background:var(--ink);color:#fff;font-family:var(--kr);font-size:12px;font-weight:700;line-height:1.35;padding:7px 10px 8px;border-radius:6px;opacity:0;transform:translate(14px,14px);transition:opacity .15s;}
.gtip.on{opacity:1;} .gtip small{display:block;color:#aaa;font-weight:600;margin-top:2px;}
.ghostcta{max-width:560px;margin-left:auto;margin-top:2vh;}
.ghostcta em{font-style:normal;font-size:15px;opacity:.7;}

/* PLAYER 모달 */
.player{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(12px,4vw,56px);background:rgba(8,8,8,.9);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
.player.on{opacity:1;visibility:visible;}
.player .box{width:min(100%,1180px,calc((100svh - 150px) * 16 / 9));}
.player .fr{position:relative;aspect-ratio:16/9;background:#000;}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.player .cap{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:#fff;margin-top:14px;}
.player .cap b{font-family:var(--kr);font-size:clamp(14px,1.4vw,18px);font-weight:700;line-height:1.4;}
.player .cap small{display:block;color:#999;font-size:12px;margin-top:4px;font-weight:600;}
.player .cap a{flex:none;font-size:12px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:7px 12px 8px;}
.player .x{position:fixed;top:calc(var(--pad) - 4px);right:var(--pad);background:#fff;color:var(--ink);font-size:13px;font-weight:700;padding:7px 13px 8px;border-radius:999px;min-height:32px;}
body.lock{overflow:hidden;}

/* VIDEOS 페이지 — 목록 */
.vlist{padding-top:4vh;padding-bottom:12vh;}
.vbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:calc(var(--pad) + 36px) 0 14px;background:linear-gradient(#fff 88%,rgba(255,255,255,0));}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);}
.chips::-webkit-scrollbar{display:none;}
.chips button{flex:none;font-size:13px;font-weight:700;border:1.5px solid var(--ink);border-radius:999px;padding:7px 13px 8px;min-height:36px;white-space:nowrap;transition:background .2s,color .2s;}
.chips button i{font-style:normal;opacity:.5;margin-left:5px;font-variant-numeric:tabular-nums;}
.chips button[aria-selected="true"],.chips button:hover{background:var(--ink);color:#fff;}
.vsearch input{font:inherit;font-family:var(--kr);font-size:16px;font-weight:600;width:min(260px,40vw);border:0;border-bottom:1.5px solid var(--ink);padding:6px 0;background:transparent;color:var(--ink);border-radius:0;outline:none;}
.vsearch input::placeholder{color:#aaa;}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px;border-top:1px solid var(--line);padding-top:22px;}
.vgrid a{display:block;}
.vgrid .th{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eee;}
.vgrid .th img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.vgrid a:hover .th img{transform:scale(1.05);}
.vgrid .th .du{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:700;padding:2px 5px 3px;border-radius:3px;font-variant-numeric:tabular-nums;}
.vgrid a[hidden]{display:none;}
.vgrid .th::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='24' fill='%23fff'/%3E%3Cpath d='M19 15l14 9-14 9z' fill='%230b0b0b'/%3E%3C/svg%3E") center/0 no-repeat;transition:background-color .25s,background-size .25s cubic-bezier(.2,.7,.2,1);}
.vgrid a:hover .th::after{background-color:rgba(0,0,0,.28);background-size:46px;}
.vgrid .tt{font-family:var(--kr);font-size:14px;font-weight:700;line-height:1.4;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vgrid .mm{font-size:12px;color:var(--mute);margin-top:4px;font-weight:600;}
.vgrid .mm b{color:var(--ink);font-weight:700;}
.vempty{padding:40px 0;color:var(--mute);}
.vmore{margin-top:8vh;display:flex;justify-content:flex-end;} .vmore .cta{width:min(100%,560px);margin:0;}

/* ── 모바일 ── */
@media (max-width:1100px) and (min-width:761px){ .vgrid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:760px){
  :root{--split:0%;--big:clamp(52px,17vw,110px);--mid:clamp(34px,10vw,64px);}
  .hero{padding-bottom:calc(var(--pad) + 18vw);}
  .rule{display:none;}
  .hero{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding-top:calc(var(--pad) + 44px);}
  .hero .tl{grid-column:1;padding-left:0;}
  .hero .bl{grid-column:1;justify-self:start;padding:0;}
  .hero h1 .l2{padding-left:12vw;} .hero h1 .l3{padding-left:30vw;}
  .feature{grid-template-columns:1fr;padding-top:8vh;}
  .feature .poster{padding:0;margin-bottom:26px;}
  .feature .body{padding:0;}
  .statement .cap,.channel .cap{padding-left:0;}
  .statement .s2{padding-left:10vw;} .statement .s3{padding-left:0;} .statement .s4{padding-left:18vw;}
  .table .hd{display:none;}
  .table a{grid-template-columns:1fr auto;gap:4px 12px;}
  .table a .d{grid-column:1;font-size:12px;color:var(--mute);order:-2;}
  .table a .vv{display:none;}
  .table a .t{grid-column:1/-1;}
  .table a .pl{font-size:13px;color:#555;}
  .table a .st{grid-row:1;grid-column:2;}
  .foot .meta{grid-template-columns:1fr;gap:10px;}
  .tix{--cut:calc(100% - 104px);} .tix .tk{min-height:76px;} .tix .s{width:104px;} .tix .s b{font-size:20px;} .tix .m{padding-left:18px;}
  .tix.float{left:var(--pad);right:var(--pad);width:auto;margin-left:0;}
  .hero .logo3d{position:absolute;top:calc(var(--pad) + 40px);right:var(--pad);width:31vw;margin:0;}
  .vhead{flex-direction:column;align-items:flex-start;gap:14px;} .vhead p{text-align:left;padding:0;} .vhead h2 span+span{padding-left:12vw;}
  .globe-stage{height:min(74vh,600px);}
  .vbar{flex-direction:column;align-items:stretch;padding-top:calc(var(--pad) + 40px);}
  .vsearch input{width:100%;}
  .vgrid{grid-template-columns:1fr 1fr;gap:22px 12px;}
  .vgrid .tt{font-size:13px;}
  .ghost{font-size:clamp(36px,11vw,64px);}
  .clock{font-size:clamp(34px,11vw,64px);}
}