*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#111;color:#efefef;font-family:"Barlow",sans-serif;min-height:100vh;display:flex;flex-direction:column}main{flex:1}nav{background:#181818;border-bottom:1px solid #2a2a2a;padding:0 2rem;display:flex;flex-direction:column;align-items:center;position:sticky;top:0;z-index:200}.nav-logo{padding:0.8rem 0 .25rem}.nav-logo a{text-decoration:none;display:flex;align-items:center;gap:0.6rem}.logo-text{font-family:"Bebas Neue",sans-serif;font-size:1.9rem;color:#f5c400;letter-spacing:3px}.nav-menu{display:flex;list-style:none;padding:0.3rem 0;flex-wrap:wrap;justify-content:center}.nav-menu a{text-decoration:none;color:#888;font-size:.74rem;letter-spacing:1.8px;text-transform:uppercase;padding:0.4rem 1rem;transition:color .2s;font-weight:500}.nav-menu a:hover,.nav-menu a.active{color:#f5c400}footer{background:#181818;border-top:1px solid #2a2a2a;padding:2.5rem 2rem;text-align:center}.footer-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{font-family:"Bebas Neue",sans-serif;font-size:1.4rem;color:#f5c400;letter-spacing:3px}.footer-links{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap;justify-content:center}.footer-links a{text-decoration:none;color:#888;font-size:0.75rem;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}.footer-links a:hover{color:#f5c400}.footer-copy{color:#888;font-size:0.78rem}.btn{display:inline-block;padding:0.7rem 1.8rem;background:#f5c400;color:#111;font-family:"Barlow",sans-serif;font-weight:600;font-size:0.82rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .15s}.btn:hover{background:#c49a00;transform:translateY(-2px)}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1px solid #f5c400;color:#f5c400}.btn-outline:hover{background:rgba(245,196,0,0.12)}.page-hero{padding:4rem 2rem 2.5rem;text-align:center;border-bottom:0px solid #2a2a2a;background:linear-gradient(180deg, #181818 0%, #111 100%)}.page-hero h1{font-family:"Bebas Neue",sans-serif;font-size:3rem;letter-spacing:4px;color:#f5c400}.page-hero p{color:#888;font-size:.95rem;margin-top:.5rem}.breadcrumb{padding:0.9rem 2rem;font-size:0.78rem;color:#888;letter-spacing:1px;max-width:1060px;margin:0 auto;width:100%}.breadcrumb a{color:#888;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#f5c400}.breadcrumb span{color:#f5c400;margin:0 0.4rem}.cat-hero{padding:4rem 2rem 3rem;text-align:center;border-bottom:1px solid #2a2a2a;background:radial-gradient(ellipse 60% 60% at 50% 0%, rgba(245,196,0,0.07) 0%, transparent 70%)}.cat-hero-icon{font-size:3rem;display:block;margin-bottom:0.8rem}.cat-hero h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(2.5rem, 6vw, 4.5rem);letter-spacing:5px;color:#f5c400}.cat-hero p{color:#888;margin-top:.5rem;font-size:.95rem}.projects-section{max-width:1060px;margin:0 auto;padding:3.5rem 2rem 5rem;width:100%}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));gap:1.5rem}.proj-card{background:#1e1e1e;border:1px solid #2a2a2a;padding:1.8rem;cursor:pointer;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.proj-card:hover{border-color:#f5c400;transform:translateY(-5px);box-shadow:0 12px 36px rgba(245,196,0,0.1)}.proj-num{font-family:"Bebas Neue",sans-serif;font-size:3.5rem;color:#2a2a2a;position:absolute;top:.5rem;right:1rem;line-height:1;pointer-events:none;transition:color .25s}.proj-card:hover .proj-num{color:rgba(245,196,0,0.08)}.proj-title{font-family:"Bebas Neue",sans-serif;font-size:1.5rem;letter-spacing:2px;color:#efefef;margin-bottom:0.6rem;padding-right:2.5rem}.proj-summary{color:#888;font-size:.88rem;line-height:1.65;margin-bottom:1.2rem}.proj-cta{font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:#f5c400;font-weight:600}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:500;align-items:center;justify-content:center;padding:1.5rem}.modal-overlay.open{display:flex}.modal{background:#1e1e1e;border:1px solid #2a2a2a;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalIn .2s ease}@keyframes modalIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;color:#888;font-size:1.8rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:#f5c400}.modal-body{padding:2rem}.modal-tag{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:#f5c400;margin-bottom:.5rem}.modal-title{font-family:"Bebas Neue",sans-serif;font-size:2rem;letter-spacing:2px;margin-bottom:1rem}.modal-video{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #2a2a2a;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;color:#888;font-size:0.85rem}.modal-video iframe{width:100%;height:100%;border:none}.modal-desc{color:#888;line-height:1.7;font-size:.92rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;flex-wrap:wrap}.prose{max-width:760px;margin:0 auto;padding:3rem 2rem;line-height:1.8}.prose h2{font-family:"Bebas Neue",sans-serif;font-size:1.4rem;letter-spacing:2px;color:#f5c400;margin:2rem 0 0.6rem}.prose p,.prose li{color:#888;font-size:0.93rem;margin-bottom:0.6rem}.prose ul{padding-left:1.4rem}.contact-layout{max-width:960px;margin:0 auto;padding:3.5rem 2rem 5rem;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start;width:100%}.contact-info h2{font-family:"Bebas Neue",sans-serif;font-size:1.8rem;letter-spacing:3px;color:#f5c400;margin-bottom:1rem}.contact-info p{color:#888;font-size:.92rem;line-height:1.75;margin-bottom:1.5rem}.contact-detail{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:0.8rem}.contact-item-icon{font-size:1.1rem;margin-top:0.1rem}.contact-item-text{font-size:.88rem;color:#888;line-height:1.6}.contact-item-text strong{display:block;color:#efefef;font-size:0.78rem;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:0.2rem}.form-section h2{font-family:"Bebas Neue",sans-serif;font-size:1.8rem;letter-spacing:3px;color:#f5c400;margin-bottom:1.5rem}.form-group{margin-bottom:1.4rem}.form-group label{display:block;font-size:0.75rem;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;background:#1e1e1e;border:1px solid #2a2a2a;color:#efefef;padding:0.75rem 1rem;font-family:"Barlow",sans-serif;font-size:.92rem;outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#f5c400}.form-group textarea{resize:vertical;min-height:140px}.submit-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.submit-note{font-size:0.78rem;color:#888}.form-msg{display:none;padding:0.9rem 1.2rem;background:rgba(245,196,0,0.12);border:1px solid #f5c400;color:#f5c400;font-size:.88rem;margin-top:1rem}@media (max-width: 680px){.contact-layout{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 600px){.nav-menu a{padding:0.4rem 0.6rem;font-size:0.68rem}.logo-text{font-size:1.5rem}.page-hero h1{font-size:2.2rem}}.cookie-banner{display:none;position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:#1e1e1e;border:1px solid #2a2a2a;padding:1.2rem 1.8rem;max-width:600px;width:calc(100% - 2rem);z-index:1000;align-items:center;gap:1.5rem;flex-wrap:wrap}.cookie-banner.visible{display:flex}.cookie-banner p{color:#888;font-size:0.88rem;margin:0;flex:1;line-height:1.6}.cookie-actions{display:flex;gap:0.8rem;flex-shrink:0}