@font-face{font-family:Machi Display;src:url(/assets/display-800-DSrlgQX3.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Machi Display;src:url(/assets/display-700-C496CgwB.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Machi Wordmark;src:url(/assets/machi-wordmark-XV4lslsm.woff2)format("woff2");font-weight:900;font-display:swap}:root{--ink:#111;--paper:#fff;--mute:#8a8a8a;--accent:#ff5a1f;--display:"Machi Display", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--body:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, sans-serif;--serif:"Machi Wordmark", "AppleMyungjo", "Apple Myungjo", "Noto Serif CJK KR", "Nanum Myeongjo", Georgia, serif;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 56px);--rule-heavy:6px;--rule-thin:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--ink) var(--paper);background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--body);word-break:keep-all;overflow-wrap:anywhere;caret-color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font-size:16px;line-height:1.65}::selection{background:var(--ink);color:var(--paper)}.inverse ::selection{background:var(--paper);color:var(--ink)}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:2px}:focus-visible{outline-offset:4px;outline:3px solid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:1180px;margin-inline-start:auto;margin-inline-end:auto}.nav{padding-inline:var(--gutter);padding-block:calc(14px + env(safe-area-inset-top,0px)) 14px;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__word{font-family:var(--serif);letter-spacing:-.04em;font-size:30px;font-weight:900;line-height:1}.brand__tag{letter-spacing:.02em;border:var(--rule-thin) solid currentColor;padding:4px 6px 3px;font-size:11px;font-weight:800;line-height:1}.nav__cta{align-items:center;gap:6px;padding-block-start:10px;padding-block-end:10px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}@media (hover:hover){.nav__cta:hover{text-decoration:underline}}.hero{padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(150px,168px) minmax(0,1fr);grid-template-areas:"title title title""left final right""lede lede lede""facts facts facts";gap:26px 0;padding-block-start:10px;padding-block-end:56px;display:grid}.hero__head{display:contents}.hero__title{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;grid-area:title;margin:0;font-size:clamp(2.6rem,12.4vw,3.9rem);font-weight:800;line-height:1.04}.hero__lede{grid-area:lede;max-width:44ch;margin:0;font-size:17px;line-height:1.6}.facts{flex-wrap:wrap;grid-area:facts;gap:8px 18px;margin:0;padding:0;font-size:14px;font-weight:800;list-style:none;display:flex}.accent{color:var(--accent)}.facts li{align-items:center;gap:8px;display:inline-flex}.facts li:before{content:"";background:var(--ink);width:7px;height:7px}.final{background:var(--ink);color:var(--paper);flex-direction:column;grid-area:final;align-self:center;align-items:center;gap:12px;padding:18px 10px 14px;display:flex}.final__label{font-family:var(--display);font-size:36px;font-weight:700;line-height:1}.final__cta{width:100%;padding-inline-start:8px;padding-inline-end:8px;font-size:16px}.half{height:272px;position:relative}.half--left{grid-area:left}.half--right{grid-area:right;transform:scaleX(-1)}.half__lines,.half__win{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.half__lines path,.half__win path{fill:none;stroke:var(--ink);stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.half__lines path{stroke-width:var(--rule-thin)}.half__win path{stroke-width:var(--rule-heavy)}.half.is-drawing .half__win{animation:sweep 1.1s var(--ease) both}.half--right.is-drawing .half__win{animation-delay:.14s}@keyframes sweep{0%{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0)}}.slot{background:var(--paper);border:var(--rule-thin) solid var(--ink);height:60%;max-height:44px;font-family:var(--display);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .25s var(--ease), color .25s var(--ease);place-items:center;font-size:20px;font-weight:800;line-height:1;display:grid;position:absolute;left:0;transform:translateY(-50%)}.half--4 .slot{height:15%}.half--8 .slot{height:8%}.half--right .slot__q{display:inline-block;transform:scaleX(-1)}.slot.is-win{background:var(--ink);color:var(--paper)}@media (hover:hover){.slot:not(.is-win):hover{box-shadow:inset 0 0 0 3px var(--ink)}}.only-wide{display:none}.btn{min-height:52px;font-family:var(--body);white-space:nowrap;transition:background .2s var(--ease), color .2s var(--ease);border:3px solid;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:17px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.btn--light{background:var(--paper);color:var(--ink);border-color:var(--paper)}@media (hover:hover){.btn--light:hover{background:var(--ink);color:var(--paper)}.btn:hover svg{transform:translate(3px)}}.btn svg{transition:transform .25s var(--ease);flex:none}.btn:active{transform:translateY(1px)}.btn--big{min-height:64px;padding-inline-start:28px;padding-inline-end:28px;font-size:19px}.band{padding-inline:var(--gutter);border-top:var(--rule-heavy) solid var(--ink);padding-block-start:clamp(72px,12vw,150px);padding-block-end:clamp(72px,12vw,150px)}.section-title{max-width:15ch;font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(2.1rem,8vw,4rem);font-weight:800;line-height:1.08}.band__body{max-width:44ch;margin:clamp(28px,4vw,44px) 0 0;font-size:17px}.match{grid-template-columns:minmax(0,1fr);justify-items:stretch;display:grid}.side{min-height:150px;font-family:var(--display);text-align:center;justify-content:center;align-items:center;padding:32px 18px;font-size:clamp(2.4rem,11vw,5rem);font-weight:800;line-height:1;display:flex;position:relative}.side--lose{border:var(--rule-heavy) solid var(--ink)}.side--win{background:var(--ink);color:var(--paper)}.side__tag{border:var(--rule-thin) solid currentColor;font-family:var(--body);letter-spacing:.12em;padding:5px 8px 4px;font-size:12px;font-weight:800;line-height:1;position:absolute;top:14px;right:14px}.vsmark{z-index:1;background:var(--paper);border:var(--rule-heavy) solid var(--ink);width:76px;height:76px;font-family:var(--display);justify-self:center;place-items:center;margin-block-start:-32px;margin-block-end:-32px;font-size:28px;font-weight:800;line-height:1;display:grid;position:relative}.strike{display:inline-block;position:relative}.strike:after{content:"";background:var(--ink);transform-origin:0;height:.17em;transition:transform .9s var(--ease);margin-top:-.085em;position:absolute;top:50%;left:-8%;right:-8%;transform:rotate(-5deg)scaleX(1)}.strike.is-pending:after{transform:rotate(-5deg)scaleX(0)}.timeline{--p:1;max-width:760px;margin:0;padding:0;list-style:none;position:relative}.timeline:before,.timeline:after{content:"";position:absolute;top:32px;bottom:36px}.timeline:before{width:var(--rule-thin);background:var(--ink);left:31px}.timeline:after{width:var(--rule-heavy);background:var(--ink);transform:scaleY(var(--p));transform-origin:top;left:29px}.round{gap:6px;padding:10px 0 52px 96px;display:grid;position:relative}.round:last-child{padding-bottom:0}.round__node{z-index:1;background:var(--paper);min-width:64px;height:64px;color:var(--ink);border:4px solid var(--ink);font-family:var(--display);transition:background .35s var(--ease), color .35s var(--ease);place-items:center;padding-inline-start:10px;padding-inline-end:10px;font-size:30px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;left:0}.round__node--word,.round.is-reached .round__node--word{background:var(--ink);color:var(--paper);font-size:24px}.round.is-reached .round__node{background:var(--ink);color:var(--paper)}.round__name{font-family:var(--display);margin:0;font-size:clamp(1.9rem,7vw,3rem);font-weight:800;line-height:1.1}.round__body{max-width:40ch;margin:0;font-size:17px}.rules__list{border-top:var(--rule-heavy) solid var(--ink);margin:0;padding:0;list-style:none}.rule{border-bottom:var(--rule-thin) solid var(--ink);gap:10px;padding-block-start:28px;padding-block-end:28px;display:grid}.rule__title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(2.1rem,9vw,4.4rem);font-weight:800;line-height:1.05}.rule__body{max-width:40ch;margin:0;font-size:17px}.finale{background:var(--ink);color:var(--paper);padding-inline:var(--gutter);padding-block-start:clamp(84px,14vw,170px);padding-block-end:28px;overflow-x:clip}.finale__title{max-width:12ch;font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.9rem,13vw,6rem);font-weight:700;line-height:1.03}.finale__body{max-width:40ch;margin:24px 0 0;font-size:17px}.finale__run{margin-top:44px;margin-left:calc(-1 * var(--gutter) - max(0px, (100vw - 1180px - 2 * var(--gutter)) / 2));align-items:center;display:flex}.finale__line{min-width:32px;height:var(--rule-heavy);background:var(--paper);flex:auto}.finale .btn--light{border-color:var(--paper)}@media (hover:hover){.finale .btn--light:hover{background:var(--ink);color:var(--paper)}}.footer{border-top:var(--rule-thin) solid var(--paper);justify-content:space-between;align-items:baseline;gap:16px;margin-top:clamp(80px,12vw,140px);padding-top:18px;font-size:13px;font-weight:700;display:flex}.footer__word{font-family:var(--serif);letter-spacing:-.04em;font-size:22px;font-weight:900;line-height:1}.footer__links{flex-wrap:wrap;gap:4px 14px;display:flex}.footer__links a{text-decoration-thickness:1px}@media (min-width:880px){:root{--rule-thin:3px;--rule-heavy:9px}.only-wide{display:block}.only-narrow{display:none}.hero{grid-template:"left head right"minmax(0,1fr)"left final right""left facts right"minmax(0,1fr)/minmax(0,1fr) minmax(440px,41vw) minmax(0,1fr);row-gap:30px;padding-block-start:8px;padding-block-end:48px}.half{height:auto}.hero__head{text-align:center;flex-direction:column;grid-area:head;align-self:end;align-items:center;gap:18px;padding-inline-start:12px;padding-inline-end:12px;display:flex}.hero__title{font-size:clamp(3.4rem,5.8vw,6rem);line-height:1.02}.hero__lede{max-width:none;font-size:18px}.facts{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-self:start;margin-top:0}.final{gap:16px;padding:26px 32px 30px}.final__label{font-size:64px}.final__cta{width:auto;min-width:220px;padding-inline-start:26px;padding-inline-end:26px;font-size:18px}.slot{font-size:30px}.half--8 .slot{height:9.5%;max-height:60px}.match{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.side{min-height:260px}.vsmark{align-self:center;width:96px;height:96px;margin-block-start:0;margin-block-end:0;margin-inline-start:-42px;margin-inline-end:-42px;font-size:34px}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;max-width:none;display:grid}.timeline:before,.timeline:after{width:auto;bottom:auto;left:32px;right:calc(33.3333% - 58.6667px)}.timeline:before{top:calc(32px - var(--rule-thin) / 2);height:var(--rule-thin)}.timeline:after{top:calc(32px - var(--rule-heavy) / 2);height:var(--rule-heavy);transform:scaleX(var(--p));transform-origin:0}.round,.round:last-child{align-content:start;padding:96px 24px 0 0}.rule{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:48px;padding-block-start:36px;padding-block-end:36px}}html{scroll-snap-type:y mandatory}@media (min-width:880px){html{scroll-snap-type:y proximity}}.scene{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;min-height:100svh;display:flex}.scene--hero .hero{flex:1 0 auto;align-content:center}.band.scene{justify-content:center}.scene .wrap{width:100%}.finale .wrap{flex-direction:column;flex:1 0 auto;display:flex}.finale__title,.finale .footer{margin-top:auto}.scene .wrap>*{transition:opacity .7s var(--ease), transform .7s var(--ease)}.scene .wrap>:nth-child(2){transition-delay:80ms}.scene .wrap>:nth-child(3){transition-delay:.16s}.scene .wrap>:nth-child(4){transition-delay:.24s}.scene.is-pending .wrap>*{opacity:0;transform:translateY(28px)}.timeline:after{transition:transform 1.2s var(--ease) .2s}.round:nth-child(2) .round__node{transition-delay:.6s}.hero{row-gap:clamp(12px,2.6svh,26px);padding-block-start:clamp(2px,1svh,10px);padding-block-end:clamp(12px,3svh,56px)}.hero__title{font-size:clamp(2.1rem,min(12.4vw,7svh),3.9rem)}.half{height:clamp(168px,31svh,272px)}.band{padding-block-start:clamp(28px,6svh,150px);padding-block-end:clamp(28px,6svh,150px)}.section-title{margin-bottom:clamp(16px,3svh,48px);font-size:clamp(1.7rem,min(8vw,5.2svh),4rem)}.band__body{margin-top:clamp(14px,2.6svh,44px)}.side{min-height:clamp(84px,14svh,150px);padding-block-start:clamp(12px,2.4svh,32px);padding-block-end:clamp(12px,2.4svh,32px);font-size:clamp(1.9rem,min(11vw,6.4svh),5rem)}.round{padding-bottom:clamp(16px,3.6svh,52px)}.round__name{font-size:clamp(1.5rem,min(7vw,4.4svh),3rem)}.rule{padding-block-start:clamp(10px,2.4svh,28px);padding-block-end:clamp(10px,2.4svh,28px)}.rule__title{font-size:clamp(1.7rem,min(9vw,5.2svh),4.4rem)}.finale{padding-block-start:clamp(40px,8svh,170px);padding-block-end:20px}.finale__title{font-size:clamp(2.3rem,min(13vw,7.6svh),6rem)}.finale__run{margin-top:clamp(24px,5svh,44px);margin-bottom:clamp(24px,6svh,56px)}@media (max-width:879px){.match{--vs:clamp(56px, 9svh, 76px)}.vsmark{width:var(--vs);height:var(--vs);margin-block:calc(var(--vs) * -.42);font-size:calc(var(--vs) * .37)}.side--lose{padding-bottom:calc(clamp(12px, 2.4svh, 32px) + var(--vs) * .42)}.side--win{padding-top:calc(clamp(12px, 2.4svh, 32px) + var(--vs) * .42)}}@media (min-width:880px){.hero__title{font-size:clamp(3rem,min(5.8vw,8.6svh),6rem)}.half{height:auto}.final__label{font-size:clamp(44px,7svh,64px)}.side{min-height:clamp(140px,24svh,260px);font-size:clamp(2.6rem,min(5vw,8svh),5rem)}.round,.round:last-child{padding:clamp(64px,11svh,96px) 24px 0 0}.rule{padding-block-start:clamp(14px,2.8svh,36px);padding-block-end:clamp(14px,2.8svh,36px)}}.scene__cue{width:44px;height:44px;color:var(--ink);align-self:center;place-items:center;margin-bottom:12px;display:grid}.scene__cue svg{animation:cue 1.8s var(--ease) infinite;transform:rotate(90deg)}@keyframes cue{0%,to{translate:0}50%{translate:0 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}