:root{
--navy:#0d3a63;--navy2:#124f82;--blue:#dcecf8;--ice:#eef6fb;--paper:#fffdf9;--cream:#f7f4ee;
--gold:#d0a45a;--ink:#10283f;--muted:#6d7881;--line:#dbe4ea;--white:#fff;--shadow:0 18px 50px rgba(15,55,88,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}img{display:block;width:100%;object-fit:cover}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}svg{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(247,250,252,.95);/*backdrop-filter:blur(12px);*/ /*border-bottom:1px solid rgba(211,225,235,.85);  */ border-radius: 0px 0px 10px 10px;}
.nav{height:80px;display:flex;align-items:center}.brand img{width:375px;height:100%;object-fit:cover}.nav nav{display:flex;gap:31px;margin:auto;font-size:12px;font-weight:600}.nav nav a:first-child{border-bottom:2px solid var(--navy);padding-bottom:7px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:13px 21px;border-radius:5px;font-size:12px;font-weight:700;box-shadow:0 8px 18px rgba(13,58,99,.13);transition:.28s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,58,99,.2)}.hamb{display:none;border:0;background:none;font-size:22px;color:var(--navy)}

.kicker,.section-title>span,.project-heading span{font-size:10px;letter-spacing:.29em;font-weight:700;color:var(--navy)}
.hero{position:relative;background:linear-gradient(90deg,#f8f8f5 0 30%,#edf4f8 30% 100%)}.hero-grid{display:grid;grid-template-columns:31% 69%;height:570px}.hero-copy{padding:60px 24px 35px 0}.hero h1,.section-title h2,.about h2,.why h2,.ceo h2,.faq h2,.contact h2,.project-heading h2{font-family:"Cormorant Garamond",serif;font-weight:600;letter-spacing:-.035em}.hero h1{font-size:64px;line-height:.88;margin:14px 0 20px;color:#0b355d}.hero-copy p{font-size:13px;line-height:1.5;font-weight:600}.hero-tags{margin-top:31px;font-size:10px;color:#5e6d79}.hero-photo{position:relative;height:570px;overflow:hidden}.hero-photo>img{height:100%;transition:transform .15s linear}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 55%,rgba(11,39,65,.18))}.hero-numbers{display:none;position:absolute;z-index:2;right:18px;top:70px;color:#fff;font-size:11px;line-height:2.5}.hero-quote{position:absolute;right:20px;bottom:31px;z-index:2;color:#fff;text-align:right;font:32px/.92 "Cormorant Garamond",serif;text-shadow:0 2px 9px #18354e55}.hero-quote b{color:var(--gold)}
.elephant{display:none; position:absolute;z-index:4;pointer-events:none;user-select:none;font-size:88px;opacity:.23;filter:grayscale(1) sepia(.2) hue-rotate(160deg) saturate(2);color:var(--navy)}.e-hero-left{left:-35px;top:96px;transform:scaleX(-1)}.e-hero-right{right:-34px;top:175px}.e-about-right{right:-38px;top:62px}.e-why-right{right:-32px;bottom:10px;font-size:76px}.e-faq-left{left:-29px;bottom:15px;font-size:72px;transform:scaleX(-1)}.e-faq-right{right:-29px;bottom:15px;font-size:72px}

.services{background:var(--paper);padding:34px 0 29px}.section-title{text-align:center;margin-bottom:28px}.section-title h2,.project-heading h2{font-size:46px;line-height:1;margin:6px 0;color:#0e3b66}.section-title p{font-size:12px;color:#526270}.service-row{display:grid;grid-template-columns:repeat(7,1fr)}.service-row article{text-align:center;padding:10px 9px 17px;border-right:1px solid var(--line);transition:.28s}.service-row article:last-child{border:0}.service-row article:hover{transform:translateY(-4px)}.service-row svg{width:36px;height:36px;color:var(--navy);stroke-width:1.25}.service-row h3{font-size:11px;line-height:1.25;margin:8px 0;color:#123b61}.service-row p{font-size:9px;line-height:1.4;color:#74808a;margin:0}

.about{position:relative;background:linear-gradient(90deg,#f4f6f6 0 50%,#fffdf9 50%)}.about-grid{display:grid;grid-template-columns:50% 50%;min-height:500px}.about-photo{position:relative}.about-photo img{height:100%;min-height:500px}.about-photo>div{position:absolute;left:52px;bottom:34px;color:#fff;font:38px/.9 "Cormorant Garamond",serif;text-shadow:0 2px 8px #1a3044}.about-photo b{color:var(--gold)}.about-copy{padding:47px 40px;background:radial-gradient(circle at 100% 12%,rgba(60,126,176,.06),transparent 28%),#fffdf9}.about h2,.why h2,.ceo h2,.faq h2,.contact h2{font-size:46px;line-height:.95;margin:8px 0 17px;color:#0e3b66}.about-copy>p,.ceo-copy p,.faq p,.contact p{font-size:11px;line-height:1.65;color:#566570}.value-row,.why-values{display:flex;justify-content:space-between;gap:10px;margin-top:28px}.value-row div,.why-values div{text-align:center;flex:1}.value-row svg,.why-values svg{width:26px;height:26px;color:var(--navy);stroke-width:1.3}.value-row small,.why-values small{display:block;font-size:8px;line-height:1.25;margin-top:5px}

.stats{background:linear-gradient(90deg,#0e456f 0%,#165a89 50%,#0b3b65 100%);color:#fff}.stats-grid{height:95px;display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{display:flex;align-items:center;gap:11px;padding:12px 25px;border-right:1px solid rgba(255,255,255,.14)}.stats svg{width:38px;color:#efbf6f}.stats strong{font:31px "Cormorant Garamond",serif;color:#fff}.stats small{font-size:9px}.stats-script{font:25px/1 Allura,cursive!important;color:#eec985!important}

.projects{background:#fff;padding:34px 0 45px}.project-heading{position:relative;text-align:center;margin-bottom:20px}.project-heading>div{display:inline-block}.project-heading>a{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:var(--navy);transition:.25s}.project-heading>a:hover{transform:translateY(-50%) translateX(3px)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project{cursor:pointer;transition:.28s}.project:hover{transform:translateY(-5px)}.project>div{height:180px;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 9px 20px rgba(14,59,102,.07)}.project img{height:100%;transition:.4s}.project:hover img{transform:scale(1.04)}.project>div b{position:absolute;right:7px;bottom:7px;width:27px;height:27px;border-radius:50%;background:#dbb66f;display:grid;place-items:center;font-size:12px;color:#173d5d}.project h3{font-size:11px;margin:8px 0 1px;color:#163b5d}.project small{font-size:9px;color:#75818c}

.process{background:linear-gradient(#f9fbfc,#eef5fa);padding:30px 0 43px}.process-row{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.process-row:before{content:"";position:absolute;top:35px;left:8%;right:8%;height:1px;background:#cddce7}.process-row article{text-align:center;position:relative}.process-row em{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;z-index:2;box-shadow:0 0 0 4px #eef5fa}.circle{width:62px;height:62px;border:1px solid #d5e0e7;border-radius:50%;background:#fff;display:grid;place-items:center;margin:10px auto 7px;transition:.28s}.circle:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(15,58,99,.09)}.circle svg{width:27px;color:var(--navy)}.process h3{font-size:11px;margin:0;color:#163b5d}.process p{font-size:8px;color:#72808b;line-height:1.35}

.why{position:relative;background:linear-gradient(90deg,#fffdf9 0 66%,#fffdf9 66%)}.why-grid{display:grid;grid-template-columns:66% 34%;min-height:270px}.why-grid>div:first-child{padding:36px 30px 25px 0}.why h2{font-size:38px}.why-photo{position:relative}.why-photo img{height:100%;min-height:220px}.why-photo>div{position:absolute;right:18px;top:20px;color:#0e3b66;text-align:right;font:27px/.87 "Cormorant Garamond",serif}.ceo{background:linear-gradient(90deg,#f3f6f8 0 31%,#f3f6f8 31% 77%,#f3f6f8 77%)}.ceo-grid{display:grid;grid-template-columns:31% 46% 23%;height:330px;min-height:330px;}.ceo-photo img{height:100%;min-height:330px}.ceo-copy{padding:32px 26px}.ceo h2{font-size:40px;margin-bottom:3px}.ceo h4{font-size:10px;margin:0 0 10px;color:#123c62}.ceo-copy .btn{padding:10px 15px;font-size:9px}.ceo-quote{padding:42px 15px;font:27px/1 Allura,cursive;color:#17436a;transform:rotate(-3deg)}.ceo-quote>b{display:block;text-align:right;font-size:20px;margin-top:8px}.ceo-icons{display:flex;gap:10px;margin-top:30px;transform:rotate(3deg)}.ceo-icons span{font:7px/1.2 "DM Sans",sans-serif;text-align:center}.ceo-icons svg{display:block;width:22px;height:22px;margin:auto auto 4px;color:var(--navy)}

.faq{position:relative;background:#fffdf9;padding:31px 0}.faq-grid{display:grid;grid-template-columns:31% 69%;gap:45px}.faq h2{font-size:39px}.faq-grid>div:first-child p{max-width:220px}.faq details{border-bottom:1px solid var(--line);padding:9px 4px;background:rgba(255,255,255,.45)}.faq summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;color:#173c5d}.faq summary:after{content:"+";float:right}.faq details[open] summary:after{content:"−"}.faq details p{margin:8px 0 0}

.contact{background:linear-gradient(110deg,#fafcfd 0%,#f4f8fb 52%,#eaf3f9 100%);padding:29px 0;border-top:1px solid #dfe8ee}.contact-grid{display:grid;grid-template-columns:29% 48% 23%;gap:18px;align-items:center}.contact h2{font-size:39px}.contact-links{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 6px}.contact-links>a:not(.office){text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;transition:.25s;border-radius:8px}.contact-links>a:not(.office):hover{background:#fff;transform:translateY(-2px)}.contact-links svg{width:25px;height:25px;color:var(--navy)}.contact-links b{font-size:8px}.contact-links small{font-size:6.2px;color:#687684}.office{grid-column:1/-1;display:grid;grid-template-columns:25px 1fr 180px;align-items:center;gap:9px;margin-top:12px;background:#fff;border:1px solid #dae5ed;padding:10px;border-radius:7px}.office span{display:flex;flex-direction:column}.office strong{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:4px;padding:9px;font-size:8px;text-align:center}.contact iframe{width:100%;height:165px;border:1px solid #d8e4ec;border-radius:4px;box-shadow:0 9px 20px rgba(15,58,99,.06);margin:0px;}

footer{background:linear-gradient(180deg,#dcecf7,#edf5fa);color:#173c5d;padding:25px 0 14px;border-top:1px solid #cddfe9}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.2fr 1fr .8fr;gap:28px}.footer-grid img{width:100%;height:100%;object-fit: cover}.footer-grid b{font-size:16px;color:#133c61;display:block;margin-bottom:8px}.footer-grid a,.footer-grid span,.footer-grid small{display:block;font-size:12px;color:#4c6173;margin:3px 0}.copyright{border-top:1px solid #c7d9e4;margin-top:18px;padding-top:11px;font-size:8px;color:#617787;display:flex;justify-content:space-between}
.sticky{position:fixed;bottom:12px;z-index:500;color:#fff;padding:10px 15px;border-radius:999px;font-size:10px;font-weight:700;display:flex;gap:7px;align-items:center;box-shadow:0 7px 20px #0003}.sticky svg{width:16px}.call{left:12px;background:#145d95}.wa{right:12px;background:#0ca85b}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,.72,.2,1)}.reveal-left{transform:translateX(-28px)}.reveal-right{transform:translateX(28px);margin:20px;}.reveal.visible{opacity:1;transform:none}

.modal{display:none;position:fixed;inset:0;z-index:2000}.modal.open{display:block}.backdrop{position:absolute;inset:0;background:#09253ddd;backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(950px,calc(100% - 28px));margin:4vh auto;background:#fff;border-radius:15px;overflow:hidden}.modal-card>button{position:absolute;z-index:3;right:12px;top:12px;border:0;background:#fff;width:38px;height:38px;border-radius:50%;font-size:22px}.gallery{height:58vh;position:relative}.gallery img{height:100%}.gallery button{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#fff;width:40px;height:40px;border-radius:50%;font-size:24px}.gallery #prev{left:12px}.gallery #next{right:12px}.gallery span{position:absolute;right:12px;bottom:12px;background:var(--navy);color:#fff;padding:5px 9px;border-radius:20px;font-size:10px}.mcopy{padding:20px}.mcopy small{color:var(--navy);font-weight:700}.mcopy h2{font:36px "Cormorant Garamond",serif;margin:4px 0}.mcopy p{font-size:12px;color:#667681}
.all-projects{padding:55px 0 80px;background:#fffdf9}.all-projects h1{font:600 52px/1 "Cormorant Garamond",serif;color:#0e3b66}.all-projects .project-grid{grid-template-columns:repeat(3,1fr)}

@media(max-width:900px){
.nav nav,.nav-btn{display:none}.hamb{display:block;margin-left:auto}.hero-grid,.about-grid,.why-grid,.ceo-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;height:auto}.hero{background:#f6f9fb}.hero-copy{padding:42px 0 28px}.hero-photo,.hero-photo>img{height:430px}.service-row{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(1,1fr);height:auto}.project-grid{grid-template-columns:repeat(2,1fr)}.process-row{grid-template-columns:repeat(3,1fr);gap:20px}.process-row:before{display:none}.why-grid>div:first-child{padding:35px 0}.ceo-photo img{height:380px;min-height:0}.ceo-quote{padding:30px;transform:none}.contact-links{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.project-heading>a{position:static;display:inline-block;margin-top:8px;transform:none}.elephant{font-size:60px;opacity:.15}.all-projects .project-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
.hero h1{font-size:52px}.hero-photo,.hero-photo>img{height:330px}.service-row{grid-template-columns:repeat(2,1fr)}.project-grid,.process-row,.footer-grid,.all-projects .project-grid{grid-template-columns:1fr}.value-row,.why-values{display:grid;grid-template-columns:repeat(2,1fr)}.contact-links{grid-template-columns:repeat(2,1fr)}.office{grid-column:1/-1;grid-template-columns:25px 1fr}.office strong{grid-column:1/-1}.sticky{width:45px;height:45px;padding:0;justify-content:center;font-size:0}.copyright{flex-direction:column;gap:5px}.elephant{font-size:48px;opacity:.1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}}


/* ================================
   BLUEVIN HEADER
================================ */

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

    background: rgba(247, 250, 252, 0.97);

    border-radius: 0 0 10px 10px;

    box-shadow:
        0 5px 25px rgba(13, 58, 99, 0.05);

    transition:
        background 0.3s ease,
        box-shadow 0.3s ease;
}


/* HEADER CONTAINER */

.nav {
    height: 88px;

    display: flex;
    align-items: center;

    gap: 25px;
}


/* ================================
   LOGO
================================ */

.brand {
    display: flex;
    align-items: center;

    flex-shrink: 0;

    height: 100%;
}


/*
IMPORTANT:
Don't force the logo to 375px.

This keeps your original logo proportions.
*/

.brand img {
    display: block;

    width: auto;

    max-width: 300px;

    height: 80px;

    object-fit: cover;

    /*object-position: left center;*/
}


/* ================================
   DESKTOP NAVIGATION
================================ */

.desktop-nav {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

    margin-left: auto;
    margin-right: auto;
}


.desktop-nav a {
    position: relative;

    color: var(--navy);

    font-size: 12px;
    font-weight: 600;

    padding: 10px 0;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


/* Animated underline */

.desktop-nav a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 2px;

    width: 0;
    height: 2px;

    background: var(--navy);

    transition: width 0.3s ease;
}


.desktop-nav a:hover::after {
    width: 100%;
}


.desktop-nav a:hover {
    transform: translateY(-1px);
}


/* HOME ACTIVE */

.desktop-nav a:first-child::after {
    width: 100%;
}


/* ================================
   GET IN TOUCH BUTTON
================================ */

.btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            135deg,
            var(--navy),
            var(--navy2)
        );

    color: #fff;

    padding: 13px 21px;

    border-radius: 5px;

    font-size: 12px;
    font-weight: 700;

    box-shadow:
        0 8px 18px rgba(13, 58, 99, 0.13);

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease;
}


.btn:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(13, 58, 99, 0.20);
}


.nav-btn {
    flex-shrink: 0;
}


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

.hamb {
    display: none;

    width: 45px;
    height: 45px;

    border: 1px solid rgba(13, 58, 99, 0.12);

    border-radius: 8px;

    background: #ffffff;

    cursor: pointer;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 5px;

    padding: 0;

    box-shadow:
        0 6px 18px rgba(13, 58, 99, 0.06);
}


.hamb span {
    display: block;

    width: 21px;
    height: 2px;

    border-radius: 10px;

    background: var(--navy);

    transition: 0.3s ease;
}


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

.menu-overlay {
    position: fixed;

    inset: 0;

    z-index: 1998;

    background: rgba(5, 26, 44, 0.55);

    backdrop-filter: blur(3px);

    opacity: 0;

    visibility: hidden;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}


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


/* ================================
   MOBILE SIDE MENU
================================ */

.mobile-menu {
    position: fixed;

    top: 0;
    right: 0;

    z-index: 1999;

    width: min(390px, 88vw);

    height: 100dvh;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f4f9fc 55%,
            #e8f3fa 100%
        );

    box-shadow:
        -20px 0 60px rgba(7, 42, 70, 0.18);

    transform: translateX(105%);

    transition:
        transform 0.42s cubic-bezier(.22, .75, .25, 1);

    display: flex;
    flex-direction: column;

    overflow-y: auto;
}


.mobile-menu.active {
    transform: translateX(0);
}


/* ================================
   MOBILE MENU HEADER
================================ */

.mobile-menu-head {
    min-height: 100px;

    padding: 15px 22px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    border-bottom:
        1px solid rgba(13, 58, 99, 0.10);
}


.mobile-logo img {
    width: auto;

    max-width: 170px;

    height: 67px;

    object-fit: contain;
}


.menu-close {
    width: 42px;
    height: 42px;

    border-radius: 50%;

    border:
        1px solid rgba(13, 58, 99, 0.15);

    background: #fff;

    color: var(--navy);

    font-size: 27px;
    font-weight: 300;

    line-height: 1;

    cursor: pointer;

    transition: 0.25s ease;
}


.menu-close:hover {
    color: #fff;

    background: var(--navy);

    transform: rotate(90deg);
}


/* ================================
   MOBILE LINKS
================================ */

.mobile-nav {
    padding: 22px 25px;
}


.mobile-nav a {
    display: grid;

    grid-template-columns:
        35px
        1fr
        auto;

    align-items: center;

    gap: 12px;

    min-height: 61px;

    border-bottom:
        1px solid rgba(13, 58, 99, 0.10);

    color: var(--navy);

    font-family: "Cormorant Garamond", serif;

    font-size: 24px;
    font-weight: 600;

    transition:
        padding-left 0.25s ease,
        color 0.25s ease;
}


.mobile-nav a span {
    font-family: "DM Sans", sans-serif;

    font-size: 9px;

    letter-spacing: 0.15em;

    color: var(--gold);
}


.mobile-nav a b {
    font-family: "DM Sans", sans-serif;

    font-size: 14px;

    color: var(--gold);

    transition: transform 0.25s ease;
}


.mobile-nav a:hover {
    padding-left: 6px;
}


.mobile-nav a:hover b {
    transform: translateX(4px);
}


/* ================================
   MOBILE MENU FOOTER
================================ */

.mobile-menu-footer {
    margin-top: auto;

    padding: 25px;

    border-top:
        1px solid rgba(13, 58, 99, 0.10);
}


.mobile-menu-footer > span {
    display: block;

    margin-bottom: 14px;

    color: var(--navy);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.25em;
}


.mobile-contact {
    width: 100%;
}

/* ================================
   TABLET
================================ */

@media (max-width: 1050px) {

    .brand img {
        max-width: 165px;
        height: 65px;
    }

    .desktop-nav {
        gap: 20px;
    }

    .desktop-nav a {
        font-size: 11px;
    }

    .nav-btn {
        padding: 11px 16px;
    }

}


/* ================================
   MOBILE / TABLET MENU
================================ */

@media (max-width: 900px) {

    .site-header {
        border-radius: 0 0 8px 8px;
    }


    .nav {
        height: 72px;
    }


    /* Correct logo size */

    .brand img {
        width: auto;

        max-width: 160px;

        height: 58px;
    }


    /* Hide desktop navigation */

    .desktop-nav,
    .nav-btn {
        display: none;
    }


    /* Show hamburger */

    .hamb {
        display: flex;

        margin-left: auto;
    }


    /* Your existing responsive layout */

    .hero-grid,
    .about-grid,
    .why-grid,
    .ceo-grid,
    .faq-grid,
    .contact-grid {
        grid-template-columns: 1fr;
        height: auto;
    }


    .hero {
        background: #f6f9fb;
    }


    .hero-copy {
        padding: 42px 0 28px;
    }


    .hero-photo,
    .hero-photo > img {
        height: 430px;
    }


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


    /*.stats-grid {*/
    /*    grid-template-columns:*/
    /*        repeat(2, 1fr);*/

    /*    height: auto;*/
    /*}*/


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


    .process-row {
        grid-template-columns:
            repeat(3, 1fr);

        gap: 20px;
    }


    .process-row::before {
        display: none;
    }


    .why-grid > div:first-child {
        padding: 35px 0;
    }


    .ceo-photo img {
        height: 380px;
        min-height: 0;
    }


    .ceo-quote {
        padding: 30px;
        transform: none;
    }


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


    /*.footer-grid {*/
    /*    grid-template-columns:*/
    /*        repeat(2, 1fr);*/
    /*}*/


    .project-heading > a {
        position: static;

        display: inline-block;

        margin-top: 8px;

        transform: none;
    }


    .elephant {
        font-size: 60px;
        opacity: 0.15;
    }


    .all-projects .project-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* ================================
   SMALL MOBILE
================================ */

@media (max-width: 560px) {

    /*.wrap {*/
    /*    width:*/
    /*        min(100% - 26px, 1180px);*/
    /*}*/


    .nav {
        height: 68px;
    }


    .brand img {
        max-width: 145px;

        height: 54px;
    }


    .hamb {
        width: 42px;
        height: 42px;
    }


    .mobile-menu {
        width: 88vw;
    }


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


    .mobile-nav a {
        font-size: 22px;

        min-height: 57px;
    }

}