@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap";:root{--color-background:#f7f1e8;--color-surface:#fffaf2;--color-text:#1f1d1a;--color-text-muted:#6f665c;--color-border:#ded2c3;--color-accent:#8a6f5a;--color-accent-dark:#5f4a3a;--font-heading:"Fraunces", Georgia, serif;--font-body:"Inter", Arial, sans-serif;--space-page:clamp(1.5rem, 5vw, 5rem);--max-width-page:1120px;--radius-small:8px;--transition-fast:.16s ease;--shadow-soft:0 16px 36px #1f1d1a14}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-background);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}::selection{color:var(--color-text);background:#8a6f5a38}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.05}h1{max-width:12ch;font-size:clamp(3.25rem,9vw,6.75rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}.site-shell{isolation:isolate;width:min(100% - (var(--space-page) * 2), var(--max-width-page));grid-template-rows:auto 1fr auto;min-height:100vh;margin:0 auto;padding:2rem 0;display:grid;position:relative}.site-shell:before{content:"";z-index:0;pointer-events:none;opacity:1;background:radial-gradient(circle at 18% 18%,#8a6f5a80,#0000 38%),radial-gradient(circle at 82% 12%,#5f4a3a47,#0000 36%),radial-gradient(circle at 70% 82%,#ded2c380,#0000 40%),linear-gradient(135deg,#fffaf22e,#8a6f5a52);animation:8s ease-in-out infinite alternate ambient-shift;position:fixed;inset:-20%}.site-shell>*{z-index:1;position:relative}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.site-header{padding:1rem 0 3rem}.site-logo{border-radius:var(--radius-small);width:2.35rem;height:2.35rem;transition:transform var(--transition-fast);text-decoration:none;display:inline-flex;overflow:hidden}.site-logo:hover{transform:translateY(-1px)}.site-logo img{width:100%;height:100%;display:block}.header-actions,.site-nav,.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem 1.25rem;display:flex}.header-actions{gap:1rem}.site-nav a,.footer-links a{color:var(--color-text-muted);transition:color var(--transition-fast), transform var(--transition-fast);font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block}.site-nav a:hover,.site-nav a.active,.footer-links a:hover{color:var(--color-text)}.site-nav a:hover{transform:translateY(-1px)}.language-toggle{border:1px solid var(--color-border);border-radius:var(--radius-small);min-width:2.75rem;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:.45rem .7rem;font-size:.85rem;font-weight:600}.language-toggle:hover{border-color:var(--color-accent-dark);background:var(--color-surface)}.page-section{align-content:start;gap:3rem;min-height:calc(100vh - 14rem);padding:6rem 0;display:grid}.page-intro{gap:1.25rem;display:grid}.page-intro h1{max-width:15ch}.eyebrow{color:var(--color-accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:600}.intro-text{max-width:38rem;color:var(--color-text-muted);font-size:clamp(1.125rem,2vw,1.35rem)}@keyframes ambient-shift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.06)}}.hero-section{grid-template-columns:minmax(0,1fr) minmax(14rem,22rem);align-items:center;gap:clamp(3rem,8vw,7rem);min-height:calc(100vh - 14rem);padding:3rem 0 6rem;display:grid}.hero-content{gap:1.25rem;display:grid}.hero-title{white-space:nowrap;max-width:14ch}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.button{border:1px solid var(--color-border);border-radius:var(--radius-small);min-height:2.75rem;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{border-color:var(--color-accent-dark);color:var(--color-surface);background:var(--color-accent-dark)}.button-secondary{color:var(--color-text);background:0 0}.button:hover{transform:translateY(-1px)}.button-primary:hover{border-color:var(--color-text);background:var(--color-text)}.button-secondary:hover{border-color:var(--color-accent-dark);background:var(--color-surface)}.profile-photo-frame{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);margin:0;overflow:hidden}.profile-photo-frame img{object-fit:cover;object-position:center top;width:100%;height:100%}.featured-project{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;padding:3rem 0 5rem;display:grid}.featured-project>div{gap:1.25rem;display:grid}.featured-project p:last-child{max-width:42rem;color:var(--color-text-muted)}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr);display:grid;overflow:hidden}.project-list{gap:1.5rem;display:grid}.project-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.project-screenshot{border-right:1px solid var(--color-border);background:linear-gradient(135deg, #8a6f5a29, transparent), var(--color-background);min-height:16rem;color:var(--color-text-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;place-items:center;font-size:.8rem;font-weight:600;display:grid}.project-screenshot img{object-fit:contain;object-position:center;width:100%;height:100%}.project-card-content{gap:1.5rem;padding:1.5rem;display:grid}.project-card-content h2{margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.5rem)}.project-card-content p{color:var(--color-text-muted)}.tech-stack,.project-links{flex-wrap:wrap;gap:.65rem;display:flex}.tech-stack span{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.3rem .65rem;font-size:.85rem}.project-links a,.project-links span{color:var(--color-text-muted);font-size:.95rem;font-weight:600}.project-links a{color:var(--color-text);transition:color var(--transition-fast)}.project-links a:hover{color:var(--color-accent-dark)}.about-layout{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);gap:clamp(2rem,6vw,5rem);display:grid}.about-sections{gap:2rem;display:grid}.about-section{border-top:1px solid var(--color-border);padding-top:1.5rem}.about-section h2,.strengths-panel h2{margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2.25rem)}.about-section p{color:var(--color-text-muted)}.strengths-panel{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-self:start;padding:1.5rem}.strengths-panel:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.strengths-panel ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.strengths-panel li{color:var(--color-text-muted)}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:2rem 0 1rem;font-size:.95rem}@media (width<=720px){h1{max-width:none;font-size:clamp(2.75rem,15vw,4.25rem)}h2{font-size:clamp(1.75rem,9vw,2.75rem)}.site-shell{width:min(100% - 2rem, var(--max-width-page));padding:1.25rem 0}.site-footer{flex-direction:column;align-items:flex-start;gap:1rem}.site-header{grid-template-columns:1fr auto;align-items:center;gap:.9rem 1rem;padding:.75rem 0 1rem;display:grid}.header-actions{display:contents}.site-nav{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem 1rem;width:100%;display:grid}.language-toggle{grid-area:1/2}.footer-links{justify-content:center;width:100%}.site-nav a{text-align:center}.page-section{gap:2rem;min-height:auto;padding:1.25rem 0 3rem}.page-intro{gap:1rem}.page-intro h1{font-size:clamp(2.1rem,10vw,3.25rem)}.hero-section,.featured-project,.project-card,.about-layout{grid-template-columns:1fr}.project-screenshot{border-right:0;border-bottom:1px solid var(--color-border);min-height:11rem}.hero-section{align-items:start;gap:1.5rem;min-height:auto;padding:1.25rem 0 2.25rem}.hero-content{gap:1.1rem}.hero-title{font-size:clamp(2.35rem,11.5vw,3.5rem)}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.25rem;display:grid}.button{width:100%}.button-primary{grid-column:1/-1}.profile-photo-frame{justify-self:center;width:min(100%,16rem)}.featured-project{gap:1rem;padding:1.75rem 0 3rem}.featured-project>div{gap:1.1rem}.project-card-content,.strengths-panel{padding:1.25rem}.about-sections{gap:1.5rem}.site-footer{padding:1.25rem 0 .5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.button:hover,.project-card:hover,.site-logo:hover,.site-nav a:hover{transform:none}.site-shell:before{animation:none}}