@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Source+Serif+4:ital,wght@0,400..700;1,400..700&display=swap";:root{--background: #ffffff;--foreground: #000000;--muted: #f5f5f5;--muted-foreground: #525252;--accent: #000000;--accent-foreground: #ffffff;--border: #000000;--border-light: #e5e5e5;--card: #ffffff;--card-foreground: #000000;--ring: #000000;--font-display: "Playfair Display", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--transition-instant: .1s}*{box-sizing:border-box;border-radius:0}html,body,#root{margin:0;min-height:100%}html{background:var(--background);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-width:320px;color:var(--foreground);background:var(--background);font-family:var(--font-body);line-height:1.625;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,input,textarea{color:inherit;font:inherit}h1,h2,h3,h4,p{margin:0}a{text-decoration:none}#root{position:relative;isolation:isolate}#root:before,#root:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}#root:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,#000 1px,#000 2px);background-size:100% 4px;opacity:.015}#root:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02}main{position:relative}.container{max-width:72rem;margin:0 auto;padding:0 1.5rem}.section-space{padding:6rem 0}.major-rule{height:4px;width:100%;background:var(--foreground)}.skip-link{position:absolute;top:-100px;left:1rem;z-index:10;background:var(--foreground);color:var(--background);border:2px solid var(--foreground);padding:.75rem 1rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.skip-link:focus-visible{top:1rem;outline:3px solid var(--foreground);outline-offset:3px}.mono-kicker,.section-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.section-heading{max-width:56rem;margin-bottom:2.5rem}.section-heading.centered{margin-left:auto;margin-right:auto;text-align:center}.section-heading h2{margin-top:1rem;font-family:var(--font-display);font-size:clamp(2.25rem,6vw,4.5rem);line-height:1;letter-spacing:-.03em}.section-intro{margin-top:1rem;max-width:46rem;color:var(--muted-foreground);font-size:1.125rem}.hero{padding-top:7rem}.hero h1{margin-top:1.25rem;font-family:var(--font-display);font-size:clamp(4rem,20vw,10rem);line-height:.9;letter-spacing:-.05em}.hero h1 span{display:block;margin-top:1.5rem;font-size:clamp(1.4rem,3.3vw,2.5rem);font-style:italic;letter-spacing:-.02em}.hero-rule{margin:2.5rem 0;display:flex;align-items:center;gap:1rem}.rule-line{display:block;flex:1;height:8px;background:var(--foreground)}.rule-square{width:18px;height:18px;border:2px solid var(--foreground);background:var(--background)}.hero-lead{max-width:48rem;font-size:1.25rem}.hero-actions{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:none;cursor:pointer;padding:1rem 2rem;font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-instant) linear}.btn:focus-visible{outline:3px solid var(--foreground);outline-offset:3px}.btn-primary{background:var(--foreground);color:var(--background);border:2px solid var(--foreground)}.btn-primary:hover{background:var(--background);color:var(--foreground)}.btn-secondary{background:transparent;color:var(--foreground);border:2px solid var(--foreground)}.btn-secondary:hover{background:var(--foreground);color:var(--background)}.btn-ghost{background:transparent;border:none;color:var(--foreground);padding:0;justify-content:flex-start;text-decoration:underline;text-underline-offset:.25em}.btn-ghost:hover{text-decoration-thickness:2px}.about-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(12,minmax(0,1fr));background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px);background-size:40px 40px;padding:1.5rem}.about-grid p{font-size:1.125rem}.about-grid p:nth-of-type(1){grid-column:span 6}.about-grid p:nth-of-type(2){grid-column:span 6}.about-photo-wrap{grid-column:span 12;margin:0;border:2px solid var(--foreground);max-width:18rem}.about-photo{display:block;width:100%;height:auto;filter:grayscale(1)}.dropcap-paragraph:first-letter{float:left;margin-right:.75rem;margin-top:.35rem;border:2px solid var(--foreground);padding:.35rem .65rem;font-family:var(--font-display);font-size:3rem;line-height:1}.project-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.project-card{grid-column:span 4;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1rem;min-height:20rem;transition:all var(--transition-instant) linear}.project-card h3{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.15}.project-meta{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.project-points{margin:0;padding-left:1rem;display:grid;gap:.5rem}.project-card:hover{background:var(--foreground);color:var(--background)}.project-card:hover .btn-ghost{color:var(--background)}.skill-grid,.certificate-grid,.education-list{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.skill-card,.certificate-card,.education-item{border:1px solid var(--foreground);padding:1.5rem;min-height:16rem;transition:all var(--transition-instant) linear}.skill-card{grid-column:span 4}.certificate-card,.education-item{grid-column:span 6}.certificate-image{width:100%;height:clamp(14rem,22vw,19rem);object-fit:cover;border:2px solid var(--foreground);margin-bottom:1rem;transition:all .3s linear;filter:grayscale(1)}.certificate-card:hover .certificate-image{border-width:4px;filter:grayscale(0)}.skill-card h3,.certificate-card h3,.education-item h3{margin:.8rem 0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}.skill-card ul{margin:0;padding-left:1rem;display:grid;gap:.5rem}.skill-card:hover,.certificate-card:hover,.education-item:hover{background:var(--foreground);color:var(--background)}.certificate-year,.education-subtitle{color:var(--muted-foreground);margin-bottom:1rem}.certificate-card:hover .certificate-year,.education-item:hover .education-subtitle,.certificate-card:hover .btn-ghost{color:var(--background)}.experience-list,.leadership-list{display:grid;gap:1rem}.experience-item{border:1px solid var(--foreground);padding:1.5rem}.experience-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.experience-item h3{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}.experience-subtitle{color:var(--muted-foreground)}.experience-item ul{margin:0;padding-left:1rem;display:grid;gap:.5rem}.stats{background:var(--foreground);color:var(--background);position:relative;overflow:hidden}.stats:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent,transparent 1px,#fff 1px,#fff 2px);background-size:4px 100%;opacity:.03}.stats-container{position:relative;display:grid;gap:1.5rem;grid-template-columns:repeat(12,minmax(0,1fr))}.stat-item{grid-column:span 4;border:1px solid var(--background);padding:2rem}.stat-value{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,6rem);line-height:.95;letter-spacing:-.03em}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.pricing-card{grid-column:span 4;border:2px solid var(--foreground);padding:2rem;min-height:22rem;display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-instant) linear}.pricing-card.featured{min-height:25rem;margin-top:-1.5rem}.pricing-card h3{font-family:var(--font-display);font-size:2.1rem;line-height:1}.pricing-card:hover{background:var(--foreground);color:var(--background)}.pricing-card:hover .btn-secondary,.pricing-card:hover .btn-primary{background:var(--background);color:var(--foreground);border-color:var(--background)}.testimonial-list{display:grid;gap:1.25rem}.testimonial{position:relative;border-top:2px solid var(--foreground);padding:2rem 0 0;transition:border-top-width var(--transition-instant) linear}.quote-mark{position:absolute;top:0;left:0;transform:translateY(-45%);font-family:var(--font-display);font-size:8rem;line-height:1;opacity:.08;transition:opacity var(--transition-instant) linear}.testimonial p{font-family:var(--font-display);font-style:italic;font-size:clamp(1.8rem,4vw,3rem);line-height:1.18;max-width:58rem}.testimonial cite{margin-top:1rem;display:block;font-family:var(--font-mono);font-size:.875rem;letter-spacing:.08em;font-style:normal;text-transform:uppercase}.testimonial:hover{border-top-width:3px}.testimonial:hover .quote-mark{opacity:.2}.insights{position:relative}.insights:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,#00000008 40px,#00000008 42px);opacity:.015}.insight-grid{position:relative;display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.insight-card{grid-column:span 6;border:1px solid var(--foreground);padding:1.25rem}.insight-media{border:2px solid var(--foreground);height:14rem;background:repeating-linear-gradient(90deg,#f2f2f2,#f2f2f2 2px,#fff 2px 8px);margin-bottom:1rem;filter:grayscale(1);transition:all .3s linear;transform-origin:center}.insight-card:hover .insight-media{border-width:4px;transform:scale(1.05);filter:grayscale(0)}.insight-card h3{margin:.75rem 0 1.2rem;font-family:var(--font-display);font-size:2rem;line-height:1.1}.resume-panel{border:2px solid var(--foreground);padding:2rem;background:var(--card)}.resume-panel p{max-width:46rem;font-size:1.125rem}.resume-panel .hero-actions{margin-top:1.5rem}.contact{position:relative;background:var(--foreground);color:var(--background)}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at top center,#ffffff,transparent 70%);opacity:.05}.contact .container{position:relative}.contact h2{margin-top:1rem;max-width:20ch;font-family:var(--font-display);font-size:clamp(2.8rem,8vw,8rem);line-height:.95;letter-spacing:-.035em}.contact p{margin-top:1.5rem;max-width:38rem;font-size:1.25rem}.contact-social{margin-top:2rem}.contact-social-links{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.8rem}.contact-social-links .btn{min-width:11rem}.contact .btn-primary{background:var(--background);color:var(--foreground);border-color:var(--background)}.contact .btn-primary:hover{background:transparent;color:var(--background)}.contact .btn-secondary{border-color:var(--background);color:var(--background)}.contact .btn-secondary:hover{background:var(--background);color:var(--foreground)}@media(max-width:1024px){.section-space{padding:5rem 0}.project-card,.pricing-card,.stat-item,.skill-card,.certificate-card,.education-item{grid-column:span 6}.pricing-card.featured{margin-top:0}}@media(max-width:768px){.container{padding:0 1rem}.section-space{padding:4rem 0}.hero{padding-top:5rem}.hero h1{font-size:clamp(3.5rem,17vw,5rem)}.hero h1 span{font-size:1.3rem}.about-grid p:nth-of-type(1),.about-grid p:nth-of-type(2),.about-photo-wrap,.project-card,.pricing-card,.stat-item,.insight-card,.skill-card,.certificate-card,.education-item{grid-column:1 / -1}.experience-head{flex-direction:column}.resume-panel{padding:1.25rem}.certificate-image{height:12rem}.hero-actions,.contact-social-links{flex-direction:column;align-items:stretch}.btn{width:100%}.testimonial p{font-size:clamp(1.6rem,7vw,2.1rem)}}
