@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#18191b;--panel:#252629;--line:#37383d;--text:#f5f5f6;--muted:#b0b0b8;--accent:#a9b9db}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#4c5d7b;color:white}.home-pill{position:fixed;left:24px;top:22px;z-index:5;background:#27282c;border:1px solid #36373b;border-radius:30px;padding:10px 17px;font-size:14px;font-weight:700}.home-pill span{color:var(--accent)}
.profile-section{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;padding:115px 24px 140px}.profile{display:flex;align-items:center;gap:27px;width:min(620px,100%);padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:23px;will-change:transform,opacity}.avatar{flex:0 0 124px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#32343a;color:#dce3f1;font:700 84px/1 Georgia,serif;letter-spacing:-9px;padding-right:7px;user-select:none}.avatar span{color:var(--accent);font-size:57px}.profile-copy{min-width:0;position:relative;flex:1}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#9699a3;font-weight:600;margin:0 0 9px}h1{font:800 38px/1.1 Manrope,sans-serif;letter-spacing:-1.4px;margin:0 0 9px}.intro{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 18px}.actions{display:flex;gap:8px;flex-wrap:wrap}.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid #4b4c52;border-radius:11px;background:#3b3c42;color:var(--text);font-size:14px;line-height:1.2;cursor:pointer;transition:background .18s,border-color .18s}.small-button:hover{background:#4a4c53;border-color:#747781}.small-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.copy-status{font-size:12px;line-height:1.4;color:var(--accent);margin:8px 0 0}.copy-status:empty{display:none}.scroll-cue{position:absolute;bottom:42px;display:flex;flex-direction:column;align-items:center;gap:13px;font-size:12px;color:#9e9fa8;letter-spacing:.3px}.scroll-arrow{font-size:22px;animation:drift 2s ease-in-out infinite}
.projects-section{max-width:760px;width:calc(100% - 48px);margin:0 auto;padding:95px 0 120px;min-height:70svh}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{font:800 32px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}.section-heading h2 span{color:var(--accent)}.section-heading p{font-size:16px;color:var(--muted);margin:0}.project-card{position:relative;display:flex;align-items:center;gap:25px;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:30px;max-width:620px;margin:auto}.project-icon{width:112px;flex-shrink:0}.project-icon img{display:block;max-width:100%;height:auto;border-radius:20px}.project-info{min-width:0}.project-type{font-size:10px;letter-spacing:1.4px;color:#9d9fac}.project-info h3{font:800 27px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:7px 0 9px}.project-info p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 17px}.project-number{position:absolute;right:20px;top:17px;color:#737680;font-size:12px;font-family:monospace}.next-note{text-align:center;font-size:13px;color:#858893;margin-top:30px}.projects-section.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s,transform .6s}.projects-section.visible{opacity:1;transform:none}footer{width:min(760px,calc(100% - 48px));margin:auto;border-top:1px solid #2e3035;padding:23px 0 30px;display:flex;justify-content:space-between;font-size:12px;color:#93959e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.avatar{padding:0;overflow:hidden}.avatar img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:50% 45%;display:block;border-radius:inherit}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:550px){.home-pill{left:18px;top:18px}.profile{flex-direction:column;text-align:center;padding:28px;gap:22px;max-width:360px}.avatar{width:96px;flex-basis:96px;font-size:68px}.profile .actions{justify-content:center}.profile .eyebrow{font-size:9px}.profile h1{font-size:34px}.project-card{padding:25px;gap:19px;align-items:flex-start;flex-direction:column}.project-icon{width:76px}.projects-section{padding-top:70px}.project-info h3{font-size:25px}.scroll-cue{bottom:29px}.profile-section{padding-bottom:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.profile,.projects-section.reveal{transform:none!important;opacity:1!important}}