:root{--pri:#1B3A8C;--pri-d:#0F2257;--acc:#FF3D6E;--g50:#F5F7FB;--line:#E3E8F0;--ink:#1A1F2C;--mut:#5B6475;--r:2px;--w:1200px}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.65;word-break:keep-all;background:#fff}
body.th{font-family:"Noto Sans Thai","Pretendard Variable",system-ui,sans-serif;word-break:normal}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
h1,h2,h3{line-height:1.25;margin:0}p{margin:0}
.nums{font-variant-numeric:tabular-nums}
.in{max-width:var(--w);margin:0 auto;padding:0 24px}

/* header */
.util{background:var(--pri-d);color:#cfd8ee;font-size:13px}
.util .in{display:flex;justify-content:space-between;height:36px;align-items:center}
.lang a{margin-left:14px;opacity:.7}.lang a.on{opacity:1;color:#fff;font-weight:700}
.gnb{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.gnb .in{display:flex;align-items:center;height:76px;gap:24px}
.logo{font-size:22px;letter-spacing:-.02em;color:var(--pri-d);white-space:nowrap}
.logo b{font-weight:900;color:var(--pri)}.logo small{margin-left:6px;font-size:13px;font-weight:700;color:var(--acc)}
.logo.light,.logo.light b{color:#fff}
.gnb nav{flex:1}.gnb nav>ul{display:flex;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.gnb .g{position:relative}
.gnb .g>a{display:block;padding:26px 18px;font-weight:700;font-size:17px}
.gnb .g.on>a,.gnb .g:hover>a{color:var(--pri)}
.dd{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:210px;list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid #c9d0dc;border-top:2px solid var(--pri)}
.g:hover .dd,.g:focus-within .dd{display:block}
.dd a{display:block;padding:9px 18px;font-size:15px;color:#3a4252}
.dd a:hover{background:var(--g50);color:var(--pri)}
.mnav{display:none}
.mnav summary{list-style:none;cursor:pointer;padding:10px 6px;display:grid;gap:5px}.mnav summary span{display:block;width:24px;height:2px;background:var(--ink)}.mnav summary::-webkit-details-marker{display:none}
.m-panel{position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:2px solid var(--pri);padding:8px 24px 20px;max-height:calc(100vh - 112px);overflow:auto}
.m-g{margin-top:14px;font-size:13px;font-weight:700;color:var(--pri)}
.m-panel a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;border-radius:2px;font-weight:700;font-size:16px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.btn.sm{height:42px;padding:0 18px;font-size:15px}
.btn-pri{background:var(--acc);color:#fff}.btn-pri:hover{background:#e62e5c}
.btn-white{background:#fff;color:var(--pri-d)}.btn-white:hover{background:var(--g50)}
.btn-line{border-color:var(--pri);color:var(--pri);background:#fff}.btn-line:hover{background:var(--pri);color:#fff}
.btn:disabled{opacity:.5;cursor:default}

/* hero */
.hero{position:relative;color:#fff;background:var(--pri-d);overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:rgba(15,34,87,.62)}
.hero .in{position:relative;z-index:1;padding-top:110px;padding-bottom:110px}
.h-tag{font-size:14px;font-weight:700;letter-spacing:.08em;color:#ffb3c6}
.hero h1{margin-top:18px;font-size:clamp(40px,6vw,76px);font-weight:900;letter-spacing:-.03em;line-height:1.08}
.hero h1 span{color:var(--acc)}
.h-info{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:18px;font-weight:600}
.h-info span+span::before{content:"";display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.4);margin-right:22px;vertical-align:-1px}
.h-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.dday{margin-top:26px;font-size:16px;color:#cfd8ee}.dday b{color:#fff;font-size:20px}

/* quick menu */
.quick{background:var(--pri)}
.quick .in{display:grid;grid-template-columns:repeat(4,1fr);padding:0}
.quick a{display:block;padding:22px 26px;color:#fff;border-left:1px solid rgba(255,255,255,.18)}
.quick a:last-child{border-right:1px solid rgba(255,255,255,.18)}
.quick small{display:block;font-size:12px;letter-spacing:.1em;color:#9fb0dc}
.quick b{display:block;margin-top:2px;font-size:18px}
.quick b::after{content:" →";color:var(--acc)}
.quick a:hover{background:var(--pri-d)}

/* sections */
.sec{padding:90px 0}.sec.gray{background:var(--g50)}
.sec.navy{background:var(--pri-d);color:#fff}
.sh{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}
.sh h2{font-size:28px;font-weight:800;letter-spacing:-.03em}
.sh p{color:var(--mut);font-size:15px}
.navy .sh{border-color:rgba(255,255,255,.5)}.navy .sh p{color:#cfd8ee}
.more{margin-left:auto;white-space:nowrap;font-size:13px;color:var(--mut);border:1px solid #c9d0dc;padding:3px 10px}.more:hover{color:var(--pri);border-color:var(--pri)}
.navy .more{color:#fff;border-color:rgba(255,255,255,.5)}
.cap{margin-top:14px;font-size:14px;color:var(--mut)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}

.ov{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:stretch}
.ov-t{margin:0;border-top:2px solid var(--pri)}
.ov-t div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line);padding:16px 4px}
.ov-t dt{font-weight:700;color:var(--pri)}.ov-t dd{margin:0}
.ov-img{margin:0;min-height:260px}
.ov-img img{width:100%;height:100%;object-fit:cover}

.dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border-left:1px solid var(--line)}
.dcard{background:#fff;border:1px solid var(--line);border-left:0}
.dcard img{aspect-ratio:4/3;width:100%;object-fit:cover}
.dcard div{padding:16px 16px 20px}.dcard b{font-size:17px;color:var(--ink)}
.dcard p{margin-top:4px;font-size:14px;color:var(--mut)}
.dcard:hover b{color:var(--pri);text-decoration:underline}

.stats{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r)}
.stats li{padding:32px 24px;text-align:center}.stats li+li{border-left:1px solid var(--line)}
.stats .n{font-size:18px;font-weight:700;color:var(--pri)}.stats .n b{font-size:48px;font-weight:900;letter-spacing:-.02em;margin-right:2px}
.stats .t{margin-top:4px;font-weight:700}.stats .s{font-size:14px;color:var(--mut)}
.stats.sm .n b{font-size:34px}.stats.sm li{padding:22px 12px}

.bens{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.bens li{padding:4px 26px 8px}.bens li+li{border-left:1px solid rgba(255,255,255,.2)}.bens li:first-child{padding-left:0}
.bens .no{font-size:30px;font-weight:300;color:var(--acc)}
.bens b{display:block;margin-top:8px;font-size:18px}.bens p{margin-top:6px;color:#cfd8ee;font-size:15px}
.sub-body .bens li+li{border-color:var(--line)}.sub-body .bens p{color:var(--mut)}

.progs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
.progs img{aspect-ratio:16/10;width:100%;object-fit:cover}
.progs div{padding:12px 0}.progs b{display:block;font-size:16px}.progs span{font-size:14px;color:var(--mut)}

.notice{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink);background:#fff}
.notice a{display:flex;justify-content:space-between;gap:16px;padding:18px 8px;border-bottom:1px solid var(--line)}
.notice a:hover .nt{color:var(--pri);text-decoration:underline}
.nd{color:var(--mut);font-size:14px;white-space:nowrap}
.ask{background:#fff;border:1px solid #c9d0dc;border-top:2px solid var(--pri);padding:28px;align-self:start;margin-top:64px}
.ask b{display:block;font-size:20px}
.ask p{margin:8px 0 18px;color:var(--mut);font-size:15px}

.hosts{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.hosts li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 28px;display:flex;gap:16px;align-items:baseline}
.hosts span{font-size:14px;color:var(--mut);min-width:70px}.hosts b{font-size:20px;color:var(--pri-d)}

/* sub pages */
.sv{position:relative;color:#fff;background:var(--pri-d);overflow:hidden}
.sv-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.sv .in{position:relative;padding-top:64px;padding-bottom:64px;text-align:center}
.crumb{font-size:14px;color:#cfd8ee}.crumb span{margin:0 6px}
.sv h1{margin-top:12px;font-size:clamp(28px,4vw,42px);font-weight:800}
.lnb{border-bottom:1px solid var(--line);background:#fff}
.lnb .in{display:flex;justify-content:center;flex-wrap:wrap}
.lnb a{padding:18px 22px;font-weight:600;color:var(--mut);border-bottom:3px solid transparent}
.lnb a.on,.lnb a:hover{color:var(--pri);border-color:var(--pri)}
.sub-body{padding-top:64px;padding-bottom:96px}
.blk+.blk{margin-top:72px}.blk .sh h2{font-size:26px}
.lead{font-size:18px;max-width:820px}.blk>.lead{margin-bottom:24px}
.note{margin:14px 0;font-size:15px;color:var(--mut)}.note::before{content:"※ "}
.note a{color:var(--pri);font-weight:600;text-decoration:underline}

.dv-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dv-top figure{margin:0}.dv-top img{aspect-ratio:4/3;width:100%;object-fit:cover}
.dv-name{font-weight:800;color:var(--pri);font-size:15px}
.dv-hook{margin:6px 0 16px;font-size:30px;font-weight:800;letter-spacing:-.03em}
.apply-t td:last-child{width:120px}.apply-t tbody th{font-weight:700;color:var(--pri-d)}
.info th{width:160px;background:var(--g50);font-weight:700}
.dot{margin:0;padding-left:18px}.dot li{padding:2px 0}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.logos li{border:1px solid var(--line);padding:20px;display:grid;place-items:center;height:100px}
.empty{padding:22px 24px;background:var(--g50);border:1px solid var(--line);color:var(--mut)}
.empty a{margin-left:6px;color:var(--pri);font-weight:700;text-decoration:underline}

.tw{overflow-x:auto}
.tbl,.tiers{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);font-size:15px}
.tbl th,.tbl td,.tiers th,.tiers td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{background:var(--g50)}
.tbl .dh th{background:var(--pri);color:#fff}
.tiers{min-width:760px}
.tiers thead th{text-align:center;padding:22px 12px;background:var(--g50)}
.tiers thead th:first-child{text-align:left}
.tiers thead b{display:block;font-size:18px}.tiers thead span{display:block;margin-top:4px;font-size:20px;font-weight:800;color:var(--pri)}
.tiers thead small{display:block;font-size:13px;color:var(--acc);font-weight:600}
.tiers td{text-align:center}.tiers tbody th{font-weight:600;white-space:nowrap}
.tiers .rec{background:#fff4f7}.tiers thead .rec{background:var(--acc);color:#fff}
.tiers thead .rec span,.tiers thead .rec small{color:#fff}
.tiers .tb td{border-bottom:0}

.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.pay li{padding:22px 24px;border:1px solid var(--line);border-top:2px solid var(--pri)}
.pay b{display:block;color:var(--pri)}.pay span{display:block;font-size:24px;font-weight:800;margin:4px 0}.pay p{font-size:15px;color:var(--mut)}
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;list-style:none;margin:0;padding:0;counter-reset:x}
.flow li{padding:22px;border:1px solid var(--line)}
.flow .no{display:inline-block;font-weight:900;color:var(--acc);font-size:22px}
.flow b{display:block;margin-top:6px;font-size:18px}.flow p{margin-top:6px;font-size:15px;color:var(--mut)}
.faq{border-top:2px solid var(--ink)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;padding:18px 8px;font-weight:600;display:flex;gap:12px}
.qa summary::-webkit-details-marker{display:none}
.qa summary span{color:var(--pri);font-weight:900}
.qa p{padding:0 8px 20px 34px;color:var(--mut)}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 36px;background:var(--g50);border:1px solid var(--line)}
.cta-box b{font-size:20px}.cta-box p{margin-top:4px;color:var(--mut)}

/* forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;max-width:880px;padding:32px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:#fff}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.form .full{grid-column:1/-1}
.form input:not([type=checkbox]),.form select,.form textarea{font:inherit;font-weight:400;padding:12px 14px;border:1px solid #c3cbd8;border-radius:2px;background:#fff;color:var(--ink);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--pri);outline-offset:0;border-color:var(--pri)}
.form label.chk1{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}
.chk1 input{width:18px;height:18px;margin-top:3px;accent-color:var(--pri);flex:none}
.checks{border:1px solid var(--line);padding:14px 18px;display:flex;flex-wrap:wrap;gap:8px 22px}
.checks legend{font-weight:600;font-size:15px;padding:0 6px}
.hp{position:absolute;left:-9999px}
#msg,#bmsg{font-weight:600}#msg.ok,#bmsg.ok{color:#137a3f}#msg.bad,#bmsg.bad{color:#c4213a}

/* booking */
.step-t{margin:28px 0 12px;font-weight:800;font-size:18px;color:var(--pri)}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg{gap:0}.seg button{font:inherit;font-weight:600;padding:12px 22px;border:1px solid #c3cbd8;margin-left:-1px;background:#fff;cursor:pointer}
.seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--pri);border-color:var(--pri);color:#fff}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.tbtn{font:inherit;display:flex;flex-direction:column;align-items:center;padding:12px 6px;border:1px solid #c3cbd8;background:#fff;cursor:pointer}
.tbtn b{font-size:17px}.tbtn span{font-size:13px;color:var(--mut)}
.tbtn:hover:not(:disabled){border-color:var(--pri)}
.tbtn[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#fff}.tbtn[aria-pressed=true] span{color:#fff}
.tbtn:disabled{background:var(--g50);color:#9aa3b2;cursor:not-allowed}
.bk-box{margin-top:28px}.bk-pick{font-size:18px;font-weight:800;margin-bottom:12px}

/* footer */
.ft{background:#141a2b;color:#a8b0c2;font-size:14px;padding:48px 0}
.ft-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:1px solid #2a3248}
.ft-links{display:flex;flex-wrap:wrap;gap:20px;color:#dde2ee}
.ft-info{padding-top:20px;display:grid;gap:6px}.ft-info a{color:#dde2ee}
.cred{display:inline}.cred summary{display:inline;cursor:pointer;text-decoration:underline}.cred span{display:block;margin-top:8px;font-size:13px}

@media (max-width:1100px){.dcards{grid-template-columns:repeat(3,1fr)}.dcard{border-top:0}.dcards{border-top:1px solid var(--line)}.progs,.bens{grid-template-columns:repeat(2,1fr)}.gnb .g>a{padding:26px 10px;font-size:16px}}
@media (max-width:900px){
  .gnb nav,.gnb .btn{display:none}.mnav{display:block;margin-left:auto}.gnb .in{height:64px}.m-panel{top:64px}
  .quick .in{grid-template-columns:repeat(2,1fr)}.quick a{padding:16px 18px}.quick a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}
  .ov,.two,.dv-top{grid-template-columns:1fr}.ask{margin-top:0}
  .stats{grid-template-columns:repeat(2,1fr)}.stats li:nth-child(3){border-left:0}.stats li:nth-child(n+3){border-top:1px solid var(--line)}
  .pay{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start;padding:28px}
}
@media (max-width:600px){
  .in{padding:0 18px}.util span:first-child{font-size:12px}
  .hero .in{padding-top:64px;padding-bottom:84px}.h-info{font-size:16px;flex-direction:column}.h-info span+span::before{display:none}
  .sec{padding:64px 0}.sh h2{font-size:26px}.sh{flex-wrap:wrap}
  .progs,.bens{grid-template-columns:1fr}.bens li,.bens li:first-child{padding:16px 0}.bens li+li{border-left:0;border-top:1px solid rgba(255,255,255,.2)}.dcards{grid-template-columns:1fr;border-left:0}.dcard{display:grid;grid-template-columns:120px 1fr;border-left:1px solid var(--line);border-top:0}.dcard:first-child{border-top:1px solid var(--line)}.dcard img{height:100%;aspect-ratio:auto}.hosts{grid-template-columns:1fr}.info th{width:96px}.apply-t{min-width:560px}
  .stats .n b{font-size:36px}.form{grid-template-columns:1fr;padding:22px}.ov-t div{grid-template-columns:88px 1fr}
  .dv-hook{font-size:26px}.sub-body{padding-top:40px}
}

/* SKY RUN · Kakao eco (forest green + Kakao yellow) */
.gnb .g.run>a{color:#0B5D3B}.gnb .g.run>a::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#FEE500;box-shadow:0 0 0 2px #0B5D3B;margin-right:7px;vertical-align:2px}
.runband{background:#0B3D2E;color:#fff;padding:84px 0}
.runband .in{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.rb-tag{font-size:13px;font-weight:700;letter-spacing:.1em;color:#FEE500}
.runband h2,.eco h2{margin-top:14px;font-size:clamp(28px,3.6vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.2}
.rb-lead{margin-top:18px;color:#cfe3d8;max-width:560px}
.btn-y{background:#FEE500;color:#191919}.btn-y:hover{background:#f2d900}
.btn-ghost{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}.btn-ghost:hover{background:rgba(255,255,255,.1)}
.bib{background:#fff;color:#111;padding:22px 26px 18px;border:2px solid #111;transform:rotate(-3deg);max-width:360px;justify-self:center;width:100%;position:relative}
.bib::before,.bib::after{content:"";position:absolute;top:10px;width:10px;height:10px;border-radius:50%;border:2px solid #999}.bib::before{left:10px}.bib::after{right:10px}
.bib-t{font-size:13px;font-weight:800;letter-spacing:.12em;text-align:center}
.bib-n{font-size:96px;font-weight:900;line-height:1;text-align:center;letter-spacing:-.04em;margin:8px 0}
.bib-b{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #111;padding-top:10px;font-size:13px;font-weight:700}
.bib-b span:first-child{background:#0B3D2E;color:#fff;padding:2px 10px}
.bib-b span:last-child{background:#FEE500;padding:2px 8px}
.eco{background:#0B3D2E;color:#fff;padding:48px}
.eco-in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.eco p{color:#cfe3d8}.eco h2+p{margin-top:14px}
.eco-l{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.25)}
.eco-l li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.eco-l b{display:inline-block;width:72px;color:#FEE500;font-size:14px;letter-spacing:.08em}
.laps{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;border-top:3px solid #0B3D2E}
.laps li{padding:18px 16px;border-right:1px dashed #b9c9c0;position:relative}.laps li:last-child{border-right:0}
.laps li:first-child{background:#FEE500}
.laps li:nth-child(3),.laps li:nth-child(5){border-bottom:3px solid #0B3D2E}
.lp{display:block;font-size:13px;font-weight:800;color:#0B5D3B;letter-spacing:.06em}
.laps b{display:block;margin-top:6px;font-size:17px}.laps small{display:block;margin-top:2px;color:var(--mut)}
@media (max-width:900px){.runband .in,.eco-in{grid-template-columns:1fr}.eco{padding:28px}.laps{grid-template-columns:1fr}.laps li{border-right:0;border-bottom:1px dashed #b9c9c0}.bib{max-width:300px}.bib-n{font-size:72px}}
.bib p{color:#111}.bib .bib-n{color:#0B3D2E}

/* Cloud 11 venue */
.h-venue{margin-top:10px;font-size:clamp(20px,2.4vw,30px);font-weight:300;letter-spacing:.02em}
.h-venue b{font-weight:900;letter-spacing:.04em;padding:2px 12px;border:2px solid #fff;margin-left:6px}
.venue{background:var(--pri-d);color:#fff;padding:90px 0}
.venue .in{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
.v-name{margin-top:8px;white-space:nowrap;font-size:clamp(52px,6.4vw,92px);font-weight:900;line-height:.95;letter-spacing:-.04em}
.v-sub{margin-top:14px;font-size:14px;font-weight:700;letter-spacing:.08em;color:#9fb0dc}
.v-lead{margin:20px 0 24px;color:#cfd8ee}
.spaces{list-style:none;margin:0;padding:0;border-top:2px solid #fff}
.spaces li{display:grid;grid-template-columns:150px 1fr;column-gap:24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.vn{grid-row:span 2;font-size:22px;font-weight:900;letter-spacing:.02em}
.vs{font-size:14px;color:#FEE500;font-weight:700}.vp{margin-top:4px;color:#dde3f2}
@media (max-width:900px){.venue .in{grid-template-columns:1fr;gap:32px}.spaces li{grid-template-columns:1fr}.vn{grid-row:auto}}
.tel{display:grid;grid-template-columns:150px 1fr;gap:10px}
@media (max-width:600px){.tel{grid-template-columns:120px 1fr}}
.journey td:first-child{white-space:nowrap;font-weight:700;color:var(--pri)}.journey tbody th{white-space:nowrap}
.journey td:last-child{color:var(--pri-d);font-weight:600}
.pay.one{grid-template-columns:1fr}

/* Cloud 11 photo, Kakao, partners, placements */
.hero::after{background:rgba(15,34,87,.58)}.hero-bg{object-position:center 70%}
.v-img{margin:28px 0 0}.v-img img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 62%}
.rb-with{margin-top:14px;display:inline-block;border:1px solid #FEE500;color:#FEE500;padding:4px 12px;font-size:13px;font-weight:700;letter-spacing:.08em}
.rb-with b{color:#fff;font-size:16px;margin-left:6px;letter-spacing:0}
.pon{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pon li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 24px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}
.pon span{font-size:13px;color:var(--mut);font-weight:600}.pon b{font-size:24px;font-weight:900;color:var(--pri-d);letter-spacing:-.02em}
.pon li.kakao{background:#FEE500}.pon li.kakao span{color:#3c3200}.pon li.kakao b{color:#191919}
.pon li.c11{background:var(--pri-d)}.pon li.c11 span{color:#9fb0dc}.pon li.c11 b{color:#fff}
.slots{margin-top:20px;border:1px solid var(--line);padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.sl-t{font-weight:800}.sl-t small{display:block;font-weight:400;color:var(--mut);font-size:13px}
.slots ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.slots li{border:1px solid #c9d0dc;background:var(--g50);padding:6px 12px;font-size:14px}.slots li span{margin-left:6px;font-size:12px;color:var(--acc);font-weight:700}
.place{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;margin:0;padding:0}
.place>li>b{display:block;margin-top:12px;font-size:16px}.place>li>span{font-size:13px;color:var(--mut)}
.mk{height:190px;border:1px solid #c9d0dc;background:#fff;position:relative;overflow:hidden;font-size:12px}
.mk .you,.mk b:not(.dim),.mk .nm,.mk .pic{outline:2px solid var(--acc);outline-offset:2px}
.web .mk-bar{display:flex;gap:4px;align-items:center;padding:6px 8px;background:var(--g50);border-bottom:1px solid var(--line)}.web .mk-bar i{width:7px;height:7px;border-radius:50%;background:#c9d0dc}.web .mk-bar span{margin-left:6px;color:var(--mut)}
.web .mk-hero{background:var(--pri-d) url(/assets/cloud11-wide.jpg) center/cover;background-blend-mode:multiply;color:#fff;font-weight:900;font-size:16px;padding:34px 12px}
.web .mk-row{display:flex;gap:6px;padding:12px 10px}.web .mk-row b{flex:1;text-align:center;padding:8px 0;background:var(--g50);font-size:11px}.web .mk-row b:first-child{background:#fff4f7;color:var(--acc)}.web .mk-row .dim{color:#9aa3b2}
.bibm{background:#fff;padding:18px 16px;border:2px solid #111;transform:rotate(-2deg);height:auto;margin-top:14px}
.bibm .t{text-align:center;font-weight:800;letter-spacing:.1em;font-size:11px}.bibm .n{text-align:center;font-size:58px;font-weight:900;line-height:1;color:#0B3D2E;margin:6px 0}
.bibm .b{display:flex;justify-content:space-between;border-top:2px solid #111;padding-top:8px;font-weight:700}.bibm .b span:first-child{background:#FEE500;padding:2px 6px}.bibm .you{color:var(--acc);padding:2px 6px}
.lap{background:#0B3D2E;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:0}
.lap .l{color:#FEE500;font-weight:800;letter-spacing:.1em}.lap .nm{font-size:20px;font-weight:900;padding:4px 10px}.lap .km{color:#cfe3d8}
.scr{background:#111;display:grid;place-items:center;border:8px solid #2a2f3a}.scr p{color:#fff;font-size:22px;font-weight:900;padding:6px 12px}.scr span{position:absolute;right:10px;bottom:8px;color:#FEE500;font-weight:700}
.ph{width:120px;margin:0 auto;border:6px solid #111;border-radius:18px;padding:8px 6px;display:flex;flex-direction:column;gap:6px}
.ph .u{font-weight:700}.ph .pic{flex:1;background:var(--g50);display:grid;place-items:center;color:var(--acc);font-weight:800}.ph .c{font-size:10px;color:var(--mut)}
@media (max-width:1100px){.place{grid-template-columns:repeat(3,1fr)}.pon{grid-template-columns:repeat(2,1fr)}.slots{grid-template-columns:1fr}}
@media (max-width:600px){.place{grid-template-columns:1fr 1fr}.pon b{font-size:20px}}

/* promises + report sheet */
.prom{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prom li{padding:24px 24px 26px 0}.prom li+li{padding-left:24px;border-left:1px solid var(--line)}
.prom .no{font-size:30px;font-weight:300;color:var(--acc)}.prom b{display:block;margin-top:6px;font-size:19px}.prom p{margin-top:8px;color:var(--mut);font-size:15px}
.prom-more{margin-top:8px}
.rpt{max-width:880px;border:1px solid #c9d0dc;background:#fff;padding:32px 36px;box-shadow:0 1px 0 #c9d0dc,0 6px 0 -3px #fff,0 7px 0 -3px #c9d0dc}
.rpt-h{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:14px}
.rpt-h b{display:block;font-size:22px}.rpt-h span{font-size:14px;color:var(--mut)}
.rpt-h em{font-style:normal;font-size:12px;font-weight:800;color:var(--acc);border:1px solid var(--acc);padding:2px 8px}
.rpt-k{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}
.rpt-k li{padding:18px 0;border-bottom:1px solid var(--line)}.rpt-k span{display:block;font-size:13px;color:var(--mut)}.rpt-k b{font-size:30px;font-weight:900;color:var(--pri-d)}
.rpt-f{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.rpt-f p{background:var(--g50);padding:16px}.rpt-f span{display:block;font-size:13px;color:var(--mut)}.rpt-f b{display:block;font-size:22px;color:var(--acc);margin:2px 0}.rpt-f small{font-size:12px;color:var(--mut)}
.rpt-n{margin-top:14px;font-size:13px;color:var(--mut)}
@media (max-width:900px){.prom{grid-template-columns:1fr}.prom li,.prom li+li{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.rpt{padding:22px}.rpt-k{grid-template-columns:repeat(2,1fr)}.rpt-f{grid-template-columns:1fr}}

/* SKY RUN course drawing */
.track{margin:0;background:#0B3D2E;padding:24px}
.track svg{width:100%;height:auto;display:block}
.tr-out{fill:none;stroke:#145a43;stroke-width:64;stroke-linejoin:round}
.tr-in{fill:none;stroke:#1d6e52;stroke-width:44}
.tr-run{fill:none;stroke:#FEE500;stroke-width:3;stroke-dasharray:18 12;animation:run 6s linear infinite}
@keyframes run{to{stroke-dashoffset:-300}}
@media (prefers-reduced-motion:reduce){.tr-run{animation:none}}
.track circle{fill:#fff;stroke:#0B3D2E;stroke-width:4}
.track text{fill:#fff;font:700 20px "Pretendard Variable",sans-serif}
.tr-eco{fill:#FEE500}.track .tr-eco-t{fill:#191919;font-size:22px;font-weight:900}.track .tr-eco-s{fill:#191919;font-size:16px}
.track .tr-cap{fill:#FEE500;font-size:24px;font-weight:900;letter-spacing:.06em}
.track figcaption{margin-top:10px;color:#cfe3d8;font-size:13px}

/* fan concert teaser */
.fanband{background:#0b0b12;color:#fff;padding:90px 0;overflow:hidden}
.fanband .in{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.fb-tag{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--acc)}
.fanband h2{margin-top:14px;font-size:clamp(56px,8vw,120px);font-weight:900;line-height:.9;letter-spacing:-.04em}
.fanband h2 span{color:var(--acc)}
.fb-lead{margin-top:22px;color:#c9cbe0;max-width:520px}
.fb-stage{position:relative;height:340px;display:flex;align-items:flex-end;justify-content:center;gap:10px;
  background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(255,61,110,.55),transparent 70%),linear-gradient(#0b0b12,#1a0f24)}
.fb-stage i{display:block;width:62px;height:190px;background:#000;border-radius:31px 31px 6px 6px;position:relative}
.fb-stage i::before{content:"";position:absolute;left:50%;top:-52px;width:46px;height:46px;margin-left:-23px;border-radius:50%;background:#000}
.fb-stage i:nth-child(2),.fb-stage i:nth-child(4){height:210px}.fb-stage i:nth-child(3){height:230px}
.fb-stage p{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-weight:900;letter-spacing:.3em;font-size:13px;color:#fff}
@media (max-width:900px){.fanband .in{grid-template-columns:1fr}.fb-stage{height:260px}.fb-stage i{width:44px;height:140px}.fb-stage i:nth-child(3){height:170px}}

/* report dashboard (example) */
.rpt{max-width:none}
.funnel{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:20px 0 0;padding:0;border:1px solid var(--line)}
.funnel li{position:relative;padding:18px 16px;border-left:1px solid var(--line)}.funnel li:first-child{border-left:0;background:var(--pri-d);color:#fff}
.funnel span{display:block;font-size:13px;color:var(--mut)}.funnel li:first-child span{color:#cfd8ee}
.funnel b{display:block;font-size:28px;font-weight:900;color:var(--pri-d);margin-top:4px}.funnel li:first-child b{color:#fff}
.funnel em{position:absolute;left:-1px;top:-11px;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:800;background:var(--acc);color:#fff;padding:1px 7px}
.rpt-c{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:18px}
.rpt-c2{display:grid;gap:16px}
.ch{margin:0;border:1px solid var(--line);padding:16px 18px}
.ch figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.ch figcaption b{font-size:15px}.lg{font-size:12px;color:var(--mut)}
.lg i{display:inline-block;width:10px;height:10px;margin:0 4px 0 10px;vertical-align:-1px}
.s1{background:#1B3A8C;stroke:#1B3A8C}.s2{background:#FF3D6E;stroke:#FF3D6E}
.ch-box{position:relative}.ch svg{width:100%;height:auto;display:block;touch-action:none}
.ch svg text{font:12px "Pretendard Variable",sans-serif;fill:#5B6475}
.ch .g{stroke:#E3E8F0}.ch .ln{fill:none;stroke-width:2.5;stroke-linejoin:round}
.ch .mk{stroke:#fff;stroke-width:2}.ch .mk.s1{fill:#1B3A8C}.ch .mk.s2{fill:#FF3D6E}
.ch svg .dl{font-weight:800;font-size:13px;fill:#1A1F2C}.ch svg .pl{font-size:11px}
.ch .xh{stroke:#1A1F2C;stroke-width:1;stroke-dasharray:3 3}
.tip{position:absolute;top:0;z-index:2;background:#1A1F2C;color:#fff;font-size:12px;padding:8px 10px;pointer-events:none;white-space:nowrap}
.tip b{display:block;margin-bottom:2px}.tip span{display:block}.tip i{display:inline-block;width:8px;height:8px;margin-right:6px}
.gh,.gr{display:grid;grid-template-columns:44px repeat(14,1fr);gap:3px;align-items:center}
.gh span{font-size:10px;color:var(--mut)}.gr{margin-top:3px}.gr b{font-size:12px}
.gr i{display:block;aspect-ratio:1;outline-offset:1px}.gr i:focus{outline:2px solid var(--ink)}
.cV{background:#1B3A8C}.cN{background:#FF3D6E}.cE{background:#E3E8F0}
.bars{list-style:none;margin:0;padding:0}.bars li{display:grid;grid-template-columns:70px 1fr 30px;gap:8px;align-items:center;margin-top:8px;font-size:13px}
.bars i{display:block;height:14px;background:#1B3A8C;border-radius:0 4px 4px 0}.bars b{text-align:right}
@media (max-width:900px){.funnel{grid-template-columns:repeat(3,1fr)}.funnel li:nth-child(4){border-left:0}.funnel li:nth-child(n+4){border-top:1px solid var(--line)}.rpt-c{grid-template-columns:1fr}}
@media (max-width:600px){.funnel{grid-template-columns:repeat(2,1fr)}.funnel li{border-left:1px solid var(--line)}.funnel li:nth-child(odd){border-left:0}.funnel li:nth-child(n+3){border-top:1px solid var(--line)}.funnel b{font-size:22px}}

/* K-VIBE ORIGINALS (streaming-style) */
.orig{background:#0a0a0a;color:#fff;padding:80px 0 70px}
.og-row{font-size:13px;font-weight:800;letter-spacing:.14em;color:#e50914;margin-bottom:18px}.og-row.sm{margin:44px 0 14px;color:#fff;letter-spacing:.02em;font-size:18px}
.kv{display:grid;grid-template-columns:1fr 1.15fr;min-height:440px;background:#141414;position:relative;overflow:hidden}
.kv-t{padding:44px 40px;position:relative;z-index:1;background:linear-gradient(90deg,#141414 70%,transparent)}
.kv-k{font-size:13px;font-weight:800;letter-spacing:.2em;color:#ddd}.kv-k b{color:#e50914;font-size:22px;margin-right:6px;font-weight:900;letter-spacing:0}
.kv h2{margin-top:10px;font-size:clamp(56px,7vw,96px);font-weight:900;letter-spacing:-.05em;line-height:1}
.kv-en{margin-top:8px;font-size:14px;font-weight:800;letter-spacing:.12em;color:#e50914}
.kv-m{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:18px;font-size:14px;color:#bbb}.kv-m span:first-child{color:#46d369;font-weight:800}
.kv-m span+span{border:1px solid #555;padding:0 6px}
.kv-d{margin-top:16px;color:#ddd;max-width:440px}
.kv-art{display:flex;align-items:stretch}
.cp{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden}
.cp svg{width:70%;fill:#000;position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(0,0,0,.6))}
.cp .cn{position:absolute;top:18px;left:0;right:0;text-align:center;font-weight:900;letter-spacing:.12em;font-size:15px}
.cp.kr{background:linear-gradient(#003478,#c60c30)}.cp.th{background:linear-gradient(#2d2a4a,#a51931)}.cp.vn{background:linear-gradient(#da251d,#ffcd00)}.cp.vn .cn{color:#2a0000}
.kv-vs{align-self:center;width:0;position:relative;z-index:2}.kv-vs::before{content:"VS";position:absolute;left:-17px;top:-17px;width:34px;height:34px;display:grid;place-items:center;background:#e50914;color:#fff;font-weight:900;font-size:12px;border-radius:50%;box-shadow:0 0 0 3px #141414}
.eps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;margin:12px 0 0;padding:0}
.eps li{background:#1f1f1f;padding:18px 18px 22px;position:relative}
.ep-t b{color:#e50914;margin-right:6px}.ep-t{font-size:17px;font-weight:700}.ep-d{color:#46d369;font-size:13px;font-weight:700;margin-top:2px}.ep-x{color:#bbb;font-size:14px;margin-top:6px}
.eps i{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#444}.eps i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:#e50914}
.posters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.poster{aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;position:relative;overflow:hidden;transition:transform .2s}
.poster:hover{transform:scale(1.04);z-index:1}
.poster b{font-size:clamp(26px,2.6vw,38px);font-weight:900;line-height:.95;letter-spacing:-.03em}
.po-k{position:absolute;top:12px;left:16px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#fff;opacity:.85}
.po-s{margin-top:10px;font-size:13px;font-weight:700}.po-d{font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}
.p-t2k{background:radial-gradient(circle at 70% 20%,#ff3d6e,transparent 60%),#160612}
.p-ho{background:radial-gradient(circle at 30% 25%,#d4a64a,transparent 60%),#16110a}
.p-aw{background:radial-gradient(circle at 60% 30%,#7b3fe4,transparent 60%),#0f0a1c}
.p-fc{background:radial-gradient(ellipse 70% 50% at 50% 0%,#ff3d6e,transparent 70%),#050507}
.p-run{background:radial-gradient(circle at 70% 30%,#fee500,transparent 55%),#0b3d2e}.p-run .po-k{color:#fee500}
.cap.light{color:#888;margin-top:16px}
@media (max-width:900px){.kv{grid-template-columns:1fr}.kv-t{background:#141414;padding:28px 22px}.kv-art{height:260px}.eps{grid-template-columns:1fr}.posters{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.posters{grid-template-columns:repeat(2,1fr)}}

/* early = longer exposure */
.early{border:1px solid var(--line);padding:26px 28px;background:#fff}
.ea-k{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.ea-k p{padding:0 22px}.ea-k p:first-child{padding-left:0}.ea-k p+p{border-left:1px solid var(--line)}
.ea-k span{display:block;font-size:14px;color:var(--mut);font-weight:600}
.ea-k b{display:block;font-size:40px;font-weight:900;color:var(--pri-d);letter-spacing:-.02em;margin:2px 0}
.ea-k b.late{color:#9aa3b2;text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--acc)}
.ea-k p:last-child b{font-size:26px;color:var(--acc);margin-top:10px}
.ea-k small{font-size:13px;color:var(--mut)}.ea-k em{font-style:normal;font-weight:800;color:var(--ink)}
.ea-bar{position:relative;height:96px;margin:30px 6px 0}
.ea-bar i{position:absolute;top:18px;height:14px}
.ea-bar i.now{left:0;right:0;background:var(--pri)}
.ea-bar i.late{right:0;background:var(--acc)}
.ea-bar ol{list-style:none;margin:0;padding:0}
.ea-bar li{position:absolute;top:0;transform:translateX(-50%);text-align:center;font-size:12px;white-space:nowrap;padding-top:40px}
.ea-bar li::before{content:"";position:absolute;left:50%;top:12px;width:2px;height:26px;background:var(--ink)}
.ea-bar li:first-child{transform:none;text-align:left}.ea-bar li:first-child::before{left:0}
.ea-bar li:last-child{transform:translateX(-100%);text-align:right}.ea-bar li:last-child::before{left:auto;right:0}
.ea-bar li b{display:block}.ea-bar li span{color:var(--mut)}
.ea-bar li:nth-child(even){padding-top:70px}.ea-bar li:nth-child(even)::before{height:56px}
.ea-n{margin-top:24px;font-size:14px;color:var(--ink);font-weight:600}.ea-n::before{content:"※ ";color:var(--acc)}
@media (max-width:900px){.ea-k{grid-template-columns:1fr}.ea-k p,.ea-k p:first-child{padding:12px 0}.ea-k p+p{border-left:0;border-top:1px solid var(--line)}.ea-bar{height:120px}.ea-bar li{font-size:11px}}
.ea-k p:last-child em{color:inherit}
.ea-lg{margin-top:26px;font-size:13px;color:var(--mut)}.ea-lg i{display:inline-block;width:14px;height:10px;margin:0 6px 0 14px;vertical-align:0}.ea-lg i:first-child{margin-left:0}
.ea-lg .now{background:var(--pri)}.ea-lg .late{background:var(--acc)}.ea-bar{margin-top:14px}
@media (max-width:600px){.ea-bar li:nth-child(3),.ea-bar li:nth-child(4){display:none}}
.pon a{display:block;color:inherit}.pon a small{display:block;margin-top:4px;font-size:12px;color:var(--acc);font-weight:700}.pon a:hover b{text-decoration:underline}
.hosts a{color:var(--pri-d)}.hosts a:hover b{text-decoration:underline}
a.org{text-decoration:underline;text-underline-offset:2px}
.kv-vs{font-size:0;color:transparent}

/* chef key art v2: full-bleed image, title on the dark left third */
.kv{display:block;min-height:520px;background:#000}
.kv-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.kv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 28%,rgba(0,0,0,0) 58%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 30%)}
.kv-t{position:relative;z-index:1;background:none;max-width:560px;padding:64px 48px}
.kv h2{font-size:clamp(64px,8vw,112px);text-shadow:0 4px 30px rgba(0,0,0,.6)}
.kv-note{position:absolute;right:16px;bottom:12px;z-index:1;font-size:11px;color:rgba(255,255,255,.6)}
@media (max-width:900px){.kv{min-height:0}.kv-bg{position:relative;height:240px;object-position:70% center}.kv::after{display:none}.kv-t{padding:24px 20px;background:#000;max-width:none}.kv-note{top:208px;bottom:auto}}
@media (min-width:901px){.kv{aspect-ratio:16/9;min-height:0}.kv-bg{object-position:center}.kv-t{max-width:520px;padding:72px 48px}.kv::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 22%,rgba(0,0,0,0) 40%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 25%)}}

/* generated images */
figure{position:relative}
figcaption.ai{position:absolute;right:8px;bottom:6px;font-size:11px;color:#fff;background:rgba(0,0,0,.45);padding:1px 6px}
.fb-stage{margin:0;height:auto;display:block;background:none}
.fb-stage img{width:100%;aspect-ratio:16/10;object-fit:cover}
.fb-stage p{bottom:28px;text-shadow:0 2px 12px #000}

/* human olympics + medical plan */
.hocats{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 0 18px;padding:0;border-top:2px solid var(--ink)}
.hocats li{padding:16px 18px 18px 0;border-bottom:1px solid var(--line)}.hocats li:nth-child(3n+2),.hocats li:nth-child(3n){padding-left:18px;border-left:1px solid var(--line)}
.hocats b{font-size:18px}.hocats span{margin-left:8px;font-size:13px;color:var(--acc);font-weight:800}.hocats p{margin-top:4px;font-size:14px;color:var(--mut)}
.blk .cta-box{margin-top:22px}
.h3{margin:30px 0 12px;font-size:19px;font-weight:800}
.medk{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:18px}
.medk p{padding:20px 22px}.medk p+p{border-left:1px solid var(--line)}
.medk b{display:block;font-size:40px;font-weight:900;color:var(--pri-d);letter-spacing:-.02em}.medk span{font-size:14px;color:var(--mut)}
.medflow{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:0;border-top:3px solid var(--pri)}
.medflow li{padding:12px 10px 0 0;position:relative}.medflow li::before{content:"";position:absolute;top:-8px;left:0;width:13px;height:13px;border-radius:50%;background:var(--pri);border:2px solid #fff}
.medflow span{display:block;font-size:13px;font-weight:800;color:var(--pri)}.medflow b{display:block;font-size:14px;margin-top:2px}
@media (max-width:900px){.hocats{grid-template-columns:1fr 1fr}.hocats li:nth-child(n){padding-left:0;border-left:0}.medk{grid-template-columns:1fr}.medk p+p{border-left:0;border-top:1px solid var(--line)}.medflow{grid-template-columns:1fr 1fr;row-gap:18px}}
/* participant gains + titles + tier fit */
.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;margin:0;padding:0}
.badges p{margin-top:6px;font-size:13px;color:var(--mut);text-align:center}
.badge{border:2px solid var(--pri-d);padding:14px 8px;text-align:center;background:#fff}
.badge span,.badge small{display:block;font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--mut)}
.badge b{display:block;margin:8px 0;padding:8px 0;border-top:1px solid var(--pri-d);border-bottom:1px solid var(--pri-d);font-size:15px;line-height:1.2;font-weight:900;color:var(--pri-d);letter-spacing:.02em}
.badges li:nth-child(2) .badge{background:var(--pri-d)}.badges li:nth-child(2) .badge *{color:#fff;border-color:#fff}
.badges li:nth-child(3) .badge{border-color:var(--acc)}.badges li:nth-child(3) .badge b{color:var(--acc);border-color:var(--acc)}
.gflow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:26px 0 0;padding:0;border-top:2px solid var(--ink)}
.gflow li{padding:16px 18px 0 0}.gflow li+li{padding-left:18px;border-left:1px solid var(--line)}
.gflow span{display:block;font-size:14px;font-weight:900;color:var(--acc)}.gflow p{margin-top:6px;font-size:14px;line-height:1.6}
.fit th span{display:block;font-size:13px;font-weight:600;color:var(--mut)}.fit td.ttl{font-size:13px;font-weight:800;color:var(--pri-d);letter-spacing:.02em}
@media (max-width:900px){.gflow{grid-template-columns:1fr}.gflow li+li{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:14px}.badges{grid-template-columns:1fr 1fr 1fr;gap:6px}.badge b{font-size:12px}}
/* home: human olympics band */
.hoband{background:var(--pri-d);color:#fff}
.ho-tag{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--acc)}
.ho-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;margin-top:14px;align-items:start}
.hoband h2{font-size:40px;line-height:1.2;font-weight:900;letter-spacing:-.02em}.hoband h2 span{color:var(--acc)}
.ho-dl{margin:22px 0 0;border-top:1px solid rgba(255,255,255,.3)}.ho-dl div{display:grid;grid-template-columns:96px 1fr;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.ho-dl dt{font-size:14px;color:rgba(255,255,255,.65)}.ho-dl dd{margin:0;font-size:15px;font-weight:600}
.ho-n{margin:16px 0 22px;font-size:14px;color:rgba(255,255,255,.8)}.ho-n b{font-size:22px;color:#fff;margin-right:2px}
.hoband .btn-line{color:#fff;border-color:#fff;background:transparent}
.ho-sub{font-size:18px;font-weight:800}.ho-sub b{font-size:30px;color:var(--acc)}
.ho-cats{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:14px 0 0;padding:0;border-top:2px solid #fff}
.ho-cats li{padding:18px 0 18px;border-bottom:1px solid rgba(255,255,255,.2)}.ho-cats li:not(:nth-child(3n+1)){padding-left:16px;border-left:1px solid rgba(255,255,255,.2)}
.ho-cats b{display:block;font-size:44px;font-weight:900;line-height:1}.ho-cats span{font-size:15px;font-weight:700;color:rgba(255,255,255,.85)}
@media (max-width:900px){.ho-grid{grid-template-columns:1fr;gap:28px}.hoband h2{font-size:30px}.ho-cats b{font-size:34px}}
.place>li,.stats li{min-width:0}
@media (max-width:600px){.stats li{padding:24px 10px}}
.ho-dl div{grid-template-columns:minmax(96px,max-content) 1fr;column-gap:16px}
.ho-grid{grid-template-columns:1fr 1.15fr;align-items:center}
.ho-img{margin:0}.ho-img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.ho-img figcaption{color:rgba(255,255,255,.55)}
.hoband .ho-sub{margin-top:44px}.ho-cats{grid-template-columns:repeat(6,1fr)}.ho-cats li:not(:nth-child(3n+1)){padding-left:0;border-left:0}.ho-cats li+li{padding-left:16px;border-left:1px solid rgba(255,255,255,.2)}
@media (max-width:900px){.ho-img{order:-1}.ho-cats{grid-template-columns:repeat(3,1fr)}.ho-cats li:nth-child(4){padding-left:0;border-left:0}}
.ho-cats li:nth-child(n+2){padding-left:16px;border-left:1px solid rgba(255,255,255,.2)}
@media (max-width:900px){.ho-cats li:nth-child(3n+1){padding-left:0;border-left:0}}
@media (max-width:900px){.ho-grid{grid-template-columns:1fr}}
/* home: poster rail (auto-advance in expo.js, pauses on hover/touch/focus) */
.rail{position:relative}
.rail-t{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0 0 6px;scrollbar-width:none}
.rail-t::-webkit-scrollbar{display:none}
.rail-t li{scroll-snap-align:start;min-width:0}
.rp{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;background:#0b0f1e;color:#fff}
.rp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rp:hover img{transform:scale(1.05)}
.rp div{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 20px;background:rgba(8,12,30,.78)}
.rp-k{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--acc)}
.rp b{display:block;margin:6px 0 8px;font-size:clamp(28px,2.6vw,38px);line-height:.95;font-weight:900;letter-spacing:-.02em}
.rp-s{display:block;font-size:14px;font-weight:600}.rp-d{display:block;margin-top:4px;font-size:12px;color:rgba(255,255,255,.7);letter-spacing:.04em}
.rail-b{position:absolute;top:calc(50% - 24px);width:44px;height:44px;border:0;background:#fff;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
.rail-b.prev{left:-22px}.rail-b.next{right:-22px}
@media (max-width:1100px){.rail-t{grid-auto-columns:calc((100% - 32px)/3)}}
@media (max-width:700px){.rail-t{grid-auto-columns:72%}.rail-b{display:none}}
/* hero background slideshow: 5 slides × 6s */
.hero-sl img,.hero-cap span{opacity:0;animation:hslide 15s infinite both;animation-delay:calc(var(--i) * 3s)}
@keyframes hslide{0%{opacity:0;transform:scale(1)}3%{opacity:1}20%{opacity:1}23%{opacity:0;transform:scale(1.06)}100%{opacity:0}}
.hero-cap{position:absolute;right:24px;bottom:16px;z-index:1;margin:0;font-size:11px;letter-spacing:.12em;font-weight:700;color:rgba(255,255,255,.7)}
.hero-cap span{position:absolute;right:0;bottom:0;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.hero-sl img,.hero-cap span{animation:none}.hero-sl img:first-child,.hero-cap span:first-child{opacity:1}}
