/* ==========================================================================
   F-Minor — a quiet, editorial site for an artist who curates and teaches.
   White pages · ink #141414 · warm grey panels #F6F5F2 · thin rules #E9E7E3
   · a green dot for what's on view. Newsreader (light) for titles, Albert Sans
   for text and the menu, DM Mono for small labels. Home: one line beside a
   slideshow, an "On view now" panel, large album entries, a dated news list.
   ========================================================================== */

:root {
    --art-bg: #ffffff; --art-surface: #f6f5f2; --art-text: #141414; --art-heading: #141414; --art-muted: #6f6b66;
    --art-link: #3c3a37; --art-link-hover: #141414; --art-accent: #141414; --art-accent-2: #3d7a4a; --art-price: #141414;
    --art-font: "Albert Sans", "Helvetica Neue", Arial, sans-serif; --art-size: 15px;
    --art-heading-font: "Newsreader", Georgia, "Times New Roman", serif; --art-heading-weight: 300; --art-heading-case: none;
    --art-meta-font: "DM Mono", "Courier New", monospace;
    --art-header-bg: #ffffff; --art-header-text: #3c3a37; --art-header-hover: #141414; --art-header-rule: #e9e7e3; --art-header-rule-w: 0px;
    --art-title-font: "Albert Sans", sans-serif; --art-title-size: 22px; --art-title-weight: 500; --art-title-case: none; --art-title-tracking: 0px; --art-logo-h: 44px;
    --art-nav-font: "Albert Sans", sans-serif; --art-nav-size: 15px; --art-nav-weight: 400; --art-nav-case: none; --art-nav-tracking: 0px;
    --art-footer-bg: #ffffff; --art-footer-text: #6f6b66; --art-footer-link: #141414; --art-footer-hover: #141414;
    --art-footer-rule: #e9e7e3; --art-footer-rule-w: 1px; --art-footer-font: "Albert Sans", sans-serif; --art-footer-size: 13px; --art-footer-case: none;
    --art-gallery-gap: 32px;
    --art-gutter: max(20px, 4.5vw);
    --art-max: 1600px;
    --art-text-col: 720px;
    --art-lightbox-bg: rgba(255, 255, 255, .99);
    --fm-rule: color-mix(in srgb, var(--art-muted) 18%, var(--art-bg));
    --fm-underline: color-mix(in srgb, var(--art-muted) 38%, var(--art-bg));
    --fm-text-2: color-mix(in srgb, var(--art-text) 78%, var(--art-bg));
    --fm-mat: color-mix(in srgb, var(--art-surface) 60%, var(--art-bg));
}

body { line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { line-height: 1.12; letter-spacing: -.01em; }
h1 { font-size: clamp(40px, 5.6vw, 76px); line-height: 1.02; }
h2 { font-size: clamp(28px, 2.8vw, 38px); }
h3 { font-size: clamp(22px, 2vw, 26px); }
h4 { font-size: 19px; font-weight: 400; }
a { text-underline-offset: 4px; text-decoration-thickness: 1px; }
.edith-content a:not([class]) { text-decoration-color: var(--fm-underline); }
.edith-content a:not([class]):hover { text-decoration-color: currentColor; }
hr, .wp-block-separator { border-top: 1px solid var(--fm-rule); opacity: 1; }
::selection { background: var(--art-surface); color: var(--art-text); }
:focus-visible { outline: 2px solid var(--art-heading); outline-offset: 3px; }

/* Links that act as buttons: a word with a line under it */
.fm-cta {
    display: inline-block; align-self: flex-start; padding-bottom: 2px; border-bottom: 1px solid var(--art-heading);
    font-family: var(--art-font); font-size: 14px; font-weight: 500; color: var(--art-heading); text-decoration: none; white-space: nowrap;
}
.fm-cta:hover { color: var(--art-heading); border-bottom-width: 2px; padding-bottom: 1px; }

/* Buttons: ink pills */
.wp-block-button__link, .btn.edith-btn, .btn-primary, .fran-btn.btn-primary, .edith-news__more .btn {
    --bs-btn-bg: var(--art-accent); --bs-btn-border-color: var(--art-accent); --bs-btn-color: #fff;
    --bs-btn-hover-bg: color-mix(in srgb, var(--art-accent) 80%, #fff); --bs-btn-hover-border-color: color-mix(in srgb, var(--art-accent) 80%, #fff); --bs-btn-hover-color: #fff;
    display: inline-flex; align-items: center; gap: .6rem;
    padding: .7rem 1.5rem; border-radius: 999px; background: var(--art-accent); border: 1px solid var(--art-accent); color: #fff;
    font-family: var(--art-font); font-size: 15px; font-weight: 500; text-decoration: none;
}
.wp-block-button__link:hover { background: color-mix(in srgb, var(--art-accent) 80%, #fff); color: #fff; }
.edith-shop-grid .btn.edith-btn, .edith-product .btn.edith-btn { padding: .45rem 1.1rem; border-radius: 999px; font-size: 14px; }
.btn.edith-btn--outline, .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--art-accent); }
.btn.edith-btn--outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--art-accent); color: #fff; }

/* ---------- Header: the name on the left, the menu on the right ---------- */
.art-header__inner { max-width: var(--art-max); padding-top: 28px; padding-bottom: 28px; }
.art-brand { line-height: 1.1; letter-spacing: calc(var(--art-title-tracking) + .01em); }
.art-menu { gap: .25rem 30px; }
.art-menu > li > .nav-link { padding: 0; border-bottom: 1px solid transparent; }
.art-menu > li > .nav-link:hover { border-bottom-color: var(--art-header-hover); }
.art-menu .nav-link.active, .art-menu .current-menu-item > .nav-link, .art-menu .current-menu-ancestor > .nav-link, .art-menu .current-page-ancestor > .nav-link {
    color: var(--art-header-hover); border-bottom-color: var(--art-header-hover);
}
.art-menu .dropdown-toggle::after { display: none; }
.art-menu .dropdown-menu { min-width: 260px; padding: 10px 0; border: 1px solid var(--fm-rule); background: var(--art-header-bg); box-shadow: 0 22px 40px -24px rgba(20, 20, 20, .28); }
.art-menu .dropdown-item { padding: 10px 24px; font-family: var(--art-heading-font); font-size: 21px; font-weight: 300; line-height: 1.2; text-transform: none; color: var(--art-heading); }
.art-menu .dropdown-item:hover, .art-menu .dropdown-item:focus, .art-menu .dropdown-item.active { background: none; color: var(--art-heading); text-decoration: underline; text-underline-offset: 5px; }
.art-toggler { gap: 12px; font-size: 14px; text-transform: none; }
@media (min-width: 992px) {
    .art-menu .dropdown-menu { top: 100%; left: -25px; margin-top: 0; }
    .art-menu > li:last-child .dropdown-menu, .art-menu > li:nth-last-child(2) .dropdown-menu { left: auto; right: -25px; }
    .art-menu .dropdown { padding-bottom: 0; }
    .art-menu .dropdown::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 14px; }
}
@media (max-width: 991.98px) {
    .art-header__inner { padding-top: 20px; padding-bottom: 20px; }
    .art-menu { gap: 2px; padding: 2rem 0 1rem; }
    .art-menu > li > .nav-link { display: inline-block; padding: .1rem 0; border: 0; font-family: var(--art-heading-font); font-size: clamp(30px, 8vw, 38px); font-weight: 300; line-height: 1.2; text-transform: none; color: var(--art-heading); }
    .art-menu .dropdown-menu { display: flex; flex-wrap: wrap; gap: 4px 18px; position: static; min-width: 0; margin: 0 0 12px; padding: 0; border: 0; box-shadow: none; background: none; }
    .art-menu .dropdown-item { width: auto; padding: 0; font-family: var(--art-font); font-size: 14px; color: var(--art-muted); text-decoration: underline; text-decoration-color: var(--fm-underline); text-underline-offset: 3px; }
}

/* ---------- Content frame ---------- */
.edith-content { padding-top: 36px; }
.edith-page__title, .edith-post__title { margin: 0; font-size: clamp(40px, 5.6vw, 76px); font-weight: var(--art-heading-weight); line-height: 1.02; letter-spacing: -.01em; }
.fm-intro { margin-bottom: clamp(40px, 5vw, 72px); }
.edith-news > .edith-page__title, .edith-shop > .edith-page__title, .edith-content > .edith-page__title:first-child { margin-bottom: clamp(32px, 4vw, 56px); }
.edith-split .edith-post__title { margin-bottom: 1.25rem; font-size: clamp(34px, 3.6vw, 52px); }
.edith-post > .edith-post__title { margin-bottom: clamp(28px, 3vw, 44px); }
.fm-subnav { display: flex; flex-wrap: wrap; gap: 8px 26px; margin-top: 18px; font-size: 15px; }
.fm-subnav__link { color: var(--art-muted); text-decoration: none; }
.fm-subnav__link:hover { color: var(--art-heading); }
.fm-subnav__link.is-current { padding-bottom: 2px; border-bottom: 1px solid var(--art-heading); color: var(--art-heading); }
.edith-page > .edith-page__title { margin-bottom: clamp(40px, 5vw, 72px); }
.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, .edith-content .wp-block-group.has-background p { max-width: none; }
.edith-content .wp-block-image figcaption, .edith-content .wp-element-caption { font-family: var(--art-font); font-size: 13px; color: var(--art-muted); }
.edith-kicker, .edith-kicker a { font-family: var(--art-meta-font); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--art-muted); text-decoration: none; }
.art-project-meta { margin: 0 0 .9rem; font-family: var(--art-meta-font); font-size: 12px; letter-spacing: .06em; color: var(--art-muted); }
.edith-pager { border-top: 1px solid var(--fm-rule); font-family: var(--art-font); font-size: 14px; }
.edith-pager a { color: var(--art-link); text-decoration: none; }
.edith-pager a:hover { color: var(--art-heading); text-decoration: underline; }

blockquote, .wp-block-quote { margin: 3rem 0; padding: 0; border: 0; font-family: var(--art-heading-font); font-size: clamp(22px, 2vw, 28px); font-style: italic; font-weight: 300; line-height: 1.35; color: var(--art-heading); }
blockquote cite, .wp-block-quote cite { display: block; margin-top: 12px; font-family: var(--art-font); font-size: 13px; font-style: normal; color: var(--art-muted); }
.wp-block-pullquote { border-top: 1px solid var(--fm-rule); border-bottom: 1px solid var(--fm-rule); }

/* Questions and answers (the Details block): rows with a circled + */
.wp-block-details { border-bottom: 1px solid var(--fm-rule); }
.wp-block-details:first-of-type { border-top: 1px solid var(--fm-rule); }
.wp-block-details summary { position: relative; padding: 22px 56px 22px 0; font-family: var(--art-heading-font); font-size: clamp(22px, 2vw, 28px); font-weight: 300; line-height: 1.2; list-style: none; cursor: pointer; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; position: absolute; right: 0; top: 50%; display: grid; place-items: center; width: 36px; height: 36px; margin-top: -18px; border: 1px solid var(--fm-underline); border-radius: 50%; font-family: var(--art-font); font-size: 18px; transition: transform .25s ease; }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details > :not(summary) { margin-bottom: 1rem; color: var(--fm-text-2); }
.wp-block-details > :last-child:not(summary) { padding-bottom: 1.5rem; }

/* ---------- Home ---------- */
.fm-home { padding-top: 0; }
.fm-home > .art-home-section, .fm-home > .art-home-content { margin-top: 0; margin-bottom: clamp(72px, 7vw, 104px); }
.fm-home > :last-child { margin-bottom: 0; }

/* Opening: one line on the left, the slideshow on the right */
.fm-open { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--art-gutter); align-items: center; padding: 40px 0 88px; }
.fm-open--line { grid-template-columns: minmax(0, 1fr); }
.fm-open__line { max-width: 11em; margin: 0; font-size: clamp(32px, 3.4vw, 49px); font-weight: var(--art-heading-weight); line-height: 1.12; letter-spacing: -.01em; text-wrap: balance; }
.fm-open--line .fm-open__line { max-width: 18em; }
.fm-open__next { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); padding: 6px 10px; color: var(--art-muted); transition: color .2s ease, opacity .4s ease; }
.fm-open__next:hover { color: var(--art-heading); }
.fm-open__next svg { display: block; width: 14px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s ease; }
.fm-open__next:hover svg { transform: translateY(4px); }
.fm-open__next.is-gone { opacity: 0; pointer-events: none; }
.fm-open--line .fm-open__next { display: none; }
.fm-anchor { display: block; scroll-margin-top: 40px; }
@media (min-width: 992px) {
    .fm-open { min-height: max(560px, calc(100svh - 92px)); padding-top: 24px; padding-bottom: 76px; }
    .admin-bar .fm-open { min-height: max(560px, calc(100svh - 124px)); }
    .fm-open--line { min-height: 0; }
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

.fm-show { position: relative; }
.fm-show__stage { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--fm-mat); }
.fm-show__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility 0s .7s; }
.fm-show__slide.is-active { opacity: 1; visibility: visible; transition: opacity .7s ease; }
.fm-show__link { display: block; width: 100%; height: 100%; }
.fm-show__img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fm-show__foot { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-top: 12px; }
.fm-show__cap { min-height: 2.9em; margin: 0; font-size: 13px; line-height: 1.45; color: var(--art-muted); }
.fm-show__cap[hidden] { display: none; }
.fm-show__title { display: block; font-family: var(--art-heading-font); font-size: 15px; font-style: italic; color: var(--art-heading); }
.fm-show__sub { display: block; }
.fm-show__ctrl { display: flex; align-items: center; gap: 14px; white-space: nowrap; }
.fm-show__arrow { padding: 2px 4px; border: 0; background: none; font-family: var(--art-meta-font); font-size: 15px; line-height: 1; color: var(--art-heading); }
.fm-show__dots { display: flex; gap: 6px; }
.fm-show__dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: var(--fm-rule); }
.fm-show__dot.is-active { background: var(--art-heading); }

/* On view now: a tinted panel, the picture beside the words */
.fm-onview { padding: 28px 32px 36px; background: var(--art-surface); }
.fm-onview__tag { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 22px; font-family: var(--art-meta-font); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--art-heading); }
.fm-onview__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--art-accent-2); }
.fm-onview__card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: center; }
.fm-onview__card--text { grid-template-columns: minmax(0, 1fr); }
.fm-onview__media { display: flex; justify-content: center; }
.fm-onview__img { width: auto; height: auto; max-width: 100%; max-height: 420px; object-fit: contain; }
.fm-onview__title { margin: 0 0 8px; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.1; }
.fm-onview__title a { color: inherit; text-decoration: none; }
.fm-onview__title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.fm-onview__text { max-width: 56ch; margin: 0 0 6px; font-size: 14.5px; color: var(--fm-text-2); }
.fm-onview__meta { max-width: 56ch; margin: 8px 0 16px; font-size: 13.5px; color: var(--art-muted); }

/* Section headings: a rule, small capitals, a link on the right */
.fm-head { align-items: baseline; gap: 16px; margin-bottom: 28px; padding-top: 14px; border-top: 1px solid var(--art-heading); }
.fm-head__title, .fm-sale .edith-section-title { margin: 0; font-family: var(--art-font); font-size: 13px; font-weight: 500; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; color: var(--art-heading); }
.fm-head__link, .fm-sale .edith-more { font-family: var(--art-font); font-size: 14px; color: var(--art-link); white-space: nowrap; text-decoration: underline; text-decoration-color: var(--fm-underline); text-underline-offset: 4px; }
.fm-head__link:hover, .fm-sale .edith-more:hover { color: var(--art-heading); text-decoration-color: currentColor; }
.fm-sale .art-home-section__head { align-items: baseline; margin-bottom: 28px; padding-top: 14px; border-top: 1px solid var(--art-heading); }

/* Albums as large entries */
.fm-entries__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 52px 32px; }
.fm-entry { display: flex; flex-direction: column; color: var(--art-text); text-decoration: none; }
.fm-entry:hover { color: var(--art-text); }
.fm-entry__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--fm-mat); }
.fm-entry__media img { width: 100%; height: 100%; object-fit: cover; }
.fm-entry__title { display: block; margin: 18px 0 8px; font-family: var(--art-heading-font); font-size: 32px; font-weight: var(--art-heading-weight); line-height: 1.1; color: var(--art-heading); }
.fm-entry:hover .fm-entry__title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.fm-entry__text { display: block; max-width: 36ch; margin-bottom: 14px; color: var(--fm-text-2); }

/* News as a dated list */
.fm-list { margin: 0; padding: 0; list-style: none; }
.fm-list__item { display: grid; grid-template-columns: 96px minmax(0, 1fr) 120px; gap: 16px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--fm-rule); }
.fm-list__year { font-family: var(--art-heading-font); font-size: 22px; font-weight: 300; line-height: 1.1; color: var(--art-heading); }
.fm-list__title { margin: 0; font-family: var(--art-heading-font); font-size: 19px; font-weight: 400; line-height: 1.3; letter-spacing: 0; }
.fm-list__link { color: var(--art-heading); text-decoration: underline; text-decoration-color: var(--fm-underline); text-underline-offset: 5px; }
.fm-list__link::after { content: "\00a0\2192"; font-family: var(--art-font); font-size: 15px; }
.fm-list__link:hover { color: var(--art-heading); text-decoration-color: currentColor; }
.fm-list__line { max-width: none !important; margin: 3px 0 0; font-size: 13.5px; color: var(--art-muted); }
.fm-list__kind { font-family: var(--art-meta-font); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; text-align: right; color: var(--art-muted); }

@media (max-width: 991.98px) {
    .fm-open { grid-template-columns: minmax(0, 1fr); gap: 72px; padding: 52px 0 32px; }
    .fm-open__line { max-width: none; }
    .fm-open__next { display: none; }
    .fm-onview { padding: 20px; }
    .fm-onview__card { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .fm-onview__img { width: 100%; max-height: 70vh; }
    .fm-onview__title { margin-top: 16px; font-size: clamp(26px, 7vw, 32px); }
    .fm-entries__grid { grid-template-columns: minmax(0, 1fr); gap: 44px; }
    .fm-entry__title { font-size: 28px; }
    .fm-list__item { grid-template-columns: 62px minmax(0, 1fr); gap: 4px 12px; }
    .fm-list__year { font-size: 20px; }
    .fm-list__kind { display: none; }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .fm-entries__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 20px; }
}

/* ---------- Galleries, albums and the Album & Image Grid ---------- */
.edith-album__header { max-width: 900px; }
.edith-album__header .edith-page__title { margin-bottom: 14px; }
.edith-album__description { margin-top: 18px; }
.edith-album__description p { max-width: 62ch; font-family: var(--art-heading-font); font-size: 17px; line-height: 1.6; color: var(--art-text); }
.fran-artwork__caption { padding-top: 12px; font-family: var(--art-font); font-size: 12.5px; line-height: 1.45; color: var(--art-muted); }
.fran-artwork__title { display: block; font-family: var(--art-heading-font); font-size: 16.5px; font-style: italic; line-height: 1.25; color: var(--art-heading); }
.fran-series__media { background: var(--fm-mat); }
.fran-series__title { margin-top: 16px; font-family: var(--art-heading-font); font-size: 22px; font-weight: 400; line-height: 1.2; text-transform: none; }
.fran-series__link { color: var(--art-heading); text-decoration: none; }
.fran-series__item:hover .fran-series__link { color: var(--art-heading); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.fran-lightbox__title { font-family: var(--art-heading-font); font-size: 22px; font-style: italic; }
.fran-lightbox__meta { font-family: var(--art-font); font-size: 13.5px; }

/* ---------- News, shop and contact ---------- */
.edith-news-grid { gap: 52px 32px; }
.edith-news-card__media { background: var(--fm-mat); }
.edith-news-card__date { margin-top: 16px; font-size: 12px; letter-spacing: .04em; }
.edith-news-card__title { font-size: 22px; font-weight: 400; line-height: 1.2; }
.edith-news-card__title a, .edith-card__title a { color: var(--art-heading); }
.edith-news-card__title a:hover, .edith-card__title a:hover { color: var(--art-heading); text-decoration: underline; text-underline-offset: 4px; }
.edith-news-card__excerpt { color: var(--fm-text-2); }
.edith-card__title { font-size: 22px; font-weight: 400; }
.edith-card__media { background: var(--fm-mat); }
.edith-shop-grid { gap: 52px 32px; }
.art-news-list__item { border-color: var(--fm-rule); }

.fran-contact .form-label { font-family: var(--art-font); font-size: 13px; font-weight: 500; letter-spacing: .02em; color: var(--art-heading); }
.fran-contact .form-control, .fran-contact .form-select { padding: 10px 0; border: 0; border-bottom: 1px solid var(--art-muted); border-radius: 0; background: transparent; font-size: 16px; }
.fran-contact textarea.form-control { min-height: 150px; padding: 12px; border: 1px solid var(--art-muted); }
.fran-contact .form-control:focus, .fran-contact .form-select:focus { border-color: var(--art-heading); box-shadow: none; }

/* ---------- Footer: one line, the copyright left, email and links right ---------- */
.art-footer { margin-top: clamp(72px, 8vw, 104px); }
.art-footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 22px; max-width: var(--art-max); padding: 30px var(--art-gutter) 40px; }
.art-footer__inner > * { margin: 0; }
.art-footer__label, .art-footer__name, .art-footer__contact > p:last-child { display: none; }
.art-footer__about { order: 1; flex: 1 1 auto; }
.art-footer__about:not(:has(.art-footer__note)) { display: none; }
.art-footer__legal { order: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin-right: auto; }
.art-footer__contact { order: 2; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.art-footer__follow { order: 3; }
.art-footer p { margin: 0; }
.art-footer__menu { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0; }
.art-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.art-footer .art-social { gap: 14px; }
@media (max-width: 767.98px) {
    .art-footer__inner { flex-direction: column; align-items: flex-start; }
    .art-footer__legal { order: 3; margin-right: 0; }
}