@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Inter Variable", sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:"JetBrains Mono Variable", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-6xl:72rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#131310;--color-bright:#f0ede6;--color-body:#a7a79d;--color-mute:#898a7f;--color-accent:#f28b63;--color-line:#ffffff1c;--font-display:"Instrument Serif", Georgia, serif}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-2{inset:calc(var(--spacing) * -2)}.inset-0{inset:0}.inset-3{inset:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-full{top:100%}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.left-0{left:0}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-px{margin-top:1px}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.aspect-4\/3{aspect-ratio:4/3}.aspect-\[1\/1\.3\]{aspect-ratio:1/1.3}.aspect-\[1\/1\.35\]{aspect-ratio:1/1.35}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-4{height:calc(var(--spacing) * 4)}.h-14{height:calc(var(--spacing) * 14)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-\[62vh\]{max-height:62vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[60vh\]{min-height:60vh}.min-h-\[66px\]{min-height:66px}.min-h-\[200px\]{min-height:200px}.min-h-dvh{min-height:100dvh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1\/2{width:50%}.w-6{width:calc(var(--spacing) * 6)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-\[4\.5rem\]{width:4.5rem}.w-\[6\.5rem\]{width:6.5rem}.w-\[min\(92vw\,21rem\)\]{width:min(92vw,21rem)}.w-full{width:100%}.w-px{width:1px}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[34ch\]{max-width:34ch}.max-w-\[38rem\]{max-width:38rem}.max-w-\[62ch\]{max-width:62ch}.max-w-\[70ch\]{max-width:70ch}.max-w-\[330px\]{max-width:330px}.max-w-\[880px\]{max-width:880px}.max-w-\[1500px\]{max-width:1500px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-thin{scrollbar-width:thin}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(104px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-1{row-gap:var(--spacing)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-ink{border-color:var(--color-ink)}.border-ink\/10{border-color:#1313101a}@supports (color:color-mix(in lab, red, red)){.border-ink\/10{border-color:color-mix(in oklab, var(--color-ink) 10%, transparent)}}.border-ink\/25{border-color:#13131040}@supports (color:color-mix(in lab, red, red)){.border-ink\/25{border-color:color-mix(in oklab, var(--color-ink) 25%, transparent)}}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-ink{background-color:var(--color-ink)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[27px\]{font-size:27px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--color-accent)}.text-ink{color:var(--color-ink)}.text-mute{color:var(--color-mute)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-accent{accent-color:var(--color-accent)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_0_var\(--color-vermillion-700\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,var(--color-vermillion-700));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_40px_-24px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 16px 40px -24px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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-blur-\[2px\]{--tw-backdrop-blur:blur(2px);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-blur-md{--tw-backdrop-blur:blur(var(--blur-md));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{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.focus-within\:opacity-100:focus-within{opacity:1}@media (hover:hover){.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:bg-ink:hover{background-color:var(--color-ink)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-offset-\[-1px\]:focus{outline-offset:-1px}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.active\:translate-x-1:active{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-x-px:active{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-1:active{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-mute:disabled{color:var(--color-mute)}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}@media (width>=40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[repeat\(auto-fill\,minmax\(118px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[26px\]{font-size:26px}.sm\:opacity-0{opacity:0}@media (hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media (width>=48rem){.md\:flex{display:flex}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:flex-row{flex-direction:row}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:max-h-none{max-height:none}.lg\:w-\[344px\]{width:344px}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[290px_1fr\]{grid-template-columns:290px 1fr}.lg\:grid-cols-\[minmax\(0\,430px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,430px) minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:self-start{align-self:flex-start}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:py-10{padding-block:calc(var(--spacing) * 10)}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--enter:.9s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-inout:cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion:no-preference){.js [data-m=mask] .line-mask>span,.js [data-m=mask]>.line-mask>span{transition:transform var(--enter) var(--ease-out);transition-delay:calc(var(--i,0) * 90ms + var(--delay,0s));transform:translateY(112%)}.js [data-m=mask].in .line-mask>span{transform:none}.js [data-m=clip]{clip-path:inset(0 0 calc(100% - 1px));transition:clip-path .8s var(--ease-out);transition-delay:var(--delay,0s)}.js [data-m=clip].in{clip-path:inset(0)}.js [data-m=clip][data-from=left]{clip-path:inset(0 calc(100% - 1px) 0 0)}.js [data-m=clip][data-from=left].in{clip-path:inset(0)}.js [data-m=draw]{transform-origin:0;transition:transform 1s var(--ease-inout);transition-delay:var(--delay,0s);transform:scaleX(.02)}.js [data-m=draw].in{transform:none}.js [data-m=draw][data-from=right]{transform-origin:100%}.js [data-m=draw] path,.js [data-m=draw] line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.2s var(--ease-inout);transition-delay:calc(var(--i,0) * .12s + var(--delay,0s))}.js [data-m=draw].in path,.js [data-m=draw].in line{stroke-dashoffset:0}.js [data-m=slide]{opacity:0;transition:opacity .7s var(--ease-out), transform .8s var(--ease-out);transition-delay:var(--delay,0s);transform:translate(-22px)}.js [data-m=slide][data-from=right]{transform:translate(22px)}.js [data-m=slide].in{opacity:1;transform:none}.js [data-m=scale]{clip-path:inset(6% 4% round 6px);transition:clip-path 1.1s var(--ease-inout);transition-delay:var(--delay,0s)}.js [data-m=scale]>*{transition:transform 1.3s var(--ease-inout);transition-delay:var(--delay,0s);transform:scale(1.08)}.js [data-m=scale].in{clip-path:inset(0 round 6px)}.js [data-m=scale].in>*{transform:none}.js [data-m=stagger]>*{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transform:translateY(10px)}.js [data-m=stagger].in>*{opacity:1;transform:none}.js [data-m=stagger].in>:first-child{transition-delay:0s}.js [data-m=stagger].in>:nth-child(2){transition-delay:70ms}.js [data-m=stagger].in>:nth-child(3){transition-delay:.14s}.js [data-m=stagger].in>:nth-child(4){transition-delay:.21s}.js [data-m=stagger].in>:nth-child(5){transition-delay:.28s}.js [data-m=stagger].in>:nth-child(6){transition-delay:.35s}.js [data-m=stagger].in>:nth-child(n+7){transition-delay:.42s}.digit-roll{transition:transform 1.1s var(--ease-inout);transform:translateY(-2em)}.js [data-m=count].in .digit-roll{transform:translateY(calc(var(--d) * -1em))}[data-velocity]{transform:skewY(calc(var(--vel,0) * .7deg));will-change:transform;transition:transform .12s linear}@supports (animation-timeline:view()){[data-parallax],.section-heading>p{animation:linear both parallax view();animation-range:entry exit 0%}.section-heading>p{--par:22}@keyframes parallax{0%{transform:translateY(calc(var(--par,40) * 1px))}to{transform:translateY(calc(var(--par,40) * -1px))}}@media (hover:none){[data-depth] .depth-layer{animation:linear both depth-scroll view();animation-range:entry 20% exit 80%}@keyframes depth-scroll{0%{translate:0 calc(var(--dz,1) * 14px)}to{translate:0 calc(var(--dz,1) * -14px)}}}}::view-transition-old(root){animation:.16s var(--ease-out) both page-out}::view-transition-new(root){animation:.26s var(--ease-out) both page-in}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}::view-transition-group(*){animation-duration:.34s;animation-timing-function:var(--ease-out)}}.digit{vertical-align:top;height:1em;display:inline-block;overflow:hidden}.digit-roll{transform:translateY(calc(var(--d) * -1em));display:block}.digit-roll>span{height:1em;line-height:1;display:block}[data-depth]{--mx:0;--my:0}[data-depth] .depth-layer{translate:calc(var(--mx) * var(--dz,1) * 10px) calc(var(--my) * var(--dz,1) * 8px);transition:translate .5s var(--ease-out);will-change:translate}@media (hover:none){[data-depth] .depth-layer{translate:0}}.has-cursor,.has-cursor a,.has-cursor button,.has-cursor [role=button],.has-cursor label,.has-cursor summary{cursor:none}.has-cursor input,.has-cursor textarea,.has-cursor select{cursor:auto}.cursor{z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}.cursor.is-visible{opacity:1}.cursor-dot,.cursor-ring{pointer-events:none;mix-blend-mode:difference;will-change:transform;border-radius:999px;position:fixed;top:0;left:0}.cursor-dot{background:var(--color-accent);width:6px;height:6px;transition:opacity .2s, transform .2s var(--ease-out);margin:-3px 0 0 -3px}.cursor-ring{background:0 0;border:1.5px solid #fff9;width:36px;height:36px;margin:-18px 0 0 -18px;transition:width .5s,height .5s,margin .5s,background .5s,border-color .5s}.cursor.is-hover .cursor-ring{background:#f28b631a;width:64px;height:64px;margin:-32px 0 0 -32px}@supports (color:color-mix(in lab, red, red)){.cursor.is-hover .cursor-ring{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}}.cursor.is-hover .cursor-ring{border-color:var(--color-accent)}.cursor.is-down .cursor-ring{width:28px;height:28px;margin:-14px 0 0 -14px}.cursor.is-text .cursor-ring{background:#fffc;border-color:#0000;border-radius:2px;width:3px;height:26px;margin:-13px 0 0 -1.5px}.cursor.is-text .cursor-dot{opacity:0}.nav-word{line-height:1.3;display:inline-grid;overflow:hidden}.nav-word>span,.nav-word:before{transition:transform .45s var(--ease-out);grid-area:1/1}.nav-word:before{content:attr(data-label) / "";color:var(--color-bright);transform:translateY(105%)}.desktop-nav>a:hover .nav-word>span{transform:translateY(-105%)}.desktop-nav>a:hover .nav-word:before{transform:none}.nav-indicator{background:var(--color-accent);width:4px;height:4px;transform:translateX(calc(var(--x,0px) - 2px));transition:transform .45s var(--ease-out), opacity .3s;opacity:0;pointer-events:none;border-radius:50%;position:absolute;bottom:6px;left:0}.desktop-nav>a[aria-current]{color:var(--color-bright)}.scroll-progress{background:var(--color-accent);width:100%;height:1px;transform:scaleX(var(--p,0));transform-origin:0;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;bottom:-1px;left:0}.is-scrolled .scroll-progress{opacity:.8}.brand-dot{transition:transform .35s var(--ease-out);display:inline-block}.dev-grid{z-index:999;pointer-events:none;padding-inline:var(--gutter);background:repeating-linear-gradient(90deg,#f28b6314 0 1px,#0000 1px 8.33333%) padding-box content-box;max-width:1600px;margin-inline:auto;position:fixed;inset:0}.dev-grid:after{content:"12 col · gutter " attr(data-gutter);right:var(--gutter);font:9px var(--font-mono);color:var(--color-accent);letter-spacing:.1em;position:absolute;bottom:12px}@media (prefers-reduced-motion:reduce){.digit-roll{transform:translateY(calc(var(--d) * -1em))!important}[data-depth] .depth-layer{animation:none!important;translate:0!important}[data-parallax]{animation:none!important}[data-velocity]{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.cursor{display:none!important}.has-cursor,.has-cursor a,.has-cursor button{cursor:auto}.nav-word>span,.nav-word:before{transition:none}.section-heading>p{animation:none!important}}.browser{isolation:isolate;background:#f8f7f3;border:1px solid #ffffff1f;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 30px 70px #0007,inset 0 2px #ffffff0a}.browser-bar{background:#e9e8e3;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:10px;height:30px;padding-inline:10px;display:flex}.browser-dots{gap:5px;display:flex}.browser-dots i{background:#c9c8c1;border-radius:50%;width:7px;height:7px}.browser-dots-end i{border-radius:2px;width:12px;height:7px}.browser-url{height:18px;font:8px var(--font-mono);letter-spacing:.04em;color:#5e6055;background:#ffffffb3;border-radius:4px;align-items:center;gap:6px;min-width:0;padding-inline:10px;display:inline-flex}.browser-lock{opacity:.7;border:1px solid;border-radius:1.5px 1.5px 1px 1px;width:6px;height:7px}.browser-screen{aspect-ratio:var(--aspect,16 / 10);position:relative;overflow:hidden}.browser-screen img{object-fit:cover;object-position:top;width:100%;min-width:0;height:100%;display:block}.browser{min-width:0}.browser-dark{background:#0a1018;border-color:#ffffff1a}.browser-dark .browser-bar{background:#0d141d;border-color:#ffffff0f}.browser-dark .browser-dots i{background:#27374a}.browser-dark .browser-url{color:#93a1b1;background:#ffffff0a}.phone{background:#0a0f16;border:1px solid #ffffff2e;border-radius:26px;padding:7px;box-shadow:0 30px 60px #0008,0 0 0 1px #0009}.phone-screen{aspect-ratio:390/844;background:#06090f;border-radius:20px;overflow:hidden}.phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.tech-strip{margin-top:34px}.tech-rule{background:var(--color-line);height:1px;display:block}.tech-list{flex-wrap:wrap;gap:6px 26px;padding-top:16px;display:flex}.tech-list li{color:#d3d2c6;letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:14px;display:inline-flex}.tech-i{color:var(--color-accent);font-size:8px}.flagship{border-block:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-ink) 0%, #0e1117 34%, #0f1217 66%, var(--color-ink) 100%);padding-block:112px 96px;position:relative;overflow:clip}.flagship:before{content:"";background:radial-gradient(ellipse 60% 50% at calc(70% + var(--mx,0) * 6%) calc(45% + var(--my,0) * 6%), var(--flag-accent), transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.flagship:before{background:radial-gradient(ellipse 60% 50% at calc(70% + var(--mx,0) * 6%) calc(45% + var(--my,0) * 6%), color-mix(in oklab, var(--flag-accent) 12%, transparent), transparent 70%)}}.flagship:before{pointer-events:none;transition:background-position .6s}.flagship .section-index{color:#c8a35f}.flagship-domain{align-items:center;gap:8px;min-height:44px;display:inline-flex}.flagship-domain svg{width:12px;height:12px}.flagship-domain:hover{color:var(--color-bright)}.flagship-grid{grid-template-columns:.9fr 1.25fr;align-items:center;gap:56px;margin-top:30px;display:grid}.flagship-title{letter-spacing:-.06em;font-size:clamp(60px,8.4vw,132px);line-height:.96}.flagship-title .serif{color:#bfe3ee;letter-spacing:-.045em}.flagship-tagline{color:#c8a35f;letter-spacing:.14em;text-transform:uppercase;margin-top:22px;font-size:10px}.flagship-lead{color:#c6c9c4;max-width:520px;margin-top:16px;font-size:16px;line-height:1.75}.flagship-meta{grid-template-columns:repeat(3,auto);gap:8px 32px;margin-top:28px;display:grid}.flagship-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);font-size:8px}.flagship-meta dd{color:var(--color-bright);margin:5px 0 0;font-size:13px}.flagship-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.flagship-visual{padding:24px 0 64px 40px;position:relative}.flagship-desktop{z-index:2;position:relative}.flagship-phone{z-index:3;width:22%;position:absolute;bottom:0;left:0}.flagship-crop{z-index:3;width:34%;position:absolute;top:-6px;right:-12px}.crop-label{letter-spacing:.12em;text-transform:uppercase;color:#93a1b1;text-align:right;margin-bottom:8px;font-size:8px;display:block}.crop-window{background:#06090f;border:1px solid #fff2;border-radius:6px;height:52px;overflow:hidden;box-shadow:0 16px 40px #0007}.crop-window img{width:300%;max-width:none;height:auto;margin-top:-2px;margin-left:-200%;display:block}.flagship-seal{z-index:1;fill:none;stroke:#c8a35f;stroke-width:.35px;opacity:.75;width:120px;height:120px;position:absolute;bottom:8%;right:6%}.flagship-hairline{z-index:1;background:linear-gradient(90deg, transparent, var(--flag-accent) 40%, transparent);opacity:.5;height:1px;position:absolute;bottom:30px;left:40px;right:0}.story{border-top:1px solid var(--color-line);grid-template-columns:1.15fr .85fr;align-items:start;gap:56px;margin-top:72px;padding-top:30px;display:grid}.story-visual{top:calc(var(--header-height) + 28px);padding-left:22px;position:sticky}.story-progress{background:var(--color-line);width:1px;position:absolute;top:0;bottom:34px;left:0}.story-progress i{background:var(--flag-accent);width:100%;height:100%;transform:scaleY(var(--sp,0));transform-origin:top;will-change:transform;position:absolute;top:0;left:0}.story-frame{aspect-ratio:16/10;position:relative}.story-screen{opacity:0;clip-path:inset(0 0 100% round 8px);transition:opacity .45s var(--ease-out), clip-path .85s var(--ease-inout), transform .85s var(--ease-inout);pointer-events:none;position:absolute;inset:0;transform:translateY(18px)scale(.985)}.story-screen.is-active{opacity:1;clip-path:inset(0 round 8px);z-index:2;pointer-events:auto;transform:none}.story-screen.is-prev{opacity:1;clip-path:inset(100% 0 0 round 8px);z-index:1;transform:translateY(-12px)scale(.985)}.story-screen .browser{height:100%}.story-screen .browser-screen{aspect-ratio:auto;height:calc(100% - 30px)}.story-meta{letter-spacing:.12em;text-transform:uppercase;color:#93a1b1;gap:4px;margin-top:18px;font-size:9px;display:flex}.story-n{color:var(--flag-accent);min-width:2ch;transition:transform .4s var(--ease-out), opacity .3s;display:inline-block}.story-n.is-rolling{opacity:0;transform:translateY(-6px)}.story-chapters{display:grid}.story-chapter{color:#8d8d83;min-height:44vh;transition:color .55s var(--ease-out);flex-direction:column;justify-content:center;padding-block:3vh;display:flex}.story-chapter:first-child{justify-content:flex-start;min-height:30vh;padding-top:0}.story-chapter:last-child{min-height:30vh;padding-bottom:0}.story-chapter.is-active{color:var(--color-body)}.story-chapter-n{color:#b09565;font-size:9px;transition:color .5s}.story-chapter.is-active .story-chapter-n{color:#c8a35f}.story-chapter h3,.story-chapter h2{letter-spacing:-.045em;color:#b9b9ae;transition:color .55s var(--ease-out);margin-top:14px;font-size:clamp(26px,2.6vw,38px);line-height:1.05}.story-chapter.is-active h3,.story-chapter.is-active h2{color:var(--color-bright)}.story-chapter p{max-width:440px;margin-top:16px;font-size:15px;line-height:1.8}.story>*{min-width:0}.story-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.story-tags li{letter-spacing:.08em;text-transform:uppercase;color:#c4c4b9;opacity:0;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out), border-color .3s;transition-delay:calc(var(--i,0) * 60ms);border:1px solid #ffffff14;border-radius:3px;padding:7px 10px;font-size:9px;transform:translate(-8px)}.story-chapter.is-active .story-tags li{opacity:1;border-color:var(--flag-accent);transform:none}@supports (color:color-mix(in lab, red, red)){.story-chapter.is-active .story-tags li{border-color:color-mix(in oklab, var(--flag-accent) 35%, #ffffff14)}}.pindex{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:10px;display:grid}.pindex-list{counter-reset:none}.pindex-item{border-top:1px solid var(--color-line);min-height:84px;color:var(--color-body);grid-template-columns:34px 1fr auto 34px;align-items:center;gap:18px;transition:color .3s,opacity .35s;display:grid;position:relative}.pindex-list li:last-child .pindex-item{border-bottom:1px solid var(--color-line)}.pindex-item:before{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform .5s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.pindex-item.is-active:before{transform:scaleX(1)}.pindex-n{color:var(--color-mute);font-size:9px;transition:color .3s}.pindex-name{letter-spacing:-.05em;color:#d8d7cc;transition:color .3s, transform .5s var(--ease-out);font-size:clamp(26px,3vw,44px);line-height:1}.pindex-tag{color:#b3b3a7;text-align:right;max-width:170px;font-size:11px}.pindex-arrow{opacity:0;width:34px;height:34px;transition:opacity .3s, transform .45s var(--ease-out);border:1px solid #ffffff20;border-radius:50%;place-items:center;display:grid;transform:translate(-6px)rotate(-45deg)}.pindex-arrow svg{width:14px;height:14px}.pindex-list:has(.is-active) .pindex-item:not(.is-active){opacity:.72}.pindex-item.is-active{opacity:1;color:var(--color-bright)}.pindex-item.is-active .pindex-name{color:var(--color-bright);transform:translate(6px)}.pindex-item.is-active .pindex-n{color:var(--color-accent)}.pindex-item.is-active .pindex-arrow{opacity:1;transform:none}.pindex-preview{aspect-ratio:16/11;position:sticky;top:112px}.pindex-number{z-index:0;color:#ffffff0b;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:200px;line-height:1;position:absolute;top:-70px;left:-28px}.pindex-shot{clip-path:inset(0 0 100%);opacity:0;transition:clip-path .7s var(--ease-inout), opacity .4s;display:block;position:absolute;inset:0}.pindex-shot.is-active{clip-path:inset(0);opacity:1;z-index:2}.pindex-shot .browser{height:100%}.pindex-shot .browser-screen{aspect-ratio:auto;height:calc(100% - 30px)}.pindex-live{color:var(--color-bright);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);background:#131310e6;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:9px;transition:background .25s;display:inline-flex;position:absolute;bottom:14px;right:14px}.pindex-live svg{width:11px;height:11px}.pindex-shot:hover .pindex-live{background:var(--color-accent);color:var(--color-ink);border-color:#0000}.pindex-shot.is-active .browser-screen img{transition:transform 1.2s var(--ease-inout);transform:scale(1)}.pindex-shot .browser-screen img{transform:scale(1.06)}.spotlights{grid-template-columns:repeat(3,1fr);gap:56px 32px;margin-top:96px;display:grid}.spot:nth-child(4){grid-column:span 2}.spot:nth-child(4) .spot-screen img{aspect-ratio:2.4}.spot:nth-child(4) .spot-info>p{max-width:640px}.spot-visual{background:var(--spot-accent);border-radius:6px;padding:22px 22px 0;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.spot-visual{background:color-mix(in oklab, var(--spot-accent) 14%, #1a1a16)}}.spot-visual{isolation:isolate}.spot-screen{transition:transform .6s var(--ease-out);background:#f8f7f3;border:1px solid #fff3;border-bottom:0;border-radius:5px 5px 0 0;overflow:hidden;transform:translateY(0);box-shadow:0 25px 55px #0004}.spot-visual:hover .spot-screen{transform:translateY(-6px)}.spot-screen img{aspect-ratio:1.55;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform 1s var(--ease-out);display:block}.spot-visual:hover .spot-screen img{transform:scale(1.03)}.spot-info{padding-top:22px}.spot-head{align-items:baseline;gap:12px;display:flex}.spot-n{color:var(--color-accent);font-size:9px}.spot-head h3{letter-spacing:-.025em;font-size:17px;font-weight:550}.spot-head h3 a{position:relative}.spot-head h3 a:after{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform .4s var(--ease-out);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.spot-head h3 a:hover:after{transform:scaleX(1)}.spot-head h3>span{color:#aaa99d;margin-top:4px;font-size:13px;font-weight:400;display:block}.spot-head h3>span:first-letter{font-size:0}.spot-info>p{margin-top:12px;font-size:13px;line-height:1.8}.spot-stack{color:#aaa99d;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:9px;display:flex}.spot-stack li:before{content:"·";color:var(--color-accent);margin-right:6px}.spot-links{align-items:center;gap:18px;margin-top:12px;display:flex}.spot-link{color:#c4c4b9;align-items:center;gap:7px;min-height:44px;font-size:11px;display:inline-flex}.spot-link svg{width:13px;height:13px;transition:transform .3s var(--ease-out)}.spot-link:hover{color:var(--color-accent)}.spot-link:hover svg{transform:translate(2px,-2px)}.spot-link-live{color:var(--color-bright)}.work-bottom p a{color:var(--color-bright);border-bottom:1px solid #ffffff30}.stack-map{margin-top:10px}.stack-rail{flex-wrap:wrap;align-items:center;gap:8px;padding-block:18px 26px;display:flex}.stack-rail-label{color:var(--color-mute);letter-spacing:.1em;text-transform:uppercase;margin-right:10px;font-size:9px}.stack-chip{color:#c4c4b9;background:0 0;border:1px solid #ffffff1c;border-radius:4px;min-height:40px;padding:9px 14px;font-size:12px;transition:background .25s,color .25s,border-color .25s}.stack-chip:hover{color:var(--color-bright);border-color:#ffffff45}.stack-chip.is-active{background:var(--color-accent);color:var(--color-ink);border-color:#0000}.stack-layers{border-top:1px solid var(--color-line);grid-template-columns:repeat(4,1fr);gap:34px;padding-top:34px;display:grid}.stack-layer-head{align-items:baseline;gap:14px;display:flex}.stack-layer-head .mono{color:#969786;font-size:9px}.stack-layer-head h3{letter-spacing:-.025em;font-size:16px}.stack-layer-head p{margin-top:4px;font-size:11.5px}.stack-line{background:var(--color-line);height:1px;margin-block:22px 18px;display:block}.stack-layer ul{gap:10px;display:grid}.stack-layer li{color:#ddded0;letter-spacing:-.035em;transition:color .35s, opacity .35s, transform .45s var(--ease-out);padding-left:16px;font-size:clamp(17px,1.5vw,22px);position:relative}.stack-layer li:before{content:"";background:var(--color-mute);width:6px;height:1px;transition:width .4s var(--ease-out), background .3s;position:absolute;top:.62em;left:0}.stack-layer li.is-lit:before{background:var(--color-accent)}[data-stack]:not([data-project=""]) li:not(.is-lit){opacity:.28;color:#9a9a8e;transform:translate(-2px)}[data-stack]:not([data-project=""]) li.is-lit{color:var(--color-bright)}[data-stack]:not([data-project=""]) li.is-lit:before{width:10px}.stack-note{min-height:20px;color:var(--color-mute);letter-spacing:.06em;margin-top:30px;font-size:9px}.footer-arrived{white-space:nowrap;vertical-align:bottom;max-width:0;color:var(--color-bright);transition:max-width .9s var(--ease-inout);display:inline-block;overflow:hidden}.site-footer.is-arrived .footer-arrived{max-width:200px}.site-footer.is-arrived .brand-dot{transform:scale(1.35)}@media (width<=1100px){.flagship-grid{grid-template-columns:1fr 1.1fr;gap:36px}.story{grid-template-columns:1.1fr .9fr;gap:40px}.pindex{gap:36px}.spotlights{gap:40px 24px}.stack-layers{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.flagship{padding-block:72px 60px}.flagship-grid{grid-template-columns:1fr;gap:42px;margin-top:22px}.flagship-title{font-size:clamp(56px,15vw,80px)}.flagship-lead{font-size:15px}.flagship-meta{grid-template-columns:repeat(3,auto);gap:8px 18px}.flagship-visual{padding:10px 0 52px}.flagship-phone{width:30%;bottom:0;left:-4px}.flagship-crop{width:46%;top:-10px;right:0}.flagship-seal{width:84px;height:84px;bottom:10%;right:4%}.story{grid-template-columns:1fr;gap:0;margin-top:44px;padding-top:20px}.story-visual{top:var(--header-height);z-index:3;background:linear-gradient(var(--color-ink) 78%, transparent);padding:10px 0 14px}.story-progress{display:none}.story-meta{margin-top:10px}.story-chapters{padding-top:12px}.story-chapter,.story-chapter:first-child,.story-chapter:last-child{justify-content:center;min-height:36vh;padding-block:3vh}.story-chapter h3{font-size:26px}.story-chapter p{font-size:14px}.pindex{grid-template-columns:1fr;gap:26px}.pindex-item{grid-template-columns:26px 1fr 30px;gap:12px;min-height:68px}.pindex-tag{display:none}.pindex-name{font-size:30px}.pindex-preview{aspect-ratio:16/11;order:-1;position:relative;top:auto}.pindex-number{font-size:120px;top:-40px;left:-6px}.spotlights{grid-template-columns:1fr;gap:44px;margin-top:60px}.spot:nth-child(4){grid-column:auto}.spot:nth-child(4) .spot-screen img{aspect-ratio:1.55}.spot-visual{padding:18px 16px 0}.stack-rail{gap:6px}.stack-chip{padding:8px 11px;font-size:11px}.stack-layers{grid-template-columns:1fr;gap:30px;padding-top:26px}.stack-line{margin-block:16px 14px}.stack-layer li{font-size:18px}.stack-note{margin-top:22px}}.page-hero{padding-top:150px}.page-hero .eyebrow{align-items:center;gap:12px;display:flex}.page-hero h1{letter-spacing:-.06em;margin-top:26px;font-size:clamp(50px,8vw,118px);line-height:.98}.page-hero h1 .serif{letter-spacing:-.045em}.page-lead{color:#cfcec2;max-width:640px;margin-top:30px;font-size:clamp(16px,1.3vw,19px);line-height:1.7}.page-rule{background:var(--color-line);height:1px;margin-top:60px;display:block}.crumbs{color:var(--color-mute);align-items:center;gap:10px;font-size:10px;display:flex}.crumbs a{color:#c4c4b9;align-items:center;min-height:44px;display:inline-flex}.crumbs a:hover{color:var(--color-bright)}.crumbs svg{width:12px;height:12px;transform:rotate(-135deg)}.about-name{flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin-top:38px;display:flex}.about-name strong{letter-spacing:-.04em;color:var(--color-bright);font-size:22px;font-weight:500}.about-name strong span{color:var(--color-mute);padding-inline:8px;font-weight:400}.about-name .mono{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.about-tabs{grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:10px;display:grid}.tab-list{display:grid}.tab-btn{text-align:left;border-top:1px solid var(--color-line);color:#a7a79d;background:0 0;grid-template-columns:30px 1fr auto;align-items:center;gap:16px;min-height:74px;padding:0;transition:color .3s;display:grid;position:relative}.tab-list .tab-btn:last-child{border-bottom:1px solid var(--color-line)}.tab-btn:before{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform .5s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.tab-btn[aria-selected=true]:before{transform:scaleX(1)}.tab-btn .mono{color:var(--color-mute);font-size:9px}.tab-btn .tab-name{letter-spacing:-.045em;color:#d8d7cc;transition:transform .5s var(--ease-out), color .3s;font-size:clamp(22px,2.3vw,32px)}.tab-btn[aria-selected=true]{color:var(--color-bright)}.tab-btn[aria-selected=true] .tab-name{color:var(--color-bright);transform:translate(6px)}.tab-btn[aria-selected=true] .mono{color:var(--color-accent)}.tab-btn .tab-count{color:var(--color-mute);font-size:9px}.tab-panels{min-height:420px;position:relative}.tab-panel{grid-template-rows:auto 1fr auto;gap:24px;display:grid;position:absolute;inset:0}.tab-panel[hidden]{display:none}.tab-panel h3{letter-spacing:-.05em;font-size:clamp(34px,3.6vw,56px);line-height:1}.tab-panel[data-voice=serif] h3{font-family:var(--font-display);letter-spacing:-.035em;font-style:italic;font-weight:400}.tab-panel[data-voice=mono] h3{font-family:var(--font-mono);letter-spacing:-.02em;font-size:clamp(24px,2.6vw,38px);font-weight:500}.tab-panel[data-voice=wide] h3{letter-spacing:.02em;text-transform:uppercase;font-size:clamp(28px,3vw,46px);font-weight:600}.tab-panel[data-voice=tight] h3{letter-spacing:-.075em;font-weight:650}.tab-body{grid-template-columns:1fr 180px;align-items:start;gap:34px;display:grid}.tab-body p{font-size:14.5px;line-height:1.8}.tab-glyph{aspect-ratio:1;fill:none;width:100%;stroke:var(--color-accent);stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;justify-self:end}.tab-glyph .dim{stroke:#ffffff2a}.tab-examples{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:8px 22px;padding-top:18px;display:flex}.tab-examples a{color:#d3d2c6;align-items:baseline;gap:8px;min-height:40px;font-size:13px;display:inline-flex}.tab-examples a .mono{color:var(--color-accent);font-size:8px}.tab-examples a:hover{color:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.tab-panel.is-entering h3{animation:panel-title .7s var(--ease-out) both}.tab-panel.is-entering .tab-body p{animation:clip-down .7s 80ms var(--ease-out) both}.tab-panel.is-entering .tab-glyph path,.tab-panel.is-entering .tab-glyph circle,.tab-panel.is-entering .tab-glyph rect,.tab-panel.is-entering .tab-glyph line{stroke-dasharray:1;stroke-dashoffset:1px;animation:stroke-in 1.1s var(--ease-inout) both;animation-delay:calc(var(--i,0) * 90ms)}.tab-panel.is-entering .tab-examples>*{animation:section-enter .6s var(--ease-out) both;animation-delay:calc(.15s + var(--i,0) * 60ms)}}@keyframes panel-title{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes stroke-in{to{stroke-dashoffset:0}}.proof{border-top:1px solid var(--color-line);margin-top:10px}.proof-row{border-bottom:1px solid var(--color-line);grid-template-columns:1.1fr 1.4fr auto;align-items:center;gap:30px;padding-block:28px;display:grid}.proof-row h3{letter-spacing:-.05em;font-size:clamp(24px,2.6vw,38px)}.proof-row h3 span{color:var(--color-mute);letter-spacing:0;margin-top:6px;font-size:12px;font-weight:400;display:block}.proof-row p{font-size:14px;line-height:1.75}.proof-row .proof-links{gap:18px;display:flex}.proof-row .proof-links a{color:#c4c4b9;align-items:center;gap:7px;min-height:44px;font-size:11px;display:inline-flex}.proof-row .proof-links a:hover{color:var(--color-accent)}.proof-row .proof-links svg{width:13px;height:13px}.source-section{border-block:1px solid var(--color-line);background:#191a15}.source-list{border-top:1px solid #ffffff20;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:30px;display:grid}.source-row{color:#d3d2c6;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:76px;padding-block:14px;display:grid}.source-row b{letter-spacing:-.02em;color:var(--color-bright);font-size:15px;font-weight:500;display:block}.source-row b .mono{color:var(--color-mute);letter-spacing:.1em;text-transform:uppercase;margin-left:10px;font-size:8px;font-weight:400}.source-row small{color:#aaa99d;margin-top:4px;font-size:12px;display:block}.source-row .go{width:34px;height:34px;transition:transform .45s var(--ease-out), background .25s;border:1px solid #fff2;border-radius:50%;place-items:center;display:grid}.source-row .go svg{width:13px;height:13px}.source-row:hover .go{background:#ffffff10;transform:rotate(45deg)}.source-row:hover b{color:var(--color-accent)}.source-cta{align-items:center;gap:12px;margin-top:30px;display:flex}.source-cta .typed:after{content:"_";color:var(--color-accent);animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.story-project{--flag-accent:var(--accent-project,var(--color-accent));grid-template-columns:.95fr 1.05fr;gap:64px;margin-top:80px;padding-top:40px}.story-project .story-chapter h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(30px,3.4vw,48px)}.story-project .story-chapter p{max-width:560px;margin-top:16px;font-size:15.5px;line-height:1.8}.story-project .story-chapter .eyebrow{margin:0}.story-single .story-screen{opacity:1;clip-path:none;transform:none}.story-single .story-frame{aspect-ratio:16/10.5}.story-flow{border-top:0;grid-template-columns:.8fr 1.2fr;gap:64px;margin-top:10px;padding-top:0}.flow-steps{gap:2px;padding-left:0;display:grid}.flow-step{display:block}.flow-step a{border-top:1px solid var(--color-line);color:var(--color-mute);grid-template-columns:26px 1fr;align-items:baseline;gap:14px;padding:14px 0;transition:color .35s;display:grid}.flow-step:last-child a{border-bottom:1px solid var(--color-line)}.flow-step .mono{font-size:9px}.flow-step .flow-name{letter-spacing:-.05em;transition:transform .5s var(--ease-out), color .35s;font-size:clamp(22px,2.6vw,40px);line-height:1;display:inline-block}.flow-step.is-active a{color:var(--color-bright)}.flow-step.is-active .mono{color:var(--color-accent)}.flow-step.is-active .flow-name{transform:translate(8px)}.flow-step a:hover .flow-name{color:var(--color-accent)}.story-flow .story-chapter h3{letter-spacing:-.045em;font-size:clamp(26px,3vw,40px)}.story-flow .story-chapter h3 .serif{color:#c9a08c;transition:color .55s var(--ease-out)}.story-flow .story-chapter.is-active h3 .serif{color:#f1b296}.story-flow .story-chapter p{font-size:15px}.project-page .page-hero h1{font-size:clamp(56px,9.5vw,148px)}.project-meta{grid-template-columns:repeat(4,auto);justify-content:start;gap:10px 44px;margin-top:44px;display:grid}.project-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);font-size:8px}.project-meta dd{color:var(--color-bright);overflow-wrap:anywhere;min-width:0;margin:6px 0 0;font-size:13px}.project-meta>div{min-width:0}.project-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.project-visual{margin-top:70px;position:relative}.project-visual .browser{max-width:1240px;margin-inline:auto}.project-body{grid-template-columns:220px minmax(0,1fr);gap:60px;padding-block:90px 0;display:grid}.project-body>div,.responsive-pair>*,.screens figure,.screens .browser{min-width:0}.project-body .eyebrow{position:sticky;top:120px}.project-body h2{letter-spacing:-.045em;font-size:clamp(30px,3.4vw,48px)}.project-body p{max-width:680px;margin-top:18px;font-size:15.5px;line-height:1.8}.project-body p:first-of-type{margin-top:26px}.project-body+.project-body{border-top:1px solid var(--color-line);margin-top:90px}.fact-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;display:grid}.fact-grid li{border-top:1px solid #ffffff20;padding-top:18px}.fact-grid .mono{color:var(--color-accent);font-size:9px}.fact-grid h3{margin-top:10px;font-size:15px}.fact-grid p{max-width:none;margin-top:6px;font-size:13px;line-height:1.75}.screens{grid-template-columns:1.6fr 1fr;gap:24px;margin-top:30px;display:grid}.screens figure{margin:0}.screens figcaption{font:9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-mute);margin-top:10px}.screens .span-2{grid-column:1/-1}.responsive-pair{grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:40px;margin-top:30px;display:grid}.project-cta{border-block:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-top:100px;padding:54px 0;display:flex}.project-cta h2{letter-spacing:-.05em;font-size:clamp(30px,3.6vw,52px)}.project-cta>div{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.project-next{justify-content:space-between;align-items:center;gap:30px;padding-block:40px 80px;display:flex}.project-next a{letter-spacing:-.045em;min-height:44px;color:var(--color-bright);align-items:center;gap:16px;font-size:clamp(20px,2.4vw,32px);display:inline-flex}.project-next a svg{width:18px;height:18px;transition:transform .35s var(--ease-out)}.project-next a:hover svg{transform:translate(3px,-3px)}.project-next .mono{color:var(--color-mute);font-size:9px}@media (width<=1100px){.about-tabs{gap:36px}.tab-body{grid-template-columns:1fr 140px}.project-body{grid-template-columns:170px 1fr;gap:36px}}@media (width<=760px){.page-hero{padding-top:112px}.page-lead{margin-top:22px;font-size:16px}.page-rule{margin-top:44px}.about-tabs{grid-template-columns:1fr;gap:26px}.tab-btn{gap:12px;min-height:62px}.tab-btn .tab-name{font-size:22px}.tab-panels{min-height:0}.tab-panel{gap:18px;position:static}.tab-body{grid-template-columns:1fr}.tab-glyph{justify-self:start;width:120px}.story-flow{grid-template-columns:1fr;gap:0}.story-flow .story-visual{padding-top:8px}.flow-steps{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.flow-step a{white-space:nowrap;border-radius:4px;gap:8px;padding:10px 12px;display:inline-flex;border:1px solid var(--color-line)!important}.flow-step .flow-name{font-size:14px}.flow-step.is-active .flow-name{transform:none}.flow-step.is-active a{border-color:var(--color-accent)!important}.story-project{gap:0;margin-top:50px;padding-top:24px}.story-project .story-chapter h2{font-size:30px}.proof-row{grid-template-columns:1fr;gap:12px;padding-block:22px}.source-list{grid-template-columns:1fr}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:30px}.project-visual{margin-top:44px}.project-body{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:60px}.project-body+.project-body{margin-top:60px}.project-body .eyebrow{position:static}.fact-grid{grid-template-columns:1fr;gap:18px}.screens{grid-template-columns:1fr}.responsive-pair{grid-template-columns:minmax(0,1fr) 110px;gap:16px}.project-cta{margin-top:60px;padding:36px 0}.project-next{padding-block:30px 50px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2)format("woff2")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2")}:root{--gutter:clamp(24px,5.5vw,96px);--header-height:90px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-ink);color-scheme:dark;-webkit-text-size-adjust:100%;scroll-padding-top:108px}body{color:var(--color-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}body.menu-open{overflow:hidden}html{scrollbar-gutter:stable}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-bright);font-weight:450}h1,h2{letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(44px,5.3vw,76px)}h3{line-height:1.4}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}svg{flex-shrink:0}button,a{touch-action:manipulation}button{border:0}button:disabled{cursor:default}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}::selection{background:var(--color-accent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px;border-radius:2px}main:focus{outline:none}.shell{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.section-pad{padding-block:118px}.serif{font-family:var(--font-display);letter-spacing:-.045em;font-style:italic;font-weight:400}.mono,.eyebrow{font-family:var(--font-mono);letter-spacing:.035em;font-size:10px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#c4c4b9}.section-index{color:var(--color-accent);margin-right:18px}.subtle{color:var(--color-mute)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--color-accent);color:var(--color-ink);padding:12px 20px;position:fixed;top:12px;left:20px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;top:0;border-bottom:1px solid #0000;transition:background .35s,border-color .35s;position:absolute;inset-inline:0}.site-header.is-fixed{position:fixed}.site-header.is-scrolled{backdrop-filter:blur(16px);border-color:var(--color-line);background:#131310ee}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:32px;display:flex}.wordmark{letter-spacing:-.065em;color:var(--color-bright);white-space:nowrap;align-items:baseline;font-size:23px;font-weight:400;display:inline-flex}.wordmark>span:first-child{font-weight:700}.brand-dot{color:var(--color-accent);font-size:35px;line-height:.5}.desktop-nav{align-items:center;gap:31px;display:flex}.desktop-nav>a{color:#a4a499;padding-block:14px;font-size:12px;transition:color .25s;position:relative}.desktop-nav>a:hover,.desktop-nav>a[aria-current]{color:var(--color-bright)}.nav-dot{background:var(--color-accent);opacity:0;width:4px;height:4px;transition:opacity .3s,transform .3s var(--ease);border-radius:50%;position:absolute;bottom:5px;left:calc(50% - 2px);transform:scale(0)}[aria-current]>.nav-dot{opacity:1;transform:scale(1)}.github-link{color:var(--color-bright);border:1px solid #ffffff25;border-radius:5px;align-items:center;gap:10px;padding:9px 15px;font-size:12px;transition:background .25s,border-color .25s;display:flex}.github-link>svg{width:16px;height:16px}.github-link>.small-arrow{width:12px;height:12px;margin-left:7px}.github-link:hover{background:#ffffff09;border-color:#ffffff50}.menu-toggle{background:0 0;width:44px;height:44px;display:none;position:relative}.menu-toggle span{background:var(--color-bright);width:22px;height:1px;transition:transform .3s,top .3s;position:absolute;top:17px;left:11px}.menu-toggle span+span{top:25px}.menu-toggle[aria-expanded=true] span{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:rotate(-45deg)}.mobile-menu{background:var(--color-ink);height:calc(100dvh - var(--header-height));border-top:1px solid var(--color-line);overflow-y:auto}.mobile-menu-inner{padding-block:32px}.mobile-menu-inner>.eyebrow{margin-bottom:24px}.mobile-menu-inner>a{border-bottom:1px solid var(--color-line);min-height:62px;color:var(--color-bright);align-items:center;gap:20px;font-size:28px;display:flex}.mobile-menu-inner>a>span{color:var(--color-accent)}.mobile-menu-inner>a>svg:last-child{margin-left:auto}.mobile-menu-inner>a.mobile-github{margin-top:16px;font-size:16px}.mobile-menu-note{margin-top:30px;font-size:12px}.hero{padding-top:124px;position:relative}.hero-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:560px;display:grid}.hero-copy{z-index:2;padding-bottom:28px;position:relative}.hero-intro{color:var(--color-bright);align-items:center;gap:12px;margin-bottom:32px;font-size:14px;display:flex}.intro-dash{background:var(--color-accent);width:26px;height:1px}.intro-wave{color:var(--color-accent);margin-left:4px;font-size:20px}.hero h1{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(60px,6.35vw,102px);font-weight:450;line-height:1.07}.line-mask{margin-block:-.045em;padding-block:.045em;display:block;overflow:clip}.line-mask>span{display:block}.hero h1 .serif{color:#f1b296;letter-spacing:-.043em;font-size:1.09em}.hero-description{color:#a7a79d;margin-top:29px;font-size:clamp(15px,1.22vw,18px);line-height:1.7}.hero-actions{align-items:center;gap:29px;margin-top:33px;display:flex}.button{min-height:52px;transition:background .25s,box-shadow .25s,transform .45s var(--ease);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:27px;padding:13px 22px;font-size:13px;font-weight:500;display:inline-flex}.button-primary{background:var(--color-accent);color:#181510;box-shadow:0 0 #f28b6300}.button-primary:hover{background:#ffab88;box-shadow:0 5px 28px #f28b6315}.button-arrow{width:16px;height:16px;transition:transform .35s var(--ease)}.button:hover .button-arrow{transform:translate(2px,-2px)}.button:active{scale:.97}.text-link{color:var(--color-bright);align-items:center;gap:16px;min-height:44px;font-size:13px;display:inline-flex;position:relative}.text-link:after{content:"";transform-origin:0;opacity:0;height:1px;transition:transform .4s var(--ease), opacity .3s;background:currentColor;position:absolute;bottom:6px;left:0;right:35px;transform:scaleX(.2)}.text-link:hover:after{opacity:.75;transform:scaleX(1)}.text-link svg{width:15px;height:15px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translate(2px,-2px)}.hero-role{color:#929386;letter-spacing:.04em;margin-top:42px;font-size:9px}.hero-role span{color:#5e6054;padding-inline:10px}.hero-baseline{border-bottom:1px solid var(--color-line);height:93px;color:var(--color-mute);justify-content:space-between;align-items:center;gap:15px;display:flex}.hero-baseline .mono{font-size:9px}.scroll-link{align-items:center;gap:10px;min-height:44px;display:flex}.scroll-icon{border:1px solid #ffffff29;border-radius:18px;place-items:center;width:29px;height:37px;display:grid}.scroll-icon svg{width:14px;height:14px;transition:transform .3s var(--ease)}.scroll-link:hover svg{transform:translateY(3px)}.shape-study{justify-self:end;width:100%;max-width:600px;margin-top:1px;position:relative}.shape-study:after{content:"";height:62px;display:block}.study-controls{position:absolute;bottom:0;left:0;right:0}.study-heading{color:var(--color-mute);justify-content:space-between;align-items:center;padding-inline:24px;display:flex}.study-heading .eyebrow{color:#9b9c90;align-items:center;gap:8px;font-size:9px;display:flex}.status-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px;display:inline-block}.study-edition{font-size:9px}.shape-stage{aspect-ratio:1;isolation:isolate;touch-action:pan-y;position:relative}.stage-grid{z-index:-1;opacity:.9;background-image:linear-gradient(#f5e6d607 1px,#0000 1px),linear-gradient(90deg,#f5e6d607 1px,#0000 1px);background-size:40px 40px;transition:opacity .4s;position:absolute;inset:24px;-webkit-mask-image:radial-gradient(#000 18%,#0000 70%);mask-image:radial-gradient(#000 18%,#0000 70%)}.stage-light{z-index:-1;transform:translate(var(--light-x,0),var(--light-y,0));background:radial-gradient(#ca673518,#0000 64%);position:absolute;inset:10%}.sculpture{width:100%;height:100%;display:block;overflow:visible}.is-loaded .sculpture-lines{filter:drop-shadow(0 0 3px #e96e1f18);transition:filter .6s}.construction-lines{opacity:0;transition:opacity .45s}.is-inspecting .construction-lines{opacity:.65}.is-inspecting .stage-grid{opacity:1;background-size:20px 20px}.crosshair{color:#66665a;font:18px var(--font-mono);position:absolute}.crosshair-tl{top:8%;left:6%}.crosshair-br{bottom:8%;right:6%}.stage-axis{color:#89897c;font-size:8px;position:absolute;bottom:27px;left:24px}.stage-caption{color:#89897c;font-size:8px;position:absolute;bottom:27px;right:24px}.touch-instruction{display:none}.study-controls{border-block:1px solid var(--color-line);justify-content:space-between;align-items:center;min-height:62px;margin-inline:24px;display:flex}.shape-options{gap:4px;display:flex}.shape-options button{min-height:44px;font-family:var(--font-mono);color:#8b8b7e;background:0 0;border-radius:3px;padding:11px 12px;font-size:9px;transition:background .2s,color .2s}.shape-options button span{font-family:var(--font-sans);margin-left:8px;font-size:11px}.shape-options button[aria-pressed=true]{color:var(--color-bright);background:#ffffff0c}.shape-options button[aria-pressed=true]:first-letter,.shape-options button:hover{color:var(--color-accent)}.inspect-toggle{background:0 0;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:10px;display:flex}.inspect-toggle>svg{width:13px;height:13px;transition:transform .4s var(--ease)}.inspect-toggle[aria-pressed=true]{color:var(--color-accent)}.inspect-toggle[aria-pressed=true]>svg{transform:rotate(45deg)}.section-topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:30px;margin-bottom:58px;display:flex}.section-heading>p{width:270px;padding-bottom:4px;font-size:14px;line-height:1.8}.project-list{grid-template-columns:1fr 1fr;gap:68px 32px;display:grid}.project-featured{grid-column:1/-1}.project-visual{isolation:isolate;color:#d4dacc;border-radius:6px;min-width:0;padding:30px 36px 24px;display:block;position:relative;overflow:hidden}.project-quire .project-visual{background:#333e32 radial-gradient(at 75% 0,#91a98625,#0000 65%);padding:35px 56px 27px}.project-kilo .project-visual{background:#313225 linear-gradient(130deg,#76734220,#0000)}.project-folio .project-visual{background:#42382f linear-gradient(140deg,#aa7f5220,#0000)}.visual-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px;display:flex}.visual-name{font-family:var(--font-display);color:#eff2e4;font-size:35px;font-style:italic;line-height:1}.project-kilo .visual-name{font-family:var(--font-sans);letter-spacing:-.07em;color:#e5edac;font-size:28px;font-style:normal;font-weight:850}.visual-heading>.mono{opacity:.8;margin-left:auto;margin-right:20px;font-size:9px}.visual-arrow{width:34px;height:34px;transition:background .25s,transform .4s var(--ease);border:1px solid #ffffff30;border-radius:50%;place-items:center;display:grid}.visual-arrow svg{width:16px;height:16px}.project-visual:hover .visual-arrow{background:#ffffff15;transform:rotate(45deg)}.project-screen{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0);transition:transform .6s var(--ease);background:#f8f7f3;border:1px solid #fff3;border-radius:5px;overflow:hidden;box-shadow:0 25px 55px #0004}.project-visual:hover .project-screen{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px)}.project-screen img{aspect-ratio:1.7;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.project-featured .project-screen{max-width:1040px;margin-inline:auto}.project-featured .project-screen img{aspect-ratio:2.35}.screen-chrome{background:#e8e7e2;border-bottom:1px solid #2221;align-items:center;gap:5px;height:24px;padding-inline:10px;display:flex;position:relative}.screen-chrome>span:not(.screen-label){background:#b3b3aa;border-radius:100%;width:5px;height:5px}.screen-label{font-family:var(--font-mono);color:#5e6055;font-size:7px;position:absolute;left:50%;transform:translate(-50%)}.visual-bottom{letter-spacing:.06em;text-transform:uppercase;margin-top:20px;font-size:8px;display:block}.project-info{padding-top:25px}.project-title{align-items:baseline;gap:17px;display:flex}.project-number{color:var(--color-accent);font-size:9px}.project-title>div{flex:1}.project-title h3{letter-spacing:-.025em;font-size:17px;font-weight:550}.project-title h3>span{color:#aaa99d;font-size:15px;font-weight:400}.project-title p{max-width:630px;margin-top:13px;font-size:13px;line-height:1.8}.project-source{color:#c4c4b9;flex-shrink:0;align-items:center;gap:9px;min-height:44px;font-size:11px;display:inline-flex}.project-source>svg{width:14px;height:14px}.project-source:hover{color:var(--color-accent)}.project-links{flex-shrink:0;align-items:center;gap:18px;display:flex}.project-live{color:var(--color-bright)}.stack-tags{flex-wrap:wrap;gap:8px;margin-top:21px;margin-left:35px;display:flex}.stack-tags>li{font:9px var(--font-mono);color:#aaa99d;background:#ffffff04;border:1px solid #ffffff12;border-radius:3px;padding:7px 10px}.project:not(.project-featured) .project-title{flex-wrap:wrap;gap:11px}.project:not(.project-featured) .project-title h3>span{margin-top:4px;font-size:14px;display:block}.project:not(.project-featured) .project-title h3>span:first-letter{font-size:0}.project:not(.project-featured) .project-source span{display:none}.project:not(.project-featured) .stack-tags{margin-left:29px}.work-bottom{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;margin-top:58px;padding-top:40px;display:flex}.work-bottom p{font-size:13px}.about-section{border-block:1px solid var(--color-line);background:#191a15}.about-layout{grid-template-columns:1fr 1.2fr;gap:100px;display:grid}.about-copy{padding-top:8px}.about-copy h2{font-size:clamp(40px,4.5vw,65px)}.about-copy>p{max-width:540px;margin-top:22px;font-size:14px;line-height:1.85}.about-copy>p.about-lead{color:#cfcec2;margin-top:30px;font-size:18px;line-height:1.7}.about-copy>.text-link{margin-top:24px}.monogram{isolation:isolate;place-items:center;max-width:380px;height:340px;display:grid;position:relative}.monogram>span:first-child{font-family:var(--font-display);color:#cccdaf;letter-spacing:-.07em;margin-top:-15px;font-size:220px;font-style:italic;line-height:1;transform:rotate(-9deg)}.monogram-dot{color:var(--color-accent)}.monogram-orbit{z-index:-1;border:1px solid #d8d7bd18;border-radius:50%;width:260px;height:260px;position:absolute}.monogram-orbit:before{content:"";border:1px solid #d8d7bd0c;border-radius:50%;position:absolute;inset:-20px}.monogram-orbit:after{content:"+";font:14px var(--font-mono);color:var(--color-accent);position:absolute;top:30px;right:21px}.monogram-caption{color:#919283;font-size:9px;position:absolute;bottom:3px}.principles{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:78px;display:grid}.principles>div{border-top:1px solid #ffffff20;padding-top:24px}.principles .mono{color:var(--color-accent);font-size:9px}.principles h3{margin-top:13px;margin-bottom:5px;font-size:15px}.principles p{font-size:12px}.skills-section .section-heading{margin-bottom:50px}.skill-row{border-top:1px solid var(--color-line);grid-template-columns:.9fr 1.3fr;align-items:center;gap:30px;padding-block:31px;transition:background .3s;display:grid}.skill-row:last-child{border-bottom:1px solid var(--color-line)}.skill-category{align-items:baseline;gap:26px;display:flex}.skill-category>.mono{color:#969786;font-size:9px}.skill-category h3{letter-spacing:-.025em;font-size:17px}.skill-category p{margin-top:5px;font-size:12px}.skill-row ul{flex-wrap:wrap;align-items:center;gap:10px 28px;display:flex}.skill-row li{color:#ddded0;letter-spacing:-.035em;transition:color .25s, transform .3s var(--ease);font-size:clamp(15px,1.5vw,21px);position:relative}.skill-row li:after{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform .35s var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.skill-row li:hover{color:var(--color-accent);transform:translateY(-2px)}.skill-row li:hover:after{transform:scaleX(1)}.contact-section{color:#5a5c50;background:#e6e6d4;position:relative;overflow:clip}.contact-inner{padding-block:83px 61px;position:relative}.contact-section .eyebrow{color:#515746}.contact-section .section-index{color:#965034}.contact-heading{justify-content:space-between;align-items:center;gap:40px;margin-top:36px;display:flex}.contact-heading h2{color:#252c23;letter-spacing:-.065em;font-size:clamp(65px,8.5vw,126px)}.contact-heading .serif{color:#69705b}.contact-arrow{width:clamp(90px,13vw,182px);height:clamp(90px,13vw,182px);transition:background .3s,transform .5s var(--ease),color .3s;color:#30382a;border:1px solid #555c4140;border-radius:50%;flex-shrink:0;place-items:center;margin-right:3%;display:grid}.contact-arrow svg{stroke-width:1px;width:44%;height:44%;transition:transform .5s var(--ease)}.contact-arrow:hover{color:#e6e6d4;background:#30382a}.contact-arrow:hover svg{transform:rotate(45deg)}.contact-arrow:active{scale:.96}.contact-bottom{border-top:1px solid #555c4130;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;padding-top:30px;display:flex}.contact-bottom p{font-size:14px}.contact-bottom .text-link{color:#30382a}.contact-section :focus-visible{outline-color:#763517}.site-footer{justify-content:space-between;align-items:center;gap:25px;min-height:115px;display:flex}.site-footer .wordmark{font-size:20px}.site-footer>p{font-size:10px}.site-footer>div{align-items:center;gap:30px;display:flex}.site-footer>div>a{align-items:center;gap:9px;min-height:44px;font-size:11px;display:inline-flex}.site-footer>div>a:hover{color:var(--color-bright)}.site-footer svg{width:13px;height:13px}.back-arrow{transform:rotate(180deg)}.hero-line-1{font-variation-settings:"wght" var(--wght,450);transition:font-variation-settings .35s var(--ease)}.hero h1 .word{transform-origin:0;display:inline-block}.intro-dash{transform-origin:0}.hero-baseline{border-bottom:0;position:relative}.hero-baseline:after{content:"";background:var(--color-line);transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.js .site-header .wordmark,.js .site-header .github-link,.js .site-header .menu-toggle{animation:fade-down .6s var(--ease) both}.js .desktop-nav>a{animation:fade-down .5s var(--ease) both;animation-delay:calc(50ms + var(--i,0) * 45ms)}.hero-intro .intro-dash{animation:draw-x .6s .1s var(--ease) both}.hero-intro .intro-text,.hero-intro .intro-wave{animation:fade-in .5s .22s var(--ease) both}.hero-intro .intro-wave{animation:spin-in .8s .3s var(--ease) both}.hero .line-mask>span{animation:type-enter .95s .2s var(--ease) both}.hero .line-mask:nth-child(2)>span{animation-delay:.32s}.hero h1 .word{animation:track-in 1s var(--ease) both;animation-delay:calc(.38s + var(--i,0) * 90ms)}.hero-description{animation:clip-down .85s .55s var(--ease) both}.hero-actions{animation:section-enter .75s .68s var(--ease) both}.hero-role{animation:fade-in .6s .8s var(--ease) both}.shape-study{animation:shape-enter 1s .3s var(--ease) both}.hero-baseline:after{animation:draw-x 1s .8s var(--ease-inout) both}.hero-baseline>*{animation:fade-in .6s .95s var(--ease) both}@supports (animation-timeline:view()){.hero-layout{animation:linear both hero-exit view();animation-range:exit exit 70%}}}@keyframes hero-exit{0%{opacity:1;transform:none}to{opacity:.25;transform:translateY(-48px)scale(.985)}}@keyframes section-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes clip-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes spin-in{0%{opacity:0;transform:rotate(-120deg)scale(.6)}to{opacity:1;transform:none}}@keyframes track-in{0%{transform:translateX(calc(var(--i,0) * .12em)) scaleX(1.03);opacity:.4}to{opacity:1;transform:none}}@keyframes type-enter{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes shape-enter{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (width>=1600px){.hero-layout{min-height:660px}.hero{padding-top:150px}}@media (width<=1100px){:root{--gutter:40px}.desktop-nav{gap:22px}.hero-layout{grid-template-columns:1.08fr 1fr;gap:0;min-height:530px}.hero h1{font-size:6.25vw}.hero-description{font-size:14px}.study-heading{padding-inline:10px}.study-heading .eyebrow,.study-edition{font-size:8px}.study-controls{margin-inline:10px}.shape-options button{padding-inline:8px}.shape-options button span{margin-left:4px}.hero-role{font-size:8px}.hero-role span{padding-inline:6px}.section-pad{padding-block:90px}.project-visual{padding:23px 24px}.visual-heading>.mono{display:none}.about-layout{gap:45px}.skill-row ul{gap:12px 22px}}@media (width<=760px){:root{--gutter:24px;--header-height:74px}html{scroll-padding-top:94px}.header-inner{gap:16px}.wordmark{font-size:22px}.desktop-nav{display:none}.github-link{margin-left:auto;padding:8px 12px}.github-link>span,.github-link>.small-arrow{display:none}.menu-toggle{display:block}.hero{padding-top:117px}.hero-layout{grid-template-columns:1fr;gap:32px;min-height:auto}.hero-copy{padding-bottom:0}.hero-intro{margin-bottom:25px;font-size:13px}.hero h1{font-size:clamp(49px,10.3vw,78px)}.hero-description{margin-top:22px;font-size:15px}.hero-actions{gap:28px;margin-top:25px}.button{gap:22px;min-height:51px;padding-inline:19px}.hero-role{margin-top:28px;font-size:8px}.hero-role span{padding-inline:7px}.shape-study{justify-self:center;max-width:500px;margin-top:10px}.study-heading{padding-inline:10px}.shape-stage{margin-top:-9px;margin-bottom:-13px}.study-controls{margin-inline:8px}.stage-axis,.stage-caption{font-size:7px;bottom:28px}.study-heading .eyebrow,.study-edition{font-size:8px}.hero-baseline{height:87px;margin-top:13px}.hero-baseline>p{display:none}.hero-baseline .mono{font-size:8px}.hero-year{font-size:7px!important}.section-pad{padding-block:73px}.section-topline>.subtle{display:none}.section-heading{margin-top:25px;margin-bottom:34px;display:block}.section-heading>p{width:auto;margin-top:22px;font-size:13px}.section-heading>p br{display:none}h2{font-size:clamp(44px,8.3vw,64px)}.project-list{grid-template-columns:1fr;gap:44px}.project-quire .project-visual,.project-visual{padding:25px 20px 20px}.visual-heading{margin-bottom:24px}.visual-heading .mono{margin-right:5px;font-size:7px;display:block}.visual-name{font-size:30px}.visual-arrow{width:28px;height:28px}.visual-bottom{margin-top:18px;font-size:7px}.project-featured .project-screen img{aspect-ratio:1.7}.screen-chrome{height:17px}.screen-label{font-size:6px}.project-info{padding-top:21px}.project-title{gap:11px}.project-title h3{font-size:17px}.project-title h3>span{margin-top:3px;font-size:13px;display:block}.project-title h3>span:first-letter{font-size:0}.project-title p{margin-top:11px;font-size:12px}.project-source span{display:none}.project-live span,.project:not(.project-featured) .project-live span{display:inline}.stack-tags{gap:6px;margin-top:16px;margin-left:29px}.stack-tags>li{padding:6px 8px;font-size:8px}.work-bottom{margin-top:36px;padding-top:27px;display:block}.work-bottom p{margin-bottom:8px;font-size:12px}.about-layout{grid-template-columns:1fr;gap:34px}.monogram{max-width:none;height:215px;margin-top:22px}.monogram>span:first-child{font-size:155px}.monogram-orbit{width:150px;height:150px}.monogram-orbit:before{inset:-14px}.monogram-caption{bottom:-2px}.about-copy h2{font-size:46px}.about-copy>p.about-lead{margin-top:22px;font-size:17px}.about-copy>p{font-size:13px}.principles{grid-template-columns:1fr;gap:23px;margin-top:44px}.principles>div{grid-template-columns:24px 1fr;column-gap:15px;padding-top:19px;display:grid}.principles>div>.mono{grid-row:span 2;padding-top:3px}.principles h3{margin:0 0 5px;font-size:14px}.principles p{font-size:12px}.skills-section .section-heading{margin-bottom:30px}.skill-row{grid-template-columns:1fr;gap:22px;padding-block:25px}.skill-category{gap:17px}.skill-category h3{font-size:16px}.skill-category p{font-size:11px}.skill-row ul{gap:10px 21px;margin-left:31px}.skill-row li{font-size:17px}.contact-inner{padding-block:59px 38px}.contact-heading{margin-top:29px;display:block;position:relative}.contact-heading h2{font-size:clamp(44px,9.5vw,68px)}.contact-arrow{width:64px;height:64px;margin:0;position:absolute;bottom:0;right:0}.contact-bottom{margin-top:34px;padding-top:23px;display:block}.contact-bottom p{font-size:13px}.contact-bottom .text-link{margin-top:16px}.site-footer{flex-wrap:wrap;gap:14px;min-height:auto;padding-block:30px 24px}.site-footer .wordmark{font-size:19px}.site-footer>p{order:3;width:100%;font-size:9px}.site-footer>div{gap:16px}.site-footer>div>a{gap:5px;font-size:10px}}@media (width<=370px){:root{--gutter:19px}.hero h1{font-size:10.3vw}.hero-description{font-size:13px}.hero-actions{gap:17px}.button{gap:15px;padding-inline:15px;font-size:12px}.hero-role{font-size:7px}.visual-heading>.mono{display:none}.contact-arrow{width:52px;height:52px}}@media (hover:none),(pointer:coarse){.pointer-instruction{display:none}.touch-instruction{display:inline}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.project-screen,.project-visual:hover .project-screen{transform:none}[data-magnetic]{transform:none!important}}@media print{.site-header,.shape-study,.hero-baseline,.contact-arrow{display:none}html,body,.about-section,.contact-section{color:#333;background:#fff}h1,h2,h3,.serif{color:#111!important}.hero{padding-top:0}.hero-layout,.about-layout{display:block}.section-pad{padding-block:24px}[data-m],[data-m] *{opacity:1!important;clip-path:none!important;transform:none!important}.project,.spot,.story-chapter{break-inside:avoid}.story-visual{position:static}.story-screen{position:static;opacity:1!important;clip-path:none!important;transform:none!important}.story-chapter{opacity:1;min-height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{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}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}