@layer theme{:root{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-family-sans);--default-font-feature-settings:var(--font-family-sans--font-feature-settings);--default-font-variation-settings:var(--font-family-sans--font-variation-settings);--default-mono-font-family:var(--font-family-mono);--default-mono-font-feature-settings:var(--font-family-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-family-mono--font-variation-settings);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-black:#000;--color-white:#fff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:#450a0a;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-orange-950:#431407;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-amber-950:#451a03;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-200:#fef08a;--color-yellow-300:#fde047;--color-yellow-400:#facc15;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-yellow-700:#a16207;--color-yellow-800:#854d0e;--color-yellow-900:#713f12;--color-yellow-950:#422006;--color-lime-50:#f7fee7;--color-lime-100:#ecfccb;--color-lime-200:#d9f99d;--color-lime-300:#bef264;--color-lime-400:#a3e635;--color-lime-500:#84cc16;--color-lime-600:#65a30d;--color-lime-700:#4d7c0f;--color-lime-800:#3f6212;--color-lime-900:#365314;--color-lime-950:#1a2e05;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-green-900:#14532d;--color-green-950:#052e16;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-emerald-800:#065f46;--color-emerald-900:#064e3b;--color-emerald-950:#022c22;--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-teal-950:#042f2e;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-sky-50:#f0f9ff;--color-sky-100:#e0f2fe;--color-sky-200:#bae6fd;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-sky-700:#0369a1;--color-sky-800:#075985;--color-sky-900:#0c4a6e;--color-sky-950:#082f49;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c4b5fd;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-violet-600:#7c3aed;--color-violet-700:#6d28d9;--color-violet-800:#5b21b6;--color-violet-900:#4c1d95;--color-violet-950:#2e1065;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--color-purple-950:#3b0764;--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fae8ff;--color-fuchsia-200:#f5d0fe;--color-fuchsia-300:#f0abfc;--color-fuchsia-400:#e879f9;--color-fuchsia-500:#d946ef;--color-fuchsia-600:#c026d3;--color-fuchsia-700:#a21caf;--color-fuchsia-800:#86198f;--color-fuchsia-900:#701a75;--color-fuchsia-950:#4a044e;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-pink-950:#500724;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-rose-800:#9f1239;--color-rose-900:#881337;--color-rose-950:#4c0519;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur:8px;--blur-sm:4px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--radius:.25rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-xs:0 1px #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--inset-shadow-xs:inset 0 1px #0000000d;--inset-shadow-sm:inset 0 1px 1px #0000000d;--inset-shadow:inset 0 2px 4px #0000000d;--drop-shadow:0 1px 2px #0000001a, 0 1px 1px #0000000f;--drop-shadow-sm:0 1px 1px #0000000d;--drop-shadow-md:0 4px 3px #00000012, 0 2px 2px #0000000f;--drop-shadow-lg:0 10px 8px #0000000a, 0 4px 3px #0000001a;--drop-shadow-xl:0 20px 13px #00000008, 0 8px 5px #00000014;--drop-shadow-2xl:0 25px 25px #00000026;--spacing-px:1px;--spacing-0:0px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-3_5:.875rem;--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;--width-3xs:16rem;--width-2xs:18rem;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--width-prose:65ch;--font-family-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs:.75rem;--font-size-xs--line-height:1rem;--font-size-sm:.875rem;--font-size-sm--line-height:1.25rem;--font-size-base:1rem;--font-size-base--line-height:1.5rem;--font-size-lg:1.125rem;--font-size-lg--line-height:1.75rem;--font-size-xl:1.25rem;--font-size-xl--line-height:1.75rem;--font-size-2xl:1.5rem;--font-size-2xl--line-height:2rem;--font-size-3xl:1.875rem;--font-size-3xl--line-height:2.25rem;--font-size-4xl:2.25rem;--font-size-4xl--line-height:2.5rem;--font-size-5xl:3rem;--font-size-5xl--line-height:1;--font-size-6xl:3.75rem;--font-size-6xl--line-height:1;--font-size-7xl:4.5rem;--font-size-7xl--line-height:1;--font-size-8xl:6rem;--font-size-8xl--line-height:1;--font-size-9xl:8rem;--font-size-9xl--line-height:1;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--line-height-3:.75rem;--line-height-4:1rem;--line-height-5:1.25rem;--line-height-6:1.5rem;--line-height-7:1.75rem;--line-height-8:2rem;--line-height-9:2.25rem;--line-height-10:2.5rem;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--transition-timing-function-linear:linear;--transition-timing-function-in:cubic-bezier(.4, 0, 1, 1);--transition-timing-function-out:cubic-bezier(0, 0, .2, 1);--transition-timing-function-in-out:cubic-bezier(.4, 0, .2, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:1px solid}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb, currentColor 50%, transparent)}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.m-1{margin:var(--spacing-1,.25rem)}.mt-2{margin-top:var(--spacing-2,.5rem)}.mt-8{margin-top:var(--spacing-8,2rem)}.mb-16{margin-bottom:var(--spacing-16,4rem)}.mb-4{margin-bottom:var(--spacing-4,1rem)}.mb-8{margin-bottom:var(--spacing-8,2rem)}.-ml-\[8px\]{margin-left:-8px}.ml-2{margin-left:var(--spacing-2,.5rem)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-7{height:var(--spacing-7,1.75rem)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[100px\]{width:100px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)}.scroll-pr-6{scroll-padding-right:var(--spacing-6,1.5rem)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.space-y-1>:not([hidden])~:not([hidden])){margin-bottom:calc(var(--spacing-1,.25rem) * var(--tw-space-y-reverse));margin-top:calc(var(--spacing-1,.25rem) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not([hidden])~:not([hidden])){margin-bottom:calc(var(--spacing-2,.5rem) * var(--tw-space-y-reverse));margin-top:calc(var(--spacing-2,.5rem) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-0>:not([hidden])~:not([hidden])){margin-inline-start:calc(var(--spacing-0,0px) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing-0,0px) * var(--tw-space-x-reverse))}.rounded-lg{border-radius:var(--radius-lg,.5rem)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white{background-color:var(--color-white,#fff)}.p-8{padding:var(--spacing-8,2rem)}.py-1{padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem)}.py-12{padding-top:var(--spacing-12,3rem);padding-bottom:var(--spacing-12,3rem)}.px-0{padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px)}.px-2{padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem)}.px-4{padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem)}.pr-10{padding-right:var(--spacing-10,2.5rem)}.pb-0{padding-bottom:var(--spacing-0,0px)}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--font-size-2xl,1.5rem);line-height:var(--font-size-2xl--line-height,2rem)}.text-4xl{font-size:var(--font-size-4xl,2.25rem);line-height:var(--font-size-4xl--line-height,2.5rem)}.text-sm{font-size:var(--font-size-sm,.875rem);line-height:var(--font-size-sm--line-height,1.25rem)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tracking-tight{letter-spacing:var(--letter-spacing-tight,-.025em)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter,-.05em)}.text-neutral-600{color:var(--color-neutral-600,#525252)}.text-neutral-900{color:var(--color-neutral-900,#171717)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-neutral-800:hover{color:var(--color-neutral-800,#262626)}@media (min-width:768px){.md\:relative{position:relative}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}:where(.md\:space-y-0>:not([hidden])~:not([hidden])){margin-bottom:calc(var(--spacing-0,0px) * var(--tw-space-y-reverse));margin-top:calc(var(--spacing-0,0px) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-2>:not([hidden])~:not([hidden])){margin-inline-start:calc(var(--spacing-2,.5rem) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing-2,.5rem) * var(--tw-space-x-reverse))}:where(.md\:space-x-4>:not([hidden])~:not([hidden])){margin-inline-start:calc(var(--spacing-4,1rem) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing-4,1rem) * var(--tw-space-x-reverse))}.md\:overflow-auto{overflow:auto}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-20{top:var(--spacing-20,5rem)}}@media (prefers-color-scheme:dark){.dark\:text-neutral-100{color:var(--color-neutral-100,#f5f5f5)}.dark\:text-neutral-300{color:var(--color-neutral-300,#d4d4d4)}.dark\:text-neutral-400{color:var(--color-neutral-400,#a3a3a3)}.dark\:hover\:text-neutral-100:hover{color:var(--color-neutral-100,#f5f5f5)}.dark\:hover\:text-neutral-200:hover{color:var(--color-neutral-200,#e5e5e5)}}}:root{--sh-class:#2d5e9d;--sh-identifier:#354150;--sh-sign:#8996a3;--sh-string:#007f7a;--sh-keyword:#e02518;--sh-comment:#a19595;--sh-jsxliterals:#6266d1;--sh-property:#e25a1c;--sh-entity:#e25a1c}@media (prefers-color-scheme:dark){:root{--sh-class:#4c97f8;--sh-identifier:white;--sh-keyword:#f47067;--sh-string:#0fa295}html{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{min-width:360px}.prose .anchor{visibility:hidden;cursor:pointer;width:80%;max-width:700px;margin-left:-1em;padding-right:.5em;text-decoration-line:none;position:absolute}.anchor:hover{visibility:visible}.prose a{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-neutral-400,#a3a3a3);-webkit-text-decoration-color:var(--color-neutral-400,#a3a3a3);text-decoration-color:var(--color-neutral-400,#a3a3a3);text-underline-offset:2px;text-decoration-thickness:.1em;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.prose a{-webkit-text-decoration-color:var(--color-neutral-600,#525252);-webkit-text-decoration-color:var(--color-neutral-600,#525252);text-decoration-color:var(--color-neutral-600,#525252)}}.prose .anchor:after{color:var(--color-neutral-300,#d4d4d4)}@media (prefers-color-scheme:dark){.prose .anchor:after{color:var(--color-neutral-700,#404040)}}.prose .anchor:after{content:"#"}.prose :hover>.anchor{visibility:visible}.prose pre{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e5e5e5);background-color:var(--color-neutral-50,#fafafa);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--font-size-sm--line-height,1.25rem);overflow-x:auto}@media (prefers-color-scheme:dark){.prose pre{border-color:var(--color-neutral-900,#171717);background-color:var(--color-neutral-900,#171717)}}.prose code{border-radius:var(--radius-lg,.5rem);padding-top:var(--spacing-0_5,.125rem);padding-bottom:var(--spacing-0_5,.125rem);padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem)}.prose pre code{padding:var(--spacing-0,0px);border:initial;line-height:1.5}.prose code span{font-weight:500}.prose img{margin:var(--spacing-0,0px)}.prose p{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);color:var(--color-neutral-800,#262626)}@media (prefers-color-scheme:dark){.prose p{color:var(--color-neutral-200,#e5e5e5)}}.prose h1{margin-top:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-2,.5rem);font-size:var(--font-size-4xl,2.25rem);line-height:var(--font-size-4xl--line-height,2.5rem);letter-spacing:var(--letter-spacing-tight,-.025em);font-weight:500}.prose h2,.prose h3{margin-top:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-2,.5rem);font-size:var(--font-size-xl,1.25rem);line-height:var(--font-size-xl--line-height,1.75rem);letter-spacing:var(--letter-spacing-tight,-.025em);font-weight:500}.prose h4{margin-top:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-2,.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--font-size-lg--line-height,1.75rem);letter-spacing:var(--letter-spacing-tight,-.025em);font-weight:500}.prose strong{font-weight:500}.prose ul{padding-left:var(--spacing-6,1.5rem);list-style-type:disc}.prose ol{padding-left:var(--spacing-6,1.5rem);list-style-type:decimal}.prose>:first-child{margin-top:1.25em!important;margin-bottom:1.25em!important}pre::-webkit-scrollbar{display:none}pre{-ms-overflow-style:none;scrollbar-width:none}input[type=text],input[type=email]{appearance:none}table{white-space:nowrap;max-width:fit-content;display:block;overflow-x:auto}.title{text-wrap:balance}@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}}@property --tw-rotate-x{syntax:"<transform-function>";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"<transform-function>";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"<transform-function>";inherits:false;initial-value:rotate(0)}@property --tw-skew-x{syntax:"<transform-function>";inherits:false;initial-value:skew(0deg)}@property --tw-skew-y{syntax:"<transform-function>";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
:root{--cream:#faf7f2;--cream-mid:#f0ebe3;--cream-deep:#e4ddd2;--blue:#7bbac0;--blue-light:#a8d5d9;--blue-wash:#7bbac01a;--blue-glow:#7bbac04d;--green:#6ba889;--green-wash:#6ba8891a;--amber:#a07535;--amber-wash:#9b733229;--amber-wash-light:#9b733212;--amber-border:#9b733233;--amber-text:#7a5a22;--ink:#1c1917;--ink-soft:#44403c;--ink-muted:#8c8580;--ink-faint:#b8b0a8;--surface:#fff9;--border:#1c19170f;--border-hover:#1c19171f;--font-serif:"Instrument Serif", serif;--font-display:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--seif-ink:#332e2e}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--cream-deep) transparent}body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);overflow-x:hidden}body:after{content:"";opacity:.25;pointer-events:none;z-index:9999;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}::selection{background:var(--blue);color:#fff}.intro-splash{z-index:200;background:#0a0a08;justify-content:center;align-items:center;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.intro-name{font-family:var(--font-serif);letter-spacing:-.04em;color:#fff;opacity:0;font-size:clamp(3rem,7vw,6rem);font-weight:400;animation:1s cubic-bezier(.16,1,.3,1) .3s forwards introReveal;transform:translateY(20px)}.intro-name em{color:var(--blue);font-style:italic}@keyframes introReveal{to{opacity:1;transform:translateY(0)}}.blob{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.blob--1{background:var(--blue);opacity:.05;width:500px;height:500px;top:-100px;right:10%}.blob--2{background:var(--blue-light);opacity:.04;width:350px;height:350px;bottom:20%;left:-50px}.wrap{z-index:1;max-width:1200px;margin:0 auto;padding:0 3rem;position:relative}.site-nav{z-index:50;-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#faf7f2bf;border-radius:100px;align-items:center;gap:2.5rem;padding:.7rem 2rem;transition:background .4s,box-shadow .4s;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.site-nav.scrolled{background:#faf7f2e6;box-shadow:0 4px 20px -5px #0000000f}.nav-name{font-family:var(--font-sans);color:var(--ink);white-space:nowrap;font-size:.85rem;font-weight:600;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--ink-muted);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--blue);width:0;height:1.5px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-3px;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.top-section{grid-template-columns:auto minmax(0,1fr) minmax(0,600px);align-items:center;column-gap:clamp(1.5rem,4vw,5rem);width:min(1700px,100vw - 4rem);min-height:100vh;padding-top:5rem;display:grid;position:relative;left:50%;transform:translate(-50%)}.hero-section{display:contents}.hero-photo-wrap{opacity:0;border-radius:50%;grid-column:1;align-self:center;width:clamp(220px,22vw,380px);height:clamp(220px,22vw,380px);margin-top:-9rem;animation:.65s cubic-bezier(.16,1,.3,1) forwards fadeUp;overflow:hidden;transform:translateY(15px)}.hero-photo{object-fit:cover;transform-origin:50% 90%;width:100%;height:100%;transform:scale(1.2)}.hero-text{grid-column:2;align-self:center;min-width:0;margin-top:-9rem}.hero-hey{font-family:var(--font-sans);color:var(--ink-muted);letter-spacing:.01em;opacity:0;margin-bottom:.5rem;font-size:1.9rem;font-weight:400;animation:.55s cubic-bezier(.16,1,.3,1) .15s forwards fadeUp;transform:translateY(12px)}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--seif-ink);opacity:0;font-size:clamp(2.6rem,4.4vw,5rem);font-style:italic;font-weight:900;line-height:1;animation:.65s cubic-bezier(.16,1,.3,1) .28s forwards fadeUp;transform:translateY(20px)}.btn-know-more{background:var(--seif-ink);color:#fff;font-family:var(--font-sans);cursor:pointer;opacity:0;border:none;border-radius:100px;align-items:center;gap:.55rem;margin-top:1.8rem;padding:.75rem 1.4rem;font-size:.8rem;font-weight:500;transition:opacity .25s,transform .25s,box-shadow .25s;animation:.5s cubic-bezier(.16,1,.3,1) .62s forwards fadeUp;display:inline-flex;transform:translateY(12px)}.btn-know-more:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 8px 24px -6px #332e2e4d}.btn-know-more svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-know-more:hover svg{transform:translate(3px)}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(10px);background:#1c191766;justify-content:center;align-items:center;padding:2rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.modal{background:var(--cream);border:1px solid #fff9;border-radius:24px;width:100%;max-width:820px;max-height:85vh;padding:3.5rem 4rem;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s;position:relative;overflow-y:auto;box-shadow:0 40px 100px -20px #0003,inset 0 0 0 1px #fff6}.modal-close{cursor:pointer;width:34px;height:34px;color:var(--ink-muted);background:#1c19170f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:1.4rem;right:1.4rem}.modal-close:hover{color:var(--ink);background:#1c19171a}.modal-close svg{width:15px;height:15px}.modal-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem;font-size:.62rem;font-weight:600}.modal-heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--seif-ink);margin-bottom:2.5rem;font-size:clamp(1.9rem,3vw,2.6rem);font-style:italic;font-weight:900;line-height:1.1}.modal-body{flex-direction:column;gap:1.4rem;display:flex}.modal-body p{color:var(--ink-soft);font-size:.98rem;line-height:1.9}.hero-tags{flex-wrap:wrap;gap:.45rem;margin-top:1.25rem;display:flex}.hero-sub{color:var(--ink-muted);opacity:0;max-width:360px;margin-top:1.25rem;font-size:.92rem;line-height:1.65;animation:.8s cubic-bezier(.16,1,.3,1) .75s forwards fadeUp;transform:translateY(15px)}.hero-tag{letter-spacing:.02em;background:var(--blue-wash);color:#4e9ca3;opacity:0;border:1px solid #7bbac026;border-radius:100px;padding:.3rem .75rem;font-size:.68rem;font-weight:500;animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(12px)}.cards-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem;display:grid}.card-enter{opacity:0;transform:translateY(35px)}.card-enter-1{animation:.65s cubic-bezier(.16,1,.3,1) .55s forwards cardEnter}.card-enter-2{animation:.65s cubic-bezier(.16,1,.3,1) .65s forwards cardEnter}.card-enter-3{animation:.65s cubic-bezier(.16,1,.3,1) .75s forwards cardEnter}.card-enter-4{animation:.65s cubic-bezier(.16,1,.3,1) .85s forwards cardEnter}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.project-card{cursor:pointer;background:linear-gradient(150deg, var(--amber-wash) 0%, var(--amber-wash-light) 100%);border:1px solid var(--amber-border);-webkit-backdrop-filter:blur(20px);height:100%;min-height:260px;transform-style:preserve-3d;will-change:transform;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem 1.4rem;transition:transform .45s cubic-bezier(.03,.98,.52,.99),box-shadow .45s,border-color .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#9b73324d}.project-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff4d 0%,#0000 100%);border-radius:16px 16px 0 0;height:45%;position:absolute;top:0;left:0;right:0}.project-card:after{content:"";filter:blur(70px);opacity:0;pointer-events:none;background:var(--amber);border-radius:50%;width:160px;height:160px;transition:opacity .5s;position:absolute;bottom:-60px;right:-60px}.project-card:hover:after{opacity:.4}.card-highlight{opacity:0;pointer-events:none;z-index:1;border-radius:16px;transition:opacity .4s;position:absolute;inset:0}.project-card:hover .card-highlight{opacity:1}.card-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--amber-text);z-index:2;font-size:.55rem;font-weight:600;position:relative}.card-logo-area{z-index:2;align-items:center;gap:.6rem;margin-bottom:.2rem;padding:.7rem 0;display:flex;position:relative}.card-logo{object-fit:contain;filter:drop-shadow(0 3px 10px #9b733226);border-radius:9px;width:34px;height:34px}.card-logo-text{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);font-size:1.5rem;font-weight:400}.card-desc{color:var(--ink-muted);z-index:2;font-size:.74rem;line-height:1.6;position:relative}.card-footer{z-index:2;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.1rem;display:flex;position:relative}.card-role{color:var(--amber-text);background:#9b73321a;border:1px solid #9b73322e;border-radius:100px;padding:.22rem .55rem;font-size:.6rem;font-weight:500}.card-site-link{color:var(--blue);z-index:3;margin-left:auto;font-size:.6rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.card-site-link:hover{color:var(--ink)}.card-arrow{background:#9b73321a;border:1px solid #9b733226;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.card-arrow svg{width:11px;height:11px;color:var(--amber-text);transition:all .35s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-arrow{background:var(--amber);border-color:var(--amber);transform:translate(2px)}.project-card:hover .card-arrow svg{color:#fff}.project-card--soon{cursor:default;background:0 0;border:1.5px dashed #9b733233}.project-card--soon:before,.project-card--soon:after{display:none}.project-card--soon:hover{border-color:#9b733259;box-shadow:none!important;transform:none!important}.card-soon-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}.card-soon-title{font-family:var(--font-serif);color:var(--ink-faint);font-size:1.05rem}.card-soon-sub{color:var(--ink-faint);max-width:170px;font-size:.68rem;line-height:1.45}.about-section{padding:4.5rem 0}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:1.5rem;font-size:.62rem;font-weight:600}.about-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:2.5rem;display:grid}.about-heading{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--ink);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;line-height:1.2}.about-heading em{color:var(--blue);font-style:italic}.about-text{font-family:var(--font-sans);color:var(--ink-soft);font-size:1.05rem;font-weight:400;line-height:1.95}.about-text p+p{margin-top:1.5rem}.about-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;padding-top:2.5rem;display:grid}.stat-number{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.03em;font-size:2.4rem;font-weight:400;line-height:1}.stat-number span{color:var(--blue)}.stat-label{color:var(--ink-muted);margin-top:.35rem;font-size:.72rem;line-height:1.4}.projects-section{border-top:1px solid var(--border);padding:4.5rem 0}.projects-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.25rem;margin-top:2rem;display:grid}.projects-grid>div{display:flex}.project-item{background:linear-gradient(150deg, var(--amber-wash) 0%, var(--amber-wash-light) 100%);border:1px solid var(--amber-border);border-radius:16px;flex-direction:column;flex:1;gap:.75rem;padding:1.75rem 1.5rem;transition:border-color .3s,box-shadow .3s;display:flex}.project-item:hover{border-color:#9b73324d;box-shadow:0 8px 30px -10px #9b73321a}.project-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-item-name{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.02em;font-size:1.35rem;font-weight:400}.project-item-date{color:var(--ink-faint);white-space:nowrap;margin-top:.3rem;font-size:.62rem;font-weight:500}.project-item-desc{color:var(--ink-muted);font-size:.82rem;line-height:1.7}.project-item-tech{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.project-item-tech span{letter-spacing:.03em;color:var(--amber-text);background:#9b733214;border:1px solid #9b73321f;border-radius:4px;padding:.15rem .5rem;font-size:.58rem;font-weight:600}.project-item-link{color:var(--blue);align-items:center;gap:.4rem;margin-top:auto;padding-top:.5rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .25s;display:inline-flex}.project-item-link:hover{color:var(--ink)}.project-item-link svg{width:12px;height:12px}.blog-section{border-top:1px solid var(--border);padding:4.5rem 0}.blog-coming-soon{text-align:center;border:1.5px dashed #9b733233;border-radius:16px;margin-top:2rem;padding:3rem 2rem}.blog-coming-soon-title{font-family:var(--font-serif);color:var(--ink-faint);letter-spacing:-.02em;font-size:1.5rem}.blog-coming-soon-sub{color:var(--ink-faint);max-width:400px;margin-top:.5rem;margin-left:auto;margin-right:auto;font-size:.82rem;line-height:1.6}.contact-section{border-top:1px solid var(--border);padding:4.5rem 0}.contact-panel{background:var(--cream-mid);border:1px solid var(--cream-deep);border-radius:18px;max-width:460px;margin-top:2rem;padding:.5rem 0}.contact-item{align-items:center;gap:1.1rem;padding:1.1rem 1.6rem;text-decoration:none;display:flex}.contact-item-icon{border:1px solid var(--amber-border);width:36px;height:36px;color:var(--amber-text);background:#9b73321f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item-icon svg{width:16px;height:16px}.contact-item-text{flex-direction:column;gap:.18rem;display:flex}.contact-item-label{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-muted);font-size:.58rem;font-weight:600}.contact-item-value{color:var(--ink);letter-spacing:-.01em;font-size:.95rem;font-weight:500}.site-footer{border-top:1px solid var(--border);text-align:center;padding:2.5rem 0}.site-footer p{color:var(--ink-faint);font-size:.72rem}.site-footer a{color:var(--blue);text-decoration:none}.site-footer a:hover{color:var(--ink)}.detail-view{z-index:100;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;overflow-y:auto}.detail-bg{z-index:-1;background:radial-gradient(ellipse 60% 45% at 10% 10%, #7bbac012 0%, transparent 60%), radial-gradient(ellipse 45% 35% at 85% 85%, #7bbac00a 0%, transparent 50%), var(--cream);position:fixed;inset:0}.detail-bg:after{content:"";opacity:.2;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.detail-layout{grid-template-columns:340px 1fr;gap:2rem;min-height:100vh;display:grid}.detail-left{flex-direction:column;justify-content:center;height:100vh;padding:2.5rem 0 2.5rem 3rem;display:flex;position:sticky;top:0}.back-btn{z-index:110;border:1px solid var(--border);color:var(--ink-muted);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#faf7f2cc;border-radius:100px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;top:1.5rem;left:2rem}.back-btn:hover{color:var(--ink);background:#ffffffe6}.back-btn svg{width:13px;height:13px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.back-btn:hover svg{transform:translate(-3px)}.detail-header-logo{align-items:center;gap:.8rem;margin-bottom:1.25rem;display:flex}.detail-header-logo img{filter:drop-shadow(0 2px 16px #7bbac040);border-radius:12px;width:44px;height:44px}.detail-header-logo span{font-family:var(--font-serif);letter-spacing:-.03em;background:linear-gradient(135deg, #4e9ca3 0%, var(--blue) 50%, var(--blue-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.4rem;font-weight:400}.detail-role-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.detail-role-badge{letter-spacing:.05em;background:var(--blue-wash);color:#4e9ca3;border:1px solid #7bbac033;border-radius:100px;padding:.28rem .7rem;font-size:.65rem;font-weight:600}.detail-date{color:var(--ink-faint);font-size:.72rem}.detail-subtitle{color:var(--ink-muted);margin-top:1.2rem;font-size:.88rem;line-height:1.75}.detail-right{align-items:center;padding:4rem 3rem 4rem 0;display:flex}.tl-title{font-family:var(--font-serif);color:var(--ink);margin-bottom:.3rem;font-size:1.1rem;font-weight:400;line-height:1.35}.tl-text{color:var(--ink-muted);max-width:560px;font-size:.78rem;line-height:1.7}.tl-text strong{color:var(--ink-soft);font-weight:600}.tl-stats{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.tl-stat{letter-spacing:.03em;background:var(--blue-wash);color:#4e9ca3;border:1px solid #7bbac01f;border-radius:4px;padding:.15rem .5rem;font-size:.6rem;font-weight:600}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.wrap{padding:0 2rem}.top-section{grid-template-columns:1fr;gap:3rem;width:auto;min-height:auto;padding-top:7rem;padding-bottom:3rem;left:auto;transform:none}.hero-section{display:block}.hero-photo-wrap{align-self:auto;width:200px;height:200px;margin:0 auto 1.5rem}.hero-text{align-self:auto;margin-top:0}.cards-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:2rem}.detail-layout{grid-template-columns:1fr}.detail-left{height:auto;padding:5rem 1.5rem 1rem;position:relative}.detail-right{align-items:flex-start;padding:0 1.5rem 2rem}}@media (max-width:600px){.wrap{padding:0 1.5rem}.site-nav{gap:1rem;padding:.6rem 1.1rem}.nav-name{font-size:.8rem}.nav-links{gap:1rem}.nav-links a{font-size:.78rem}.hero-title{font-size:2.8rem}.cards-grid{grid-template-columns:1fr;max-width:360px}.cards-grid .card-wrapper:first-child{grid-row:auto}.project-card{min-height:200px}.about-stats,.projects-grid{grid-template-columns:1fr}}
