.header-content{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 5%}.banner-container{position:relative;width:100%;height:var(--header-height,400px);overflow:hidden}.banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.banner-container .site-title{position:absolute;top:2rem;left:2rem;z-index:2;font-size:2.5rem;font-family:var(--font-family-heading);color:#fff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-align:left;width:auto;max-width:80%;background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);padding:.75rem 1.5rem;border-radius:12px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 5%;position:relative}.hamburger{display:none;flex-direction:column;justify-content:center;width:2.5rem;height:2.5rem;background:0 0;border:none}.hamburger span{display:block;width:16px;height:2px;margin:2px 0;background-color:#fff !important;transition:all .3s ease;border-radius:1px;-webkit-filter:none !important;filter:none !important}.main-navigation{display:flex;align-items:center;gap:2rem;padding:1rem 0;background-color:var(--secondary-color);color:#fff}.main-navigation ul{display:flex;list-style:none;margin:0;padding:0;gap:1rem}.main-navigation a{color:var(--text-color,#333);text-decoration:none;font-size:1rem;padding:.5rem 1rem;transition:color .3s ease}.main-navigation nav a{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.mobile-socials{display:none}.main-navigation nav a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.2),transparent );transition:left .5s}.main-navigation nav a:hover::before{left:100%}.main-navigation nav a:hover,.main-navigation nav a.active{color:rgba(255,255,255,.9);transform:translateY(-3px)}.main-navigation nav a:after{content:'';position:absolute;width:0;height:2px;bottom:.5rem;left:50%;background-color:#fff;transition:all .3s ease-in-out;transform:translateX(-50%)}.main-navigation nav a:hover:after,.main-navigation nav a.active:after{width:60%}.banner-section{position:relative;background-color:var(--secondary-color)}.site-branding-banner{position:relative;z-index:2;padding:2rem 5%;text-align:center}.site-branding-banner .site-title{font-size:3.5rem;color:#fff;margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.4),-2px 2px 0 rgba(0,0,0,.4),2px -2px 0 rgba(0,0,0,.4),-2px -2px 0 rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.8);font-weight:800;letter-spacing:.01em;position:relative;text-transform:uppercase}@media(max-width:768px){.banner-container{height:0;padding-bottom:40%;position:relative;overflow:hidden}.banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.header-content{position:absolute;top:0;left:0}}@media(max-width:768px){.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--background-color,#fff);flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,8%);z-index:1000}.main-navigation.active{display:flex}.hamburger{display:flex}.mobile-socials{display:flex;gap:1rem}}.header-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 5%;position:relative;background-color:var(--secondary-color);color:#fff}footer{padding:2rem 5%;flex-shrink:0}.site-title{font-size:2.5rem}.header-social{display:flex;gap:1rem;flex:none}.hamburger{display:none;margin-left:1rem}@media(max-width:768px){.header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;min-height:60px;position:relative;gap:1rem;flex-wrap:nowrap}.site-branding{flex:initial;display:flex;align-items:center;order:2}.hamburger{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;background-color:rgba(255,255,255,.1);transition:all .3s ease;flex:none;border:2px solid rgba(255,255,255,.2);order:1;margin-left:0;margin-right:1rem;color:#fff;overflow:hidden;position:relative;color-scheme:light;-webkit-appearance:none;appearance:none}.header-social{display:flex;align-items:center;gap:.5rem;flex:none;order:3}.header-social .social-icon{width:22px;height:22px}.hamburger:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.3)}.hamburger::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.2),transparent );transition:left .5s}.hamburger:hover::before{left:100%}.main-navigation{display:none;position:absolute;top:100%;left:0;width:70%;height:100vh;bottom:0;flex-direction:column;background-color:var(--secondary-color);padding:1rem 1.5rem;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,.1);opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;border-radius:0 0 8px 0}.main-navigation.active{display:block;opacity:1;transform:translateY(0)}.hamburger.active{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.3)}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(4px,4px);width:16px;background-color:#fff !important}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(-8px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px);width:16px;background-color:#fff !important}.main-navigation ul{flex-direction:column;width:100%;margin:0;padding:0}.main-navigation li{width:100%;opacity:0;transform:translateY(-10px);animation:dropIn .3s ease forwards;border-bottom:1px solid rgba(255,255,255,.1)}.main-navigation li:last-child{border-bottom:none}@keyframes dropIn{to{opacity:1;transform:translateY(0)}}.main-navigation li:nth-child(1){animation-delay:.05s}.main-navigation li:nth-child(2){animation-delay:.1s}.main-navigation li:nth-child(3){animation-delay:.15s}.main-navigation li:nth-child(4){animation-delay:.2s}.main-navigation li:nth-child(5){animation-delay:.25s}.main-navigation a{display:block;padding:1rem 0;color:#fff;text-decoration:none;transition:all .2s ease;text-align:left;font-size:1.1rem;position:relative;border:none;background-color:transparent;justify-content:flex-start;min-width:auto}.main-navigation a:hover{color:rgba(255,255,255,.8);transform:translateX(8px);background-color:transparent;box-shadow:none;border:none}.main-navigation a::after{content:'';position:absolute;bottom:.8rem;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.main-navigation a:hover::after{width:30px}.banner-container .site-title{font-size:1.5rem;top:1rem;left:1rem;width:auto;max-width:min(400px,calc(100% - 2rem));padding:.5rem 1rem;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;line-height:1.3}.site-title{font-size:1.5rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(200px,40vw)}}@media(prefers-color-scheme:dark){[data-theme=dark] .hamburger span{background-color:red !important;-webkit-filter:none !important;filter:none !important}.hamburger.active span:nth-child(1),.hamburger.active span:nth-child(3){background-color:#fff !important}}