:root{--color-moss: #2E4036;--color-clay: #CC5833;--color-cream: #F2F0E9;--color-charcoal: #1A1A1A;--color-bg-primary: var(--color-cream);--color-bg-dark: var(--color-charcoal);--color-bg-card: #FFFFFF;--color-bg-light: var(--color-cream);--color-text-primary: var(--color-charcoal);--color-text-light: var(--color-cream);--color-text-secondary: #6B6B6B;--color-accent: var(--color-clay);--color-accent-hover: #D96A3C;--color-brand: var(--color-moss);--color-accent-coral: var(--color-clay);--color-accent-coral-hover: var(--color-accent-hover);--gradient-hero: linear-gradient(135deg, #F6C445 0%, #E8724A 40%, #E85694 70%, #F6A04A 100%);--color-border: rgba(46, 64, 54, .12);--color-border-light: rgba(26, 26, 26, .06);--color-overlay: rgba(26, 26, 26, .6);--color-glass: rgba(255, 255, 255, .6);--color-glass-border: rgba(46, 64, 54, .08);--radius-sm: 1rem;--radius-md: 2rem;--radius-lg: 3rem;--radius-pill: 100px;--font-size-display: clamp(3.5rem, 8vw, 7rem);--font-size-h1: clamp(2.5rem, 5vw, 4.5rem);--font-size-h2: clamp(1.75rem, 3vw, 2.5rem);--font-size-h3: clamp(1.25rem, 2vw, 1.5rem);--font-size-body: 1rem;--font-size-small: .875rem;--font-size-micro: .75rem;--line-height-display: .95;--line-height-heading: 1.1;--line-height-body: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-wider: .15em;--grid-columns: 12;--grid-gutter: 1.5rem;--grid-margin: clamp(1.5rem, 5vw, 6rem);--max-width: 1440px;--content-max-width: 1200px;--content-narrow: 800px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-slower: 1s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-body);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03;will-change:opacity;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;font-family:Plus Jakarta Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}.font-display{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;letter-spacing:var(--tracking-tight)}.font-heading{font-family:Outfit,system-ui,sans-serif;font-weight:600;letter-spacing:var(--tracking-tight)}.font-serif{font-family:Cormorant Garamond,Georgia,serif}.font-sans{font-family:Plus Jakarta Sans,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,IBM Plex Mono,monospace}.italic{font-style:italic}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--grid-margin)}.section-padding{padding:clamp(4rem,10vh,8rem) 0;content-visibility:auto;contain-intrinsic-size:auto 600px}[data-animate]{opacity:0;transform:translateY(2rem);transition:opacity .8s var(--ease-out-quart),transform .8s var(--ease-out-quart)}[data-animate].is-visible{opacity:1;transform:translateY(0)}.card{border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card);transition:transform .3s cubic-bezier(.25,.1,.25,1)}.card:hover{transform:scale(1.02)}.card--accent-clay{background:var(--color-clay);color:var(--color-cream)}.card--accent-moss{background:var(--color-moss);color:var(--color-cream)}.btn-primary{background:var(--color-clay);color:var(--color-cream);border:none;padding:.75rem 2rem;border-radius:var(--radius-pill);font-family:Outfit,sans-serif;font-size:var(--font-size-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:all .3s ease;cursor:pointer;display:inline-block}.btn-primary:hover{background:var(--color-moss);color:var(--color-cream)}.nav-island{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:1000;padding:.75rem 2.5rem;border-radius:var(--radius-pill);display:flex;align-items:center;gap:2rem;transition:all .4s var(--ease-out-expo);background:transparent;color:var(--color-charcoal);border:1px solid transparent}.nav-island.scrolled{background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--color-moss);border:1px solid var(--color-glass-border);box-shadow:0 4px 30px #0000000d}.nav-island__logo{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:var(--tracking-wide);white-space:nowrap}.nav-island__links{display:flex;gap:1.75rem;font-family:Outfit,sans-serif;font-size:var(--font-size-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:500}.nav-island__links a{transition:opacity .2s ease}.nav-island__links a:hover{opacity:.7}.nav{display:none}@media(max-width:600px){.nav-island{padding:.6rem 1.25rem;gap:1.25rem;width:90%;justify-content:space-between}.nav-island__logo{font-size:.9rem}.nav-island__links{gap:1rem;font-size:var(--font-size-micro)}}.hero-section{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-gradient-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,var(--color-cream),transparent);z-index:1;pointer-events:none}.bento-grid{display:grid;grid-template-columns:1fr;gap:4rem 2rem}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}.bento-item{position:relative;display:flex;flex-direction:column;border-top:1px solid var(--color-border);padding-top:1.5rem}.bento-image-card{aspect-ratio:16 / 9;width:100%;border-radius:0;margin-bottom:1.5rem;background-color:var(--color-border-light);display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-light);overflow:hidden}.bento-image{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.bento-image-card:hover .bento-image{opacity:.8}.bento-title{margin-bottom:1rem}.bento-roles{display:flex;flex-direction:column;gap:0;margin-top:auto;padding-top:.5rem}.bento-role-row{display:flex;justify-content:space-between;padding:.5rem 0;border-top:1px solid var(--color-border-light)}.bento-role-row:last-child{border-bottom:1px solid var(--color-border-light)}.tech-stack-section{position:relative;display:flex;align-items:center;min-height:auto;overflow:hidden}.tech-stack-gradient-bg{position:absolute;inset:0;z-index:0}.tech-stack-gradient-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:15%;background:linear-gradient(to bottom,var(--color-cream),transparent);z-index:1;pointer-events:none}.tech-stack-gradient-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(to top,var(--color-cream),transparent);z-index:1;pointer-events:none}.tech-stack-content-container{position:relative;z-index:1;width:100%}.tech-item{transition:color .2s ease,transform .2s ease;cursor:default}.tech-item:hover{color:var(--color-cream)!important;transform:translate(.5rem)}.minimal-portfolio{background-color:#000;color:#ddd;font-family:JetBrains Mono,IBM Plex Mono,Courier New,Courier,monospace;min-height:100vh;padding:2rem;line-height:1.6;font-size:14px}.minimal-container{max-width:800px;margin:0 auto}.minimal-portfolio h1,.minimal-portfolio h2,.minimal-portfolio h3{font-weight:400;color:#fff;margin-top:2rem;margin-bottom:1rem}.minimal-portfolio p{margin-bottom:1rem}.minimal-portfolio a{color:#61afef;text-decoration:none}.minimal-portfolio a:hover{text-decoration:underline}.minimal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;border-bottom:1px dashed #444;padding-bottom:1rem}.minimal-nav{display:flex;gap:1rem}.minimal-nav button{background:none;border:none;color:#e5c07b;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.minimal-nav button:hover{text-decoration:underline}.minimal-section{margin-bottom:3rem}.minimal-divider{color:#444;margin:2rem 0}.minimal-project{margin-bottom:1.5rem}.minimal-project-header{display:flex;align-items:baseline;gap:1rem}.minimal-project-title{color:#e06c75;font-size:1.1em}.minimal-project-year{color:#5c6370;font-size:.9em}.minimal-role{color:#98c379;font-size:.9em}.minimal-tech-list{display:flex;flex-wrap:wrap;gap:.5rem;color:#c678dd}.minimal-experience-item{margin-bottom:1.5rem}.minimal-socials{display:flex;gap:1rem;margin-top:1rem}.minimal-aesthetic-img{width:100%;max-height:400px;object-fit:cover;border-radius:4px}@media(max-width:600px){.minimal-portfolio{padding:1rem}}.minimal-play-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minimal-play-modal{background-color:#111;border:1px solid #444;border-radius:8px;width:90%;max-width:600px;padding:1.5rem;box-shadow:0 10px 30px #00000080}.minimal-play-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px dashed #444;padding-bottom:.5rem}.minimal-play-header h3{margin:0;color:#98c379}.minimal-play-header button{background:none;border:none;color:#e06c75;cursor:pointer;font-family:inherit;font-size:1em;padding:0}.minimal-play-header button:hover{text-decoration:underline}.minimal-play-content{display:flex;flex-direction:column;align-items:center}.minimal-play-options{display:flex;gap:2rem;padding:2rem 0}.minimal-play-options button{background:none;border:1px solid #61afef;color:#61afef;padding:.75rem 1.5rem;cursor:pointer;font-family:inherit;font-size:1.1em;border-radius:4px;transition:all .2s}.minimal-play-options button:hover{background:#61afef;color:#000}.minimal-play-content iframe{background:#fff}