:root { --ink: #101010; --paper: #fffdf4; --lime: #c6ff00; --pink: #ff3a9e; --orange: #ff6c2f; --blue: #2547ff; --aqua: #56f2d1; --serif: 'Archivo Black', Impact, sans-serif; }
body { background: var(--paper); }.site-header { background: var(--blue); border-bottom: 3px solid var(--ink); }.wordmark { color: var(--lime); font: 800 14px/10px var(--sans); letter-spacing: -1px; }.wordmark span { color: var(--pink); }.site-header .main-nav a { color: var(--paper); font-weight: 500; letter-spacing: .03em; }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--ink); background: var(--lime); border: 0; padding: 7px 10px; margin: -2px -10px; }.contact-link { color: var(--paper); }
.home-page { background: var(--lime); }.hero-copy h1.home-title { font-family: var(--serif); font-size: clamp(80px, 13.7vw, 226px); line-height: .73; letter-spacing: -.09em; }.home-title span:first-child { color: var(--ink); }.home-title span:last-child { color: var(--blue); }.eyebrow { border-left: 4px solid var(--pink); color: var(--ink); font-weight: 600; }.hero-art { border: 3px solid var(--ink); box-shadow: 12px 12px 0 var(--pink); }.round-link { background: var(--orange); border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.medium-page#sculpture { background: var(--pink); }.medium-page#photography { background: var(--aqua); }.medium-page#printmaking { background: var(--orange); }.medium-page#drawing { background: #8d80ff; }.medium-intro h2 { font-family: var(--serif); letter-spacing: -.08em; }.section-no { color: var(--ink); font-weight: 600; }.medium-tabs a { border: 2px solid var(--ink); background: var(--paper); }.medium-tabs a:hover, .medium-tabs a.active { background: var(--blue); color: var(--paper); border-color: var(--ink); }.gallery .work .art { border: 3px solid var(--ink); box-shadow: 7px 7px 0 var(--ink); }.gallery .work:hover .art { box-shadow: 11px 11px 0 var(--blue); }.gallery figcaption::after { color: var(--blue); }
.artist-statement { background: var(--blue); }.statement-copy h2 { font-family: var(--serif); color: var(--paper); }.statement-copy h2 em { color: var(--lime); }.statement-copy p { color: var(--paper); }.statement-link { border: 3px solid var(--ink); border-radius: 999px; box-shadow: 6px 6px 0 var(--ink); }.portrait-placeholder { background: linear-gradient(145deg, var(--pink) 0 49%, var(--lime) 49% 100%); border: 3px solid var(--ink); box-shadow: 7px 7px 0 var(--ink); }
.about-page { background: var(--orange); color: var(--ink); }.about-heading, .about-details { border-color: var(--ink); }.about-page .section-no, .about-page .about-details a { color: var(--blue); }.about-art { border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--blue); }.contact-page { background: var(--pink); }.contact-intro h2 { font-family: var(--serif); }.contact-intro h2 em { color: var(--blue); }footer { background: var(--ink); }footer a { color: var(--lime); }
@media(max-width:760px) { .site-header .main-nav a:hover, .site-header .main-nav a.active { margin: 0; }.hero-copy h1.home-title { font-size: 19vw; }.hero-art { box-shadow: 7px 7px 0 var(--pink); }.gallery .work .art { border-width: 2px; box-shadow: 4px 4px 0 var(--ink); } }