:root{--orange:#ff5a36;--yellow:#ffe24b;--blue:#2347d9;--cream:#f5f0df;--ink:#171717;--line:#b9b4a4;--display:"Black Han Sans",sans-serif;--sans:"Gowun Dodum",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.6}.skip{position:fixed;top:-60px;left:12px;background:#fff;padding:10px;z-index:30}.skip:focus{top:12px}.top{height:70px;padding:0 clamp(18px,4vw,60px);display:flex;align-items:center;gap:30px;border-bottom:2px solid var(--ink);font:12px var(--mono);position:sticky;top:0;background:rgba(245,240,223,.95);z-index:20}.logo{font:1rem var(--sans);font-weight:700;margin-right:auto}.logo span{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--yellow);margin-right:8px}.gate{min-height:calc(100vh - 70px);padding:clamp(45px,8vw,100px) clamp(20px,8vw,120px);display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--yellow);position:relative}.kicker,.num{font:600 11px var(--mono);letter-spacing:.14em}.gate h1{font:clamp(3rem,8vw,7.6rem)/.95 var(--display);letter-spacing:-.035em;margin:22px 0}.gate__lead{max-width:520px}.choices{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border:2px solid var(--ink);text-align:left}.choices button{min-height:210px;padding:28px;background:var(--cream);display:flex;flex-direction:column;align-items:flex-start;border:0;transition:.2s}.choices button+button{border-left:2px solid var(--ink)}.choices button:hover,.choices button:focus-visible,.choices button[aria-pressed=true]{background:var(--blue);color:#fff}.choices small{font:11px var(--mono)}.choices strong{font:clamp(1.8rem,4vw,3.3rem) var(--display);margin:auto 0 10px}.skip-choice{font-size:13px;border-bottom:1px solid;margin-top:24px}.pathbar{position:sticky;top:70px;z-index:15;background:var(--ink);color:#fff;padding:12px clamp(20px,8vw,120px);display:flex;justify-content:space-between;align-items:center}.pathbar p{display:flex;gap:18px}.pathbar b{color:var(--yellow)}.pathbar span{color:#c6c6c6}.pathbar button{color:#fff;border-bottom:1px solid;font-size:12px}.content{display:flex;flex-direction:column}.panel{padding:clamp(75px,10vw,140px) clamp(20px,8vw,120px);display:grid;grid-template-columns:150px 1fr;gap:30px;border-bottom:2px solid var(--ink);transition:order .35s ease}.panel>div>h2,.final h2{font:clamp(2.8rem,7vw,7rem)/.96 var(--display);letter-spacing:-.025em;margin-bottom:26px}.lead{font-size:clamp(17px,2vw,22px);max-width:650px}.steps{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.steps li{min-height:160px;padding:22px;display:flex;flex-direction:column}.steps li+li{border-left:2px solid}.steps b{font:clamp(1.3rem,3vw,2rem) var(--display)}.steps span{margin-top:auto}.note{font:11px/1.6 var(--mono);margin-top:24px}.evidence{background:var(--blue);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid;border-bottom:2px solid}.stats article{padding:28px 16px}.stats article+article{border-left:2px solid}.stats strong{font:clamp(2.5rem,6vw,5.5rem) var(--display);color:var(--yellow)}.stats p{font-size:13px}.tuition{background:var(--orange)}mark{background:var(--yellow);padding:2px 6px}.tablewrap{margin-top:40px}.tuition table{width:100%;border-collapse:collapse;background:var(--cream)}.tuition th,.tuition td{padding:16px;border:1px solid var(--ink);text-align:left}.tuition td:last-child{text-align:right;font-family:var(--mono)}.teacher{background:#f8f5ec}.teacher-grid{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:50px}.photo{min-height:520px;background:var(--ink);color:#777;display:grid;place-items:center;text-align:center;font:14px var(--mono)}.role{font:12px var(--mono);color:var(--blue)}blockquote{font-size:clamp(1.3rem,2.5vw,2.2rem);padding:24px 0;border-block:2px solid;margin:24px 0}.teacher dl>div{display:grid;grid-template-columns:130px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.teacher dd{color:var(--orange)}.final{background:var(--ink);color:#fff;padding:clamp(80px,12vw,170px) clamp(20px,8vw,120px)}.final .kicker{color:var(--yellow)}.final p:not(.kicker){font-size:20px;margin:30px 0}.final>a{display:inline-block;background:var(--yellow);color:var(--ink);padding:16px 22px;font-weight:700}.final small{display:block;margin-top:12px;color:#999}footer{display:flex;justify-content:space-between;padding:26px clamp(20px,8vw,120px);font-size:13px}[data-reveal]{opacity:0;transform:translateY(20px);transition:.6s ease}[data-reveal].is-in{opacity:1;transform:none}body.role-student .lesson{order:1}body.role-student .teacher{order:2}body.role-student .evidence{order:3}body.role-student .tuition{order:4}body.role-parent .evidence{order:1}body.role-parent .tuition{order:2}body.role-parent .lesson{order:3}body.role-parent .teacher{order:4}@media(max-width:760px){.top p,.top>a:last-child{display:none}.choices,.panel,.teacher-grid{grid-template-columns:1fr}.choices button+button{border-left:0;border-top:2px solid}.choices button{min-height:165px}.pathbar p{display:grid;gap:2px}.pathbar span{font-size:12px}.panel{gap:18px}.steps,.stats{grid-template-columns:1fr 1fr}.steps li:nth-child(3){border-left:0;border-top:2px solid}.stats article:nth-child(3){border-left:0;border-top:2px solid}.stats article:nth-child(4){border-top:2px solid}.tablewrap{overflow:auto}.tuition table{min-width:620px}.photo{min-height:340px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choices button,.panel{transition:none}[data-reveal]{opacity:1;transform:none;transition:none}}
