:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#121418;--foreground:#f0f1f5;--card:#191c23;--primary:#b8c5ec;--muted-foreground:#adb2b5;--border:#30343e;color:var(--foreground);background:var(--background);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px}h1,h2,h3{font-size:inherit;font-weight:500}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:2px}img,svg{display:block}ul{list-style:none}[id]{scroll-margin-top:2rem}::selection{color:#fff;background:#b8c5ec40}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:1.5rem}.icon{flex-shrink:0;width:1rem;height:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#09090b;background:var(--primary);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--border);background:var(--background)}.header-content{flex-direction:column;gap:.25rem;padding-block:1rem .75rem;display:flex}.brand{align-items:center;gap:.75rem;min-height:44px;display:inline-flex}.brand-mark{flex-shrink:0;width:2.25rem;height:2.25rem}.brand-copy{flex-direction:column;gap:.125rem;display:flex}.brand-name{letter-spacing:-.025em;font-size:.9375rem;font-weight:500}.brand-company{letter-spacing:-.01em;color:var(--muted-foreground);font-size:.75rem;line-height:1rem}.header-nav,.footer-nav{color:var(--muted-foreground);flex-wrap:wrap;column-gap:1.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.header-nav a,.footer-nav a{align-items:center;gap:.25rem;min-height:44px;display:inline-flex}.header-nav a:hover,.footer-nav a:hover{color:var(--foreground)}.eyebrow{letter-spacing:.04em;color:var(--primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;line-height:1.5}.hero-section{isolation:isolate;gap:2.5rem;padding-block:3.5rem;display:grid;position:relative}.hero-section:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(68% 100% at 36% 34%,#899ed70e,#0000 68%),linear-gradient(90deg,#899ed705,#0000 76%);position:absolute;inset:0 calc(50% - 50vw);-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.hero-eyebrow{align-items:center;gap:.625rem;margin-bottom:1.5rem;display:flex}.hero-eyebrow span{background:#b8c5ec99;width:1.5rem;height:1px}.hero-section h1{letter-spacing:-.045em;max-width:740px;font-size:clamp(2.5rem,5.2vw,4rem);line-height:1.1}.hero-line-break{display:none}.hero-text-gradient{color:var(--primary);-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#d3dcf4 5%,#b1c6ed 48%,#c8b7df 100%);-webkit-background-clip:text;background-clip:text}.hero-description{max-width:600px;color:var(--muted-foreground);margin-top:1.75rem;font-size:1.125rem;line-height:2rem}.hero-description span{color:var(--foreground)}.hero-details{color:var(--muted-foreground);flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.75rem;font-size:.875rem;line-height:1.25rem;display:flex}.hero-details span{align-items:center;gap:.5rem;display:inline-flex}.hero-details .icon,.portrait-card .icon{color:var(--primary)}.portrait-card{background:var(--card);border:1px solid #39404d;border-radius:14px;justify-self:start;width:100%;max-width:320px;overflow:hidden}.portrait-surface{aspect-ratio:1;background:linear-gradient(145deg,#313c50,#272d3b 48%,#34303f);overflow:hidden}.portrait-surface img{object-fit:cover;object-position:center;width:100%;height:100%}.portrait-card figcaption{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.portrait-card figcaption>.icon{width:1.25rem;height:1.25rem}.portrait-name{font-size:.875rem;font-weight:500;line-height:1.25rem}.portrait-description{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem;line-height:1rem}.section-layout{border-top:1px solid var(--border);gap:2rem;padding-block:3rem;display:grid}.section-title{letter-spacing:-.025em;margin-top:.75rem;font-size:1.4rem;line-height:1.4}.section-description{max-width:42rem;color:var(--muted-foreground);margin-bottom:1.75rem;line-height:1.75rem}.project-grid{gap:1rem;display:grid}.project-card{border:1px solid var(--border);background-color:var(--card);border-radius:.91rem;flex-direction:column;min-width:0;padding:1.5rem;transition:border-color .16s;display:flex}.project-card:hover{border-color:#505a70}.project-card-lavender{background-image:linear-gradient(145deg,#ab9ad80b,#0000 64%)}.project-card-blue{background-image:linear-gradient(145deg,#8fb6df0b,#0000 64%)}.project-preview{aspect-ratio:16/9;border:1px solid var(--border);background:#101115;border-radius:.5rem;flex-shrink:0;width:100%;margin-bottom:1.5rem;display:block;position:relative;overflow:hidden}.project-preview img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .18s;position:absolute;inset:0}.project-preview:hover img,.project-preview:focus-visible img{transform:scale(1.025)}.project-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-icon{border:1px solid;border-radius:10px;place-items:center;width:2.75rem;height:2.75rem;display:grid}.project-icon .icon{width:1.25rem;height:1.25rem}.project-icon-lavender{color:#c3b3e7;background:#2a2639;border-color:#443b59}.project-icon-blue{color:#aecbea;background:#202e3d;border-color:#35485e}.status-badge{border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 10px;font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}.status-badge .icon{width:.75rem;height:.75rem}.status-live{color:#aad4ba;background:#1e302a;border-color:#355347}.status-development{color:#dfc395;background:#322d23;border-color:#524633}.project-card h3{letter-spacing:-.035em;font-size:1.5rem;line-height:2rem}.project-card h3 a,.contact-links a{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.project-card h3 .icon,.contact-links .icon:last-of-type{color:var(--muted-foreground)}.project-card h3 a:hover,.project-card h3 a:hover .icon,.contact-links a:hover,.contact-links a:hover .icon{color:var(--primary)}.project-category{color:var(--primary);margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.project-description{color:var(--muted-foreground);flex-grow:1;margin-block:1rem 1.5rem;line-height:1.75rem}.project-details{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:1rem;font-size:.875rem;line-height:1.5rem}.work-areas{gap:2rem;display:grid}.work-area{grid-template-columns:40px minmax(0,1fr);gap:1rem;display:grid}.icon-surface{border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--primary);background:#1e232d;border-radius:10px;place-items:center;display:grid}.icon-surface .icon{width:1.125rem;height:1.125rem}.work-area h3{letter-spacing:-.02em;padding-top:.375rem;font-size:1.125rem;line-height:1.75rem}.work-area p{max-width:42rem;color:var(--muted-foreground);margin-top:.5rem;line-height:1.75rem}.tool-group{gap:1rem;padding-block:1.25rem;display:grid}.tool-group+.tool-group{border-top:1px solid var(--border)}.tool-group:first-child{padding-top:0}.tool-group:last-child{padding-bottom:0}.tool-group dt{color:var(--muted-foreground);align-items:center;gap:.625rem;font-size:.875rem;line-height:1.75rem;display:flex}.tool-group .icon{color:var(--primary)}.tool-group ul{flex-wrap:wrap;gap:.5rem;display:flex}.tool-chip{color:#d2d8e6;background:#1d2129;border:1px solid #343b48;border-radius:.52rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.5rem}.contact-links{flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;display:flex}.contact-links .icon:first-child{width:1.125rem;height:1.125rem;color:var(--primary)}.contact-handle{color:var(--muted-foreground)}.site-footer{border-top:1px solid var(--border)}.footer-content{color:var(--muted-foreground);flex-direction:column;gap:.75rem;padding-block:1.75rem;font-size:.875rem;line-height:1.25rem;display:flex}.footer-nav .icon{width:.875rem;height:.875rem}.legal-page{max-width:800px;padding-block:3.5rem}.legal-page h1{letter-spacing:-.04em;margin-top:1rem;font-size:2.25rem;line-height:2.5rem}.legal-intro{max-width:42rem;color:var(--muted-foreground);margin-top:1.25rem;line-height:1.75rem}.legal-content{border-top:1px solid var(--border);margin-top:2.5rem}.legal-content section{border-bottom:1px solid var(--border);padding-block:1.75rem}.legal-content section:last-child{border-bottom:0}.legal-content h2{color:#fff;font-size:1rem}.legal-content p{color:var(--muted-foreground);margin-top:1rem;line-height:1.8}.legal-content strong{color:#e4e4e7;font-weight:500}.legal-content a{color:var(--foreground);text-underline-offset:4px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.legal-content a:hover{text-decoration-color:#fff}.legal-date{color:var(--muted-foreground);margin-top:1.25rem;font-size:.875rem;line-height:1.25rem}@media (width>=640px){.container{padding-inline:2.5rem}.header-content{gap:.75rem;padding-block:1rem}.hero-section,.legal-page{padding-block:5rem}.hero-line-break{display:block}.work-area{gap:1.25rem}.tool-group{grid-template-columns:160px minmax(0,1fr);gap:1.25rem}.footer-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}.legal-page h1{font-size:3rem;line-height:1}}@media (width>=768px){.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}.section-layout{grid-template-columns:200px minmax(0,1fr);gap:3rem;padding-block:3.5rem}}@media (width>=1024px){.hero-section{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:4rem}.portrait-card{justify-self:end;max-width:none}}@media (width>=1280px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.project-card,.project-preview img{transition:none}.project-preview:hover img,.project-preview:focus-visible img{transform:none}}@media (forced-colors:active){.hero-text-gradient{-webkit-text-fill-color:currentColor;background:0 0}}