*::selection{background-color:#ddc78d;color:#111}img::selection,button::selection{background-color:transparent;color:inherit}#root{width:100%;height:100%}:root{--pointer-x: 0;--pointer-y: 0;color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif;background:#090909;color:#f2f2f2;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;background:#090909;-webkit-font-smoothing:antialiased}a:focus-visible,button:focus-visible{outline:1px solid #ddd;outline-offset:4px}.profile{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100% - 40px,920px);height:100dvh;margin:0 auto;padding:64px 0;overflow:visible}.background-depth{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.background-photo{position:absolute;inset:-20%;background:url(/assets/am-propic-D-4YxLLF.webp) center 28% / cover no-repeat;filter:blur(140px);opacity:.12;transform:translate(calc(var(--pointer-x) * -10px),calc(var(--pointer-y) * -8px)) scale(1.15);transition:transform .9s cubic-bezier(.22,1,.36,1)}.background-blob{position:absolute;border-radius:43% 57% 66% 34%/52% 38% 62% 48%;filter:blur(70px);opacity:.13;transition:translate 1.2s cubic-bezier(.22,1,.36,1);animation:blob-morph 18s ease-in-out infinite alternate}.background-blob-one{top:6%;left:8%;width:clamp(180px,28vw,440px);aspect-ratio:1.08;background:#ddc78d;translate:calc(var(--pointer-x) * 18px) calc(var(--pointer-y) * 14px)}.background-blob-two{right:5%;bottom:8%;width:clamp(220px,34vw,520px);aspect-ratio:.9;background:#55534e;translate:calc(var(--pointer-x) * -12px) calc(var(--pointer-y) * -16px);animation-delay:-7s;animation-duration:24s}.background-blob-three{top:42%;left:46%;width:clamp(120px,20vw,320px);aspect-ratio:1.2;background:#8c7951;translate:calc(var(--pointer-x) * 8px) calc(var(--pointer-y) * -10px);animation-delay:-12s;animation-duration:30s}.intro{position:relative;isolation:isolate;width:100%;max-width:820px;max-height:100%;overflow:visible}.intro-about>*{position:relative;z-index:1}.page-content{animation:page-enter .22s ease-out}.identity{display:flex;gap:clamp(18px,3vw,30px);align-items:center}.profile-picture{--profile-picture-size: clamp(72px, 10vw, 104px);position:relative;width:var(--profile-picture-size);min-width:var(--profile-picture-size);height:var(--profile-picture-size);min-height:var(--profile-picture-size);flex:0 0 var(--profile-picture-size);overflow:hidden;border-radius:50%}.profile-picture img{width:100%;height:100%;object-fit:cover;transform-origin:center top}.identity-copy{position:relative;min-width:0}.about-view{position:relative;isolation:isolate}.about-view>*{position:relative;z-index:1}h1{position:relative;z-index:1;margin:0;font-size:clamp(34px,6vw,62px);font-weight:600;line-height:1.08;letter-spacing:-.055em}.role{margin:8px 0 0;color:#686868;font-size:clamp(18px,2.8vw,28px);font-weight:500;letter-spacing:-.03em}.bio{margin:28px 0 0;color:#777;font-size:clamp(14px,1.8vw,17px);line-height:1.8}.bio strong{color:#ddc78d;font-weight:500}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #2c2c2c;border-radius:7px;color:#d7d7d7;font-size:13px;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.button-secondary{background:#111}.button-secondary:hover{border-color:#555;background:#171717}.button-primary{border-color:#ddc78d;background:#ddc78d;color:#111}.button-primary:hover{border-color:#ead9ac;background:#ead9ac}.bottom-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.socials{display:flex;gap:16px}.socials a,.email-copy{display:flex;color:#666;transition:color .16s ease}.socials a:hover,.email-copy:hover,.page-switch:hover,.project-back:hover{color:#ddc78d}.email-copy{position:relative;padding:0;border:0;background:transparent;cursor:pointer}.email-copy.copied{color:#ddc78d}.copy-particles{position:absolute;inset:50%;pointer-events:none}.copy-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ddc78d;animation:copy-particle .52s ease-out both}.copy-particles i:nth-child(2){animation-delay:40ms;rotate:90deg}.copy-particles i:nth-child(3){animation-delay:80ms;rotate:180deg}.copy-particles i:nth-child(4){animation-delay:.12s;rotate:270deg}.copy-notification{position:fixed;z-index:100;bottom:28px;left:50%;display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #6b5d37;border-radius:7px;background:#17150f;color:#ddc78d;font-size:12px;box-shadow:0 12px 40px #00000059;transform:translate(-50%);animation:copy-notification-in .36s cubic-bezier(.22,1,.36,1) both}.page-switch,.project-back{display:inline-flex;gap:12px;align-items:center;padding:0;border:0;background:transparent;color:#777;font-size:12px;font-weight:500;line-height:18px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color .16s ease}.page-switch svg,.project-back svg{width:36px;height:18px}.page-switch svg{transition:transform .28s cubic-bezier(.22,1,.36,1)}.page-switch:hover svg{transform:translate(8px)}.projects-view{position:relative;isolation:isolate;min-height:260px}.project-back,.project-item,.project-pagination{position:relative;z-index:1}.project-back{margin-bottom:28px}.section-label{color:inherit}.project-entry{position:relative;isolation:isolate;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;border-top:1px solid #292929;border-bottom:1px solid #292929;color:#f2f2f2;text-decoration:none}.project-entry>*{position:relative;z-index:1}.project-item.is-entering{animation:project-enter .18s ease both}.project-entry>div{flex:1}.project-title{display:flex;gap:14px;align-items:center}.project-index{display:inline-flex;gap:14px;align-items:center;color:#ddc78d;font-family:Share Tech Mono,monospace;font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1;letter-spacing:-.04em}.project-entry h1{margin:0;font-family:Share Tech Mono,monospace;font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1;text-transform:uppercase}.project-entry p,.project-description{color:#777}.project-entry p{margin:0;font-size:13px}.project-entry>svg{transition:transform .18s ease,color .18s ease}.project-entry:hover>svg{color:#ddc78d;transform:translate(7px,-5px) rotate(-45deg)}.project-logo{width:56px;height:56px;flex:0 0 56px;object-fit:contain}.project-description{max-width:580px;margin:24px 0 0;font-size:14px;line-height:1.7}.project-pagination{display:flex;gap:14px;margin-top:30px}.project-pagination button{position:relative;isolation:isolate;padding:4px 8px;border:0;border-radius:0;background:transparent;color:#555;font:inherit;font-size:15px;cursor:pointer;transition:color .16s ease}.project-pagination button:after{position:absolute;z-index:-1;inset:0;background:#ddc78d;content:"";opacity:0;transform:scale(.55,.06);transform-origin:center bottom;transition:opacity .16s ease,transform .28s cubic-bezier(.22,1,.36,1)}.project-pagination button:hover:not(.active):after{opacity:1}.project-pagination button:hover{color:#ddc78d}.project-pagination button.active{color:#111}.project-pagination button.active:after{opacity:1;transform:scale(1);transform-origin:center}.discover-overlay{position:fixed;z-index:-1;bottom:25px;left:50%;color:transparent;font-size:clamp(56px,12vw,210px);font-weight:700;line-height:1;letter-spacing:.035em;white-space:nowrap;-webkit-text-stroke:2px #8a8a8a;opacity:.13;pointer-events:none;transform:translate3d(-50%,0,0);animation:domain-enter .62s cubic-bezier(.22,1,.36,1) both}@keyframes page-enter{0%{opacity:0}}@keyframes domain-enter{0%{opacity:0;transform:translate3d(-50%,40%,0)}to{opacity:.13;transform:translate3d(-50%,0,0)}}@keyframes blob-morph{0%{rotate:-5deg;scale:.94}50%{rotate:4deg;scale:1.06}to{rotate:-2deg;scale:.98}}@keyframes project-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translate(0)}}@keyframes copy-particle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(15px,-15px) scale(0)}}@keyframes copy-notification-in{0%{opacity:0;transform:translate(-50%,36px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:560px){.profile{place-items:center;width:min(100% - 32px,920px);padding:32px 0}.background-photo{inset:-12%;filter:blur(64px);opacity:.1;transform:scale(1.08);transition:none}.background-blob{filter:blur(40px);opacity:.1;transition:none;animation:none}.background-blob-one,.background-blob-two,.background-blob-three{translate:none}.discover-overlay{font-size:clamp(40px,14vw,88px);-webkit-text-stroke-width:1px;animation:domain-enter .42s cubic-bezier(.22,1,.36,1) both}.intro,.identity,.identity-copy,.projects-view,.project-description{text-align:center}.identity{align-items:center;flex-direction:column}.profile-picture,.bio{margin-right:auto;margin-left:auto}.actions,.socials{justify-content:center}.bottom-navigation{align-items:center;flex-direction:column;gap:28px}.project-pagination{justify-content:center}.project-entry{justify-content:center;gap:14px}.project-entry>div{flex:0 1 auto}}@media(hover:none),(pointer:coarse){.background-photo{transform:scale(1.08);transition:none}.background-blob{animation:none;transition:none}.background-blob-one,.background-blob-two,.background-blob-three{translate:none}}@media(max-width:560px)and (max-height:700px){.profile-picture{--profile-picture-size: 64px}h1{font-size:32px}.role{margin-top:4px;font-size:17px}.bio{margin-top:18px;font-size:13px;line-height:1.55}.actions{margin-top:20px}.bottom-navigation{gap:18px;margin-top:22px}}@media(prefers-reduced-motion:reduce){.background-photo,.background-blob{animation:none;transition:none}.background-blob-one,.background-blob-two,.background-blob-three{translate:none}.page-content{animation:none}.project-item,.button,.socials a,.email-copy,.page-switch,.project-back,.project-pagination button,.project-pagination button:after,.project-entry>svg{transition:none}.project-item,.discover-overlay,.copy-particles i,.copy-notification{animation:none}}