@font-face{font-family:Michroma;src:url('/assets/fonts/michroma-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:IBMPlexMono;src:url('/assets/fonts/ibm-plex-mono-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* Approved personal typography, 9 November 2026. */
:root{--font-heading:Michroma,Arial,sans-serif;--font-body:DM,Arial,sans-serif;--font-ui:IBMPlexMono,monospace}
body{font-family:var(--font-body)}
.mono,.eyebrow,.panel-label,.pipeline,.button,.text-button,.workflow-tabs button,.site-header nav,.quiet-link,.motion-toggle,.scroll-cue{font-family:var(--font-ui);font-weight:400}
.button,.text-button,.quiet-link,.site-header nav{letter-spacing:.02em}
@media(max-width:760px){.hero-actions{flex-wrap:wrap}}
h1,h2,h3{font-family:Michroma,Arial,sans-serif;font-weight:400;letter-spacing:-.035em}
.hero h1{font-size:clamp(38px,3.8vw,58px);line-height:1.15;letter-spacing:-.04em;text-wrap:pretty}
h2{font-size:clamp(30px,3.2vw,46px);line-height:1.2}
h3{font-size:21px;line-height:1.35}.output-side h3{font-size:23px;line-height:1.35}.build-row h3{font-size:20px}.delivery-steps h3{font-size:20px}.about-copy h2{font-size:clamp(29px,2.8vw,40px)}.contact h2{font-size:clamp(32px,3.6vw,52px);line-height:1.2}.price strong{font-family:Michroma,Arial,sans-serif;font-weight:400;font-size:clamp(43px,5.5vw,76px);letter-spacing:-.045em}
.guide-hero h1{font-size:clamp(48px,8vw,112px);line-height:1.04;letter-spacing:-.045em}.guide-section h2{font-size:34px}.type-display{font-family:Michroma,Arial,sans-serif;font-weight:400;font-size:48px;line-height:1.13;letter-spacing:-.04em}.motion-principles h3{font-size:20px}
@media(max-width:1100px){.hero h1{font-size:42px}.output-side h3{font-size:21px}.about-copy h2{font-size:30px}}
@media(max-width:760px){.hero h1{font-size:clamp(30px,7.9vw,44px);line-height:1.18;letter-spacing:-.045em}.hero .hero-intro{margin-top:24px}h2{font-size:clamp(28px,6.8vw,38px);line-height:1.22}.output-side h3{font-size:22px}.build-row h3{font-size:18px}.delivery-steps h3{font-size:18px}.about-copy h2{font-size:28px}.contact h2{font-size:clamp(28px,7vw,38px)}.price strong{font-size:55px}.guide-hero h1{font-size:clamp(35px,10vw,70px)}.guide-section h2{font-size:29px}.type-display{font-size:37px}.motion-principles h3{font-size:19px}}
@media(max-width:370px){.hero h1{font-size:28px}.contact h2{font-size:26px}.price strong{font-size:49px}}