:root { --ink: #202020; --paper: #ffffff; --accent: #6f244f; --lime: #dedede; --pink: #5e7180; --orange: #b9b9b9; --blue: #202020; --aqua: #f2f2f2; --sans: 'Manrope', Arial, sans-serif; --serif: 'Syne', Arial, sans-serif; --mono: 'DM Mono', monospace; }
body { background: var(--paper); color: var(--ink); }.grain { display: none; }.site-header { height: 78px; background: var(--paper); border-bottom: 1px solid #d5d5d5; color: var(--ink); }.wordmark, .site-header .main-nav a, .contact-link { color: var(--ink); }.wordmark { display: flex; align-items: center; color: var(--ink); }.logo-mark { display: block; width: 58px; height: 40px; fill: none; stroke: currentColor; stroke-width: 4.5; stroke-linecap: square; stroke-linejoin: miter; }.site-header .main-nav a, .contact-link { font-size: 10px; }.contact-link span { color: var(--accent); }.site-header .main-nav a:hover, .site-header .main-nav a.active { color: var(--accent); border-bottom: 1px solid var(--accent); }
.home-page { min-height: calc(100vh - 78px); background: var(--paper); color: var(--ink); }.home-page .hero-grid { min-height: calc(100vh - 122px); }.hero-copy h1.home-title { font-family: var(--serif); font-size: clamp(72px, 11.2vw, 178px); font-weight: 700; letter-spacing: -.09em; line-height: .75; opacity: 1 !important; transform: none !important; filter: none !important; }.home-title span:first-child { color: var(--ink); }.home-title span:last-child { color: var(--accent); }.eyebrow { border-left: 1px solid var(--accent); color: var(--ink); }.hero-art { border: 0; border-radius: 0; box-shadow: none; transform: none !important; filter: none; }.home-page::after { display: none; }
.medium-page, .medium-page#sculpture, .medium-page#photography, .medium-page#printmaking, .medium-page#drawing { background: var(--paper); color: var(--ink); }.medium-intro { border-bottom: 1px solid #d5d5d5; }.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: 700; letter-spacing: -.08em; }.section-no { font-size: 10px; color: var(--accent); }.medium-tabs { margin: 0 0 32px; gap: 22px; }.medium-tabs a, .medium-tabs a:last-child { padding: 10px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--ink); font-weight: 500; }.medium-tabs a:hover, .medium-tabs a.active { background: transparent; color: var(--accent); border-color: var(--accent); }.gallery .work .art { border: 0; box-shadow: none; }.gallery .work:nth-child(2n) .art, .gallery .work:nth-child(3n) .art, .gallery .work:hover .art { box-shadow: none; transform: none; filter: none; }.gallery figcaption { color: var(--ink); }.gallery figcaption::after { color: var(--accent); }
.artist-statement { background: #f4f4f2; color: var(--ink); }.artist-statement::before { display: none; }.statement-copy h2 { font-family: var(--serif); font-weight: 700; color: var(--ink); letter-spacing: -.075em; }.statement-copy h2 em { color: var(--accent); font-style: normal; }.statement-copy p { color: var(--ink); }.statement-link { background: var(--accent); color: var(--paper); border: 0; border-radius: 0; box-shadow: none; }.artist-statement .statement-label { color: var(--ink); }.statement-label span:first-child { background: transparent; color: var(--accent); border: 1px solid var(--accent); border-radius: 0; }
.about-page, .contact-page { background: var(--paper); color: var(--ink); }.about-heading, .about-details, .contact-intro { border-color: #d5d5d5; }.about-page .section-no, .about-page .about-details a, .contact-intro h2 em { color: var(--ink); }.about-art { border: 0; box-shadow: none; }.about-lead, .contact-note { font-family: var(--sans); font-weight: 500; }.contact-email { color: var(--ink); }footer { background: var(--paper); color: var(--ink); border-top: 1px solid #d5d5d5; }footer a { color: var(--ink); }
.page-wipe { background: var(--accent); }.page-wipe span { display: none; }.page-entering, .medium-leaving, .medium-entering { animation-duration: .28s; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.page-wipe { color: var(--paper); }.page-wipe .logo-mark { position: absolute; top: 50%; left: 50%; width: 110px; height: 75px; transform: translate(-50%, -50%) scale(.9); opacity: 0; }.page-wipe .logo-mark path { stroke-width: 4; }body.is-transitioning .page-wipe .logo-mark { animation: logo-flash .62s cubic-bezier(.2,.72,.25,1) both; }@keyframes logo-flash { 0%, 20% { opacity: 0; transform: translate(-50%, -50%) scale(.9); } 43%, 62% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.04); } }
@media (max-width:760px) { .site-header { height: 76px; }.home-page { min-height: calc(100vh - 76px); }.hero-copy h1.home-title { font-size: 18vw; }.medium-tabs { gap: 16px; }.medium-tabs a { font-size: 8px; }.artist-statement { padding-left: 20px; padding-right: 20px; } }