@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Aleo:wght@700&family=Noto+Sans+KR:wght@400;500;600&family=Nanum+Myeongjo:wght@800&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
:root{--blue:#2b75cc;--pale:#f2f6fd;--ink:#04080d}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Plus Jakarta Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e89b05;outline-offset:5px}.header{max-width:1440px;margin:auto;padding:16px 100px;display:flex;align-items:center;gap:24px;min-height:96px}.header>a{flex-shrink:0;height:64px}nav{display:flex;justify-content:center;align-items:center;gap:24px;flex:1;white-space:nowrap;font-size:16px}nav a:hover{color:var(--blue)}.languages{display:flex;gap:6px;align-items:center;background:var(--blue);border-radius:99px;padding:4px;flex-shrink:0}.languages button{border:0;background:none;color:white;padding:12px;border-radius:99px;font-size:16px}.languages button[aria-pressed=true]{background:white;color:var(--ink)}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;padding:40px 100px 48px}.intro{position:relative;text-align:center;margin-bottom:80px}h1{font-size:72px;font-weight:600;line-height:1.25;letter-spacing:-1.44px;margin:0}.blue{color:var(--blue)}.footnote{font-size:16px;line-height:1.4;color:#7b7b7b;margin:16px 0 0}.composition{height:700px;display:grid;grid-template-columns:280px minmax(0,1fr) 280px;grid-template-rows:280px 404px;gap:16px;position:relative}.card{border-radius:24px;background:var(--pale)}.photo{grid-column:2;grid-row:1/3;border-radius:24px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;object-position:center}.youtube{grid-column:1;grid-row:1;background:var(--blue);color:white;padding:32px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.youtube h2{font-size:48px;line-height:1.26;letter-spacing:-.96px;margin:0 0 4px;font-weight:600}.youtube p{font-size:16px;line-height:1.4;margin:0}.experience{grid-column:1;grid-row:2;width:500px;padding:32px;z-index:2;outline:16px solid white;display:flex;flex-direction:column;justify-content:center;gap:32px}.experience p{font-size:24px;line-height:1.72;letter-spacing:-.48px;margin:0}.experience strong{font-weight:600}.consultation{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:white;border-radius:99px;padding:4px 4px 4px 24px;font-size:16px;align-self:flex-start;white-space:nowrap;min-height:56px}.consultation:hover{background:#1a5daa}.arrow{display:grid;place-items:center;background:white;border-radius:50%;width:48px;height:48px;color:var(--ink);font-size:24px}.awards{grid-column:3;grid-row:1/3;display:grid;grid-template-rows:1fr 1fr;gap:16px}.award{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;gap:8px}.award img{margin-bottom:8px}.award h2{font-family:Aleo,Georgia,serif;font-weight:700;text-transform:uppercase;color:#e89b05;font-size:24px;line-height:28px;letter-spacing:1px;margin:0}.year{font-family:'Abril Fatface',Georgia,serif;font-size:28px;line-height:32px;letter-spacing:1.6px;color:#9b0f15;margin:0}.organization{font-size:16px;line-height:1.4;color:#7b7b7b;margin:0}
@media(max-width:1350px){.header{padding-inline:40px;gap:20px}nav{gap:16px;font-size:14px}.hero{padding-inline:40px}h1{font-size:clamp(42px,5vw,72px)}.composition{grid-template-columns:240px minmax(0,1fr) 240px}.youtube{padding:24px}.youtube h2{font-size:40px}.experience{width:440px;padding:28px}.experience p{font-size:21px}.award h2{font-size:21px}}
@media(max-width:1050px){.header{flex-wrap:wrap;padding:16px 32px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:44px;height:44px;padding:10px;background:white;border:0;margin-left:auto}.menu-toggle span{height:2px;background:var(--ink);width:24px}nav{display:none;order:4;flex-basis:100%;align-items:flex-start;padding:20px 0;white-space:normal}nav.open{display:flex;flex-direction:column;gap:20px}.hero{padding:32px}.intro{margin-bottom:48px}h1{font-size:clamp(36px,5vw,52px)}.composition{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:260px auto auto}.photo{grid-column:2;grid-row:1/3}.youtube{grid-column:1;grid-row:1}.experience{width:auto;grid-column:1;grid-row:2;outline:0;padding:28px}.experience p{font-size:20px}.awards{grid-column:1/3;grid-row:3;grid-template-columns:1fr 1fr;grid-template-rows:auto}.award{min-height:310px}.youtube img{max-width:100%;object-fit:contain;object-position:left}}
@media(max-width:600px){.header{padding:12px 20px;gap:12px;min-height:80px}.header>a{height:64px}.languages button{font-size:14px;padding:10px}.hero{padding:28px 20px 32px}.intro{margin-bottom:32px}h1{font-size:36px;line-height:1.25;letter-spacing:-.8px}h1 br:first-of-type{display:none}.footnote{font-size:14px;margin-top:20px}.flourish,.composition{display:flex;flex-direction:column;gap:16px}.photo{order:0;aspect-ratio:1/1;width:100%}.youtube{order:1;min-height:230px;padding:24px}.youtube h2{font-size:44px}.youtube p{max-width:280px}.experience{order:2;padding:24px;gap:24px}.experience p{font-size:20px;line-height:1.6}.awards{order:3;display:grid;grid-template-columns:1fr 1fr;gap:12px}.award{min-height:300px;padding:24px 12px}.award h2{font-size:18px;line-height:24px;letter-spacing:.4px}.year{font-size:24px;letter-spacing:0}.organization{font-size:14px}.consultation{font-size:14px;padding-left:18px}.award img{margin-bottom:8px}}@media(max-width:350px){.awards{grid-template-columns:1fr}.languages button{padding:8px}h1{font-size:32px}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .18s,color .18s}}

html[lang=ko] body{font-family:"Noto Sans KR",Arial,sans-serif}html[lang=ko] h1{font-weight:500;word-break:keep-all}html[lang=ko] .youtube h2{font-size:40px;letter-spacing:-.8px}html[lang=ko] .award h2{font-family:"Nanum Myeongjo",serif;font-weight:800}html[lang=ko] .languages{font-family:"Plus Jakarta Sans",Arial,sans-serif}

/* Decorations follow the instructor line, using each language's Figma offsets. */
.headline-line,.name-line{display:block}
.name-anchor{position:relative;display:inline-block}
.flourish,.highlight{position:absolute;pointer-events:none;max-width:none}
.flourish{right:calc(100% + .111111em);left:auto;top:.208333em;transform-origin:top right}
.highlight{left:calc(100% - .111111em);right:auto;top:-.013889em;transform-origin:top left}
html[lang=ko] .flourish{right:calc(100% + .194444em)}
html[lang=ko] .highlight{top:-.291667em}
@media(max-width:1350px){.flourish,.highlight{transform:scale(.85)}}
@media(max-width:1050px){.flourish,.highlight{transform:scale(.65)}}
@media(max-width:600px){.flourish,.highlight{display:none}}

.header{position:sticky;top:0;z-index:50;background:#fff;max-width:none;width:100%;border-bottom:1px solid #dfdfdf}
@media(min-width:1441px){.header{padding-inline:calc((100% - 1240px)/2)}}
@media(max-width:1050px){nav.open{max-height:calc(100dvh - 192px);overflow-y:auto}}
