/* ==========================================================================
   AutoMotion — a collection, shown like a showroom.
   White pages · deep plum headings #33011E and buttons #65013B · grey panels
   #F3F2F2 · a dark header and footer. Big condensed capitals (Anton) for the
   openings and titles, Archivo for headings and the menu, IBM Plex Mono for text.
   Every page and album opens with a picture across the screen under a
   see-through header; albums show as cards with an arrow.
   ========================================================================== */

:root {
    --art-bg: #ffffff; --art-surface: #f3f2f2; --art-text: #282525; --art-heading: #33011e; --art-muted: #918888;
    --art-link: #65013b; --art-link-hover: #970259; --art-accent: #65013b; --art-accent-2: #dad7d7; --art-price: #33011e;
    --art-font: "IBM Plex Mono", "Courier New", monospace; --art-size: 13px;
    --art-heading-font: "Archivo", "Helvetica Neue", Arial, sans-serif; --art-heading-weight: 600; --art-heading-case: uppercase;
    --art-meta-font: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --art-display-font: "Anton", Impact, "Arial Narrow", sans-serif;
    --art-header-bg: #282525; --art-header-text: #f3f2f2; --art-header-hover: #ffffff; --art-header-rule: #65013b; --art-header-rule-w: 1px;
    --art-title-font: "Archivo", sans-serif; --art-title-size: 17px; --art-title-weight: 700; --art-title-case: uppercase; --art-title-tracking: 0px; --art-logo-h: 44px;
    --art-nav-font: "Archivo", sans-serif; --art-nav-size: 12px; --art-nav-weight: 400; --art-nav-case: uppercase; --art-nav-tracking: 0px;
    --art-footer-bg: #0d0c0c; --art-footer-text: #f3f2f2; --art-footer-link: #f3f2f2; --art-footer-hover: #fd68be;
    --art-footer-rule: #65013b; --art-footer-rule-w: 0px; --art-footer-font: "IBM Plex Mono", monospace; --art-footer-size: 12px; --art-footer-case: none;
    --art-gallery-gap: 16px;
    --art-gutter: clamp(20px, 2.4vw, 34px);
    --art-max: 1440px;
    --art-text-col: 860px;
    --art-lightbox-bg: rgba(13, 12, 12, .97);
    --am-header-h: 78px;
    --am-on-dark: #f3f2f2;
}

body { line-height: 1.65; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { line-height: 1.08; letter-spacing: -.005em; color: var(--art-heading); }
h1 { font-size: clamp(34px, 4vw, 56px); }
h2 { font-size: clamp(28px, 3.1vw, 44px); }
h3 { font-size: clamp(20px, 2vw, 28px); }
h4 { font-size: 18px; }
a { text-underline-offset: 3px; }
hr, .wp-block-separator { margin: 3rem 0; border-color: var(--art-accent-2); opacity: 1; }
::selection { background: var(--art-accent); color: var(--am-on-dark); }

/* Buttons: plum blocks, small capitals and an arrow */
.am-btn, .wp-block-button__link, .btn.edith-btn, .btn-primary, .fran-btn.btn-primary, .edith-news__more .btn {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: .8rem 1.1rem; border: 1px solid var(--art-accent); border-radius: 0;
    background: var(--art-accent); color: var(--am-on-dark);
    font-family: var(--art-nav-font); font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.am-btn::after, .wp-block-button__link::after { content: "\2192"; font-size: 1.15em; line-height: 1; }
.am-btn:hover, .wp-block-button__link:hover, .btn.edith-btn:hover, .btn-primary:hover, .fran-btn.btn-primary:hover {
    background: var(--art-link-hover); border-color: var(--art-link-hover); color: #fff;
}
.btn.edith-btn--pill { border-radius: 0; }
.wp-block-button.is-style-outline .wp-block-button__link, .btn.edith-btn--outline { background: transparent; color: var(--art-accent); }
.wp-block-button.is-style-outline .wp-block-button__link:hover, .btn.edith-btn--outline:hover { background: var(--art-accent); color: var(--am-on-dark); }

/* Header: the name on the left, the menu in the middle, a button on the right */
.art-header__inner { max-width: none; min-height: var(--am-header-h); padding-top: 0; padding-bottom: 0; align-items: stretch; }
.art-header__brand { display: flex; flex-direction: column; justify-content: center; padding: .6rem 0; }
.art-brand { line-height: 1.05; max-width: 12em; }
.art-brand--logo img { max-height: var(--art-logo-h); width: auto; }
.art-toggler { align-self: center; }
.art-menu .nav-link { display: flex; align-items: center; height: 100%; padding: .5rem 1rem; }
.art-menu .nav-link:hover { color: var(--art-header-hover); background: color-mix(in srgb, var(--art-header-text) 8%, transparent); }
.art-menu .nav-link.active, .art-menu .current-menu-item > .nav-link, .art-menu .current-menu-ancestor > .nav-link { color: #fff; background: var(--art-accent); }
.art-menu .dropdown-menu { background: var(--art-header-bg); }
.art-menu .dropdown-item { color: var(--art-header-text); }
.am-header-button { display: inline-flex; align-items: center; gap: .55rem; align-self: center; padding: .75rem 1rem; background: var(--art-accent); color: #fff; font-family: var(--art-nav-font); font-size: var(--art-nav-size); text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.am-header-button::after { content: "\2192"; font-size: 1.15em; line-height: 1; }
.am-header-button:hover { background: var(--art-link-hover); color: #fff; }
@media (min-width: 992px) {
    .art-nav { align-items: stretch; gap: 1.5rem; }
    .art-menu { flex: 1; gap: 0; justify-content: center; flex-wrap: nowrap; }
    .art-menu > li { display: flex; }
    .art-menu .dropdown-menu { margin-top: 0; }
}
@media (max-width: 991.98px) {
    .art-header__inner { padding-top: .5rem; padding-bottom: .5rem; }
    .art-menu { padding-top: .75rem; }
    .art-menu .nav-link { padding: .55rem .75rem; }
    .am-header-button { margin: .5rem 0 1rem; }
}

/* A see-through header over every page that opens with a picture */
.am-overlay .art-header { position: absolute; top: 0; left: 0; right: 0; z-index: 1030; background: color-mix(in srgb, var(--art-header-bg) 72%, transparent); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.am-overlay.art-sticky-header .art-header { position: fixed; }
.admin-bar.am-overlay .art-header { top: 32px; }
@media (max-width: 782px) { .admin-bar.am-overlay .art-header { top: 46px; } .admin-bar.am-overlay.art-sticky-header .art-header { position: absolute; } }
.am-overlay .art-header:has(.navbar-collapse.show), .am-overlay .art-header:has(.navbar-collapse.collapsing) { background: var(--art-header-bg); }

/* Openings: the picture across the screen, the title in big condensed capitals */
.am-hero, .am-opening, .am-feature { position: relative; overflow: hidden; background: #0d0c0c; color: var(--am-on-dark); isolation: isolate; }
.am-hero__img, .am-opening__img, .am-feature__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.am-hero::after, .am-feature::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(13, 12, 12, .38); }
.am-hero { display: flex; align-items: center; justify-content: center; min-height: min(80vh, 780px); padding: calc(var(--am-header-h) + 2rem) var(--art-gutter) 3rem; text-align: center; }
.am-hero--plain { min-height: min(52vh, 520px); background: var(--art-header-bg); }
.am-hero--plain::after { display: none; }
.am-hero__inner { width: 100%; max-width: var(--art-max); }
.am-hero__title, .am-opening__title {
    margin: 0; color: var(--am-on-dark);
    font-family: var(--art-display-font); font-size: clamp(56px, 9vw, 150px); font-weight: 400; line-height: .92; letter-spacing: 0; text-transform: uppercase;
    text-wrap: balance; overflow-wrap: anywhere;
}
.am-kicker { margin: 0 0 .6rem; font-family: var(--art-meta-font); font-size: 15px; font-weight: 500; letter-spacing: .01em; text-transform: uppercase; color: var(--am-on-dark); }
.am-kicker a { color: inherit; text-decoration: none; }
.am-kicker a:hover { text-decoration: underline; }

/* Album opening: lower left, with the year and number of photos in a box */
.am-hero--album { align-items: flex-end; justify-content: flex-start; min-height: min(100vh, 940px); padding-bottom: clamp(40px, 6vw, 80px); text-align: left; }
.am-hero--album::after { background: linear-gradient(90deg, rgba(13, 12, 12, .7) 0%, rgba(13, 12, 12, .25) 55%, rgba(13, 12, 12, .1) 100%); }
.am-hero--album .am-hero__inner { margin: 0 auto; }
.am-hero--album .am-hero__title { max-width: 9em; font-size: clamp(56px, 7.4vw, 120px); }
.am-hero--album .art-project-meta { display: inline-flex; gap: .5rem; margin: 1.6rem 0 0; padding: .7rem 1rem; border: 1px solid rgba(243, 242, 242, .7); font-family: var(--art-meta-font); font-size: 14px; color: var(--am-on-dark); text-transform: uppercase; }
.am-hero--album .art-project-meta { flex-wrap: wrap; column-gap: .5rem; row-gap: .15rem; }
.am-hero--album .art-project-meta > span { white-space: nowrap; }
.am-hero--album .art-project-meta__year { font-weight: 600; }
.am-hero__actions { margin: 1.75rem 0 0; }

/* Home: the opening slides fill the screen */
.am-opening { height: 100vh; min-height: 540px; }
.am-opening .carousel-inner, .am-opening .carousel-item { height: 100%; }
.am-opening .carousel-item::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(13, 12, 12, .35) 0%, rgba(13, 12, 12, .15) 45%, rgba(13, 12, 12, .45) 100%); }
.am-opening__caption { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--am-header-h) 8% 3rem; text-align: center; }
.am-opening__title { max-width: 11em; font-size: clamp(60px, 10vw, 168px); text-shadow: 0 2px 30px rgba(0, 0, 0, .25); }
.am-opening__actions { margin: 2rem 0 0; }
.am-opening__dots, .am-opening__arrow { z-index: 4; }
.am-opening__dots { margin-bottom: 1.5rem; }
.am-opening__dots [data-bs-target] { width: 28px; height: 3px; border: 0; margin: 0 4px; opacity: .45; }
.am-opening__dots .active { opacity: 1; background: #fff; }
.am-opening__arrow { width: 7%; opacity: .75; }
.am-opening__arrow .fran-icon { width: 30px; height: 30px; color: #fff; }
@media (max-width: 575.98px) { .am-opening { height: 82vh; } }

/* Home: one album featured across the screen */
.am-feature { display: flex; align-items: center; min-height: min(86vh, 820px); margin-top: clamp(64px, 8vw, 110px); }
.am-feature::after { background: linear-gradient(90deg, rgba(13, 12, 12, .72) 0%, rgba(13, 12, 12, .3) 50%, rgba(13, 12, 12, 0) 100%); }
.am-feature__inner { width: 100%; max-width: var(--art-max); margin: 0 auto; padding: 4rem var(--art-gutter); }
.am-feature__title { max-width: 9em; margin: 0; font-size: clamp(44px, 5.6vw, 84px); font-weight: 500; line-height: .98; color: var(--am-on-dark); }
.am-feature__text { max-width: 30em; margin: 1.5rem 0 0; font-size: 15px; color: var(--am-on-dark); }
.am-feature__actions { margin: 1.75rem 0 0; }
.am-opening + .am-feature { margin-top: 0; }

/* Home sections and section headings */
.am-home { padding-top: clamp(56px, 7vw, 100px); }
.art-home-section { margin-top: clamp(64px, 8vw, 110px); }
.am-home > .art-home-section:first-child { margin-top: 0; }
.am-section-title, .am-news .edith-section-title, .am-sale .edith-section-title {
    max-width: 14em; margin: 0 0 2rem; font-size: clamp(30px, 3.3vw, 48px);
}
.am-news .art-home-section__head, .am-sale .art-home-section__head { align-items: flex-end; margin-bottom: 2rem; }
.am-news .art-home-section__head .edith-section-title, .am-sale .art-home-section__head .edith-section-title { margin: 0; }
.edith-more { font-family: var(--art-nav-font); font-size: 12px; text-transform: uppercase; color: var(--art-link); }
.am-more__all { margin: 2rem 0 0; }

/* Albums as cards: picture, title, a few words, an arrow */
.am-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
@media (max-width: 1199.98px) { .am-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .am-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479.98px) { .am-cards { grid-template-columns: minmax(0, 1fr); } }
.am-card { display: flex; flex-direction: column; background: var(--art-surface); color: var(--art-text); text-decoration: none; }
.am-card__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--art-accent-2); }
.am-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.am-card:hover .am-card__img { transform: scale(1.04); }
.am-card__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: .75rem; padding: 1.1rem 1.1rem 1.25rem; }
.am-card__title { font-family: var(--art-heading-font); font-size: 16px; font-weight: var(--art-heading-weight); line-height: 1.2; text-transform: var(--art-heading-case); color: var(--art-text); }
.am-card__text { font-size: 12px; line-height: 1.55; }
.am-card__go, .fran-series--title-below .fran-series__title::after {
    display: inline-flex; align-items: center; justify-content: center; margin-top: auto; width: 34px; height: 24px;
    background: var(--art-accent); color: #fff; font-family: var(--art-nav-font); font-size: 15px; line-height: 1; transition: background-color .2s ease;
}
.am-card:hover .am-card__go { background: var(--art-link-hover); }

/* Album & Image Grid (the Portfolio page): the same cards */
.fran-series--title-below .fran-series__item { display: flex; flex-direction: column; background: var(--art-surface); padding-bottom: 1.1rem; }
.fran-series--title-below .fran-series__media { overflow: hidden; }
.fran-series--title-below .fran-series__img { transition: transform .5s ease; }
.fran-series--title-below .fran-series__item:hover .fran-series__img { transform: scale(1.04); }
.fran-series--title-below .fran-series__title { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: .9rem; margin: 0; padding: 1rem 1.1rem 0; font-family: var(--art-heading-font); font-size: 16px; font-weight: var(--art-heading-weight); line-height: 1.2; text-transform: var(--art-heading-case); text-align: left; }
.fran-series--title-below .fran-series__title::after { content: "\2192"; }
.fran-series--title-below .fran-series__link { color: var(--art-heading); text-decoration: none; }
.fran-series--title-below .fran-series__link::before { content: ""; position: absolute; inset: 0; }
.fran-series--title-below .fran-series__item { position: relative; }
.fran-series--title-below .fran-series__item:hover .fran-series__title::after { background: var(--art-link-hover); }

/* Album page: the description, the photos on a dark band, more albums */
.am-album__description { padding-top: clamp(48px, 6vw, 90px); }
.am-band {
    --art-text: var(--am-on-dark); --art-heading: #ffffff; --art-muted: #c9c3c3; --art-link: #ffffff; --art-link-hover: var(--art-accent-2);
    margin-top: clamp(56px, 7vw, 100px); background: #5d5656; color: var(--art-text);
}
.am-album > .am-band:nth-child(2) { margin-top: 0; }
.am-band__inner { display: grid; grid-template-columns: minmax(180px, 16%) minmax(0, 1fr); gap: 2rem; max-width: var(--art-max); margin: 0 auto; padding: clamp(48px, 6vw, 90px) var(--art-gutter); }
.am-gallery__title { margin: 0; font-size: clamp(36px, 3.6vw, 56px); font-weight: 500; color: #fff; }
.am-gallery .fran-artwork__caption { color: var(--art-text); }
@media (max-width: 767.98px) { .am-band__inner { grid-template-columns: minmax(0, 1fr); } }
.am-more { padding-top: clamp(56px, 7vw, 100px); }

/* Page content */
.am-page { padding-top: clamp(48px, 6vw, 90px); }
.edith-page__title { font-size: clamp(34px, 4vw, 56px); }
.edith-content p { max-width: 75ch; }
.edith-content .has-text-align-center { margin-left: auto; margin-right: auto; }
.edith-content .wp-block-cover p, .edith-content .wp-block-columns p { max-width: none; }
blockquote, .wp-block-quote { margin: 2.5rem 0; padding: 0 0 0 1.25rem; border-left: 3px solid var(--art-accent); font-family: var(--art-heading-font); font-size: clamp(20px, 2vw, 28px); line-height: 1.25; text-transform: uppercase; color: var(--art-heading); }
blockquote cite, .wp-block-quote cite { display: block; margin-top: .75rem; font-family: var(--art-font); font-size: 13px; font-style: normal; text-transform: none; color: var(--art-muted); }

/* Questions and answers (the Details block): plum bars that open */
.wp-block-details { margin: 0 0 .5rem; background: var(--art-surface); }
.wp-block-details summary { position: relative; padding: .9rem 3rem .9rem 1.1rem; background: var(--art-accent); color: var(--am-on-dark); font-size: 14px; list-style: none; cursor: pointer; transition: background-color .2s ease; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; position: absolute; right: 1.1rem; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; }
.wp-block-details summary:hover { background: var(--art-link-hover); }
.wp-block-details[open] summary { background: var(--art-accent-2); color: var(--art-heading); }
.wp-block-details[open] summary::after { content: "\2212"; }
.wp-block-details > :not(summary) { margin: 0; padding: 1rem 1.1rem 0 2rem; }
.wp-block-details > :last-child:not(summary) { padding-bottom: 1.25rem; }

/* Contact form */
.fran-contact__form .form-label { font-family: var(--art-meta-font); font-size: 12px; text-transform: uppercase; color: var(--art-heading); }
.fran-contact__form .form-control { padding: .7rem .8rem; border: 1px solid var(--art-muted); border-radius: 0; background: var(--art-bg); font-size: 13px; color: var(--art-text); }
.fran-contact__form .form-control:focus { border-color: var(--art-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--art-accent) 18%, transparent); }
.fran-contact__form .btn.fran-btn { justify-content: center; width: 100%; }

/* Works, news and shop */
.fran-artwork__caption { padding-top: .5rem; font-size: 12px; color: var(--art-muted); }
.edith-card__title, .edith-news-card h2, .edith-news-card h3 { font-family: var(--art-heading-font); font-size: 16px; font-weight: var(--art-heading-weight); text-transform: var(--art-heading-case); }
.edith-news-card { background: var(--art-surface); }
.edith-news-card__media--empty { background: var(--art-accent-2); }
.art-news-list__title { font-family: var(--art-heading-font); font-weight: var(--art-heading-weight); text-transform: var(--art-heading-case); color: var(--art-text); }
.art-news-list__date { font-family: var(--art-meta-font); color: var(--art-muted); }

/* Footer: dark, the name large, the icons in plum squares */
.art-footer__inner { max-width: var(--art-max); padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(40px, 5vw, 64px); }
.art-footer__name { font-family: var(--art-title-font); font-size: 22px; font-weight: 700; line-height: 1.05; text-transform: uppercase; color: var(--art-footer-text); }
.art-footer__label { margin-bottom: .9rem !important; font-family: var(--art-footer-font); font-size: 13px; text-transform: none; letter-spacing: 0; opacity: 1; }
.art-footer .fran-social { display: flex; flex-wrap: wrap; gap: .5rem; }
.art-footer .fran-social a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: var(--art-accent); color: #fff; }
.art-footer .fran-social a:hover { background: var(--art-link-hover); color: #fff; }
.art-footer__copyright { opacity: .75; }
.edith-shop-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
@media (max-width: 991.98px) { .edith-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479.98px) { .edith-shop-grid { grid-template-columns: minmax(0, 1fr); } }
.edith-news-card { padding-bottom: 1.1rem; }
.edith-news-card > :not(.edith-news-card__media) { padding-left: 1.1rem; padding-right: 1.1rem; }
.edith-news-card__date { display: block; margin-top: 1rem; font-family: var(--art-meta-font); color: var(--art-muted); }
.edith-news-card__title a { color: var(--art-heading); text-decoration: none; }