/* Reference presentation, adapted for native WordPress markup. */ :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *)::before, :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *)::after { box-sizing: border-box; } html:has(> body.fransman-art-site) { background: var(--color-paper); color: var(--color-ink); scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + var(--space-2)); } body.fransman-art-site { margin: 0; min-width: 280px; background: var(--color-paper); font-family: var(--font-sans); font-size: var(--text-body); line-height: var(--leading-body); } body.fransman-art-site, :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(button), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(input), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(textarea) { -webkit-font-smoothing: antialiased; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(img) { display: block; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(a) { color: inherit; text-decoration: none; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(button), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(input), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(textarea) { color: inherit; font: inherit; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(button) { cursor: pointer; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(p), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(h1), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(h2), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):is(h3) { margin-top: 0; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *)::selection { background: var(--color-accent); color: var(--color-paper); } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *):focus-visible { outline: 1px solid var(--color-accent); outline-offset: 5px; } :where(body.fransman-art-site) .site-header { align-items: center; background: color-mix(in srgb, var(--color-paper) 94%, transparent); display: grid; grid-template-columns: 1fr auto 1fr; height: var(--header-height); left: 0; padding: 0 var(--space-page); position: sticky; right: 0; top: 0; transition: border-color var(--transition), backdrop-filter var(--transition), background var(--transition); z-index: 50; } :where(body.fransman-art-site) .site-header.is-scrolled { backdrop-filter: blur(14px); border-bottom: var(--border-light); background: color-mix(in srgb, var(--color-paper) 90%, transparent); } :where(body.fransman-art-site) .wordmark { align-items: baseline; display: flex; font-family: var(--font-display); font-size: clamp(1.45rem, 1.8vw, 2rem); font-weight: 600; gap: 0.22em; letter-spacing: -0.045em; line-height: 1; text-transform: uppercase; width: max-content; } :where(body.fransman-art-site) .wordmark span:last-child { color: var(--color-accent); font-size: 0.66em; font-style: italic; letter-spacing: 0.02em; } :where(body.fransman-art-site) .desktop-nav { display: flex; gap: clamp(1.25rem, 2.5vw, 3.1rem); } :where(body.fransman-art-site) .desktop-nav a { font-size: var(--text-xs); letter-spacing: 0.1em; position: relative; text-transform: uppercase; } :where(body.fransman-art-site) .desktop-nav a::after { background: var(--color-ink); bottom: -0.55rem; content: ''; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform var(--transition); width: 100%; } :where(body.fransman-art-site) .desktop-nav a:hover::after, :where(body.fransman-art-site) .desktop-nav a:focus-visible::after, :where(body.fransman-art-site) .desktop-nav a[aria-current='page']::after { transform: scaleX(1); transform-origin: left; } :where(body.fransman-art-site) .header-tools { align-items: center; display: flex; gap: 1.2rem; justify-self: end; } :where(body.fransman-art-site) .language-switch { align-items: center; display: flex; font-size: var(--text-xs); gap: 0.35rem; letter-spacing: 0.1em; text-transform: uppercase; } :where(body.fransman-art-site) .language-switch button { background: none; border: 0; color: var(--color-muted); min-height: 2.75rem; min-width: 2.25rem; padding: 0.3rem; } :where(body.fransman-art-site) .language-switch button.is-active { color: var(--color-ink); } :where(body.fransman-art-site) .menu-button { background: none; border: 0; display: none; height: 2.6rem; padding: 0.6rem 0; position: relative; width: 2.1rem; z-index: 70; } :where(body.fransman-art-site) .menu-button span { background: currentColor; display: block; height: 1px; margin: 0.45rem 0 0 auto; transition: transform var(--transition), width var(--transition); width: 100%; } :where(body.fransman-art-site) .menu-button span:last-child { width: 66%; } :where(body.fransman-art-site) .menu-button.is-open span:first-child { transform: translateY(0.24rem) rotate(45deg); } :where(body.fransman-art-site) .menu-button.is-open span:last-child { transform: translateY(-0.24rem) rotate(-45deg); width: 100%; } :where(body.fransman-art-site) .mobile-menu { background: var(--color-paper); display: flex; flex-direction: column; inset: 0; opacity: 0; padding: calc(var(--header-height) + var(--space-4)) var(--space-page) var(--space-4); pointer-events: none; position: fixed; transform: translateY(-1rem); transition: opacity var(--transition), transform var(--transition); z-index: 40; } :where(body.fransman-art-site) .mobile-menu.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); } :where(body.fransman-art-site) .mobile-menu nav { border-top: var(--border); } :where(body.fransman-art-site) .mobile-menu nav a { align-items: center; border-bottom: var(--border); display: flex; font-family: var(--font-display); font-size: clamp(2.25rem, 8vw, 4.25rem); letter-spacing: -0.035em; line-height: 1; min-height: 3.75rem; padding: 0.65rem 0; } :where(body.fransman-art-site) .mobile-menu-bottom { align-items: flex-end; display: flex; justify-content: space-between; margin-top: auto; } :where(body.fransman-art-site) .mobile-menu-bottom .language-switch button { min-width: 2.75rem; } :where(body.fransman-art-site) .mobile-menu-bottom p { color: var(--color-muted); font-size: var(--text-xs); margin: 0; text-transform: uppercase; } :where(body.fransman-art-site) .eyebrow { color: var(--color-muted); font-size: var(--text-xs); letter-spacing: var(--tracking-label); margin: 0 0 var(--space-2); text-transform: uppercase; } :where(body.fransman-art-site) .page-intro { display: grid; grid-template-columns: 1fr 2.2fr 1fr; margin: 0 auto; max-width: var(--page-max); min-height: clamp(21rem, 42vh, 32rem); padding: clamp(3.75rem, 7vw, 6.5rem) var(--space-page) var(--space-section); } :where(body.fransman-art-site) .page-intro h1, :where(body.fransman-art-site) .about-heading h1, :where(body.fransman-art-site) .contact-intro h1 { font-family: var(--font-display); font-size: var(--text-display); font-weight: 400; grid-column: 2; letter-spacing: -0.055em; line-height: var(--leading-tight); margin: 0; } :where(body.fransman-art-site) .page-intro .eyebrow { padding-top: 0.8rem; } :where(body.fransman-art-site) .page-lead { align-self: end; color: var(--color-ink-soft); font-family: var(--font-display); font-size: var(--text-lead); grid-column: 3; line-height: 1.25; margin: 0; max-width: 22rem; } :where(body.fransman-art-site) .section-heading h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.045em; line-height: var(--leading-heading); margin: 0; } :where(body.fransman-art-site) .section-heading.split { align-items: flex-end; display: flex; justify-content: space-between; } :where(body.fransman-art-site) .arrow-link { align-items: center; border-bottom: var(--border); display: flex; font-family: var(--font-sans); font-size: var(--text-xs); gap: 2rem; letter-spacing: 0.1em; padding-bottom: 0.5rem; text-transform: uppercase; width: max-content; } :where(body.fransman-art-site) .arrow-link span { transition: transform var(--transition); } :where(body.fransman-art-site) .arrow-link:hover span { transform: translate(0.18rem, -0.18rem); } :where(body.fransman-art-site) .text-link { background: none; border: 0; border-bottom: var(--border); display: inline-block; font-size: var(--text-sm); padding: 0 0 0.35rem; } /* Home */ :where(body.fransman-art-site) .hero { margin: 0 auto; max-width: var(--page-max); padding: 0 var(--space-page); } :where(body.fransman-art-site) .hero-image-wrap { background: #231f1a; display: block; overflow: hidden; position: relative; } :where(body.fransman-art-site) .hero-image { object-fit: contain; transition: transform 1.2s cubic-bezier(0.2, 0.75, 0.25, 1); } :where(body.fransman-art-site) .hero-image-wrap:hover .hero-image { transform: none; } :where(body.fransman-art-site) .prototype-note { background: rgba(243, 240, 233, 0.9); bottom: 0; font-size: var(--text-micro); left: 0; letter-spacing: 0.1em; margin: 0; padding: 0.65rem 0.8rem; position: absolute; text-transform: uppercase; } :where(body.fransman-art-site) .hero-caption { align-items: start; border-bottom: var(--border); display: grid; gap: var(--grid-gap); grid-template-columns: minmax(0, 1.6fr) minmax(13rem, 0.75fr) auto; padding: clamp(1.25rem, 2.4vw, 2rem) 0; } :where(body.fransman-art-site) .hero h1 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.045em; line-height: var(--leading-tight); margin: 0; } :where(body.fransman-art-site) .hero-meta { color: var(--color-muted); font-size: var(--text-sm); line-height: 1.55; padding-top: 1.35rem; } :where(body.fransman-art-site) .hero-meta p { margin: 0; } :where(body.fransman-art-site) .hero-caption .arrow-link { margin-top: 1.35rem; } :where(body.fransman-art-site) .intro-strip { align-items: start; display: grid; gap: var(--grid-gap); grid-template-columns: minmax(10rem, 0.65fr) minmax(20rem, 1.35fr); margin: 0 auto; max-width: var(--page-max); padding: var(--space-flow) var(--space-page); } :where(body.fransman-art-site) .intro-copy { font-family: var(--font-display); font-size: clamp(1.7rem, 2.65vw, 3.2rem); letter-spacing: -0.035em; line-height: 1.1; margin: 0; max-width: 24em; } :where(body.fransman-art-site) .home-section { margin: 0 auto; max-width: var(--page-max); padding: 0 var(--space-page) var(--space-section); } :where(body.fransman-art-site) .selected-works .section-heading { border-top: var(--border); padding-top: var(--space-4); } :where(body.fransman-art-site) .editorial-art-grid { display: grid; gap: var(--space-artwork) var(--grid-gap); grid-template-columns: repeat(12, 1fr); padding-top: var(--space-flow); } :where(body.fransman-art-site) .editorial-art-grid .artwork-card { --selected-span: 5; --selected-start: 1; grid-column: var(--selected-start) / span var(--selected-span); justify-self: start; width: 100%; } :where(body.fransman-art-site) .editorial-art-grid .artwork-card.ratio-landscape { --selected-span: 7; max-width: min(100%, 111vh); } :where(body.fransman-art-site) .editorial-art-grid .artwork-card.ratio-portrait { --selected-span: 4; max-width: min(100%, 50vh); } :where(body.fransman-art-site) .editorial-art-grid .artwork-card.ratio-square { --selected-span: 5; max-width: min(100%, 72vh); } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(1) { --selected-start: 1; } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(2) { --selected-start: 7; margin-top: var(--space-editorial-offset); } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(3) { --selected-start: 3; margin-top: var(--space-3); } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(4) { --selected-start: 7; margin-top: var(--space-4); } :where(body.fransman-art-site) .editorial-art-grid .artwork-image-frame img { object-fit: contain; } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:hover .artwork-image-frame img { transform: none; } :where(body.fransman-art-site) .collections-section { background: var(--color-paper-deep); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .collections-section .section-heading, :where(body.fransman-art-site) .collection-list { margin: 0 auto; max-width: var(--page-max); } :where(body.fransman-art-site) .collection-list { margin-top: var(--space-flow); } :where(body.fransman-art-site) .collection-list article { align-items: baseline; border-top: var(--border); display: grid; grid-template-columns: 4rem 1fr auto 2rem; padding: clamp(1rem, 2vw, 1.7rem) 0; transition: color var(--transition), padding var(--transition); } :where(body.fransman-art-site) .collection-list article:last-child { border-bottom: var(--border); } :where(body.fransman-art-site) .collection-list article:hover { color: var(--color-accent); padding-left: 0.8rem; } :where(body.fransman-art-site) .collection-list span { font-size: var(--text-micro); } :where(body.fransman-art-site) .collection-list strong { font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 3.3rem); font-weight: 400; letter-spacing: -0.03em; } :where(body.fransman-art-site) .collection-list em { color: var(--color-muted); font-size: var(--text-xs); font-style: normal; text-transform: uppercase; } :where(body.fransman-art-site) .collection-list-arrow { font-style: normal; justify-self: end; } :where(body.fransman-art-site) .collection-list-copy { display: grid; gap: 0.35rem; } :where(body.fransman-art-site) .collection-list-copy .cms-rich-text { color: var(--color-muted); font-family: var(--font-sans); font-size: var(--text-sm); max-width: 38rem; } :where(body.fransman-art-site) .featured-exhibition { display: grid; grid-template-columns: 2.1fr 1fr; margin: 0 auto; max-width: var(--page-max); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .exhibition-image { aspect-ratio: 16 / 10; min-height: 26rem; position: relative; } :where(body.fransman-art-site) .exhibition-image img { object-fit: contain; } :where(body.fransman-art-site) .exhibition-copy { align-self: end; padding: var(--space-5) 0 0 clamp(2rem, 4vw, 5rem); } :where(body.fransman-art-site) .exhibition-copy h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.045em; line-height: 0.95; margin-bottom: 2rem; } :where(body.fransman-art-site) .exhibition-copy > p:not(.eyebrow) { color: var(--color-muted); font-size: var(--text-sm); margin-bottom: 2.5rem; } :where(body.fransman-art-site) .artist-teaser { background: var(--color-ink); color: var(--color-paper); display: grid; grid-template-columns: 1fr 1fr; min-height: 68vh; } :where(body.fransman-art-site) .artist-teaser-copy { align-self: center; padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .artist-teaser-copy .eyebrow { color: #aaa49a; } :where(body.fransman-art-site) .artist-teaser-copy h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.04em; line-height: 1; max-width: 9em; } :where(body.fransman-art-site) .artist-teaser-copy > p:not(.eyebrow) { color: #bbb6ad; font-size: var(--text-sm); max-width: 35rem; } :where(body.fransman-art-site) .artist-teaser-copy .arrow-link { border-color: rgba(243, 240, 233, 0.5); margin-top: 3rem; } :where(body.fransman-art-site) .artist-teaser-image { min-height: 36rem; overflow: hidden; position: relative; } :where(body.fransman-art-site) .artist-teaser-image img { object-fit: contain; } /* Artwork cards and works */ :where(body.fransman-art-site) .artwork-card { align-self: start; animation: fa-reveal 700ms var(--transition) both; animation-delay: var(--delay, 0ms); min-width: 0; } :where(body.fransman-art-site) .artwork-image-link { display: block; } :where(body.fransman-art-site) .artwork-image-frame { background: var(--color-canvas); overflow: hidden; position: relative; } :where(body.fransman-art-site) .artwork-image-frame img { object-fit: contain; transition: transform var(--transition-slow), filter var(--transition); } :where(body.fransman-art-site) .artwork-image-missing { align-items: center; background: var(--color-canvas); color: var(--color-muted); display: flex; font-size: var(--text-xs); justify-content: center; letter-spacing: var(--tracking-label); min-height: 14rem; text-transform: uppercase; } :where(body.fransman-art-site) .artwork-card:hover .artwork-image-frame img { transform: none; } :where(body.fransman-art-site) .sold-mark { align-items: center; background: var(--color-paper); border-radius: 50%; bottom: 1rem; display: flex; font-family: var(--font-display); font-size: var(--text-sm); font-style: italic; height: 4.5rem; justify-content: center; letter-spacing: 0.04em; position: absolute; right: 1rem; text-transform: uppercase; transform: rotate(-5deg); width: 4.5rem; } :where(body.fransman-art-site) .status-mark-reserved { font-size: var(--text-xs); transform: rotate(4deg); } :where(body.fransman-art-site) .artwork-card-meta { border-bottom: var(--border-light); display: grid; font-size: var(--text-sm); gap: 1rem; grid-template-columns: minmax(0, 1fr) auto; padding: 0.85rem 0 1rem; } :where(body.fransman-art-site) .artwork-card-meta h2 { font-family: var(--font-display); font-size: clamp(1.4rem, 2vw, 2.15rem); font-weight: 400; letter-spacing: -0.025em; line-height: 1.05; margin: 0 0 0.25rem; } :where(body.fransman-art-site) .artwork-card-meta p { color: var(--color-muted); line-height: 1.4; margin: 0; } :where(body.fransman-art-site) .artwork-card-status { text-align: right; } :where(body.fransman-art-site) .artwork-card-status p:first-child { color: var(--color-ink); } :where(body.fransman-art-site) .filter-region { border-bottom: var(--border); border-top: var(--border); margin: 0 auto; max-width: var(--page-max); padding: 1.1rem var(--space-page); } :where(body.fransman-art-site) .filter-panel { display: grid; gap: var(--space-5); grid-template-columns: minmax(24rem, 1fr) minmax(0, 1.4fr); } :where(body.fransman-art-site) .filter-group { display: grid; gap: var(--space-2); grid-template-columns: 7rem minmax(0, 1fr); } :where(body.fransman-art-site) .filter-group > p, :where(body.fransman-art-site) .filter-count { color: var(--color-muted); font-size: var(--text-xs); letter-spacing: 0.1em; margin: 0; text-transform: uppercase; } :where(body.fransman-art-site) .filter-group > div { display: flex; flex-wrap: wrap; gap: 0.2rem 1.2rem; } :where(body.fransman-art-site) .filter-group button { background: none; border: 0; border-bottom: 1px solid transparent; color: var(--color-muted); font-size: var(--text-xs); letter-spacing: 0.07em; min-height: 2.4rem; padding: 0.35rem 0 0.25rem; position: relative; text-transform: uppercase; transition: border-color var(--transition-fast), color var(--transition-fast); } :where(body.fransman-art-site) .filter-group button::before { background: transparent; border-radius: 50%; content: ''; display: inline-block; height: 0.32rem; margin-right: 0.5rem; transition: background var(--transition-fast); vertical-align: middle; width: 0.32rem; } :where(body.fransman-art-site) .filter-group button:hover, :where(body.fransman-art-site) .filter-group button:focus-visible { color: var(--color-ink); } :where(body.fransman-art-site) .filter-group button.is-active { border-bottom-color: var(--color-accent); color: var(--color-accent); font-weight: 500; } :where(body.fransman-art-site) .filter-group button.is-active::before { background: currentColor; } :where(body.fransman-art-site) .filter-count { margin-top: 1.2rem; text-align: right; } :where(body.fransman-art-site) .filter-mobile-head { display: none; } :where(body.fransman-art-site) .artwork-grid { display: grid; gap: var(--space-artwork) var(--grid-gap); grid-template-columns: repeat(12, 1fr); margin: 0 auto; max-width: var(--page-max); padding: var(--space-flow) var(--space-page) var(--space-section); } :where(body.fransman-art-site) .artwork-grid .artwork-card { --art-span: 5; --art-start: 1; grid-column: var(--art-start) / span var(--art-span); justify-self: start; width: 100%; } :where(body.fransman-art-site) .artwork-grid .artwork-card.ratio-landscape { --art-span: 6; max-width: min(100%, 105vh); } :where(body.fransman-art-site) .artwork-grid .artwork-card.ratio-portrait { --art-span: 4; max-width: min(100%, 49vh); } :where(body.fransman-art-site) .artwork-grid .artwork-card.ratio-square { --art-span: 5; max-width: min(100%, 70vh); } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 1) { --art-start: 1; } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 2) { --art-start: 8; margin-top: var(--space-editorial-offset); } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 2).ratio-landscape { --art-start: 7; } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 3) { --art-start: 2; } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 4) { --art-start: 7; margin-top: var(--space-3); } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 5) { --art-start: 1; } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(6n + 6) { --art-start: 7; margin-top: var(--space-4); } :where(body.fransman-art-site) .artwork-grid .artwork-image-frame img { object-fit: contain; } :where(body.fransman-art-site) .artwork-grid .artwork-card:hover .artwork-image-frame img { transform: none; } /* Artwork detail */ :where(body.fransman-art-site) .detail-breadcrumb { align-items: center; display: flex; font-size: var(--text-xs); gap: 1rem; letter-spacing: 0.1em; margin: 0 auto; max-width: var(--page-max); padding: 1rem var(--space-page); text-transform: uppercase; } :where(body.fransman-art-site) .detail-breadcrumb > span { margin-left: auto; } :where(body.fransman-art-site) .artwork-primary { margin: 0 auto; max-width: var(--page-max); padding: 0 var(--space-page); } :where(body.fransman-art-site) .artwork-primary-image { background: none; border: 0; display: block; padding: 0; width: 100%; } :where(body.fransman-art-site) .artwork-primary-image > span { background: var(--color-canvas); display: block; overflow: hidden; position: relative; width: 100%; } :where(body.fransman-art-site) .artwork-primary-image img { object-fit: contain; transition: transform var(--transition-slow); } :where(body.fransman-art-site) .artwork-primary-image:hover img { transform: none; } :where(body.fransman-art-site) .artwork-primary--landscape .artwork-primary-image { margin: 0 auto; max-width: min(82vw, 100rem); } :where(body.fransman-art-site) .artwork-primary--square .artwork-primary-image { margin: 0 auto; max-width: min(68vw, 72rem); } :where(body.fransman-art-site) .artwork-primary--portrait { align-items: start; display: grid; gap: clamp(2.5rem, 5vw, 6rem); grid-template-columns: minmax(22rem, 38rem) minmax(20rem, 29rem); justify-content: center; } :where(body.fransman-art-site) .artwork-primary--portrait .artwork-primary-copy { align-self: center; } :where(body.fransman-art-site) .artwork-information { display: grid; gap: clamp(2rem, 4vw, 4.5rem); grid-template-columns: 1.35fr 1fr 0.72fr; padding: var(--space-flow) 0 var(--space-section); } :where(body.fransman-art-site) .artwork-primary--portrait .artwork-information { gap: var(--space-5); grid-template-columns: 1fr; padding: var(--space-3) 0 var(--space-5); } :where(body.fransman-art-site) .artwork-kicker { align-items: baseline; display: flex; gap: var(--space-3); justify-content: space-between; } :where(body.fransman-art-site) .artwork-kicker .eyebrow { margin-bottom: var(--space-3); } :where(body.fransman-art-site) .artwork-status { color: var(--color-muted); font-size: var(--text-xs); letter-spacing: 0.1em; text-transform: uppercase; } :where(body.fransman-art-site) .artwork-status.status-sold { color: var(--color-accent); } :where(body.fransman-art-site) .artwork-title-block h1 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.045em; line-height: 0.98; margin-bottom: var(--space-4); overflow-wrap: anywhere; } :where(body.fransman-art-site) .artwork-description { color: var(--color-ink-soft); font-family: var(--font-display); font-size: var(--text-lead); line-height: 1.3; max-width: 36rem; } :where(body.fransman-art-site) .artwork-facts { border-top: var(--border); font-size: var(--text-sm); margin: 0; } :where(body.fransman-art-site) .artwork-facts > div { border-bottom: var(--border-light); display: grid; gap: 1rem; grid-template-columns: minmax(6rem, 0.72fr) 1fr; padding: 0.72rem 0; } :where(body.fransman-art-site) .artwork-facts dt { color: var(--color-muted); } :where(body.fransman-art-site) .artwork-facts dd { margin: 0; } :where(body.fransman-art-site) .artwork-facts strong { font-family: var(--font-display); font-size: 1.5rem; font-weight: 400; } :where(body.fransman-art-site) .artwork-facts small { color: var(--color-muted); display: block; margin-top: 0.2rem; } :where(body.fransman-art-site) .enquiry-actions { align-self: start; display: flex; flex-direction: column; gap: 0.8rem; } :where(body.fransman-art-site) .primary-button, :where(body.fransman-art-site) .secondary-button { align-items: center; border: 1px solid var(--color-ink); display: flex; font-size: var(--text-xs); justify-content: space-between; letter-spacing: 0.09em; min-height: 3.6rem; padding: 0.8rem 1.1rem; text-transform: uppercase; transition: background var(--transition), color var(--transition); width: 100%; } :where(body.fransman-art-site) .primary-button { background: var(--color-ink); color: var(--color-paper); } :where(body.fransman-art-site) .primary-button:hover { background: var(--color-accent); border-color: var(--color-accent); } :where(body.fransman-art-site) .secondary-button { background: transparent; } :where(body.fransman-art-site) .secondary-button:hover { background: var(--color-paper-deep); } :where(body.fransman-art-site) .detail-gallery { border-top: var(--border); display: grid; gap: var(--space-artwork) var(--grid-gap); grid-template-columns: repeat(12, 1fr); margin: 0 auto; max-width: var(--page-max); padding: var(--space-section) var(--space-page) var(--space-6); } :where(body.fransman-art-site) .detail-gallery-item { background: none; border: 0; grid-column: span 6; padding: 0; position: relative; text-align: left; } :where(body.fransman-art-site) .detail-gallery-item > span { background: var(--color-canvas); display: block; overflow: hidden; position: relative; } :where(body.fransman-art-site) .detail-gallery-item img { object-fit: contain; transition: transform var(--transition-slow); } :where(body.fransman-art-site) .detail-gallery-item:hover img { transform: none; } :where(body.fransman-art-site) .detail-gallery-item.gallery-landscape { grid-column: span 8; } :where(body.fransman-art-site) .detail-gallery-item.gallery-portrait { grid-column: span 5; } :where(body.fransman-art-site) .detail-gallery-item.gallery-square { grid-column: span 6; } :where(body.fransman-art-site) .detail-gallery-item.sequence-1 { grid-column: 1 / span 8; } :where(body.fransman-art-site) .detail-gallery-item.sequence-2 { grid-column: 8 / span 5; margin-top: var(--space-editorial-offset); } :where(body.fransman-art-site) .detail-gallery-item.sequence-3 { grid-column: 2 / span 10; } :where(body.fransman-art-site) .detail-gallery-item.sequence-4 { grid-column: 1 / span 5; } :where(body.fransman-art-site) .detail-gallery-item.sequence-5 { grid-column: 7 / span 6; margin-top: var(--space-4); } :where(body.fransman-art-site) .detail-gallery-item.sequence-6 { grid-column: 3 / span 8; } :where(body.fransman-art-site) .related-section { border-top: var(--border); margin: 0 var(--space-page); padding: var(--space-6) 0 var(--space-section); } :where(body.fransman-art-site) .related-grid { display: grid; gap: var(--grid-gap); grid-template-columns: repeat(3, 1fr); margin-top: var(--space-flow); } :where(body.fransman-art-site) .lightbox { background: var(--color-overlay); color: var(--color-paper); inset: 0; position: fixed; z-index: 100; } :where(body.fransman-art-site) .lightbox-bar { align-items: center; display: grid; font-size: var(--text-xs); grid-template-columns: 1fr auto auto auto; height: 4.5rem; letter-spacing: 0.08em; padding: 0 var(--space-page); text-transform: uppercase; } :where(body.fransman-art-site) .lightbox-bar p { margin: 0; } :where(body.fransman-art-site) .lightbox-bar button { background: none; border: 0; color: inherit; margin-left: 2rem; min-height: 2.75rem; min-width: 2.75rem; padding: 0; text-transform: uppercase; } :where(body.fransman-art-site) .lightbox-image { inset: 4.5rem clamp(3rem, 8vw, 9rem) 2rem; overflow: auto; position: absolute; } :where(body.fransman-art-site) .lightbox-image img { object-fit: contain; transition: transform var(--transition); } :where(body.fransman-art-site) .lightbox-image.is-zoomed { cursor: zoom-out; } :where(body.fransman-art-site) .lightbox-image.is-zoomed img { object-fit: contain; transform: scale(1.75); } :where(body.fransman-art-site) .lightbox-nav { background: none; border: 0; color: var(--color-paper); font-size: 1.6rem; min-height: 2.75rem; min-width: 2.75rem; padding: 1rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } :where(body.fransman-art-site) .lightbox-nav.previous { left: 1rem; } :where(body.fransman-art-site) .lightbox-nav.next { right: 1rem; } /* Modal and forms */ :where(body.fransman-art-site) .modal-backdrop { align-items: center; background: rgba(15, 14, 12, 0.72); display: flex; inset: 0; justify-content: flex-end; position: fixed; z-index: 90; } :where(body.fransman-art-site) .enquiry-modal { background: var(--color-paper); height: 100%; overflow-y: auto; padding: clamp(2rem, 5vw, 5rem); position: relative; width: min(100%, 45rem); } :where(body.fransman-art-site) .modal-close { background: none; border: 0; font-family: var(--font-display); font-size: 2rem; position: absolute; right: 2rem; top: 1.5rem; } :where(body.fransman-art-site) .enquiry-modal h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.04em; line-height: 0.95; margin-bottom: 3rem; } :where(body.fransman-art-site) .enquiry-modal form, :where(body.fransman-art-site) .contact-form { display: grid; gap: 1.6rem; } :where(body.fransman-art-site) .enquiry-modal label, :where(body.fransman-art-site) .contact-form label { display: grid; gap: 0.5rem; } :where(body.fransman-art-site) .enquiry-modal label span, :where(body.fransman-art-site) .contact-form label span { color: var(--color-muted); font-size: var(--text-xs); letter-spacing: 0.09em; text-transform: uppercase; } :where(body.fransman-art-site) .enquiry-modal input, :where(body.fransman-art-site) .enquiry-modal textarea, :where(body.fransman-art-site) .contact-form input, :where(body.fransman-art-site) .contact-form textarea { background: transparent; border: 0; border-bottom: var(--border); border-radius: 0; outline: 0; padding: 0.6rem 0; resize: vertical; width: 100%; } :where(body.fransman-art-site) .enquiry-modal input:focus, :where(body.fransman-art-site) .enquiry-modal textarea:focus, :where(body.fransman-art-site) .contact-form input:focus, :where(body.fransman-art-site) .contact-form textarea:focus { border-color: var(--color-accent); } :where(body.fransman-art-site) .form-note, :where(body.fransman-art-site) .form-submit p { color: var(--color-muted); font-size: var(--text-xs); margin: 0; } :where(body.fransman-art-site) .form-success { border-top: var(--border); padding-top: 2rem; } :where(body.fransman-art-site) .enquiry-form-submit { display: grid; gap: 1rem; } :where(body.fransman-art-site) .enquiry-form-submit .primary-button { width: 100%; } :where(body.fransman-art-site) .enquiry-honeypot { height: 1px; left: -10000px; overflow: hidden; position: absolute; width: 1px; } :where(body.fransman-art-site) .form-feedback { border-left: 2px solid var(--color-accent); color: var(--color-ink-soft); font-size: var(--text-sm); margin: 0; padding: 0.7rem 0 0.7rem 1rem; } :where(body.fransman-art-site) .form-feedback.is-error { border-left-color: #9b392f; color: #7e2d25; } :where(body.fransman-art-site) .form-feedback.preview-only { background: var(--color-paper-deep); padding-right: 1rem; } :where(body.fransman-art-site) .primary-button:disabled { cursor: not-allowed; opacity: 0.5; } /* Exhibitions */ :where(body.fransman-art-site) .exhibitions-list { margin: 0 auto; max-width: var(--page-max); padding: 0 var(--space-page) var(--space-section); } :where(body.fransman-art-site) .exhibition-row { border-top: var(--border); display: grid; gap: clamp(2rem, 6vw, 7rem); grid-template-columns: 1.55fr 1fr; padding: clamp(2rem, 5vw, 5rem) 0; } :where(body.fransman-art-site) .exhibition-row:last-child { border-bottom: var(--border); } :where(body.fransman-art-site) .exhibition-row-image { aspect-ratio: 16 / 10; overflow: hidden; position: relative; } :where(body.fransman-art-site) .exhibition-row-image img { object-fit: contain; transition: transform var(--transition-slow); } :where(body.fransman-art-site) .exhibition-row-image:hover img { transform: none; } :where(body.fransman-art-site) .exhibition-row-copy { align-self: center; } :where(body.fransman-art-site) .exhibition-row-copy h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.04em; line-height: 0.95; margin-bottom: 2.5rem; } :where(body.fransman-art-site) .exhibition-row-copy dl { border-top: var(--border); font-size: var(--text-sm); margin: 0 0 2.5rem; } :where(body.fransman-art-site) .exhibition-row-copy dl div { border-bottom: var(--border-light); display: grid; grid-template-columns: 7rem 1fr; padding: 0.7rem 0; } :where(body.fransman-art-site) .exhibition-row-copy dd { margin: 0; } :where(body.fransman-art-site) .exhibition-row-copy dt { color: var(--color-muted); } :where(body.fransman-art-site) .exhibition-detail-hero { margin: 0 auto; max-width: var(--page-max); padding: 0 var(--space-page); } :where(body.fransman-art-site) .exhibition-detail-image { aspect-ratio: 16 / 8.5; position: relative; } :where(body.fransman-art-site) .exhibition-detail-image img { object-fit: contain; } :where(body.fransman-art-site) .exhibition-image-missing { align-items: center; background: var(--color-canvas); color: var(--color-muted); display: flex; font-size: var(--text-xs); justify-content: center; letter-spacing: var(--tracking-label); text-transform: uppercase; } :where(body.fransman-art-site) .exhibition-detail-heading { align-items: end; border-bottom: var(--border); display: grid; grid-template-columns: 1fr 3fr; padding: clamp(2rem, 5vw, 5rem) 0; } :where(body.fransman-art-site) .exhibition-detail-heading h1 { font-family: var(--font-display); font-size: var(--text-display); font-weight: 400; letter-spacing: -0.055em; line-height: 0.85; margin: 0; } :where(body.fransman-art-site) .exhibition-detail-copy { display: grid; gap: 4rem; grid-template-columns: 1fr 2fr; margin: 0 auto; max-width: var(--page-max); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .exhibition-detail-copy > div:first-child > p:not(.eyebrow) { color: var(--color-muted); font-size: var(--text-sm); } :where(body.fransman-art-site) .exhibition-information-line { display: block; } :where(body.fransman-art-site) .exhibition-detail-copy > div:last-child { max-width: var(--copy-max); } :where(body.fransman-art-site) .preview-empty-copy { color: var(--color-muted); font-size: var(--text-sm); } :where(body.fransman-art-site) .large-body { font-family: var(--font-display); font-size: var(--text-lead); line-height: 1.3; } :where(body.fransman-art-site) .exhibition-mosaic { align-items: end; display: grid; gap: var(--grid-gap); grid-template-columns: 1.5fr 0.8fr; margin: 0 auto; max-width: var(--page-max); padding: 0 var(--space-page) var(--space-section); } :where(body.fransman-art-site) .exhibition-mosaic > div { position: relative; } :where(body.fransman-art-site) .exhibition-mosaic img { object-fit: contain; } /* Authenticated draft preview */ :where(body.fransman-art-site) .preview-page { padding-bottom: 5.5rem; } :where(body.fransman-art-site) .preview-indicator { align-items: center; background: var(--color-ink); bottom: 0; color: var(--color-paper); display: flex; justify-content: space-between; left: 0; min-height: 4.5rem; padding: 0.75rem var(--space-page); position: fixed; right: 0; z-index: 80; } :where(body.fransman-art-site) .preview-indicator-status { align-items: center; display: flex; gap: 0.75rem; } :where(body.fransman-art-site) .preview-indicator-status > span { background: #d2a23d; border-radius: 50%; height: 0.55rem; width: 0.55rem; } :where(body.fransman-art-site) .preview-indicator-status div { display: grid; gap: 0.1rem; } :where(body.fransman-art-site) .preview-indicator strong { font-size: var(--text-xs); letter-spacing: var(--tracking-label); text-transform: uppercase; } :where(body.fransman-art-site) .preview-indicator small { color: #c5c0b6; font-size: var(--text-micro); letter-spacing: 0.08em; text-transform: uppercase; } :where(body.fransman-art-site) .preview-indicator nav { align-items: center; display: flex; gap: 0.8rem; } :where(body.fransman-art-site) .preview-indicator nav a { border: 1px solid rgba(243, 240, 233, 0.5); font-size: var(--text-xs); letter-spacing: 0.08em; min-height: 2.75rem; padding: 0.75rem 1rem; text-transform: uppercase; } :where(body.fransman-art-site) .preview-indicator nav a:hover { border-color: var(--color-paper); } :where(body.fransman-art-site) .preview-indicator nav .preview-exit { background: var(--color-paper); color: var(--color-ink); } body.fransman-art-site:has(.preview-page) .site-header { z-index: 100; } body.fransman-art-site:has(.preview-page) .mobile-menu { z-index: 90; } /* About and contact */ :where(body.fransman-art-site) .about-hero { display: grid; grid-template-columns: 0.9fr 1.1fr; margin: 0 auto; max-width: var(--page-max); min-height: calc(100vh - var(--header-height)); padding: 0 var(--space-page); } :where(body.fransman-art-site) .about-heading { align-self: center; padding-right: clamp(2rem, 6vw, 7rem); } :where(body.fransman-art-site) .about-heading h1 { grid-column: auto; } :where(body.fransman-art-site) .about-heading > p:last-child { color: var(--color-muted); font-size: var(--text-sm); margin-top: 2rem; } :where(body.fransman-art-site) .about-image { min-height: 42rem; position: relative; } :where(body.fransman-art-site) .about-image img { object-fit: contain; } :where(body.fransman-art-site) .about-image span { background: var(--color-paper); bottom: 0; font-size: var(--text-micro); left: 0; letter-spacing: 0.1em; padding: 0.6rem 0.7rem; position: absolute; text-transform: uppercase; } :where(body.fransman-art-site) .about-copy { display: grid; gap: 4rem; grid-template-columns: 1fr 2fr; margin: 0 auto; max-width: var(--page-max); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .about-copy > div { max-width: var(--copy-max); } :where(body.fransman-art-site) .about-copy .arrow-link { margin-top: 3rem; } :where(body.fransman-art-site) .about-history { background: var(--color-paper-deep); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .about-history > * { margin-left: auto; margin-right: auto; max-width: var(--page-max); } :where(body.fransman-art-site) .history-placeholder { border-bottom: var(--border); border-top: var(--border); display: grid; gap: 2rem; grid-template-columns: 1fr 3fr; margin-top: 4rem; padding: 1.4rem 0; } :where(body.fransman-art-site) .history-placeholder p { color: var(--color-muted); margin: 0; } :where(body.fransman-art-site) .about-socials { display: grid; grid-template-columns: 1fr repeat(3, auto); gap: 2rem; margin-top: 5rem; } :where(body.fransman-art-site) .about-socials a { border-bottom: var(--border); font-size: var(--text-sm); } :where(body.fransman-art-site) .contact-intro { align-items: end; display: grid; gap: 4rem; grid-template-columns: 2fr 1fr; margin: 0 auto; max-width: var(--page-max); min-height: clamp(26rem, 58vh, 45rem); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .contact-intro h1 { grid-column: auto; } :where(body.fransman-art-site) .contact-intro > p { color: var(--color-ink-soft); font-family: var(--font-display); font-size: var(--text-lead); line-height: 1.3; margin: 0; } :where(body.fransman-art-site) .contact-layout { border-top: var(--border); display: grid; gap: clamp(3rem, 10vw, 11rem); grid-template-columns: 2fr 1fr; margin: 0 var(--space-page); padding: var(--space-section) 0; } :where(body.fransman-art-site) .form-row { display: grid; gap: var(--grid-gap); grid-template-columns: 1fr 1fr; } :where(body.fransman-art-site) .form-submit { align-items: center; display: flex; gap: 2rem; justify-content: space-between; } :where(body.fransman-art-site) .form-submit .primary-button { max-width: 18rem; } :where(body.fransman-art-site) .contact-layout aside { display: flex; flex-direction: column; gap: 3rem; } :where(body.fransman-art-site) .contact-layout aside div { border-top: var(--border); padding-top: 1rem; } :where(body.fransman-art-site) .contact-layout aside a { display: block; font-size: var(--text-sm); margin-bottom: 0.4rem; } :where(body.fransman-art-site) .contact-layout aside p:not(.eyebrow) { color: var(--color-muted); font-size: var(--text-sm); } :where(body.fransman-art-site) .contact-success h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; line-height: 1; } :where(body.fransman-art-site) .about-hero--text-only { grid-template-columns: minmax(0, 1fr); min-height: clamp(30rem, 68vh, 50rem); } :where(body.fransman-art-site) .about-hero--text-only .about-heading { max-width: 56rem; } :where(body.fransman-art-site) .content-empty { margin: 0 auto; max-width: var(--page-max); padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .content-empty h1, :where(body.fransman-art-site) .content-empty h2 { font-family: var(--font-display); font-size: var(--text-heading); font-weight: 400; letter-spacing: -0.04em; line-height: var(--leading-heading); margin: 0; max-width: 14em; } :where(body.fransman-art-site) .home-empty-hero { min-height: clamp(28rem, 65vh, 54rem); } /* Payload Lexical rich text */ :where(body.fransman-art-site) .cms-rich-text { color: inherit; } :where(body.fransman-art-site) .cms-rich-text > :first-child { margin-top: 0; } :where(body.fransman-art-site) .cms-rich-text > :last-child { margin-bottom: 0; } :where(body.fransman-art-site) .cms-rich-text p { margin: 0 0 1em; } :where(body.fransman-art-site) .cms-rich-text h2, :where(body.fransman-art-site) .cms-rich-text h3, :where(body.fransman-art-site) .cms-rich-text h4 { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.025em; line-height: 1.1; margin: 1.45em 0 0.55em; } :where(body.fransman-art-site) .cms-rich-text h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); } :where(body.fransman-art-site) .cms-rich-text h3 { font-size: clamp(1.45rem, 2.3vw, 2.1rem); } :where(body.fransman-art-site) .cms-rich-text h4 { font-size: var(--text-lead); } :where(body.fransman-art-site) .cms-rich-text ul, :where(body.fransman-art-site) .cms-rich-text ol { margin: 0 0 1.1em; padding-left: 1.35em; } :where(body.fransman-art-site) .cms-rich-text li + li { margin-top: 0.35em; } :where(body.fransman-art-site) .cms-rich-text a { border-bottom: 1px solid currentColor; text-underline-offset: 0.18em; } :where(body.fransman-art-site) .cms-rich-text strong { font-weight: 600; } :where(body.fransman-art-site) .cms-rich-text em { font-style: italic; } :where(body.fransman-art-site) .not-found { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; min-height: 65vh; padding: var(--space-section) var(--space-page); } :where(body.fransman-art-site) .not-found h1 { font-family: var(--font-display); font-size: var(--text-display); font-weight: 400; line-height: 0.9; } /* Footer */ :where(body.fransman-art-site) .site-footer { background: var(--color-paper-deep); border-top: var(--border); padding: var(--space-section) var(--space-page) 2rem; } :where(body.fransman-art-site) .footer-top { align-items: baseline; display: flex; justify-content: space-between; } :where(body.fransman-art-site) .footer-wordmark { font-family: var(--font-display); font-size: clamp(3.6rem, 9vw, 9.5rem); letter-spacing: -0.06em; line-height: 0.8; margin: 0; text-transform: uppercase; } :where(body.fransman-art-site) .footer-statement { color: var(--color-muted); font-size: var(--text-sm); max-width: 18rem; } :where(body.fransman-art-site) .footer-grid { border-top: var(--border); display: grid; gap: 2rem; grid-template-columns: 2fr 1fr 1fr 0.6fr; margin-top: var(--space-flow); padding: 1.35rem 0 var(--space-6); } :where(body.fransman-art-site) .footer-grid > div { display: flex; flex-direction: column; } :where(body.fransman-art-site) .footer-grid a, :where(body.fransman-art-site) .footer-grid button { background: none; border: 0; font-size: var(--text-sm); margin-bottom: 0.35rem; padding: 0; text-align: left; width: max-content; } :where(body.fransman-art-site) .footer-grid button { color: var(--color-muted); display: inline; } :where(body.fransman-art-site) .footer-grid button.is-active { color: var(--color-ink); } :where(body.fransman-art-site) .footer-legal { border-top: var(--border-light); color: var(--color-muted); display: flex; font-size: var(--text-micro); justify-content: space-between; letter-spacing: 0.08em; padding-top: 1rem; text-transform: uppercase; } @keyframes fa-reveal { from { opacity: 0; transform: translateY(1.2rem); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 1100px) { :where(body.fransman-art-site) .desktop-nav { gap: 1.2rem; } :where(body.fransman-art-site) .desktop-nav a { font-size: 0.62rem; } :where(body.fransman-art-site) .page-intro { grid-template-columns: 0.7fr 2fr; } :where(body.fransman-art-site) .page-intro h1 { grid-column: 2; } :where(body.fransman-art-site) .page-lead { grid-column: 2; margin-top: 2rem; } :where(body.fransman-art-site) .hero-caption { grid-template-columns: 1.4fr 0.8fr; } :where(body.fransman-art-site) .hero-caption .arrow-link { grid-column: 2; margin-top: 0; } :where(body.fransman-art-site) .artwork-primary--portrait { grid-template-columns: minmax(18rem, 1fr) minmax(19rem, 0.8fr); } :where(body.fransman-art-site) .artwork-primary--landscape .artwork-information, :where(body.fransman-art-site) .artwork-primary--square .artwork-information { grid-template-columns: 1.2fr 1fr; } :where(body.fransman-art-site) .artwork-primary--landscape .enquiry-actions, :where(body.fransman-art-site) .artwork-primary--square .enquiry-actions { grid-column: 2; } :where(body.fransman-art-site) .filter-panel { grid-template-columns: 1fr; } } @media (max-width: 820px) { :where(body.fransman-art-site) .site-header { grid-template-columns: 1fr auto; } :where(body.fransman-art-site) .desktop-nav { display: none; } :where(body.fransman-art-site) .site-header > .header-tools > .language-switch { display: none; } :where(body.fransman-art-site) .menu-button { display: block; } :where(body.fransman-art-site) .page-intro { display: block; min-height: 21rem; padding-top: var(--space-6); } :where(body.fransman-art-site) .page-intro h1 { margin-top: 1.5rem; } :where(body.fransman-art-site) .page-lead { margin-top: 2rem; } :where(body.fransman-art-site) .hero { padding: 0; } :where(body.fransman-art-site) .hero-caption { grid-template-columns: 1fr auto; padding: 1.2rem var(--space-page) var(--space-4); } :where(body.fransman-art-site) .hero-caption > div:first-child { grid-column: 1 / -1; } :where(body.fransman-art-site) .hero-meta { grid-column: 1; padding-top: 0; } :where(body.fransman-art-site) .hero-caption .arrow-link { align-self: end; grid-column: 2; margin-top: 0; } :where(body.fransman-art-site) .hero h1 { font-size: clamp(2.5rem, 10vw, 4rem); } :where(body.fransman-art-site) .intro-strip { grid-template-columns: 1fr; padding-top: var(--space-flow); } :where(body.fransman-art-site) .section-heading.split { align-items: start; flex-direction: column; gap: var(--space-4); } :where(body.fransman-art-site) .editorial-art-grid { grid-template-columns: 1fr 1fr; } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(n) { grid-column: auto; margin-top: 0; max-width: 100%; width: 100%; } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(even) { margin-top: var(--space-editorial-offset); } :where(body.fransman-art-site) .collection-list article { grid-template-columns: 2.2rem 1fr 1.5rem; } :where(body.fransman-art-site) .collection-list em { display: none; } :where(body.fransman-art-site) .collection-list-arrow { grid-column: 3; } :where(body.fransman-art-site) .featured-exhibition { grid-template-columns: 1fr; } :where(body.fransman-art-site) .exhibition-image { min-height: 0; } :where(body.fransman-art-site) .exhibition-copy { padding: 2rem 0 0; } :where(body.fransman-art-site) .artist-teaser { grid-template-columns: 1fr; } :where(body.fransman-art-site) .artist-teaser-image { grid-row: 1; min-height: 58svh; } :where(body.fransman-art-site) .filter-region { margin: 0; padding: 0 var(--space-page); } :where(body.fransman-art-site) .filter-mobile-head { align-items: center; border-bottom: var(--border); display: flex; justify-content: space-between; padding: 1rem 0; } :where(body.fransman-art-site) .filter-mobile-head button { align-items: center; background: none; border: 0; display: flex; justify-content: space-between; min-height: 2.75rem; padding: 0; width: 7rem; } :where(body.fransman-art-site) .filter-mobile-head > span { color: var(--color-muted); font-size: var(--text-xs); } :where(body.fransman-art-site) .filter-panel { display: none; padding: 1.5rem 0; } :where(body.fransman-art-site) .filter-panel.is-open { display: grid; } :where(body.fransman-art-site) .filter-group { grid-template-columns: 1fr; } :where(body.fransman-art-site) .filter-group > p { margin-bottom: 0.8rem; } :where(body.fransman-art-site) .filter-group > div { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.35rem; scrollbar-width: thin; } :where(body.fransman-art-site) .filter-group button { flex: 0 0 auto; min-height: 2.75rem; padding: 0.25rem 0; } :where(body.fransman-art-site) .filter-count { display: none; } :where(body.fransman-art-site) .artwork-grid { grid-template-columns: 1fr 1fr; padding-top: var(--space-flow); } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(n) { grid-column: auto; margin-top: 0; max-width: 100%; width: 100%; } :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(even) { margin-top: var(--space-editorial-offset); } :where(body.fransman-art-site) .artwork-primary--portrait { display: block; } :where(body.fransman-art-site) .artwork-primary--portrait .artwork-primary-image { margin: 0 auto; max-width: 32rem; } :where(body.fransman-art-site) .artwork-primary--landscape .artwork-primary-image, :where(body.fransman-art-site) .artwork-primary--square .artwork-primary-image { max-width: 100%; } :where(body.fransman-art-site) .artwork-information, :where(body.fransman-art-site) .artwork-primary--portrait .artwork-information { gap: var(--space-5); grid-template-columns: 1fr; padding: var(--space-5) 0 var(--space-section); } :where(body.fransman-art-site) .enquiry-actions { grid-column: auto; } :where(body.fransman-art-site) .detail-gallery { grid-template-columns: 1fr; margin: 0 var(--space-page); padding: var(--space-section) 0 var(--space-6); } :where(body.fransman-art-site) .detail-gallery-item:nth-child(n) { grid-column: auto; margin: 0; } :where(body.fransman-art-site) .related-grid { grid-template-columns: 1fr 1fr; } :where(body.fransman-art-site) .related-grid .artwork-card:last-child { display: none; } :where(body.fransman-art-site) .lightbox-bar { grid-template-columns: 1fr auto auto; } :where(body.fransman-art-site) .lightbox-bar p:first-child { display: none; } :where(body.fransman-art-site) .lightbox-bar button { margin-left: 1rem; } :where(body.fransman-art-site) .lightbox-image { inset: 4.5rem 2.8rem 1rem; } :where(body.fransman-art-site) .lightbox-nav.previous { left: 0; } :where(body.fransman-art-site) .lightbox-nav.next { right: 0; } :where(body.fransman-art-site) .exhibition-row { grid-template-columns: 1fr; } :where(body.fransman-art-site) .exhibition-detail-heading { grid-template-columns: 1fr; } :where(body.fransman-art-site) .exhibition-detail-heading h1 { margin-top: 1rem; } :where(body.fransman-art-site) .exhibition-detail-copy { grid-template-columns: 1fr; } :where(body.fransman-art-site) .exhibition-mosaic { grid-template-columns: 1fr 0.65fr; } :where(body.fransman-art-site) .about-hero { grid-template-columns: 1fr; } :where(body.fransman-art-site) .about-heading { padding: 4rem 0; } :where(body.fransman-art-site) .about-image { min-height: 75vh; } :where(body.fransman-art-site) .about-copy { grid-template-columns: 1fr; } :where(body.fransman-art-site) .about-history .section-heading h2 { max-width: 8em; } :where(body.fransman-art-site) .about-socials { grid-template-columns: 1fr; } :where(body.fransman-art-site) .contact-intro { grid-template-columns: 1fr; min-height: 29rem; } :where(body.fransman-art-site) .contact-layout { grid-template-columns: 1fr; } :where(body.fransman-art-site) .footer-top { align-items: flex-start; flex-direction: column; } :where(body.fransman-art-site) .footer-wordmark { font-size: clamp(3.4rem, 17vw, 8rem); } :where(body.fransman-art-site) .footer-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { body.fransman-art-site { --text-lead: clamp(1.12rem, 4.8vw, 1.35rem); --text-heading: clamp(2.2rem, 11vw, 3rem); --text-display: clamp(2.55rem, 14vw, 3.6rem); --space-page: clamp(1rem, 5vw, 1.4rem); --space-section: 3.5rem; --space-artwork: 3rem; --space-flow: 3rem; --space-editorial-offset: 2rem; --header-height: 4.25rem; } :where(body.fransman-art-site) .mobile-menu nav a { font-size: clamp(2rem, 10vw, 3.2rem); } :where(body.fransman-art-site) .mobile-menu-bottom p { display: none; } :where(body.fransman-art-site) .hero-caption { grid-template-columns: 1fr; } :where(body.fransman-art-site) .hero-caption .arrow-link { grid-column: auto; } :where(body.fransman-art-site) .editorial-art-grid, :where(body.fransman-art-site) .artwork-grid { display: block; } :where(body.fransman-art-site) .editorial-art-grid .artwork-card:nth-child(n), :where(body.fransman-art-site) .artwork-grid .artwork-card:nth-child(n) { margin: 0 0 var(--space-artwork); } :where(body.fransman-art-site) .artwork-card-meta { grid-template-columns: 1fr auto; } :where(body.fransman-art-site) .artwork-card-meta h2 { font-size: clamp(1.35rem, 7vw, 1.8rem); } :where(body.fransman-art-site) .collection-list strong { font-size: 1.65rem; } :where(body.fransman-art-site) .artist-teaser-image { min-height: 52svh; } :where(body.fransman-art-site) .artwork-title-block h1 { overflow-wrap: normal; word-break: normal; } :where(body.fransman-art-site) .artwork-facts > div { grid-template-columns: minmax(5.5rem, 0.7fr) 1fr; } :where(body.fransman-art-site) .primary-button, :where(body.fransman-art-site) .secondary-button { min-height: 3.25rem; } :where(body.fransman-art-site) .related-grid { grid-template-columns: 1fr; } :where(body.fransman-art-site) .related-grid .artwork-card:last-child { display: block; } :where(body.fransman-art-site) .exhibition-detail-image { aspect-ratio: 4 / 5; } :where(body.fransman-art-site) .exhibition-detail-image img { object-position: 60% 50%; } :where(body.fransman-art-site) .exhibition-mosaic { display: block; } :where(body.fransman-art-site) .exhibition-mosaic > div:last-child { margin-left: 25%; margin-top: 1rem; } :where(body.fransman-art-site) .about-image { min-height: 62vh; } :where(body.fransman-art-site) .history-placeholder { grid-template-columns: 1fr; } :where(body.fransman-art-site) .form-row { grid-template-columns: 1fr; } :where(body.fransman-art-site) .form-submit { align-items: stretch; flex-direction: column; } :where(body.fransman-art-site) .form-submit .primary-button { max-width: none; } :where(body.fransman-art-site) .footer-grid { grid-template-columns: 1fr; } :where(body.fransman-art-site) .footer-grid a, :where(body.fransman-art-site) .footer-grid button { align-items: center; display: flex; min-height: 2.75rem; } :where(body.fransman-art-site) .footer-legal { align-items: flex-start; flex-direction: column; gap: 0.4rem; } :where(body.fransman-art-site) .sold-mark { height: 4rem; width: 4rem; } :where(body.fransman-art-site) .preview-page { padding-bottom: 8.5rem; } :where(body.fransman-art-site) .preview-indicator { align-items: stretch; flex-direction: column; gap: 0.65rem; } :where(body.fransman-art-site) .preview-indicator nav { display: grid; grid-template-columns: 1fr 1fr; } :where(body.fransman-art-site) .preview-indicator nav a { align-items: center; display: flex; justify-content: center; padding-left: 0.6rem; padding-right: 0.6rem; text-align: center; } } @media (prefers-reduced-motion: reduce) { html:has(> body.fransman-art-site) { scroll-behavior: auto; } :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *), :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *)::before, :where(body.fransman-art-site) :where(.fa-presentation, .fa-presentation *)::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }