.HeroImageSection_section__A3lVu{padding:clamp(56px,6.8vw,92px) var(--page-padding,clamp(20px,5vw,72px)) clamp(28px,3.5vw,52px)}@media(max-width:768px){.HeroImageSection_section__A3lVu{padding-top:44px;padding-bottom:28px}}.HeroImageSection_container__ppg8J{position:relative;box-sizing:border-box;isolation:isolate;width:min(100%,1600px);margin:0 auto;padding:var(--hero-media-frame-padding-block,clamp(42px,5.8vw,76px)) var(--hero-media-frame-padding-inline,clamp(22px,4vw,48px));display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e3e5e8;border-radius:42px;background:url(https://static.mixfont.com/assets/20260519-214918-background1_1_v2-w3mznyu8.webp) 50%/cover no-repeat,#8a8a8a}.HeroImageSection_container__ppg8J:after{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.1);content:"";pointer-events:none}.HeroImageSection_container__ppg8J:hover .HeroImageSection_surface__6ivA5{transform:perspective(1600px) rotateX(2deg) rotateY(-5deg) rotate(0deg) translate3d(0,-10px,0)}@media(max-width:768px){.HeroImageSection_container__ppg8J{padding:28px 14px;border-radius:24px}.HeroImageSection_container__ppg8J:hover .HeroImageSection_surface__6ivA5{transform:none}}.HeroImageSection_hasBackgroundImage__uHJ_5{background:#8a8a8a}.HeroImageSection_backgroundImage__fJHk8{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.HeroImageSection_surface__6ivA5{position:relative;z-index:2;width:var(--hero-media-surface-width,min(100%,clamp(760px,78vw,1180px)));overflow:hidden;border:1px solid hsla(0,0%,100%,.44);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(17,17,17,.18);transform:perspective(1600px) rotateX(5deg) rotateY(-9deg) rotate(2deg);transform-origin:center;transition:transform .22s ease}@media(max-width:768px){.HeroImageSection_surface__6ivA5{width:100%;border-radius:12px;transform:none}}.HeroImageSection_image__7mzZB,.HeroImageSection_video__sekX_{width:100%;height:auto;display:block}.HeroImageSection_video__sekX_{object-fit:contain}@media(prefers-reduced-motion:reduce){.HeroImageSection_container__ppg8J:hover .HeroImageSection_surface__6ivA5,.HeroImageSection_surface__6ivA5{transform:none;transition:none}}.font-finder_page__kBach{--page-padding:clamp(20px,5vw,72px);min-height:100vh;background:#fff;color:#111;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.font-finder_hero__hBGtb{box-sizing:border-box;width:100%;max-width:1744px;margin:0 auto;padding:clamp(66px,8vw,116px) var(--page-padding) 0;display:grid;justify-items:center;gap:clamp(56px,6.8vw,92px)}@media(max-width:768px){.font-finder_hero__hBGtb{padding-top:56px}}.font-finder_heroContent__rXypQ{width:100%;max-width:1000px;margin:0 auto;display:grid;justify-items:center;gap:30px;text-align:center}@media(max-width:768px){.font-finder_heroContent__rXypQ{max-width:360px;gap:26px}}.font-finder_heroText__zvZNO{width:100%;display:grid;justify-items:center;gap:24px}.font-finder_heroText__zvZNO nav{color:#6d6d6d;font-family:var(--font-geist-pixel-square),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;font-weight:500;letter-spacing:0}.font-finder_heroText__zvZNO ol{justify-content:center}@media(max-width:768px){.font-finder_heroText__zvZNO{gap:18px}}.font-finder_heroHeading__uXiNh{align-items:center;text-align:center}.font-finder_actions__GwOnJ{max-width:100%}.font-finder_heroContent__rXypQ .font-finder_actions__GwOnJ{width:fit-content;display:grid;grid-template-columns:repeat(2,max-content);align-items:stretch;justify-content:center;gap:12px;margin-top:8px}@media(max-width:768px){.font-finder_heroContent__rXypQ .font-finder_actions__GwOnJ{width:100%;grid-template-columns:max-content;justify-content:center;justify-items:center;gap:10px}}.font-finder_heroContent__rXypQ .font-finder_actions__GwOnJ>a{background:#eaeaea}@media(max-width:768px){.font-finder_heroContent__rXypQ .font-finder_actions__GwOnJ>a{background:rgba(0,0,0,0)}}.font-finder_heroVideoFrame__pjZAr{--hero-media-frame-padding-block:clamp(58px,7vw,94px);--hero-media-surface-width:min(100%,clamp(680px,68vw,1040px))}@media(max-width:768px){.font-finder_heroVideoFrame__pjZAr{--hero-media-frame-padding-block:36px;--hero-media-surface-width:min(100%,330px)}}.font-finder_inlineLink__iExFs{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.font-finder_inlineLink__iExFs:hover{color:#333}