:root { --ink: #101010; --paper: #faf9f6; --lime: #c8ff2d; --pink: #ff4fa0; --orange: #ff8c3a; --blue: #635bff; --aqua: #79f1d4; --serif: 'Syne', Arial, sans-serif; }
body { letter-spacing: -.01em; }.site-header { background: var(--ink); border-bottom: 2px solid var(--lime); }.wordmark, .contact-link, .site-header .main-nav a { color: var(--paper); }.wordmark { font-family: var(--sans); font-weight: 800; }.wordmark span { color: var(--lime); }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--lime); border-color: var(--lime); }
.home-page { background: var(--lime); }.hero-copy h1.home-title, .medium-intro h2, .about-heading h2, .contact-intro h2, .statement-copy h2 { font-family: var(--serif); font-weight: 800; letter-spacing: -.095em; }.home-title span:last-child { color: var(--blue); }.eyebrow { border-color: var(--ink); color: var(--ink); font-weight: 500; }.hero-art { box-shadow: 10px 10px 0 var(--ink); }.round-link { background: var(--pink); color: var(--ink); border: 2px solid var(--ink); }.home-page::after { color: var(--ink); }
.medium-page#sculpture { background: var(--pink); }.medium-page#photography { background: var(--aqua); }.medium-page#printmaking { background: var(--orange); }.medium-page#drawing { background: #b8b2ff; }.medium-tabs a { background: transparent; border-color: var(--ink); }.medium-tabs a:hover, .medium-tabs a.active { background: var(--ink); color: var(--lime); }.gallery .work .art { box-shadow: 5px 5px 0 var(--ink); }.gallery figcaption::after { color: var(--ink); font-weight: 500; }
.artist-statement { background: var(--blue); }.statement-copy h2 { color: var(--paper); }.statement-copy h2 em { color: var(--lime); font-style: normal; }.statement-copy p { color: var(--paper); }.statement-link { background: var(--lime); border: 2px solid var(--ink); border-radius: 0; box-shadow: 5px 5px 0 var(--ink); }.portrait-placeholder { border-color: var(--ink); border-radius: 0; }
.about-page { background: var(--ink); color: var(--paper); }.about-heading, .about-details { border-color: rgba(250,249,246,.55); }.about-page .section-no { color: var(--lime); }.about-page .about-details a { color: var(--lime); }.about-art { box-shadow: 9px 9px 0 var(--pink); }
.contact-page { background: var(--lime); }.contact-intro h2 em { color: var(--blue); font-style: normal; }.contact-intro { border-width: 2px; }.contact-email { border-bottom-width: 2px; font-weight: 600; }footer { background: var(--ink); color: var(--paper); }
@media (max-width:760px) { .hero-art { box-shadow: 6px 6px 0 var(--ink); }.gallery .work .art { box-shadow: 3px 3px 0 var(--ink); } }