:root{--black: #0A0A0A;--carbon: #141414;--surface: #1C1C1C;--red: #E8001D;--gold: #C8A96E;--white: #FFFFFF;--gray: #888888;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--font-bebas: "Bebas Neue", sans-serif;--font-inter: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);font-family:var(--font-inter);overflow-x:hidden;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden;height:100vh;height:100dvh}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22/%3E%3C/svg%3E");opacity:.04}body.admin-mode .admin-only{display:flex!important}.admin-only{display:none!important}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--black);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease}.shutter{width:50px;height:50px;border:4px solid var(--surface);border-top-color:var(--red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loader-logo{font-family:var(--font-bebas);font-size:2rem;letter-spacing:4px;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards .2s}.loader-logo span{color:var(--red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}nav{position:fixed;top:0;left:0;width:100%;height:72px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:linear-gradient(to bottom,#0a0a0af2,#0a0a0a00);transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid transparent}@media(min-width:768px){nav{padding:0 40px}}nav.solid{background:#0a0a0a66;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border-bottom:.5px solid rgba(255,255,255,.05);height:64px;box-shadow:0 4px 30px #0003}.nav-logo{font-family:var(--font-bebas);font-size:1.8rem;text-decoration:none;color:var(--white);letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.nav-logo span{color:var(--red)}.nav-links{display:none;gap:32px}.mobile-menu-toggle{display:block;background:#ffffff0d;border:none;color:var(--white);cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s}.mobile-menu-toggle:active{background:#ffffff1a}.mobile-menu-close{display:none}@media(max-width:767px){.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0a0a0a73;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-left:.5px solid rgba(255,255,255,.05);flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:2000}.nav-links.active{right:0;display:flex}.mobile-menu-close{display:block;position:absolute;top:24px;right:24px;background:#ffffff0d;border:none;color:var(--white);font-size:20px;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-links a{font-size:1.5rem}.btn-admin{font-size:12px;padding:14px 28px}}@media(min-width:768px){.nav-links{display:flex;align-items:center}.mobile-menu-toggle{display:none}}.nav-links a{color:var(--white);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--red)}.btn-admin{background:#e8001d0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:.5px solid var(--red);color:var(--white);padding:8px 20px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-inter);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.1em;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-admin:hover{background:var(--red);color:var(--white);box-shadow:0 4px 12px #e8001d66;transform:translateY(-2px)}.film-strip{height:4px;width:100%;background:repeating-linear-gradient(90deg,var(--red) 0,var(--red) 10px,transparent 10px,transparent 20px)}#hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:radial-gradient(circle at center,#e8001d40,#0a0a0a);padding:0 24px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);perspective:1000px}@media(min-width:768px){#hero{padding:0 40px}}.hero-parallax-bg{position:absolute;top:-10%;left:-10%;width:120%;height:120%;z-index:0;transform:translateZ(0);transition:filter .1s ease-out}.hero-bg-video{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(1.2)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000004d,#0a0a0a)}.glowing-orbs-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;pointer-events:none;background:var(--black)}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:floatOrbs 20s infinite ease-in-out alternate}.orb-1{width:600px;height:600px;background:#e8001d66;top:-100px;left:-100px;animation-duration:25s}.orb-2{width:500px;height:500px;background:#c8a96e4d;bottom:-100px;right:-50px;animation-duration:22s;animation-direction:alternate-reverse}.orb-3{width:400px;height:400px;background:#e8001d33;top:40%;left:40%;animation-duration:28s}@keyframes floatOrbs{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.hero-content{z-index:1;max-width:800px;display:flex;flex-direction:column;align-items:center;margin-top:40px;transition:transform .1s ease-out;transform-style:preserve-3d}.hero-eyebrow{color:var(--gold);font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;margin-bottom:12px;animation:fadeUp .8s cubic-bezier(.4,0,.2,1) both 1.8s}.hero-title{font-family:var(--font-bebas);font-size:clamp(4.5rem,20vw,120px);line-height:.85;margin-bottom:24px;letter-spacing:.02em;animation:fadeUp .8s cubic-bezier(.4,0,.2,1) both 2s;text-shadow:0 10px 30px rgba(0,0,0,.8);position:relative}.hero-title span{color:var(--red)}.hero-subtitle{color:#d1d5db;font-size:15px;max-width:400px;line-height:1.6;font-weight:400;margin-bottom:32px;animation:fadeUp .8s cubic-bezier(.4,0,.2,1) both 2.2s;text-shadow:0 2px 10px rgba(0,0,0,.5)}@media(min-width:768px){.hero-subtitle{font-size:16px}}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-direction:column;width:100%;animation:fadeUp .8s cubic-bezier(.4,0,.2,1) both 2.4s}@media(min-width:480px){.hero-ctas{flex-direction:row;width:auto}}.btn{padding:14px 28px;font-size:13px;font-weight:700;border-radius:var(--radius-pill);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.btn:active{transform:scale(.95)}.btn-primary{background:var(--red);color:var(--white);border:1px solid var(--red);box-shadow:0 8px 24px #e8001d40}.btn-primary:hover{background:#b30016;border-color:#b30016;transform:translateY(-3px);box-shadow:0 12px 28px #e8001d59}.btn-outline{background:#ffffff08;color:var(--white);border:.5px solid rgba(255,255,255,.15);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.btn-outline:hover{border-color:var(--red);transform:translateY(-3px);background:#e8001d0d}.scroll-hint{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1;opacity:0;animation:pulse 2s infinite 1.5s}.scroll-hint span{width:6px;height:6px;background:var(--white);border-radius:50%}.scroll-hint .line{width:2px;height:40px;background:var(--red)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1;transform:translateY(5px)}}section{padding:64px 16px;max-width:1200px;margin:0 auto}@media(min-width:768px){section{padding:80px 40px}}.section-label{color:var(--gold);text-transform:uppercase;letter-spacing:.3em;font-size:10px;font-weight:700;margin-bottom:8px;display:block}.section-title{font-family:var(--font-bebas);font-size:clamp(2.5rem,10vw,4rem);letter-spacing:.1em;margin-bottom:24px;line-height:1}#work{background:radial-gradient(circle at top right,#e8001d0d,#0a0a0a00 50%);max-width:100%}.work-container{max-width:1200px;margin:0 auto}.filters{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;margin-bottom:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media(min-width:768px){.filters{gap:16px}}.filters::-webkit-scrollbar{display:none}.filter-btn{background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.1);color:var(--white);padding:10px 20px;border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.1em;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn.active,.filter-btn:hover{background:var(--red);color:var(--white);font-weight:700;border-color:var(--red);box-shadow:0 4px 12px #e8001d4d}.filter-btn:active{transform:scale(.95)}.liquid-glass{background:#1c1c1c66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000004d}@keyframes blurIn{0%{opacity:0;transform:scale(.98) translateY(10px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.blur-in{animation:blurIn .8s cubic-bezier(.4,0,.2,1) both}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr)}.video-grid:not(.grid-cols-1)>.video-card:first-child,.video-grid:not(.grid-cols-1)>.photo-card:first-child{grid-column:span 2}.video-grid:not(.grid-cols-1)>.video-card:first-child .video-title{font-size:24px}.video-grid:not(.grid-cols-1)>.video-card:first-child .video-desc{display:block;color:var(--gray-light);margin-top:8px;line-height:1.5}}.video-grid.grid-cols-1{grid-template-columns:1fr!important}.video-grid.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.video-grid.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.video-card,.photo-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s,border-color .5s}.video-card:active,.photo-card:active{transform:scale(.97)}.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #e8001d26;border-color:#e8001d4d}.video-card.is-playing{transform:scale(1.22) translateY(-12px);box-shadow:0 40px 80px #e8001d99;border-color:#e8001d;z-index:50;transition:transform .8s cubic-bezier(.34,1.56,.64,1),box-shadow .8s,border-color .8s}.video-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;opacity:.8;transition:opacity .3s,transform .5s cubic-bezier(.4,0,.2,1)}.video-card:hover .video-thumb{opacity:1;transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;aspect-ratio:16 / 9;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.video-card:hover .play-overlay{opacity:1}.video-card.is-playing .play-overlay,.video-card.is-playing:hover .play-overlay{opacity:0;pointer-events:none}.play-circle{width:56px;height:56px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e8001d66;transition:transform .3s}.video-card:hover .play-circle{transform:scale(1.1)}.play-circle svg{width:28px;height:28px;fill:var(--white);margin-left:4px}.video-info{padding:20px}.video-cat{color:var(--gold);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:6px;display:block}.video-title{font-size:16px;font-weight:600;margin-bottom:0;line-height:1.4;color:var(--white)}.video-desc{display:none}.delete-btn{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;border:none;width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.delete-btn:hover{background:#f33}.move-btn{background:#00000080;color:#fff;border:none;width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.move-btn:hover{background:#000c}.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.1);background:transparent;min-height:180px;color:#fff3;transition:border-color .3s,color .3s}.add-card:hover{border-color:#e8001d80;color:var(--red)}.add-card .plus-icon{font-size:4xl;margin-bottom:8px}.add-card span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.photo-card{display:flex;flex-direction:column;height:100%}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.photo-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #e8001d26;border-color:#e8001d4d}.photo-card:hover img{transform:scale(1.03)}.about-grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}.about-text{color:#d1d5db;line-height:1.7;margin-bottom:24px;font-size:15px;font-weight:400}@media(min-width:768px){.about-text{font-size:16px}}.about-text strong{color:var(--white);font-weight:600}.stats{display:grid;grid-template-columns:1fr;gap:32px;border-top:1px solid rgba(255,255,255,.1);padding-top:32px;margin-top:40px}@media(min-width:768px){.stats{grid-template-columns:repeat(3,1fr);gap:16px}}.stat-item h4{font-family:var(--font-bebas);font-size:clamp(2rem,8vw,3rem);color:var(--gold);margin-bottom:4px;line-height:1;letter-spacing:.1em}.stat-item p{color:#6b7280;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.services-list{list-style:none}.services-list li{padding:16px 0 16px 20px;border-left:2px solid var(--surface);font-size:1.1rem;font-weight:500;transition:all .3s}.services-list li:hover{border-left-color:var(--red);background:var(--carbon);color:var(--gold)}.contact-section{text-align:left;background:radial-gradient(circle at bottom left,#e8001d0d,#0a0a0a00 60%);max-width:100%;border-top:1px solid rgba(255,255,255,.05)}.contact-container{max-width:1200px;margin:0 auto}.contact-intro{color:#9ca3af;margin-bottom:40px;max-width:600px;line-height:1.625;font-size:14px;font-weight:300}.contact-grid{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.contact-buttons{display:flex;flex-direction:column;gap:16px;max-width:100%;flex-wrap:wrap}@media(min-width:768px){.contact-buttons{flex-direction:row;gap:48px}}.btn-contact{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;font-weight:600;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:16px 24px;border-radius:var(--radius-md);width:100%}@media(min-width:768px){.btn-contact{width:auto}}.btn-contact:active{transform:scale(.97)}.btn-contact:hover{opacity:.8;transform:translateY(-2px)}.btn-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color .3s}.btn-icon-wrapper svg{width:20px;height:20px}.btn-gmail .btn-icon-wrapper{background:#ea43351a;color:#ea4335}.btn-gmail:hover .btn-icon-wrapper{background:#ea4335;color:#fff}.btn-gmail .btn-icon-wrapper svg{fill:currentColor}.btn-wa .btn-icon-wrapper{background:#25d3661a;color:#25d366}.btn-wa:hover .btn-icon-wrapper{background:#25d366;color:#fff}.btn-wa .btn-icon-wrapper svg{fill:currentColor}.btn-ig .btn-icon-wrapper{background:linear-gradient(to top right,#f58529,#dd2a7b,#8134af);opacity:.8;color:#fff}.btn-ig:hover .btn-icon-wrapper{opacity:1}.btn-ig .btn-icon-wrapper svg{fill:currentColor}.btn-contact-text{display:flex;flex-direction:column;gap:2px}.btn-contact-label{font-size:9px;color:#6b7280;text-transform:uppercase;letter-spacing:.2em;font-weight:600}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:24px;position:relative;text-align:center}@media(min-width:768px){footer{height:120px;flex-direction:row;justify-content:space-between;padding:0 40px;gap:0;text-align:left}}footer .film-strip{position:absolute;top:0;left:0}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:16px}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-copy{color:#6b7280;font-size:9px;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;user-select:none;-webkit-user-select:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0ae6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{padding:32px;border-radius:var(--radius-lg);width:90%;max-width:400px;position:relative}@media(max-width:767px){.modal-content{margin-top:auto;width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:env(safe-area-inset-bottom,40px);animation:slideUpFade .4s cubic-bezier(.4,0,.2,1) forwards}.video-modal-content,.lightbox-content{margin:auto!important;padding-bottom:0!important;border-radius:var(--radius-lg)!important}}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:none;color:var(--gray);cursor:pointer;width:32px;height:32px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:var(--white);background:#ffffff1a;transform:scale(1.1)}.modal-close:active{transform:scale(.9)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll.visible{animation:slideUpFade .6s cubic-bezier(.4,0,.2,1) both}.video-modal-content{width:90%;max-width:1000px;background:transparent;padding:0;border:none;aspect-ratio:16/9}.video-modal-content iframe{width:100%;height:100%;border:none;border-radius:6px}.lightbox-content{width:90%;max-width:1200px;max-height:90vh;background:transparent;padding:0;border:none;display:flex;justify-content:center}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--gray);font-size:.85rem}.form-control{width:100%;padding:12px;background:var(--black);border:1px solid var(--surface);color:var(--white);border-radius:4px;font-family:var(--font-inter)}.form-control:focus{outline:none;border-color:var(--red)}.admin-badge{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:10px 20px;border-radius:30px;font-weight:500;font-size:.9rem;display:flex;gap:16px;align-items:center;z-index:1000;box-shadow:0 4px 15px #e8001d4d}.admin-badge button{background:none;border:none;color:#fff;cursor:pointer;font-weight:600;text-decoration:underline}.toast{position:fixed;bottom:-60px;left:50%;transform:translate(-50%);background:var(--surface);color:#fff;padding:12px 24px;border-radius:4px;z-index:3000;transition:bottom .3s;border:1px solid var(--carbon);font-size:.9rem}.toast.show{bottom:80px}.scroll-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:var(--red);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #e8001d4d;z-index:1500;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:#b30016;transform:translateY(-3px)}.scroll-to-top svg{width:24px;height:24px;fill:currentColor}.opacity-0{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}
