*{margin:0;padding:0;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}html{width:100%;height:100%}body{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#111}#root{width:100%;height:100%}:root{--accent: #d97706}.app{width:100%;min-height:100dvh;display:flex;flex-direction:column}.more-overlay{position:fixed;inset:0;z-index:1000}.more-overlay-backdrop{position:absolute;inset:0;background:#0006}.more-overlay-panel{position:relative;max-width:420px;margin:20vh auto;background:#fff;padding:2rem;border-radius:14px;box-shadow:0 20px 60px #00000040}.more-overlay-intro{margin-bottom:2rem}.more-overlay-links{display:flex;flex-direction:column;gap:.75rem}.more-overlay-links a{border:1px solid #ddd;padding:.6rem 1rem;border-radius:999px;font-size:.9rem;text-decoration:none;color:#555;text-align:center;transition:border-color .2s ease,color .2s ease}.more-overlay-links a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.more-overlay-panel{margin-right:1rem;margin-left:1rem}}.hero{width:100%;min-height:100vh;background:#f5f5f5;display:flex;align-items:center}.hero-inner{width:100%;max-width:1100px;margin:0 auto;padding:.75rem}.hero h1{padding-left:2rem;font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.15;margin-bottom:1.25rem}@media(max-width:768px){.hero h1{font-size:1.6rem;line-height:1.2}}@media(max-width:320px){.hero h1{font-size:1.45rem}}.hero-stack{display:flex;flex-wrap:wrap;gap:.75rem;opacity:.75;margin-bottom:2rem}.hero-stack span{color:#555;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.hero-stack span:hover{color:var(--accent)}}.hero-cta{background:transparent;border:2px solid var(--accent);color:var(--accent);padding:.75rem 1.75rem;font-size:1.5rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .2s ease}.hero-cta:hover{background-color:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #00000026}.hero-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #d9770659,0 6px 18px #00000026}.hero-contact{margin-top:1.5rem;font-size:.85rem;color:#666}.hero-contact a{color:inherit;text-decoration:none;margin-right:1rem}.hero-contact a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.hero-cta{transition:background-color .2s ease,color .2s ease}.hero-cta:hover{transform:none;box-shadow:none}}@media(min-width:768px){.hero-inner{padding:2rem}}.hero-secondary{margin-top:1rem;font-size:1.2rem;color:var(--accent)}.hero-secondary a{color:#555;text-decoration:none;color:var(--accent)}.hero-secondary a:hover{text-decoration:underline}.hero-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hero-photo{width:100px;height:100px;border-radius:50%;object-fit:cover}.hero-eyebrow{padding-left:2rem;padding-bottom:2rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#666}.hero-eyebrow-smaller{padding-left:2rem;padding-bottom:2rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#666}.hero-headline{font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.15;margin-bottom:1.25rem}.hero-subtitle{display:flex;gap:.75rem;font-size:.95rem;color:#555;letter-spacing:.04em;text-transform:uppercase;margin:.75rem 0 1.5rem}.hero-more{margin-top:1rem;background:transparent;border:1px solid #bbb;color:#555;padding:.4rem .9rem;font-size:.8rem;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.hero-more:hover{border-color:var(--accent);color:var(--accent)}.hero-more-panel{margin-top:2rem;max-width:560px;font-size:.95rem;line-height:1.6;color:#444}.hero-more-text{margin-bottom:1.25rem}.hero-more-links{display:flex;flex-wrap:wrap;gap:.5rem}.hero-more-links a{border:1px solid #ddd;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;text-decoration:none;color:#555;transition:border-color .2s ease,color .2s ease}.hero-more-links a:hover{border-color:var(--accent);color:var(--accent)}@media(min-width:480px){.hero-more-panel{margin-left:9rem}}@media(max-width:580px){.hero-subtitle{flex-direction:column;gap:.25rem}}@media(min-width:480px){.hero-subtitle,.hero-stack,.hero-cta,.hero-contact{margin-left:9rem}}.selected-work{padding:3rem 0rem;background:#fafafa}.selected-work h2{font-size:1.8rem;text-align:center;margin-bottom:3rem}.projects{display:grid;grid-template-columns:1fr;gap:1.75rem}.project-card h3{font-size:1.25rem;margin-bottom:.75rem}.project-card p{font-size:.95rem;line-height:1.6;margin-bottom:.75rem;color:#444}@media(min-width:1024px){.project-card p{font-size:1.2rem}}.project-tech{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-bottom:1rem;font-size:.8rem;opacity:.8}.project-tech li{border:1px solid #ddd;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;background:#f9f9f9}.project-card-button{display:inline-block;background:transparent;border:1px solid #bbb;color:#555;padding:.4rem .9rem;font-size:.8rem;border-radius:999px;text-decoration:none;cursor:pointer;transition:border-color .2s ease,color .2s ease}.project-card-button:hover{border-color:var(--accent);color:var(--accent)}.project-actions{display:flex;gap:.5rem;flex-wrap:wrap}.project-card{border:1px solid #e5e5e5;padding:1.75rem;border-radius:12px;background:#fff;max-width:800px;width:100%;margin:0 auto;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.project-card h3{font-weight:600}@media(hover:none)and (pointer:coarse){.project-card{border-color:var(--accent)}}@media(hover:hover)and (pointer:fine){.project-card:hover{border-color:var(--accent);box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}}@media(max-width:480px){.project-card{width:92%;margin-left:auto;margin-right:auto}}.background{width:100%;background:#fff}.background-inner{max-width:1100px;margin:0 auto;padding:3rem 1rem}.background h2{text-align:center;font-size:1.8rem;margin-bottom:1.75rem}.background-intro{max-width:720px;margin:0 auto 3rem;text-align:center;font-size:1rem;line-height:1.65;color:#444}.background-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;max-width:800px;margin:0 auto}.background-card{border:1px solid #e5e5e5;border-radius:12px;padding:1.75rem;background:#fff;height:100%;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.background-card h3{font-size:1.15rem;font-weight:600;margin-bottom:1rem}.background-card ul{list-style:none;padding:0;margin:0}.background-card li{font-size:.95rem;line-height:1.55;color:#444;margin-bottom:.6rem}@media(hover:hover)and (pointer:fine){.background-card:hover{border-color:var(--accent);box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}}@media(min-width:768px){.background-grid{grid-template-columns:repeat(2,1fr);max-width:1100px}}@media(hover:none)and (pointer:coarse){.background-card{border-color:var(--accent)}}.inline-project-link{color:inherit;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:1px;transition:opacity .2s ease}.inline-project-link:hover{opacity:.75}.anchor-offset{position:relative;top:-100px;height:0}.footer{width:100%}.footer-divider{width:100%;height:1px;background:#e5e5e5}.footer-content{max-width:1100px;margin:0 auto;padding:3rem 1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;text-align:center;font-size:.95rem;letter-spacing:.02em}.footer-content a{text-decoration:none;color:#111;transition:opacity .2s ease}.footer-content a:hover{opacity:.6}.separator{opacity:.4}@media(max-width:360px){.footer-content{padding-top:2rem;padding-bottom:2rem;font-size:.9rem;letter-spacing:0}}@media(max-width:360px){.footer-content a{line-height:1.4}}@media(max-width:360px){.footer{background-color:#fafafa}}.page{width:100%;background:#fff}.page-inner{max-width:820px;margin:0 auto;padding:3.5rem .75rem}.page-eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-bottom:.75rem}.page h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;margin-bottom:1.75rem}.page-intro{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:3rem}.page-section{margin-bottom:3rem;padding-top:1.5rem;border-top:1px solid #eee}.page-section:first-of-type{border-top:none;padding-top:0}.page-section h2{font-size:1.15rem;font-weight:600;margin-bottom:1rem}.page-section p{line-height:1.6;color:#444}.page-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2.5rem}.page-accent{width:3px;border-radius:2px;background:var(--page-accent, var(--accent));flex-shrink:0}.page-header-content{flex:1}.page-icon{font-size:1.2rem;opacity:.7;margin-bottom:.5rem}.page-back{display:inline-block;font-size:.85rem;color:#666;text-decoration:none;margin-bottom:2rem;transition:color .2s ease}.page-back:hover{color:var(--accent)}.page-resume-link{font-size:.85rem;color:#666}.page-resume-link a{color:inherit;text-decoration:underline;transition:color .2s ease}.page-resume-link a:hover{color:var(--accent)}