:root { --ink: #102840; --paper: #f4efe3; --lime: #e5b34d; --pink: #c85043; --orange: #e37b45; --blue: #102840; --aqua: #9dcfca; --serif: 'DM Serif Display', Georgia, serif; --sans: 'IBM Plex Sans', Arial, sans-serif; --mono: 'DM Mono', monospace; }
body { background: var(--paper); color: var(--ink); letter-spacing: 0; }.grain { opacity: .12; }.site-header { height: 82px; background: var(--blue); border-bottom: 0; color: var(--paper); }.wordmark { font: 500 14px/10px var(--mono); color: var(--paper); letter-spacing: -.6px; }.wordmark span { color: var(--lime); }.site-header .main-nav a, .contact-link { color: var(--paper); font-size: 10px; }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--lime); border-bottom: 1px solid var(--lime); }
.home-page { background: var(--blue); color: var(--paper); }.home-page .home-topline { color: var(--lime); }.hero-copy h1.home-title { font-family: var(--serif); font-weight: 400; font-size: clamp(92px, 13.1vw, 215px); letter-spacing: -.075em; line-height: .72; }.home-title span:first-child { color: var(--paper); }.home-title span:last-child { color: var(--orange); }.eyebrow { border-left: 1px solid var(--lime); color: var(--lime); }.hero-art { border: 0; border-radius: 0; box-shadow: none; }.home-page::after { color: var(--lime); }.home-page .home-footer { border-color: rgba(244,239,227,.4); }
.medium-page { color: var(--ink); }.medium-page#sculpture { background: #e6d9c4; }.medium-page#photography { background: #b4d4d0; }.medium-page#printmaking { background: #e0b35d; }.medium-page#drawing { background: #c4c2d4; }.medium-page .medium-intro { border-color: rgba(16,40,64,.35); }.medium-page .medium-intro h2, .medium-page .medium-intro p, .medium-page .section-no { color: var(--ink); }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.05em; }.medium-tabs a { background: transparent; border-color: rgba(16,40,64,.45); color: var(--ink); }.medium-tabs a:hover, .medium-tabs a.active { background: var(--blue); border-color: var(--blue); color: var(--paper); }.gallery .work .art { border: 1px solid var(--ink); box-shadow: none; }.gallery .work:hover .art { box-shadow: 6px 6px 0 var(--pink); transform: translate(-2px,-2px); }.gallery figcaption::after { color: var(--pink); }
.artist-statement { background: var(--pink); color: var(--paper); }.artist-statement::before { color: rgba(244,239,227,.12); }.statement-copy h2 { font-family: var(--serif); font-weight: 400; color: var(--paper); letter-spacing: -.045em; }.statement-copy h2 em { color: var(--lime); }.statement-copy p { color: var(--paper); }.statement-link { background: var(--paper); border: 1px solid var(--blue); box-shadow: 4px 4px 0 var(--blue); color: var(--blue); }
.about-page { background: var(--paper); color: var(--ink); }.about-heading, .about-details { border-color: rgba(16,40,64,.35); }.about-page .section-no, .about-page .about-details a { color: var(--pink); }.about-art { border: 1px solid var(--ink); box-shadow: 8px 8px 0 var(--aqua); }.about-lead, .contact-note { font-family: var(--serif); font-weight: 400; }.contact-page { background: var(--aqua); color: var(--ink); }.contact-intro h2 { font-family: var(--serif); font-weight: 400; }.contact-intro h2 em { color: var(--pink); }footer { background: var(--blue); color: var(--paper); }footer a { color: var(--lime); }
.page-wipe { background: var(--pink); }.page-wipe span { color: var(--paper); font-family: var(--serif); font-weight: 400; letter-spacing: -.07em; }
@media (max-width:760px) { .site-header { height: 76px; }.hero-copy h1.home-title { font-size: 20vw; }.hero-art { box-shadow: none; }.medium-intro h2, .about-heading h2, .contact-intro h2 { font-size: 78px; } }