/* Portfolio canonical symbolic design system. Generated from named symbols; do not hand-edit this output. */
:root {
    --icon-arrow-control-hover-scale: 1.1;
    --icon-arrow-footer-gap: 0.5em;
    --icon-arrow-footer-offset-y: 3px;
    --icon-arrow-footer-padding-bottom: 0em;
    --icon-arrow-footer-padding-left: 0em;
    --icon-arrow-footer-padding-right: 0em;
    --icon-arrow-footer-padding-top: 0em;
    --icon-arrow-footer-previous-rotation: 180;
    --icon-arrow-footer-size: 1em;
    --icon-arrow-preview-size: 16px;
    --layout-footer-context-min-height: 0px;
    --layout-footer-min-height: 0px;
    --layout-footer-padding-bottom: 0px;
    --layout-footer-padding-left: 0px;
    --layout-footer-padding-right: 0px;
    --layout-footer-padding-top: 0px;
    --motion-arrow-control-hover-duration-ms: 300;
    --motion-scroll-transition-scroll: 1000px;
    --motion-scroll-transition-speed: 1;
    --type-blog-caption-size: 30.6px;
    --type-blog-code-family: monospace;
    --type-blog-code-size: 16.2px;
    --type-blog-footer-size: 32.4px;
    --type-blog-list-tags-size: 28.8px;
    --type-blog-list-time-size: 30.6px;
    --type-blog-list-title-size: 45px;
    --type-blog-metadata-size: 18px;
    --type-blog-related-label-size: 27px;
    --type-blog-related-label-tracking: 2.7px;
    --type-body-family: "helvetica-neue-lt-pro", sans-serif;
    --type-body-size: 36px;
    --type-card-tags-size: 18px;
    --type-card-title-size: 36px;
    --type-control-button-size: 16px;
    --type-control-line-height: 1;
    --type-control-preview-close-size: 28px;
    --type-copy-compact-size: 27px;
    --type-cta-size: 36px;
    --type-description-size: 18px;
    --type-display-line-height: 1;
    --type-display-size: 288px;
    --type-display-weight: 500;
    --type-footer-line-height: 1.3;
    --type-footer-preview-line-height: 1.05;
    --type-footer-preview-tags-size: 18px;
    --type-footer-preview-title-size: 29.7px;
    --type-footer-size: 18px;
    --type-layout-breakpoint-mobile: 800px;
    --type-layout-breakpoint-tablet: 1200px;
    --type-navigation-size: 27px;
    --type-page-tags-size: 36px;
    --type-section-line-height: 1;
    --type-section-size: 144px;
    --type-section-weight: 400;
    --type-subsection-h3-size: 42.12px;
    --type-subsection-h4-size: 36px;
    --type-subsection-h5-size: 29.88px;
    --type-subsection-h6-size: 24.12px;
    --type-subsection-weight: 700;
    --type-supporting-size: 18px;
    --type-tags-size: 18px;
}

@media (max-width: 1200px) {
    :root {
        --type-display-size: 216px;
    }
}

@media (max-width: 800px) {
    :root {
        --type-display-size: 108px;
        --type-section-size: 72px;
    }
}