@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&family=Outfit:wght@400;500;700;800&display=swap";.portfolio-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#f7f2eb,#efe5d9);color:#1a1a1a;position:relative;overflow:hidden}.portfolio-page,.portfolio-page a,.portfolio-page button{cursor:none}.custom-cursor-ring{width:36px;height:36px;border:1.5px solid rgba(26,26,26,.65);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:multiply;transition:transform .2s ease,opacity .2s ease}.custom-cursor-dot{width:8px;height:8px;background:#1a1a1a;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999}.cursor-grow{transform:scale(1.7);opacity:.75}.portfolio-page:before,.portfolio-page:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}.portfolio-page:before{width:340px;height:340px;top:-70px;left:-90px;background:#e7c7a159;animation:blobFloatOne 12s ease-in-out infinite}.portfolio-page:after{width:300px;height:300px;right:-80px;top:28%;background:#d2b18940;animation:blobFloatTwo 15s ease-in-out infinite}.portfolio-page a{transition:color .2s ease,transform .2s ease,opacity .2s ease}.portfolio-page a:hover{opacity:.86}.top-nav{width:min(1180px,92%);margin:0 auto;padding:30px 0 18px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{text-transform:uppercase;font-weight:700;letter-spacing:.2em;font-size:.86rem}.menu{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.menu a{text-decoration:none;color:#2a2a2a;text-transform:lowercase;font-size:.95rem;position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:#2a2a2a;transition:width .25s ease}.menu a:hover:after{width:100%}.resume-link{border:1px solid #2a2a2a;border-radius:999px;padding:5px 12px}.hero{width:min(1180px,92%);margin:0 auto;min-height:calc(100vh - 104px);display:grid;grid-template-columns:135px 1fr 430px;align-items:center;gap:18px;padding-bottom:8px;position:relative;z-index:1}.left-cover-bg{position:absolute;left:-4px;top:30px;writing-mode:vertical-rl;text-orientation:mixed;font-size:.74rem;letter-spacing:.18em;text-transform:lowercase;color:#99886f}.socials{display:flex;flex-direction:column;gap:14px}.socials a{text-decoration:none;color:#383838;font-size:.85rem;text-transform:capitalize;width:fit-content}.socials a:hover{transform:translate(4px)}.hero-content .eyebrow{margin:0 0 12px;text-transform:lowercase;letter-spacing:.09em;font-size:.75rem;color:#6d6d6d}.hero-content h1{margin:0;font-size:clamp(2.7rem,6.2vw,6rem);line-height:.98;letter-spacing:-.03em}.reveal-word{display:inline-block;opacity:0;transform:translateY(14px);animation:wordReveal .6s ease forwards}.reveal-word:nth-child(1){animation-delay:.12s}.reveal-word:nth-child(2){animation-delay:.22s}.reveal-word:nth-child(3){animation-delay:.34s}.reveal-word:nth-child(4){animation-delay:.46s}.description{margin-top:18px;max-width:650px;color:#4d4d4d;font-size:.95rem;line-height:1.75}.hero-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:11px 20px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-2px) scale(1.02);opacity:.95}.btn-primary{background:#171717;color:#fff}.btn-secondary{border:1px solid #2a2a2a;color:#1e1e1e}.hero-visual{justify-self:end;position:relative;animation:floatAvatar 5s ease-in-out infinite}.avatar-circle{width:min(76vw,380px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff3de,#e7d5bf);display:grid;place-items:center;box-shadow:0 20px 45px #281e0c24}.avatar-inner{width:74%;height:74%;border-radius:50%;border:2px dashed rgba(48,48,48,.32);display:grid;place-items:center;color:#5e5e5e;font-weight:600}.avatar-photo{width:78%;height:78%;object-fit:cover;border-radius:50%;border:2px solid rgba(48,48,48,.22)}.ring-text{position:absolute;right:-26px;bottom:-22px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(93,72,39,.35);background:#f1e2cfa6;display:grid;place-items:center;text-align:center;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:#5e4c34;animation:spinRing 11s linear infinite}.rounded-text{position:absolute;border:1px solid rgba(93,72,39,.35);border-radius:999px;background:#ffffff73;color:#6c5536;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;padding:10px 14px}.badge-top{top:20px;left:-72px}.badge-bottom{bottom:64px;right:-82px}.content-section{width:min(1180px,92%);margin:0 auto;padding:52px 0}.content-section h2{margin:0 0 18px;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em}.content-section p{margin:0;color:#444}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-card,.project-card,.timeline-item,.contact-box{border:1px solid rgba(80,58,23,.16);background:#ffffff8c;border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.info-card:hover,.project-card:hover,.timeline-item:hover,.contact-box:hover{transform:translateY(-4px);border-color:#503a1752;box-shadow:0 12px 25px #2b1a0614}.info-card h3,.project-card h3,.timeline-item h3{margin:0 0 10px}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card a{display:inline-block;margin-top:12px;color:#2d2315;font-weight:600}.project-actions{display:flex;gap:14px}.timeline{display:grid;gap:14px}.timeline-item p+p{margin-top:8px}.contact-box{display:grid;gap:10px}.section-reveal{animation:fadeUp .7s ease both}.fade-in-up{animation:fadeUp .8s ease both}.fade-in-left{animation:fadeLeft .85s ease both}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.25s}.reveal-delay-3{animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes floatAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blobFloatOne{0%,to{transform:translate(0)}50%{transform:translate(20px,18px)}}@keyframes blobFloatTwo{0%,to{transform:translate(0)}50%{transform:translate(-26px,20px)}}@keyframes wordReveal{to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:34px;padding:20px 0 42px}.socials{flex-direction:row;flex-wrap:wrap}.left-cover-bg{display:none}.hero-visual{justify-self:start}.hero-visual{animation-duration:6.4s}.card-grid,.project-list{grid-template-columns:1fr}.badge-top,.badge-bottom{position:static;margin-top:12px;width:fit-content}.custom-cursor-ring,.custom-cursor-dot{display:none}.portfolio-page,.portfolio-page a,.portfolio-page button{cursor:auto}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#f7f2eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0e6d9}::-webkit-scrollbar-thumb{background:#cdb89e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b49b7e}