@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f8f5ef;--surface:#fffdf9;--text:#334155;--text-soft:#64748b;--border:#e7e2d9;--surf:#aeb9e8;--seafoam:#95d4c4;--sunset:#f2a8ba;--surf-deep:#7d8dcb;--seafoam-deep:#68b49e;--sunset-deep:#dd8fa5;--shadow:0 12px 30px #33415514;--radius-xl:24px;--radius-lg:18px;--radius-pill:999px;--max-width:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max-width), calc(100% - 2rem));margin-inline:auto}.section{padding:5rem 0}h1,h2,h3{margin-top:0;font-family:DM Serif Display,serif}h1{font-size:clamp(2.8rem,7vw,5rem);line-height:.98}h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.35rem}p{margin-top:0;line-height:1.7}.section-tag,.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);margin-bottom:1rem;font-size:.78rem}.section-copy,.hero-lead{max-width:62ch;color:var(--text-soft)}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f5efd1;border-bottom:1px solid #e7e2d9cc;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;padding:1rem 0;display:flex;position:relative}.logo{background:var(--surf);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.nav{flex-wrap:wrap;gap:1.25rem;display:flex}.nav a{color:var(--text-soft);transition:color .2s}.nav a:hover{color:var(--text)}.menu-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none}.menu-toggle span{background:var(--text);border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.btn{border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:.95rem 1.35rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--surf);color:var(--text);box-shadow:var(--shadow)}.btn-secondary{border:1px solid var(--border);color:var(--text);background:#fff}.hero{padding:4rem 0 5rem}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;display:grid}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-art{justify-content:center;display:flex}.arch-card{background:var(--surface);width:min(100%,380px);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:220px 220px 28px 28px;padding:1rem}.arch-inner{background:linear-gradient(#fefcf8 0%,#f7f2ea 100%);border-radius:200px 200px 18px 18px;min-height:460px;position:relative;overflow:hidden}.sun{border:2px solid var(--seafoam-deep);border-radius:50%;width:84px;height:84px;position:absolute;top:68px;left:50%;transform:translate(-50%)}.initials{color:var(--text);font-family:DM Serif Display,serif;font-size:2.5rem;position:absolute;top:83px;left:50%;transform:translate(-50%)}.wave{opacity:.8;border-top:2px solid;border-radius:999px;position:absolute;left:10%;right:10%}.wave-one{color:var(--surf-deep);height:36px;bottom:155px;transform:scaleX(1.1)}.wave-two{color:var(--seafoam-deep);height:28px;bottom:120px;transform:scaleX(.9)}.wave-three{color:var(--sunset-deep);height:24px;bottom:90px;transform:scaleX(1.05)}.arch-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);white-space:nowrap;font-size:.75rem;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.about-showcase{grid-template-columns:.95fr 1.05fr;align-items:center;gap:2rem;display:grid}.bubble-cluster-wrap{justify-content:center;display:flex}.bubble-cluster{width:100%;max-width:560px}.bubble-cluster--physics{width:100%;max-width:560px;height:520px;position:relative;overflow:hidden}.skill-orb{text-align:center;color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);will-change:transform;border:1px solid #3341550f;border-radius:999px;place-items:center;padding:.5rem;font-weight:600;line-height:1.15;display:grid;position:absolute;top:0;left:0;box-shadow:0 12px 30px #3341551f}.skill-orb:active{cursor:grabbing}.skill-orb span{max-width:78%;display:block}.skill-orb.sm{font-size:.82rem}.skill-orb.md{font-size:.95rem}.skill-orb.lg{font-size:1.05rem}.skill-orb.xl{font-size:1.15rem}.skill-orb.surf{background:var(--surf)}.skill-orb.seafoam{background:var(--seafoam)}.skill-orb.sunset{background:var(--sunset)}.skill-orb.cream{background:#f7efe3}.skill-orb.foam{background:#fffdf9}.skill-orb.mist{background:#dde7ef}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.25rem}.project-top{border-radius:999px;height:10px;margin-bottom:1rem}.project-card.surf .project-top{background:var(--surf)}.project-card.seafoam .project-top{background:var(--seafoam)}.project-card.sunset .project-top{background:var(--sunset)}.text-link{color:var(--text);margin-top:1rem;font-weight:600;display:inline-block}.project-links{gap:1rem;margin-top:1rem;display:flex}.text-link.secondary{color:var(--text-soft)}.contact-card{border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border);background:linear-gradient(135deg,#fff8fa 0%,#fffdf9 100%);padding:2rem}.contact-links{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.contact-links a{border-radius:var(--radius-pill);border:1px solid var(--border);background:#fff;padding:.9rem 1.2rem;transition:transform .2s,box-shadow .2s}.contact-links a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.site-footer{color:var(--text-soft);padding:2rem 0 3rem}@media (width<=920px){.about-showcase{grid-template-columns:1fr;align-items:start}.bubble-cluster{min-height:500px;margin-top:1rem}}@media (width<=820px){.hero-grid,.about-showcase{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions{justify-content:center}.nav-wrap{flex-wrap:wrap;gap:.75rem}.menu-toggle{display:inline-flex}.nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow);flex-direction:column;gap:.5rem;margin-top:.75rem;padding:1rem;display:none}.nav.nav-open{display:flex}.nav a{padding:.75rem .25rem}}@media (width<=640px){.section{padding:4rem 0}.bubble-cluster{min-height:460px}.skill-orb{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skill-orb.sm{width:64px;height:64px;font-size:.75rem}.skill-orb.md{width:86px;height:86px;font-size:.84rem}.skill-orb.lg{width:112px;height:112px;font-size:.95rem}.skill-orb.xl{width:128px;height:128px;font-size:1rem}.contact-links{gap:.75rem}}