:root{--green:#1f3b22;--soft:#f3f8f1;--cream:#fbfbf6;--accent:#5f8f57;--text:#2e352d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:Nunito,Arial,sans-serif;line-height:1.65}h1,h2,h3,.brand{font-family:Nunito,serif;color:#273327}h1{font-size:54px;line-height:1.05;margin:0 0 24px}h2{font-size:42px;line-height:1.15;text-align:center;margin:8px 0 18px}em{color:var(--accent);font-style:italic}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:#fffdf7cc;backdrop-filter:blur(12px);border-bottom:1px solid #e6ecdf;position:sticky;top:0;z-index:10}.brand{font-size:24px;text-decoration:none;font-weight:bold}/* 1. Keep the base styles, but remove the hardcoded margins from nav links */
nav a, footer a {
    text-decoration: none;
    font-weight: 600;
}
nav a { font-size: 14px; }
footer a { font-size: 13px; margin: 8px 0; color: #dfe9dc; }

/* 2. Target only the HEADER menu links to decrease their gap explicitly */
header.nav nav a {
    color: var(--muted);
    margin: 0 8px !important; /* Decreased gap from 18px to 8px side-to-side */
    transition: color 0.2s ease;
}
header.nav nav a.active, header.nav nav a:hover {
    color: var(--deep-gold);
}.active{color:#6f9b62}.btn{background:#588849;color:white;text-decoration:none;padding:13px 28px;border-radius:999px;font-weight:700;border:0;display:inline-block}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding:70px 70px 40px;min-height:700px}.portrait,.photo{background:linear-gradient(135deg,#e9efe4,#cfdcc8);border-radius:18px;height:620px;display:flex;align-items:center;justify-content:center;color:#6f7d68}.hero-img{position:relative}.badge{position:absolute;right:-30px;bottom:0;background:white;padding:26px;border-radius:12px;box-shadow:0 16px 45px #0002;width:190px}.badge b,.stats b{font:34px Georgia,serif;color:var(--accent);display:block}.badge span,.stats span{font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:30px 0;gap:20px}.stats div{border-left:1px solid #bac8b2;padding-left:22px}.text-link{color:#587a4f;text-decoration:none;font-weight:700}.pale{background:#eff7ee}.services,.articles,.testimonials,.credentials{padding:75px 55px}.eyebrow{text-align:center;letter-spacing:5px;font-size:13px;color:#6f8e68;font-weight:700}.center{text-align:center;max-width:760px;margin:0 auto 45px}.grid{display:grid;gap:28px}.cards{grid-template-columns:repeat(3,1fr)}.cards article,.post,blockquote,.four article{background:white;border-radius:12px;padding:34px;box-shadow:0 16px 45px #1f3b2211}.cards i,.four i{background:#e9f2e6;color:#4e7c44;border-radius:10px;padding:14px;display:inline-block;margin-bottom:16px}.mid{display:block;width:max-content;margin:35px auto 0}.dark{background:var(--green);color:white}.dark h1,.dark h2,.dark h3,.dark .brand,.dark p{color:white}.four{grid-template-columns:repeat(4,1fr)}.four article{background:#2b4a2d;color:white;border:1px solid #466849}.chips{text-align:center;margin-top:45px}.chips span{display:inline-block;border:1px solid #526f52;border-radius:999px;padding:10px 22px;margin:8px;color:#dbe8d8}.two{grid-template-columns:repeat(2,1fr);max-width:950px;margin:auto}.three{grid-template-columns:repeat(3,1fr)}blockquote{margin:0}.post .photo{height:240px;margin-bottom:20px}footer{background:var(--green);color:#dfe9dc;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:60px 52px}footer b,footer h4{color:white}footer a{display:block;margin:8px 0;color:#dfe9dc}.page-head{padding:90px 52px}.page-head .eyebrow{text-align:left}.page-head h1{color:white}.contact-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:80px 70px}form{display:grid;gap:16px}input,select,textarea{padding:17px;border:1px solid #d9e4d4;border-radius:8px;background:white;font:inherit}textarea{height:160px}.reveal,.cards article,.post,blockquote,.hero-copy p,.stats div,h1,h2{opacity:0;transform:translateY(35px)}@media(max-width:850px){.nav{padding:18px;height:auto;flex-wrap:wrap}.hero,.contact-wrap{grid-template-columns:1fr;padding:40px 22px}.cards,.four,.two,.three,footer{grid-template-columns:1fr}h1{font-size:38px}h2{font-size:32px}.badge{right:10px}.services,.articles,.testimonials,.credentials{padding:50px 22px}}

@media (max-width: 768px) {

    header.nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 15px !important;
        gap: 15px;
    }

    .brand {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
    }

    .brand img {
        height: 120px !important;
        width: auto !important;
    }

    .brand span {
        font-size: 24px !important;
        white-space: normal !important;
        text-align: center;
    }

    nav {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
        font-size: 16px !important;
    }

    .btn {
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 20px;
    }
}



/* Exact services walkthrough page update */
.service-nav{background:#fffef9;box-shadow:0 1px 10px rgba(32,54,31,.04);border-bottom:0}.service-nav .btn{background:#57864b;color:white;box-shadow:0 8px 18px rgba(55,103,50,.18)}
.service-title-band{background:#1f3b22;color:white;height:155px;display:flex;align-items:center;margin-top:0}.service-title-inner{width:100%;max-width:1420px;margin:0 auto;padding:0 64px}.service-title-inner p{margin:0 0 6px;font-size:12px;letter-spacing:3px;color:#dce9d4;font-weight:700}.service-title-inner h1{font-size:42px;line-height:1;margin:0;color:#fff}.service-title-inner h1 em{color:#fff;font-style:italic}
.service-page-exact{background:#fbfcf7;min-height:100vh}.service-tabs-section{padding:92px 0 100px}.service-tabs{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto 96px;max-width:1300px}.tab-btn{border:0;background:#fffdf8;color:#171d17;font-size:17px;font-weight:600;padding:11px 25px;border-radius:999px;cursor:pointer;box-shadow:0 12px 30px rgba(34,62,32,.035);transition:all .25s ease}.tab-btn.active,.tab-btn:hover{background:#5b8d52;color:#fff;box-shadow:0 14px 28px rgba(65,115,55,.20)}
.service-grid-exact{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px 70px}.service-card-exact{position:relative;background:#fff;padding:50px 55px 46px 120px;min-height:340px;box-shadow:0 24px 55px rgba(31,59,34,.10);opacity:0;transform:translateY(34px);transition:opacity .25s ease,transform .25s ease}.service-card-exact.hide{display:none}.service-card-exact h2{font-size:30px;line-height:1.1;text-align:left;margin:8px 0 22px;color:#273327}.service-card-exact p{font-size:18px;line-height:1.45;margin:0 0 28px;color:#4c554b}.service-card-exact ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.service-card-exact li{font-size:17px;color:#50594f;position:relative;padding-left:28px}.service-card-exact li:before{content:'✓';position:absolute;left:0;top:0;color:#6b8d61;font-weight:700}.service-icon{position:absolute;left:32px;top:42px;width:64px;height:64px;background:#edf5e9;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#5f8f57;font-size:24px}.service-tag{display:inline-block;background:#eef5ea;color:#52624e;font-weight:600;font-size:15px;padding:2px 8px;border-radius:2px;margin-bottom:5px}
@media(max-width:900px){.service-title-inner{padding:0 24px}.service-tabs-section{padding:50px 20px}.service-tabs{gap:10px;margin-bottom:45px;justify-content:flex-start}.tab-btn{font-size:14px;padding:9px 14px}.service-grid-exact{grid-template-columns:1fr;gap:26px}.service-card-exact{padding:34px 28px 30px 94px;min-height:auto}.service-card-exact h2{font-size:25px}.service-card-exact p,.service-card-exact li{font-size:15px}.service-icon{left:22px;top:32px;width:52px;height:52px}.service-title-band{height:130px}.service-title-inner h1{font-size:34px}}

.footer-brand img{
    width:80px;
    height:auto;
    display:block;
    margin-bottom:20px;
}

/* Typography refinement + premium home video header */
body{font-size:15px;line-height:1.58}h1{font-size:44px;letter-spacing:-.8px}h2{font-size:34px;letter-spacing:-.3px}h3{font-size:19px}.brand{font-size:21px}nav a,footer a{font-size:13px}.btn{padding:11px 23px;font-size:13px}.hero{padding-top:60px}.hero-copy p{font-size:14.5px}.cards article p,.post p,blockquote,.four article p{font-size:14.5px}.service-card-exact h2{font-size:25px}.service-card-exact p{font-size:15px}.service-card-exact li{font-size:14.5px}.service-title-inner h1{font-size:36px}.tab-btn{font-size:14px}.eyebrow{font-size:11px}.center{font-size:14.5px}
.home-video-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#17291a;color:white;text-align:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03)}.video-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(95,143,87,.20),transparent 34%),linear-gradient(180deg,rgba(13,29,15,.42),rgba(13,29,15,.76))}.video-hero-content{position:relative;z-index:2;max-width:860px;padding:120px 24px 70px}.video-hero-content h1{font-size:clamp(42px,7vw,86px);color:#fff;line-height:.98;margin-bottom:18px}.video-hero-content h1 em{color:#d7edcf}.video-hero-content p:not(.eyebrow){max-width:610px;margin:0 auto 28px;color:#edf7ea;font-size:17px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ghost-btn{color:white;text-decoration:none;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:10px 22px;font-weight:700;font-size:13px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:3;color:#e9f4e5;text-decoration:none;font-size:12px;letter-spacing:2px;text-transform:uppercase}.scroll-cue span{display:block;width:1px;height:42px;background:rgba(255,255,255,.75);margin:0 auto 8px;transform-origin:top;animation:scrollLine 1.7s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(.2);opacity:.4}50%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.2);opacity:.4}}
.word{display:inline-block;will-change:transform}.reveal,.cards article,.post,blockquote,.four article,.service-card-exact{will-change:transform,opacity}.cards article,.post,.service-card-exact{transition:transform .35s ease,box-shadow .35s ease}.cards article:hover,.post:hover,.service-card-exact:hover{transform:translateY(-8px)!important;box-shadow:0 28px 70px rgba(31,59,34,.16)}.portrait,.photo{overflow:hidden;position:relative}.portrait:after,.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.38) 45%,transparent 72%);transform:translateX(-120%)}.portrait:hover:after,.photo:hover:after{animation:shine 1.1s ease}@keyframes shine{to{transform:translateX(120%)}}
.section-line{position:relative}.section-line:before{content:'';position:absolute;top:0;left:50%;width:1px;height:90px;background:linear-gradient(#a5c39c,transparent)}
@media(max-width:850px){body{font-size:14px}h1{font-size:34px}h2{font-size:28px}.video-hero-content h1{font-size:44px}.video-hero-content p:not(.eyebrow){font-size:15px}.home-video-hero{min-height:86vh}.hero-actions{gap:10px}}

/* ==========================================================
   DR NATALY K — PREMIUM LUXURY PALETTE UPDATE
   Palette used: Obsidian + Champagne Gold + Warm Ivory
   ========================================================== */
:root{
  --obsidian:#121212;
  --carbon:#1A1715;
  --espresso:#2B211B;
  --champagne-gold:#C6A972;
  --deep-gold:#8F6A3A;
  --ivory:#F8F5F0;
  --soft-white:#FCFBF8;
  --taupe:#B8ADA4;
  --muted:#746C65;
  --text:#1E1E1E;
  --line:rgba(198,169,114,.24);
  --glow:rgba(198,169,114,.18);
}
html{scroll-behavior:smooth}
body{
  background:var(--ivory);
  color:var(--text);
  font-family:Nunito,Arial,sans-serif;
  font-size:15px;
  line-height:1.62;
}
body:before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 12% 18%,rgba(198,169,114,.12),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(143,106,58,.10),transparent 30%),
    linear-gradient(180deg,#FCFBF8,#F8F5F0);
}
h1,h2,h3,.brand{font-family:Nunito,'Times New Roman',serif;color:var(--obsidian)}
h1{font-size:clamp(36px,5vw,62px);letter-spacing:-1px;line-height:1.02}
h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.4px;line-height:1.12}
h3{font-size:20px}em{color:var(--champagne-gold);font-style:italic}.eyebrow{color:var(--champagne-gold);letter-spacing:5px;font-size:11px}.nav{background:rgba(252,251,248,.82);border-bottom:1px solid var(--line);box-shadow:0 12px 40px rgba(18,18,18,.04)}.brand{color:var(--obsidian);font-size:22px}nav a,footer a{color:var(--muted);font-size:13px}.active,nav a:hover{color:var(--deep-gold)}.btn{background:linear-gradient(135deg,var(--champagne-gold),var(--deep-gold));color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 30px rgba(143,106,58,.22)}.btn:hover{box-shadow:0 18px 42px rgba(143,106,58,.32)}.ghost-btn{border-color:rgba(198,169,114,.52);background:rgba(18,18,18,.18);color:#fff}.home-video-hero{background:var(--obsidian)}.hero-video{filter:saturate(.72) contrast(1.08) brightness(.78)}.video-overlay{background:radial-gradient(circle at 50% 32%,rgba(198,169,114,.20),transparent 35%),linear-gradient(180deg,rgba(18,18,18,.24),rgba(18,18,18,.88))}.video-hero-content h1{color:var(--soft-white);text-shadow:0 22px 80px rgba(0,0,0,.38)}.video-hero-content h1 em{color:var(--champagne-gold)}.video-hero-content p:not(.eyebrow){color:#eee7dc}.hero,.articles,.contact-wrap{background:linear-gradient(180deg,var(--soft-white),var(--ivory))}.portrait,.photo{background:linear-gradient(135deg,#efe6d8,#cbb58a);color:var(--deep-gold);box-shadow:inset 0 0 0 1px rgba(198,169,114,.22)}.badge{background:rgba(252,251,248,.92);border:1px solid var(--line);box-shadow:0 24px 65px rgba(18,18,18,.13);backdrop-filter:blur(12px)}.badge b,.stats b{color:var(--deep-gold)}.stats div{border-left:1px solid var(--line)}.text-link{color:var(--deep-gold)}.pale,.services,.testimonials,.service-page-exact{background:var(--ivory)}.cards article,.post,blockquote,.four article,.service-card-exact,form{background:rgba(252,251,248,.88);border:1px solid var(--line);box-shadow:0 22px 60px rgba(18,18,18,.07);backdrop-filter:blur(10px)}.cards article:hover,.post:hover,.service-card-exact:hover{box-shadow:0 32px 80px rgba(18,18,18,.12),0 0 0 1px rgba(198,169,114,.24)}.cards i,.four i,.service-icon{background:rgba(198,169,114,.16);color:var(--deep-gold);border:1px solid rgba(198,169,114,.24)}

/* Removes .dark and footer from the black gradient */
.page-head,.service-title-band{background:linear-gradient(135deg,#121212 0%,#231d18 55%,#0f0f0f 100%);color:var(--ivory)}

/* Sets both the Credentials block (.dark) and Footer to your deep green */
.dark, footer {
    background: #0f3d26 !important; 
    color: var(--ivory);
}

footer {
    background: #0f3d26; /* Separated and styled with your green */
    color: var(--ivory);
}


.dark h1,.dark h2,.dark h3,.dark p,.page-head h1,footer b,footer h4{color:var(--soft-white)}.dark .eyebrow,.page-head .eyebrow{color:var(--champagne-gold)}

.four article {
    background: #0b2d1c !important; /* Slightly darker solid green to contrast with the background */
    border: 1px solid rgba(198, 169, 114, 0.3) !important; /* Elegant gold border */
}


.chips span{border:1px solid rgba(198,169,114,.34);color:#eee2cf;background:rgba(198,169,114,.07)}.service-nav{background:rgba(252,251,248,.86);box-shadow:0 12px 40px rgba(18,18,18,.045)}.service-title-band{height:172px}.service-title-inner p{color:var(--champagne-gold)}.service-title-inner h1{color:var(--soft-white)}.service-title-inner h1 em{color:var(--champagne-gold)}.service-tabs{margin-bottom:78px}.tab-btn{background:rgba(252,251,248,.92);border:1px solid var(--line);color:var(--carbon);box-shadow:0 12px 34px rgba(18,18,18,.045)}.tab-btn.active,.tab-btn:hover{background:linear-gradient(135deg,var(--champagne-gold),var(--deep-gold));color:white;border-color:transparent}.service-tag{background:rgba(198,169,114,.16);color:var(--deep-gold);border-radius:999px;padding:4px 12px}.service-card-exact h2{color:var(--obsidian)}.service-card-exact p,.service-card-exact li{color:#4b4641}.service-card-exact li:before{color:var(--deep-gold)}input,select,textarea{background:rgba(252,251,248,.95);border:1px solid var(--line);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--champagne-gold);box-shadow:0 0 0 4px rgba(198,169,114,.13)}footer{border-top:1px solid rgba(198,169,114,.18)}footer p,footer a{color:#d7cec0}.scroll-cue{color:#efe5d8}.scroll-cue span{background:linear-gradient(var(--champagne-gold),transparent)}
/* luxury shimmer line */
.services h2:after,.articles h2:after,.testimonials h2:after,.credentials h2:after{content:'';display:block;width:86px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,var(--champagne-gold),transparent);box-shadow:0 0 18px var(--glow)}

/* FULL WIDTH NATURE BANNER */
.full-width-banner{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-top:20px;
    margin-bottom:40px;
    overflow:hidden;
}

.full-width-banner img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

/* Tablet */
@media (max-width:991px){
    .full-width-banner img{
        height:350px;
    }
}

.icon-box{
    width:64px;
    height:64px;
    border-radius:16px;
    background:#f7f1e6;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.icon-box img{
    width:28px;
    height:28px;
    object-fit:contain;
}

/* Mobile */
@media (max-width:768px){
    .full-width-banner img{
        height:250px;
    }
}
/* FINAL MOBILE HERO FIX */
@media only screen and (max-width: 768px) {

    .hero-actions{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:15px !important;
        width:100% !important;
    }

    .hero-actions .btn,
    .hero-actions .ghost-btn{
        width:260px !important;
        max-width:90% !important;
        margin:0 !important;
        text-align:center !important;
        display:block !important;
    }

    .ghost-btn{
        padding:12px 20px !important;
    }
}

/* Mobile Optimization: Image Top, Content Below */
@media (max-width: 768px) {
    /* Change grid layout to a single stacked column */
    section#intro.hero {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 40px 24px !important;
        gap: 30px !important;
    }

    /* Move the image wrapper to the top, center it, and make it visible */
    .hero-img.reveal {
        order: 1 !important; /* Forces image container to the top */
        opacity: 1 !important;
        transform: none !important;
        width: 100% !important;
        max-width: 340px !important; /* Limits size so it doesn't get overly massive */
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Ensure the portrait image fills its mobile wrapper cleanly */
    .portrait {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .portrait img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 18px !important;
    }

    /* Convert the absolute badge into a clean block right under the photo */
    .hero-img .badge {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: -10px auto 0 auto !important; /* Pulls it up slightly to overlay nicely */
        width: 100% !important;
        max-width: 260px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
    }

    /* Position the text layout beautifully underneath */
    .hero-copy {
        order: 2 !important; /* Placed cleanly below the image elements */
        width: 100% !important;
        text-align: center !important; /* Centers headings and copy for a premium mobile look */
        padding-top: 15px !important;
    }

    /* Fix the text alignments for scannability */
    .hero-copy h2, 
    .hero-copy p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Mobile Optimization for Stats Counters */
@media (max-width: 768px) {
    /* Changes the squished row into a clean 2x2 grid layout */
    .hero-copy .stats {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; 
        gap: 16px !important;
        padding: 25px 0 !important;
        margin: 30px 0 !important;
        border-left: none !important;
    }

    /* Styles each stat block into its own clean luxury card */
    .hero-copy .stats div {
        border-left: none !important; /* Removes the squished vertical lines */
        padding: 16px 10px !important;
        text-align: center !important;
        background: rgba(252, 251, 248, 0.92); /* Matches your premium ivory cards */
        border: 1px solid var(--line) !important; /* Uses your gold theme line */
        border-radius: 12px !important;
        box-shadow: 0 8px 24px rgba(18, 18, 18, 0.03) !important;
    }
    
    /* Optimizes font scaling so numbers don't overflow */
    .hero-copy .stats b {
        font-size: 2.2rem !important; 
        line-height: 1 !important;
        margin-bottom: 6px !important;
        display: block !important;
    }

    .hero-copy .stats span {
        font-size: 0.85rem !important;
        line-height: 1.3 !important;
        color: var(--muted) !important;
        display: block !important;
    }
}
/* Premium Header Logo Mobile Scaling */
@media (max-width: 768px) {
    /* Target the brand link container inside the navigation bar */
    header.nav .brand {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    /* Scale the logo image to make it significantly larger and clearer */
    header.nav .brand img {
        height: auto !important; /* Let height scale proportionally */
        width: 100% !important;  
        max-width: 240px !important; /* Adjust this value up or down to find your ideal size */
        display: block !important;
    }
}

/* Mobile Header Tighten & Logo Enlarge */
@media (max-width: 768px) {
    /* 1. Tighten the overall navigation block to remove extra vertical space */
    header.nav {
        padding: 10px 15px 5px 15px !important; /* Minimized top/bottom padding */
        gap: 4px !important; /* Heavily reduces the gap between logo and menu items */
    }

    /* 2. Remove any extra margin from the logo container link */
    header.nav .brand {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Significantly increase the size of the branding image */
    header.nav .brand img {
        width: auto !important;
        height: 145px !important; /* Increases the size so text inside logo becomes readable */
        max-width: 95% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* 4. Pull the navigation menu links closer to the logo */
    header.nav nav {
        margin-top: -5px !important; /* Micro-adjustment to snap the menu upwards */
        gap: 10px 14px !important; /* Balanced link spacing */
    }
}