@font-face{font-family:Riforma;src:url(/fonts/RiformaLLWeb-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Riforma;src:url(/fonts/RiformaLLWeb-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Riforma;src:url(/fonts/RiformaLLWeb-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Riforma;src:url(/fonts/RiformaLLWeb-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Riforma,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.site{width:100%;min-height:100vh;background:#000;color:#fff}section[id]{scroll-margin-top:72px}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);border-bottom:none}.header-inner{max-width:1280px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.logo-icon{height:36px;width:auto}.logo-text{font-size:1.1rem;font-weight:500;letter-spacing:.15em}.nav{display:flex;gap:2.5rem}.nav-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.nav-link:hover,.nav-link.active{color:#c8e64a}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:101}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;transition:transform .3s,opacity .3s}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0009,#0000004d 40%,#00000080);z-index:1}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.hero-title{font-size:3.8rem;font-weight:700;line-height:1.15;max-width:720px;margin-bottom:1.5rem}.hero-subtitle{font-size:1.15rem;font-weight:400;line-height:1.7;max-width:560px;color:#fffc;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:50px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;cursor:pointer}.btn-primary{background:#c8e64a;color:#000;border:2px solid #c8e64a}.btn-primary:hover{background:#d4f055;border-color:#d4f055}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}.btn-outline:hover{border-color:#fff}.about-page{background:#000;padding:5rem 2rem}.about-inner{max-width:1280px;margin:0 auto}.about-title{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.about-subtitle{font-size:1.05rem;color:#ffffff80;margin-bottom:3rem}.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;align-items:center}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-text p{font-size:1.1rem;line-height:1.75;color:#ffffffbf}.about-image{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);aspect-ratio:4 / 5}.about-image img{width:100%;height:100%;object-fit:cover;display:block}.projects-page{background:#000;padding:5rem 2rem}.projects-inner{max-width:1280px;margin:0 auto}.projects-title{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.projects-subtitle{font-size:1.05rem;color:#ffffff80;margin-bottom:3rem}.project-card{display:flex;gap:3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;margin-bottom:3rem}.project-card-img{flex-shrink:0;width:400px;position:relative}.project-card-img img{width:100%;height:100%;object-fit:cover}.project-card-img--playable{cursor:pointer}.project-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .2s}.project-card-img--playable:hover .project-play-overlay{background:#00000080}.project-play-btn{width:64px;height:64px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.project-card-img--playable:hover .project-play-btn{background:#ffffff40;transform:scale(1.08)}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem}.video-modal{position:relative;width:100%;max-width:960px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.video-modal iframe{width:100%;height:100%;border:none}.video-modal-close{position:absolute;top:-48px;right:0;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:color .2s;z-index:201;display:flex;align-items:center;gap:.4rem;font-family:inherit;font-size:.85rem;font-weight:500}.video-modal-close:hover{color:#fff}.project-card-body{padding:2.5rem 2.5rem 2.5rem 0;display:flex;flex-direction:column;gap:1rem}.project-tag{display:inline-block;align-self:flex-start;padding:.3rem .9rem;border-radius:50px;background:#c8e64a26;color:#c8e64a;font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.project-card-title{font-size:1.6rem;font-weight:700;color:#fff}.project-card-text{font-size:1rem;line-height:1.7;color:#ffffffb3}.project-quote{border-left:3px solid #c8e64a;padding:.75rem 1.25rem;font-style:italic;color:#fffc;font-size:1rem;line-height:1.6}.project-quote cite{display:block;margin-top:.5rem;font-style:normal;font-size:.85rem;color:#ffffff73}.project-details{display:flex;gap:2.5rem;margin-top:.5rem}.project-detail{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#ffffffb3}.project-detail-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.demo-page{background:#000;padding:5rem 2rem}.demo-inner{max-width:1280px;margin:0 auto}.demo-title{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.demo-subtitle{font-size:1.05rem;color:#ffffff80;margin-bottom:3rem;max-width:680px;line-height:1.7}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.demo-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.demo-card-header{display:flex;flex-direction:column;gap:.75rem}.demo-card-title{font-size:1.3rem;font-weight:700;color:#fff}.demo-card-text{font-size:.95rem;line-height:1.7;color:#fff9}.demo-player{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.demo-play-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:2px solid #c8e64a;background:transparent;color:#c8e64a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}.demo-play-btn:hover{background:#c8e64a;color:#000}.demo-waveform{flex:1;display:flex;align-items:center;gap:3px;height:36px}.demo-bar{flex:1;background:#ffffff26;border-radius:2px;min-height:4px;transition:background .3s}.demo-bar-active{background:#c8e64a;animation:demo-wave 3s ease-in-out infinite}@keyframes demo-wave{0%,to{opacity:.35;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.header-solid{background:#000000f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.contact-page{display:flex;align-items:center;justify-content:center}.contact{background:#000;padding:5rem 2rem}.contact-inner{max-width:640px;margin:0 auto}.contact-title{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:.75rem}.contact-subtitle{font-size:1.05rem;color:#fff9;margin-bottom:2.5rem;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}.form-input{width:100%;padding:.9rem 1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s}.form-input::placeholder{color:#ffffff59}.form-input:focus{border-color:#c8e64a}.form-textarea{resize:vertical;min-height:120px}.contact-form .btn{align-self:flex-start;margin-top:.5rem}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#ff6b6b;font-size:.9rem;margin-top:.25rem}.footer{background:#000;border-top:1px solid rgba(255,255,255,.08);padding:4rem 2rem 2rem}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.footer-logo-icon{height:32px;width:auto}.footer-logo-text{font-size:.95rem;font-weight:500;letter-spacing:.15em}.footer-tagline{font-size:.9rem;line-height:1.6;color:#ffffff73;max-width:280px}.footer-heading{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:1.25rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-links a{color:#ffffffbf;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-socials{display:flex;gap:.75rem}.footer-socials a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .2s}.footer-socials a:hover{border-color:#fff6;color:#fff}.footer-bottom{max-width:1280px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);font-size:.82rem;color:#ffffff59;text-align:center}.brands{background:#fff;padding:1.5rem 0;overflow:hidden}.brands-marquee{display:flex;width:max-content;animation:scroll-brands 25s linear infinite}.brands-track{display:flex;flex-shrink:0}.brand-item{flex-shrink:0;font-size:1.3rem;font-weight:500;letter-spacing:.05em;color:#0006;text-transform:uppercase;white-space:nowrap;padding:.5rem 2.5rem}@keyframes scroll-brands{0%{transform:translate(0)}to{transform:translate(-50%)}}.demo-cta{margin-top:2.5rem;display:flex;justify-content:center}.demos-page-content{padding-top:72px}@media(max-width:768px){.menu-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:260px;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;padding:6rem 2rem 2rem;gap:1.5rem;transition:right .3s ease}.nav-open{right:0}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column}.btn{text-align:center;justify-content:center}.logo-text{font-size:.85rem;letter-spacing:.1em}.form-row,.project-card{flex-direction:column}.project-card-img{width:100%;height:240px}.project-card-body{padding:1.5rem}.project-details{flex-direction:column;gap:1rem}.demo-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:2rem}.about-image{aspect-ratio:16 / 10;order:-1}.footer-inner{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-brand{grid-column:1 / -1}}