.pixel-mark[data-astro-cid-tmp6dghe]{--pixel: 4px;display:grid;grid-template-columns:repeat(4,var(--pixel));grid-template-rows:repeat(5,var(--pixel));gap:calc(var(--pixel) / 2);width:-moz-max-content;width:max-content;flex:0 0 auto}.pixel-mark--small[data-astro-cid-tmp6dghe]{--pixel: 3px}.pixel-mark--large[data-astro-cid-tmp6dghe]{--pixel: 7px}.pixel[data-astro-cid-tmp6dghe]{width:var(--pixel);height:var(--pixel);background:var(--accent)}.pixel-1[data-astro-cid-tmp6dghe],.pixel-2[data-astro-cid-tmp6dghe],.pixel-3[data-astro-cid-tmp6dghe]{grid-row:1}.pixel-1[data-astro-cid-tmp6dghe]{grid-column:2}.pixel-2[data-astro-cid-tmp6dghe]{grid-column:3}.pixel-3[data-astro-cid-tmp6dghe]{grid-column:4}.pixel-4[data-astro-cid-tmp6dghe],.pixel-5[data-astro-cid-tmp6dghe],.pixel-6[data-astro-cid-tmp6dghe]{grid-row:2}.pixel-4[data-astro-cid-tmp6dghe],.pixel-7[data-astro-cid-tmp6dghe],.pixel-10[data-astro-cid-tmp6dghe]{grid-column:1}.pixel-5[data-astro-cid-tmp6dghe],.pixel-8[data-astro-cid-tmp6dghe],.pixel-11[data-astro-cid-tmp6dghe]{grid-column:2}.pixel-6[data-astro-cid-tmp6dghe]{grid-column:3;opacity:0}.pixel-7[data-astro-cid-tmp6dghe],.pixel-8[data-astro-cid-tmp6dghe],.pixel-9[data-astro-cid-tmp6dghe]{grid-row:3}.pixel-9[data-astro-cid-tmp6dghe]{grid-column:3;opacity:0}.pixel-10[data-astro-cid-tmp6dghe],.pixel-11[data-astro-cid-tmp6dghe],.pixel-12[data-astro-cid-tmp6dghe]{grid-row:4}.pixel-12[data-astro-cid-tmp6dghe]{grid-column:3;opacity:0}.pixel-13[data-astro-cid-tmp6dghe],.pixel-14[data-astro-cid-tmp6dghe],.pixel-15[data-astro-cid-tmp6dghe]{grid-row:5}.pixel-13[data-astro-cid-tmp6dghe]{grid-column:2}.pixel-14[data-astro-cid-tmp6dghe]{grid-column:3}.pixel-15[data-astro-cid-tmp6dghe]{grid-column:4}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Alexandria,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Alexandria,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-16{right:-4rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.right-0{right:0}.top-16{top:4rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.-mt-30{margin-top:-7.3rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-80{height:20rem}.w-4{width:1rem}.w-60{width:15rem}.w-72{width:18rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-10{gap:2.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.border,.border-1{border-width:1px}.border-3{border-width:3px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-pblue{--tw-bg-opacity: 1;background-color:rgb(150 199 242 / var(--tw-bg-opacity, 1))}.bg-pgreen{--tw-bg-opacity: 1;background-color:rgb(173 242 150 / var(--tw-bg-opacity, 1))}.bg-ppink{--tw-bg-opacity: 1;background-color:rgb(243 150 229 / var(--tw-bg-opacity, 1))}.bg-pyellow{--tw-bg-opacity: 1;background-color:rgb(242 207 150 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-bottom{-o-object-position:bottom;object-position:bottom}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-pblack{--tw-text-opacity: 1;color:rgb(78 98 115 / var(--tw-text-opacity, 1))}.text-pblue{--tw-text-opacity: 1;color:rgb(150 199 242 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(242 242 242 / var(--tw-text-opacity, 1))}.shadow-card{--tw-shadow: 4px 4px #000000;--tw-shadow-colored: 4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card1{--tw-shadow: 2px 2px #000000;--tw-shadow-colored: 2px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #0b0b0d;--surface: #141416;--surface-raised: #1f2023;--surface-strong: #2c2d31;--text: #f5f6f7;--text-secondary: #a1a4aa;--text-muted: #747881;--accent: #2563ff;--accent-bright: #4c7dff;--accent-soft: rgba(37, 99, 255, .12);--border: rgba(245, 246, 247, .12);--border-strong: rgba(245, 246, 247, .2);--container: 1320px;--gutter: clamp(1.25rem, 3.2vw, 3rem);--section-space: clamp(5.5rem, 10vw, 9rem);--radius: 10px;--transition: .2s cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Alexandria,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}::-moz-selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;transform:translateY(-180%);background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:4px}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto}.narrow{width:min(100% - (var(--gutter) * 2),820px);margin-inline:auto}.section{padding-block:var(--section-space)}.section--tight{padding-block:clamp(4rem,7vw,6rem)}.section--proof{padding-block:clamp(2rem,4vw,3.5rem)}.section-divider{border-top:1px solid var(--border)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:#0b0b0dd1;backdrop-filter:blur(14px)}.site-header:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.site-nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;letter-spacing:-.02em}.desktop-nav{display:flex;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none}.desktop-nav a{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem .85rem;color:var(--text-secondary);font-size:.82rem;border-radius:6px;transition:color var(--transition),background var(--transition)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--text);background:#ffffff0b}.desktop-nav .nav-contact{margin-left:.5rem;border:1px solid var(--border-strong);color:var(--text)}.desktop-nav .nav-contact:hover{border-color:#2563ff8c;background:var(--accent-soft)}.mobile-nav{display:none}.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.15em;line-height:1.2;text-transform:uppercase}.eyebrow>span{width:6px;height:6px;background:var(--accent)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2.2rem,5vw,4rem)}.section-header__copy{max-width:760px}.section-header h2{margin-bottom:0;font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.08;letter-spacing:-.055em}.section-header__description{max-width:680px;margin:1.15rem 0 0;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.15rem)}.text-link{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto;padding-bottom:.25rem;border-bottom:1px solid var(--border-strong);color:var(--text-secondary);font-size:.84rem;transition:color var(--transition),border-color var(--transition)}.text-link span,.arrow{transition:transform var(--transition)}.text-link:hover{color:var(--text);border-color:var(--accent)}.text-link:hover span,a:hover .arrow{transform:translate(2px,-2px)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1rem;border:1px solid var(--border-strong);border-radius:6px;font-size:.83rem;font-weight:600;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.button:hover{transform:translateY(-2px);border-color:#4c7dffa6}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.button--primary:hover{background:var(--accent-bright)}.button--secondary{background:#ffffff06}.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:repeat(12,1fr);align-items:center;gap:1.5rem;padding-block:clamp(4rem,10vw,8rem)}.hero__copy{grid-column:1 / span 7;max-width:780px}.hero__title{margin-bottom:1.5rem;font-size:clamp(3rem,6.5vw,5.6rem);line-height:.96;letter-spacing:-.075em}.hero__title span{display:block;color:var(--text-secondary);font-size:.38em;letter-spacing:-.025em;line-height:1.4;font-weight:500}.hero__description{max-width:680px;margin-bottom:2.25rem;color:var(--text-secondary);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}.hero__meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3.5rem;color:var(--text-muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.hero__visual{grid-column:9 / -1;min-height:520px;position:relative;border:1px solid var(--border);background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--surface);background-size:52px 52px;overflow:hidden}.hero__visual:before,.hero__visual:after{content:"";position:absolute;background:var(--accent)}.hero__visual:before{width:1px;height:74%;left:52%;top:13%;opacity:.5}.hero__visual:after{height:1px;width:74%;top:52%;left:13%;opacity:.5}.system-core{position:absolute;inset:50% auto auto 50%;width:164px;height:164px;transform:translate(-50%,-50%);border:1px solid var(--border-strong);background:#0b0b0de0;display:grid;place-items:center}.system-core:before,.system-core:after{content:"";position:absolute;border:1px solid var(--border)}.system-core:before{inset:-34px}.system-core:after{inset:-70px;border-style:dashed;opacity:.55}.system-core__label{position:absolute;bottom:-112px;left:-70px;width:300px;display:flex;justify-content:space-between;color:var(--text-muted);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.signal{position:absolute;width:8px;height:8px;background:var(--accent);animation:signal 3.4s ease-in-out infinite}.signal--one{top:14%;left:22%}.signal--two{right:16%;top:35%;animation-delay:-1.1s}.signal--three{left:30%;bottom:13%;animation-delay:-2.2s}.coordinates{position:absolute;color:var(--text-muted);font-size:.58rem;letter-spacing:.08em}.coordinates--top{top:1.1rem;left:1.1rem}.coordinates--bottom{bottom:1.1rem;right:1.1rem}@keyframes signal{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}.motion-enabled [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .64s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms),transform .64s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms)}.motion-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-enabled .project-card[data-reveal].is-visible:hover,.motion-enabled .article-card[data-reveal].is-visible:hover,.motion-enabled .screenshot-grid figure[data-reveal].is-visible:hover{transform:translateY(-4px)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:1rem}.bento-card{position:relative;min-height:220px;padding:clamp(1.4rem,2.5vw,2rem);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:border-color var(--transition),background var(--transition)}.bento-card:hover{border-color:#2563ff52;background-color:#17171a}.bento-card h3{margin-bottom:.8rem;font-size:1.15rem;letter-spacing:-.025em}.bento-card p{margin-bottom:0;color:var(--text-secondary)}.bento-card--portrait{grid-column:span 4;grid-row:span 2;min-height:470px;display:flex;align-items:end;background:radial-gradient(circle at 70% 20%,rgba(37,99,255,.12),transparent 30%),var(--surface)}.bento-card--bio{grid-column:span 8}.bento-card--areas{grid-column:span 5}.bento-card--current{grid-column:span 3}.bento-card--stack{grid-column:span 5}.bento-card--principles{grid-column:span 3;background:var(--accent)}.bento-card--principles p{color:#fff;font-size:clamp(1.35rem,2vw,2rem);line-height:1.25;letter-spacing:-.04em}.portrait-card{position:relative;grid-column:span 4;grid-row:span 2;min-height:470px;display:flex;align-items:end;overflow:hidden;border:1px solid var(--border);background:radial-gradient(circle at 70% 20%,rgba(37,99,255,.12),transparent 30%),var(--surface)}.portrait-card__image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 24%;object-position:center 24%;filter:grayscale(1) contrast(1.08);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}.portrait-card:hover .portrait-card__image{transform:scale(1.025);filter:grayscale(.82) contrast(1.08)}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(11,11,13,.9) 88%)}.portrait-card__placeholder{position:absolute;inset:0}.portrait-card__silhouette{position:absolute;top:14%;left:50%;width:158px;height:200px;transform:translate(-50%);border:1px solid var(--border-strong);border-radius:48% 48% 42% 42%}.portrait-card__silhouette:before{content:"";position:absolute;width:230px;height:120px;top:170px;left:50%;transform:translate(-50%);border:1px solid var(--border-strong);border-radius:50% 50% 0 0}.portrait-card__grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%);opacity:.65}.portrait-card__content{position:relative;z-index:2;width:100%;padding:clamp(1.4rem,2.5vw,2rem)}.portrait-card__content h3{margin-bottom:.4rem;font-size:1.15rem;letter-spacing:-.025em}.portrait-card__content p{margin:0;color:var(--text-secondary)}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}.portrait-mark{position:absolute;top:14%;left:50%;transform:translate(-50%);width:158px;height:200px;border:1px solid var(--border-strong);border-radius:48% 48% 42% 42%}.portrait-mark:before{content:"";position:absolute;width:230px;height:120px;top:170px;left:50%;transform:translate(-50%);border:1px solid var(--border-strong);border-radius:50% 50% 0 0}.bento-card__content{position:relative;z-index:1}.bento-label{display:block;margin-bottom:1.5rem;color:var(--text-muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.bento-list,.chip-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.bento-list li,.chip-list li{padding:.38rem .58rem;border:1px solid var(--border);color:var(--text-secondary);font-size:.7rem;line-height:1.2}.current-role{display:flex;align-items:center;gap:.6rem;color:var(--text)!important}.status-dot,.status i{width:6px;height:6px;background:var(--accent);display:inline-block;box-shadow:0 0 0 4px #2563ff1a}.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);background:var(--surface)}.proof-point{min-height:116px;display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:1.25rem clamp(1rem,2vw,1.75rem);border-right:1px solid var(--border)}.proof-point:last-child{border-right:0}.proof-point strong{color:var(--text);font-size:clamp(1.7rem,3vw,2.6rem);font-weight:500;line-height:1;letter-spacing:-.06em}.proof-point span{color:var(--text-muted);font-size:.63rem;letter-spacing:.11em;text-transform:uppercase}.experience-list{border-top:1px solid var(--border)}.experience-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;align-items:start;padding:clamp(2rem,4vw,3.25rem) 0;border-bottom:1px solid var(--border)}.experience-row__index{grid-column:1;color:var(--accent);font-size:.65rem;letter-spacing:.12em}.experience-row__copy{grid-column:2 / span 6}.experience-row__copy .bento-label{margin-bottom:.8rem}.experience-row h3{margin-bottom:.7rem;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.15;letter-spacing:-.045em}.experience-row p{max-width:700px;margin:0;color:var(--text-secondary);font-size:.86rem}.experience-row .chip-list{grid-column:9 / -1;align-self:center}.project-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card,.article-card{min-width:0;border:1px solid var(--border);background:var(--surface);transition:transform var(--transition),border-color var(--transition),background var(--transition)}.project-card:hover,.article-card:hover{transform:translateY(-4px);border-color:#2563ff6b;background:#17171a}.project-card__link,.article-card__link{display:flex;height:100%;flex-direction:column}.project-card__body{display:flex;flex:1;flex-direction:column;padding:1.45rem}.project-card--compact .project-card__link{position:relative}.project-card--compact .project-card__body{padding-top:1.1rem}.project-card--compact h3{margin-top:.95rem;font-size:1.25rem}.project-card--compact p{min-height:4.4em}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.project-card h3,.article-card h3{margin:1.3rem 0 .75rem;font-size:clamp(1.45rem,2vw,2rem);line-height:1.15;letter-spacing:-.045em}.project-card p,.article-card p{color:var(--text-secondary);font-size:.88rem}.project-card .chip-list{margin-top:1rem}.project-card__footer,.article-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1.7rem;color:var(--text-muted);font-size:.7rem}.status{display:inline-flex;align-items:center;gap:.55rem}.project-cover{position:relative;aspect-ratio:3 / 2;margin:0;overflow:hidden;border-bottom:1px solid var(--border);background:#101012;isolation:isolate}.project-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}.project-cover:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 50%,rgba(11,11,13,.58));pointer-events:none}.project-cover__mark{position:absolute;z-index:2;right:.9rem;bottom:.8rem;min-width:38px;height:30px;display:grid;place-items:center;border:1px solid rgba(245,246,247,.24);background:#0b0b0db8;backdrop-filter:blur(8px);color:var(--text);font-size:.58rem;font-weight:700;letter-spacing:.12em}.project-cover__grid{position:absolute;z-index:1;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.project-card:hover .project-cover img,.project-detail-hero__visual:hover .project-cover img{transform:scale(1.035);filter:brightness(1.06)}.project-card--compact .project-cover{aspect-ratio:16 / 8}.project-visual{position:relative;min-height:220px;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),#101012;background-size:32px 32px}.project-visual--compact{min-height:170px}.project-visual__axis{position:absolute;background:#2563ff61}.project-visual__axis--x{left:12%;right:12%;top:50%;height:1px}.project-visual__axis--y{top:12%;bottom:12%;left:50%;width:1px}.project-visual__frame{position:absolute;width:105px;height:105px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--border-strong)}.project-visual__mark{position:absolute;inset:0;display:grid;place-items:center;color:var(--text);font-size:.78rem;font-weight:700;letter-spacing:.18em}.project-visual__pixel{position:absolute;width:6px;height:6px;background:var(--accent)}.project-visual__pixel--one{top:18%;left:22%}.project-visual__pixel--two{right:18%;top:34%;opacity:.5}.project-visual__pixel--three{left:32%;bottom:15%;opacity:.25}.project-visual--1 .project-visual__frame{border-radius:50%;transform:translate(-50%,-50%)}.project-visual--2 .project-visual__frame{width:130px;height:78px;transform:translate(-50%,-50%)}.project-visual--3 .project-visual__frame{width:84px;height:125px;transform:translate(-50%,-50%)}.article-card__link{padding:1.1rem}.article-card__visual{min-height:175px;position:relative;margin-bottom:1.25rem;background:var(--bg);border:1px solid var(--border);overflow:hidden}.article-card__visual:before,.article-card__visual:after{content:"";position:absolute;border:1px solid var(--border-strong)}.article-card__visual:before{width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%)}.article-card__visual:after{width:210px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);border-top:0;border-color:#2563ff99}.article-card__visual span{position:absolute;width:6px;height:6px;background:var(--accent)}.article-card__visual span:nth-child(1){top:23%;left:20%}.article-card__visual span:nth-child(2){top:34%;right:25%;opacity:.6}.article-card__visual span:nth-child(3){bottom:18%;left:44%;opacity:.3}.article-card__visual span:nth-child(4){bottom:32%;right:13%;opacity:.18}.article-card__visual--1:before{border-radius:50%}.article-card__visual--2:before{width:150px;height:74px;transform:translate(-50%,-50%) rotate(12deg)}.article-card p{font-size:.84rem}.page-hero{padding:clamp(5.5rem,11vw,10rem) 0 clamp(4rem,8vw,7rem);border-bottom:1px solid var(--border)}.page-hero__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.page-hero__copy{grid-column:1 / span 8}.page-hero h1{margin-bottom:1.35rem;font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.075em}.page-hero__description{max-width:680px;margin-bottom:0;color:var(--text-secondary);font-size:clamp(1.05rem,1.7vw,1.25rem)}.page-hero__meta{grid-column:10 / -1;align-self:end;color:var(--text-muted);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.7rem}.breadcrumbs li{display:inline-flex;align-items:center;gap:.5rem}.breadcrumbs a{color:var(--text-secondary);transition:color var(--transition)}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs [aria-current=page]{color:var(--text-muted)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter-button{min-height:38px;padding:.45rem .75rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:.72rem;transition:color var(--transition),border-color var(--transition),background var(--transition)}.filter-button:hover,.filter-button[aria-pressed=true]{color:var(--text);border-color:#2563ff8c;background:var(--accent-soft)}.project-card[hidden]{display:none}.project-detail-hero{padding-block:clamp(5rem,9vw,8rem)}.project-detail-hero__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:center}.project-detail-hero__copy{grid-column:1 / span 7}.project-detail-hero__visual{grid-column:9 / -1;border:1px solid var(--border);overflow:hidden}.project-detail-hero__visual .project-cover{border-bottom:0}.project-detail-hero h1{margin:1rem 0 1.25rem;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.95;letter-spacing:-.08em}.project-detail-hero__description{max-width:700px;color:var(--text-secondary);font-size:clamp(1.05rem,1.7vw,1.3rem)}.project-mark-small{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.68rem;font-weight:700;letter-spacing:.12em}.project-content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.project-overview{grid-column:1 / span 7}.project-overview h2,.store-links h2,.screenshot-section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.055em}.project-overview>p{color:var(--text-secondary);font-size:1.08rem}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:3rem 0 0;padding:0;list-style:none;border-top:1px solid var(--border)}.feature-list li{position:relative;padding:1.3rem 1.2rem 1.3rem 1.5rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.86rem}.feature-list li:before{content:"";position:absolute;left:0;top:1.75rem;width:5px;height:5px;background:var(--accent)}.project-sidebar{grid-column:9 / -1;display:flex;flex-direction:column;gap:1.5rem}.project-metadata{margin:0;border-top:1px solid var(--border)}.project-metadata div{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.project-metadata dt{color:var(--text-muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.project-metadata dd{margin:0;color:var(--text-secondary);font-size:.78rem;text-align:right}.screenshot-section{padding-top:var(--section-space)}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.screenshot-grid figure{margin:0;padding:.6rem;border:1px solid var(--border);background:var(--surface);transition:transform var(--transition),border-color var(--transition)}.screenshot-grid figure:hover{transform:translateY(-3px);border-color:#2563ff61}.screenshot-grid img{width:100%;height:auto}.product-proof{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);align-items:center}.product-proof__copy{grid-column:1 / span 4}.product-proof__copy h2{margin-bottom:1.2rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.07;letter-spacing:-.06em}.product-proof__copy>p:not(.eyebrow){color:var(--text-secondary)}.product-proof__copy .text-link{margin-top:1.2rem}.product-proof__screens{grid-column:6 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}.product-proof__screens figure{position:relative;margin:0;padding:.55rem;border:1px solid var(--border);background:var(--surface);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color var(--transition)}.product-proof__screens figure:nth-child(2){transform:translateY(-1.5rem)}.product-proof__screens figure:hover{transform:translateY(-5px);border-color:#2563ff6b}.product-proof__screens figure:nth-child(2):hover{transform:translateY(calc(-1.5rem - 5px))}.product-proof__screens img{width:100%;height:auto}.product-proof__screens figcaption{padding:.7rem .2rem .15rem;color:var(--text-muted);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.store-links{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;padding-block:var(--section-space);border-top:1px solid var(--border)}.store-links>div{grid-column:1 / span 6}.store-links>div>p:last-child{color:var(--text-secondary)}.store-links ul{grid-column:8 / -1;margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.store-links li{border-bottom:1px solid var(--border)}.store-links a{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-secondary);font-size:.83rem;transition:color var(--transition),padding var(--transition)}.store-links a:hover{color:var(--text);padding-left:.3rem}.store-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.store-link-row button{min-width:58px;padding:.35rem .45rem;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;transition:color var(--transition),border-color var(--transition),background var(--transition)}.store-link-row button:hover{border-color:#2563ff8c;background:var(--accent-soft);color:var(--text)}.store-links--compact{display:block;padding:1.25rem;border:1px solid var(--border);background:var(--surface)}.store-links--compact>div,.store-links--compact ul{grid-column:auto}.store-links--compact h2{margin-bottom:.4rem;font-size:1.15rem;letter-spacing:-.03em}.store-links--compact>div>p:last-child{margin-bottom:1rem;font-size:.72rem}.store-links--compact a{min-height:46px;font-size:.72rem}.case-study-header{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}.case-study-header>div{grid-column:1 / span 6}.case-study-header>p{grid-column:8 / -1;margin:0;color:var(--text-secondary);font-size:1rem}.case-study-header h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.055em}.case-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.case-study-grid article{min-height:390px;padding:clamp(1.35rem,2.7vw,2rem);border:1px solid var(--border);background:var(--surface)}.case-study-index{display:block;margin-bottom:2rem;color:var(--text-muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.case-study-grid h3{margin-bottom:1.5rem;font-size:1.3rem;line-height:1.25;letter-spacing:-.035em}.case-study-grid ul{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.case-study-grid li{position:relative;padding:0 0 .85rem 1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.78rem}.case-study-grid li:before{content:"";position:absolute;top:.62em;left:0;width:4px;height:4px;background:var(--accent)}.architecture-section .project-overview{grid-column:1 / span 4}.architecture-wrap{grid-column:6 / -1}.architecture-diagram{position:relative;min-height:420px;padding:1.25rem;border:1px solid var(--border);background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--surface);background-size:36px 36px;overflow:hidden}.architecture-diagram__header{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.52rem;letter-spacing:.09em}.architecture-diagram ol{position:absolute;inset:50% 1.25rem auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;transform:translateY(-50%);list-style:none}.architecture-diagram li{position:relative;min-height:112px;display:flex;align-items:start;gap:.65rem;padding:.85rem;border:1px solid var(--border-strong);background:#0b0b0deb}.architecture-diagram li i{position:absolute;top:50%;left:calc(100% + 1px);width:1rem;height:1px;background:var(--accent);opacity:.7}.architecture-diagram__index{color:var(--accent);font-size:.55rem;letter-spacing:.08em}.architecture-diagram li div{display:grid;gap:.25rem}.architecture-diagram strong{font-size:.7rem;line-height:1.2}.architecture-diagram small{color:var(--text-muted);font-size:.58rem;line-height:1.45}.architecture-diagram__signal{position:absolute;right:1.25rem;bottom:1.25rem;display:flex;gap:5px}.architecture-diagram__signal span{width:5px;height:5px;background:var(--accent)}.architecture-diagram__signal span:nth-child(2){opacity:.5}.architecture-diagram__signal span:nth-child(3){opacity:.2}.architecture-diagram.is-visible .architecture-diagram__signal span{animation:architecture-signal 2.8s ease-in-out infinite}.architecture-diagram.is-visible .architecture-diagram__signal span:nth-child(2){animation-delay:.14s}.architecture-diagram.is-visible .architecture-diagram__signal span:nth-child(3){animation-delay:.28s}@keyframes architecture-signal{0%,70%,to{transform:scale(.75);opacity:.2}35%{transform:scale(1);opacity:1}}.now-preview{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:end}.now-preview>div:first-child{grid-column:1 / span 8}.now-preview>div:last-child{grid-column:10 / -1}.now-preview h2{margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:1.12;letter-spacing:-.06em}.now-preview>div:last-child p{color:var(--text-secondary);font-size:.82rem}.now-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.now-card{grid-column:span 4;min-height:320px;display:flex;flex-direction:column;align-items:start;padding:clamp(1.4rem,3vw,2rem);border:1px solid var(--border);background:var(--surface)}.now-card--featured{grid-column:span 8;background:radial-gradient(circle at 85% 20%,rgba(37,99,255,.13),transparent 30%),var(--surface)}.now-card__index{margin-bottom:auto;color:var(--text-muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.now-card h2{margin:2rem 0 .75rem;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.05em}.now-card p{color:var(--text-secondary);font-size:.85rem}.now-card .text-link{margin-top:1rem}.related-reading{padding-top:var(--section-space)}.document-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.document-list li{border-bottom:1px solid var(--border)}.document-list a{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 0;transition:padding var(--transition)}.document-list a:hover{padding-left:.5rem}.document-list span{color:var(--text-muted);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.document-list h2{margin:.35rem 0 .4rem;font-size:1.5rem;letter-spacing:-.04em}.document-list p{max-width:720px;margin:0;color:var(--text-secondary);font-size:.84rem}.document-list i{color:var(--accent);font-style:normal}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{display:flex;flex-direction:column;align-items:start;min-height:420px;padding:clamp(1.4rem,3vw,2rem);border:1px solid var(--border);background:var(--surface)}.service-card h2{margin:1.5rem 0 .8rem;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.15;letter-spacing:-.045em}.service-card>p{color:var(--text-secondary)}.service-card .text-link,.service-card .button{margin-top:auto}.service-price{color:var(--text)!important;font-size:1.15rem}.plain-list{display:grid;gap:.6rem;margin:1.2rem 0 2rem;padding:0;list-style:none;color:var(--text-secondary);font-size:.8rem}.plain-list li{position:relative;padding-left:1rem}.plain-list li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;background:var(--accent)}.pricing-table{width:100%;border-collapse:collapse;border-top:1px solid var(--border);font-size:.76rem}.pricing-table th,.pricing-table td{padding:1rem 0;border-bottom:1px solid var(--border);text-align:left}.pricing-table th{color:var(--text-muted);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.pricing-table th:last-child,.pricing-table td:last-child{text-align:right}.pricing-table td{color:var(--text-secondary)}.faq-grid{border-top:1px solid var(--border)}.faq-grid details{border-bottom:1px solid var(--border)}.faq-grid summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;font-size:.9rem}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{color:var(--accent);font-size:1.2rem}.faq-grid details[open] summary span{transform:rotate(45deg)}.faq-grid details p{max-width:760px;margin:0 0 1.5rem;color:var(--text-secondary);font-size:.82rem}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid var(--border);list-style:none}.problem-grid li{min-height:100px;display:flex;align-items:start;gap:1rem;padding:1.25rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.78rem}.problem-grid li:nth-child(3n){border-right:0}.problem-grid span{color:var(--accent);font-size:.62rem;letter-spacing:.1em}.editorial-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);border-bottom:1px solid var(--border)}.editorial-hero__inner{max-width:940px}.editorial-hero h1{margin-bottom:1.35rem;font-size:clamp(2.8rem,6vw,5rem);line-height:1.02;letter-spacing:-.07em}.editorial-hero__description{max-width:760px;margin-bottom:2rem;color:var(--text-secondary);font-size:1.05rem}.editorial-meta{display:flex;flex-wrap:wrap;gap:1rem 2rem;color:var(--text-muted);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}.editorial-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;padding-block:clamp(3.5rem,7vw,6rem)}.prose{grid-column:3 / span 8;max-width:none;color:var(--text-secondary);font-size:1rem;line-height:1.85}.prose>*:first-child{margin-top:0}.prose h2,.prose h3{color:var(--text);letter-spacing:-.035em}.prose h2{margin:3.5rem 0 1rem;font-size:1.75rem}.prose h3{margin:2.5rem 0 .8rem;font-size:1.2rem}.prose p,.prose ul,.prose ol{margin-bottom:1.35rem}.prose li{margin-bottom:.45rem}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--text);border-bottom:1px solid rgba(37,99,255,.65)}.prose hr{margin:2.5rem 0;border:0;border-top:1px solid var(--border)}.prose blockquote{margin:2rem 0;padding-left:1.25rem;border-left:2px solid var(--accent);color:var(--text)}.prose code{background:var(--surface-raised);color:var(--text);padding:.18rem .35rem;border-radius:3px;font-size:.88em}.contact-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;padding-block:var(--section-space)}.contact-copy{grid-column:1 / span 5}.contact-copy h1{margin-bottom:1.4rem;font-size:clamp(3rem,6vw,5rem);line-height:.98;letter-spacing:-.07em}.contact-copy>p{color:var(--text-secondary)}.contact-links{display:flex;flex-direction:column;align-items:start;gap:.65rem;margin-top:2rem}.conversation-note{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin:2rem 0;padding:1.15rem;border:1px solid var(--border);background:var(--surface)}.conversation-note>span{color:var(--accent);font-size:.65rem;font-weight:600;letter-spacing:.1em}.conversation-note p{margin:0;color:var(--text-secondary);font-size:.75rem}.contact-form{grid-column:7 / -1;display:grid;gap:1rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--border);background:var(--surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.5rem;color:var(--text-secondary);font-size:.72rem}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text)}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.cta-band{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:end;padding:clamp(2rem,5vw,4rem);border:1px solid var(--border);background:var(--surface)}.cta-band__copy{grid-column:1 / span 8}.cta-band h2{margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.055em}.cta-band p{margin:0;color:var(--text-secondary)}.cta-band .button-row{grid-column:10 / -1;justify-content:end}.site-footer{margin-top:var(--section-space);border-top:1px solid var(--border)}.site-footer__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem 1.5rem;padding-block:clamp(3rem,6vw,5rem)}.site-footer__intro{grid-column:span 5}.site-footer__intro>p{max-width:380px;margin:1.25rem 0 0;color:var(--text-muted);font-size:.8rem}.site-footer nav{grid-column:span 2;display:flex;flex-direction:column;align-items:start;gap:.65rem}.site-footer nav:last-child{grid-column:span 3}.footer-label{margin-bottom:.3rem;color:var(--text-muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.site-footer nav a{color:var(--text-secondary);font-size:.78rem;transition:color var(--transition)}.site-footer nav a:hover{color:var(--text)}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem 2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.site-footer__bottom p{margin:0}.site-footer__bottom p:last-child{display:flex;align-items:center;gap:.6rem}.bg-white{color:#0b0b0d}@media(max-width:960px){.hero__copy{grid-column:1 / span 7}.hero__visual{grid-column:8 / -1;min-height:440px}.bento-card--portrait,.portrait-card{grid-column:span 5}.bento-card--bio,.bento-card--areas,.bento-card--stack{grid-column:span 7}.bento-card--current,.bento-card--principles{grid-column:span 5}.project-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-grid{grid-template-columns:1fr 1fr}.case-study-grid article:last-child{grid-column:span 2}.architecture-section .project-overview{grid-column:1 / span 5}.architecture-wrap{grid-column:7 / -1}.architecture-diagram ol{inset-inline:1rem;grid-template-columns:1fr 1fr}.architecture-diagram li i{display:none}.service-grid--three{grid-template-columns:1fr}.service-grid--three .service-card{min-height:330px}.project-card:last-child:nth-child(odd),.article-card:last-child:nth-child(odd){grid-column:span 2}.project-detail-hero__copy{grid-column:1 / span 7}.project-detail-hero__visual{grid-column:8 / -1}.prose{grid-column:2 / span 10}.experience-row__copy{grid-column:2 / span 7}.experience-row .chip-list{grid-column:9 / -1}}@media(max-width:760px){:root{--section-space: 5rem}body:before{background-size:40px 40px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{width:42px;height:42px;display:grid;place-content:center;gap:6px;border:1px solid var(--border);list-style:none;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{width:18px;height:1px;display:block;background:var(--text);transition:transform var(--transition)}.mobile-nav[open] summary span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-nav[open] summary span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav__panel{position:fixed;top:72px;left:0;right:0;padding:1rem var(--gutter) 1.5rem;border-bottom:1px solid var(--border);background:#0b0b0dfa}.mobile-nav ul{margin:0;padding:0;list-style:none}.mobile-nav a{min-height:50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.88rem}.mobile-nav a[aria-current=page]{color:var(--text)}.section-header{align-items:start;flex-direction:column}.hero{min-height:auto;grid-template-columns:repeat(4,1fr);gap:3.5rem 1rem;padding-top:5rem}.hero__copy,.hero__visual{grid-column:1 / -1}.hero__visual{min-height:340px}.hero__title{font-size:clamp(3.25rem,15vw,4.7rem)}.hero__meta{gap:.6rem 1rem;margin-top:2.5rem}.system-core{width:118px;height:118px}.system-core:after{inset:-54px}.system-core__label{bottom:-92px;left:-60px;width:240px}.bento-grid{grid-template-columns:repeat(4,1fr)}.bento-card,.bento-card--portrait,.bento-card--bio,.bento-card--areas,.bento-card--current,.bento-card--stack,.bento-card--principles,.portrait-card{grid-column:1 / -1;min-height:220px}.bento-card--portrait,.portrait-card{min-height:400px}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-point:nth-child(2){border-right:0}.proof-point:nth-child(-n+2){border-bottom:1px solid var(--border)}.experience-row{grid-template-columns:repeat(4,1fr);gap:1rem}.experience-row__index{grid-column:1}.experience-row__copy,.experience-row .chip-list{grid-column:2 / -1}.project-grid,.article-grid{grid-template-columns:1fr}.case-study-header{grid-template-columns:repeat(4,1fr);align-items:start}.case-study-header>div,.case-study-header>p{grid-column:1 / -1}.case-study-grid{grid-template-columns:1fr}.case-study-grid article,.case-study-grid article:last-child{grid-column:auto;min-height:320px}.architecture-section .project-overview,.architecture-wrap{grid-column:1 / -1}.architecture-wrap{margin-top:2rem}.architecture-diagram{min-height:540px}.architecture-diagram ol{inset:4.25rem 1rem 2.5rem;display:flex;flex-direction:column;justify-content:center;transform:none}.architecture-diagram li{min-height:82px}.now-preview{grid-template-columns:repeat(4,1fr)}.now-preview>div:first-child,.now-preview>div:last-child{grid-column:1 / -1}.now-preview>div:last-child{margin-top:1.5rem}.now-grid{grid-template-columns:repeat(4,1fr)}.now-card,.now-card--featured{grid-column:1 / -1;min-height:300px}.service-grid{grid-template-columns:1fr}.service-card{min-height:360px}.problem-grid{grid-template-columns:1fr}.problem-grid li,.problem-grid li:nth-child(3n){border-right:0}.project-card:last-child:nth-child(odd),.article-card:last-child:nth-child(odd){grid-column:auto}.page-hero__grid,.project-detail-hero__grid,.project-content-grid,.store-links,.contact-grid,.cta-band{grid-template-columns:repeat(4,1fr)}.page-hero__copy,.page-hero__meta,.project-detail-hero__copy,.project-detail-hero__visual,.project-overview,.project-sidebar,.store-links>div,.store-links ul,.contact-copy,.contact-form,.cta-band__copy,.cta-band .button-row{grid-column:1 / -1}.page-hero__meta{margin-top:2rem}.project-detail-hero__grid{gap:3rem 1rem}.project-detail-hero__visual{grid-row:2}.project-sidebar{margin-top:3rem}.feature-list,.screenshot-grid{grid-template-columns:1fr}.product-proof{grid-template-columns:repeat(4,1fr)}.product-proof__copy,.product-proof__screens{grid-column:1 / -1}.product-proof__screens{margin-top:2rem;gap:.55rem}.product-proof__screens figure{padding:.3rem}.product-proof__screens figcaption{display:none}.store-links{gap:2rem 1rem}.prose{grid-column:1 / -1}.form-row{grid-template-columns:1fr}.cta-band .button-row{justify-content:start}.site-footer__grid{grid-template-columns:repeat(4,1fr)}.site-footer__intro{grid-column:1 / -1;margin-bottom:1rem}.site-footer nav,.site-footer nav:last-child{grid-column:span 2}.site-footer__bottom{align-items:start;flex-direction:column}}@media(max-width:420px){.button-row .button{width:100%}.hero__meta{flex-direction:column}.page-hero h1{font-size:3.2rem}.site-footer nav,.site-footer nav:last-child{grid-column:1 / -1}.proof-strip{grid-template-columns:1fr}.proof-point,.proof-point:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.proof-point:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:border-1:hover{border-width:1px}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-hover:hover{--tw-shadow: 10px 10px #000000;--tw-shadow-colored: 10px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-pblueHover:hover{--tw-shadow: 10px 10px #96C7F2;--tw-shadow-colored: 10px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-pgreenHover:hover{--tw-shadow: 10px 10px #ADF296;--tw-shadow-colored: 10px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-ppinkHover:hover{--tw-shadow: 10px 10px #F396E5;--tw-shadow-colored: 10px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-pblue:focus{--tw-border-opacity: 1;border-color:rgb(150 199 242 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-pblue:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(150 199 242 / var(--tw-ring-opacity, 1))}.focus\:ring-ppink:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 150 229 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:shadow-card{--tw-shadow: 4px 4px #000000;--tw-shadow-colored: 4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-hover{--tw-shadow: 10px 10px #000000;--tw-shadow-colored: 10px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:w-1\/2{width:50%}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:gap-0{gap:0px}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}}