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