:root{--color-primary: oklch(55% .15 25);--color-primary-light: oklch(75% .08 25);--color-primary-dark: oklch(40% .12 25);--color-secondary: oklch(65% .03 60);--color-secondary-light: oklch(80% .02 60);--color-accent: oklch(55% .15 25);--color-accent-light: oklch(75% .08 25);--color-bg: oklch(97% .01 60);--color-surface: oklch(94% .01 60);--color-surface-2: oklch(90% .01 60);--color-text: oklch(18% .02 250);--color-text-secondary: oklch(45% .02 60);--color-text-inverse: oklch(97% .01 60);--color-border: oklch(86% .01 250);--color-border-strong: oklch(65% .02 250);--color-success: oklch(55% .09 155);--color-error: oklch(50% .14 25);--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.75rem, 3vw, 2.25rem);--text-4xl: clamp(2.25rem, 5vw, 3.25rem);--text-5xl: clamp(2.75rem, 7vw, 4.5rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .05em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 4px 12px oklch(0% 0 0 / .1);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .12);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--container-max: 1200px;--container-pad: var(--space-4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;line-height:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);min-height:44px;white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover{background-color:var(--color-surface)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg);min-height:52px}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-overlay);background-color:#faf4efeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--space-4)}.nav-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-primary);letter-spacing:var(--tracking-tight);text-decoration:none;min-height:44px;padding:var(--space-1) 0}.nav-logo-img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:contain}.nav-logo-mark{width:36px;height:36px;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:700;font-size:var(--text-sm);letter-spacing:var(--tracking-tight)}.nav-links{display:none;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);min-height:44px;display:flex;align-items:center}.nav-link:hover,.nav-link.active{color:var(--color-primary);background-color:var(--color-surface)}.nav-cta{display:none}.nav-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out)}.nav-hamburger:hover{background-color:var(--color-surface)}.nav-hamburger svg{width:20px;height:20px}.mobile-menu{display:none;position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--color-bg);padding:var(--space-24) var(--space-6) var(--space-8);flex-direction:column;gap:var(--space-2)}.mobile-menu.open{display:flex}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.mobile-menu-link{padding:var(--space-4);font-size:var(--text-xl);font-weight:500;color:var(--color-text);border-radius:var(--radius-lg);min-height:56px;display:flex;align-items:center;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mobile-menu-link:hover{background-color:var(--color-surface);color:var(--color-primary)}.mobile-menu-footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.mobile-menu-footer .btn{width:100%}@media (min-width: 768px){.nav-links{display:flex}.nav-cta{display:inline-flex}.nav-hamburger{display:none}}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--space-4) 120px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1;background-color:#010408}.hero-bg-logo{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,oklch(55% .08 25 / .15) 0%,transparent 70%)}.hero-bg-glow{position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,oklch(55% .08 25 / .08) 0%,transparent 60%);border-radius:50%}.hero-pattern{position:absolute;inset:0;z-index:-1;opacity:.05;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,oklch(55% .05 25) 60px,oklch(55% .05 25) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,oklch(55% .05 25) 60px,oklch(55% .05 25) 61px)}.hero-content{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.hero-brand{display:flex;align-items:center;gap:var(--space-3);opacity:1}.hero-brand-ms{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;line-height:1}.hero-brand-divider{display:block;width:1px;height:24px;background-color:#8d666366}.hero-brand-text{font-size:var(--text-sm);font-weight:500;color:#927a77;letter-spacing:.12em;text-transform:uppercase}.hero-title{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-inverse)}.hero-title-accent{color:var(--color-primary)}.hero-tagline{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#86909b;max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-2)}.hero-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid oklch(30% .02 250);width:100%}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.hero-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);line-height:1}.hero-stat-label{font-size:var(--text-xs);font-weight:500;color:#69737d;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.hero-scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:.4}.hero-scroll-indicator-text{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#69737d}.hero-scroll-indicator-line{width:1px;height:40px;background:linear-gradient(to bottom,oklch(55% .08 25),transparent)}.section{padding-block:var(--space-20)}.section-sm{padding-block:var(--space-12)}.section-lg{padding-block:var(--space-24)}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);max-width:640px;margin-inline:auto}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-primary)}.section-title{font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.section-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.service-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.service-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-icon{width:52px;height:52px;border-radius:var(--radius-lg);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);flex-shrink:0}.service-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.service-desc{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media (min-width: 640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.portfolio-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:3 / 2;background-color:var(--color-surface-2);border:1px solid var(--color-border)}.portfolio-item-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.portfolio-item:hover .portfolio-item-img{transform:scale(1.03)}.portfolio-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,oklch(10% .02 250 / .85) 0%,oklch(10% .02 250 / .3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);gap:var(--space-2)}.portfolio-item-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-primary)}.portfolio-item-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-inverse)}.portfolio-item-desc{font-size:var(--text-sm);color:#a9afb4;line-height:var(--leading-relaxed)}@media (min-width: 640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.portfolio-item{aspect-ratio:4 / 3}}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}.about-visual{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4 / 3;position:relative;display:flex;align-items:center;justify-content:center;background-color:#010408;padding:var(--space-8)}.about-logo-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg)}.about-content{display:flex;flex-direction:column;gap:var(--space-6)}.about-list{display:flex;flex-direction:column;gap:var(--space-4)}.about-list-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.about-list-icon{width:24px;height:24px;min-width:24px;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);margin-top:2px}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr}}.cta-section{background-color:var(--color-primary);position:relative;overflow:hidden}.cta-bg-pattern{position:absolute;inset:0;opacity:.08;background-image:repeating-linear-gradient(-45deg,transparent,transparent 40px,oklch(97% .01 60 / .5) 40px,oklch(97% .01 60 / .5) 41px)}.cta-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.cta-title{font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-inverse)}.cta-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#c3bcb7;max-width:52ch}.cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.btn-white{background-color:var(--color-text-inverse);color:var(--color-primary);border-color:var(--color-text-inverse)}.btn-white:hover{background-color:#ddd6d1;border-color:#ddd6d1}.btn-outline-white{background-color:transparent;color:var(--color-text-inverse);border-color:var(--color-text-inverse)}.btn-outline-white:hover{background-color:var(--color-text-inverse);color:var(--color-primary)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-4)}.contact-item-icon{width:44px;height:44px;min-width:44px;border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.contact-item-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.contact-item-value{font-size:var(--text-base);font-weight:600;color:var(--color-text);line-height:var(--leading-snug)}.contact-item-value a{transition:color var(--duration-fast) var(--ease-out)}.contact-item-value a:hover{color:var(--color-primary)}.contact-wa-link{font-size:var(--text-sm);font-weight:500;color:var(--color-primary)}.contact-map{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;background-color:var(--color-surface);border:1px solid var(--color-border);position:relative}.contact-map-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-secondary);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%)}.contact-map-placeholder-text{font-size:var(--text-sm);font-weight:500;text-align:center;max-width:28ch;line-height:var(--leading-relaxed)}@media (min-width: 768px){.contact-grid{grid-template-columns:1fr 1fr}}.footer{background-color:#010408;color:var(--color-text-inverse);padding-block:var(--space-12)}.footer-inner{display:flex;flex-direction:column;gap:var(--space-8)}.footer-top{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-text-inverse)}.footer-logo-mark{width:36px;height:36px;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:700;font-size:var(--text-sm)}.footer-logo-img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:contain}.footer-tagline{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#69737d;max-width:32ch}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer-col-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#6e5f5d;margin-bottom:var(--space-4)}.footer-col-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col-link{font-size:var(--text-sm);color:#77818c;transition:color var(--duration-fast) var(--ease-out)}.footer-col-link:hover{color:var(--color-primary)}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid oklch(25% .02 250);align-items:center;text-align:center}.footer-copyright{font-size:var(--text-sm);color:#5b646f}@media (min-width: 640px){.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up var(--duration-slow) var(--ease-out) both}.divider{width:48px;height:3px;background-color:var(--color-primary);border-radius:var(--radius-full);margin-inline:auto}@media (max-width: 639px){.container{padding-inline:var(--space-5)}}