@once
    @php
        $companyHistoryFontsUrl = 'https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Sora:wght@600;700;800&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;1,400&display=swap&subset=latin,latin-ext';
    @endphp

    @push('head')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style" href="{{ $companyHistoryFontsUrl }}">
    <link rel="stylesheet" href="{{ $companyHistoryFontsUrl }}">
    @endpush

    @push('styles')
    <style>
        .company-history-fonts {
            --ch-font-year: 'Sora', system-ui, sans-serif;
            --ch-font-label: 'Outfit', system-ui, sans-serif;
            --ch-font-body: 'Source Sans 3', system-ui, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-size-adjust: 100%;
        }

        .company-history-fonts h1 {
            font-family: var(--ch-font-year);
            letter-spacing: -0.03em;
        }

        .company-history-fonts h1 em {
            font-family: var(--ch-font-label);
            font-style: italic;
            font-weight: 600;
        }

        .company-history-fonts .lead {
            font-family: var(--ch-font-body);
        }

        .company-history-fonts .btn {
            font-family: var(--ch-font-label);
            font-weight: 600;
            letter-spacing: 0.02em;
        }
    </style>
    @endpush
@endonce