.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);background:linear-gradient(145deg,#ffffff14,#ffffff0a);border:0;border-radius:1.5rem;outline:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff1c,0 18px 55px #0003}.glass-button{color:#e4e4e7;background:#ffffff12;border-radius:9999px;outline:1px solid #ffffff17;transition:background-color .18s,color .18s,transform .18s;box-shadow:inset 0 1px #ffffff1a}.glass-button:hover{color:#fff;background:#ffffff1f}.glass-button:active{transform:scale(.96)}.form-control{color:#f4f4f5;background:#ffffff12;border:0;border-radius:1rem;outline:1px solid #ffffff17;width:100%;min-height:3rem;padding:.75rem 1rem;box-shadow:inset 0 1px #ffffff12}.form-control::placeholder{color:#71717a}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#09090e;--foreground:#f7f7fa;--muted:#a1a1ad}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100dvh;color:var(--foreground);background:radial-gradient(circle at 12% 6%, #8b5cf624, transparent 28rem), radial-gradient(circle at 92% 38%, #22d3ee12, transparent 26rem), radial-gradient(circle at 38% 100%, #f43f5e0d, transparent 30rem), var(--background);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Arial,Helvetica,sans-serif}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#c4b5fd52}.site-shell{width:min(100%,74rem);padding:max(1.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));margin-inline:auto}.hero{flex-direction:column;padding-block:clamp(5rem,14vw,9rem) 4rem;display:flex}.section-heading p,.project-eyebrow,.detail-label{color:#c4b5fd;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.hero h1{color:#0000;filter:drop-shadow(0 0 14px #c4b5fd75)drop-shadow(0 0 40px #67e8f938);letter-spacing:-.075em;background:linear-gradient(105deg,#fff 8%,#ddd6fe 38%,#a5f3fc 62%,#fff 92%) 0 0/180% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding-right:.075em;font-size:clamp(3.4rem,11vw,7.5rem);font-weight:650;line-height:.92;animation:5s ease-in-out infinite alternate hero-wordmark-glow;position:relative}.hero-wordmark-stage{isolation:isolate;width:fit-content;position:relative}.hero-wordmark-stage:after{z-index:-2;filter:blur(40px);content:"";pointer-events:none;background:linear-gradient(90deg,#8b5cf633,#22d3ee24);border-radius:9999px;position:absolute;inset:10% 5% -8%}.hero-wordmark-orbit{z-index:-1;filter:blur(28px);opacity:.58;pointer-events:none;background:linear-gradient(90deg,#a78bfab8,#67e8f98a);border-radius:9999px;width:38%;height:58%;animation:6s ease-in-out infinite alternate hero-wordmark-orbit;position:absolute;top:22%;left:2%}.projects-section{padding-block:0 7rem}.section-heading{margin-bottom:2rem}.section-heading h2{letter-spacing:-.055em;margin:.35rem 0 0;font-size:clamp(2rem,5vw,3.5rem)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{--accent:#c4b5fd;--accent-soft:#8b5cf6;isolation:isolate;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 46%), linear-gradient(145deg, #ffffff14, #ffffff08);min-height:25rem;animation:.6s cubic-bezier(.22,1,.36,1) both card-arrive;animation-delay:var(--card-delay);border-radius:2rem;outline:1px solid #ffffff14;flex-direction:column;padding:1.5rem;transition:transform .24s cubic-bezier(.22,1,.36,1),outline-color .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff21,0 22px 70px #0000002e}.project-card:hover,.project-card:focus-visible{z-index:1;outline-color:color-mix(in srgb, var(--accent) 42%, transparent);box-shadow:inset 0 1px 0 #ffffff29, 0 28px 85px color-mix(in srgb, var(--accent-soft) 15%, transparent);transform:translateY(-5px)}.project-card:focus-visible,.project-link:focus-visible,.back-link:focus-visible,.modal-close:focus-visible{outline:2px solid var(--accent,#c4b5fd);outline-offset:4px}.project-glow{z-index:-1;background:var(--accent);opacity:.16;filter:blur(3.2rem);border-radius:50%;width:16rem;height:16rem;transition:opacity .24s,transform .24s;position:absolute;top:-4rem;right:-4rem}.project-card:hover .project-glow{opacity:.25;transform:scale(1.08)}.project-card-topline,.project-card-action{justify-content:space-between;align-items:center;display:flex}.project-mark,.detail-mark{color:#09090e;background:var(--accent);width:3.2rem;height:3.2rem;box-shadow:0 0 2rem color-mix(in srgb, var(--accent) 22%, transparent);letter-spacing:-.02em;border-radius:1rem;place-items:center;font-size:.72rem;font-weight:900;display:grid}.project-index{color:#ffffff38;letter-spacing:-.06em;font-size:2.25rem;font-weight:600}.project-card-copy{margin-top:auto;display:block}.project-eyebrow{color:var(--accent);display:block}.project-card-copy strong{letter-spacing:-.055em;margin-top:.55rem;font-size:clamp(2rem,4vw,3.2rem);display:block}.project-description{color:#ebebf2a8;max-width:29rem;margin-top:.85rem;font-size:.96rem;line-height:1.5;display:block}.project-card-action{color:#ffffffad;border-top:1px solid #ffffff14;margin-top:2rem;padding-top:1.1rem;font-size:.78rem;font-weight:700}.project-card-action span{color:var(--accent);font-size:1.05rem}.site-footer{color:#ffffff61;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:1.5rem;font-size:.75rem;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%);background:#0000009e;place-items:center;padding:1rem;animation:.22s both backdrop-in;display:grid;position:fixed;inset:0;overflow:hidden}.modal-backdrop-hit{cursor:default;background:0 0;border:0;padding:0;position:absolute;inset:0}.modal-panel{z-index:1;background:#101017f5;border-radius:2rem;outline:1px solid #ffffff1a;width:min(100%,38rem);max-height:calc(100dvh - 2rem);animation:.3s cubic-bezier(.22,1,.36,1) both modal-in;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff1f,0 40px 120px #0000009e}.modal-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.35rem;display:grid;position:absolute;top:1.25rem;right:1.25rem;box-shadow:inset 0 1px #ffffff21}.project-detail{--accent:#c4b5fd;isolation:isolate;padding:2rem;position:relative;overflow:hidden}.detail-orb{z-index:-1;background:var(--accent);opacity:.18;filter:blur(4rem);border-radius:50%;width:20rem;height:20rem;position:absolute;top:-7rem;right:-7rem}.detail-header{align-items:center;gap:1rem;padding-right:3.25rem;display:flex}.detail-header h1{letter-spacing:-.065em;margin:.25rem 0 0;font-size:clamp(2.4rem,8vw,4.6rem);line-height:.95}.detail-lede{color:#efeff5c2;margin:2.4rem 0 0;font-size:clamp(1.08rem,3vw,1.35rem);line-height:1.58}.detail-section{margin-top:2.6rem}.detail-label{color:#fff6}.highlight-list{flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.highlight-list li{color:color-mix(in srgb, var(--accent) 82%, white);background:color-mix(in srgb, var(--accent) 10%, transparent);outline:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:9999px;padding:.65rem .9rem;font-size:.8rem;font-weight:700}.project-link{color:#09090e;background:var(--accent);min-height:3.5rem;box-shadow:0 16px 38px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:9999px;justify-content:space-between;align-items:center;margin-top:3rem;padding-inline:1.35rem;font-size:.88rem;font-weight:850;transition:transform .18s,filter .18s;display:flex}.project-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.detail-page-shell{width:min(100%,42rem);min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));margin-inline:auto}.back-link{color:#ffffff94;align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.82rem;font-weight:700;display:inline-flex}.detail-page-panel{background:#ffffff0d;border-radius:2rem;outline:1px solid #ffffff14;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}@keyframes card-arrive{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;border-radius:3rem;transform:translateY(24px)scale(.95)}to{opacity:1;border-radius:2rem;transform:translateY(0)scale(1)}}@keyframes hero-wordmark-glow{0%{filter:drop-shadow(0 0 12px #c4b5fd61)drop-shadow(0 0 32px #67e8f92b);background-position:0%}to{filter:drop-shadow(0 0 21px #c4b5fda8)drop-shadow(0 0 52px #67e8f94d);background-position:100%}}@keyframes hero-wordmark-orbit{0%{opacity:.4;transform:translate(0)scale(.88)}48%{opacity:.75;transform:translate(72%)scale(1.08)}to{opacity:.48;transform:translate(155%)scale(.94)}}@media (max-width:700px){.site-shell{padding-inline:max(1rem, env(safe-area-inset-left))}.project-grid{grid-template-columns:1fr}.project-card{border-radius:1.65rem;min-height:21rem}.project-card-copy strong{font-size:2.5rem}.modal-backdrop{align-items:end;padding:0}.modal-panel{border-radius:2rem 2rem 0 0;width:100%;max-height:92dvh}.project-detail{padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.modal-backdrop,.modal-panel,.hero-wordmark-orbit,.hero h1{animation:none}.project-card,.project-glow,.project-link{transition:none}}