:root{--bg-primary: #0D0F0E;--bg-surface: #141714;--bg-subtle: #1C1F1C;--bg-deep: #0A0C0B;--accent-primary: #C8A96E;--accent-secondary: #8FB38A;--accent-highlight: #E8C87A;--accent-glow: rgba(200, 169, 110, .15);--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 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--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: #FFFFFF;--bg-subtle: #F5F2ED;--bg-deep: #EDE9E3;--accent-primary: #C8A96E;--accent-secondary: #4A9B6F;--accent-highlight: #E8C87A;--accent-glow: rgba(200, 169, 110, .12);--text-primary: #0A0E1A;--text-secondary: #3D4966;--text-muted: #7885A3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 60px var(--accent-glow)}:root{color-scheme:dark light}html{transition:background-color .3s ease,color .3s ease}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;transform:translateY(0);transition:opacity var(--ease-emphasis),transform var(--ease-emphasis)}.stagger-children>*{opacity:0;transform:translateY(24px);transition:opacity var(--ease-emphasis),transform var(--ease-emphasis)}.stagger-children.is-visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(2){transition-delay:60ms;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(3){transition-delay:.12s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(4){transition-delay:.18s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(5){transition-delay:.24s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(7){transition-delay:.36s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(8){transition-delay:.42s;opacity:1;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);transform:translateY(-2px);box-shadow:var(--shadow-md)}.line-grow{position:relative}.line-grow:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent-primary);transition:width .25s cubic-bezier(.4,0,.2,1)}.line-grow:hover:after{width:100%}.underline-draw{position:relative;display:inline-block}.underline-draw:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:currentColor;transition:width .25s cubic-bezier(.4,0,.2,1)}.underline-draw:hover:after{width:100%}.hover-scale{transition:transform var(--ease-micro),opacity var(--ease-micro)}.hover-scale:hover{transform:scale(1.04);opacity:1}.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{display:inline-block;opacity:0;animation:letter-enter var(--ease-signature) forwards}.letter-animate:nth-child(1){animation-delay:0ms}.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:pulse 2.5s ease-in-out infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ambient-gradient{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-deep) 25%,var(--bg-primary) 50%,rgba(200,169,110,.03) 75%,var(--bg-primary) 100%);background-size:400% 400%;animation:gradient-rotate 25s ease infinite}@keyframes draw-line{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.timeline-path{stroke-dasharray:1000;stroke-dashoffset:1000}.timeline-path.is-visible{animation:draw-line 1.5s ease-out forwards}.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{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-in,.stagger-children>*,.letter-animate{opacity:1;transform:none}.pulse{animation:none}.ambient-gradient{animation:none;background:var(--bg-primary)}.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:transparent}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-wrap:break-word;word-break:break-word}@media(hover:hover)and (pointer:fine){body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}}.grain-overlay{position:fixed;inset:0;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")}.ambient-bg-container{position:fixed;inset:0;pointer-events:none;z-index:1}.ambient-bg-container canvas{width:100%!important;height:100%!important}.layout,.main-content{position:relative;z-index:2}.custom-cursor{position:fixed;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);pointer-events:none;z-index:10000;mix-blend-mode:exclusion;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,opacity .2s ease;opacity:0}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-hovering{width:32px;height:32px;background:#c8a96e4d;border:1px solid var(--accent-primary)}@media(hover:none){.custom-cursor{display:none}}@media(prefers-reduced-motion:reduce){.custom-cursor{display:none}}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--space-16)}.section--atmosphere{mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%)}.section__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:80%;background:radial-gradient(ellipse at center,rgba(200,169,110,.03) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.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(max-width:1023px){.section{padding-block:var(--space-12)}}@media(max-width:639px){.section{padding-block:var(--space-8)}.section-transition{font-size:var(--type-base)}}.layout{display:flex;min-height:100vh}.left-rail{position:fixed;top:0;left:0;width:var(--left-rail-width);height:100vh;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;z-index:var(--z-sticky)}.main-content{flex:1;margin-left:var(--left-rail-width);min-height:100vh}@media(max-width:1023px){.left-rail{display:none}.main-content{margin-left:0;padding-bottom:calc(env(safe-area-inset-bottom) + 88px)}}.card{position:relative;background:#ffffff05;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:var(--space-5);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;box-shadow:0 0 0 1px #ffffff05,0 2px 4px #0000000a,0 8px 16px #0000000a}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.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{background:#ffffff8c;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);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,rgba(255,255,255,.4) 0%,transparent 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{display:inline-flex;align-items:center;justify-content: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:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--ease-micro),transform var(--ease-micro)}.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{background:transparent;color:var(--text-primary);border:1px solid var(--bg-subtle)}.btn--ghost:hover{background:var(--bg-subtle);border-color:var(--bg-subtle)}.badge{display:inline-flex;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);background:#8fb38a1a;border-radius:var(--radius-full)}.badge__dot{width:8px;height:8px;background:var(--accent-secondary);border-radius:50%}.tag{display:inline-block;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)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;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)}.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);background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);transition:border-color var(--ease-micro),box-shadow var(--ease-micro),background-color var(--ease-micro)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #c8a96e1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;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}.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{background:#2563eb33;border-color:var(--accent-primary)}[data-theme=light] .section--atmosphere{mask-image:none;-webkit-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(ellipse at center,rgba(200,169,110,.04) 0%,transparent 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{background:#fff;color:#000}.main-content{margin-left:0}.section{padding-block:2rem;page-break-inside:avoid}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{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.7}@media(prefers-reduced-motion:reduce){.particle-canvas{display:none}}@media(pointer:coarse){.particle-canvas{display:none}}