/* ==========================================================================
   Darcy — a painter's site, plainly set.
   White · black · light grey rules. The name in light Poppins at the left of
   a thin top bar, the menu in small capitals on the right, text in Arial.
   The home page is a few words and a row of works that moves sideways.
   ========================================================================== */

:root {
    --art-bg: #ffffff; --art-surface: #f4f4f4; --art-text: #000000; --art-heading: #212121; --art-muted: #777777;
    --art-link: #212121; --art-link-hover: #777777; --art-accent: #212121; --art-accent-2: #eeeeee; --art-price: #212121;
    --art-font: Arial, Helvetica, sans-serif; --art-size: 16px;
    --art-heading-font: "Poppins", "Helvetica Neue", Arial, sans-serif; --art-heading-weight: 300; --art-heading-case: none;
    --art-meta-font: Arial, Helvetica, sans-serif;
    --art-header-bg: #ffffff; --art-header-text: #000000; --art-header-hover: #777777; --art-header-rule: #eeeeee; --art-header-rule-w: 1px;
    --art-title-font: "Poppins", sans-serif; --art-title-size: 46px; --art-title-weight: 400; --art-title-case: none; --art-title-tracking: -2px; --art-logo-h: 56px;
    --art-nav-font: "Poppins", sans-serif; --art-nav-size: 13px; --art-nav-weight: 300; --art-nav-case: uppercase; --art-nav-tracking: 0px;
    --art-footer-bg: #ffffff; --art-footer-text: #000000; --art-footer-link: #777777; --art-footer-hover: #000000;
    --art-footer-rule: #eeeeee; --art-footer-rule-w: 1px; --art-footer-font: Arial, Helvetica, sans-serif; --art-footer-size: 13px; --art-footer-case: none;
    --art-gallery-gap: 28px;
    --art-gutter: clamp(16px, 4vw, 48px);
    --art-max: 1140px;
    --art-text-col: 100%;
    --art-lightbox-bg: rgba(255, 255, 255, .98);
}

body { line-height: 1.6; }
h1, h2, h3 { letter-spacing: -.02em; }
h1 { font-size: clamp(30px, 3.4vw, 40px); }
hr, .wp-block-separator { border-color: var(--art-accent-2); opacity: 1; }

/* Header: the name at the left, the menu at the right, a hairline under both.
   It spans the window, like the old site; the page below keeps its column. */
.art-header__inner { max-width: none; padding-top: 18px; padding-bottom: 18px; padding-left: 28px; padding-right: 28px; }
.art-brand { line-height: 1.1; }
.art-menu { gap: .2rem 2.1rem; }
.art-menu .nav-link { padding-left: 0; padding-right: 0; }
.art-menu .nav-link.active, .art-menu .current-menu-item > .nav-link, .art-menu .current-menu-ancestor > .nav-link { color: var(--art-header-hover); }
.art-menu .dropdown-menu { border: 1px solid var(--art-accent-2); border-radius: 0; box-shadow: 0 6px 18px rgba(0, 0, 0, .06); padding: .5rem 0; }
.art-menu .dropdown-item { font-family: var(--art-nav-font); font-weight: 300; font-size: 13px; white-space: normal; min-width: 18rem; }
@media (max-width: 991.98px) {
    .art-header__inner { padding-left: var(--art-gutter); padding-right: var(--art-gutter); }
    .art-brand { font-size: clamp(32px, 9vw, 46px); }
}

/* Home: a few words, then the row of works */
.dc-home { padding-top: clamp(28px, 4vw, 48px); }
.dc-home .art-home-content { font-size: 19px; line-height: 1.5; margin-bottom: clamp(24px, 3vw, 36px); }
.dc-home .art-home-content p { margin-bottom: .6em; }

.dc-carousel { position: relative; width: 100vw; margin-left: calc(50% - 50vw); }
.dc-carousel__track {
    display: flex; align-items: center; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
    padding: 0 calc(50vw - 16vw); outline: 0;
}
.dc-carousel__track::-webkit-scrollbar { display: none; }
/* Looping (theme-extra.js): copies fill both sides, so no padding at the ends. */
.dc-carousel--loop .dc-carousel__track { padding-left: 0; padding-right: 0; }
.dc-carousel__slide { flex: 0 0 auto; margin: 0; scroll-snap-align: center; line-height: 0; }
.dc-carousel__img { display: block; height: max(220px, var(--dc-row-h, 460px)); width: auto; max-width: 80vw; object-fit: contain; }
.dc-carousel__btn {
    position: absolute; top: calc(50% - 24px); transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .8); color: #555; font-size: 30px; line-height: 36px; padding: 0; cursor: pointer; z-index: 2;
}
.dc-carousel__btn:hover, .dc-carousel__btn:focus-visible { background: #fff; color: #000; }
.dc-carousel__btn--prev { left: 14px; }
.dc-carousel__btn--next { right: 14px; }
.dc-carousel__dots { display: flex; justify-content: center; gap: 12px; margin-top: 24px; }
.dc-carousel__dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c8c8c8; cursor: pointer; }
.dc-carousel__dot[aria-current="true"] { background: #000; }
.dc-carousel--single .dc-carousel__btn, .dc-carousel--single .dc-carousel__dots, .dc-carousel--no-arrows .dc-carousel__btn, .dc-carousel--no-dots .dc-carousel__dots { display: none; }
@media (max-width: 575.98px) {
    .dc-carousel__track { gap: 12px; padding: 0 10vw; }
    .dc-carousel--loop .dc-carousel__track { padding: 0; }
    .dc-carousel__img { height: auto; max-height: min(var(--dc-row-h, 60vw), 90vw); max-width: 80vw; }
    .dc-carousel__btn { display: none; }
}
@media (prefers-reduced-motion: reduce) { .dc-carousel__track { scroll-behavior: auto; } }

.dc-label { margin: 0 0 2rem; font-size: 26px; }
.art-home-section { margin-top: clamp(56px, 8vw, 110px); }
.dc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 30px; align-items: end; }
@media (max-width: 991.98px) { .dc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .dc-grid { grid-template-columns: minmax(0, 1fr); } }
.dc-work { display: block; color: var(--art-text); text-decoration: none; text-align: center; }
.dc-work__frame { display: flex; align-items: flex-end; justify-content: center; }
.dc-work__img { max-width: 100%; height: auto; }
.dc-work__title { display: block; margin-top: .5rem; }

.art-news-list__item { border-top-color: var(--art-accent-2); }
.art-news-list__item:last-child { border-bottom-color: var(--art-accent-2); }

/* Pages: breadcrumbs in small capitals, light Poppins titles */
.edith-kicker { font-family: var(--art-nav-font); font-size: 12px; text-transform: uppercase; }
.edith-kicker a { color: var(--art-text); }
.art-project-meta { text-transform: none; letter-spacing: 0; color: var(--art-muted); }

/* Section pages (Portfolio): covers at their own shape, titles beneath */
.fran-series__title { font-family: var(--art-font); font-size: 16px; font-weight: 400; text-align: center; color: var(--art-text); text-transform: none; letter-spacing: 0; line-height: 1.6; margin-top: .5rem; }

/* Albums: works side by side on a shared baseline, italic titles beneath */
.fran-artwork__caption { font-family: var(--art-font); font-size: 13px; font-style: italic; text-align: center; color: var(--art-text); padding-top: .4rem; }
.fran-artwork__title { font-style: italic; font-weight: 400; color: var(--art-text); }

.edith-card__media { background: transparent; }
.edith-card__img { object-fit: contain; }
.edith-shop-grid .btn.edith-btn { background: transparent; color: var(--art-text); border-color: var(--art-text); }
.edith-shop-grid .btn.edith-btn:hover { background: var(--art-text); color: var(--art-bg); }
.edith-pager { border-top-color: var(--art-accent-2); }

/* Footer: a hairline and one quiet line */
.art-footer { font-family: var(--art-footer-font); }