:root { --ink: #1c1a17; --paper: #f5f0e6; --lime: #d4df55; --pink: #e64630; --orange: #ef8b2c; --blue: #3861bd; --aqua: #a8c8c2; --serif: 'Caveat', cursive; }
body { background: var(--paper); }.grain { opacity: .17; }.site-header { background: var(--paper); border-bottom: 2px dashed var(--ink); color: var(--ink); }.wordmark, .contact-link, .site-header .main-nav a { color: var(--ink); }.wordmark { font: 800 15px/11px var(--sans); transform: rotate(-2deg); }.wordmark span { color: var(--pink); }.site-header .main-nav a { font: 500 10px var(--mono); }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--pink); background: transparent; padding: 5px 0; margin: 0; border-bottom: 2px solid var(--pink); }
.home-page { background: #f5f0e6; }.hero-copy h1.home-title { font-family: var(--sans); font-weight: 800; font-size: clamp(74px, 13vw, 216px); letter-spacing: -.11em; line-height: .7; }.home-title span:first-child { color: var(--ink); }.home-title span:last-child { color: var(--pink); }.eyebrow { border-left: 3px solid var(--pink); color: var(--ink); font-family: var(--mono); }.hero-art { border: 2px solid var(--ink); box-shadow: 7px 7px 0 var(--pink); filter: saturate(.82) contrast(1.06); }.home-page::after { color: var(--pink); }.round-link { background: var(--orange); border: 2px dashed var(--ink); border-radius: 7px 19px 7px 19px; box-shadow: none; }
.medium-page#sculpture { background: #eadbcf; }.medium-page#photography { background: #cfddd7; }.medium-page#printmaking { background: #e8c579; }.medium-page#drawing { background: #d7d1c8; }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-family: var(--serif); font-size: clamp(78px, 10vw, 150px); letter-spacing: -.06em; line-height: .65; }.medium-tabs a { background: var(--paper); border: 1px dashed var(--ink); border-right: 0; }.medium-tabs a:last-child { border-right: 1px dashed var(--ink); }.medium-tabs a:hover, .medium-tabs a.active { background: var(--ink); color: var(--paper); }.gallery .work .art { border: 1px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); filter: saturate(.78); }.gallery .work:nth-child(2n) .art { transform: rotate(-1.5deg); }.gallery .work:nth-child(3n) .art { transform: rotate(1.2deg); }.gallery figcaption::after { color: var(--pink); }
.artist-statement { background: #e64630; }.statement-copy h2 { font-family: var(--serif); color: var(--paper); font-size: clamp(72px, 8vw, 128px); letter-spacing: -.06em; }.statement-copy h2 em { color: var(--lime); }.statement-copy p { color: var(--paper); }.statement-link { background: var(--paper); border: 2px dashed var(--ink); border-radius: 0; box-shadow: 4px 4px 0 var(--ink); }.portrait-placeholder { background: linear-gradient(145deg, #f5f0e6 0 49%, #d4df55 49% 100%); border: 2px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.about-page { background: #f5f0e6; color: var(--ink); }.about-heading, .about-details { border-color: var(--ink); }.about-page .section-no, .about-page .about-details a { color: var(--pink); }.about-art { border: 2px solid var(--ink); box-shadow: 6px 6px 0 var(--blue); }.contact-page { background: #d4df55; }.contact-intro h2 { font-family: var(--serif); }.contact-intro h2 em { color: var(--pink); }footer { background: var(--ink); }
@media(max-width:760px) { .hero-copy h1.home-title { font-size: 18vw; }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-size: 80px; }.statement-copy h2 { font-size: 72px; } }