@property --o{syntax:"<number>";inherits:false;initial-value:.55}@property --hm{syntax:"<number>";inherits:false;initial-value:0}@property --rf{syntax:"<number>";inherits:false;initial-value:0}@property --rp{syntax:"<length-percentage>";inherits:false;initial-value:-50%}@property --fill{syntax:"<color>";inherits:false;initial-value:#0a0a0d}:root{--bg:#08080b;--s:#0e0e12;--in:#0a0a0d;--g:#3a3a44;--text:#e4e4ea;--muted:#a6a6b3;--line:#ffffff14;--accent1:#ea29d5;--accent2:#00e5ff;--new:var(--accent1);--own:var(--new);--brand-shift-ch:3.5ch}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;line-height:1.55}:focus-visible{outline-offset:3px;outline:2px solid #fffc}.main-header{place-items:center;min-height:70svh;padding:7rem 1.5rem 4rem;display:grid;position:relative;overflow:hidden}.behind-name{pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;padding:0 clamp(.5rem,3vw,2rem);display:grid;position:absolute;inset:0}.welcome-title{letter-spacing:.1em;color:#0000;-webkit-text-stroke:1px #ffffff0f;opacity:.6;text-transform:uppercase;text-align:center;white-space:nowrap;width:100%;max-width:calc(100vw - 2rem);margin:0;font-size:clamp(1.5rem,14vw,16rem);font-weight:900}.welcome-subtitle{letter-spacing:.6em;color:#ffffff59;text-transform:uppercase;margin-top:2%;font-size:clamp(.8rem,2.5vw,1.2rem)}.brand-container{text-transform:lowercase;background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 100%/100% 2px no-repeat;padding-bottom:calc(.6rem + 2px);line-height:.82;display:inline-block;position:relative}.brand-name{letter-spacing:-.03em;color:#ececf2;margin:0;font-size:clamp(3rem,12vw,10rem);font-weight:900}.first-half{display:block;transform:translateY(-.18em)}.second-half{padding-left:var(--brand-shift-ch);color:color-mix(in srgb,#ececf2 58%,var(--new));margin-top:-.5em;display:block}.main-content{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.section{margin:3.5rem 0}.section-title{letter-spacing:.01em;color:var(--text);margin:0 0 1rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:700}.intro-text{color:var(--muted);font-size:1.05rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-top:1.5rem;display:grid}.project-card{background:var(--in);box-shadow:0 0 0 7px var(--s);border:1.5px solid #ffffff1a;border-radius:15px;padding:1.25rem;transition:border-color .25s}.project-card:hover{border-color:#ffffff38}.project-title{margin:.2rem 0 .4rem;font-size:1.15rem;font-weight:700}.project-description{color:var(--muted);margin:0 0 .9rem}.beta-status{color:#d6d6e4;background:#101015;border:1.5px solid #ffffff1a;border-radius:8px;margin:.2rem 0 .9rem;padding:.2rem .6rem;font-size:.85rem;display:inline-block}a{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;transition:text-decoration-color .25s}a:hover{text-decoration-color:currentColor}.btn{letter-spacing:.01em;color:var(--text);background:var(--in);box-shadow:0 0 0 4px var(--s);border:1.5px solid #ffffff24;border-radius:10px;padding:.7rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:focus-visible{outline-offset:7px}.main-footer{color:var(--muted);background:linear-gradient(90deg,#0000,#2a2a32 25% 75%,#0000) 0 0/100% 1px no-repeat;padding:1.5rem 1.25rem 2.5rem}.footer-link,.contact-link{color:var(--text)}@supports (color:color-mix(in oklab,red,blue)){.project-card,.btn,.beta-status{--bw:1.5px;--o:.55;--fill:var(--in);--base:var(--s);--tn:color-mix(in oklab,var(--new),var(--own) calc(var(--hm)*50%));--cw:color-mix(in srgb,color-mix(in srgb,var(--tn) calc(34% + var(--hm)*10%),var(--g)) calc(var(--o)*100%),var(--base));--c1:color-mix(in srgb,#fff calc(var(--o)*11%),transparent);--c2:color-mix(in srgb,#fff calc(var(--o)*5%),transparent);border:var(--bw) solid transparent;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#000000d9 var(--rp),transparent calc(var(--rp) + 45%)) padding-box, linear-gradient(var(--fill),var(--fill)) padding-box, radial-gradient(circle at var(--px,50%) var(--py,50%),color-mix(in srgb,var(--new) calc(var(--rf)*65%),transparent),transparent 46px) border-box, radial-gradient(circle at 0 0,var(--c1),transparent 28px) border-box, radial-gradient(circle at 100% 100%,var(--c1),transparent 28px) border-box, radial-gradient(circle at 100% 0,var(--c2),transparent 28px) border-box, radial-gradient(circle at 0 100%,var(--c2),transparent 28px) border-box, linear-gradient(var(--cw),var(--cw)) border-box;transition:--o .25s,--fill .2s,--rp .4s cubic-bezier(.2,0,0,1),--rf .35s,--hm .4s,color .25s}.projects-grid>.project-card:nth-child(4n+2){--own:#3fb3c4}.projects-grid>.project-card:nth-child(4n+3){--own:#d9a441}.projects-grid>.project-card:nth-child(4n+4){--own:#e5574f}.project-card:hover{--o:.9;--hm:1}.highlighted-project{--o:.8}.highlighted-project:hover{--o:1}.btn{--o:.6}.btn:hover{--o:.95;--hm:1;--fill:#101015;color:color-mix(in oklab,#fff 66%,var(--tn))}.btn:active{--rp:130%;--o:.3;--rf:1}.beta-status{--o:.5;--fill:#101015;--base:var(--in);color:color-mix(in srgb,var(--text) 78%,var(--new))}.contact-link,.footer-link{color:color-mix(in srgb,var(--text) 72%,var(--new))}}@media (width<=520px){.brand-name{letter-spacing:-.02em;font-size:500%}.welcome-title{letter-spacing:.08em;font-size:clamp(1.2rem,12vw,16rem)}.behind-name{padding:0 .5rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}