@font-face{font-family:"Pretendard Variable";src:url("/assets/pretendard-kr.woff2") format("woff2-variations");font-weight:45 920;font-display:swap}
:root{
  --ink:#0A0F0C; --ink-2:#121A15; --ink-3:#1B251F; --line-d:rgba(232,240,234,.14);
  --paper:#F3F5F2; --paper-2:#FFFFFF; --line:#D7DED8;
  --text:#0F1A14; --text-2:#4E5C53; --text-3:#7C887F;
  --on-d:#EEF3EF; --on-d-2:#A9B6AD; --on-d-3:#7E8B82;
  --green:#00B34A; --green-hi:#2BD672; --green-ink:#007F38; --green-tint:#E2F4E9;
  --gold:#C9A96A; --gold-hi:#E3C88D; --gold-ink:#8A6A2C;
  --amber:#A8650F; --amber-tint:#FBEFD9; --slate:#4F6170; --slate-tint:#E6ECF1;
  --sans:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --num:"Pretendard Variable",Pretendard,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000;overflow:hidden}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all}
.stage{position:fixed;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center}
.slide{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity .45s ease}
.slide.light{background:var(--paper);color:var(--text)}
.slide.dark{background:var(--ink);color:var(--on-d)}
.abs{position:absolute}

/* 공통 타이포 */
.eyebrow{font:700 22px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink)}
.dark .eyebrow{color:var(--green-hi)}
.h1{font:800 104px/1.12 var(--sans);letter-spacing:-.035em}
.h2{font:800 72px/1.18 var(--sans);letter-spacing:-.03em}
.h3{font:800 34px/1.25 var(--sans);letter-spacing:-.02em}
.lead{font:500 32px/1.55 var(--sans);letter-spacing:-.01em}
.dark .lead{color:var(--on-d-2)} .light .lead{color:var(--text-2)}
.body{font:500 26px/1.6 var(--sans)}
.dark .body{color:var(--on-d-2)} .light .body{color:var(--text-2)}
.small{font:500 19px/1.5 var(--sans)}
.dark .small{color:var(--on-d-3)} .light .small{color:var(--text-3)}
.num{font-family:var(--num);font-variant-numeric:tabular-nums}
b.g{color:var(--green-ink)} .dark b.g{color:var(--green-hi)}
b.au{color:var(--gold-ink)} .dark b.au{color:var(--gold-hi)}

/* 상태 칩 */
.st{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px;border-radius:20px;font:700 19px/1 var(--sans);letter-spacing:.02em;white-space:nowrap}
.st::before{content:"";width:9px;height:9px;border-radius:5px;background:currentColor}
.st.live{background:var(--green-tint);color:var(--green-ink)}
.st.ready{background:var(--amber-tint);color:var(--amber)}
.st.dev{background:var(--slate-tint);color:var(--slate)}
.st.plan{background:transparent;color:var(--text-2);border:1.5px dashed #9AA69D}
.dark .st.live{background:rgba(43,214,114,.14);color:var(--green-hi)}
.dark .st.ready{background:rgba(232,170,80,.16);color:#F0BE6E}
.dark .st.dev{background:rgba(160,180,195,.16);color:#B9C8D3}
.dark .st.plan{color:var(--on-d-2);border-color:rgba(232,240,234,.35)}

/* 이미지 표기 */
.credit{position:absolute;right:28px;bottom:24px;padding:8px 14px;border-radius:8px;background:rgba(0,0,0,.55);color:#E8EEE9;font:600 17px/1 var(--sans);letter-spacing:.02em;backdrop-filter:blur(6px)}
.credit.l{left:28px;right:auto}
.ph{position:absolute;overflow:hidden;border-radius:22px;background:#0B0F0D}
.ph img{display:block;width:100%;height:100%;object-fit:cover}
.shadow{box-shadow:0 24px 60px rgba(10,15,12,.28)}
.phone{position:absolute;border-radius:30px;overflow:hidden;border:2px solid #222C26;background:#0B0F0D;box-shadow:0 22px 50px rgba(0,0,0,.35)}
.phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}

/* 풀블리드 사진 슬라이드 */
.bleed{position:absolute;inset:0}
.bleed img{width:100%;height:100%;object-fit:cover}
.shade-l{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,8,.92) 0%,rgba(6,10,8,.72) 38%,rgba(6,10,8,.12) 70%,rgba(6,10,8,0) 100%)}
.shade-b{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,8,.94) 0%,rgba(6,10,8,.6) 34%,rgba(6,10,8,0) 62%)}

/* 머리·바닥 공통 */
.logo{position:absolute;left:120px;top:84px;height:44px}
.foot{position:absolute;left:120px;bottom:64px;font:600 20px/1 var(--sans);letter-spacing:.06em}
.dark .foot{color:var(--on-d-3)} .light .foot{color:var(--text-3)}
.src{position:absolute;left:120px;bottom:56px;font:500 18px/1.5 var(--sans)}
.dark .src{color:var(--on-d-3)} .light .src{color:var(--text-3)}

/* 카드 */
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:40px 40px 36px}
.dark .card{background:var(--ink-2);border-color:var(--line-d)}
.card .k{font:800 22px/1 var(--sans);letter-spacing:.08em;color:var(--green-ink);margin-bottom:18px}
.dark .card .k{color:var(--green-hi)}
.card .t{font:800 40px/1.2 var(--sans);letter-spacing:-.02em;margin-bottom:14px}
.card .d{font:500 25px/1.55 var(--sans)}
.light .card .d{color:var(--text-2)} .dark .card .d{color:var(--on-d-2)}

/* 리스트 */
.ticks{list-style:none;display:grid;gap:22px}
.ticks li{position:relative;padding-left:40px;font:600 30px/1.45 var(--sans);letter-spacing:-.01em}
.ticks li::before{content:"";position:absolute;left:0;top:15px;width:18px;height:18px;border-radius:5px;background:var(--green)}
.ticks li span{display:block;font:500 24px/1.5 var(--sans);margin-top:4px}
.light .ticks li span{color:var(--text-2)} .dark .ticks li span{color:var(--on-d-2)}

/* 진행 표시 */
.hud{position:fixed;left:0;right:0;bottom:0;height:4px;z-index:10;background:rgba(255,255,255,.08)}
.progress{position:absolute;inset:0}
.progress i{display:block;height:100%;width:0;background:var(--green);transition:width .35s ease}
.count{position:fixed;right:18px;bottom:12px;z-index:10;font:600 13px/1 var(--num);color:rgba(255,255,255,.45);letter-spacing:.06em}

@media (prefers-reduced-motion: reduce){.slide,.progress i{transition:none}}

/* PDF 출력: 슬라이드 한 장 = 한 페이지 */
@media print{
  @page{size:1920px 1080px;margin:0}
  html,body{overflow:visible;background:none}
  .stage{position:static;transform:none!important;width:1920px;height:auto}
  .slide{position:relative;opacity:1!important;visibility:visible!important;width:1920px;height:1080px;break-after:page;page-break-after:always}
  .hud,.count{display:none}
}

/* 2026-10-06: 큰 화면과 짧은 문장 중심의 커뮤니티 제안 */
.safety-item{border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.safety-item b{font:800 35px/1.25 var(--sans)}.safety-item p{font:500 28px/1.5 var(--sans);margin-top:12px;color:var(--text-2)}

/* Original X-GOLF global venue animation, opening slide only. */
.slide.network-cover{background:#090c0e}
.network-map{position:absolute;left:0;top:260px;width:1920px;height:780px;overflow:hidden}
.network-poster,.network-mount,.network-mount iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.network-poster{display:block;object-fit:fill}
.network-mount{pointer-events:none}
.network-mount iframe{opacity:0;transition:opacity .2s}
.network-mount iframe.is-ready{opacity:1}
.network-source{position:absolute;right:100px;bottom:27px;color:#A5C8B6;font:600 17px/1.5 var(--sans);text-decoration:none}
@media print{.network-mount{display:none!important}.network-source{display:none}}