Cacher is the code snippet organizer for pro developers

https://developer.bigcommerce.com/stencil-docs/template-files/customize-stencil-checkout/optimized-one-page-checkout

Enable Optimized One-Page Checkout in the store’s control panel, as shown below.
Within your theme’s config.json file > meta section, make sure the features array includes the value customized_checkout, as shown below:
Cornerstone includes an SCSS file that styles the Optimized Checkout page. In your local installation, this file is located at <theme-name>/assets/scss/optimized-checkout.scss.

\!h Header & footer scripts injection

https://developer.bigcommerce.com/stencil-docs/template-files/customize-stencil-checkout/checkout-confirmation-injection

---
blog:
    recent_posts:
        limit: {{theme_settings.homepage_blog_posts_count}}
---

{{#partial "head"}}
    
    {{ getFontsCollection }}

    <style type="text/css" media="screen, print">
        @font-face {
            font-family: "MicrobrewSoftFour";
            src: url("{{cdn '/fonts/MicrobrewSoftFour.woff2'}}");
        }
        @font-face {
            font-family: "Myriad Pro - Bold Cond";
            src: url("{{cdn '/fonts/Myriad Pro Bold Condensed.woff2'}}");
        }
        @font-face {
            font-family: 'icomoon';
            src:  url("{{cdn '/fonts/icomoon.eot?j66uyq'}}");
            src:  url("{{cdn '/fonts/icomoon.eot?j66uyq#iefix'}}") format('embedded-opentype'),
            url("{{cdn '/fonts/icomoon.ttf?j66uyq'}}") format('truetype'),
            url("{{cdn '/fonts/icomoon.woff?j66uyq'}}") format('woff'),
            url("{{cdn '/fonts/icomoon.svg?j66uyq#icomoon'}}") format('svg');
            font-weight: normal;
            font-style: normal;
        }
    </style>

    {{{stylesheet '/assets/css/theme.css'}}}

    {{{head.scripts}}}

    {{{ stylesheet '/assets/css/optimized-checkout.css' }}}

    <script type="text/javascript">
        window.language = {{{langJson 'optimized_checkout'}}};
    </script>

    {{> components/common/header }}

    {{{ checkout.checkout_head }}}

{{/partial}}

{{#partial "page"}}

{{{ checkout.checkout_content }}}

{{> components/common/footer }}

{{{ footer.scripts }}}

{{/partial}}

{{> layout/empty}}