@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,600;0,700;0,800;1,800&family=IBM+Plex+Mono:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080b0c;--panel:#071516b3;--panel-strong:#00d6b41a;--ink:#f4f7f4;--muted:#f4f7f4b8;--soft:#f4f7f48a;--line:#ffffff1f;--hot:#d7a65f;--cyan:#00d6b4;--cyan-soft:#64e9dd;--violet:#7debdc;--radius:18px;--ease:cubic-bezier(.16, 1, .3, 1);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:96px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);text-rendering:geometricprecision;margin:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.scroll-progress{z-index:30;pointer-events:none;background:#ffffff0d;height:3px;position:fixed;inset:0 0 auto}.scroll-progress span{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--cyan-soft), var(--hot));will-change:transform;width:100%;height:100%;display:block;box-shadow:0 0 24px #00d6b470}a{color:inherit;text-decoration:none}button{font:inherit}.portfolio-page{background:0 0;min-height:100vh;position:relative;overflow-x:hidden}.starfield-background{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.starfield-background canvas,.starfield-nebula,.starfield-vignette{width:100%;height:100%;position:absolute;inset:0}.starfield-background canvas{opacity:.34}.starfield-nebula{pointer-events:none;opacity:.22;background:radial-gradient(at 28% 38%,#00d6b412 0%,#0000 48%),radial-gradient(at 76% 64%,#64e9dd0b 0%,#0000 52%)}.starfield-vignette{pointer-events:none;background:linear-gradient(#080b0c2e,#080b0c6b),radial-gradient(#0000 0% 46%,#05070aeb 100%)}.shell{z-index:2;width:min(100% - 32px,1280px);margin:0 auto;position:relative}.skip-link{z-index:50;color:#05100f;background:var(--cyan);transition:transform .18s var(--ease);border-radius:999px;padding:10px 14px;font-weight:800;position:fixed;top:14px;left:14px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.animated-content{visibility:hidden;will-change:transform, opacity}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070a9e;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 18px 60px #00171547}.brand{align-items:center;gap:12px;font-family:Archivo,Inter,sans-serif;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800;display:inline-flex}.brand-mark{filter:drop-shadow(0 0 18px #00d6b457);transform-origin:50%;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:inline-grid;overflow:hidden}.brand-mark img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scale(1.18)}.nav{color:var(--muted);align-items:center;gap:clamp(18px,4vw,42px);font-size:.86rem;font-weight:800;display:flex}.nav a{transition:color .18s var(--ease), background .18s var(--ease);border-radius:999px;align-items:center;display:inline-flex}.nav a:hover,.nav a:focus-visible{color:var(--ink)}.hero{isolation:isolate;align-items:center;min-height:calc(100dvh - 72px);padding:clamp(70px,9vw,132px) 0 clamp(54px,8vw,96px);display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg, #05070af7, #05070abd 46%, #05070ad1), linear-gradient(180deg, #05070a29, #05070ac2 82%, var(--bg));pointer-events:none;position:absolute;inset:0}.hero-hyperspeed{z-index:-2;opacity:.74;filter:saturate(1.16)contrast(1.06);pointer-events:none;width:100vw;min-width:100vw;position:absolute;top:-22%;bottom:-12%;left:50%;transform:translate(-50%)}.hero-hyperspeed canvas,.hero-hyperspeed #lights{width:100%;height:100%}.kicker,.section-kicker,.eyebrow{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1,.section-head h2,.contact-section h2{letter-spacing:-.055em;margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800}.hero h1{text-wrap:balance;max-width:820px;font-size:clamp(3.15rem,8vw,8.6rem);line-height:.86}.hero-copy>p:not(.kicker),.section-head>p,.featured-copy>p,.contact-section p{color:var(--muted);line-height:1.65}.hero-copy>p:not(.kicker){text-wrap:pretty;max-width:720px;margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.18rem)}.hero-actions,.card-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-button,.ghost-button{min-height:48px;transition:transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-weight:800;display:inline-flex}.primary-button{color:#101011;background:linear-gradient(#f9fffb,#c8f9f0);box-shadow:0 18px 48px #00d6b42e}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#ffffff0a}.primary-button:hover,.primary-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible{transform:translateY(-2px)}.primary-button:active,.ghost-button:active,.preview-frame:active,.faq-item:active{transform:translateY(1px)scale(.99)}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.ghost-button:hover,.ghost-button:focus-visible{border-color:#00d6b475}.work-section,.faq-section,.contact-section{padding:clamp(74px,10vw,136px) 0}.work-section{isolation:isolate;position:relative}.work-section:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#080b0c00 0,#080b0c3d 170px,#080b0c4d 100%),radial-gradient(at 20% 4%,#00d6b40e,#0000 34rem),radial-gradient(at 82% 12%,#64e9dd09,#0000 30rem);width:100vw;position:absolute;top:-240px;bottom:-80px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0,#000 210px 100%);mask-image:linear-gradient(#0000 0,#000 210px 100%)}.work-section:after{content:"";z-index:-1;pointer-events:none;filter:blur(.4px);background:linear-gradient(112deg,#0000 8%,#00d6b408 18%,#0000 34%),linear-gradient(124deg,#0000 38%,#64e9dd06 50%,#0000 68%),linear-gradient(101deg,#0000 58%,#00d6b405 72%,#0000 86%);width:100vw;position:absolute;top:-180px;bottom:-40px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0,#000 150px calc(100% - 80px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 150px calc(100% - 80px),#0000 100%)}.section-head{grid-template-columns:minmax(0,.75fr) minmax(280px,.42fr);align-items:end;gap:clamp(24px,6vw,88px);margin-bottom:clamp(28px,5vw,54px);display:grid}.section-head h2,.contact-section h2{text-wrap:balance;font-size:clamp(2.4rem,5.6vw,5.8rem);line-height:.9}.featured-list{gap:clamp(26px,4vw,44px);display:grid}.featured-card{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 72% 12%,#00d6b41f,#0000 18rem),#ffffff0e;grid-template-columns:minmax(0,1.08fr) minmax(320px,.6fr);gap:0;display:grid;overflow:hidden;box-shadow:0 38px 110px #00171557}.featured-card-artifact{background:radial-gradient(circle at 28% 10%,#00d6b41f,#0000 18rem),linear-gradient(135deg,#00d6b40a,#d7a65f0d),#ffffff0b;border-color:#00d6b438}.preview-frame{min-height:520px;transition:transform .24s var(--ease), filter .24s var(--ease);background:#05070a;position:relative;overflow:hidden}.preview-video{display:block;position:absolute;inset:0;overflow:hidden}.preview-video:after{content:"";pointer-events:none;background:linear-gradient(#0000 0 54%,#05070ab8 100%),radial-gradient(circle at 80% 30%,#00d6b429,#0000 18rem);position:absolute;inset:0}.preview-video img,.preview-video video{object-fit:cover;object-position:center top;width:100%;height:100%;transition:filter .6s var(--ease), transform .6s var(--ease);transform:scale(1.01)}.preview-frame:hover .preview-video img,.preview-frame:focus-visible .preview-video img,.preview-frame:hover .preview-video video,.preview-frame:focus-visible .preview-video video{filter:saturate(1.14)contrast(1.04);transform:scale(1.035)}.preview-badge{color:#031012;background:var(--cyan);border-radius:10px;padding:10px 14px;font-weight:900;position:absolute;bottom:20px;right:20px}.featured-card-artifact .preview-video:after{background:linear-gradient(#0000 0 52%,#020402c2 100%),radial-gradient(circle at 34% 28%,#00d6b429,#0000 20rem)}.featured-card-artifact .eyebrow{color:var(--cyan)}.featured-card-artifact .primary-button{color:#071006;background:linear-gradient(#f9fffb,#c8f9f0);box-shadow:0 18px 48px #00d6b429}.featured-copy{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,58px);display:flex}.featured-copy h3{letter-spacing:-.06em;text-wrap:balance;margin:0;font-family:Archivo,Inter,sans-serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.86}.project-short{margin:18px 0 0;font-size:clamp(1.05rem,1.45vw,1.24rem);font-weight:800;color:var(--ink)!important;line-height:1.35!important}.project-metrics{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.project-metrics li{color:var(--muted);padding-left:18px;font-size:.92rem;font-weight:700;position:relative}.project-metrics li:before{content:"";background:var(--cyan);border-radius:2px;width:7px;height:7px;position:absolute;top:.68em;left:0;box-shadow:0 0 18px #00d6b485}.stack-list{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.stack-list span{color:#f6f1e8c7;background:#ffffff0a;border:1px solid #ffffff21;border-radius:9px;padding:8px 10px;font-size:.78rem;font-weight:700}.more-work-head{gap:8px;margin:clamp(74px,10vw,132px) 0 clamp(28px,4vw,46px);display:grid}.more-work-head .section-kicker{margin-bottom:4px}.more-work-head h2{letter-spacing:-.06em;text-wrap:balance;max-width:780px;margin:0;font-family:Archivo,Inter,sans-serif;font-size:clamp(2.5rem,5.8vw,6.2rem);font-weight:800;line-height:.9}.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(210px,1fr);gap:clamp(12px,1.7vw,22px);display:grid}.bento-item{min-height:260px}.bento-item.bento-wide{grid-column:span 2}.bento-item.bento-tall{grid-row:span 2}:is(.bento-grid:has(.bento-card:hover) .bento-card:not(:hover),.bento-grid:has(.bento-card:focus-visible) .bento-card:not(:focus-visible)){opacity:.58;filter:saturate(.65)}.bento-card{width:100%;height:100%;min-height:inherit;transition:opacity .28s var(--ease), filter .28s var(--ease), border-color .28s var(--ease), transform .28s var(--ease);background:#05090a;border:1px solid #ffffff1c;border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 24px 72px #0017153d}.bento-card:hover,.bento-card:focus-visible{border-color:#00d6b470;transform:translateY(-4px)}.bento-card video{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s var(--ease);transform:scale(1.01)}.bento-card:hover video,.bento-card:focus-visible video{transform:scale(1.045)}.bento-card-shade{pointer-events:none;background:linear-gradient(#0000 38%,#030809e0 100%),radial-gradient(circle at 84% 14%,#00d6b421,#0000 15rem);position:absolute;inset:0}.bento-card-copy{justify-content:space-between;align-items:end;gap:18px;padding:clamp(18px,2.5vw,28px);display:flex;position:absolute;inset:auto 0 0}.bento-card-copy strong{letter-spacing:-.045em;text-wrap:balance;max-width:75%;font-family:Archivo,Inter,sans-serif;font-size:clamp(1.25rem,2.4vw,2.25rem);line-height:.95}.bento-card-copy>span{color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:700;display:inline-flex}.faq-list{border-top:1px solid var(--line)}.faq-item{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:62px 1fr 34px;gap:18px;padding:28px 0;display:grid}.faq-index{color:var(--cyan);font-family:IBM Plex Mono,monospace;font-weight:800}.faq-content{gap:12px;display:grid}.faq-question{letter-spacing:-.03em;font-family:Archivo,Inter,sans-serif;font-size:clamp(1.2rem,2.3vw,1.8rem);font-weight:800}.faq-answer{max-width:820px;color:var(--muted);line-height:1.65;display:none}.faq-item[aria-expanded=true] .faq-answer{display:block}.faq-plus{color:var(--muted);transition:transform .22s var(--ease);justify-self:end;font-size:2rem;line-height:1}.faq-item[aria-expanded=true] .faq-plus{transform:rotate(45deg)}.contact-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;display:flex}.contact-section p{max-width:640px;margin-bottom:0}.footer{border-top:1px solid var(--line);color:var(--soft);justify-content:space-between;gap:20px;padding:26px 0 40px;font-size:.82rem;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:inline-flex}.footer a{color:var(--muted);transition:color .18s var(--ease)}.footer a:hover,.footer a:focus-visible{color:var(--cyan)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.section-head,.featured-card,.contact-section{grid-template-columns:1fr}.hero-hyperspeed{opacity:.52;width:130vw;left:50%}.contact-section{display:grid}.preview-frame{min-height:360px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-item.bento-tall{grid-row:span 1}}@media (width<=560px){.site-header,.footer{display:grid}.site-header{border-radius:22px}.nav{justify-content:space-between;gap:12px;width:100%;font-size:.78rem;overflow-x:auto}.hero h1{font-size:clamp(3rem,17vw,5rem)}.featured-card{border-radius:16px}.preview-frame{min-height:280px}.hero-hyperspeed{width:190vw}.faq-item{grid-template-columns:42px 1fr 28px;gap:12px;padding:22px 0}.faq-answer{grid-column:1/-1}.bento-grid{grid-template-columns:1fr}.bento-item,.bento-item.bento-wide{grid-column:span 1;min-height:300px}.bento-card-copy{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.hero-hyperspeed,.starfield-background canvas{display:none}.animated-content{visibility:visible;will-change:auto}}