*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--lemon: #F5C800;--lemon-bright: #FFE033;--lemon-dark: #C49A00;--lemon-pale: #FFFBE6;--lemon-mid: #FFF3A3;--cream: #FFFDF0;--white: #ffffff;--text: #1A1400;--text-mid: #4A3F00;--text-muted: #7A6B1A;--link: #8A6B00;--link-hover: #C49A00;--border: #EDD96A;--header-bg: #1A1400;--header-text: #FFE033;--topbar-bg: #C49A00;--topbar-text: #1A1400;--footer-bg: #1A1400;--footer-text: #FFF3A3;--font-body: "Inter", system-ui, sans-serif;--font-heading: "Bebas Neue", "Inter", system-ui, sans-serif;--content-max: 1200px;--side-padding: 4vw}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text);background-color:var(--cream)}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2}h1{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5rem);font-weight:400;letter-spacing:.03em}h2{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;text-transform:uppercase;letter-spacing:.05em}h3{font-size:1.4rem;font-weight:700}h4{font-size:1.1rem;font-weight:700}p{margin-bottom:1.3em}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);border:2px solid var(--lemon-dark);background:var(--lemon);color:var(--text);padding:.7em 1.8em;font-size:.9rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}button:hover{background:var(--lemon-dark);color:var(--white);border-color:var(--lemon-dark)}input,textarea{font-family:var(--font-body);font-size:1rem;border:1.5px solid var(--border);background:var(--white);padding:.75em 1em;width:100%;outline:none;transition:border-color .2s;color:var(--text)}input:focus,textarea:focus{border-color:var(--lemon-dark);box-shadow:0 0 0 3px #f5c80033}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--side-padding)}.topbar{background-color:var(--topbar-bg);color:var(--topbar-text);padding:8px var(--side-padding)}.topbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.topbar-contact{font-size:.82em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--topbar-text)}.topbar-nav{display:flex;gap:1.5rem}.topbar-nav a{font-size:.82em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--topbar-text)}.topbar-nav a:hover{color:var(--header-bg)}.site-header{background-color:var(--header-bg);padding:0 var(--side-padding);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #0006;border-bottom:3px solid var(--lemon)}.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;min-height:64px}.site-logo-link{display:flex;align-items:center;flex-shrink:0}.site-logo{height:48px;width:auto;display:block;object-fit:contain;transition:opacity .2s}.site-logo-link:hover .site-logo{opacity:.8}.main-nav{display:flex;gap:1.5rem;align-items:center}.main-nav a{color:#ccc;font-size:.88em;text-transform:uppercase;letter-spacing:.08em;font-weight:600;transition:color .2s;padding:.25rem 0;border-bottom:2px solid transparent}.main-nav a:hover{color:var(--lemon-bright)}.main-nav a.active{color:var(--lemon);border-bottom-color:var(--lemon)}.nav-toggle{display:none;background:none;border:none;color:var(--lemon);font-size:1.5rem;padding:.5rem;cursor:pointer}.site-footer{background-color:var(--footer-bg);color:var(--footer-text);padding:3vw var(--side-padding) 2vw;border-top:3px solid var(--lemon)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2vw}.footer-section h2{font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.8rem);text-transform:uppercase;color:var(--lemon);padding-bottom:12px;margin-bottom:1.5rem;border-bottom:1px solid #3a3000;letter-spacing:.05em}.footer-section p,.footer-section h4{color:#bfaa50;font-size:.9rem}.footer-section h4{font-weight:400;margin-bottom:.3rem}.footer-posts a{display:block;color:#9e8a30;font-size:.85rem;padding:.3rem 0;border-bottom:1px solid #2a2000}.footer-posts a:hover{color:var(--lemon)}.footer-socials{display:flex;flex-direction:column;gap:.5rem}.footer-socials a{display:flex;align-items:center;gap:.6rem;color:#9e8a30;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.footer-socials a:hover{color:var(--lemon)}.footer-socials svg{width:18px;height:18px;fill:currentColor}.footer-bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid #2a2000;text-align:center;color:#5a4e10;font-size:.8rem}.hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:var(--header-bg)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity 1.2s ease-in-out;will-change:opacity}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a14008c;pointer-events:none}.hero-content{position:relative;z-index:1;padding:4rem var(--side-padding);max-width:900px}.hero-content h1{color:var(--lemon-bright);margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero-content p{color:#fff3a3e6;font-size:1.1rem;max-width:600px;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2}.hero-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:transparent;padding:0;cursor:pointer;transition:background .2s,border-color .2s}.hero-dot.active{background:var(--lemon);border-color:var(--lemon)}.hero-dot:hover{border-color:var(--white)}.btn{display:inline-block;padding:.8em 2em;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:2px solid;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.btn-primary{background:var(--lemon);color:var(--text);border-color:var(--lemon)}.btn-primary:hover{background:var(--lemon-dark);color:var(--white);border-color:var(--lemon-dark)}.btn-secondary{background:transparent;color:var(--lemon-bright);border-color:var(--lemon-bright)}.btn-secondary:hover{background:var(--lemon);color:var(--text);border-color:var(--lemon)}.section{padding:5rem var(--side-padding)}.section-dark{background:var(--header-bg);color:var(--footer-text)}.section-gray{background:var(--lemon-pale)}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:.75rem;color:var(--text)}.section-dark .section-header h2{color:var(--lemon)}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto}.section-dark .section-header p{color:#bfaa50}.section-header:after{content:"";display:block;width:60px;height:3px;background:var(--lemon);margin:1rem auto 0;border-radius:2px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.post-card{border:1.5px solid var(--border);background:var(--white);overflow:hidden;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #c49a002e}.post-card-image{aspect-ratio:16/9;overflow:hidden;background:var(--lemon-mid)}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-body{padding:1.5rem}.post-card-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lemon-dark);font-weight:700;margin-bottom:.5rem}.post-card-body h3{font-size:1.1rem;margin-bottom:.5rem;line-height:1.3;color:var(--text)}.post-card-body p{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.post-card-link{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--lemon-dark);border-bottom:1px solid var(--lemon-dark)}.post-card-link:hover{color:var(--lemon-bright);border-bottom-color:var(--lemon-bright)}.single-post{max-width:800px;margin:0 auto;padding:4rem var(--side-padding)}.single-post-meta{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--lemon-dark);font-weight:700;margin-bottom:1rem}.single-post h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;color:var(--text)}.single-post-featured{aspect-ratio:16/9;overflow:hidden;margin-bottom:2rem;border:1.5px solid var(--border)}.single-post-featured img{width:100%;height:100%;object-fit:cover}.single-post-content{font-size:1.05rem;line-height:1.8;color:var(--text-mid)}.single-post-content p{margin-bottom:1.5em}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;color:var(--lemon-dark);font-weight:700}.back-link:hover{color:var(--text)}.gallery-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.filter-btn{padding:.5em 1.4em;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--lemon-mid);border-color:var(--lemon-dark);color:var(--text)}.filter-btn.active{background:var(--lemon);color:var(--text);border-color:var(--lemon-dark)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.gallery-item{overflow:hidden;aspect-ratio:1;cursor:pointer;background:var(--lemon-mid);border:1.5px solid var(--border)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s,opacity .3s}.gallery-item:hover img{transform:scale(1.08);opacity:.9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1400f7;z-index:1000;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border:2px solid var(--lemon)}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;color:var(--lemon);background:none;border:none;font-size:2rem;cursor:pointer;line-height:1}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:var(--lemon);background:#f5c8001a;border:none;font-size:2rem;padding:.5rem 1rem;cursor:pointer;line-height:1}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem 2rem}.member-card{text-align:center;padding:2rem 1.5rem;background:var(--white);clip-path:polygon(10% 0%,90% 0%,100% 10%,100% 90%,90% 100%,10% 100%,0% 90%,0% 10%);box-shadow:0 4px 24px #c49a001f;transition:transform .2s,box-shadow .2s}.member-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #c49a0038}.hex-frame{width:200px;height:230px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--lemon);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;filter:drop-shadow(0 4px 16px rgba(196,154,0,.35))}.hex-inner{width:188px;height:216px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden;background:var(--lemon-pale);display:flex;align-items:center;justify-content:center}.hex-inner img{width:100%;height:100%;object-fit:cover;display:block}.hex-initial{font-size:3.5rem;font-weight:900;color:var(--text)}.member-card h3{font-size:1.15rem;margin-bottom:.25rem;color:var(--text)}.member-card .role{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lemon-dark);font-weight:700;margin-bottom:.75rem}.member-card p{font-size:.88rem;color:var(--text-muted);line-height:1.6}@media (max-width: 600px){.members-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem 1rem}.hex-frame{width:160px;height:184px}.hex-inner{width:150px;height:172px}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h3{margin-bottom:1rem}.contact-info p{color:var(--text-muted);margin-bottom:2rem}.contact-detail{margin-bottom:1rem}.contact-detail strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lemon-dark);font-weight:700;margin-bottom:.2rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .btn{align-self:flex-start}.form-success{background:#f0fff4;border:1.5px solid #38a169;color:#276749;padding:1rem;font-size:.9rem;border-radius:2px}.form-error{background:#fff5f5;border:1.5px solid #e53e3e;color:#c53030;padding:1rem;font-size:.9rem;border-radius:2px}.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--border)}.about-text h2{margin-bottom:1.5rem}.about-text p{color:var(--text-muted);margin-bottom:1.2em}.page-header{background:var(--header-bg);color:var(--white);padding:4rem var(--side-padding);text-align:center;border-bottom:3px solid var(--lemon)}.page-header h1{color:var(--lemon-bright);margin-bottom:.5rem}.page-header p{color:#fff3a3b3;font-size:1rem}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--lemon)}.feature-item{aspect-ratio:1;overflow:hidden;position:relative;cursor:pointer}.feature-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.feature-item:hover img{transform:scale(1.05)}.feature-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a14008c;display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:opacity .3s}.feature-item:hover .feature-overlay{opacity:1}.feature-overlay span{color:var(--lemon);font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.loading{text-align:center;padding:4rem;color:var(--lemon-dark);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}.error-msg{text-align:center;padding:4rem;color:#c53030}.not-found{text-align:center;padding:8rem var(--side-padding)}.not-found h1{font-size:6rem;color:var(--lemon-mid)}.not-found h2{margin-bottom:1rem}.not-found p{color:var(--text-muted);margin-bottom:2rem}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1 / -1}.contact-grid,.about-hero{grid-template-columns:1fr;gap:2rem}.feature-strip{grid-template-columns:1fr 1fr}}@media (max-width: 600px){:root{--side-padding: 5vw}.main-nav{display:none}.main-nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--header-bg);padding:1rem var(--side-padding) 1.5rem;gap:.5rem;border-top:2px solid var(--lemon)}.nav-toggle{display:block}.site-header,.header-inner{position:relative}.footer-grid,.form-row,.feature-strip{grid-template-columns:1fr}.topbar-nav{display:none}}
