@font-face{font-family:Bricolage;src:url(/fonts/BricolageGrotesque-Variable.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--color-bg:#0c0c0c;--color-bg-elevated:#161616;--color-bg-card:#1a1a1a;--color-surface:#222;--color-text:#f0ece6;--color-text-muted:#8a8580;--color-accent:#ffd600;--color-accent-hover:#ffe44d;--color-accent-dim:#ffd6001f;--color-border:#f0ece614;--font-display:"Bricolage", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--space-xs:clamp(.5rem, 1vw, .75rem);--space-sm:clamp(.75rem, 1.5vw, 1.25rem);--space-md:clamp(1.5rem, 3vw, 2.5rem);--space-lg:clamp(3rem, 6vw, 5rem);--space-xl:clamp(5rem, 10vw, 8rem);--container:1280px;--radius:8px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--color-surface) var(--color-bg)}@media (hover:hover) and (min-width:1024px){*,:before,:after{cursor:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border:2px solid var(--color-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container), 100% - var(--space-md) * 2);margin-inline:auto}.section-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);font-size:.8125rem;font-weight:600}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:clamp(2rem,1.5rem + 2.5vw,3.75rem);font-weight:700;line-height:1.1}.section-header{margin-bottom:var(--space-lg)}.section-header--center{text-align:center}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #ffd60040}.btn--ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover{border-color:var(--color-text-muted);background:#f0ece60d}.nav{z-index:100;padding:1.25rem 0;transition:all .4s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0c0c0ceb;padding:.75rem 0}.nav__inner{width:min(var(--container), 100% - var(--space-md) * 2);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.nav__logo img{border-radius:50%;transition:transform .3s}.nav__logo:hover img{transform:rotate(-10deg)scale(1.05)}.nav__links{align-items:center;gap:2rem;display:flex}.nav__links a{letter-spacing:.02em;color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:color .3s}.nav__links a:hover{color:var(--color-text)}.nav__cta{background:var(--color-accent);border-radius:100px;padding:.55rem 1.25rem;color:var(--color-bg)!important;font-weight:600!important}.nav__cta:hover{background:var(--color-accent-hover)!important}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:4px;display:none}.nav__burger span{background:var(--color-text);width:24px;height:2px;transition:all .3s;display:block}.nav__burger--open span:first-child{transform:rotate(45deg)translate(3px,3px)}.nav__burger--open span:last-child{transform:rotate(-45deg)translate(3px,-3px)}.hero{align-items:center;gap:var(--space-lg);min-height:100dvh;padding:var(--space-xl) 0 var(--space-lg);width:min(var(--container), 100% - var(--space-md) * 2);grid-template-columns:1fr 1fr;margin-inline:auto;display:grid}.hero__tagline{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);font-size:.8125rem;font-weight:600}.hero__headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-md);font-size:clamp(2.75rem,2rem + 4vw,5.5rem);font-weight:800;line-height:.95}.hero__accent{color:var(--color-accent);font-style:italic}.hero__sub{color:var(--color-text-muted);margin-bottom:var(--space-md);max-width:420px;font-size:clamp(1rem,.9rem + .5vw,1.25rem);line-height:1.6}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.hero__visual{gap:var(--space-sm);grid-template-columns:1.2fr .8fr;align-items:end;display:grid;position:relative}.hero__image-wrap{border-radius:var(--radius-lg);aspect-ratio:3/4;position:relative;overflow:hidden}.hero__image-wrap--secondary{aspect-ratio:2/3;margin-top:var(--space-lg)}.hero__image-wrap:hover img{transform:scale(1.05)}.marquee{padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden}.marquee__track{width:max-content;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);gap:2rem;font-size:clamp(1rem,.8rem + 1vw,1.5rem);font-weight:600;animation:25s linear infinite marquee;display:flex}.marquee__dot{color:var(--color-accent);font-size:.6em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.services{padding:var(--space-xl) 0}.services__grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-radius:var(--radius-lg);aspect-ratio:4/3;position:relative;overflow:hidden}.service-card--large{aspect-ratio:16/7;grid-column:span 2}.service-card__image{transition:transform .6s cubic-bezier(.22,1,.36,1)}.service-card:hover .service-card__image{transform:scale(1.08)}.service-card__overlay{padding:var(--space-md);background:linear-gradient(#0000 0%,#0c0c0c4d 50%,#0c0c0ce6 100%);flex-direction:column;justify-content:flex-end;transition:background .4s;display:flex;position:absolute;inset:0}.service-card:hover .service-card__overlay{background:linear-gradient(#0c0c0c33 0%,#0c0c0c80 40%,#0c0c0cf2 100%)}.service-card__number{font-family:var(--font-display);color:var(--color-accent);letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.service-card__title{font-family:var(--font-display);margin-bottom:.375rem;font-size:clamp(1.125rem,1rem + .5vw,1.5rem);font-weight:700}.service-card__desc{color:var(--color-text-muted);opacity:0;max-width:320px;font-size:.875rem;line-height:1.5;transition:all .4s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.service-card:hover .service-card__desc{opacity:1;transform:translateY(0)}.portfolio{padding:var(--space-xl) 0;background:var(--color-bg-elevated)}.portfolio__grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;display:grid}.portfolio__item{border-radius:var(--radius-lg);position:relative;overflow:hidden}.portfolio__item--wide{grid-column:span 2}.portfolio__item--tall{grid-row:span 2}.portfolio__item:hover img{transform:scale(1.06)}.about{padding:var(--space-xl) 0}.about__layout{gap:var(--space-lg);grid-template-columns:.9fr 1.1fr;align-items:center;display:grid}.about__image-wrap{border-radius:var(--radius-lg);aspect-ratio:3/4;position:relative;overflow:hidden}.about__text{color:var(--color-text-muted);margin-bottom:var(--space-sm);max-width:500px;font-size:clamp(1rem,.95rem + .25vw,1.125rem)}.about__stats{gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex}.about__stat{flex-direction:column;gap:.25rem;display:flex}.about__stat-number{font-family:var(--font-display);color:var(--color-accent);font-size:clamp(1.5rem,1.25rem + 1.5vw,2.5rem);font-weight:800;line-height:1}.about__stat-label{color:var(--color-text-muted);font-size:.8125rem}.clients{padding:var(--space-lg) 0;border-top:1px solid var(--color-border)}.clients__logos{filter:invert();opacity:.5;max-width:800px;margin:0 auto;transition:opacity .4s;display:block}.clients__logos:hover{opacity:.75}.contact{padding:var(--space-xl) 0;background:var(--color-bg-elevated)}.contact__layout{gap:var(--space-lg);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.contact__headline{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);font-weight:800;line-height:1.1}.contact__sub{color:var(--color-text-muted);max-width:420px}.contact__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;gap:1.5rem;display:flex}.contact__method{align-items:flex-start;gap:1rem;display:flex}.contact__icon{color:var(--color-accent);background:var(--color-accent-dim);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.contact__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.125rem;font-size:.75rem;font-weight:600}.contact__value{font-weight:500;transition:color .3s}a.contact__value:hover{color:var(--color-accent)}.contact__socials{border-top:1px solid var(--color-border);gap:.75rem;padding-top:.75rem;display:flex}.contact__social{letter-spacing:.05em;border:1px solid var(--color-border);border-radius:100px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .3s}.contact__social:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.footer{padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer__brand{align-items:center;gap:.75rem;display:flex}.footer__logo{border-radius:50%}.footer__name{font-family:var(--font-display);font-size:1rem;font-weight:700}.footer__links{gap:1.5rem;display:flex}.footer__links a{color:var(--color-text-muted);font-size:.8125rem;transition:color .3s}.footer__links a:hover{color:var(--color-text)}.footer__copy{color:var(--color-text-muted);font-size:.75rem}@media (max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:8rem}.hero__visual{max-width:500px}.services__grid{grid-template-columns:repeat(2,1fr)}.service-card--large{grid-column:span 2}.portfolio__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}.portfolio__item--wide{grid-column:span 2}.portfolio__item--tall{grid-row:span 1}.about__layout{gap:var(--space-md);grid-template-columns:1fr}.about__image-wrap{aspect-ratio:16/9;max-width:600px}.contact__layout{grid-template-columns:1fr}}@media (max-width:640px){.nav__links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#0c0c0cf7;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:none;position:fixed;inset:0}.nav__links--open{display:flex}.nav__links a{color:var(--color-text);font-size:1.5rem}.nav__cta{font-size:1rem!important}.nav__burger{z-index:100;display:flex}.hero__headline{font-size:clamp(2.25rem,1.5rem + 5vw,3.5rem)}.hero__visual{grid-template-columns:1fr .7fr}.services__grid{grid-template-columns:1fr}.service-card--large{grid-column:span 1}.service-card{aspect-ratio:16/10}.portfolio__grid{grid-template-columns:1fr;grid-auto-rows:220px}.portfolio__item--wide{grid-column:span 1}.about__stats{gap:var(--space-sm);flex-wrap:wrap}.footer__inner{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}