@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::file-selector-button{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback:#00000080;opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda:"🐼";--bg:oklch(6.5% 0 0);--bg-2:oklch(12% .012 32);--ink:oklch(98.5% 0 0);--ink-soft:oklch(83% .018 32);--muted:oklch(68% .018 32);--primary:oklch(59% .17 31);--primary-deep:oklch(39% .14 29);--accent:oklch(79% .16 181);--line:oklch(94% 0 0/.16);--line-strong:oklch(94% 0 0/.32);--shadow:oklch(0% 0 0/.45);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--scroll-y:0;background:var(--bg);font-family:var(--font-sans);color:var(--ink);font-kerning:normal;text-rendering:geometricprecision}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:var(--spacing-0);background:radial-gradient(circle at 78% 10%, oklch(26% .08 31/.42), transparent 34rem), linear-gradient(135deg, oklch(5.5% 0 0), var(--bg) 48%, var(--bg-2));color:var(--ink);min-width:320px}body::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}:where(:root,:host){--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", ui-sans-serif, sans-serif}}@layer tokens{:where(:root,:host){--aspect-ratios-square:1 / 1;--aspect-ratios-landscape:4 / 3;--aspect-ratios-portrait:3 / 4;--aspect-ratios-wide:16 / 9;--aspect-ratios-ultrawide:18 / 5;--aspect-ratios-golden:1.618 / 1;--borders-none:none;--easings-default:cubic-bezier(.4, 0, .2, 1);--easings-linear:linear;--easings-in:cubic-bezier(.4, 0, 1, 1);--easings-out:cubic-bezier(0, 0, .2, 1);--easings-in-out:cubic-bezier(.4, 0, .2, 1);--durations-fastest:50ms;--durations-faster:.1s;--durations-fast:.15s;--durations-normal:.2s;--durations-slow:.3s;--durations-slower:.4s;--durations-slowest:.5s;--radii-xs:.125rem;--radii-sm:.25rem;--radii-md:.375rem;--radii-lg:.5rem;--radii-xl:.75rem;--radii-2xl:1rem;--radii-3xl:1.5rem;--radii-4xl:2rem;--radii-full:9999px;--font-weights-thin:100;--font-weights-extralight:200;--font-weights-light:300;--font-weights-normal:400;--font-weights-medium:500;--font-weights-semibold:600;--font-weights-bold:700;--font-weights-extrabold:800;--font-weights-black:900;--line-heights-none:1;--line-heights-tight:1.25;--line-heights-snug:1.375;--line-heights-normal:1.5;--line-heights-relaxed:1.625;--line-heights-loose:2;--letter-spacings-tighter:-.05em;--letter-spacings-tight:-.025em;--letter-spacings-normal:0em;--letter-spacings-wide:.025em;--letter-spacings-wider:.05em;--letter-spacings-widest:.1em;--font-sizes-2xs:.5rem;--font-sizes-xs:.75rem;--font-sizes-sm:.875rem;--font-sizes-md:1rem;--font-sizes-lg:1.125rem;--font-sizes-xl:1.25rem;--font-sizes-2xl:1.5rem;--font-sizes-3xl:1.875rem;--font-sizes-4xl:2.25rem;--font-sizes-5xl:3rem;--font-sizes-6xl:3.75rem;--font-sizes-7xl:4.5rem;--font-sizes-8xl:6rem;--font-sizes-9xl:8rem;--shadows-2xs:0 1px #0000000d;--shadows-xs:0 1px 2px 0 #0000000d;--shadows-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadows-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadows-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadows-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadows-2xl:0 25px 50px -12px #00000040;--shadows-inset-2xs:inset 0 1px #0000000d;--shadows-inset-xs:inset 0 1px 1px #0000000d;--shadows-inset-sm:inset 0 2px 4px #0000000d;--colors-current:currentColor;--colors-black:#000;--colors-white:#fff;--colors-transparent:#0000;--colors-rose-50:#fff1f2;--colors-rose-100:#ffe4e6;--colors-rose-200:#fecdd3;--colors-rose-300:#fda4af;--colors-rose-400:#fb7185;--colors-rose-500:#f43f5e;--colors-rose-600:#e11d48;--colors-rose-700:#be123c;--colors-rose-800:#9f1239;--colors-rose-900:#881337;--colors-rose-950:#4c0519;--colors-pink-50:#fdf2f8;--colors-pink-100:#fce7f3;--colors-pink-200:#fbcfe8;--colors-pink-300:#f9a8d4;--colors-pink-400:#f472b6;--colors-pink-500:#ec4899;--colors-pink-600:#db2777;--colors-pink-700:#be185d;--colors-pink-800:#9d174d;--colors-pink-900:#831843;--colors-pink-950:#500724;--colors-fuchsia-50:#fdf4ff;--colors-fuchsia-100:#fae8ff;--colors-fuchsia-200:#f5d0fe;--colors-fuchsia-300:#f0abfc;--colors-fuchsia-400:#e879f9;--colors-fuchsia-500:#d946ef;--colors-fuchsia-600:#c026d3;--colors-fuchsia-700:#a21caf;--colors-fuchsia-800:#86198f;--colors-fuchsia-900:#701a75;--colors-fuchsia-950:#4a044e;--colors-purple-50:#faf5ff;--colors-purple-100:#f3e8ff;--colors-purple-200:#e9d5ff;--colors-purple-300:#d8b4fe;--colors-purple-400:#c084fc;--colors-purple-500:#a855f7;--colors-purple-600:#9333ea;--colors-purple-700:#7e22ce;--colors-purple-800:#6b21a8;--colors-purple-900:#581c87;--colors-purple-950:#3b0764;--colors-violet-50:#f5f3ff;--colors-violet-100:#ede9fe;--colors-violet-200:#ddd6fe;--colors-violet-300:#c4b5fd;--colors-violet-400:#a78bfa;--colors-violet-500:#8b5cf6;--colors-violet-600:#7c3aed;--colors-violet-700:#6d28d9;--colors-violet-800:#5b21b6;--colors-violet-900:#4c1d95;--colors-violet-950:#2e1065;--colors-indigo-50:#eef2ff;--colors-indigo-100:#e0e7ff;--colors-indigo-200:#c7d2fe;--colors-indigo-300:#a5b4fc;--colors-indigo-400:#818cf8;--colors-indigo-500:#6366f1;--colors-indigo-600:#4f46e5;--colors-indigo-700:#4338ca;--colors-indigo-800:#3730a3;--colors-indigo-900:#312e81;--colors-indigo-950:#1e1b4b;--colors-blue-50:#eff6ff;--colors-blue-100:#dbeafe;--colors-blue-200:#bfdbfe;--colors-blue-300:#93c5fd;--colors-blue-400:#60a5fa;--colors-blue-500:#3b82f6;--colors-blue-600:#2563eb;--colors-blue-700:#1d4ed8;--colors-blue-800:#1e40af;--colors-blue-900:#1e3a8a;--colors-blue-950:#172554;--colors-sky-50:#f0f9ff;--colors-sky-100:#e0f2fe;--colors-sky-200:#bae6fd;--colors-sky-300:#7dd3fc;--colors-sky-400:#38bdf8;--colors-sky-500:#0ea5e9;--colors-sky-600:#0284c7;--colors-sky-700:#0369a1;--colors-sky-800:#075985;--colors-sky-900:#0c4a6e;--colors-sky-950:#082f49;--colors-cyan-50:#ecfeff;--colors-cyan-100:#cffafe;--colors-cyan-200:#a5f3fc;--colors-cyan-300:#67e8f9;--colors-cyan-400:#22d3ee;--colors-cyan-500:#06b6d4;--colors-cyan-600:#0891b2;--colors-cyan-700:#0e7490;--colors-cyan-800:#155e75;--colors-cyan-900:#164e63;--colors-cyan-950:#083344;--colors-teal-50:#f0fdfa;--colors-teal-100:#ccfbf1;--colors-teal-200:#99f6e4;--colors-teal-300:#5eead4;--colors-teal-400:#2dd4bf;--colors-teal-500:#14b8a6;--colors-teal-600:#0d9488;--colors-teal-700:#0f766e;--colors-teal-800:#115e59;--colors-teal-900:#134e4a;--colors-teal-950:#042f2e;--colors-emerald-50:#ecfdf5;--colors-emerald-100:#d1fae5;--colors-emerald-200:#a7f3d0;--colors-emerald-300:#6ee7b7;--colors-emerald-400:#34d399;--colors-emerald-500:#10b981;--colors-emerald-600:#059669;--colors-emerald-700:#047857;--colors-emerald-800:#065f46;--colors-emerald-900:#064e3b;--colors-emerald-950:#022c22;--colors-green-50:#f0fdf4;--colors-green-100:#dcfce7;--colors-green-200:#bbf7d0;--colors-green-300:#86efac;--colors-green-400:#4ade80;--colors-green-500:#22c55e;--colors-green-600:#16a34a;--colors-green-700:#15803d;--colors-green-800:#166534;--colors-green-900:#14532d;--colors-green-950:#052e16;--colors-lime-50:#f7fee7;--colors-lime-100:#ecfccb;--colors-lime-200:#d9f99d;--colors-lime-300:#bef264;--colors-lime-400:#a3e635;--colors-lime-500:#84cc16;--colors-lime-600:#65a30d;--colors-lime-700:#4d7c0f;--colors-lime-800:#3f6212;--colors-lime-900:#365314;--colors-lime-950:#1a2e05;--colors-yellow-50:#fefce8;--colors-yellow-100:#fef9c3;--colors-yellow-200:#fef08a;--colors-yellow-300:#fde047;--colors-yellow-400:#facc15;--colors-yellow-500:#eab308;--colors-yellow-600:#ca8a04;--colors-yellow-700:#a16207;--colors-yellow-800:#854d0e;--colors-yellow-900:#713f12;--colors-yellow-950:#422006;--colors-amber-50:#fffbeb;--colors-amber-100:#fef3c7;--colors-amber-200:#fde68a;--colors-amber-300:#fcd34d;--colors-amber-400:#fbbf24;--colors-amber-500:#f59e0b;--colors-amber-600:#d97706;--colors-amber-700:#b45309;--colors-amber-800:#92400e;--colors-amber-900:#78350f;--colors-amber-950:#451a03;--colors-orange-50:#fff7ed;--colors-orange-100:#ffedd5;--colors-orange-200:#fed7aa;--colors-orange-300:#fdba74;--colors-orange-400:#fb923c;--colors-orange-500:#f97316;--colors-orange-600:#ea580c;--colors-orange-700:#c2410c;--colors-orange-800:#9a3412;--colors-orange-900:#7c2d12;--colors-orange-950:#431407;--colors-red-50:#fef2f2;--colors-red-100:#fee2e2;--colors-red-200:#fecaca;--colors-red-300:#fca5a5;--colors-red-400:#f87171;--colors-red-500:#ef4444;--colors-red-600:#dc2626;--colors-red-700:#b91c1c;--colors-red-800:#991b1b;--colors-red-900:#7f1d1d;--colors-red-950:#450a0a;--colors-neutral-50:#fafafa;--colors-neutral-100:#f5f5f5;--colors-neutral-200:#e5e5e5;--colors-neutral-300:#d4d4d4;--colors-neutral-400:#a3a3a3;--colors-neutral-500:#737373;--colors-neutral-600:#525252;--colors-neutral-700:#404040;--colors-neutral-800:#262626;--colors-neutral-900:#171717;--colors-neutral-950:#0a0a0a;--colors-stone-50:#fafaf9;--colors-stone-100:#f5f5f4;--colors-stone-200:#e7e5e4;--colors-stone-300:#d6d3d1;--colors-stone-400:#a8a29e;--colors-stone-500:#78716c;--colors-stone-600:#57534e;--colors-stone-700:#44403c;--colors-stone-800:#292524;--colors-stone-900:#1c1917;--colors-stone-950:#0c0a09;--colors-zinc-50:#fafafa;--colors-zinc-100:#f4f4f5;--colors-zinc-200:#e4e4e7;--colors-zinc-300:#d4d4d8;--colors-zinc-400:#a1a1aa;--colors-zinc-500:#71717a;--colors-zinc-600:#52525b;--colors-zinc-700:#3f3f46;--colors-zinc-800:#27272a;--colors-zinc-900:#18181b;--colors-zinc-950:#09090b;--colors-gray-50:#f9fafb;--colors-gray-100:#f3f4f6;--colors-gray-200:#e5e7eb;--colors-gray-300:#d1d5db;--colors-gray-400:#9ca3af;--colors-gray-500:#6b7280;--colors-gray-600:#4b5563;--colors-gray-700:#374151;--colors-gray-800:#1f2937;--colors-gray-900:#111827;--colors-gray-950:#030712;--colors-slate-50:#f8fafc;--colors-slate-100:#f1f5f9;--colors-slate-200:#e2e8f0;--colors-slate-300:#cbd5e1;--colors-slate-400:#94a3b8;--colors-slate-500:#64748b;--colors-slate-600:#475569;--colors-slate-700:#334155;--colors-slate-800:#1e293b;--colors-slate-900:#0f172a;--colors-slate-950:#020617;--blurs-xs:4px;--blurs-sm:8px;--blurs-md:12px;--blurs-lg:16px;--blurs-xl:24px;--blurs-2xl:40px;--blurs-3xl:64px;--spacing-0:0rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--spacing-0\.5:.125rem;--spacing-1\.5:.375rem;--spacing-2\.5:.625rem;--spacing-3\.5:.875rem;--spacing-4\.5:1.125rem;--spacing-5\.5:1.375rem;--sizes-0:0rem;--sizes-1:.25rem;--sizes-2:.5rem;--sizes-3:.75rem;--sizes-4:1rem;--sizes-5:1.25rem;--sizes-6:1.5rem;--sizes-7:1.75rem;--sizes-8:2rem;--sizes-9:2.25rem;--sizes-10:2.5rem;--sizes-11:2.75rem;--sizes-12:3rem;--sizes-14:3.5rem;--sizes-16:4rem;--sizes-20:5rem;--sizes-24:6rem;--sizes-28:7rem;--sizes-32:8rem;--sizes-36:9rem;--sizes-40:10rem;--sizes-44:11rem;--sizes-48:12rem;--sizes-52:13rem;--sizes-56:14rem;--sizes-60:15rem;--sizes-64:16rem;--sizes-72:18rem;--sizes-80:20rem;--sizes-96:24rem;--sizes-0\.5:.125rem;--sizes-1\.5:.375rem;--sizes-2\.5:.625rem;--sizes-3\.5:.875rem;--sizes-4\.5:1.125rem;--sizes-5\.5:1.375rem;--sizes-xs:20rem;--sizes-sm:24rem;--sizes-md:28rem;--sizes-lg:32rem;--sizes-xl:36rem;--sizes-2xl:42rem;--sizes-3xl:48rem;--sizes-4xl:56rem;--sizes-5xl:64rem;--sizes-6xl:72rem;--sizes-7xl:80rem;--sizes-8xl:90rem;--sizes-prose:65ch;--sizes-full:100%;--sizes-min:min-content;--sizes-max:max-content;--sizes-fit:fit-content;--sizes-breakpoint-sm:640px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:1024px;--sizes-breakpoint-xl:1280px;--sizes-breakpoint-2xl:1536px;--animations-spin:spin 1s linear infinite;--animations-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce:bounce 1s infinite;--fonts-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fonts-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--fonts-display:"Barlow Condensed", "Arial Narrow", ui-sans-serif, sans-serif;--breakpoints-sm:640px;--breakpoints-md:768px;--breakpoints-lg:1024px;--breakpoints-xl:1280px;--breakpoints-2xl:1536px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}}@layer recipes,utilities;.portfolio-shell{min-height:100vh;position:relative;overflow:clip}.portfolio-shell:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(oklch(0% 0 0/.75),#0000 72%);mask-image:linear-gradient(oklch(0% 0 0/.75),#0000 72%)}.site-nav{z-index:20;color:var(--ink);contain:layout style;background:linear-gradient(oklch(6.5% 0 0/.92) 0%,oklch(6.5% 0 0/.78) 60%,#0000 100%);justify-content:space-between;align-items:center;padding:clamp(1rem,2.2vw,1.6rem) clamp(1rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.brand-mark{width:2.75rem;height:2.75rem;font-family:var(--font-display);border:1px solid;place-items:center;font-size:1.65rem;font-weight:800;line-height:1;display:grid;transform:skew(-9deg)}.nav-links{align-items:center;gap:clamp(.75rem,2.5vw,2rem);font-size:.82rem;font-weight:800;display:flex}.nav-links a{padding:.75rem 0;position:relative}.nav-links a:after{content:"";transform-origin:100%;height:2px;transition:transform .22s var(--ease-out-quint);background:currentColor;position:absolute;bottom:.45rem;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.hero-section{isolation:isolate;grid-template-columns:minmax(0,1fr);align-items:end;min-height:100svh;padding:clamp(7rem,14vw,10rem) clamp(1rem,4vw,4rem) clamp(3rem,7vw,5rem);display:grid;position:relative}.poster-field{z-index:0;perspective:900px;position:absolute;inset:0;overflow:hidden}.poster-grid{border:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.72;animation:grid-arrive 1.2s var(--ease-out-expo) both;background-size:48px 48px;position:absolute;inset:14vh 8vw 7vh 28vw;transform:skew(-15deg)rotate(-3deg)}.plane{animation:plane-arrive .9s var(--ease-out-expo) both;will-change:transform, opacity;backface-visibility:hidden;position:absolute;transform:translateZ(0)}.plane-white{background:var(--ink);clip-path:polygon(18% 0,100% 0,72% 100%,0 76%);opacity:.55;width:43vw;height:54vh;transform:translateY(calc(var(--scroll-y) * -.12px)) translateZ(0);animation-delay:.15s;top:18vh;right:6vw}.plane-crimson{background:linear-gradient(128deg, var(--primary), var(--primary-deep));clip-path:polygon(0 26%,84% 0,100% 74%,12% 100%);width:72vw;height:39vh;box-shadow:0 18px 8px var(--shadow);transform:translateY(calc(var(--scroll-y) * -.06px)) translateZ(0);animation-delay:.32s;bottom:6vh;left:-12vw}.plane-ink{border:1px solid var(--line-strong);clip-path:polygon(10% 0,100% 18%,84% 100%,0 70%);width:28vw;height:20vh;transform:translateY(calc(var(--scroll-y) * -.18px)) translateZ(0);background:oklch(2% 0 0/.7);animation-delay:.48s;bottom:17vh;right:8vw}.teal-signal{background:var(--accent);width:clamp(.8rem,1.6vw,1.4rem);height:clamp(.8rem,1.6vw,1.4rem);animation:signal-pulse 2.2s var(--ease-out-quint) infinite;position:absolute;transform:rotate(45deg);box-shadow:0 0 32px oklch(79% .16 181/.48)}.signal-one{top:24vh;left:58vw}.signal-two{animation-delay:.7s;bottom:13vh;right:21vw}.wire-object{fill:oklch(79% .16 181/.05);width:min(33vw,25rem);min-width:14rem;stroke:var(--accent);stroke-width:1.4px;filter:drop-shadow(0 18px 28px oklch(0% 0 0/.45));transform:rotateX(58deg) rotateZ(-16deg) translateY(calc(var(--scroll-y) * -.22px)) translateZ(0);will-change:transform;backface-visibility:hidden;animation:9s ease-in-out infinite wire-float;position:absolute;top:22vh;right:clamp(1rem,6vw,6rem)}.hero-content{z-index:2;width:min(100%,76rem);animation:content-arrive .8s var(--ease-out-expo) .2s both;will-change:transform, opacity;position:relative}.hero-kicker,.section-heading p,.contact-section>p{color:var(--accent);margin:0;font-size:clamp(.82rem,1.3vw,1rem);font-weight:800}.hero-content h1{max-width:11ch;font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;text-shadow:0 4px 40px oklch(0% 0 0/.7);margin:.35rem 0 0;font-size:clamp(5rem,17vw,15rem);font-weight:800;line-height:.78}.hero-content h1 span{color:var(--primary);display:block}.hero-copy{max-width:43rem;color:var(--ink-soft);text-wrap:pretty;text-shadow:0 2px 16px oklch(0% 0 0/.6);margin:clamp(1.5rem,3vw,2.25rem) 0 0;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:clamp(1.8rem,3vw,2.6rem);display:flex}.button-primary,.button-secondary{min-height:3.1rem;transition:transform .18s var(--ease-out-quint), background-color .18s var(--ease-out-quint), color .18s var(--ease-out-quint);justify-content:center;align-items:center;padding:.9rem 1.15rem;font-size:.9rem;font-weight:800;display:inline-flex}.button-primary{color:var(--ink);background:var(--primary);clip-path:polygon(0 0,calc(100% - .85rem) 0,100% 100%,.85rem 100%)}.button-secondary{color:var(--ink);border:1px solid var(--line-strong);background:oklch(98% 0 0/.04)}.button-primary:hover,.button-secondary:hover,.contact-link:hover{transform:translateY(-2px)}.button-secondary:hover{color:var(--bg);background:var(--ink)}.hero-proof{z-index:2;max-width:17rem;color:var(--ink);animation:content-arrive .8s var(--ease-out-expo) .5s both;will-change:transform, opacity;gap:.65rem;display:grid;position:absolute;bottom:clamp(2rem,6vw,5rem);right:clamp(1rem,4vw,4rem)}.hero-proof p{color:var(--ink-soft);text-shadow:0 2px 12px oklch(0% 0 0/.6);margin:0 0 .3rem;font-size:.92rem;line-height:1.5}.hero-proof span{border:1px solid var(--line);width:fit-content;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(6.5% 0 0/.6);padding:.35rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.work-section,.method-section,.contact-section{padding:clamp(4rem,9vw,8rem) clamp(1rem,4vw,4rem);position:relative}.work-section{background:var(--ink);color:var(--bg);clip-path:polygon(0 4vw,100% 0,100% 100%,0 100%);grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,6rem);display:grid}.section-heading{align-self:start;position:sticky;top:6rem}.section-heading p{color:var(--primary)}.section-heading h2,.method-panel h2,.contact-section h2{max-width:10ch;font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;margin:.6rem 0 0;font-size:clamp(3.2rem,8vw,7rem);font-weight:800;line-height:.88}.work-stack{gap:clamp(1rem,2vw,1.4rem);padding-top:3vw;display:grid}.work-slab{min-height:9rem;color:var(--bg);opacity:0;transition:opacity .9s var(--ease-out-expo) calc(var(--i,0) * .15s), translate .9s var(--ease-out-expo) calc(var(--i,0) * .15s), transform .26s var(--ease-out-quint), color .26s var(--ease-out-quint), background-color .26s var(--ease-out-quint);background:oklch(96% 0 0);border:1px solid oklch(12% 0 0/.22);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,2vw,1.4rem);display:grid;transform:skew(-6deg)translateY(2rem)}.is-revealed .work-slab{opacity:1;translate:0}.work-slab:nth-child(2){background:var(--primary);color:var(--ink);margin-left:clamp(0rem,7vw,5rem)}.work-slab:nth-child(3){margin-left:clamp(0rem,3vw,2.5rem)}.work-slab:nth-child(4){margin-left:clamp(0rem,5vw,3.5rem)}.work-slab:hover{color:var(--ink);background:var(--bg);transform:skew(-6deg)translate(-.45rem)}.work-slab>*{transform:skew(6deg)}.slab-index{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4rem);font-weight:800;line-height:.8}.work-slab h3{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:.9}.work-slab p{margin:0;font-weight:700;line-height:1.45}.work-slab div p,.work-slab span{color:currentColor;opacity:.72;margin-top:.35rem;font-size:.82rem;font-weight:800}.stack-section{flex-direction:column;justify-content:center;align-items:center;gap:clamp(2rem,4vw,3rem);min-height:50vh;padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,4rem);display:flex;position:relative}.stack-header{text-align:center}.stack-header h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);margin:.5rem 0 0;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:.9}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tag-cloud{flex-direction:column;align-items:center;gap:clamp(.8rem,1.5vw,1.2rem);max-width:56rem;display:flex}.tag-tier-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:clamp(.5rem,1vw,.8rem) 0 0;font-size:.78rem;font-weight:800}.tag-tier-label:first-child{margin-top:0}.tag-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);display:flex}.tag{border:1px solid var(--line);white-space:nowrap;color:var(--ink-soft);opacity:0;transition:opacity .6s var(--ease-out-expo) calc(var(--tag-i,0) * 40ms), scale .6s var(--ease-out-expo) calc(var(--tag-i,0) * 40ms);animation:6s ease-in-out infinite tag-drift;animation-delay:calc(var(--tag-i,0) * -400ms);padding:.5rem 1rem;font-weight:700;display:inline-block;scale:.85}.stack-section.is-revealed .tag{opacity:1;scale:1}.tag:hover{color:var(--ink);border-color:var(--accent)}.tag-primary{color:var(--ink);border-color:var(--primary);font-size:clamp(1.05rem,2vw,1.4rem);font-weight:800}.tag-secondary{color:var(--ink-soft);font-size:clamp(.82rem,1.3vw,.95rem)}@keyframes tag-drift{0%,to{transform:translateY(0)}50%{transform:translateY(clamp(-4px,-.5vw,-6px))}}.method-section{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:78vh;display:grid}.method-section:before{content:"";border:1px solid var(--line);background:linear-gradient(135deg, transparent 47%, var(--primary) 47% 53%, transparent 53%), linear-gradient(45deg, transparent 47%, var(--accent) 47% 52%, transparent 52%);clip-path:polygon(50% 0,100% 35%,82% 100%,14% 84%,0 18%);opacity:.32;width:min(44rem,80vw);height:min(44rem,80vw);position:absolute;inset:12% -18% auto auto;transform:rotate(-18deg)}.method-panel{z-index:1;position:relative}.method-panel h2{max-width:11ch}.method-panel p{max-width:45rem;color:var(--ink-soft);text-wrap:pretty;margin:clamp(1.4rem,3vw,2rem) 0 0;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.method-section[data-reveal] .method-panel,.method-section[data-reveal] .capability-radar{opacity:0;transition:opacity 1s var(--ease-out-expo), transform 1s var(--ease-out-expo);transform:translateY(1.5rem)}.method-section[data-reveal] .capability-radar{transition-delay:.3s}.method-section.is-revealed .method-panel,.method-section.is-revealed .capability-radar{opacity:1;transform:translateY(0)}.capability-radar{z-index:1;gap:.8rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.capability-radar li{border:1px solid var(--line);color:var(--ink);background:oklch(98% 0 0/.035);padding:1rem 1.1rem;font-weight:800;transform:skew(-8deg)}.capability-radar li:nth-child(2n){color:var(--accent);margin-left:clamp(0rem,4vw,3rem)}.contact-section{background:var(--primary);min-height:72vh;color:var(--ink);clip-path:polygon(0 0,100% 7vw,100% 100%,0 100%);align-content:center;display:grid}.contact-section>p{color:var(--bg)}.contact-section h2{max-width:12ch;color:var(--ink)}.contact-section[data-reveal] h2,.contact-section[data-reveal] .contact-link{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);transform:translateY(1rem)scale(.97)}.contact-section[data-reveal] .contact-link{transition-delay:.25s}.contact-section.is-revealed h2,.contact-section.is-revealed .contact-link{opacity:1;transform:translateY(0)scale(1)}.contact-link{width:fit-content;color:var(--bg);font-family:var(--font-display);letter-spacing:-.02em;transition:transform .24s var(--ease-out-quint);overflow-wrap:anywhere;margin-top:clamp(1.4rem,3vw,2rem);font-size:clamp(2.4rem,8vw,7.5rem);font-weight:800;line-height:.9}@keyframes content-arrive{0%{opacity:0;transform:translateY(2rem)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes plane-arrive{0%{opacity:0;transform:translate(7vw,4vh)rotate(-4deg)}to{opacity:1;transform:translate(0,0)rotate(0)}}@keyframes grid-arrive{0%{opacity:0;transform:skew(-15deg)rotate(-3deg)translateY(-2rem)}}@keyframes signal-pulse{0%,to{transform:rotate(45deg)scale(1)}50%{transform:rotate(45deg)scale(1.28)}}@keyframes wire-float{0%,to{transform:rotateX(58deg) rotateZ(-16deg) translateY(calc(var(--scroll-y) * -.22px))}50%{transform:rotateX(61deg) rotateZ(-11deg) translateY(calc(var(--scroll-y) * -.22px)) translate3d(-1rem, .8rem, 0)}}@media (width<=980px){.hero-section{align-items:center;padding-top:6rem}.wire-object{opacity:.62;top:14vh;right:-3rem}.work-section,.method-section{grid-template-columns:1fr}.section-heading{position:relative;top:auto}.work-slab{grid-template-columns:auto 1fr auto}}@media (width<=640px){.site-nav{padding:1rem;position:absolute}.nav-links{gap:.85rem;font-size:.75rem}.hero-section{align-items:end;min-height:100svh;padding:5rem 1.25rem 3rem}.hero-content h1{max-width:8ch;font-size:clamp(4.2rem,18vw,6.5rem)}.hero-copy{font-size:1rem}.hero-actions{gap:.65rem;display:grid}.button-primary,.button-secondary{justify-content:center;width:100%}.plane-white{width:72vw;height:38vh;top:8vh;right:-14vw}.plane-crimson{width:96vw;height:28vh;left:-20vw}.plane-ink{width:45vw;height:18vh;bottom:22vh;right:2vw}.poster-grid{inset:12vh -8vw 20vh 10vw}.wire-object{opacity:.5;width:min(55vw,16rem);top:12vh;right:-2rem}.teal-signal{width:.7rem;height:.7rem}.work-section{clip-path:polygon(0 2rem,100% 0,100% 100%,0 100%);padding:clamp(5rem,12vw,7rem) 1.25rem}.section-heading h2{font-size:clamp(2.8rem,12vw,4.5rem)}.work-slab{grid-template-columns:auto 1fr;gap:.75rem;min-height:auto;padding:1.2rem;transform:none}.work-slab:hover,.work-slab>*{transform:none}.work-slab>p{grid-column:1/-1}.work-slab:nth-child(2),.work-slab:nth-child(3),.work-slab:nth-child(4){margin-left:0}.slab-index{font-size:2.2rem}.work-slab h3{font-size:clamp(1.6rem,6vw,2.2rem)}.stack-section{min-height:auto;padding:clamp(4rem,9vw,6rem) 1.25rem}.stack-header h2{font-size:clamp(2rem,8vw,3rem)}.tag{padding:.4rem .8rem}.tag-primary{font-size:.95rem}.tag-secondary{font-size:.78rem}.method-section{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:clamp(4rem,9vw,6rem) 1.25rem}.method-panel h2{max-width:none;font-size:clamp(2.8rem,12vw,4.5rem)}.capability-radar li{padding:.85rem 1rem;transform:none}.capability-radar li:nth-child(2n){margin-left:0}.contact-section{clip-path:polygon(0 0,100% 2rem,100% 100%,0 100%);min-height:60vh;padding:clamp(5rem,12vw,7rem) 1.25rem}.contact-section h2{max-width:none;font-size:clamp(2.8rem,12vw,4.5rem)}.contact-link{font-size:clamp(2rem,10vw,3.5rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.plane-white,.plane-crimson,.plane-ink,.wire-object{transform:none!important}.work-slab,.tag,.method-section[data-reveal] .method-panel,.method-section[data-reveal] .capability-radar,.contact-section[data-reveal] h2,.contact-section[data-reveal] .contact-link{opacity:1!important;transform:translate(0,0)!important}}
