:root { --ink: #34343c; --paper: #faf8f3; --lime: #f2d77c; --pink: #df8a82; --orange: #e7b56f; --blue: #8c9be0; --aqua: #bedde8; --serif: 'Fraunces', Georgia, serif; }
body { background: var(--paper); }.grain { opacity: .055; }.site-header { background: var(--paper); border-bottom: 1px solid #8c9be0; color: var(--ink); }.wordmark, .site-header .main-nav a, .contact-link { color: var(--ink); }.wordmark span { color: var(--pink); }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--blue); border-bottom-color: var(--blue); }
.home-page { background: var(--aqua); }.hero-copy h1.home-title { font-family: var(--serif); font-weight: 500; letter-spacing: -.07em; }.home-title span:first-child { color: var(--ink); }.home-title span:last-child { color: var(--blue); }.eyebrow { border-color: var(--pink); color: var(--ink); }.hero-art { border: 1px solid var(--ink); box-shadow: 8px 8px 0 #f2d77c; }.home-page::after { color: var(--blue); }
.medium-page#sculpture { background: #f0dde0; }.medium-page#photography { background: #d9ebf1; }.medium-page#printmaking { background: #f4df9b; }.medium-page#drawing { background: #d9d8ee; }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-family: var(--serif); font-weight: 500; }.medium-tabs a { background: rgba(250,248,243,.5); border-color: rgba(52,52,60,.36); }.medium-tabs a:hover, .medium-tabs a.active { background: var(--blue); color: var(--paper); border-color: var(--blue); }.gallery .work .art { border: 1px solid rgba(52,52,60,.8); }.gallery .work:hover .art { box-shadow: 5px 5px 0 var(--blue); }
.artist-statement { background: var(--blue); }.statement-copy h2 { font-family: var(--serif); font-weight: 500; color: var(--paper); }.statement-copy h2 em { color: var(--lime); }.statement-copy p { color: var(--paper); }.statement-link { background: var(--lime); border-color: var(--ink); box-shadow: 3px 3px 0 var(--ink); }.about-page { background: var(--paper); }.about-heading, .about-details { border-color: rgba(52,52,60,.32); }.about-page .section-no, .about-page .about-details a { color: var(--blue); }.about-art { border: 1px solid var(--ink); box-shadow: 7px 7px 0 var(--pink); }.contact-page { background: var(--lime); }.contact-intro h2 { font-family: var(--serif); }.contact-intro h2 em { color: var(--blue); }footer { background: #34343c; }footer a { color: #f2d77c; }