:root{--bg-color: #000;--text-color: rgba(255, 255, 255, .7);--heading-color: #fff;--accent-color: #42dca3;--nav-bg: rgba(0, 0, 0, .8);--panel-bg: #111;--panel-border: #333;--panel-heading-bg: #1a1a1a;--font-main: "Lora", serif;--font-sans: "Montserrat", sans-serif}[data-theme=light]{--bg-color: #f4f4f4;--text-color: #333;--heading-color: #000;--nav-bg: rgba(255, 255, 255, .95);--panel-bg: #fff;--panel-border: #ddd;--panel-heading-bg: #f9f9f9;--accent-color: #2a9d75}[data-theme=light] .btn-default{border-color:#333;color:#333}[data-theme=light] .btn-default:hover{background:#333;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;color:var(--heading-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:#fff}[data-theme=light] a:hover{color:#000}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;transition:background .3s ease,padding .3s ease}.navbar.scrolled{background:var(--nav-bg);padding:10px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .navbar.scrolled{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .navbar.scrolled .navbar-brand{color:#000}[data-theme=light] .navbar.scrolled .navbar-nav a{color:#000000b3}[data-theme=light] .navbar.scrolled .navbar-nav a:hover,[data-theme=light] .navbar.scrolled .navbar-nav a.active{color:var(--accent-color)}[data-theme=light] .navbar.scrolled .navbar-toggle .bar{background-color:#000}[data-theme=light] .navbar.scrolled .theme-toggle{color:#000000b3}[data-theme=light] .navbar.scrolled .theme-toggle:hover{color:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;color:#fff}.navbar-brand .light{font-weight:400}.navbar-nav{display:flex;list-style:none;gap:2rem}.navbar-nav a{font-family:var(--font-sans);font-size:.9rem;color:#fffc}.navbar-nav a:hover,.navbar-nav a.active{color:var(--accent-color)}.theme-toggle{color:#fffc;transition:color .3s ease}.theme-toggle:hover{color:var(--accent-color)}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.bar{width:25px;height:3px;background-color:#fff;transition:.3s}.intro{display:table;width:100%;height:100vh;position:relative;background:#000;text-align:center;overflow:hidden}.intro-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;filter:grayscale(100%);z-index:0;animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:.4}}.intro-body{display:table-cell;vertical-align:middle;position:relative;z-index:1}.brand-heading{font-size:4rem;margin-bottom:1rem;text-transform:none;color:#fff}.brand-heading .light{font-weight:400}.intro-text{font-size:1.2rem;margin-bottom:3rem;color:#fff}.btn-circle{display:inline-flex;width:50px;height:50px;border:2px solid #fff;border-radius:50%;color:#fff;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease}.btn-circle:hover{background:#fff;color:#000}.content-section{padding:100px 0}.text-center{text-align:center}.col-offset-2{margin-left:auto;margin-right:auto;max-width:800px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px}.panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;overflow:hidden;transition:transform .3s ease}.panel:hover{transform:translateY(-5px);border-color:var(--accent-color)}.panel-heading{background-color:var(--panel-heading-bg);padding:15px;border-bottom:1px solid var(--panel-border)}.panel-heading h3{margin:0;font-size:1.1rem}.panel-body{padding:20px;font-size:.95rem}.btn-default{display:inline-block;border:1px solid #fff;padding:10px 20px;background:transparent;color:#fff;font-family:var(--font-sans);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:5px}.btn-default:hover{background:#fff;color:#000}.banner-social-buttons{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}footer{padding:50px 0;background-color:#000}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-collapse{position:absolute;top:100%;left:0;width:100%;background:var(--nav-bg);padding:20px;display:none;border-top:1px solid rgba(255,255,255,.1)}.navbar-collapse.show{display:block}.navbar-nav{flex-direction:column;align-items:center;gap:1rem}.brand-heading{font-size:3rem}}.gallery-grid{column-count:3;column-gap:20px;margin-top:40px}.gallery-item{break-inside:avoid;margin-bottom:20px;cursor:pointer;transition:transform .3s ease;border-radius:4px;overflow:hidden}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:auto;max-height:600px;object-fit:cover;display:block;border-radius:4px;opacity:0;transition:opacity .5s ease-in-out}.gallery-item img.loaded{opacity:1}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px}.lightbox-content{position:relative;max-width:90%;max-height:90%}.lightbox-content img{max-width:100%;max-height:90vh;border-radius:4px;box-shadow:0 0 20px #00000080;object-fit:contain}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:color .3s ease}.lightbox-close:hover{color:var(--accent-color)}@media (max-width: 992px){.gallery-grid{column-count:2}}@media (max-width: 576px){.gallery-grid{column-count:1}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;padding:10px;cursor:pointer;transition:background .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:-60px}.lightbox-nav.next{right:-60px}@media (max-width: 768px){.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}}