:root{--color-bg-primary:#080c0e;--color-bg-secondary:#0e1518;--color-bg-card:#131c20;--color-text-primary:#e8f4f8;--color-text-secondary:#7a9aa5;--color-text-muted:#3a5560;--color-accent:#00bfe7;--color-accent-hover:#00d4ff;--color-border:#1a2a30;--color-placeholder:#1e3038;--color-white:#fff;--color-bg-deep:#040c10;--color-on-accent:#080c0e;--color-overlay-light:#0000004d;--color-overlay-medium:#000000b3;--color-overlay-heavy:#000000f2;--color-accent-alpha:#00bfe7e6;--color-nav-scrolled:#080c0ef2;--color-nav-dropdown-bg:#080c0efa;--font-title:"Bebas Neue", "Arial Narrow", "Impact", sans-serif;--font-body:"DM Sans", "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}ul,ol{list-style:none}.text-hero{font-family:var(--font-title);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(64px,10vw,140px);line-height:.95}.text-h1{font-family:var(--font-title);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(48px,7vw,100px);line-height:1}.text-h2{font-family:var(--font-title);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(32px,5vw,64px);line-height:1.05}.text-h3{font-family:var(--font-title);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(20px,3vw,32px);line-height:1.1}.text-body-lg{font-size:18px;font-weight:300;line-height:1.75}.text-body{font-size:16px;font-weight:400;line-height:1.7}.text-body-sm{font-size:14px;font-weight:400;line-height:1.6}.text-label{letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.4;font-family:var(--font-body)}.text-nav{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:400;line-height:1;font-family:var(--font-body)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 48px}.section{padding-top:120px;padding-bottom:120px}.section--sm{padding-top:80px;padding-bottom:80px}.section--hero{height:100vh;padding:0}.section--alt{background-color:var(--color-bg-secondary)}@media (width<=1023px){.container{padding:0 32px}}@media (width<=767px){.container{padding:0 20px}.section{padding-top:80px;padding-bottom:80px}}.btn-primary{background-color:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:0;padding:16px 40px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-block}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border:none;border-bottom:1px solid var(--color-text-muted);cursor:pointer;background:0 0;padding:14px 0;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.btn-secondary:hover{color:var(--color-accent);border-color:var(--color-accent)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:4px;width:100%;display:grid}.portfolio-item--featured{grid-column:span 2}.portfolio-thumb{aspect-ratio:16/9;background-color:var(--color-placeholder);cursor:pointer;position:relative;overflow:hidden}.portfolio-thumb img,.portfolio-thumb .placeholder-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.portfolio-item:hover .portfolio-thumb img,.portfolio-item:hover .portfolio-thumb .placeholder-img{transform:scale(1.04)}.portfolio-overlay{background:0 0;flex-direction:column;justify-content:flex-end;padding:24px;transition:background .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{background:var(--color-overlay-medium)}.portfolio-overlay-content{opacity:0;transition:transform .3s,opacity .3s;transform:translateY(8px)}.portfolio-item:hover .portfolio-overlay-content{opacity:1;transform:translateY(0)}.portfolio-client{font-family:var(--font-title);letter-spacing:.04em;color:var(--color-white);text-transform:uppercase;font-size:28px;line-height:1;display:block}.portfolio-category{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-top:6px;font-size:11px;display:block}@media (width<=767px){.portfolio-grid{grid-template-columns:1fr;gap:2px}.portfolio-item--featured{grid-column:span 1}}.card{background-color:var(--color-bg-card);border:1px solid #0000;border-bottom-width:2px;padding:40px 32px;transition:border-color .3s,border-bottom-color .3s;position:relative}.card:hover{border-color:var(--color-border);border-bottom-color:var(--color-accent)}.form-group{margin-bottom:32px}.form-field{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-family:var(--font-body);background:0 0;border-radius:0;outline:none;padding:16px 0;font-size:16px;font-weight:300;transition:border-color .2s}.form-field::placeholder{color:var(--color-text-muted);font-weight:300}.form-field:focus{border-bottom-color:var(--color-accent)}.form-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px;font-size:10px;display:block}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;padding-right:20px}.form-textarea{resize:vertical;min-height:120px}.testimonial-name{font-family:var(--font-title);letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:4px;font-size:20px}.testimonial-role{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;font-size:11px}.testimonial-quote{font-family:var(--font-body);color:var(--color-text-secondary);font-size:16px;font-style:italic;font-weight:300;line-height:1.75}.clients-grid{grid-template-columns:repeat(3,1fr);place-items:center;gap:48px 64px;display:grid}.client-logo-placeholder{background-color:var(--color-border);opacity:.5;width:120px;height:48px;transition:opacity .3s}.client-logo-placeholder:hover{opacity:1}@media (width<=767px){.clients-grid{grid-template-columns:repeat(2,1fr);gap:32px 40px}}.footer-nav-link{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:12px;font-size:12px;text-decoration:none;transition:color .2s;display:block}.footer-nav-link:hover{color:var(--color-accent)}.footer-social-icon{width:36px;height:36px;color:var(--color-text-secondary);border:1px solid var(--color-border);justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:inline-flex}.footer-social-icon:hover{color:var(--color-accent);border-color:var(--color-accent)}.nav-link{color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-family:var(--font-body);padding-bottom:4px;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--color-accent)}.nav-link.active:after{content:"";background:var(--color-accent);width:100%;height:1px;position:absolute;bottom:-4px;left:0}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:first-child{transition-delay:0s}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}.reveal:nth-child(5){transition-delay:.1s}.reveal:nth-child(6){transition-delay:.2s}.img-placeholder{background-color:var(--color-placeholder);display:block}.img-placeholder--16-9{aspect-ratio:16/9}.img-placeholder--4-3{aspect-ratio:4/3}.img-placeholder--3-2{aspect-ratio:3/2}.img-placeholder--2-3{aspect-ratio:2/3}.img-placeholder--1-1{aspect-ratio:1}.section-header{margin-bottom:64px}.section-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-size:11px;display:block}.section-title{font-family:var(--font-title);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);font-size:clamp(32px,5vw,64px);line-height:1.05}.section-subtitle{font-family:var(--font-body);color:var(--color-text-secondary);max-width:600px;margin-top:16px;font-size:16px;font-weight:300}.cta-final{background-color:var(--color-bg-deep);border-top:1px solid var(--color-accent);text-align:center;padding-top:100px;padding-bottom:100px}.cta-final-title{font-family:var(--font-title);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;font-size:clamp(40px,6vw,80px)}.cta-final-subtitle{font-family:var(--font-body);color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:40px;font-size:16px;font-weight:300}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}.filter-btn{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;padding:8px 20px;font-size:11px;transition:color .2s,border-color .2s,background-color .2s}.filter-btn:hover,.filter-btn.active{color:var(--color-on-accent);background-color:var(--color-accent);border-color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.video-modal-overlay{background:var(--color-overlay-heavy);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal-container{aspect-ratio:16/9;width:90vw;max-width:1200px;position:relative}.video-modal-close{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:12px;transition:color .2s;position:absolute;top:-48px;right:0}.video-modal-close:hover{color:var(--color-accent)}.video-modal-container iframe{border:none;width:100%;height:100%}.lightbox-overlay{background:var(--color-bg-primary);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;max-width:95vw;max-height:95vh}.lightbox-nav{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:48px;height:48px;transition:color .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--color-accent);border-color:var(--color-accent)}.lightbox-nav--prev{left:24px}.lightbox-nav--next{right:24px}.separator{background-color:var(--color-border);opacity:.3;border:none;height:1px}.play-btn-overlay{background:var(--color-overlay-light);justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .play-btn-overlay{background:var(--color-overlay-medium)}.play-btn{background:var(--color-accent-alpha);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,background .2s;display:flex}.portfolio-item:hover .play-btn{background:var(--color-accent);transform:scale(1.1)}.play-btn svg{width:20px;height:20px;fill:var(--color-on-accent);margin-left:3px}