@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
    *, *::before, *::after { 
        box-sizing: border-box;
        margin: 0; 
        padding: 0; 
    }
    :root {
        --orange: #C8501A;
        --orange-dark: #A03F12;
        --orange-light: #E06030;
        --charcoal: #3A3A3A;
        --charcoal-dark: #222222;
        --white: #FFFFFF;
        --off-white: #F7F5F2;
        --gray-light: #E8E4DF;
        --gray-mid:     #C4BEB7;
        --gray-faint:   #F0EDE9;
        --rule:         rgba(58,58,58,.13);
        --nav-h: 90px;

        --font-display: 'Barlow Condensed', sans-serif;
        --font-ui: 'Barlow', sans-serif;
        --font-mono: 'DM Mono', monospace;
    }
    html { 
        scroll-behavior: smooth; 
    }
    body { 
        font-family: 'Barlow', sans-serif; 
        color: var(--charcoal); 
        background: var(--white); 
        overflow-x: hidden; 
    }