:root{--bg-primary:#0d0f0e;--bg-surface:#141714;--bg-subtle:#1c1f1c;--bg-deep:#0a0c0b;--accent-primary:#c8a96e;--accent-secondary:#8fb38a;--accent-highlight:#e8c87a;--accent-glow:#c8a96e26;--text-primary:#f2ede4;--text-secondary:#a8aca5;--text-muted:#7a7f76;--color-error:#e57373;--color-success:var(--accent-secondary);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--space-16:8rem;--max-width:1280px;--content-width:720px;--left-rail-width:300px;--gutter:var(--space-5);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 60px var(--accent-glow);--z-base:0;--z-elevated:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-tooltip:400}[data-theme=light]{--bg-primary:#faf8f5;--bg-surface:#fff;--bg-subtle:#f5f2ed;--bg-deep:#ede9e3;--accent-primary:#c8a96e;--accent-secondary:#4a9b6f;--accent-highlight:#e8c87a;--accent-glow:#c8a96e1f;--text-primary:#0a0e1a;--text-secondary:#3d4966;--text-muted:#7885a3;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 60px var(--accent-glow)}:root{color-scheme:light dark}html{transition:background-color .3s,color .3s}html[data-theme=light],html[data-theme=dark]{transition:none}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)!important}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/CabinetGrotesk-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}:root{--font-display:"Cabinet Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", monospace;--type-xs:clamp(.75rem, .7rem + .25vw, .875rem);--type-sm:clamp(.875rem, .825rem + .25vw, 1rem);--type-base:clamp(1rem, .95rem + .25vw, 1.125rem);--type-lg:clamp(1.125rem, 1rem + .625vw, 1.375rem);--type-xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--type-2xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--type-3xl:clamp(2.5rem, 1.5rem + 5vw, 5rem);--type-hero:clamp(3rem, 2rem + 6vw, 6rem);--leading-none:1;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--leading-mono:1.5;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.05em;--tracking-widest:.1em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}body{font-family:var(--font-body);font-size:var(--type-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6,.heading{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1,.h1{font-size:var(--type-hero);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter)}h2,.h2{font-size:var(--type-2xl)}h3,.h3{font-size:var(--type-xl)}h4,.h4{font-size:var(--type-lg);font-weight:var(--weight-medium)}p{margin-bottom:var(--space-4);max-width:68ch}.lead{font-size:var(--type-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.small{font-size:var(--type-sm)}code,kbd,pre,samp,.mono{font-family:var(--font-mono);font-size:.9em;line-height:var(--leading-mono)}.label{font-family:var(--font-mono);font-size:var(--type-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}a{color:var(--accent-primary);text-decoration:none;transition:color .15s ease-out}a:hover{color:var(--accent-highlight)}::selection{background:var(--accent-primary);color:var(--bg-primary)}:root{--ease-micro:.15s ease-out;--ease-standard:.4s cubic-bezier(.4, 0, .2, 1);--ease-emphasis:.6s cubic-bezier(.16, 1, .3, 1);--ease-signature:.8s cubic-bezier(.34, 1.56, .64, 1);--ease-spring:.3s cubic-bezier(.34, 1.56, .64, 1)}.animate-in{opacity:0;transform:translateY(24px)}.animate-in.is-visible{opacity:1;transition:opacity var(--ease-emphasis), transform var(--ease-emphasis);transform:translateY(0)}.stagger-children>*{opacity:0;transition:opacity var(--ease-emphasis), transform var(--ease-emphasis);transform:translateY(24px)}.stagger-children.is-visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(2){opacity:1;transition-delay:60ms;transform:translateY(0)}.stagger-children.is-visible>:nth-child(3){opacity:1;transition-delay:.12s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(4){opacity:1;transition-delay:.18s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(5){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(6){opacity:1;transition-delay:.3s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(7){opacity:1;transition-delay:.36s;transform:translateY(0)}.stagger-children.is-visible>:nth-child(8){opacity:1;transition-delay:.42s;transform:translateY(0)}.hover-lift{transition:background-color var(--ease-micro), transform var(--ease-micro), box-shadow var(--ease-micro)}.hover-lift:hover{background-color:var(--bg-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.line-grow{position:relative}.line-grow:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.line-grow:hover:after{width:100%}.underline-draw{display:inline-block;position:relative}.underline-draw:after{content:"";background:currentColor;width:0;height:1px;transition:width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.underline-draw:hover:after{width:100%}.hover-scale{transition:transform var(--ease-micro), opacity var(--ease-micro)}.hover-scale:hover{opacity:1;transform:scale(1.04)}.press-effect{transition:transform .1s ease-out}.press-effect:active{transform:scale(.98)}@keyframes letter-enter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.letter-animate{opacity:0;animation:letter-enter var(--ease-signature) forwards;display:inline-block}.letter-animate:first-child{animation-delay:0s}.letter-animate:nth-child(2){animation-delay:30ms}.letter-animate:nth-child(3){animation-delay:60ms}.letter-animate:nth-child(4){animation-delay:90ms}.letter-animate:nth-child(5){animation-delay:.12s}.letter-animate:nth-child(6){animation-delay:.15s}.letter-animate:nth-child(7){animation-delay:.18s}.letter-animate:nth-child(8){animation-delay:.21s}.letter-animate:nth-child(9){animation-delay:.24s}.letter-animate:nth-child(10){animation-delay:.27s}.letter-animate:nth-child(11){animation-delay:.3s}.letter-animate:nth-child(12){animation-delay:.33s}.letter-animate:nth-child(13){animation-delay:.36s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pulse{animation:2.5s ease-in-out infinite pulse}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ambient-gradient{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-deep) 25%, var(--bg-primary) 50%, #c8a96e08 75%, var(--bg-primary) 100%);background-size:400% 400%;animation:25s infinite gradient-rotate}@keyframes draw-line{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.timeline-path{stroke-dasharray:1000;stroke-dashoffset:1000px}.timeline-path.is-visible{animation:1.5s ease-out forwards draw-line}.magnetic-element,.magnetic-card,.magnetic-button{will-change:transform;transform:translateZ(0)}.magnetic-card{perspective:1000px;transform-style:preserve-3d}.magnetic-button{position:relative;overflow:visible}.is-magnetic-active{z-index:1}.magnetic-element:not(:hover),.magnetic-card:not(:hover),.magnetic-button:not(:hover){will-change:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-in,.stagger-children>*,.letter-animate{opacity:1;transform:none}.pulse{animation:none}.ambient-gradient{background:var(--bg-primary);animation:none}.magnetic-element,.magnetic-card,.magnetic-button{will-change:auto!important;transform:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:#0a0c10;overflow-x:hidden}html[data-theme=light]{background-color:#faf8f5}canvas{background-color:#0000}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}@media (hover:hover) and (pointer:fine){body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}}.grain-overlay{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient-bg-container{pointer-events:none;z-index:1;position:fixed;inset:0}.ambient-bg-container canvas{width:100%!important;height:100%!important}.layout,.main-content{z-index:2;position:relative}.custom-cursor{background:var(--accent-primary);pointer-events:none;z-index:10000;mix-blend-mode:exclusion;opacity:0;border-radius:50%;width:12px;height:12px;transition:width .2s,height .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-hovering{border:1px solid var(--accent-primary);background:#c8a96e4d;width:32px;height:32px}@media (hover:none){.custom-cursor{display:none}}@media (prefers-reduced-motion:reduce){.custom-cursor{display:none}}.container{width:100%;max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--space-16);position:relative}.section--atmosphere{mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.section__glow{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(#c8a96e08 0%,#0000 70%);width:60%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-transition{font-family:var(--font-display);font-size:var(--type-lg);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:45ch}@media (width<=1023px){.section{padding-block:var(--space-12)}}@media (width<=639px){.section{padding-block:var(--space-8)}.section-transition{font-size:var(--type-base)}}.layout{min-height:100vh;display:flex}.left-rail{width:var(--left-rail-width);height:100vh;padding:var(--space-8) var(--space-6);z-index:var(--z-sticky);flex-direction:column;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--left-rail-width);flex:1;min-height:100vh}@media (width<=1023px){.left-rail{display:none}.main-content{padding-bottom:calc(env(safe-area-inset-bottom) + 88px);margin-left:0}}.card{-webkit-backdrop-filter:blur(12px)saturate(150%);border-radius:var(--radius-md);padding:var(--space-5);background:#ffffff05;border:1px solid #ffffff0a;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s;position:relative;box-shadow:0 0 0 1px #ffffff05,0 2px 4px #0000000a,0 8px 16px #0000000a}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 50%);position:absolute;inset:0}.card:hover{background:#ffffff09;border-color:#ffffff0f;transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff08,0 4px 8px #0000000f,0 16px 32px #0000000f}.card--featured{background:#c8a96e08;border-color:#c8a96e14;box-shadow:0 0 0 1px #c8a96e0d,0 4px 16px #c8a96e0a,0 16px 48px #c8a96e08,inset 0 0 80px #c8a96e05}.card--featured:hover{background:#c8a96e0d;border-color:#c8a96e1f;box-shadow:0 0 0 1px #c8a96e14,0 8px 24px #c8a96e0f,0 24px 64px #c8a96e0a,inset 0 0 100px #c8a96e08}#products .card:not(.card--featured):hover,#work .card:hover{background:#c8a96e0a;border-color:#c8a96e14}#proof .card:hover,#stack .card:hover,#contact .card:hover{background:#c8a96e0f;border-color:#c8a96e1a}[data-theme=light] .card{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff8c;border-color:#ffffff80;box-shadow:0 1px 3px #00000008,0 4px 16px #0000000a,inset 0 1px #fff9}[data-theme=light] .card:before{background:linear-gradient(135deg,#fff6 0%,#0000 50%)}[data-theme=light] .card:hover{background:#ffffffb8;border-color:#c8a96e40;box-shadow:0 2px 6px #0000000a,0 8px 24px #0000000f,inset 0 1px #ffffffb3}[data-theme=light] .card--featured{background:#ffffff73;border-color:#c8a96e33;box-shadow:0 1px 3px #c8a96e0a,0 4px 16px #c8a96e14,inset 0 0 60px #c8a96e14}[data-theme=light] .card--featured:hover{background:#fff9;border-color:#c8a96e4d;box-shadow:0 2px 8px #c8a96e14,0 12px 32px #c8a96e1a}[data-theme=light] #products .card:not(.card--featured):hover,[data-theme=light] #work .card:hover,[data-theme=light] #proof .card:hover,[data-theme=light] #stack .card:hover,[data-theme=light] #contact .card:hover{background:#c8a96e0d;border-color:#c8a96e26}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--type-base);font-weight:var(--weight-medium);color:var(--bg-primary);background:var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--ease-micro), transform var(--ease-micro);border:none;display:inline-flex}.btn:hover{background:var(--accent-highlight)}.btn:active{transform:scale(.98)}.btn--primary{width:100%;padding:var(--space-5) var(--space-6);font-size:var(--type-lg);font-weight:var(--weight-semibold);border-radius:0}.btn--ghost{color:var(--text-primary);border:1px solid var(--bg-subtle);background:0 0}.btn--ghost:hover{background:var(--bg-subtle);border-color:var(--bg-subtle)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--type-xs);font-weight:var(--weight-medium);color:var(--accent-secondary);border-radius:var(--radius-full);background:#8fb38a1a;display:inline-flex}.badge__dot{background:var(--accent-secondary);border-radius:50%;width:8px;height:8px}.tag{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--type-xs);color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-sm);display:inline-block}.form-group{margin-bottom:var(--space-5)}.form-label{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--type-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);display:block}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--type-base);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);transition:border-color var(--ease-micro), box-shadow var(--ease-micro), background-color var(--ease-micro);background:#ffffff08;border:1px solid #ffffff0f}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #c8a96e1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.honeypot{opacity:0;pointer-events:none;position:absolute;left:-9999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--type-sm);font-weight:var(--weight-medium);color:var(--bg-primary);background:var(--accent-primary);border-radius:var(--radius-sm);text-decoration:none;transition:top .2s ease-out;position:fixed}.skip-link:focus{top:var(--space-4);outline:2px solid var(--accent-highlight);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a:focus-visible{outline-color:var(--accent-primary);border-radius:2px}.btn:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:3px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}[data-theme=light] .ambient-bg-container{opacity:1;mix-blend-mode:normal}[data-theme=light] .grain-overlay{opacity:.02;mix-blend-mode:overlay}[data-theme=light] .particle-canvas{opacity:.6;mix-blend-mode:multiply}[data-theme=light] .custom-cursor{background:var(--accent-primary);mix-blend-mode:multiply}[data-theme=light] .custom-cursor.is-hovering{border-color:var(--accent-primary);background:#2563eb33}[data-theme=light] .section--atmosphere{mask-image:none}[data-theme=light] .section--atmosphere:before,[data-theme=light] .section--atmosphere:after{display:none!important}[data-theme=light] .section__glow{background:radial-gradient(#c8a96e0a 0%,#0000 70%)}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #c8a96e26}[data-theme=light] .badge{background:#10b98114}@media print{.grain-overlay,.left-rail,.ambient-gradient,.ambient-bg-container{display:none!important}body{color:#000;background:#fff}.main-content{margin-left:0}.section{page-break-inside:avoid;padding-block:2rem}a{color:#000;text-decoration:underline}.btn{display:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.particle-canvas{pointer-events:none;z-index:1;opacity:.7;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.particle-canvas{display:none}}@media (pointer:coarse){.particle-canvas{display:none}}