html,body{overflow-x:hidden}body{margin:0}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;width:100%;padding:22px 48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;font-family:Inter,sans-serif;font-size:12px;letter-spacing:1.5px;color:#e5e5e5;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);box-sizing:border-box}.nav-left{white-space:nowrap}.nav-center{text-align:center;opacity:.85;pointer-events:none}.nav-right{display:flex;gap:24px;justify-content:flex-end;white-space:nowrap}.nav-right a,.mobile-menu a{text-decoration:none;color:inherit;transition:opacity .3s}.nav-right a:hover,.mobile-menu a:hover{opacity:.7}.burger{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:200}.burger span{width:22px;height:2px;background:#fff;transition:.3s ease}.burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:99}.mobile-menu.show{opacity:1;pointer-events:auto}.mobile-menu a{font-size:18px;letter-spacing:2px}@media(max-width:768px){.navbar{grid-template-columns:1fr auto;padding:18px 20px}.nav-center,.nav-right{display:none}.burger{display:flex;justify-self:end}}.burger{margin-left:auto}.hero{background:#0b0b0b;color:#fff;min-height:100vh;padding-top:140px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.hero-content{text-align:center;max-width:1000px;margin-bottom:80px;padding:0 20px;box-sizing:border-box}.hero h1{font-family:Playfair Display,serif;font-size:96px;line-height:1.05;font-weight:500;margin-bottom:24px}.hero-subtitle{font-family:Inter,sans-serif;font-size:13px;letter-spacing:2px;opacity:.8;margin-bottom:40px}.hero-cta{display:flex;justify-content:center;gap:20px}.btn{padding:14px 36px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;border-radius:40px;cursor:pointer;transition:all .3s ease}.btn.primary{background:#fff;color:#000;border:none}.btn.primary:hover{opacity:.85}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.btn.secondary:hover{background:#fff;color:#000}.hero-video-wrapper{width:100%;max-width:1400px;margin:0 auto 80px;padding:0 20px;box-sizing:border-box}.hero-video-wrapper video{width:100%;height:auto;border-radius:4px;object-fit:cover;display:block}@media(max-width:768px){.hero{padding-top:120px}.hero h1{font-size:56px}}.works-section{background:radial-gradient(circle at center,#111,#000 70%);padding:160px 80px 200px;color:#fff;text-align:center}.works-header h2{font-family:Playfair Display,serif;font-size:56px;letter-spacing:1px;margin-bottom:8px}.works-header span{font-family:Playfair Display,serif;font-size:40px;display:block;margin-bottom:24px}.works-header p{font-family:Inter,sans-serif;font-size:13px;letter-spacing:2px;opacity:.7;margin-bottom:120px}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:120px;max-width:1300px;margin:0 auto}.work-card{position:relative;cursor:pointer}.image-wrapper{position:relative;overflow:hidden;border-radius:2px}.image-wrapper img{width:100%;height:auto;display:block;transition:transform .8s ease,filter .8s ease;filter:brightness(.9)}.work-card:hover img{transform:scale(1.05);filter:brightness(1.1)}.view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#ffffff1a;border:1px solid rgba(255,255,255,.4);color:#fff;padding:10px 22px;font-size:12px;letter-spacing:2px;opacity:0;transition:all .4s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.work-card:hover .view-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.work-info{margin-top:24px;text-align:center}.work-info h3{font-family:Playfair Display,serif;font-size:22px;margin-bottom:6px}.work-info span{font-size:12px;opacity:.6;letter-spacing:1.5px}@media(max-width:900px){.works-grid{grid-template-columns:1fr;gap:80px}.works-header h2{font-size:42px}}.features-section{background:radial-gradient(circle at top,#111,#000 70%);padding:160px 80px 180px;color:#fff}.features-header{max-width:900px;margin:0 auto 120px;text-align:center}.features-header h2{font-family:Playfair Display,serif;font-size:56px;margin-bottom:20px}.features-header p{font-family:Inter,sans-serif;font-size:15px;letter-spacing:1.2px;opacity:.75;max-width:680px;margin:0 auto}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:100px 120px}.feature-card{position:relative;padding-left:32px}.feature-card:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:#fff;border-radius:50%;opacity:.8}.feature-card h3{font-family:Playfair Display,serif;font-size:26px;margin-bottom:14px}.feature-card p{font-family:Inter,sans-serif;font-size:14px;line-height:1.8;opacity:.75}.feature-card{transition:transform .4s ease,opacity .4s ease}.feature-card:hover{transform:translateY(-6px);opacity:1}@media(max-width:900px){.features-grid{grid-template-columns:1fr;gap:60px}.features-header h2{font-size:42px}}.contact-section{background:radial-gradient(circle at top,#111,#000 70%);padding:180px 80px 200px;color:#fff}.contact-wrapper{max-width:900px;margin:0 auto}.contact-header{text-align:center;margin-bottom:80px}.contact-header h2{font-family:Playfair Display,serif;font-size:56px;margin-bottom:20px}.contact-header p{font-family:Inter,sans-serif;font-size:15px;letter-spacing:1.2px;opacity:.75;max-width:650px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}input,textarea{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.25);padding:14px 0;color:#fff;font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .3s ease}input::placeholder,textarea::placeholder{color:#fff6}input:focus,textarea:focus{border-bottom:1px solid white}button{margin-top:30px;align-self:flex-start;padding:14px 38px;background:#fff;color:#000;border:none;font-size:13px;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease}button:hover{background:#eaeaea}@media(max-width:768px){.contact-section{padding:140px 30px}.form-row{grid-template-columns:1fr}.contact-header h2{font-size:42px}}.footer{background:#000;border-top:1px solid rgba(255,255,255,.08);padding:28px 60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:Inter,sans-serif;font-size:12px;letter-spacing:1.2px;color:#ffffffbf}.footer-left{text-align:left}.footer-center{text-align:center;font-family:Playfair Display,serif;font-size:14px;color:#ffffffe6}.footer-center .heart{color:#ff4d6d;margin:0 4px}.footer-right{text-align:right;display:flex;justify-content:flex-end;gap:20px}.footer-right a{color:#ffffffbf;text-decoration:none;transition:opacity .3s ease}.footer-right a:hover{opacity:1}@media(max-width:768px){.footer{grid-template-columns:1fr;gap:16px;text-align:center}.footer-left,.footer-center,.footer-right{justify-content:center;text-align:center}.footer-right{display:flex;justify-content:center}}