@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";:root{font-family:Inter,Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#e7edf7;background-color:#050608;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#050608;color:inherit}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{min-height:100vh}::selection{background:#6de0ff33;color:#fff}.page{min-height:100vh;background:#050608;color:#e7edf7;position:relative}.download-button{position:fixed;top:18px;right:18px;z-index:140;padding:.75rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0c0e12bf;color:#f1f6ff;font-weight:600;letter-spacing:.02em;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.download-button:hover{transform:translateY(-2px);border-color:#ffffff59;box-shadow:0 12px 30px #00000059}.canvas-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:saturate(1.1)}.content{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(3rem,6vw,5rem);padding:clamp(2.5rem,6vw,4rem)}.section{width:min(1100px,100%);min-height:60vh;margin:0 auto;position:relative}.hero-section{min-height:100vh;display:flex;align-items:center}.hero-inner{display:grid;gap:1.5rem}.hero-title{font-size:clamp(2.8rem,7vw,4.6rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;display:flex;flex-wrap:wrap;gap:.4rem .7rem;text-transform:uppercase}.hero-title span{display:inline-block;background:linear-gradient(120deg,#ffffffe6,#a2e7ff99);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{max-width:52ch;color:#bcc3cd;font-size:1.1rem;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.eyebrow{font-size:.95rem;letter-spacing:.24em;text-transform:uppercase;color:#8a93a2}.section-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.2rem}.section-header h2{margin:0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.02em;color:#f1f6ff}.body-text{color:#c4cbd6;font-size:1.05rem;line-height:1.7;max-width:70ch}.ghost-button{background:transparent;color:#f1f6ff;border:1px solid rgba(255,255,255,.15);padding:.9rem 1.2rem;border-radius:999px;font-size:.95rem;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,transform .2s ease}.ghost-button:hover{border-color:#fff6}.microcopy{color:#8a93a2;font-size:.95rem}.project-list{display:flex;flex-direction:column;gap:1.4rem;margin-top:1rem;position:relative;z-index:1}.experience-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.project-item{border:1px solid rgba(255,255,255,.06);padding:1.2rem 1.4rem;padding-right:240px;border-radius:16px;background:linear-gradient(145deg,#ffffff05,#fff0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;position:relative;overflow:visible;min-height:200px;z-index:1;transition:border-color .2s ease,background .3s ease}.project-item:hover .inline-preview{opacity:1;transform:translateY(0)}.inline-preview{position:absolute;top:50%;right:1rem;width:200px;height:140px;transform:translateY(-50%)!important;opacity:0;z-index:5;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#050608cc;box-shadow:0 18px 44px #00000073;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.inline-preview img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){.project-item{padding-right:1.1rem;min-height:auto}.inline-preview{display:none}}.project-item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 30%);opacity:0;transition:opacity .35s ease;pointer-events:none}.project-item:hover{border-color:#fff3;background:linear-gradient(145deg,#ffffff0a,#ffffff03)}.project-item:hover:after{opacity:1}.experience-item{border:1px solid rgba(255,255,255,.06);padding:1.1rem 1.2rem;border-radius:14px;background:linear-gradient(145deg,#ffffff05,#fff0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,background .3s ease}.experience-item:hover{border-color:#fff3;background:linear-gradient(145deg,#ffffff0a,#ffffff03)}.experience-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#8a93a2;font-size:.95rem;letter-spacing:.02em}.experience-company{color:#f1f6ff;font-weight:600;letter-spacing:.02em}.experience-period{color:#9ca5b4;font-size:.9rem}.experience-role{margin-top:.35rem;font-size:1.1rem;color:#e7edf7;font-weight:600}.experience-description{margin:.2rem 0 0;color:#c4cbd6;line-height:1.5;max-width:70ch}.project-meta{display:flex;align-items:center;gap:.8rem;color:#8a93a2;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.project-count{color:#f1f6ff}.project-copy h3{margin:.35rem 0 .1rem;font-size:1.5rem;letter-spacing:-.01em}.project-copy p{margin:0;color:#c4cbd6;max-width:60ch;line-height:1.5}.fun-section{position:relative;overflow:hidden}.album-wrap{position:relative;padding:1.2rem 0 .4rem}.album-ribbon{position:absolute;inset:10% -12%;height:60%;background:radial-gradient(circle at 10% 40%,rgba(255,210,169,.14),transparent 35%);filter:blur(30px);opacity:.8;pointer-events:none}.album-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,3vw,1.6rem);align-items:flex-start}.album-card{border:none;background:transparent;padding:1.1rem;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-align:left;color:inherit;border:1px solid rgba(255,255,255,.05);background:linear-gradient(145deg,#ffffff08,#ffffff03);transition:border-color .25s ease,transform .3s ease,background .3s ease;position:relative;overflow:hidden}.album-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.08),transparent 45%);opacity:0;transition:opacity .25s ease}.album-card:hover{border-color:#ffffff26;background:linear-gradient(145deg,#ffffff0d,#ffffff05)}.album-card:hover:after{opacity:1}.album-frame{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;background:#0c0f15;isolation:isolate}.album-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1)}.album-pill{position:absolute;bottom:10px;left:10px;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0c0d12;box-shadow:0 10px 24px #00000059}.album-meta h3{margin:.4rem 0 .15rem;font-size:1.2rem;letter-spacing:-.01em}.album-meta .body-text{margin:0 0 .35rem}.album-link{color:#c4d2ff;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.album-link:after{content:"";display:block;width:0%;height:1px;margin-top:2px;background:currentColor;transition:width .25s ease}.album-card:hover .album-link:after{width:60%}.contact-section{padding-bottom:clamp(3rem,8vw,6rem)}.floating-preview{position:fixed;width:240px;height:160px;pointer-events:none;z-index:120;mix-blend-mode:normal;background:#050608bf;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 44px #00000073}.preview-frame{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 20px 60px #00000073}.preview-frame img{width:100%;height:100%;object-fit:cover;display:block}.preview-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 45%);mix-blend-mode:screen}.preview-overlay{position:fixed;inset:0;background:#0506088c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;display:grid;place-items:center;padding:1.5rem}.preview-modal{width:min(900px,90vw);background:#0c0e12e6;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px #0000008c;display:grid;grid-template-columns:2fr 1fr;gap:0}.preview-modal img{width:100%;height:100%;object-fit:cover;display:block}.preview-modal-meta{padding:1.4rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.04),transparent 50%)}.preview-modal h3{margin:.2rem 0 .1rem}.preview-modal .body-text{margin:0}@media(max-width:900px){.hero-title{font-size:clamp(2.2rem,8vw,3.6rem)}.project-item{padding:1rem 1.1rem}}@media(max-width:720px){.preview-modal{grid-template-columns:1fr}}@media(max-width:640px){.content{padding:2rem 1.2rem 3rem}.section{width:100%}.hero-subtitle,.body-text{font-size:1rem}.floating-preview{display:none}}