@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#fcfbfd;--foreground:#2c2632}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;scroll-padding-top:28px}html,body{max-width:100vw;overflow-x:hidden}body{isolation:isolate;min-height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}a{color:inherit;text-decoration:none}body:before,body:after{z-index:-2;content:"";pointer-events:none;position:fixed;inset:0}body:before{opacity:.025;z-index:-1;background-image:url(/textures/grain.svg)}body:after{z-index:-2;background:radial-gradient(circle at 80% 65%,#ffe1ee38,#0000 50%),radial-gradient(circle at 20% 30%,#dce6ff47,#0000 55%)}.siteHeader,.selectedWork,.formatScene{width:calc(100% - 48px);max-width:1040px;margin-inline:auto}.formatDemo{background:var(--theme-raised,#ffffff8c);border:1px solid var(--theme-border,#17171714);border-radius:24px}.workTitle{font-size:2.5rem;font-weight:600}.workType{color:var(--theme-text,#1717178c);font-size:.875rem;font-weight:500}.siteHeader{padding-top:24px;padding-bottom:24px}.siteNav{align-items:center;width:100%;display:flex}.siteNav>:first-child{margin-right:auto}.siteNav>a:not(:first-child){margin-left:32px}.selectedWork{margin-top:0;margin-bottom:0}.selectedWork>h2{color:var(--theme-text,#1717178c);font-size:.875rem;font-weight:500}.workScene{grid-template-columns:180px minmax(0,1fr);gap:24px 40px;margin-top:0;display:grid}.workInfo{flex-direction:column;align-self:start;gap:8px;padding-top:30px;display:flex}.workSummary{color:var(--theme-text,#17171799);margin-top:24px;font-size:.875rem;line-height:1.65}.workPreview{perspective:1000px;background:var(--theme-surface,#e8ecf247);border:1px solid var(--theme-border,#8c9baf38);-webkit-backdrop-filter:blur(16px);min-width:0;box-shadow:inset 0 1px 0 var(--theme-highlight,#fffc), 0 12px 36px -16px var(--theme-shadow,#41506924);border-radius:24px;place-items:center;padding:64px 44px;display:grid;overflow:hidden}.workSiteImage{border:1px solid var(--theme-border,#28374614);width:100%;box-shadow:0 20px 45px -18px var(--theme-shadow,#2f3f523d), 0 3px 10px var(--theme-shadow,#2f3f520a);border-radius:10px;overflow:hidden}.workFooter{grid-column:2;justify-content:space-between;align-items:center;gap:24px;display:flex}.workDetails{color:var(--theme-text,#17171780);flex-wrap:wrap;gap:8px 16px;font-size:.75rem;list-style:none;display:flex}.workLink{border-bottom:1px solid var(--theme-edge,#17171766);flex-shrink:0;align-items:center;gap:20px;min-height:44px;padding-block:10px;font-size:.875rem;font-weight:500;display:inline-flex}.workLink:hover{color:var(--theme-muted,#527565);border-color:currentColor}@media (max-width:760px){.workScene{grid-template-columns:minmax(0,1fr)}.workInfo{padding-top:0}.workSummary{margin-top:8px}.workPreview{padding:40px 20px}.workFooter{flex-wrap:wrap;grid-column:1}}.workTransition{text-align:center;width:calc(100% - 48px);max-width:760px;margin:64px auto 54px}.transitionThread{background:linear-gradient(#0000,#7369873d);width:1px;height:36px;margin:0 auto 35px}.transitionCode{text-align:left;width:max-content;max-width:100%;font-family:var(--font-geist-mono), monospace;color:var(--theme-muted,#786c88);margin:0 auto 36px;font-size:clamp(.625rem,1.4vw,.875rem);line-height:1.9}.transitionCode span{white-space:pre;display:block}.transitionStory h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.15}.transitionStory h2 span{color:var(--theme-muted,#756780)}.transitionStory p{color:var(--theme-text,#17171799);margin-top:24px;font-size:1rem;line-height:1.6}.transitionThreadEnd{height:40px;margin:30px auto 0;transform:rotate(180deg)}@media (max-width:480px){.transitionCode{font-size:.5625rem}}.formatScene{grid-template-columns:1fr minmax(0,3fr) 1fr;align-items:center;gap:48px 24px;padding-bottom:24px;display:grid}.formatDemo{box-shadow:0 16px 48px -28px var(--theme-shadow,#4b375f33);justify-self:center;width:100%;min-width:0;max-width:640px;min-height:360px;padding:24px}.formatInfo{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;display:flex}.formatDescription{max-width:24rem;margin-top:16px;line-height:1.6}.formatFileName{font-family:var(--font-geist-mono);color:var(--theme-text,#1717178c);font-size:.75rem}.formatCode{height:15rem;color:var(--theme-text,#34343b);margin-top:24px;font-size:.875rem;line-height:1.7;overflow:auto}.formatCode code{font-family:var(--font-geist-mono)}.formatTools{background:var(--theme-surface,#f0edf3);border-radius:14px;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.formatTools button{min-height:40px;color:var(--theme-muted,#68616f);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:.875rem}.formatTools button.isActive{background:var(--theme-raised,#fff);color:var(--theme-text,#583665);box-shadow:0 1px 4px var(--theme-shadow,#2d193714)}.formatFeature{--feature-inset:16px;padding:20px 0 20px var(--feature-inset);border-left:2px solid var(--theme-border,#7567801f);color:var(--theme-muted,#79747e);flex-direction:column;gap:12px;transition:border-color .22s,color .22s;display:flex}.formatFeature h3{font-size:1rem;font-weight:500}.formatFeature p{color:var(--theme-text,#17171799);font-size:.875rem;line-height:1.6}.formatActions{gap:12px;margin-top:24px;display:flex}.formatActions button{cursor:pointer;border:1px solid #0000;border-radius:12px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background-color .16s,border-color .16s,color .16s}.formatActions .formatButton{background:var(--theme-surface,#eee7f1);border-color:var(--theme-border,#d8c8df);min-width:112px;color:var(--theme-text,#583665)}.formatActions .formatReset{background:var(--theme-raised,#ffffffa6);border-color:var(--theme-border,#d9d5df);color:var(--theme-muted,#62596b)}.formatActions .formatButton:hover:not(:disabled){background:var(--theme-surface,#e0cde9);border-color:var(--theme-border,#b995c9);color:var(--theme-text,#452451)}.formatActions .formatReset:hover:not(:disabled){background:var(--theme-surface,#f0eaf4);border-color:var(--theme-border,#bdaac9);color:var(--theme-text,#583665)}.formatActions button:disabled{opacity:.45;cursor:default}.formatActions button:focus-visible{outline:2px solid var(--theme-edge,#647596);outline-offset:3px}.formatFeature.isActive{border-color:var(--theme-edge,#a28bad);color:var(--theme-text,#583665)}.formatFeatureLabel{font-family:var(--font-geist-mono), monospace;letter-spacing:.03em;font-size:.625rem}.formatEditorHeader{border-bottom:1px solid var(--theme-border,#7567801a);justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.formatDemoLabel,.formatStatus{color:var(--theme-muted,#79717f);font-size:.75rem;line-height:1.5}.formatStatus{min-height:2.25rem;margin-top:16px}.formatTools button:focus-visible{outline:2px solid var(--theme-edge,#a28bad);outline-offset:3px}@media (max-width:800px){.formatScene{--format-column-gap:20px;gap:28px var(--format-column-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.formatDemo{grid-area:2/1/auto/-1}.formatFeature{align-self:stretch}.formatFeatureFormatter{grid-area:3/1}.formatFeatureImporter{--feature-axis-offset:calc(var(--format-column-gap) / 2 + 1px);margin-left:calc(-1 * var(--feature-axis-offset));padding-left:calc(var(--feature-inset) + var(--feature-axis-offset));grid-area:3/2}}@media (max-width:480px){.formatDemo{padding:18px}.formatDemoLabel{font-size:.625rem}.formatFeature{--feature-inset:12px}.formatFeature p{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.formatFeature{transition:none}}.siteHeader{z-index:5;border-bottom:1px solid var(--theme-border,#e9e3ed);width:calc(100% - 64px);padding-block:24px;position:relative}.siteNav{font-size:12px}.siteLogo{flex-shrink:0;align-items:center;gap:11px;font-weight:500;display:inline-flex}.siteMonogram{color:#faf4ff;letter-spacing:-.1em;background:#675271;border-radius:8px;place-items:center;width:29px;height:29px;padding-right:5px;font-size:22px;display:grid;position:relative}.siteMonogram>span{font-size:10px;position:absolute;top:2px;right:3px}.siteBrandName{letter-spacing:-.045em;white-space:nowrap;gap:.24em;font-size:20px;font-weight:600;line-height:1.4;display:inline-flex}.siteNameWindow{height:1.4em;display:block;overflow:hidden}.siteNameRoll{flex-direction:column;animation:.85s cubic-bezier(.22,1,.36,1) .9s both siteNameTurn;display:flex}.siteNameRoll>span{height:1.4em;display:block}@keyframes siteNameTurn{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.siteNameRoll{animation:none;transform:translateY(-50%)}}.siteNav>a:not(:first-child){align-items:center;min-height:40px;display:inline-flex}.siteNav .navContact{white-space:nowrap;border:1px solid var(--theme-border,#d7ccdf);color:var(--theme-muted,#654d72);border-radius:7px;gap:20px;padding:9px 14px}.siteNav a:hover{color:var(--theme-muted,#976ca4)}.projectIndex{font-family:var(--font-geist-mono), monospace;color:var(--theme-muted,#89778e);margin-bottom:14px;font-size:9px;line-height:1.7}.workTitle{letter-spacing:-.045em}.workPreview{background:radial-gradient(at 70% 20%,#e2d7ee66,#0000 65%),#e8ecf247}.formatDemo{background:linear-gradient(145deg,#fff9,#f5f0fa99)}:where(a,button,textarea,summary):focus-visible{outline:2px solid var(--theme-edge,#8a6b9c);outline-offset:5px}.skipLink{z-index:100;background:var(--theme-raised,white);border:1px solid var(--theme-edge,#8a6b9c);border-radius:6px;padding:12px 18px;position:fixed;top:-80px;left:20px}.skipLink:focus{top:12px}@media (max-width:600px){.siteHeader,.selectedWork,.formatScene{width:calc(100% - 40px)}.siteHeader{padding-block:15px}.siteNav{font-size:10px}.siteNav>a:not(:first-child){margin-left:17px}.siteNav .navContact{gap:10px;padding:8px 10px}.siteLogo{gap:7px}.siteBrandName{font-size:16px}.siteMonogram{width:24px;height:24px;font-size:19px}.workScene{gap:24px}.workInfo{padding-top:0}.workSummary{max-width:40ch}.workPreview{border-radius:16px;padding:35px 15px}.workTransition{margin-top:48px}.formatScene{gap:28px 20px}.workTitle{font-size:2.2rem}}@media (max-width:370px){.siteBrandName{font-size:14px}.siteNav>a:not(:first-child){margin-left:8px}.siteNav .navContact{gap:7px;padding-inline:8px}.navContact>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#main-content{overflow:clip}@media (prefers-reduced-motion:reduce){.workSiteImage,.transitionCode span,.transitionStory{transform:none!important}.transitionCode,.transitionStory{opacity:1!important}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#11151c;--foreground:#f0f1f7;--theme-text:#e4e8f1;--theme-muted:#aeb7c6;--theme-border:#b7c9e233;--theme-edge:#bca4df;--theme-surface:#2b3444a6;--theme-raised:#242c39;--theme-highlight:#ddeaff2e;--theme-shadow:#0000003b}html[data-theme=dark] body:after{background:radial-gradient(circle at 82% 65%,#82619317,#0000 48%),radial-gradient(circle at 18% 25%,#6485b622,#0000 52%)}html[data-theme=dark] .workPreview{background:radial-gradient(at 8% 0,#bda0eb66,#0000 65%),radial-gradient(at 100% 90%,#85cbd75c,#0000 65%),linear-gradient(135deg,#30394bcc,#202b3bcc);border-color:#bdc9e84a;box-shadow:inset 0 1px #e4eaff4a,inset 0 -1px #92c5e529,0 20px 70px -30px #789dcb38}html[data-theme=dark] .formatDemo{border-color:var(--theme-border);background:radial-gradient(at 0 0,#a18bca24,#0000 60%),linear-gradient(145deg,#2b3342e6,#1b2330e6)}html[data-theme=dark] .formatTools button.isActive,html[data-theme=dark] .formatActions .formatButton:hover:not(:disabled){background:#4b385b}.themeToggle{border:1px solid var(--theme-border,#d7ccdf);width:40px;height:40px;color:var(--theme-text,#654d72);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;margin-left:16px;padding:0;display:inline-grid}.themeToggle:hover{background:var(--theme-surface,#eee7f1)}.themeToggle svg{width:18px;height:18px}.themeToggle .themeSun,html[data-theme=dark] .themeToggle .themeMoon{display:none}html[data-theme=dark] .themeToggle .themeSun{display:block}@media (max-width:480px){.siteNav{grid-template-columns:1fr auto auto;gap:8px 22px;display:grid}.siteNav>.siteLogo{grid-column:1/3;margin-right:0}.siteNav>.themeToggle{grid-area:1/3;justify-self:end;margin-left:0}.siteNav>a:not(:first-child){grid-row:2;margin-left:0;font-size:12px}}