@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--dusty-rose: #d4a5a5;--sage-green: #87a96b;--soft-grey: #8b8c89;--warm-beige: #f5e6d3;--soft-white: #faf8f6;--deep-rose: #c48a8a;--light-sage: #a8c09a;--section-padding: 64px;--section-padding-mobile: 48px;--container-padding: clamp(16px, 4vw, 48px);--card-padding: clamp(1.25rem, 2.4vw, 2rem);--gap-sm: clamp(.75rem, 1.6vw, 1.25rem);--gap-md: clamp(1.1rem, 2.4vw, 2rem);--gap-lg: clamp(1.5rem, 3.2vw, 2.5rem);--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-light: #7f8c8d;--card-shadow: 0 8px 32px rgba(0, 0, 0, .1);--hover-shadow: 0 16px 48px rgba(0, 0, 0, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-cinematic: all .6s cubic-bezier(.6, -.05, .01, .99)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--warm-beige) 0%,var(--soft-white) 50%,var(--dusty-rose) 100%);min-height:100vh;color:var(--text-primary);line-height:1.6;overflow-x:hidden}.about-role{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem}.about-name{font-size:clamp(2.6rem,5.2vw,4.2rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:.75rem}.about-value{max-width:60ch;font-size:1.05rem;line-height:1.7;color:var(--text-secondary)}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--gap-md);align-items:start}.about-cards{display:grid;gap:var(--gap-sm)}.chip{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text-secondary);background:#ffffff2e;border:1px solid rgba(255,255,255,.18)}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:var(--gap-md)}@media (min-width: 768px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.works-card{padding:var(--card-padding);display:flex;flex-direction:column;justify-content:space-between;min-height:260px}@media (max-width: 768px){.works-card{min-height:auto;padding:1.25rem}}.works-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-bottom:var(--gap-sm)}.works-meta{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.35rem}.works-title{font-size:1.15rem;font-weight:700;line-height:1.25;margin-bottom:.5rem}.works-subtitle{display:flex;flex-wrap:wrap;gap:.35rem;color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--gap-sm)}.works-dot{opacity:.65}.works-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--gap-sm)}.works-chips{display:flex;flex-wrap:wrap;gap:.5rem}.works-actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap;margin-top:var(--gap-md)}.works-bullets{margin:0;padding-left:1.1rem;color:var(--text-secondary);line-height:1.6}#root{min-height:auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0;min-height:auto;position:relative;scroll-margin-top:96px}.card{background:#ffffff2e;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-radius:20px;padding:40px;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.16);transition:var(--transition-smooth)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--dusty-rose),var(--deep-rose));color:#fff;text-decoration:none;border-radius:25px;font-weight:500;transition:var(--transition-smooth);border:none;cursor:pointer;font-size:16px;min-height:48px;touch-action:manipulation}@media (max-width: 768px){.btn{font-size:16px;padding:14px 28px}}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none}.btn:active{transform:scale(.98)}}.btn-primary{background:linear-gradient(135deg,var(--dusty-rose),var(--deep-rose))}.btn-ghost{background:#ffffff2e;color:var(--text-primary);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.btn-ghost:hover{box-shadow:0 8px 24px #0000001a}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-md)}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d4a5a566}.btn-secondary{background:linear-gradient(135deg,var(--sage-green),var(--light-sage))}.btn-secondary:hover{box-shadow:0 5px 15px #87a96b66}.heading{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--dusty-rose),var(--sage-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subheading{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.text-secondary{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.container{padding:0 var(--container-padding)}.section{padding:var(--section-padding-mobile) 0;min-height:auto;scroll-margin-top:92px}.card{padding:30px 20px}.heading{font-size:2rem}.subheading{font-size:1.5rem}.hero-content{text-align:center}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn{width:100%;max-width:250px}.about-grid,.works-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr!important;gap:2rem!important}.services-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.text-center-mobile{text-align:center!important}.flex-col-mobile{flex-direction:column!important}}@media (min-width: 768px) and (max-width: 1023px){.container{max-width:960px}.section{scroll-margin-top:94px}.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (max-width: 480px){.heading{font-size:1.8rem}.subheading{font-size:1.3rem}.card{padding:20px 15px}.section{padding:var(--section-padding-mobile) 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn:focus,input:focus,textarea:focus,button:focus{outline:2px solid var(--dusty-rose);outline-offset:2px}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #333333;--card-shadow: 0 4px 20px rgba(0, 0, 0, .2)}}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glass-card{background:#ffffff40;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.125);border-radius:24px;box-shadow:0 8px 32px #1f268712,inset 0 1px #ffffff1a}.fullscreen-section{min-height:auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.asymmetric-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.asymmetric-grid .col-span-8{grid-column:span 8}.asymmetric-grid .col-span-6{grid-column:span 6}.asymmetric-grid .col-span-4{grid-column:span 4}.asymmetric-grid .col-span-3{grid-column:span 3}.overlap-container{position:relative}.overlap-item{position:absolute;z-index:2}.magnetic-button{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.magnetic-button:hover{transform:translateY(-2px)}.floating-nav{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:.75rem 2rem;transition:all .3s ease}.floating-nav.scrolled{top:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.nav-indicator{position:absolute;bottom:-2px;height:2px;background:var(--dusty-rose);transition:all .3s cubic-bezier(.4,0,.2,1)}.horizontal-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--dusty-rose);border-radius:10px}.horizontal-scroll .scroll-item{flex:0 0 auto;scroll-snap-align:start}.cinematic-reveal{position:relative;overflow:hidden}.cinematic-reveal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s ease}.cinematic-reveal:hover:before{left:100%}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}.depth-layer-1{z-index:10}.depth-layer-2{z-index:20}.depth-layer-3{z-index:30}.smooth-transition{transition:all .6s cubic-bezier(.4,0,.2,1)}.loading-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #d4a5a54d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.grain-overlay{display:none}}