body:has(.showcase){color:#eceef5;background:#101115}.showcase{width:min(660px,100% - 112px);font-family:var(--font-geist-sans), sans-serif;margin:auto}.showcase a{color:inherit;text-decoration:none}.showcase button{font:inherit;cursor:pointer}.showcase :focus-visible{outline-offset:6px;outline:2px solid #a4a8ff}.showcase-nav{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:100px;display:flex}.showcase-logo{letter-spacing:-1.3px;align-items:center;font-size:25px;display:flex}.showcase-logo span{color:#a0a6ba}.showcase-logo i{background:#a4a8ff;border-radius:50%;width:5px;height:5px;margin:0 0 17px 5px}.showcase-nav>a:last-child{font-size:12px}.showcase-nav>a:last-child span{color:#a4a8ff;padding-left:18px}.showcase-hero{padding:68px 0 0}.showcase-kicker{color:#a9afc3;align-items:center;gap:10px;font-size:11px;display:flex}.status-dot{background:#a4a8ff;border-radius:50%;width:6px;height:6px}.showcase h1{letter-spacing:-.065em;margin:28px 0;font-size:clamp(43px,5.6vw,72px);font-weight:500;line-height:1.02}.showcase h1>span{color:#9da3c2}.showcase-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.showcase-intro p{color:#abb0c2;font-size:15px;line-height:1.8}.round-link{border:1px solid #9299be55;border-radius:50%;place-items:center;width:47px;height:47px;transition:background .3s,transform .3s;display:grid}.round-link:hover{background:#a4a8ff20;transform:translateY(4px)}.showcase-stream{border-block:1px solid #ffffff16;padding:16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.showcase-stream>div{width:max-content;animation:38s linear infinite stream;display:flex}.showcase-stream span{white-space:nowrap;letter-spacing:.18em;color:#8990ac;font-size:10px}.showcase-stream b{color:#a8aaff;padding:0 28px;font-size:17px;font-weight:400}@keyframes stream{to{transform:translate(-50%)}}.showcase-projects{padding-top:42px;scroll-margin-top:25px}.section-line{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-line h2{margin:0;font-size:14px;font-weight:400}.project-art{color:#e1e5ff;text-align:left;background:#252940;border:0;border-radius:5px;width:100%;padding:25px 28px 22px;display:block;position:relative;overflow:hidden}.art-top,.art-bottom{letter-spacing:.04em;z-index:2;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex;position:relative}.art-arrow{font-size:25px;transition:transform .35s}.project-art:hover .art-arrow{transform:translate(4px,-4px)}.art-bottom{letter-spacing:0;font-size:11px}.art-bottom b{padding-left:10px;font-size:16px;font-weight:400}.schedule-composition{background:#e9ecf5;border:1px solid #888cd040;border-radius:7px;grid-template-columns:48px 1fr;width:72%;max-width:540px;height:265px;margin:28px auto 30px;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s;display:grid;overflow:hidden;transform:translateY(5px);box-shadow:0 18px 30px #263d2820}.project-art:hover .schedule-composition{transform:translateY(-3px);box-shadow:0 25px 40px #263d2830}.schedule-sidebar{background:#242940;flex-direction:column;align-items:center;gap:19px;padding:17px 12px;display:flex}.schedule-sidebar>span{letter-spacing:-1.5px;color:#e1e5ff;margin-bottom:13px;font-size:21px}.schedule-sidebar i{border:1px solid #b6bee766;border-radius:3px;width:12px;height:12px}.schedule-sidebar i:nth-child(2){background:#a6a9fb}.schedule-board{padding:22px 18px}.board-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-title strong{letter-spacing:-.025em;font-size:14px;font-weight:500}.board-title>span{color:#69728b;font-size:8px}.board-days{text-align:center;color:#68728c;grid-template-columns:repeat(3,1fr);margin-top:22px;font-size:8px;display:grid}.board-cells{background:repeating-linear-gradient(0deg,#0000 0 35px,#7682a022 35px 36px),repeating-linear-gradient(90deg,#0000 0 calc(33.333% - 1px),#7682a022 calc(33.333% - 1px) 33.333%);height:145px;margin-top:12px;position:relative}.appointment{background:#d8dcf7;border-left:2px solid #767fb9;gap:6px;width:29%;padding:10px 7px;font-style:normal;animation:8s ease-in-out infinite appointment-flow;display:grid;position:absolute}.appointment b{font-size:9px;font-weight:500}.appointment small{color:#616d92;font-size:8px}.ap-one{top:7px;left:2%}.ap-two{background:#e0dafa;border-color:#9685be;animation-delay:-2s;top:45px;left:35%}.ap-three{background:#d2e5f1;border-color:#719aaa;animation-delay:-4s;top:16px;left:68%}.ap-four{animation-delay:-6s;top:90px;left:2%}@keyframes appointment-flow{0%,70%,to{opacity:1;translate:0}82%{opacity:.6;translate:0 -4px}92%{opacity:1;translate:0}}.project-caption{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:24px;padding:24px 0;display:grid}.project-caption>div{align-items:center;gap:15px;display:flex}.project-index{color:#949aba;font-size:10px}.project-caption h3{letter-spacing:-1px;margin:0;font-size:24px;font-weight:450}.project-caption p{color:#a2a9bf;margin:0;font-size:12px;line-height:1.7}.project-caption button{color:#b9beee;background:0 0;border:0;padding:10px 0;font-size:11px}.project-detail{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .7s,visibility .7s;display:grid}.project-detail[data-open=true]{visibility:visible;grid-template-rows:1fr}.project-detail>div{min-height:0;overflow:hidden}.detail-content{max-width:550px;padding:30px 0}.detail-content>span{color:#a5abff;letter-spacing:.12em;font-size:10px}.detail-content h4{letter-spacing:-1px;margin:15px 0;font-size:31px;font-weight:450;line-height:1.12}.detail-content p{color:#b0b6cb;font-size:14px;line-height:1.8}.detail-content .detail-note{color:#858da9;font-size:11px}.showcase-outro{grid-template-columns:1fr 1.2fr;column-gap:30px;padding:60px 0;display:grid}.showcase-outro>span{letter-spacing:.1em;color:#949aba;grid-column:1/-1;margin-bottom:20px;font-size:10px}.showcase-outro p{letter-spacing:-1px;margin:0;font-size:29px;line-height:1.2}.showcase-outro p span{color:#8ea394}.showcase-outro>div{color:#a0b1a5;align-self:center;max-width:300px;font-size:13px;line-height:1.8}.showcase-footer{color:#8f97b1;border-top:1px solid #ffffff16;justify-content:space-between;gap:20px;padding:23px 0 32px;font-size:10px;display:flex}.showcase-footer button{color:inherit;background:0 0;border:0;padding:0;font-size:10px}.showcase[data-paused=true] *{animation-play-state:paused!important}@media (max-width:650px){.showcase{width:calc(100% - 44px)}.showcase-nav{height:80px}.showcase-hero{padding-top:42px}.showcase-kicker{font-size:9px}.showcase-intro p{font-size:12px}.section-line>span{font-size:8px}.project-art{padding:18px 14px}.art-top{font-size:8px}.art-bottom{font-size:9px}.art-bottom>span:first-child{max-width:140px}.schedule-composition{grid-template-columns:32px 1fr;width:100%;height:245px;margin:20px auto}.schedule-sidebar{padding:14px 7px}.schedule-board{padding:18px 10px}.board-title strong{font-size:12px}.board-title>span{font-size:7px}.appointment{padding:9px 4px}.appointment b{font-size:8px}.project-caption{grid-template-columns:1fr auto;gap:13px}.project-caption p{grid-area:2/1/auto/-1}.project-caption button{grid-area:1/2}.showcase-outro{grid-template-columns:1fr;gap:18px;padding:40px 0}.showcase-outro>span{margin-bottom:0}.showcase-footer{flex-wrap:wrap;font-size:9px}.showcase-footer button{font-size:9px}}@media (prefers-reduced-motion:reduce){.showcase *{transition:none!important;animation:none!important}}.personal-heading{align-items:center;gap:20px;margin-bottom:22px;display:flex}.personal-monogram{letter-spacing:-4px;color:#d9ddff;width:66px;height:66px;font-size:35px;font-family:var(--font-geist-mono), monospace;background:#1e2134;border:1px solid #979ffe44;border-radius:17px;grid-auto-flow:column;place-content:center;display:grid}.personal-monogram span{color:#9c9fff;animation:2s steps(2,end) infinite caret}@keyframes caret{50%{opacity:.2}}.showcase .personal-heading h1{letter-spacing:-1.8px;margin:0 0 10px;font-size:36px;font-weight:500;line-height:1.1}.personal-heading p{color:#a4abc2;margin:0;font-size:13px;line-height:1.6}.personal-description{color:#a6adc2;max-width:540px;margin:0 0 30px;font-size:14px;line-height:1.8}.showcase-nav{height:78px}.showcase-projects{padding:30px 0 38px}.project-feature{border-top:1px solid #979ffe25;flex-direction:column;display:flex}.project-caption{border-bottom:0;order:-1;grid-template-columns:1fr auto;gap:9px;padding:20px 0}.project-caption>div{gap:12px}.project-caption h3{letter-spacing:-.6px;font-size:21px}.project-caption p{grid-area:2/1;max-width:400px;margin-left:26px;font-size:12px}.project-caption button{grid-area:1/2/3;font-size:10px}.project-art{background:radial-gradient(at 50% 120%,#5451a84a,#0000 70%),#1c2032;border:1px solid #9099ee26;padding:20px 22px 18px}.schedule-composition{width:85%;height:250px;margin:22px auto;box-shadow:0 20px 38px #03041555}.schedule-board{color:#26304d}.art-top{color:#9ba7d2;font-size:9px}.art-bottom{color:#b0b8d5;font-size:10px}.project-feature[data-open=true] .project-art{border-color:#929aff77}.showcase-footer{margin-top:10px}@media (max-width:650px){.personal-heading{gap:15px}.showcase .personal-heading h1{font-size:31px}.personal-heading p{font-size:11px}.personal-monogram{border-radius:14px;width:55px;height:55px;font-size:30px}.personal-description{font-size:13px}.schedule-composition{width:100%}.project-caption p{grid-area:2/1/auto/-1}.project-caption button{grid-row:1}.project-art{padding:17px 12px}.art-bottom{font-size:9px}}.project-feature{background:#191c29;border:1px solid #949dff30;border-radius:12px;transition:border-color .4s,background .4s;overflow:hidden}.project-box-toggle{text-align:left;color:#e5e8fa;background:0 0;border:0;align-items:center;gap:18px;width:100%;padding:23px;display:flex}.project-box-icon{color:#bcc5ff;letter-spacing:-2px;background:#2a304e;border:1px solid #98a4ff32;border-radius:14px;flex-shrink:0;place-items:center;width:65px;height:65px;font-size:28px;transition:transform .4s;display:grid}.project-box-toggle:hover .project-box-icon{transform:translateY(-3px)}.project-box-copy{gap:7px;display:grid}.project-box-copy strong{letter-spacing:-.6px;font-size:21px;font-weight:500}.project-box-copy>span{color:#a8b0cc;font-size:12px}.project-box-copy small{color:#858faa;margin-top:3px;font-size:10px}.project-box-arrow{color:#b3baff;margin-left:auto;font-size:25px}.project-expansion{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .85s cubic-bezier(.22,1,.36,1),visibility .85s;display:grid}.project-feature[data-open=true] .project-expansion{visibility:visible;grid-template-rows:1fr}.project-expansion-inner{min-height:0;overflow:hidden}.project-expansion .project-art{cursor:default;border-radius:7px;width:calc(100% - 32px);margin:0 16px}.project-expansion .detail-content{max-width:560px;padding:23px}.project-expansion .detail-content h4{font-size:25px}.project-expansion .detail-content p{font-size:12px}.project-expansion .appointment{animation:none}.project-feature[data-open=true] .appointment{--entry-x:0px;--entry-y:55px;animation:7s cubic-bezier(.22,1,.36,1) infinite both demo-place}.project-feature[data-open=true] .ap-one{--entry-x:55px;animation-delay:.3s}.project-feature[data-open=true] .ap-two{--entry-x:-50px;--entry-y:35px;animation:7s cubic-bezier(.22,1,.36,1) .5s infinite both demo-priority}.project-feature[data-open=true] .ap-three{--entry-x:-55px;animation-delay:.7s}.project-feature[data-open=true] .ap-four{--entry-y:-35px;animation-delay:.9s}@keyframes demo-place{0%,8%{opacity:0;transform:translate(var(--entry-x), var(--entry-y))}24%,85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes demo-priority{0%,8%{opacity:0;transform:translate(var(--entry-x), var(--entry-y));box-shadow:0 0 #8674dd00}24%{opacity:1;transform:translate(0);box-shadow:0 0 #8674dd00}40%,75%{opacity:1;background:#c9bdf0;transform:translate(0);box-shadow:0 0 0 3px #8674dd88}85%{opacity:1}to{opacity:0;transform:translate(0)}}@media (max-width:650px){.project-box-toggle{gap:13px;padding:18px}.project-box-icon{border-radius:10px;width:49px;height:54px;font-size:25px}.project-box-copy strong{font-size:19px}.project-box-copy>span{font-size:10px}.project-expansion .project-art{width:calc(100% - 18px);margin:0 9px}.project-expansion .detail-content{padding:20px}.art-bottom{flex-wrap:wrap}}.showcase-hero{isolation:isolate;padding-top:54px;position:relative}.tech-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:-45px -90px -10px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 65%,#0000);mask-image:linear-gradient(#0000,#000 20% 65%,#0000)}.tech-gradient{filter:blur(65px);will-change:transform;opacity:.55;border-radius:50%;width:75%;height:85%;position:absolute}.gradient-one{background:radial-gradient(#3445a8 0%,#34358188 35%,#0000 70%);animation:18s ease-in-out infinite alternate tech-drift-one;top:-15%;left:-10%}.gradient-two{background:radial-gradient(#5344a880 0%,#22567466 40%,#0000 70%);animation:22s ease-in-out infinite alternate tech-drift-two;top:-20%;right:-20%}.tech-grain{opacity:.16;background-image:radial-gradient(#c9d3ff66 .5px,#0000 .5px);background-size:5px 5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.personal-monogram{background:#1c2136aa;box-shadow:inset 0 1px #a7b3ff18}@keyframes tech-drift-one{0%{transform:translate(-8%,2%)scale(.95)}to{transform:translate(30%,18%)scale(1.25)}}@keyframes tech-drift-two{0%{transform:translate(10%,15%)scale(1.15)}to{transform:translate(-30%,-5%)scale(.95)}}@media (max-width:650px){.tech-atmosphere{inset:-30px -22px 0}.tech-gradient{filter:blur(40px)}.showcase-hero{padding-top:40px}}body:has(.showcase){background:#090b10}.showcase{position:relative}.showcase-nav{border-bottom-color:#aab8e516}.showcase-logo{letter-spacing:-1px;font-size:22px}.showcase-logo>span{color:#8997b6}.showcase-nav>a:last-child{color:#b4bfd6;background:#19223540;border:1px solid #b7caff20;border-radius:30px;padding:9px 12px;font-size:10px;transition:border-color .3s,background .3s}.showcase-nav>a:last-child:hover{background:#22315570;border-color:#849efb80}.showcase-hero{padding-top:48px}.tech-atmosphere{opacity:.9;inset:-115px -170px -20px;-webkit-mask-image:radial-gradient(at 65% 32%,#000 5%,#000b 45%,#0000 72%);mask-image:radial-gradient(at 65% 32%,#000 5%,#000b 45%,#0000 72%)}.light-ribbon{filter:blur(22px);mix-blend-mode:screen;will-change:transform;border-radius:50%;width:850px;height:190px;position:absolute;top:10px;right:-230px;transform:rotate(-32deg)}.ribbon-one{background:linear-gradient(#0000 20%,#10338566 40%,#3c73efbb 52%,#8bb0ff88 55%,#1734a455 63%,#0000 80%);animation:17s ease-in-out infinite alternate ribbon-flow}.ribbon-two{opacity:.7;background:linear-gradient(#0000 32%,#423cb299 49%,#7d8dff99 52%,#243b8244 60%,#0000 77%);height:230px;animation:23s ease-in-out -8s infinite alternate-reverse ribbon-flow;top:75px;right:-275px}.ribbon-three{opacity:.35;background:linear-gradient(#0000 38%,#7496ff88 50%,#213e8499 55%,#0000 65%);animation:19s ease-in-out -4s infinite alternate ribbon-flow;top:-85px;right:-160px}@keyframes ribbon-flow{0%{transform:translate(-30px,-15px)rotate(-32deg)scaleX(.9)}to{transform:translate(50px,45px)rotate(-22deg)scaleX(1.15)}}.tech-grain{opacity:.09}.intro-overline{letter-spacing:.14em;color:#96a7cb;font-size:8px;font-family:var(--font-geist-mono), monospace;align-items:center;gap:8px;margin:0 0 24px;display:flex}.intro-overline>span{background:#a4bcff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 12px #a4bcff}.personal-monogram{color:#bdd0ff;background:linear-gradient(145deg,#6d8dcd30,#121c3280);border-color:#b3c6ff30;border-radius:14px;width:56px;height:56px;box-shadow:inset 0 1px #d6e2ff20,0 8px 25px #0004}.personal-monogram svg{width:38px;height:38px}.showcase .personal-heading h1{letter-spacing:-2px;color:#0000;background:linear-gradient(120deg,#fff 10%,#c4d6fb 90%);-webkit-background-clip:text;background-clip:text;font-size:43px;font-weight:500}.personal-heading p{color:#a9b8d4;font-size:12px}.personal-description{color:#9baac4;max-width:480px;font-size:14px}.personal-heading{gap:17px;margin-bottom:20px}.showcase-stream{border-color:#aab8e516;margin-top:32px;padding:13px 0}.showcase-stream span{color:#7889ad;font-size:9px}.showcase-stream b{color:#789dea;padding:0 23px;font-size:13px}.section-line{margin-bottom:16px}.section-line h2{color:#c2cde4;font-size:12px}.section-line>span{color:#7587a8;font-size:9px}.project-feature{isolation:isolate;--spot-x:50%;--spot-y:0px;background:linear-gradient(120deg,#172032aa,#101520 65%);border-color:#7f9ed330;border-radius:15px;position:relative;box-shadow:0 12px 45px #0002}.project-feature:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--spot-x) var(--spot-y), #6388e31b, transparent 75%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.project-feature:hover:before{opacity:1}.project-edge{pointer-events:none;transform-origin:50%;background:linear-gradient(90deg,#0000,#98b6ff99,#0000);height:1px;animation:7s ease-in-out infinite alternate edge-light;position:absolute;top:0;left:15%;right:15%}@keyframes edge-light{0%{opacity:.3;scale:.6 1}to{opacity:1;scale:1.25 1}}.project-box-toggle{min-height:128px;padding:25px 23px}.project-box-toggle:hover{background:0 0}.project-box-icon{color:#c0d3ff;background:linear-gradient(140deg,#4568b855,#20284188);border-color:#8facff30;border-radius:13px;box-shadow:inset 0 1px #d2dcff20}.project-box-copy strong{font-size:22px}.project-box-copy>span{color:#9eacc8}.project-box-copy small{color:#6e84ac;font-size:9px}.project-box-arrow{border:1px solid #92acde25;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;transition:background .3s,rotate .5s;display:grid}.project-box-toggle:hover .project-box-arrow{background:#567ccc24}.project-feature[data-open=true] .project-box-arrow{rotate:180deg}.project-feature[data-open=true]{background:#111723;border-color:#7598ed50}.project-expansion .project-art{background:radial-gradient(at 50% 110%,#374f9b60,#0000 80%),#151f32;border-color:#7f9fda20}.project-expansion .detail-content h4{letter-spacing:-.7px;font-size:24px}.project-expansion .detail-content>span{color:#8faeeb}.project-expansion .detail-content p{color:#9cacc9}.project-expansion .detail-content .detail-note{color:#6e80a2;font-size:10px}.showcase-footer{color:#697d9e;border-color:#aab8e516;font-size:9px}.showcase-footer button{font-size:9px}.showcase-footer a:hover,.showcase-footer button:hover{color:#c0d0ef}.intro-overline,.personal-heading,.personal-description,.showcase-projects{animation:.9s cubic-bezier(.22,1,.36,1) both showcase-arrive}.personal-heading{animation-delay:80ms}.personal-description{animation-delay:.16s}.showcase-projects{animation-delay:.24s}@keyframes showcase-arrive{0%{opacity:0;filter:blur(3px);translate:0 12px}to{opacity:1;filter:blur();translate:0}}@media (max-width:650px){.tech-atmosphere{inset:-70px -22px 0}.light-ribbon{filter:blur(24px);width:580px;right:-290px}.showcase .personal-heading h1{font-size:35px}.personal-heading p{font-size:10px}.personal-description{font-size:13px}.intro-overline{font-size:7px}.project-box-toggle{min-height:116px;padding:21px 17px}.project-box-copy strong{font-size:20px}.project-box-arrow{flex-shrink:0;width:27px;height:27px}.project-box-copy>span{font-size:10px}.project-box-icon{width:48px;height:53px}.showcase-nav>a:last-child{padding:8px 10px;font-size:9px}.showcase-nav>a:last-child span{padding-left:9px}}.personal-monogram{color:#c0d3ff;justify-content:center;align-items:center;display:flex}.personal-monogram .mf-lettering{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-2px;color:inherit;font-size:28px;font-weight:400;line-height:1;animation:none}.personal-monogram .mf-lettering>span{color:#a6adf5;animation:none}.showcase .df-dot{color:#62a9ff}.showcase .project-box-icon{justify-content:center;align-items:center;display:flex}.showcase-projects>.project-feature+.project-feature{margin-top:16px}.showcase .cf-dot{color:#93c8be}.showcase .tech-atmosphere{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 72%,#0000),radial-gradient(at 65% 32%,#000 5%,#000b 45%,#0000 72%);mask-image:linear-gradient(90deg,#0000,#000 18% 72%,#0000),radial-gradient(at 65% 32%,#000 5%,#000b 45%,#0000 72%);-webkit-mask-composite:source-in;mask-composite:intersect}html:has(.showcase){background:#090b10}body:has(.showcase){min-height:100vh;background:#090b10;min-height:100dvh}