.free-fonts-page{background:#fff}.free-fonts-page .shell{width:min(1180px,100% - 48px);margin-inline:auto}.free-fonts-hero{color:#0b1831;background:#fff;border-bottom:1px solid #d9dee7;padding:clamp(94px,11vw,154px) 0 clamp(72px,9vw,124px);position:relative;overflow:hidden}.free-fonts-hero__inner{z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:end;gap:clamp(50px,8vw,120px);display:grid;position:relative}.free-fonts-label{color:#5267d8;font:800 9px/1.3 var(--font-latin);letter-spacing:.2em;margin:0 0 28px}.free-fonts-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(43px,6.1vw,82px);line-height:1.2}.free-fonts-hero h1 em{color:#5267d8;font-style:normal}.free-fonts-hero__statement{padding-bottom:6px}.free-fonts-hero__statement>span{color:#0000;-webkit-text-stroke:1px #5267d8;font:700 clamp(62px,8vw,112px)/.8 var(--font-latin);letter-spacing:-.08em;opacity:.42;margin-bottom:20px;display:block}.free-fonts-hero__statement>p{color:#5e6a7d;max-width:520px;margin:0;font-size:15px;line-height:2.05}.free-fonts-hero__statement dl{gap:40px;margin:31px 0 0;display:flex}.free-fonts-hero__statement dl div{gap:7px;display:grid}.free-fonts-hero__statement dt{color:#8a94a4;font:700 8px/1 var(--font-latin);letter-spacing:.16em}.free-fonts-hero__statement dd{font:700 20px/1 var(--font-latin);margin:0}.free-fonts-hero__lines{pointer-events:none;opacity:.5;position:absolute;inset:0}.free-fonts-hero__lines i{transform-origin:100%;background:linear-gradient(90deg,#0000,#6577dd 25%,#0000);width:56%;height:1px;animation:7s ease-in-out infinite free-font-line;position:absolute;right:-8%;transform:rotate(-16deg)scaleX(0)}.free-fonts-hero__lines i:first-child{top:21%}.free-fonts-hero__lines i:nth-child(2){animation-delay:1.6s;top:48%}.free-fonts-hero__lines i:nth-child(3){animation-delay:3.2s;top:76%}@keyframes free-font-line{0%,15%{opacity:0;transform:rotate(-16deg)scaleX(0)}32%,68%{opacity:.65;transform:rotate(-16deg)scaleX(1)}86%,to{opacity:0;transform-origin:0;transform:rotate(-16deg)scaleX(0)}}.free-fonts-breadcrumb{border-bottom:1px solid #e0e4ea}.free-fonts-library{padding:clamp(76px,9vw,126px) 0}.free-fonts-section-heading{grid-template-columns:minmax(170px,.48fr) minmax(0,1.52fr);align-items:start;gap:40px;margin-bottom:48px;display:grid}.free-fonts-section-heading>p{color:#5267d8;font:800 9px/1.3 var(--font-latin);letter-spacing:.18em;margin:10px 0 0}.free-fonts-section-heading h2{color:#0b1831;font-size:var(--type-jp-section-title);line-height:var(--leading-jp-heading);letter-spacing:var(--tracking-jp-heading);margin:0}.free-fonts-section-heading span{color:#657184;margin-top:14px;font-size:14px;line-height:1.9;display:block}.free-fonts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 26px;display:grid}.free-font-card{min-width:0}.free-font-card a{color:#0b1831;flex-direction:column;height:100%;text-decoration:none;display:flex}.free-font-card figure{aspect-ratio:1.6;background:#f1f2ee;margin:0 0 19px;overflow:hidden}.free-font-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .5s ease;display:block}.free-font-card__meta{color:#7d8797;justify-content:space-between;gap:20px;display:flex}.free-font-card__meta span{font:800 8px/1.3 var(--font-latin);letter-spacing:.14em}.free-font-card__meta i{color:#5267d8;transition:transform .35s var(--ease-out);font-size:12px;font-style:normal}.free-font-card h3{font:700 clamp(21px,2.3vw,30px)/1.25 var(--font-latin),var(--font-jp);letter-spacing:-.035em;margin:13px 0 8px}.free-font-card p{color:#606c7f;margin:0;font-size:13px;line-height:1.85}.free-font-card small{color:#5267d8;letter-spacing:.06em;margin-top:auto;padding-top:17px;font-size:10px;font-weight:700}.free-font-card a:hover img{filter:saturate(1.04);transform:scale(1.025)}.free-font-card a:hover .free-font-card__meta i{transform:translate(3px,-3px)}.free-fonts-license{background:#f4f4f0;border-block:1px solid #dde1e6;padding:clamp(62px,7vw,96px) 0}.free-fonts-license__inner{grid-template-columns:minmax(170px,.48fr) minmax(0,1.52fr);gap:40px;display:grid}.free-fonts-license__inner>p{color:#5267d8;font:800 9px/1.3 var(--font-latin);letter-spacing:.18em;margin:9px 0 0}.free-fonts-license h2{margin:0 0 17px;font-size:clamp(25px,3vw,38px);line-height:1.5}.free-fonts-license div div p{color:#5f6b7e;max-width:760px;margin:0;font-size:14px;line-height:2.05}.free-fonts-links{background:#fff}.free-fonts-links__inner{border-inline:1px solid #d9dee7;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.free-fonts-links a{color:#0b1831;border-right:1px solid #d9dee7;grid-template-columns:1fr auto;align-content:center;gap:13px 24px;min-height:170px;padding:34px 30px;text-decoration:none;transition:background .35s;display:grid}.free-fonts-links a:last-child{border-right:0}.free-fonts-links span{color:#7c8798;font:800 8px/1.3 var(--font-latin);letter-spacing:.15em}.free-fonts-links strong{font-size:15px;line-height:1.7}.free-fonts-links i{color:#5267d8;transition:transform .35s var(--ease-out);grid-area:1/2/3;align-self:center;font-size:13px;font-style:normal}.free-fonts-links a:hover{background:#f6f7f4}.free-fonts-links a:hover i{transform:translate(3px,-3px)}@media (width<=860px){.free-fonts-hero__inner{grid-template-columns:1fr;gap:52px}.free-fonts-hero__statement{max-width:620px}.free-fonts-grid{grid-template-columns:repeat(2,minmax(0,320px));justify-content:center}.free-fonts-links__inner{grid-template-columns:1fr}.free-fonts-links a{border-bottom:1px solid #d9dee7;border-right:0;min-height:126px}.free-fonts-links a:last-child{border-bottom:0}}@media (width<=600px){.free-fonts-page .shell{width:min(100% - 32px,1180px)}.free-fonts-hero{padding-top:76px}.free-fonts-hero h1{font-size:clamp(34px,10.5vw,48px);line-height:1.28}.free-fonts-hero__statement>p{font-size:14px}.free-fonts-section-heading,.free-fonts-license__inner{grid-template-columns:1fr;gap:18px}.free-fonts-section-heading>p,.free-fonts-license__inner>p{margin-top:0}.free-fonts-grid{grid-template-columns:minmax(0,460px);gap:43px}.free-font-card h3{font-size:24px}}@media (prefers-reduced-motion:reduce){.free-fonts-hero__lines i{opacity:.3;animation:none;transform:rotate(-16deg)scaleX(1)}.free-font-card img,.free-font-card__meta i,.free-fonts-links,.free-fonts-links i{transition:none}}