@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Rajdhani:wght@400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap";:root{--bg:#060606;--bg-elevated:#0d0d0d;--accent:#ff2a2a;--accent-soft:#ff2a2a1f;--text:#f0f0f0;--muted:#777;--border:#ffffff14;--nav-height:80px;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,.section-label{text-transform:uppercase;font-family:Rajdhani,sans-serif}body:after{content:"";pointer-events:none;z-index:9998;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.4s steps(2,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-1.5%,-1.5%)}to{transform:translate(0)}}.page-width{width:100%;max-width:1200px;margin:0 auto;padding:0 48px}section{padding:160px 0;position:relative}@media (width<=768px){section{padding:100px 0}.page-width{padding:0 24px}}.section-label{letter-spacing:.25em;color:var(--accent);margin-bottom:16px;font-family:DM Mono,monospace;font-size:.8rem;font-weight:500}.section-title{letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.05}.section-subtitle{color:var(--muted);max-width:560px;font-size:1.1rem;font-weight:300;line-height:1.7}.fade-in{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.nav-wrapper{height:var(--nav-height);z-index:50;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#060606bf}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-logo-custom{object-fit:contain;width:auto;height:44px}.nav-icon-link{color:#fff9;align-items:center;transition:color .2s,transform .2s;display:flex}.nav-icon-link:hover{color:#fff;transform:translateY(-1px)}.hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-video-wrapper{z-index:-2;background:#060606;position:absolute;inset:0}.hero-video-wrapper video{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.hero-gradient-overlay{z-index:-1;background:linear-gradient(90deg,#060606eb 0%,#060606b3 45%,#06060626 100%);position:absolute;inset:0}.hero-content{max-width:680px}.hero-name{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(3.2rem,8vw,6rem);font-weight:700;line-height:.95}.hero-role{letter-spacing:.3em;color:var(--accent);margin-bottom:32px;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500}.hero-tagline{color:#ffffffbf;max-width:520px;margin-bottom:48px;font-size:1.2rem;font-weight:300;line-height:1.7}.hero-cta{background:var(--accent);color:#fff;letter-spacing:.15em;text-transform:uppercase;transition:all .3s var(--ease);border:none;border-radius:0;align-items:center;gap:12px;padding:18px 40px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;display:inline-flex}.hero-cta:hover{color:#000;background:#fff;box-shadow:0 0 30px #ff2a2a4d}.timecode-display{letter-spacing:.12em;z-index:60;color:#ffffff80;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:.8rem;display:flex;position:fixed;top:24px;right:48px}.tc-label{color:var(--accent);font-weight:500}.tc-value{font-variant-numeric:tabular-nums}@media (width<=768px){.timecode-display{display:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:80px;margin-top:64px;display:grid}.about-text{color:#bbb;font-size:1.05rem;font-weight:300;line-height:1.8}.about-text p+p{margin-top:20px}.profile-img{aspect-ratio:4/5;object-fit:cover;filter:grayscale()contrast(1.15);border:1px solid var(--border);width:100%;max-width:400px}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}.profile-img{max-width:300px;margin:0 auto}}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px;display:grid}.service-card{border:1px solid var(--border);transition:all .3s var(--ease);background:#ffffff05;padding:40px 32px;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--card-accent,var(--accent));transform-origin:0;height:3px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-4px)}.service-number{color:var(--muted);letter-spacing:.15em;margin-bottom:20px;font-family:DM Mono,monospace;font-size:.75rem}.service-title{margin-bottom:16px;font-size:1.6rem;font-weight:600;line-height:1.2}.service-desc{color:#999;font-size:.95rem;font-weight:300;line-height:1.7}@media (width<=900px){.services-grid{grid-template-columns:1fr}}.contact-section{background:linear-gradient(180deg, var(--bg) 0%, #0c0c0c 100%);border-top:1px solid var(--border)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-form{flex-direction:column;gap:24px;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem}.contact-input,.contact-textarea{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff26;outline:none;width:100%;padding:16px 0;font-family:Inter,sans-serif;font-size:1rem;font-weight:300;transition:border-color .3s}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent)}.contact-textarea{resize:none;min-height:120px}.contact-submit{background:var(--accent);color:#fff;letter-spacing:.15em;text-transform:uppercase;width:100%;transition:all .3s var(--ease);border:none;margin-top:12px;padding:20px;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700}.contact-submit:hover{color:#000;background:#fff}.contact-info{padding-top:8px}.contact-info h2{margin-bottom:24px;font-size:2.8rem;line-height:1.1}.contact-info p{color:var(--muted);margin-bottom:40px;font-size:1.05rem;font-weight:300;line-height:1.7}.contact-detail{flex-direction:column;gap:16px;display:flex}.contact-detail-item{color:#ffffff80;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.8rem}.contact-detail-item strong{color:#fff;font-weight:500}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:48px}}.footer-inner{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:32px 0;font-family:DM Mono,monospace;font-size:.75rem;display:flex}.showcase-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.showcase-close{color:#fff;cursor:pointer;z-index:100001;opacity:.7;background:0 0;border:none;padding:10px;transition:opacity .2s,transform .2s;position:absolute;top:30px;right:30px}.showcase-close:hover{opacity:1;transform:scale(1.1)}.showcase-content{cursor:auto;justify-content:center;align-items:center;width:90vw;max-width:1200px;height:85vh;display:flex;position:relative}.showcase-image{object-fit:contain;will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 10px 40px #00000080}.sliding-in-right{animation:.6s cubic-bezier(.25,1,.4,1) forwards slideInRight}.sliding-out-right{animation:.6s cubic-bezier(.25,1,.4,1) forwards slideOutLeft}.sliding-in-left{animation:.6s cubic-bezier(.25,1,.4,1) forwards slideInLeft}.sliding-out-left{animation:.6s cubic-bezier(.25,1,.4,1) forwards slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50%)}}.showcase-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.showcase-nav:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%)scale(1.05)}.showcase-nav.prev{left:-80px}.showcase-nav.next{right:-80px}.showcase-indicator{color:#fff9;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.9rem;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@media (width<=900px){.showcase-nav.prev{left:10px}.showcase-nav.next{right:10px}.showcase-close{top:15px;right:15px}}