/*
Theme Name: Evermind
Theme URI: https://shoutmedia.nl
Author: SHOUT Media
Author URI: https://shoutmedia.nl
Description: Modern eco-consulting theme with GSAP animations. Built by SHOUT Media.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: evermind
*/
:root {
  --sand:#e6e8dd;--sand-t:#e6e8ddcc;--stone:#3f403c;--glow:#b6e400;--glow-h:#a3cc00;
  --dark:#1a1a17;--dark-88:rgba(26,26,23,.88);--dark-64:rgba(26,26,23,.64);--dark-48:rgba(26,26,23,.48);
  --dark-32:rgba(26,26,23,.32);--dark-16:rgba(26,26,23,.16);--dark-8:rgba(26,26,23,.08);--dark-4:rgba(26,26,23,.04);
  --light:#f4f3ea;--light-64:rgba(244,243,234,.64);--light-48:rgba(244,243,234,.48);--light-32:rgba(244,243,234,.32);
  --overlay:rgba(22,35,27,.6);
  --ff-display:'Raveo Display',Georgia,serif;--ff-serif:'Merriweather',Georgia,serif;--ff-sans:'42 Dotsans',-apple-system,sans-serif;
  --section-pad:clamp(4rem,8vw,8rem);--mx:1200px;--mx-w:1400px;
  --r-sm:8px;--r-md:12px;--r-lg:20px;--r-pill:100px;
}
@font-face{font-family:'Raveo Display';src:url('assets/fonts/6894a5c18c9035760aabc4aa_Raveo Display Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'42 Dotsans';src:url('assets/fonts/6898cf944a6345d5f4eed686_42dotSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'42 Dotsans';src:url('assets/fonts/6898cf9438e03286bf892c04_42dotSans-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'42 Dotsans';src:url('assets/fonts/6898cf950de146c483e6de90_42dotSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'42 Dotsans';src:url('assets/fonts/6898cf95fd37afddcdefb1c7_42dotSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Merriweather';src:url('assets/fonts/6898cf03eabbac800ea07628_Merriweather_48pt-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Merriweather';src:url('assets/fonts/6898cf027e785817aa4a07df_Merriweather_48pt-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Merriweather';src:url('assets/fonts/6898cf04d29fc223a2e657ec_Merriweather_48pt-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--ff-sans);font-size:16px;line-height:1.6;color:var(--dark);background:var(--sand);overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul,ol{list-style:none}

.container{width:100%;max-width:var(--mx);margin:0 auto;padding:0 2rem}
.container--wide{max-width:var(--mx-w)}
.section{padding:var(--section-pad) 0}
.italic{font-style:italic;font-family:var(--ff-serif)}

.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:1rem}
.eyebrow__dot{width:6px;height:6px;border-radius:50%;background:var(--glow);flex-shrink:0}
.eyebrow__text{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r-pill);font-size:.875rem;font-weight:500;line-height:1;transition:all .3s}
.btn--primary{background:var(--glow);color:var(--dark)}
.btn--primary:hover{background:var(--glow-h);transform:translateY(-1px)}
.btn--secondary{background:transparent;color:var(--dark);border:1px solid var(--dark-16)}
.btn--secondary:hover{background:var(--dark-4)}
.btn--light{background:transparent;color:var(--light);border:1px solid var(--light-32)}
.btn--light:hover{background:var(--light-32)}
.btn--small{padding:10px 20px;font-size:.8125rem}
.btn-group{display:flex;gap:12px;flex-wrap:wrap}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 2rem;transition:background .3s,backdrop-filter .3s}
.nav.is-scrolled{background:var(--sand-t);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--mx-w);margin:0 auto}
.nav__logo img{height:24px;width:auto}
.nav__links{display:flex;align-items:center;gap:2rem}
.nav__link{font-size:.875rem;color:var(--dark-64);transition:color .2s;background:none;border:none;cursor:pointer;font-family:inherit}
.nav__link:hover{color:var(--dark)}
.nav__dropdown{position:relative}
.nav__dropdown-toggle{display:flex;align-items:center;gap:4px}
.nav__dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--light);border:1px solid var(--dark-8);border-radius:var(--r-md);padding:1.5rem;min-width:560px;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.nav__dropdown.is-open .nav__dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.nav__dropdown-column-title .eyebrow{margin-bottom:.75rem}
.nav__dropdown-item{display:block;padding:8px 10px;border-radius:var(--r-sm);transition:background .15s;margin-bottom:2px}
.nav__dropdown-item:hover{background:var(--dark-4)}
.nav__dropdown-item-title{font-size:.8125rem;font-weight:500;color:var(--dark)}
.nav__dropdown-item-title span{color:var(--dark-48);font-weight:400}
.nav__dropdown-item-desc{font-size:.75rem;color:var(--dark-48);margin-top:2px}
.nav__toggle{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}
.nav__toggle-bar{display:block;width:100%;height:2px;background:var(--dark);border-radius:2px;transition:all .3s}
.nav__cta .btn{white-space:nowrap}
.nav__mobile-panel{position:fixed;inset:0;z-index:998;background:var(--sand);padding:6rem 2rem 2rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow-y:auto}
.nav__mobile-panel.is-open{opacity:1;visibility:visible}
.nav__mobile-link{display:block;font-family:var(--ff-display);font-size:2rem;padding:.75rem 0;border-bottom:1px solid var(--dark-8)}
.nav__mobile-cta{margin-top:2rem}
@media(max-width:991px){.nav__links,.nav__cta{display:none}.nav__toggle{display:flex}}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero__video{position:absolute;inset:0;z-index:0}
.hero__video video{width:100%;height:100%;object-fit:cover}
.hero__video::after{content:'';position:absolute;inset:0;background:var(--overlay)}
.hero__content{position:relative;z-index:2;max-width:800px;padding:2rem;color:var(--light)}
.hero__title{font-family:var(--ff-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:500;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.5rem}
.hero__subtitle{font-size:1.0625rem;color:var(--light-64);max-width:540px;margin:0 auto 2rem;line-height:1.6}
.hero__stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--light-32)}
.hero__stat{font-size:.8125rem;color:var(--light-64)}
.hero__stat strong{display:block;font-family:var(--ff-display);font-size:1.25rem;color:var(--light);margin-bottom:4px}

/* SHOWCASE */
.showcase__header{text-align:center;max-width:640px;margin:0 auto 3rem}
.showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.showcase__card{border-radius:var(--r-md);overflow:hidden;position:relative;aspect-ratio:4/3;background:var(--dark-4)}
.showcase__card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.showcase__card:hover img{transform:scale(1.04)}
.showcase__card-label{position:absolute;bottom:12px;left:12px;background:var(--light);padding:6px 14px;border-radius:var(--r-pill);font-size:.75rem;font-weight:500}
@media(max-width:767px){.showcase__grid{grid-template-columns:1fr}}

/* LOGOS */
.logos{padding:3rem 0;overflow:hidden;border-top:1px solid var(--dark-8);border-bottom:1px solid var(--dark-8)}
.logos__track{display:flex;gap:4rem;animation:ticker 30s linear infinite}
.logos__item{flex-shrink:0;height:24px;opacity:.4;transition:opacity .3s}
.logos__item:hover{opacity:.8}
.logos__item img{height:100%;width:auto}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* FEATURES */
.features__layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.features__sticky{position:sticky;top:120px}
.features__item{border-bottom:1px solid var(--dark-8);overflow:hidden}
.features__item-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.5rem 0;font-size:1.0625rem;font-weight:500;text-align:left;color:var(--dark)}
.features__item-trigger svg{width:20px;height:20px;transition:transform .3s;flex-shrink:0;color:var(--dark-32)}
.features__item.is-open .features__item-trigger svg{transform:rotate(45deg)}
.features__item-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.features__item.is-open .features__item-body{max-height:600px}
.features__item-content{padding-bottom:1.5rem;color:var(--dark-64);font-size:.9375rem;line-height:1.6}
.features__item-image{border-radius:var(--r-md);margin-top:1rem;overflow:hidden}
.features__item-image img{width:100%}
@media(max-width:991px){.features__layout{grid-template-columns:1fr;gap:2rem}.features__sticky{position:static}}

/* TABS */
.tabs-section{background:var(--light);border-radius:var(--r-lg);padding:3rem;max-width:var(--mx-w);margin:0 auto}
.tabs__menu{display:flex;border-bottom:1px solid var(--dark-8);margin-bottom:2rem;overflow-x:auto;gap:0}
.tabs__tab{padding:12px 20px;font-size:.875rem;font-weight:500;color:var(--dark-48);white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:inherit}
.tabs__tab:hover{color:var(--dark-64)}
.tabs__tab.is-active{color:var(--dark);border-bottom-color:var(--glow)}
.tabs__panel{display:none}
.tabs__panel.is-active{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.tabs__panel-image{border-radius:var(--r-md);overflow:hidden}
.tabs__panel-image img{width:100%}
@media(max-width:767px){.tabs-section{padding:1.5rem;margin:0 1rem}.tabs__panel.is-active{grid-template-columns:1fr}}

/* SYSTEM */
.system{background:var(--stone);color:var(--light)}
.system__header{text-align:center;max-width:600px;margin:0 auto 3rem}
.system__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.system__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);padding:1.5rem;transition:background .3s}
.system__card:hover{background:rgba(255,255,255,.1)}
.system__card-icon{width:40px;height:40px;margin-bottom:1rem}
.system__card-title{font-weight:500;margin-bottom:.5rem}
.system__card-desc{font-size:.875rem;color:var(--light-64);line-height:1.5}
@media(max-width:767px){.system__grid{grid-template-columns:1fr}}

/* SLIDER */
.slider{overflow:hidden}
.slider__header{margin-bottom:2rem}
.slider__track{display:flex;gap:1.5rem;padding:0 2rem}
.slider__card{flex:0 0 400px;background:var(--light);border-radius:var(--r-md);padding:2rem;border:1px solid var(--dark-8)}
.slider__card-quote{font-family:var(--ff-serif);font-style:italic;font-size:1rem;line-height:1.6;color:var(--dark-88);margin-bottom:1.5rem}
.slider__card-author{display:flex;align-items:center;gap:12px}
.slider__card-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.slider__card-name{font-weight:500;font-size:.875rem}
.slider__card-role{font-size:.75rem;color:var(--dark-48)}
@media(max-width:767px){.slider__card{flex:0 0 85vw}}

/* BLOG */
.blog__header{margin-bottom:2rem}
.blog__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.blog__card{display:block;border-radius:var(--r-md);overflow:hidden;transition:transform .3s}
.blog__card:hover{transform:translateY(-4px)}
.blog__card-image{aspect-ratio:16/10;overflow:hidden;background:var(--dark-4)}
.blog__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog__card:hover .blog__card-image img{transform:scale(1.04)}
.blog__card-body{padding:1.25rem .25rem}
.blog__card-title{font-weight:500;margin-top:.5rem}
.blog__card-excerpt{font-size:.875rem;color:var(--dark-48);margin-top:.5rem}
.blog__sidebar{display:flex;flex-direction:column;gap:1.5rem}
.blog__card--small .blog__card-image{aspect-ratio:16/9}
@media(max-width:767px){.blog__grid{grid-template-columns:1fr}}

/* FOOTER */
.footer{position:relative;overflow:hidden}
.footer__video{position:absolute;inset:0;z-index:0}
.footer__video video{width:100%;height:100%;object-fit:cover}
.footer__video::after{content:'';position:absolute;inset:0;background:var(--overlay)}
.footer__cta{position:relative;z-index:2;text-align:center;padding:var(--section-pad) 2rem;color:var(--light)}
.footer__cta-title{font-family:var(--ff-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;margin-bottom:2rem}
.footer__content{position:relative;z-index:2;padding:3rem 2rem;color:var(--light)}
.footer__inner{max-width:var(--mx-w);margin:0 auto}
.footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--light-32)}
.footer__brand-desc{font-size:.875rem;color:var(--light-64);margin-top:1rem;max-width:300px;line-height:1.6}
.footer__col-title{font-size:.875rem;font-weight:500;margin-bottom:1rem;color:var(--light-64)}
.footer__link{display:block;font-size:.875rem;color:var(--light-64);padding:4px 0;transition:color .2s}
.footer__link:hover{color:var(--light)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.8125rem;color:var(--light-48)}
.footer__social{display:flex;gap:1rem}
.footer__social a{color:var(--light-48);transition:color .2s}
.footer__social a:hover{color:var(--light)}
.footer__social svg{width:18px;height:18px}
@media(max-width:767px){.footer__grid{grid-template-columns:1fr;gap:2rem}.footer__bottom{flex-direction:column;gap:1rem;text-align:center}}

[data-reveal]{opacity:0;transform:translateY(30px)}