.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-xl) 0;transition:all var(--transition-fast);background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.nav--scrolled{background:var(--black-deep);padding:var(--space-md) 0;border-bottom:1px solid var(--white-muted)}.nav__container{display:flex;align-items:center;justify-content:space-between}.nav__logo-main{font-family:var(--font-syncopate),sans-serif;font-size:2rem;font-weight:700;color:var(--white);letter-spacing:-.05em;text-transform:uppercase}.nav__menu{display:flex;align-items:center;gap:var(--space-xl)}.nav__link{font-family:var(--font-syncopate),sans-serif;font-size:1rem;font-weight:700;color:var(--white);transition:color var(--transition-fast);position:relative;text-transform:uppercase;letter-spacing:.1em}.nav__link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition-fast)}.nav__link:hover{color:var(--accent)}.nav__link:hover:after{width:100%}.nav__cta{padding:.75rem 1.5rem!important;font-size:.875rem!important}.nav__toggle{display:none;flex-direction:column;gap:6px;padding:var(--space-sm);background:none;border:none;cursor:pointer}.nav__toggle span{display:block;width:30px;height:2px;background:var(--white);transition:all var(--transition-fast)}.nav__toggle--active span:first-child{transform:translateY(8px) rotate(45deg);background:var(--accent)}.nav__toggle--active span:last-child{transform:translateY(-8px) rotate(-45deg);background:var(--accent)}@media (max-width:768px){.nav{padding:var(--space-sm) 0;background:var(--black-deep);border-bottom:1px solid var(--black-light)}.nav__logo-main{font-size:1.25rem}.nav__menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--black-deep);flex-direction:column;justify-content:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-2xl);transform:translateX(100%);transition:transform var(--transition-medium);border-top:1px solid var(--black-light)}.nav__menu--open{transform:translateX(0)}.nav__link{font-size:1.5rem}.nav__cta{width:100%;text-align:center}.nav__toggle{display:flex}}.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;justify-content:center;align-items:flex-start;padding-top:100px}.hero__bg-image{background-image:url(https://images.unsplash.com/photo-1583121274602-3e2820c69888?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:50%;filter:contrast(1.1);z-index:1}.hero__bg-image,.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero__overlay{background:linear-gradient(135deg,rgba(5,5,5,.9),rgba(17,17,17,.7));z-index:2}.hero__container{position:relative;z-index:3;width:100%;padding-top:var(--space-xl)}.hero__content{max-width:1200px}.hero__title{display:flex;flex-direction:column;margin-bottom:var(--space-xl)}.hero__title-line{font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.05em;color:var(--white);text-transform:uppercase}.hero__title-line.accent{color:var(--accent);-webkit-text-stroke:2px var(--accent)}.hero__text{font-family:var(--font-syncopate),sans-serif;font-size:clamp(.875rem,2vw,1.25rem);max-width:600px;margin-bottom:var(--space-2xl);color:var(--white-muted);letter-spacing:.1em;line-height:1.8}.hero__actions{display:flex;gap:var(--space-lg);flex-wrap:wrap}.hero__scroll{position:absolute;bottom:var(--space-2xl);right:var(--space-2xl);z-index:3;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero__scroll span{font-family:var(--font-syncopate),sans-serif;font-size:.75rem;letter-spacing:.2em;color:var(--white);writing-mode:vertical-rl;text-orientation:mixed}.hero__scroll-line{width:2px;height:80px;background:linear-gradient(to bottom,var(--accent),transparent)}@media (max-width:768px){.hero__title-line{font-size:clamp(2.5rem,10vw,4rem)}.hero__scroll{display:none}}.portfolio{padding:var(--space-4xl) 0;background:var(--black-deep)}.portfolio__header{margin-bottom:var(--space-3xl)}.portfolio__title{font-size:clamp(3rem,10vw,8rem);line-height:.9;letter-spacing:-.05em;color:var(--white);text-transform:uppercase}.portfolio__title .text-outline{color:transparent;-webkit-text-stroke:2px var(--white)}.portfolio__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.portfolio__item{display:block;text-decoration:none;group:hover}.portfolio__image-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:var(--space-lg);border:1px solid var(--black-light)}.portfolio__image{width:100%;height:100%;background-size:cover;background-position:top;transition:transform var(--transition-slow);filter:grayscale(100%)}.portfolio__item:hover .portfolio__image{transform:scale(1.05);filter:grayscale(0)}.portfolio__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-medium)}.portfolio__item:hover .portfolio__overlay{opacity:1}.portfolio__view-btn{padding:1rem 2rem;background:var(--accent);color:var(--white);font-family:var(--font-syncopate),sans-serif;font-weight:700;letter-spacing:.1em;transform:translateY(20px);transition:transform var(--transition-medium)}.portfolio__item:hover .portfolio__view-btn{transform:translateY(0)}.portfolio__info{border-left:2px solid var(--black-light);padding-left:var(--space-md);transition:border-color var(--transition-fast)}.portfolio__item:hover .portfolio__info{border-left-color:var(--accent)}.portfolio__category{font-size:.75rem;color:var(--accent);letter-spacing:.2em;display:block;margin-bottom:var(--space-xs)}.portfolio__category,.portfolio__name{font-family:var(--font-syncopate),sans-serif}.portfolio__name{font-size:2rem;color:var(--white);margin-bottom:var(--space-sm);font-weight:700;letter-spacing:-.02em}.portfolio__desc{font-family:var(--font-outfit),sans-serif;font-size:1rem;color:var(--gray);max-width:400px}@media (max-width:768px){.portfolio__grid{grid-template-columns:1fr}}.services{padding:var(--space-4xl) 0;background:var(--black-mid);position:relative;overflow:hidden}.services:after{content:"";position:absolute;top:0;right:0;width:50%;height:1px;background:var(--accent)}.services__header{margin-bottom:var(--space-4xl)}.services__title{font-size:clamp(2.5rem,6vw,5rem);color:var(--white);line-height:1;margin-bottom:var(--space-md);text-transform:uppercase}.services__text{font-size:clamp(1rem,2vw,1.25rem);color:var(--white-muted);font-family:var(--font-syncopate),sans-serif;letter-spacing:.1em}.services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);border-top:2px solid var(--black-light);padding-top:var(--space-2xl)}.services__card{position:relative;padding:var(--space-xl) 0;display:flex;flex-direction:column;transition:transform var(--transition-fast)}.services__card:hover{transform:translateX(10px)}.services__id{font-family:var(--font-syncopate),sans-serif;font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:var(--space-md);display:block}.services__card-title{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--white);margin-bottom:var(--space-md);text-transform:uppercase}.services__card-desc{font-size:1.125rem;color:var(--gray);line-height:1.6;max-width:90%}.services__line{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition-medium)}.services__card:hover .services__line{width:100%}@media (max-width:768px){.services__grid{grid-template-columns:1fr;gap:var(--space-lg)}.services__card{padding:var(--space-lg) 0;border-bottom:1px solid var(--black-light)}}.contact{padding:var(--space-4xl) 0;background:var(--black-mid);overflow-x:hidden}.contact__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.contact__title{font-size:clamp(3rem,8vw,6rem);line-height:.9;letter-spacing:-.05em;color:var(--white);text-transform:uppercase;margin-bottom:var(--space-lg)}.contact__title .text-outline{color:transparent;-webkit-text-stroke:2px var(--white)}.contact__text{font-family:var(--font-outfit),sans-serif;font-size:1.125rem;color:var(--white-muted);max-width:400px;margin-bottom:var(--space-2xl)}.contact__info-grid{gap:var(--space-xl);margin-top:var(--space-2xl)}.contact__info-grid,.contact__info-item{display:flex;flex-direction:column}.contact__label{font-size:.875rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-xs)}.contact__label,.contact__link{font-family:var(--font-syncopate),sans-serif}.contact__link{font-size:1.25rem;color:var(--white);text-decoration:none;transition:color var(--transition-fast);word-break:break-all;overflow-wrap:anywhere}.contact__link:hover{color:var(--accent)}.contact__form-wrapper{background:var(--black-deep);padding:var(--space-2xl);border:1px solid var(--black-light);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.contact__form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__form-group input,.contact__form-group textarea{width:100%;max-width:100%;padding:1.25rem 0;background:transparent;border:none;border-bottom:2px solid var(--black-light);color:var(--white);font-family:var(--font-syncopate),sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;transition:border-color var(--transition-fast);border-radius:0;box-sizing:border-box}.contact__form-group input:focus,.contact__form-group textarea:focus{outline:none;border-bottom-color:var(--accent)}.contact__form-group input::placeholder,.contact__form-group textarea::placeholder{color:var(--gray)}.contact__submit{display:block;width:100%;margin-top:var(--space-lg);cursor:pointer;box-sizing:border-box}.contact__error{color:#e74c3c;font-family:var(--font-syncopate),sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-top:-.5rem}.contact__success{text-align:center;padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.contact__success h3{font-size:2rem}.contact__reset-btn,.contact__success h3{font-family:var(--font-syncopate),sans-serif;color:var(--white)}.contact__reset-btn{margin-top:var(--space-lg);background:none;border:1px solid var(--gray);padding:1rem 2rem;cursor:pointer;transition:all var(--transition-fast)}.contact__reset-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.contact__container{grid-template-columns:1fr}.contact__form-wrapper{padding:var(--space-lg)}.contact__link{font-size:1rem}}@media (max-width:480px){.contact{padding:var(--space-2xl) 0}.contact__container{gap:var(--space-xl)}.contact__form-wrapper{padding:1.25rem 1rem}.contact__form-group input,.contact__form-group textarea{font-size:.875rem;letter-spacing:.05em}.contact__submit{width:100%;padding:1rem 1.25rem;letter-spacing:.08em}.contact__link,.contact__submit{font-size:.875rem}.contact__title{font-size:clamp(2.5rem,12vw,4rem)}}.footer{padding:var(--space-2xl) 0;background:var(--black-deep);color:white;border-top:1px solid var(--black-light)}.footer__content{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-xl);border-bottom:1px solid var(--black-light);margin-bottom:var(--space-lg)}.footer__logo{font-family:var(--font-syncopate),sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.05em;color:var(--white);line-height:1;text-transform:uppercase}.footer__links{display:flex;gap:var(--space-xl)}.footer__links a{font-family:var(--font-syncopate),sans-serif;font-size:.875rem;color:var(--gray);transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.footer__links a:hover{color:var(--accent)}.footer__bottom{text-align:center}.footer__bottom p{font-family:var(--font-outfit),sans-serif;font-size:.875rem;color:var(--gray);margin:0}@media (max-width:768px){.footer__content{flex-direction:column;text-align:center;gap:var(--space-lg)}.footer__links{flex-wrap:wrap;justify-content:center;gap:var(--space-md)}}