@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:"Inter Variable", sans-serif;--font-mono:"JetBrains Mono Variable", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--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-surface:#1a1a16;--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{.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}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.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}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,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))}}: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=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}.js [data-m=count].in .digit-roll{animation:section-count 1.1s var(--ease-inout)}@keyframes section-count{0%{transform:translateY(-2em)}}@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}}.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}.desktop-nav{position:relative}.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],::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}.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;flex-direction:column;justify-content:center;min-height:44vh;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}.story-chapter.is-active .story-chapter-n{color:#c8a35f}.story-chapter h3,.story-chapter h2{letter-spacing:-.045em;color:#b9b9ae;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);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)}}.work-section{padding-bottom:24px}.feature{border-top:1px solid var(--color-line);padding-block:72px;scroll-margin-top:70px;position:relative}.feature:before{content:"";z-index:-1;background:radial-gradient(ellipse 55% 45% at 78% 30%, var(--feature-accent), transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.feature:before{background:radial-gradient(ellipse 55% 45% at 78% 30%, color-mix(in oklab, var(--feature-accent) 9%, transparent), transparent 70%)}}.feature:before{pointer-events:none}.feature-tempest{background:linear-gradient(180deg, var(--color-ink), #0f1217 30%, #0f1217 70%, var(--color-ink))}.feature-grid{grid-template-columns:.82fr 1.18fr;align-items:start;gap:64px;display:grid}.feature-grid>*{min-width:0}.feature-kicker{color:#b9b9ad;text-transform:uppercase;letter-spacing:.12em;gap:12px;font-size:9.5px;display:flex}.feature-kicker span{color:var(--color-accent)}.feature-title{letter-spacing:-.06em;margin-top:16px;font-size:clamp(46px,5.6vw,88px);font-weight:450;line-height:1}.feature-tempest .feature-title{color:#e3f2f6}.feature-does{color:#d2d1c6;max-width:520px;margin-top:22px;font-size:17px;line-height:1.7}.feature-meta{border-top:1px solid var(--color-line);gap:14px;margin:30px 0 0;padding-top:22px;display:grid}.feature-meta>div{grid-template-columns:82px 1fr;align-items:baseline;gap:16px;display:grid}.feature-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);font-size:9px}.feature-meta dd{color:var(--color-bright);margin:0;font-size:13.5px}.feature-meta a{text-underline-offset:3px;text-decoration:underline #ffffff40}.feature-meta a:hover{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.feature-actions{flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:30px;display:flex}.spoiler-demo{margin:0}.spoiler-caption{color:#c3c3b8;margin-bottom:16px;font-size:13px}.spoiler-caption .mono{color:var(--feature-accent);text-transform:uppercase;letter-spacing:.12em;margin-right:10px;font-size:9px}.spoiler-switch{background:#0d141d;border:1px solid #ffffff1f;border-radius:999px;gap:2px;margin-bottom:16px;padding:4px;display:inline-flex}.spoiler-switch button{color:#a9b6c4;min-height:40px;font:11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:999px;padding:8px 16px}.spoiler-switch button span{color:#5d7186;margin-right:4px}.spoiler-switch button:hover{color:#e3f2f6}.spoiler-switch button[aria-pressed=true]{color:#f3f7fa;background:#1b2a3a}.spoiler-switch button[aria-pressed=true] span{color:#e98a5b}.spoiler-frame{display:grid}.spoiler-shot{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .35s}.spoiler-shot.is-active{visibility:visible;opacity:1;transition:opacity .35s}.spoiler-table-wrap{margin-top:18px;overflow-x:auto}.spoiler-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.spoiler-table th,.spoiler-table td{text-align:right;border-bottom:1px solid var(--color-line);white-space:nowrap;padding:9px 10px}.spoiler-table th:first-child{text-align:left;padding-left:0}.spoiler-table thead th{font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-mute);font-weight:400}.spoiler-table tbody th{color:#c4c4b9;font-weight:450}.spoiler-table td{color:#a7a79d}.spoiler-table tr.is-active th,.spoiler-table tr.is-active td{color:var(--color-bright)}.spoiler-table tr.is-active th:before{content:"◆";color:#e98a5b;margin-right:8px;font-size:9px}.spoiler-table td:last-child{color:var(--color-bright)}.spoiler-note{color:#c4c4b9;min-height:1.6em;margin-top:14px;font-size:11px}.spoiler-source{color:var(--color-mute);margin-top:4px;font-size:9px}.pdf-demo{grid-template-columns:.62fr 1fr;align-items:center;gap:28px;display:grid}.pdf-paper{transition:transform .5s var(--ease);background:#fff;border-radius:3px;display:block;position:relative;transform:rotate(-1.5deg);box-shadow:0 30px 70px #0008,0 0 0 1px #ffffff14}.pdf-paper:hover{transform:rotate(0)translateY(-4px)}.pdf-paper img{border-radius:3px;width:100%;height:auto;display:block}.pdf-badge{white-space:nowrap;color:var(--color-bright);letter-spacing:.06em;background:#131310ee;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:9.5px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pdf-badge svg{width:11px;height:11px}.pdf-paper:hover .pdf-badge{background:var(--color-accent);color:var(--color-ink)}.pdf-caption{color:var(--color-mute);grid-column:1/-1;font-size:10px}.siteforge-flow{border:1px solid var(--color-line);border-radius:6px;margin-top:18px;padding:16px}.siteforge-flow figcaption{color:var(--feature-accent)}.siteforge-flow svg{width:min(100%,420px);color:var(--feature-accent);margin:12px auto 0;display:block}.flow-edges{fill:none;stroke:currentColor;stroke-width:1.2px}.flow-nodes rect{fill:var(--color-surface);stroke:currentColor}@supports (color:color-mix(in lab, red, red)){.flow-nodes rect{stroke:color-mix(in oklab, currentColor 45%, transparent)}}.flow-nodes text{fill:var(--color-bright);font:16px var(--font-mono);text-anchor:middle;dominant-baseline:middle}.feature-proof{border-top:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:64px;margin-top:56px;padding-top:32px;display:grid}.feature-proof .eyebrow{color:var(--feature-accent)}.decision h4{letter-spacing:-.03em;color:var(--color-bright);margin-top:14px;font-size:clamp(20px,1.9vw,26px);font-weight:450;line-height:1.3}.decision p:not(.eyebrow){max-width:560px;margin-top:14px;font-size:14.5px;line-height:1.8}.evidence ul{margin-top:10px}.evidence li>a,.evidence li>div{border-bottom:1px solid var(--color-line);grid-template-columns:120px 1fr 18px;align-items:baseline;gap:16px;padding-block:14px;display:grid}.evidence-label{font:9.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#c4c4b9}.evidence-text{color:var(--color-body);font-size:13.5px;line-height:1.6}.evidence-arrow{color:#8d8d83;width:14px;height:14px;transition:transform .3s var(--ease);align-self:center}.evidence a:hover .evidence-text{color:var(--color-bright)}.evidence a:hover .evidence-arrow{color:var(--color-accent);transform:translate(2px,-2px)}.more-work{border-top:1px solid var(--color-line);padding-top:72px}.more-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.more-head h3{letter-spacing:-.045em;font-size:clamp(26px,2.6vw,36px);font-weight:450}.more-head p{font-size:13px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.tool-card{border:1px solid var(--color-line);background:#171713;border-radius:6px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--tool-accent)}@supports (color:color-mix(in lab, red, red)){.tool-card:hover{border-color:color-mix(in oklab, var(--tool-accent) 45%, #ffffff1c)}}.tool-shot{background:var(--tool-accent);display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tool-shot{background:color-mix(in oklab, var(--tool-accent) 14%, #1a1a16)}}.tool-shot{padding:14px 14px 0}.tool-preview{border-radius:4px 4px 0 0;display:block;position:relative;overflow:hidden}.tool-shot img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:4px 4px 0 0;width:100%;height:auto;display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tool-card:after{content:"";pointer-events:none;opacity:0;transform:translate(calc(var(--mx) * 100%), calc(var(--my) * 100%));transition:opacity .3s var(--ease-out);background:radial-gradient(180px,#f28b6320,#0000);position:absolute;inset:0}.tool-card:hover:after{opacity:1}.tool-card .tool-preview{transition:transform .35s var(--ease-out)}.tool-card:hover .tool-preview{transform:translate(calc(var(--mx) * 10px), calc(var(--my) * 8px)) scale(1.03)}}.tool-body{flex-direction:column;flex:1;padding:18px 18px 8px;display:flex}.tool-body h4{letter-spacing:-.03em;color:var(--color-bright);font-size:18px;font-weight:550}.tool-body h4 a:hover{color:var(--tool-accent)}.tool-tagline{color:#c4c4b9;margin-top:2px;font-size:13px}.tool-desc{margin-top:10px;font-size:12.5px;line-height:1.7}.tool-stack{color:#9a9a8e;margin-top:12px;font-size:9px}.tool-links{flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:auto;padding-top:8px;display:flex}.tool-links a{color:#c4c4b9;align-items:center;gap:6px;min-height:44px;font-size:11.5px;display:inline-flex}.tool-links a:first-child{color:var(--color-bright);flex-basis:100%}.tool-links a:hover{color:var(--color-accent)}.tool-links svg{width:12px;height:12px}.work-sources{flex-wrap:wrap;gap:0 28px;display:flex}.work-sources .text-link svg:first-child{width:15px;height:15px}.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}.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: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);transform-origin:0;width:6px;height:1px;transition:transform .4s var(--ease-out);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{transform:scaleX(1.65)}.stack-note{min-height:20px;color:var(--color-mute);letter-spacing:.06em;margin-top:30px;font-size:9px}.footer-arrived{opacity:0;color:var(--color-bright);transition:opacity .45s var(--ease-out);margin-inline-end:.5em;display:inline-block}.site-footer.is-arrived .footer-arrived{opacity:1}@media (prefers-reduced-motion:reduce){.footer-arrived{opacity:1}}.site-footer.is-arrived .brand-dot{transform:scale(1.35)}@media (width<=1100px){.feature-grid{grid-template-columns:1fr;gap:40px}.feature-proof{gap:40px}.tool-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1.1fr .9fr;gap:40px}.stack-layers{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.work-section{padding-bottom:16px}.feature{padding-block:52px}.feature-title{font-size:clamp(40px,12vw,60px)}.feature-does{margin-top:16px;font-size:15.5px}.feature-meta>div{grid-template-columns:70px 1fr;gap:12px}.feature-proof{grid-template-columns:1fr;gap:36px;margin-top:40px}.evidence li>a,.evidence li>div{grid-template-columns:1fr 16px;gap:4px 12px}.evidence-label,.evidence-text{grid-column:1}.evidence-arrow{grid-area:1/2/span 2}.spoiler-switch{width:100%;display:flex}.spoiler-switch button{flex:1;padding-inline:6px}.spoiler-table{font-size:12px}.spoiler-table th,.spoiler-table td{padding:8px 5px}.spoiler-table thead th{letter-spacing:.04em;font-size:8px}.pdf-demo{grid-template-columns:1fr}.pdf-paper{width:78%;margin-inline:auto}.more-work{padding-top:52px}.tool-grid{grid-template-columns:1fr}.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}.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;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);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{animation:fade-in .45s var(--ease-out) 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)}}.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);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;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);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}.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;position:absolute;inset-inline:0}.site-header.is-fixed{position:fixed}.site-header.is-scrolled{background:var(--color-ink);border-color:var(--color-line)}.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;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;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}.header-actions{align-items:center;gap:10px;display:flex}.command-hint{display:none}@media (width>=761px){.js .command-hint{border:1px solid var(--color-line);white-space:nowrap;border-radius:5px;place-items:center;min-height:40px;padding:0 9px;display:inline-grid}.command-hint:hover{color:var(--color-bright);border-color:var(--color-accent)}}.resume-link{background:var(--color-accent);color:var(--color-ink);border-color:#0000}.resume-link:hover{background:#ffab88;border-color:#0000}.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;position:absolute;top:17px;left:11px}.menu-toggle span+span{top:25px}.menu-toggle[aria-expanded=true] span{transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px)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-sep{color:var(--color-accent);font-weight:300}.hero-description{color:#c3c3b8;max-width:520px}.hero-description a{color:var(--color-bright);text-underline-offset:4px;text-decoration:underline 1px #f28b6390}.hero-description a:hover{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px 29px;margin-top:33px;display:flex}.button{min-height:52px;transition: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{--controls-h:62px;justify-self:end;width:100%;max-width:600px;margin-top:1px;position:relative}.study-controls[hidden]+.study-note{margin-top:calc(var(--controls-h) + 14px)}.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%;position:relative}.sculpture-layer,.construction-lines{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sculpture-layer{opacity:var(--shape-opacity,0)}.sculpture-layer[data-shape-layer=ribbon]{opacity:var(--shape-opacity,1)}.construction-lines{opacity:0}@media (prefers-reduced-motion:no-preference){.sculpture{transform:perspective(720px) rotateX(var(--shape-pitch,0deg)) rotateY(var(--shape-yaw,0deg));transition:transform .24s var(--ease-out)}.sculpture-layer{transform:scale(calc(.975 + var(--shape-opacity,1) * .025));transition:opacity .24s linear, transform .24s var(--ease-out)}.construction-lines{transition:opacity .35s}}.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}.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)}.study-note{color:#a3a397;justify-content:space-between;align-items:center;gap:14px 20px;margin:14px 24px 0;font-size:11.5px;line-height:1.6;display:flex}.study-note a{color:var(--color-bright);text-underline-offset:3px;text-decoration:underline #ffffff40}.study-note a:hover{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.study-replay{min-height:40px;color:var(--color-bright);font:11px var(--font-mono);background:0 0;border:1px solid #ffffff26;border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:8px 13px;display:inline-flex}.study-replay:hover{background:#ffffff0a;border-color:#ffffff50}.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: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;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: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:transform .5s var(--ease);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{justify-content:space-between;align-items:center;gap:30px;margin-top:50px;padding-top:30px;display:flex;position:relative}.contact-rule{background:#555c4130;height:1px;position:absolute;inset:0 0 auto}.contact-bottom p{max-width:420px;font-size:14px}.contact-list{gap:4px;min-width:min(100%,380px);display:grid}.contact-link{color:#30382a;border-bottom:1px solid #555c4130;grid-template-columns:70px 1fr 18px;align-items:center;gap:14px;min-height:48px;display:grid}.contact-link .mono{color:#4a5040;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.contact-value{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:15px}.contact-link svg{width:15px;height:15px;transition:transform .3s var(--ease)}.contact-link:hover{color:#965034}.contact-link:hover svg{transform:translate(2px,-2px)}.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{flex-wrap:wrap;align-items:center;gap:0 30px;display:flex}.site-footer>div :is(a,button){white-space:nowrap}.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 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){.hero-intro .intro-dash{animation:draw-x .6s .1s var(--ease) both}.shape-study{animation:shape-enter 1s .15s 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>=761px) and (width<=900px){.study-note{flex-wrap:wrap}.study-note>span{flex-basis:100%}.stage-axis,.stage-caption{bottom:0}.crosshair-br{bottom:12%}}@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}.header-actions{margin-left:auto}.github-link{padding:8px 12px}.resume-link>.small-arrow{display:none}.resume-link>.resume-word{display:inline!important}.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:4px}.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-note{flex-wrap:wrap;margin-inline:8px;font-size:11px}.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-list{margin-top:18px}.contact-link{grid-template-columns:46px minmax(0,1fr) 18px;gap:8px}.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{column-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-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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.command-palette[data-astro-cid-oqgw6c2e]{width:min(92vw,520px);max-height:84dvh;color:var(--color-bright);background:var(--color-surface);border:1px solid #ffffff2e;border-radius:10px;margin:0 auto;padding:18px;position:fixed;inset:min(12vh,100px) 0 auto;box-shadow:0 28px 70px #0008}.command-palette[data-astro-cid-oqgw6c2e][open]{grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;display:grid}.command-palette[data-astro-cid-oqgw6c2e]::backdrop{background:#000a}.palette-header[data-astro-cid-oqgw6c2e]{justify-content:space-between;align-items:center;display:flex}.palette-header[data-astro-cid-oqgw6c2e] h2[data-astro-cid-oqgw6c2e]{color:var(--color-accent)}.palette-close[data-astro-cid-oqgw6c2e]{border-radius:4px;min-height:32px;padding:3px 8px}.palette-close[data-astro-cid-oqgw6c2e]:hover{background:#ffffff0f}.palette-close[data-astro-cid-oqgw6c2e] kbd[data-astro-cid-oqgw6c2e]{color:var(--color-body);margin-left:6px}#palette-query[data-astro-cid-oqgw6c2e]{border:1px solid var(--color-line);background:var(--color-ink);border-radius:4px;width:100%;min-height:46px;padding:10px 12px}#palette-query[data-astro-cid-oqgw6c2e]:focus-visible{outline-offset:2px}.palette-options[data-astro-cid-oqgw6c2e]{overscroll-behavior:contain;max-height:320px;position:relative;overflow-y:auto}.palette-option[data-astro-cid-oqgw6c2e]{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:14px;min-height:40px;padding:7px 12px;font-size:14px;display:flex;position:relative}.palette-highlight[data-astro-cid-oqgw6c2e]{pointer-events:none;background:#f28b6320;border-radius:4px;height:40px;position:absolute;inset:0 0 auto}.palette-option[data-astro-cid-oqgw6c2e][aria-selected=true]{color:#ffb79d}@media (prefers-reduced-motion:no-preference){.command-palette[data-astro-cid-oqgw6c2e][open]{animation:palette-in .15s var(--ease-out) both;transform-origin:top}.palette-highlight[data-astro-cid-oqgw6c2e]{transition:transform .15s var(--ease-out)}@keyframes palette-in{0%{opacity:0;transform:scale(.96)}}}.palette-option[data-astro-cid-oqgw6c2e][aria-disabled=true]{color:var(--color-mute);cursor:default}.palette-option[data-astro-cid-oqgw6c2e] .mono[data-astro-cid-oqgw6c2e]{color:var(--color-body)}.palette-status[data-astro-cid-oqgw6c2e]{min-height:1.6em;color:var(--color-body);padding-inline:2px}.swarm-active .desktop-nav:has([data-swarm-piece]) .nav-indicator{opacity:0!important}.swarm-active .hero:has([data-swarm-piece]) .hero-baseline:after{opacity:0}.swarm-active .hero *,.swarm-active .hero-baseline:after,.swarm-active .site-header .wordmark,.swarm-active .site-header .github-link,.swarm-active .site-header .menu-toggle,.swarm-active .desktop-nav>a{animation:none!important}.swarm-active [data-m],.swarm-active [data-m] .line-mask>span,.swarm-active [data-m]>*{opacity:1;clip-path:none;transition-delay:0s;transform:none}html.swarm-active [data-swarm-piece]{clip-path:var(--swarm-clip,inset(0 var(--swarm-reveal,100%) 0 0))!important;opacity:1!important;transition:none!important}.swarm-canvas{pointer-events:none;z-index:90;width:100%;height:100%;position:fixed;inset:0}.swarm-controls{z-index:91;color:#e8e5dc;font:10px var(--font-mono);backdrop-filter:blur(12px);background:#1a1a16ed;border:1px solid #ffffff24;border-radius:999px;align-items:center;display:flex;position:fixed;bottom:22px;right:24px;overflow:hidden;box-shadow:0 4px 24px #0002}.swarm-controls[hidden],.cursor-swarm:not([data-swarm-building=true]) .swarm-controls,.swarm-controls .swarm-replay{display:none}.swarm-controls button{background:0 0;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 13px;display:flex}.swarm-controls button:hover{background:#ffffff0a}.swarm-controls button:focus-visible{outline-offset:-4px}.swarm-controls svg{opacity:.75;width:13px;height:13px}.swarm-controls .swarm-toggle{width:auto;padding-inline:16px}.footer-replay{min-height:44px;color:inherit;background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;display:inline-flex}.footer-replay:hover{color:var(--color-bright)}.footer-replay[hidden]{display:none}.swarm-toggle-dots{gap:3px;display:flex}.swarm-toggle-dots i{background:#f28b63;border-radius:50%;width:5px;height:5px}.swarm-toggle-dots i:nth-child(2){background:#b79bff}.swarm-toggle-dots i:nth-child(3){background:#83dbc0}.swarm-controls .swarm-toggle[hidden]{display:none}[data-swarm-replay][aria-disabled=true]{opacity:.55;cursor:default}@media (prefers-reduced-motion:reduce){.cursor-swarm,.study-replay,.footer-replay{display:none!important}}@media (width<=600px){.swarm-controls{bottom:16px;right:16px}}body.menu-open .swarm-controls{display:none}