@font-face{font-family:"Mona Sans";src:url("fonts/mona-sans-400.ttf");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("fonts/mona-sans-500.ttf");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("fonts/mona-sans-600.ttf");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("fonts/mona-sans-700.ttf");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("fonts/mona-sans-800.ttf");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/plus-jakarta-sans-600.ttf");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/plus-jakarta-sans-700.ttf");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-400.ttf");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-500.ttf");font-weight:500;font-style:normal;font-display:swap}
/* English hierarchy adapted from Creatiie; TC typography is separately scoped. */
html:lang(en){--display:"Mona Sans",sans-serif;--body:"Mona Sans",sans-serif}
html:lang(en) body{font-family:var(--body);font-weight:400}
html:lang(en) :is(h1,h2,h3,.hero-title,.ability-name,.ticket-title,.experience-note .note-title,.contact-email,.wordmark){font-family:"Mona Sans",sans-serif}
html:lang(en) :is(h1,h2){font-weight:800;letter-spacing:-.04em;line-height:1.02}
html:lang(en) .workbench-page .hero-title{font-family:"Mona Sans",sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(3rem,6.4vw,6rem)}
html:lang(en) :is(h1,h2) em{font-family:inherit;font-weight:inherit;font-style:normal}
html:lang(en) .workbench-page h2{font-family:"Mona Sans",sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.04em}
html:lang(en) :is(.ticket-title,.ability-name,.project-story-title){font-family:"Mona Sans",sans-serif;font-weight:600;letter-spacing:-.03em}
html:lang(en) :is(.ticket-role,.ticket-stub,.ticket-image-note,.paper-tag,.note-subtitle,.ability-tags,.dock>a,.button,.dialog-close,.language-toggle){font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;letter-spacing:-.02em}
html:lang(en) .experience-note .note-title{font-family:"Mona Sans",sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.05}
html:lang(en) .note-title i{font-family:inherit;font-weight:inherit;font-style:normal}
html:lang(en) :is(.note-copy,.ticket-image-note,.project-gallery-image figcaption,.project-image-source,.project-contributions,.site-footer){font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.01em}
html:lang(en) :is(.pencil-note,.note-scribble,.portrait-label,.biography-portrait figcaption,.contact-annotation,.project-footnote>span:last-child){font-family:"Mona Sans",sans-serif;font-weight:500;font-style:italic;letter-spacing:-.03em}
html:lang(en) :is(.hero-caption,.experience-heading p,.ability-detail p,.faq-item p,.biography-copy>p,.project-story-summary){font-family:"Mona Sans",sans-serif;letter-spacing:-.015em}
html:lang(en) .dialog-body h2,html:lang(en) .case-detail-page .project-story-title{font-family:"Mona Sans",sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.03em}
html:lang(en) .faq-item summary{font-family:"Mona Sans",sans-serif;font-weight:500;letter-spacing:-.02em}
html:lang(en) .workbench-page .tag-technical{bottom:-62px}
html:lang(en) .workbench-page .hero-caption{margin-top:94px}
@media(max-width:600px){html:lang(en) .workbench-page .hero-title{font-size:clamp(36px,10.5vw,58px);line-height:1.04}html:lang(en) .workbench-page h2{font-size:38px;line-height:1.08}html:lang(en) .invitation-section h2{font-size:48px}html:lang(en) .dialog-body h2{font-size:29px}}

/* Creatiie experience card: Plus Jakarta Sans 700 / 600, Inter Medium copy. */
html:lang(en) .experience-note .note-title{font-family:"Plus Jakarta Sans",sans-serif;font-size:40px;font-weight:700;line-height:1.12;letter-spacing:-.03em;min-height:0}
html:lang(en) .experience-note .note-subtitle{font-family:"Plus Jakarta Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:0}
html:lang(en) .experience-note .note-copy{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.65;letter-spacing:0}
@media(max-width:600px){html:lang(en) .experience-note .note-title{font-size:28px}html:lang(en) .experience-note .note-subtitle{font-size:16px}html:lang(en) .experience-note .note-copy{font-size:13px}}