:root{--background:#f6f2ea;--surface:#fff;--surface-strong:#17211d;--text:#17211d;--muted:#5f6f67;--line:#d9d1c4;--accent:#d4452f;--accent-dark:#9e2f22;--sage:#78916b;--sky:#dcebf0;--shadow:0 24px 80px #17211d24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.site-header{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:24px;display:flex}.brand,.nav-links{align-items:center;display:flex}.brand{gap:10px;font-weight:800}.brand-mark{aspect-ratio:1;background:var(--surface-strong);color:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:34px;font-size:.9rem;display:inline-flex}.nav-links{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:.95rem}.nav-links a:hover,.contact-actions a:hover{color:var(--accent-dark)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:48px;max-width:1180px;min-height:clamp(560px,78vh,820px);margin:0 auto;padding:42px 24px 72px;display:grid}.hero-copy{align-self:center;max-width:720px}.eyebrow{color:var(--accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin-bottom:24px;font-size:clamp(4rem,9vw,8rem);line-height:.88}h2{margin-bottom:0;font-size:clamp(2rem,4vw,4rem);line-height:1}h3{margin-bottom:12px;font-size:1.25rem;line-height:1.2}.role{color:var(--sage);margin-bottom:18px;font-size:clamp(1.35rem,2.2vw,2.1rem);font-weight:750;line-height:1.12}.intro{color:var(--muted);max-width:650px;font-size:1.15rem;line-height:1.7}.hero-actions,.contact-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--surface-strong);border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.button.primary{background:var(--surface-strong);color:var(--surface)}.button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--surface)}.button.secondary{color:var(--surface-strong)}.portrait-panel{background:linear-gradient(135deg, #ffffffc7, #dcebf0eb), var(--sky);box-shadow:var(--shadow);border:1px solid #17211d1a;border-radius:8px;align-self:stretch;min-height:460px;display:flex;position:relative;overflow:hidden}.portrait-panel:before{background:var(--accent);content:"";height:10px;position:absolute;top:0;left:0;right:0}.portrait{object-fit:cover;object-position:center;width:100%;height:100%}.stats{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:0 auto;display:grid}.stat{padding:28px 24px}.stat+.stat{border-left:1px solid var(--line)}.stat strong{margin-bottom:8px;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1;display:block}.stat span{color:var(--muted)}.section,.about-band,.contact-band{max-width:1180px;margin:0 auto;padding:88px 24px}.section-heading{max-width:760px;margin-bottom:36px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card,.service-item{background:var(--surface);border:1px solid #17211d17;border-radius:8px}.project-card{flex-direction:column;justify-content:space-between;min-height:300px;padding:28px;display:flex}.project-card p,.service-item p,.about-band>p{color:var(--muted);line-height:1.65}.tag-list{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.tag-list span{background:var(--sky);color:#314b55;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:750}.split{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:54px;display:grid}.service-list{gap:14px;display:grid}.service-item{padding:24px}.about-band,.contact-band{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:48px;display:grid}.about-band>p{font-size:clamp(1.15rem,2vw,1.55rem)}.contact-band{padding-bottom:112px}.contact-actions{margin-top:0}.contact-actions>a:not(.button){color:var(--muted);border-bottom:1px solid;padding-bottom:3px;font-weight:750}@media (max-width:880px){.site-header{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start}.hero,.split,.about-band,.contact-band{grid-template-columns:1fr}.hero{gap:32px;min-height:auto;padding-top:24px}.portrait-panel{min-height:380px}.project-grid{grid-template-columns:1fr}}@media (max-width:640px){.site-header,.hero,.section,.about-band,.contact-band{padding-left:18px;padding-right:18px}h1{font-size:clamp(3.2rem,18vw,5rem)}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.button{width:100%}}