:root { --ink: #292721; --paper: #f0e8d8; --lime: #bdc27d; --pink: #b9513c; --orange: #c68d45; --blue: #607154; --aqua: #b7c7b3; --serif: 'Fraunces', Georgia, serif; }
body { background: var(--paper); }.grain { opacity: .14; }.site-header { background: #3f4a38; border-bottom: 1px solid var(--ink); color: var(--paper); }.wordmark, .site-header .main-nav a, .contact-link { color: var(--paper); }.wordmark span { color: #d7c278; }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: #d7c278; border-bottom-color: #d7c278; }
.home-page { background: #e9dfc9; }.hero-copy h1.home-title { font-family: var(--serif); font-weight: 600; letter-spacing: -.08em; }.home-title span:first-child { color: var(--ink); }.home-title span:last-child { color: var(--pink); }.eyebrow { border-color: var(--blue); color: var(--blue); }.hero-art { border: 1px solid var(--ink); box-shadow: 7px 7px 0 var(--orange); }.home-page::after { color: var(--blue); }
.medium-page#sculpture { background: #dfd1be; }.medium-page#photography { background: #cbd8cb; }.medium-page#printmaking { background: #e6cd91; }.medium-page#drawing { background: #d9cfca; }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-family: var(--serif); font-weight: 500; }.medium-tabs a { background: rgba(240,232,216,.5); border-color: rgba(41,39,33,.48); }.medium-tabs a:hover, .medium-tabs a.active { background: #3f4a38; color: var(--paper); border-color: #3f4a38; }.gallery .work .art { border: 1px solid var(--ink); }.gallery .work:hover .art { box-shadow: 5px 5px 0 var(--pink); }
.artist-statement { background: #aa4d3d; }.statement-copy h2 { font-family: var(--serif); font-weight: 500; color: var(--paper); }.statement-copy h2 em { color: #e7d27f; }.statement-copy p { color: var(--paper); }.statement-link { background: #e7d27f; border-color: var(--ink); box-shadow: 3px 3px 0 var(--ink); }.about-page { background: #e9dfc9; }.about-heading, .about-details { border-color: rgba(41,39,33,.42); }.about-page .section-no, .about-page .about-details a { color: #aa4d3d; }.about-art { border: 1px solid var(--ink); box-shadow: 7px 7px 0 #607154; }.contact-page { background: #c68d45; }.contact-intro h2 { font-family: var(--serif); }.contact-intro h2 em { color: #3f4a38; }footer { background: #292721; }footer a { color: #d7c278; }
