/* Author:   Martin Stettler (https://dieweberei.ch/)
   Version:  08/06/2026 // based on BS v5.3.8
*/

/* ==========================================================================
   LAYOUT BASE STYLES
   ========================================================================== */
:root {
   --logo-height: 160px;

   --header-height: 200px;
   --header-padding: 20px;

   --header-height-scrolled: 80px;

   --page-padding: 30px;

   --nav-width: 50%;

   /* Spacing */
   --section-space: 75px;
   --section-title-gap: 3rem;
   --content-gap: 2rem;
   --teaser-gap: 3rem;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.hero-text {
    max-width: 55%;
}

/* ==========================================================================
   NAVIGATION from 576px
   ========================================================================== */

@media (min-width: 700px) {

   :root {
        --nav-width: 42%;
    }

   
}

.side-nav > ul {
    padding: 0 60px 60px 0;
}

.sub-nav {
   margin: 1rem 0 0 60px;
}

/* ==========================================================================
   PROJECTS
   ========================================================================== */

.project-filter-nav {
    gap: 3rem;
}
.project-meta {
    grid-template-columns: 170px 1fr;
    gap: 0 2rem;
}

.project-meta dt {
    margin-top: 0;
}