:root{--bg:#f5efe6;--surface:#fffbf6d1;--surface-strong:#1c1f260f;--text:#4b4036;--text-h:#171a20;--muted:#7a6f66;--border:#171a201f;--accent-strong:#d55a2f;--accent-soft:#f0b784;--shadow:0 24px 60px #422a131f;--sans:"Avenir Next", "Segoe UI", sans-serif;--heading:"Iowan Old Style", "Palatino Linotype", serif;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffffffe6,#0000 28%),radial-gradient(circle at 100% 0,#f0b78459,#0000 26%),linear-gradient(#f6f0e8 0%,#efe6da 100%);font-weight:400;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;min-height:100vh;margin:0;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:auto}body:before{filter:blur(18px);background:radial-gradient(circle,#d55a2f1f,#0000 68%);border-radius:50%;width:26rem;height:26rem;top:5%;left:4%}body:after{filter:blur(24px);background:radial-gradient(circle,#3e83c614,#0000 70%);border-radius:50%;width:30rem;height:30rem;bottom:6%;right:2%}a,button{font:inherit}a{color:inherit}#root{min-height:100svh}h1,h2,h3{color:var(--text-h);font-family:var(--heading);letter-spacing:-.03em;font-weight:600}h1{font-size:clamp(2.5rem,6vw,4.4rem);line-height:.98}h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.02}h3{font-size:1.35rem}p{margin:0}img{max-width:100%;display:block}::selection{background:#d55a2f2e}.portfolio-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0 64px;position:relative}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fff8f08c;border:1px solid #ffffff59;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:12px 20px;display:flex;position:sticky;top:16px;box-shadow:0 18px 50px #4b2f1914}.brand{width:48px;height:48px;color:var(--text-h);background:linear-gradient(135deg, var(--accent-strong), var(--accent-soft));box-shadow:var(--shadow);font-family:var(--heading);letter-spacing:.2em;border-radius:50%;place-items:center;font-size:.95rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.brand:after{content:"";background:#ffffff8c;border-radius:50%;width:28px;height:28px;position:absolute;inset:auto -8px -16px auto}.site-nav{flex-wrap:wrap;gap:18px;display:flex}.site-nav a,.secondary-link{color:var(--text);text-decoration:none;transition:color .18s,border-color .18s,transform .18s}.site-nav a:hover,.secondary-link:hover{color:var(--text-h);transform:translateY(-1px)}.site-nav a{border-radius:999px;padding:10px 14px}.site-nav a:hover{background:#ffffff73}.hero-section,.contact-card{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:28px;display:grid}.hero-section{align-items:stretch;padding:56px 0 48px}.hero-copy,.hero-panel,.metric-card,.project-card,.timeline-item,.contact-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.hero-copy{background:radial-gradient(circle at 100% 0,#ffffffd9,#0000 30%),linear-gradient(145deg,#fff7eef5,#fae4ceb8);border-radius:36px;padding:38px;position:relative;overflow:hidden}.hero-copy:before{content:"";background:radial-gradient(circle,#dc582a33,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto auto -60px -40px}.hero-copy:after{content:"";background:linear-gradient(135deg,#d55a2f2e,#f0b7840f);border-radius:28px;width:140px;height:140px;position:absolute;inset:22px 22px auto auto;transform:rotate(14deg)}.hero-tags{flex-wrap:wrap;gap:10px;margin:10px 0 18px;display:flex}.hero-tags span{min-height:34px;color:var(--text-h);background:#ffffffb8;border:1px solid #171a2014;border-radius:999px;align-items:center;padding:0 14px;font-size:.92rem;display:inline-flex}.hero-copy h1{max-width:14ch;margin:0}.hero-text{max-width:62ch;margin-top:20px;font-size:1.08rem}.hero-actions,.contact-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-link,.secondary-link{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s;display:inline-flex}.primary-link{background:linear-gradient(135deg, var(--text-h), #2f3642);color:#fff8f3;text-decoration:none;box-shadow:0 18px 36px #171a202e}.primary-link:hover,.secondary-link:hover{transform:translateY(-1px);box-shadow:0 14px 28px #171a201f}.secondary-link{background:#ffffff94}.hero-panel{color:#f9eee5;background:linear-gradient(#171a20fa,#252a33f2),linear-gradient(135deg,#d55a2f40,#f0b78429);border-radius:36px;padding:32px;position:relative;overflow:hidden}.profile-media{border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:240px;margin:0 auto 22px;overflow:hidden;box-shadow:0 20px 36px #0000003d}.profile-media img{object-fit:cover;width:100%;height:100%}.panel-glow{pointer-events:none;background:radial-gradient(circle,#d55a2f47,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;inset:auto auto -60px -40px}.panel-label,.timeline-period,.project-impact,.panel-note,.metric-card span,.eyebrow{color:var(--muted)}.hero-panel .panel-note,.hero-panel .focus-list li,.hero-panel .mini-stats span{color:#f9eee5c7}.focus-list,.project-stack{margin:18px 0 0;padding:0;list-style:none}.focus-list li,.project-stack li{border-top:1px solid var(--border);padding:10px 0}.hero-panel .focus-list li{border-top-color:#ffffff1f}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.mini-stats article{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:16px}.mini-stats strong{font-family:var(--heading);color:#fff4ea;font-size:2rem;display:block}.mini-stats span{margin-top:8px;font-size:.9rem;line-height:1.45;display:block}.panel-note{margin-top:18px;font-size:.95rem}.metrics-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric-card{background:linear-gradient(#ffffffc7,#fff9f3e6);border-radius:24px;padding:24px;position:relative;overflow:hidden}.metric-card:before{content:"";background:#d55a2f14;border-radius:22px;width:100px;height:100px;position:absolute;inset:auto -28px -28px auto;transform:rotate(18deg)}.metric-card:nth-child(2):before{background:#e7a7581f}.metric-card:nth-child(3):before{background:#3e83c61f}.metric-card strong{color:var(--text-h);font-size:clamp(2rem,4vw,3rem);line-height:1;display:block}.metric-card span{margin-top:10px;display:inline-block}.content-section{padding-top:72px}.section-heading{gap:10px;margin-bottom:28px;display:grid}.section-heading h2,.project-card h3,.timeline-item h3{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.78rem}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.about-grid p{background:#fffcf8a3;border:1px solid #171a2014;border-radius:24px;padding:24px 26px}.skill-cloud{flex-wrap:wrap;gap:12px;display:flex}.skill-pill{border:1px solid var(--border);color:var(--text-h);background:linear-gradient(#fffc,#fff5eccc);border-radius:999px;padding:12px 16px;box-shadow:0 10px 24px #422a130f}.project-card{background:linear-gradient(#fffbf7db,#fff4e8bd);border-radius:28px;gap:20px;padding:24px;transition:transform .18s,box-shadow .18s;display:grid}.project-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px #422a1324}.project-meta{gap:10px;display:grid}.project-platform{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);margin:0;font-size:.74rem}.project-image-frame{aspect-ratio:16/10;background:#fffc;border:1px solid #171a2014;border-radius:22px;width:100%;overflow:hidden}.project-image-frame img{object-fit:cover;width:100%;height:100%}.project-note{color:var(--muted);margin:0;font-size:.95rem}.project-stack{flex-wrap:wrap;gap:10px;display:flex}.project-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-pending{min-height:42px;color:var(--muted);background:#171a200f;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.project-stack li{background:#171a200f;border-top:0;border-radius:999px;padding:8px 12px}.timeline{gap:16px;display:grid}.timeline-item{background:#fffbf6b8;border-radius:24px;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:24px;display:grid}.timeline-item h3 span{color:var(--muted);font-weight:400}.contact-card{background:radial-gradient(circle at 100% 0,#f0b7843d,#0000 32%),linear-gradient(145deg,#fff7eef5,#fae4ceb8);border-radius:36px;align-items:center;margin-top:72px;padding:32px}.contact-copy{max-width:54ch;margin-top:14px}.calendar-wrap{gap:10px;display:grid}.calendar-button{min-height:48px}.calendar-button button,.calendar-button a{border-radius:999px}.calendar-fallback{color:var(--muted);font-size:.95rem;text-decoration:none}@media (width<=980px){.hero-section,.contact-card,.metrics-grid,.project-grid,.about-grid,.timeline-item{grid-template-columns:1fr}.hero-copy,.hero-panel,.metric-card,.project-card,.timeline-item,.contact-card{border-radius:24px}.site-header{border-radius:28px;position:static}.mini-stats{grid-template-columns:1fr}.profile-media{max-width:100%}}@media (width<=720px){.portfolio-shell{width:min(100% - 20px,1120px);padding-top:18px;padding-bottom:48px}.site-header{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:24px}.hero-section{padding-top:12px;padding-bottom:36px}.hero-copy,.hero-panel,.project-card,.timeline-item,.contact-card,.metric-card{padding:20px}.content-section{padding-top:56px}.project-actions,.contact-actions{align-items:stretch}.hero-copy:after{display:none}}