.fonte-project-standard,
.fonte-project-standard * { box-sizing: border-box; }
.fonte-project-standard { position: relative; z-index: 2; width: 100%; padding: 5rem var(--fonte-public-inline-gutter) 5.5rem; overflow: hidden; background: var(--fonte-web-mint-soft); }
.fonte-project-standard__grid { display: grid; width: 100%; max-width: var(--fonte-public-content-max-width); margin: 0 auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 5vw, 4rem); }
.fonte-project-standard__image { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 1.625rem; }
.fonte-project-standard__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 1.25rem; }
.fonte-project-standard__icon { display: inline-flex; width: 2.375rem; height: 2.375rem; flex: none; align-items: center; justify-content: center; border: var(--fonte-border-width) solid var(--fonte-web-accent); border-radius: var(--fonte-token-radius-pill); color: var(--fonte-web-accent); }
.fonte-project-standard__icon svg { width: 1.125rem; height: 1.125rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.fonte-project-standard h2 { margin: 0; color: var(--fonte-web-ink); font-family: var(--fonte-project-standard-heading-font-family); font-size: var(--fonte-project-standard-heading-font-size); font-weight: var(--fonte-project-standard-heading-font-weight); letter-spacing: var(--fonte-project-standard-heading-letter-spacing); line-height: var(--fonte-project-standard-heading-line-height); text-wrap: pretty; }
.fonte-project-standard__content > p { max-width: 56ch; margin: 0; color: var(--fonte-web-ink-soft); font-family: var(--fonte-project-standard-copy-font-family); font-size: var(--fonte-project-standard-copy-font-size); font-weight: var(--fonte-project-standard-copy-font-weight); line-height: var(--fonte-project-standard-copy-line-height); text-wrap: pretty; }
.fonte-project-standard__download { position: relative; display: inline-flex; height: 3.5rem; padding: 0 1.875rem; overflow: hidden; isolation: isolate; align-items: center; gap: 0.75rem; border: var(--fonte-border-width) solid var(--fonte-web-accent); border-radius: var(--fonte-token-radius-pill); background: var(--fonte-web-action); color: var(--fonte-web-white); font-family: var(--fonte-project-standard-action-font-family); font-size: var(--fonte-project-standard-action-font-size); font-weight: var(--fonte-project-standard-action-font-weight); letter-spacing: var(--fonte-project-standard-action-letter-spacing); text-decoration: none; }
.fonte-project-standard__download::before { position: absolute; z-index: -1; inset: 0; background: var(--fonte-web-ink); content: ""; transform: translateY(101%); transition: transform var(--fonte-action-roll-transition); pointer-events: none; }
.fonte-project-standard__download svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
@media (min-width: 75.001rem) and (hover: hover) and (pointer: fine) {
    .fonte-project-standard__download:not(.is-disabled):hover::before,
    .fonte-project-standard__download:not(.is-disabled):focus-visible::before { transform: translateY(0); }
}
.fonte-project-standard__download.is-disabled { cursor: not-allowed; opacity: 0.58; }
.fonte-project-standard__content small { color: var(--fonte-web-ink-soft); font-family: var(--fonte-font-public); font-size: var(--fonte-type-public-base); font-weight: var(--fonte-font-weight-light); }
@media (max-width: 56.25rem) {
    .fonte-project-standard__grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .fonte-project-standard__image { max-height: 32rem; object-fit: cover; }
}
@media (max-width: 35rem) {
    .fonte-project-standard__icon { width: 3.5rem; height: 3.5rem; }
    .fonte-project-standard__icon svg { width: 1.625rem; height: 1.625rem; }
    .fonte-project-standard__image { width: 100%; aspect-ratio: 16 / 10; margin-inline: 0; object-fit: cover; }
    .fonte-project-standard__download { width: auto; max-width: 100%; height: 3.125rem; padding-inline: 1.125rem; justify-content: center; font-size: var(--fonte-type-public-base); }
    .fonte-project-standard__download svg { width: 1.0625rem; height: 1.0625rem; }
}
@media (prefers-reduced-motion: reduce) {
    .fonte-project-standard__download::before { transition: none; }
}