:root{ --green:#264B36;--sage:#7A9275;--cream:#F6F4ED;--wood:#8B6B4A;--text:#2B2B2B; } 

*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:var(--text);

background:var(--cream);line-height:1.6} 

nav{ position:absolute; top:25px; right:8%; width:auto; display:flex; justify-content:flex-end; align-items:center; z-index:100; } 

nav a{ text-decoration:none; color:var(--green); font-weight:500; } 

.hero{

    position: relative;

}

.hero-image{

    height:70vh;

    max-height:250px;

    background:url("../img/hero.jpg") center/cover no-repeat;

    filter:brightness(140%);

}

.hero-content {

    position: absolute;

    top: 20px;

    left: 2%;      

    z-index: 3;

}



.hero-logo {

    width: clamp(450px, 40vw, 700px); 

    height: auto;

}

nav{

    position:absolute;

    top:35px;

    right:8%;

    z-index:3;

}



nav ul{

    display:flex;

    gap:2rem;

    list-style:none;

    margin:0;

    padding:0;

}



nav a{

    text-decoration:none;

    color:var(--green);

    font-weight:500;

}

.section-icon {

    width: 1em;

    height: 1em;

    object-fit: contain;

    vertical-align: middle;

    margin-right: 0.5em;

}

.menu-toggle{

    display:none;

}

@media (max-width:768px){



    .menu-toggle{

        display:block;

        position:absolute;

        top:28px;

        right:20px;

        z-index:1000;



        background:none;

        border:none;

        color:var(--green);

        font-size:2rem;

        cursor:pointer;

    }



    .nav{

        display:none;



        position:absolute;

        top:80px;

        left:20px;

        right:20px;



        background:rgba(246,244,237,.97);

        border-radius:10px;

        padding:15px;

        box-shadow:0 10px 25px rgba(0,0,0,.15);

        z-index:999;

    }



    .nav.active{

        display:block;

    }



    .nav ul{

        list-style:none;

        margin:0;

        padding:0;

    }



    .nav li{

        margin:12px 0;

        text-align:center;

    }



    .nav a{

        text-decoration:none;

        color:var(--green);

        font-size:1.1rem;

        font-weight:600;

    }



}