.art-page { background: #faf9f6; }
.art-page .site-header { color: var(--ink); background: #faf9f6; }
.art-intro { padding: 165px 7vw 55px; max-width: 1700px; margin: auto; }
.art-intro h1 { font-size: clamp(54px, 7.8vw, 122px); line-height: 1.02; letter-spacing: -.05em; margin: 22px 0 38px; }
.art-page h1 em, .art-page h2 em { font-weight: 400; }
.art-intro-bottom { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.art-page p { font-size: 17px; line-height: 1.75; }
.art-page .eyebrow { font-size: 12px; }
.art-page .text-link { display: inline-block; color: inherit; text-decoration: none; border-bottom: 1px solid; padding: 10px 0; font-family: var(--serif); font-size: 20px; }
.art-lead { margin: 0 5vw; }
.art-photo { overflow: hidden; position: relative; background: #eeeae3; }
.art-photo img { display: block; width: 100%; height: auto; }
.art-photo.wide { aspect-ratio: 1.9; }
.art-photo.wide img { position: absolute; top: -8%; }
.art-lead figcaption { padding: 15px 0; font-size: 14px; color: var(--ink-soft); }
.art-preview-note { margin: 20px 7vw 0; padding: 15px 20px; border-left: 2px solid #aaa; color: #666; max-width: 900px; font-size: 14px !important; }
.art-selection { padding: 105px 7vw; max-width: 1700px; margin: auto; }
.art-section-heading { max-width: 680px; margin-bottom: 55px; }
.art-page h2 { font-size: clamp(42px, 5.3vw, 80px); line-height: 1.08; letter-spacing: -.04em; margin: 20px 0 25px; }
.art-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 7vw; align-items: start; }
.art-grid figure { margin: 0; min-width: 0; }
.art-grid figure:nth-child(2) { padding-top: 130px; }
.art-photo.tall { aspect-ratio: .79; }
.art-photo.lake { aspect-ratio: 1.5; }
.art-grid figcaption { margin-top: 25px; }
.art-grid figcaption span { font-size: 14px; color: var(--ink-soft); }
.art-grid h3 { font-family: var(--serif); font-size: clamp(28px, 3vw, 43px); font-weight: 400; line-height: 1.2; margin: 14px 0; }
.art-at-home { background: #e9e3d8; padding: 85px 10vw; }
.art-at-home p:not(.eyebrow) { max-width: 560px; }
.art-refocus { padding: 85px 10vw; }
.art-shop { text-align: center; padding: 90px 7vw; color: var(--ink); background: var(--paper); }
.art-shop p { max-width: 580px; margin: 24px auto; }
.art-shop small { display: block; margin-top: 24px; font-size: 14px; color: var(--ink-soft); }
.art-page .site-footer a { color: inherit; }
.art-page a:focus-visible { outline: 2px solid #967651; outline-offset: 6px; }
@media(max-width: 700px) { .art-intro { padding-top: 120px; } .art-intro-bottom { display: block; } .art-grid { grid-template-columns: 1fr; gap: 45px; } .art-grid figure:nth-child(2) { padding-top: 0; } .art-selection { padding-top: 65px; padding-bottom: 65px; } .art-at-home, .art-refocus { padding: 60px 7vw; } }

/* Installation photographs retain their full composition and natural proportions. */
.art-photo.wide, .art-photo.tall, .art-photo.lake { aspect-ratio: auto; }
.art-photo.wide img { position: static; }
.art-photo img { height: auto; }
.installation-wide { margin: 0 0 55px; }
.installation-wide img { display: block; width: 100%; height: auto; }
.installation-wide figcaption { margin-top: 16px; font-size: 14px; color: var(--ink-soft); }

.art-actions { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px 32px; }