@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2"),url(/fonts/Satoshi-Regular.woff) format("woff"),url(/fonts/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Satoshi,sans-serif;display:flex;justify-content:center;padding-top:3rem;min-height:100vh;transition:background-color .3s ease,color .3s ease}html.dark{--background-color: #1a1a1a;--text-color: white;--card-background: #2a2a2a;--card-shadow: 0 4px 8px rgba(0, 0, 0, .3);--primary-color: #61dafb;--primary-hover-color: #21a1f1;--button-text-color: white;--button-gradient-start: #4a4a4a;--button-gradient-end: #3a3a3a;--bento-shadow: 0 8px 16px rgba(0, 0, 0, .3)}html.light{--background-color: white;--text-color: #0d0d0d;--card-background: #f0f0f0;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--primary-color: #61dafb;--primary-hover-color: #21a1f1;--button-text-color: white;--button-gradient-start: #61dafb;--button-gradient-end: #21a1f1;--bento-shadow: 0 8px 16px rgba(0, 0, 0, .1)}body{background-color:var(--background-color);color:var(--text-color)}#root{width:100%;height:100%}.app{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 20px}}.hero-section{position:relative;min-height:300px;--header-height-lg: 200px;--header-height-md: 150px;--header-height-sm: 100px;--profile-image-size-lg: 170px;--profile-image-size-md: 140px;--profile-image-size-sm: 120px;--current-header-height: var(--header-height-lg);--current-profile-image-size: var(--profile-image-size-lg)}.hero-section .profile{position:absolute;left:5vw;top:calc(var(--current-header-height) - var(--current-profile-image-size) / 2);z-index:1}.hero-section .name-display{position:absolute;left:calc(5vw + var(--current-profile-image-size) + 20px);top:calc(var(--current-header-height) + 20px);transform:none;z-index:10;width:auto}@media (max-width: 768px){.hero-section{min-height:250px;--current-header-height: var(--header-height-md);--current-profile-image-size: var(--profile-image-size-md)}.hero-section .profile{position:absolute;left:5vw;top:calc(var(--current-header-height) - var(--current-profile-image-size) / 2)}.hero-section .name-display{position:absolute;left:calc(5vw + var(--current-profile-image-size) + 20px);top:calc(var(--current-header-height) + 20px);width:auto}}@media (max-width: 480px){.hero-section{min-height:200px;--current-header-height: var(--header-height-sm);--current-profile-image-size: var(--profile-image-size-sm)}}.about{margin-top:80px}@media (min-width: 769px){.about{margin-top:60px}}.work-section-header{margin-top:4rem;margin-bottom:2rem;padding-left:220px}@media (max-width: 768px){.work-section-header{padding-left:50px!important}}@media (max-width: 480px){.work-section-header{padding-left:20px!important}}.work-heading{font-size:2rem;color:var(--text-color);margin-bottom:.5rem;opacity:1}@media (max-width: 768px){.work-heading{font-size:1.5rem}}.work-subheading{font-size:1.2rem;color:var(--text-color);opacity:.7}@media (max-width: 768px){.work-subheading{font-size:1rem}}.header{width:100%;height:200px;overflow:hidden}.header img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.header{height:150px}}@media (max-width: 480px){.header{height:100px}}.profile{position:absolute;left:5vw;top:calc(var(--current-header-height) - var(--current-profile-image-size) / 2);display:flex;flex-direction:column}.profile-image-container{width:var(--current-profile-image-size);height:var(--current-profile-image-size);border-radius:50%;overflow:hidden;border:5px solid #1a1a1a}.profile-image-container img{width:100%;height:100%;object-fit:cover}.profile.light-theme-border .profile-image-container{border-color:#fff}.profile h1{margin-top:1rem;font-size:2rem;white-space:nowrap}.name-display{display:flex;flex-direction:column;justify-content:center}.name-display .greeting{font-family:Satoshi Regular,sans-serif;font-size:clamp(1rem,2vw,2.5rem);font-weight:400;margin-bottom:.5vw}.name-display .name{font-family:Satoshi Black,sans-serif;font-size:clamp(2rem,5vw,6rem);font-weight:900;margin:0;line-height:1}.name-display .subheading{font-family:Satoshi Regular,sans-serif;font-size:clamp(.7rem,1.2vw,1.5rem);font-weight:700;color:#000;margin-top:1vw;line-height:1.2}.dark .name-display .subheading{color:#a3a3a3;font-weight:400}.container-text-flip{position:relative;display:inline-block;border-radius:.5rem;padding:.2em .5em .3em .2em;text-align:center;font-size:inherit;font-weight:700;color:#000;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb);box-shadow:inset 0 -1px #d1d5db,inset 0 0 0 1px #d1d5db,0 4px 8px #d1d5db;margin-left:.2em}@media (max-width: 768px){.container-text-flip{font-size:2rem;padding-top:.4rem;padding-bottom:.6rem}}@media (max-width: 480px){.container-text-flip{font-size:1.5rem;padding-top:.3rem;padding-bottom:.5rem}}body.dark .container-text-flip{color:#fff;background:linear-gradient(to bottom,#374151,#1f2937);box-shadow:inset 0 -1px #10171e,inset 0 0 0 1px #cde3753d,0 4px 8px #00000052}.container-text-flip__text-wrapper,.container-text-flip__word-container{display:inline-block}.about-section{max-width:600px;margin-top:10vw;margin-left:auto;margin-right:auto;font-family:Satoshi Light,sans-serif;font-size:clamp(.9rem,1.5vw,1.6rem);line-height:1.6;text-align:left;color:var(--text-color)}.italic-satoshi{font-family:Satoshi Italic,sans-serif;font-style:italic}@media (max-width: 768px){.about-section{margin-top:100px;font-size:1.3rem}}.availability-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.availability-text{display:flex;align-items:center;font-size:1.2em;color:var(--text-color);margin-bottom:10px}.green-dot{height:10px;width:10px;background-color:#4caf50;border-radius:50%;display:inline-block;margin-right:8px}.connect-button{background:linear-gradient(45deg,var(--button-gradient-start),var(--button-gradient-end));color:var(--button-text-color);border:none;padding:12px 25px;border-radius:8px;text-decoration:none;font-size:1.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;display:inline-block}.connect-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:linear-gradient(45deg,var(--button-gradient-end),var(--button-gradient-start))}.bento-grid-section{padding:20px;background-color:var(--background-color-secondary)}.bento-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(150px,auto);gap:20px;max-width:1200px;margin:0 auto}.bento-item{background-color:var(--card-background-color);border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a,0 1px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-color-primary);overflow:hidden}.bento-item h3{margin-top:0;color:var(--text-color-accent)}.bento-item p{color:var(--text-color-secondary)}.bento-item--video-large{grid-column:span 2;grid-row:span 1;padding:0;min-height:250px}.bento-item--video-large .bento-video{width:100%;height:100%;object-fit:cover;border-radius:10px}.bento-item--image{padding:0}.bento-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.bento-item:nth-child(1){grid-column:1/span 2;grid-row:1}.bento-item:nth-child(2){grid-column:3/span 1;grid-row:1}.bento-item:nth-child(3){grid-column:1/span 1;grid-row:2}.bento-item:nth-child(4){grid-column:2/span 2;grid-row:2}.bento-item:nth-child(5){grid-column:1/span 1;grid-row:3}.bento-item:nth-child(6){grid-column:2/span 1;grid-row:3}.bento-item:nth-child(7){grid-column:3/span 1;grid-row:3}.bento-item--square{aspect-ratio:1/1}@media (max-width: 768px){.bento-grid-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,auto)}.bento-item--video-large{grid-column:span 2;grid-row:unset}.bento-item:nth-child(1),.bento-item:nth-child(2),.bento-item:nth-child(3),.bento-item:nth-child(4),.bento-item:nth-child(5),.bento-item:nth-child(6),.bento-item:nth-child(7){grid-column:unset;grid-row:unset}}@media (max-width: 480px){.bento-grid-container{grid-template-columns:repeat(2,1fr)}.bento-item:nth-child(1){grid-column:span 2;grid-row:1}.bento-item:nth-child(2){grid-column:span 1;grid-row:2}.bento-item:nth-child(3){grid-column:span 1;grid-row:2}.bento-item:nth-child(4){grid-column:span 2;grid-row:3}.bento-item:nth-child(5){grid-column:span 1;grid-row:4}.bento-item:nth-child(6){grid-column:span 1;grid-row:4}.bento-item:nth-child(7){grid-column:span 2;grid-row:5}}