/* ==========================================
   NT CORPORATE SOLUTIONS
   OPTIMISED MASTER STYLESHEET
========================================== */

/* ==========================================
   ROOT VARIABLES
========================================== */

:root{
    --primary:#081b3a;
    --primary-light:#102d5f;
    --primary-dark:#06152d;

    --secondary:#d4af37;
    --secondary-dark:#bd9627;

    --white:#ffffff;
    --light:#f8f9fc;
    --border:#e4e8ef;

    --heading:#081b3a;
    --text:#555f6d;
    --muted:#667085;
    --text-light:#dce4ef;

    --shadow-sm:0 8px 24px rgba(8,27,58,.07);
    --shadow:0 14px 36px rgba(8,27,58,.1);
    --shadow-heavy:0 22px 48px rgba(8,27,58,.16);

    --radius-sm:12px;
    --radius:20px;
    --radius-lg:26px;
    --radius-pill:999px;

    --header-height:92px;
    --transition:.3s ease;
}

/* ==========================================
   RESET
========================================== */

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    scroll-padding-top:calc(var(--header-height) + 20px);
}

body{
    min-height:100vh;
    overflow-x:hidden;
    color:var(--text);
    background:var(--white);
    font-family:"Montserrat",sans-serif;
    font-size:16px;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

body.menu-open{
    overflow:hidden;
}

main{
    display:block;
}

img,
picture,
svg{
    display:block;
    max-width:100%;
}

img{
    height:auto;
}

a{
    color:inherit;
    text-decoration:none;
}

ul,
ol{
    list-style:none;
}

button,
input,
select,
textarea{
    font:inherit;
}

button{
    border:0;
}

address{
    font-style:normal;
}

/* ==========================================
   LAYOUT
========================================== */

.container{
    width:min(90%,1200px);
    margin-inline:auto;
}

section{
    padding:100px 0;
}

/* ==========================================
   TYPOGRAPHY
========================================== */

h1,
h2,
h3,
h4,
h5,
h6{
    color:var(--heading);
    font-weight:700;
    line-height:1.2;
}

h1{
    font-size:clamp(2.5rem,5vw,4rem);
}

h2{
    font-size:clamp(2rem,4vw,2.8rem);
}

h3{
    font-size:clamp(1.25rem,2.5vw,1.6rem);
}

p{
    color:var(--text);
    line-height:1.8;
}

.section-title{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.section-title h2{
    margin-bottom:15px;
}

.section-title p{
    max-width:800px;
    margin-inline:auto;
    color:var(--muted);
}

.section-kicker,
.gold-heading{
    color:var(--secondary);
}

/* ==========================================
   DARK SECTIONS
========================================== */

.dark-section,
.cta,
.stats,
.why-us{
    color:var(--white);
}

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.cta h1,
.cta h2,
.cta h3,
.stats h1,
.stats h2,
.stats h3,
.why-us h1,
.why-us h2,
.why-us h3{
    color:var(--white);
}

.dark-section p,
.dark-section li,
.cta p,
.cta li,
.stats p,
.stats li,
.why-us p,
.why-us li{
    color:var(--text-light);
}

/* ==========================================
   BUTTONS
========================================== */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:50px;
    padding:13px 30px;

    border:2px solid transparent;
    border-radius:var(--radius-pill);

    font-weight:700;
    line-height:1.2;
    text-align:center;

    cursor:pointer;

    transition:
        color var(--transition),
        background var(--transition),
        border-color var(--transition),
        transform var(--transition),
        box-shadow var(--transition);
}

.btn-primary{
    color:var(--primary);
    background:var(--secondary);
    border-color:var(--secondary);
}

.btn-primary:hover{
    color:var(--primary);
    background:var(--white);
    border-color:var(--white);
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(212,175,55,.3);
}

.btn-outline{
    color:var(--secondary);
    background:transparent;
    border-color:var(--secondary);
}

.btn-outline:hover{
    color:var(--primary);
    background:var(--secondary);
}

.btn-secondary{
    color:var(--white);
    background:transparent;
    border-color:var(--white);
}

.btn-secondary:hover{
    color:var(--primary);
    background:var(--white);
}

/* ==========================================
   FIXED WHITE HEADER
========================================== */

.site-header{
    position:fixed;
    top:0;
    left:0;
    z-index:1000;

    width:100%;

    color:var(--primary-dark);
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--border);
    box-shadow:0 6px 22px rgba(8,27,58,.09);

    backdrop-filter:blur(12px);
}

.site-header .header-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    min-height:var(--header-height);
}

/* Header logo */

.site-header .header-logo{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
}

.site-header .header-logo img{
    width:auto;
    max-width:220px;
    max-height:68px;
    object-fit:contain;

    transition:
        transform var(--transition),
        opacity var(--transition);
}

.site-header .header-logo:hover img{
    transform:scale(1.03);
}

/* Desktop navigation */

.site-header .desktop-navigation{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
}

.site-header .desktop-navigation ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:27px;
}

.site-header .desktop-navigation a{
    position:relative;
    display:inline-block;

    padding:12px 0;

    color:var(--primary-dark);
    font-size:.88rem;
    font-weight:600;
    line-height:1.2;
    white-space:nowrap;

    transition:color var(--transition);
}

.site-header .desktop-navigation a::after{
    content:"";
    position:absolute;
    bottom:4px;
    left:0;

    width:0;
    height:2px;

    background:var(--secondary);
    border-radius:10px;

    transition:width var(--transition);
}

.site-header .desktop-navigation a:hover,
.site-header .desktop-navigation a.active,
.site-header .desktop-navigation a[aria-current="page"]{
    color:var(--secondary-dark);
}

.site-header .desktop-navigation a:hover::after,
.site-header .desktop-navigation a.active::after,
.site-header .desktop-navigation a[aria-current="page"]::after{
    width:100%;
}

/* Header action buttons */

.site-header .header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:11px;
    flex:0 0 auto;
}

.site-header .header-actions .btn{
    min-height:44px;
    padding:10px 18px;
    font-size:.76rem;
    white-space:nowrap;
}

.site-header .header-actions .btn-outline{
    color:var(--primary);
    background:transparent;
    border-color:var(--secondary);
}

.site-header .header-actions .btn-outline:hover{
    color:var(--primary);
    background:var(--secondary);
}

.site-header .header-actions .btn-primary{
    color:var(--primary);
    background:var(--secondary);
    border-color:var(--secondary);
}

.site-header .header-actions .btn-primary:hover{
    color:var(--white);
    background:var(--primary);
    border-color:var(--primary);
}

/* ==========================================
   HAMBURGER
========================================== */

.hamburger{
    position:relative;
    z-index:1101;

    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;

    width:46px;
    height:46px;
    padding:0;

    background:var(--light);
    border:1px solid var(--border);
    border-radius:12px;

    cursor:pointer;

    transition:
        background var(--transition),
        border-color var(--transition);
}

.hamburger:hover{
    background:rgba(212,175,55,.12);
    border-color:var(--secondary);
}

.hamburger span{
    display:block;
    width:24px;
    height:2px;

    background:var(--primary-dark);
    border-radius:10px;
    transform-origin:center;

    transition:
        transform var(--transition),
        opacity var(--transition),
        background var(--transition);
}

.hamburger:hover span{
    background:var(--secondary-dark);
}

.hamburger.active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.hamburger.active span:nth-child(2){
    opacity:0;
    transform:scaleX(0);
}

.hamburger.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

/* ==========================================
   MOBILE MENU OVERLAY
========================================== */

.menu-overlay{
    position:fixed;
    inset:0;
    z-index:1040;

    visibility:hidden;
    opacity:0;

    background:rgba(3,12,27,.7);
    backdrop-filter:blur(4px);

    transition:
        opacity .35s ease,
        visibility .35s ease;
}

.menu-overlay.active{
    visibility:visible;
    opacity:1;
}

/* ==========================================
   WHITE MOBILE NAVIGATION
========================================== */

.mobile-nav{
    position:fixed;
    top:0;
    right:0;
    z-index:1050;

    display:flex;
    flex-direction:column;

    width:min(390px,88vw);
    height:100dvh;
    padding:24px 28px 30px;

    color:var(--primary-dark);
    background:var(--white);
    border-left:1px solid var(--border);
    box-shadow:-16px 0 45px rgba(8,27,58,.2);

    overflow-y:auto;

    visibility:hidden;
    transform:translateX(105%);

    transition:
        transform .4s ease,
        visibility .4s ease;
}

.mobile-nav.active{
    visibility:visible;
    transform:translateX(0);
}

/* Mobile navigation header */

.mobile-nav-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:24px;
    padding-bottom:22px;

    border-bottom:1px solid var(--border);
}

.mobile-logo{
    display:inline-flex;
    align-items:center;
}

.mobile-logo img{
    width:auto;
    max-width:180px;
    max-height:64px;
    object-fit:contain;
}

.mobile-nav-close{
    display:flex;
    align-items:center;
    justify-content:center;

    width:44px;
    height:44px;
    padding:0;

    color:var(--primary-dark);
    background:var(--light);
    border:1px solid var(--border);
    border-radius:12px;

    font-family:Arial,sans-serif;
    font-size:2rem;
    font-weight:300;
    line-height:1;

    cursor:pointer;

    transition:
        color var(--transition),
        background var(--transition),
        border-color var(--transition),
        transform var(--transition);
}

.mobile-nav-close:hover{
    color:var(--white);
    background:var(--primary);
    border-color:var(--primary);
    transform:rotate(90deg);
}

/* Mobile links */

.mobile-nav-links{
    display:grid;
}

.mobile-nav-links li{
    border-bottom:1px solid var(--border);
}

.mobile-nav-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:16px 4px;

    color:var(--primary-dark);
    font-size:1rem;
    font-weight:600;

    transition:
        color var(--transition),
        padding-left var(--transition);
}

.mobile-nav-links a::after{
    content:"→";
    color:var(--secondary-dark);
    transition:transform var(--transition);
}

.mobile-nav-links a:hover,
.mobile-nav-links a.active,
.mobile-nav-links a[aria-current="page"]{
    padding-left:9px;
    color:var(--secondary-dark);
}

.mobile-nav-links a:hover::after{
    transform:translateX(5px);
}

/* Mobile actions */

.mobile-nav-actions{
    display:grid;
    gap:14px;
    margin-top:auto;
    padding-top:32px;
}

.mobile-call-link{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:50px;
    padding:12px 20px;

    color:var(--primary);
    background:transparent;
    border:2px solid var(--secondary);
    border-radius:var(--radius-pill);

    font-size:.9rem;
    font-weight:700;

    transition:
        color var(--transition),
        background var(--transition),
        transform var(--transition);
}

.mobile-call-link:hover{
    color:var(--primary);
    background:var(--secondary);
    transform:translateY(-2px);
}

.mobile-nav-actions .btn{
    width:100%;
}

/* ==========================================
   CARDS
========================================== */

.card{
    padding:35px;

    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);

    transition:
        transform var(--transition),
        box-shadow var(--transition),
        border-color var(--transition);
}

.card:hover{
    transform:translateY(-7px);
    border-color:rgba(212,175,55,.5);
    box-shadow:var(--shadow-heavy);
}

/* ==========================================
   GRID SYSTEM
========================================== */

.grid-2,
.grid-3,
.grid-4{
    display:grid;
    gap:30px;
}

.grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

/* ==========================================
   FORMS
========================================== */

input,
select,
textarea{
    width:100%;
    padding:14px 16px;

    color:#344054;
    background:var(--white);
    border:1px solid #cfd5de;
    border-radius:var(--radius-sm);

    transition:
        border-color var(--transition),
        box-shadow var(--transition);
}

input:focus,
select:focus,
textarea:focus{
    outline:none;
    border-color:var(--secondary);
    box-shadow:0 0 0 4px rgba(212,175,55,.14);
}

textarea{
    min-height:140px;
    resize:vertical;
}

/* Prevent checkbox and radio inputs from becoming full width */

input[type="checkbox"],
input[type="radio"]{
    width:auto;
}

/* ==========================================
   TABLES
========================================== */

.table-wrapper{
    width:100%;
    overflow-x:auto;
}

table{
    width:100%;
    border-collapse:collapse;
}

th,
td{
    padding:15px;
    text-align:left;
    border:1px solid #e8ebf0;
}

th{
    color:var(--white);
    background:var(--primary);
}

/* ==========================================
   UTILITIES
========================================== */

.bg-light{
    background:var(--light);
}

.bg-primary,
.dark-section{
    color:var(--white);
    background:var(--primary);
}

.text-center{
    text-align:center;
}

.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.mt-20{ margin-top:20px; }
.mt-40{ margin-top:40px; }
.mt-60{ margin-top:60px; }

.mb-20{ margin-bottom:20px; }
.mb-40{ margin-bottom:40px; }
.mb-60{ margin-bottom:60px; }

/* ==========================================
   ANIMATIONS
========================================== */

.fade-up{
    animation:fadeUp .8s ease forwards;
}

.fade-in{
    animation:fadeIn 1s ease forwards;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(28px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes fadeIn{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}

/* ==========================================
   SITE FOOTER
========================================== */

.site-footer{
    --footer-text:#d1d9e6;
    --footer-muted:#aeb9ca;
    --footer-border:rgba(255,255,255,.12);

    position:relative;
    padding:85px 0 0;

    color:var(--white);
    background:
        linear-gradient(
            145deg,
            var(--primary-dark),
            var(--primary)
        );

    overflow:hidden;
}

.site-footer::before{
    content:"";
    position:absolute;
    top:-240px;
    right:-220px;

    width:520px;
    height:520px;

    border:1px solid rgba(212,175,55,.12);
    border-radius:50%;
    pointer-events:none;
}

.site-footer::after{
    content:"";
    position:absolute;
    top:-120px;
    right:-100px;

    width:280px;
    height:280px;

    border:1px solid rgba(212,175,55,.08);
    border-radius:50%;
    pointer-events:none;
}

.site-footer .container{
    position:relative;
    z-index:1;
}

/* Footer grid */

.site-footer .footer-grid{
    display:grid;
    grid-template-columns:
        minmax(250px,1.35fr)
        minmax(150px,.7fr)
        minmax(180px,.85fr)
        minmax(210px,1fr);

    gap:50px;
    padding-bottom:58px;
}

.site-footer .footer-company{
    max-width:370px;
}

.site-footer .footer-logo-link{
    display:inline-block;
    margin-bottom:20px;
}

.site-footer .footer-logo{
    width:220px;
    max-height:100px;
    object-fit:contain;
}

.site-footer .footer-tagline{
    margin-bottom:14px;
    color:var(--secondary);
    font-size:1.03rem;
    font-weight:800;
}

.site-footer .footer-description{
    margin-bottom:24px;
    color:var(--footer-text);
    font-size:.92rem;
    line-height:1.8;
}

/* Footer contact links */

.site-footer .footer-contact-links{
    display:grid;
    gap:11px;
}

.site-footer .footer-contact-links a{
    display:flex;
    align-items:flex-start;
    gap:10px;

    color:var(--footer-text);
    font-size:.88rem;
    line-height:1.6;
    overflow-wrap:anywhere;

    transition:
        color var(--transition),
        transform var(--transition);
}

.site-footer .footer-contact-links a span{
    color:var(--secondary);
    flex:0 0 auto;
}

.site-footer .footer-contact-links a:hover{
    color:var(--secondary);
    transform:translateX(4px);
}

/* Footer columns */

.site-footer .footer-column h3{
    position:relative;

    margin-bottom:25px;
    padding-bottom:12px;

    color:var(--white);
    font-size:1.08rem;
}

.site-footer .footer-column h3::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;

    width:42px;
    height:3px;

    background:var(--secondary);
    border-radius:10px;
}

.site-footer .footer-column ul{
    display:grid;
    gap:11px;
}

.site-footer .footer-column li{
    color:var(--footer-text);
    font-size:.9rem;
    line-height:1.6;
}

.site-footer .footer-column a{
    color:var(--footer-text);

    transition:
        color var(--transition),
        padding-left var(--transition);
}

.site-footer .footer-column a:hover{
    padding-left:5px;
    color:var(--secondary);
}

/* Office addresses */

.site-footer .footer-address{
    display:grid;
    gap:7px;

    margin-bottom:24px;

    color:var(--footer-text);
    font-size:.89rem;
    line-height:1.7;
}

.site-footer .footer-address:last-child{
    margin-bottom:0;
}

.site-footer .footer-address strong{
    color:var(--secondary);
}

/* ==========================================
   RECOGNITION AND PARTNERS
========================================== */

.site-footer .recognition-strip{
    display:grid;
    grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);
    gap:45px;
    align-items:center;

    padding:44px 0;

    border-top:1px solid var(--footer-border);
    border-bottom:1px solid var(--footer-border);
}

.site-footer .recognition-heading span{
    display:inline-block;

    margin-bottom:9px;

    color:var(--secondary);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.site-footer .recognition-heading h4{
    max-width:420px;
    color:var(--white);
    font-size:clamp(1.3rem,2.5vw,1.85rem);
    line-height:1.3;
}

/* Larger transparent logo containers */

.site-footer .partner-logos{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:34px;
}

.site-footer .partner-logo-card{
    display:flex;
    align-items:center;
    justify-content:center;

    width:270px;
    min-height:130px;
    padding:8px;

    background:transparent;
    border:0;
    box-shadow:none;

    transition:
        transform var(--transition),
        opacity var(--transition);
}

.site-footer .partner-logo-card:hover{
    transform:translateY(-5px) scale(1.03);
}

.site-footer .partner-logo-card img{
    width:100%;
    max-width:255px;
    max-height:115px;
    object-fit:contain;
    background:transparent;
}

.site-footer .partner-logo-card:nth-child(2){
    width:300px;
}

.site-footer .partner-logo-card:nth-child(2) img{
    max-width:285px;
}

/* Footer bottom */

.site-footer .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    padding:24px 0;

    color:var(--footer-muted);
    font-size:.82rem;
}

.site-footer .footer-bottom p{
    margin:0;
    color:var(--footer-muted);
    line-height:1.6;
}

.site-footer .footer-bottom a{
    color:var(--secondary);
    transition:color var(--transition);
}

.site-footer .footer-bottom a:hover{
    color:var(--white);
}

/* ==========================================
   FOCUS STATES
========================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:3px solid var(--secondary);
    outline-offset:4px;
}

/* ==========================================
   RESPONSIVE: LARGE TABLET
========================================== */

@media(max-width:1180px){

    .site-header .desktop-navigation ul{
        gap:17px;
    }

    .site-header .desktop-navigation a{
        font-size:.8rem;
    }

    .site-header .header-actions .btn{
        padding:10px 14px;
        font-size:.7rem;
    }

    .site-header .header-logo img{
        max-width:185px;
    }

    .grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

/* ==========================================
   RESPONSIVE: TABLET
========================================== */

@media(max-width:992px){

    :root{
        --header-height:82px;
    }

    section{
        padding:80px 0;
    }

    .site-header .desktop-navigation,
    .site-header .header-actions{
        display:none;
    }

    .hamburger{
        display:flex;
    }

    .site-header .header-logo img{
        max-width:185px;
        max-height:60px;
    }

    .grid-3{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grid-2{
        grid-template-columns:1fr;
    }

    .site-footer .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:42px;
    }

}

/* ==========================================
   RESPONSIVE: FOOTER TABLET
========================================== */

@media(max-width:850px){

    .site-footer{
        padding-top:70px;
    }

    .site-footer .recognition-strip{
        grid-template-columns:1fr;
        gap:28px;
        text-align:center;
    }

    .site-footer .recognition-heading h4{
        margin-inline:auto;
    }

    .site-footer .partner-logos{
        justify-content:center;
    }

    .site-footer .footer-bottom{
        flex-direction:column;
        text-align:center;
    }

}

/* ==========================================
   RESPONSIVE: MOBILE
========================================== */

@media(max-width:650px){

    :root{
        --header-height:76px;
    }

    section{
        padding:70px 0;
    }

    .container{
        width:92%;
    }

    .site-header .header-logo img{
        max-width:160px;
        max-height:54px;
    }

    .hamburger{
        width:44px;
        height:44px;
    }

    .mobile-nav{
        width:100%;
        padding:21px 22px 28px;
    }

    .mobile-logo img{
        max-width:155px;
    }

    .grid-3,
    .grid-4{
        grid-template-columns:1fr;
    }

    .section-title{
        margin-bottom:45px;
    }

    .site-footer{
        padding-top:58px;
        text-align:center;
    }

    .site-footer .footer-grid{
        grid-template-columns:1fr;
        gap:38px;
        padding-bottom:44px;
    }

    .site-footer .footer-company{
        max-width:400px;
        margin-inline:auto;
    }

    .site-footer .footer-logo-link{
        display:flex;
        justify-content:center;
    }

    .site-footer .footer-contact-links{
        justify-items:center;
    }

    .site-footer .footer-contact-links a{
        justify-content:center;
    }

    .site-footer .footer-column h3::after{
        left:50%;
        transform:translateX(-50%);
    }

    .site-footer .recognition-strip{
        padding:38px 0;
    }

    .site-footer .partner-logos{
        flex-direction:column;
        gap:22px;
    }

    .site-footer .partner-logo-card,
    .site-footer .partner-logo-card:nth-child(2){
        width:100%;
        max-width:320px;
        min-height:115px;
    }

    .site-footer .partner-logo-card img,
    .site-footer .partner-logo-card:nth-child(2) img{
        max-width:280px;
        max-height:105px;
    }

}

/* ==========================================
   RESPONSIVE: SMALL MOBILE
========================================== */

@media(max-width:400px){

    .site-header .header-logo img{
        max-width:140px;
    }

    .mobile-nav{
        padding-inline:18px;
    }

    .mobile-nav-links a{
        padding:14px 3px;
        font-size:.94rem;
    }

    .site-footer .footer-logo{
        width:185px;
    }

    .site-footer .footer-contact-links a{
        font-size:.8rem;
    }

    .site-footer .footer-bottom{
        font-size:.76rem;
    }

}

/* ==========================================
   REDUCED MOTION
========================================== */

@media(prefers-reduced-motion:reduce){

    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }

}