/* =====================================================
FONTS
===================================================== */
/* latin-ext */
@font-face {
font-family: 'Baskervville SC';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/baskervvillesc/v3/X7n94bc_DeKlh6bBbk_WiKnBSUvh5l52hiQ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Baskervville SC';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/baskervvillesc/v3/X7n94bc_DeKlh6bBbk_WiKnBSUvh6F52.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 100 1000;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 100 1000;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 100 1000;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 100 1000;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Italianno';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/italianno/v17/dg4n_p3sv6gCJkwzT6RXh5wocwM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Italianno';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/italianno/v17/dg4n_p3sv6gCJkwzT6RXhpwocwM.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Italianno';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/italianno/v17/dg4n_p3sv6gCJkwzT6RXiJwo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* =====================================================
SITE FONTS — family names only in :root; use var(--font-*) elsewhere
===================================================== */
:root {
--font-title-accent: 'Italianno', cursive;
--font-title: 'Baskervville SC', Georgia, serif;
--font-body: 'DM Sans', system-ui, sans-serif;
}
.font-serif {
font-family: var(--font-title);
}
.font-title-accent {
font-family: var(--font-title-accent);
}
/* =====================================================
WAHOOART — Page / widget overflow (no horizontal page scroll)
===================================================== */
.homepage-homepagetest-widgets,
.homepage-artsdot-homepagetest-widgets {
max-width: 100%;
overflow-x: clip;
}
/* Keep image zoom inside mosaic tiles (global hover uses scale) */
.widget-mpl__tile,
.widget-curated-choice__tile,
.widget-curated-choice__grid-item,
.widget-stf__media,
.widget-museum-4p__hero,
.widget-museum-4p__tile-img {
overflow: hidden;
}
/* Widget CTAs use their own ::before slide — not corner brackets */
.widget-mpl__cta::after,
.widget-curated-choice__cta::after,
.widget-museum-4p__cta::after {
content: none;
}
.widget-mpl__cta:hover::before,
.widget-curated-choice__cta:hover::before,
.widget-museum-4p__cta:hover::before {
width: auto;
height: auto;
border: none;
opacity: 1;
}
/* =====================================================
WAHOOART — Image hover: luminance lift + Ken Burns pan
===================================================== */
/* Base transition — filter snaps faster than the slow pan */
.search_card .search_img a img,
.search_card .search_img > img,
.showMainResulsImage a img,
.swiper-slide .artist_slid_box a img,
img.mouseover_effect_images,
img.mouseover_image_effect {
transition: filter 0.75s ease, transform 2.5s ease;
}
/* Hover state */
.search_card .search_img a:hover img,
.search_card .search_img:hover > img,
.showMainResulsImage a:hover img,
.swiper-slide .artist_slid_box a:hover img,
a:hover img.mouseover_effect_images,
img.mouseover_effect_images:hover,
a:hover img.mouseover_image_effect,
img.mouseover_image_effect:hover {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.05) translateY(-3%);
}
/* =====================================================
WAHOOART — link hover effects (all consolidated)
===================================================== */
/* Corner-bracket animation on every link */
a {
position: relative;
}
a::before,
a::after {
content: '';
position: absolute;
width: 0;
height: 0;
/* Start invisible — prevents the 1px dot that appears when two borders
meet at a zero-dimension corner before the hover animation begins.
opacity transitions to 0 instantly after the brackets finish animating out. */
opacity: 0;
transition: width .5s ease, height .5s ease .5s, opacity 0s 1s;
}
a::before {
top: 0;
left: 0;
/* opacity: 0.5 keeps the bracket subtle — not as heavy as a solid border */
border-top: 1px solid rgba(107, 72, 34, 0.5);
border-left: 1px solid rgba(107, 72, 34, 0.5);
}
a::after {
bottom: 0;
right: 0;
border-bottom: 1px solid rgba(107, 72, 34, 0.5);
border-right: 1px solid rgba(107, 72, 34, 0.5);
}
a:hover::before,
a:hover::after {
width: 100%;
height: 100%;
/* Reveal immediately on hover-in; the dimension transition then draws the brackets */
opacity: 1;
transition: width .5s ease, height .5s ease .5s, opacity 0s;
}
/* No corner-bracket animation on the user login/dashboard icon */
#aps-user-auth-widget a::before,
#aps-user-auth-widget a::after {
display: none;
}
/* Dropdown column links — strip underline */
.column a:hover {
text-decoration: none;
}
/* jQuery UI datepicker pagination arrows */
a.ui-state-default:hover {
background: #3E342A;
color: #EDE9DE;
}
/* Search results "load more" button */
.search_more a.btn-next:hover {
background: #875D2A !important;
color: #ffffff !important;
}
/* Sidebar tag edit-request examples */
ul.sidebar_tags_edit_request_examples a.edit-request-example:hover,
ul.sidebar_tags_edit_request_examples a.edit-request-example:focus {
color: #3E342A;
}
ul.sidebar_tags_edit_request_examples a.edit-request-example:focus-visible {
outline: 2px solid #875D2A;
outline-offset: 2px;
}
/* Numeric slider label links */
.numeric_slider_bar .labels span a:hover {
color: #875D2A;
text-decoration: underline;
}
/* =====================================================
mouseover_effect_texts — opt-in class for text links
(nav, footer, breadcrumb anchors; not image links or buttons)
===================================================== */
a.mouseover_effect_texts {
transition: color 0.25s ease, opacity 0.25s ease;
}
a.mouseover_effect_texts:hover {
opacity: 0.8;
}
/* Suppress corner-bracket effect on anchors that wrap an image */
a:has(> img),
a:has(> picture),
a:has(> figure) {
padding: 0;
}
a:has(> img)::before,
a:has(> img)::after,
a:has(> picture)::before,
a:has(> picture)::after,
a:has(> figure)::before,
a:has(> figure)::after {
content: none;
}
/* =====================================================
WAHOOART — Misc
===================================================== */
/* Logo */
.main-header .logo img {
height: 50px;
}
/* Search bar — wahooart overrides (style-V1.7.css sets fixed 420px widths) */
.search-bar {
max-width: none;
width: 100%;
min-width: 0;
}
.search-bar input {
width: 100%;
}
/* FREE ART CONSULTATION label */
.highlight-text {
width: 100%;
}
/* =====================================================
WAHOOART — Slider card title: multi-line hover-frame fix
inline-block gives the a single rectangular bounding box
so the corner-bracket ::before/::after pseudo-elements
correctly frame the full text block even when the title wraps.
===================================================== */
.view_all_art a {
display: inline-block;
}
/* =====================================================
WAHOOART — Text-link hover colors (site-specific)
Do NOT put these hover colors in custom-V1.7.css — ArtsDot (ADC) uses
red (#C6270E) instead. Documented in:
-Documentation Project/DOC_APS_THE_7_SITES.md
→ section "Frontend CSS: text-link hover (WahooArt vs ArtsDot)"
Brand tokens:
- #875D2A — primary brown (collection band, infobox, description links)
- #6B4822 — darker brown (links already #875D2A: .yellow_cont, .view_all_art,
.fav-icon-artwork on buy/info pages)
Covered templates / URLs:
- artwork_buy_*.html (e.g. …/ArtistReproduction/)
- artwork_info.html (/art/info/{slug}/)
Many anchors use inline `color: inherit` — !important is required.
Shared transition: custom-V1.7.css (.collection_details h4 a, .art_info_box …)
===================================================== */
/* Buy page — collections section (#collections-section) */
.collection_details h4 a:hover,
.full_collection_section .collec_heading a:hover {
color: #875D2A !important;
}
.yellow_cont a:hover,
.view_all_art a:hover {
color: #6B4822 !important;
}
/* Artwork info page — .art_info_box */
.art_info_box .artwork-info-infobox a:hover,
.art_info_box .historicle_box a:hover,
.art_info_box .artinfo_top h4 a:hover,
.art_info_box .art_info_inner h4 a:hover,
.art_info_box .details_reproducton a:hover {
color: #875D2A !important;
}
.art_info_box .fav-icon-artwork a:hover {
color: #6B4822 !important;
}
/* === HOMEPAGETEST migrated inline CSS === */
/* Homepage row sliders: overrides global .parent_slid_box padding; centers track vs portrait column */
.homepage-homepagetest-widgets {
--homepage-slider-arrow-gap: 2.75rem;
--hp-warm-bg: #ddd5c2;
}
.homepage-homepagetest-widgets .widget-tf-slider .row,
.homepage-homepagetest-widgets .widget-recent-own-slider .row,
.homepage-homepagetest-widgets .widget-stock-ready-slider .row {
align-items: center;
}
.homepage-homepagetest-widgets .widget-tf-slider .col-md-8,
.homepage-homepagetest-widgets .widget-recent-own-slider .col-md-8,
.homepage-homepagetest-widgets .widget-stock-ready-slider .col-md-8 {
display: flex;
align-items: center;
}
.homepage-homepagetest-widgets .widget-tf-slider .parent_slid_box,
.homepage-homepagetest-widgets .widget-recent-own-slider .parent_slid_box,
.homepage-homepagetest-widgets .widget-stock-ready-slider .parent_slid_box {
width: 100%;
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slider,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slider,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slider {
position: relative;
width: 100%;
padding-inline: var(--homepage-slider-arrow-gap);
box-sizing: border-box;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slider .swiper,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slider .swiper,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slider .swiper {
width: 100%;
overflow: hidden;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slider .swp_btn.swiper-button-prev,
.homepage-homepagetest-widgets .widget-tf-slider .artist_slider .swp_btn.swiper-button-next,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slider .swp_btn.swiper-button-prev,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slider .swp_btn.swiper-button-next,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slider .swp_btn.swiper-button-prev,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slider .swp_btn.swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
z-index: 5;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slider .swp_btn.swiper-button-prev,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slider .swp_btn.swiper-button-prev,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slider .swp_btn.swiper-button-prev {
left: 0;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slider .swp_btn.swiper-button-next,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slider .swp_btn.swiper-button-next,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slider .swp_btn.swiper-button-next {
right: 0;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slid_box,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slid_box,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slid_box,
.homepage-homepagetest-widgets .widget-tf-slider .view_all_art,
.homepage-homepagetest-widgets .widget-recent-own-slider .view_all_art,
.homepage-homepagetest-widgets .widget-stock-ready-slider .view_all_art {
text-align: center;
}
.homepage-homepagetest-widgets .widget-tf-slider .artist_slid_box img,
.homepage-homepagetest-widgets .widget-recent-own-slider .artist_slid_box img,
.homepage-homepagetest-widgets .widget-stock-ready-slider .artist_slid_box img {
display: block;
margin-inline: auto;
}
/* Font consistency guard for homepage widgets */
.homepage-homepagetest-widgets .widget-famous-artwork-day__heading,
.homepage-homepagetest-widgets .widget-tf-slider .widget-mpl__intro h2,
.homepage-homepagetest-widgets .widget-recent-own-slider .widget-mpl__intro h2,
.homepage-homepagetest-widgets .widget-stock-ready-slider .widget-mpl__intro h2 {
font-family: var(--font-title) !important;
}
.homepage-homepagetest-widgets .widget-famous-artwork-day__meta,
.homepage-homepagetest-widgets .widget-tf-slider .widget-mpl__intro p,
.homepage-homepagetest-widgets .widget-recent-own-slider .widget-mpl__intro p,
.homepage-homepagetest-widgets .widget-stock-ready-slider .widget-mpl__intro p,
.homepage-homepagetest-widgets .widget-tf-static__category a,
.homepage-homepagetest-widgets .widget-recent-own-static__category a,
.homepage-homepagetest-widgets .widget-stock-ready-static__category a {
font-family: var(--font-title) !important;
}
/* --- block --- */
.widget-famous-artwork-day {
max-width: 42rem;
margin-left: auto;
margin-right: auto;
}
.widget-famous-artwork-day__heading {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
line-height: 1.15;
color: #3b3128;
margin-bottom: 1rem;
text-align: center;
}
.widget-famous-artwork-day__figure {
position: relative;
width: 100%;
border-radius: var(--w-radius);
overflow: hidden;
background: rgba(0, 0, 0, 0.06);
}
.widget-famous-artwork-day__link {
position: relative;
display: block;
color: inherit;
}
.widget-famous-artwork-day__figure img {
display: block;
width: 100%;
height: auto;
vertical-align: middle;
}
.widget-famous-artwork-day__overlay-line {
font-size: 1rem;
font-weight: 600;
line-height: 1.35;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
padding: 1rem 1rem 0.85rem;
}
.widget-famous-artwork-day__meta {
margin-top: 1rem;
font-size: 0.95rem;
line-height: 1.55;
color: rgba(33, 37, 41, 0.85);
}
/* --- block --- */
.widget-stf {
--stf-bg: #dcd3bf;
--stf-title: #3e342a;
--stf-label: #875d2a;
font-family: var(--font-body);
background: var(--stf-bg);
padding: 1.25rem 1rem 1rem;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.widget-stf { padding: 1.5rem 1.25rem 1.25rem; }
}
.widget-stf__title {
font-family: var(--font-title);
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 400;
line-height: 1.25;
color: var(--stf-title);
text-align: center;
text-transform: uppercase;
text-wrap: balance;
margin: 0 0 1rem;
letter-spacing: 0.02em;
}
.widget-stf__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem 1rem;
}
.widget-stf__item {
display: flex;
flex-direction: column;
min-width: 0;
}
.widget-stf__media {
display: block;
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #d4cbb8;
}
.widget-stf__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.widget-stf__label {
margin: 0.5rem 0 0;
padding: 0;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.06em;
text-align: center;
text-transform: uppercase;
}
.widget-stf__label a { color: var(--stf-label); }
.widget-stf__label a::before,
.widget-stf__label a::after { content: none; }
.widget-stf__label a:hover {
color: #6b4822;
text-decoration: underline;
}
/* --- block --- */
.widget-mpl {
--mpl-section-bg: #ddd5c2;
--mpl-gallery-bg: #d6ceb2;
--mpl-title: #3b3128;
--mpl-subtitle: #665d54;
--mpl-category: #43382e;
--mpl-btn-border: #b28a55;
--mpl-btn-text: #9b6d39;
font-family: var(--font-body);
background: var(--mpl-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-mpl { padding: 1.5rem; }
}
.widget-mpl__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: center;
}
@media (min-width: 768px) {
.widget-mpl__main {
grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
gap: 1rem;
align-items: stretch;
}
.widget-mpl__intro {
width: 100%;
max-width: none;
min-height: 100%;
justify-content: center;
padding: 0;
}
.widget-mpl__intro p,
.widget-mpl__intro .widget-mpl__filter-subtitle,
.widget-mpl__cta span { white-space: nowrap; }
.widget-mpl__intro h2 {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
text-wrap: balance;
overflow-wrap: anywhere;
}
.widget-mpl__intro p { font-size: 0.9375rem; }
.widget-mpl__cta {
padding: 1rem 1.15rem;
letter-spacing: 0.08em;
}
.widget-mpl__gallery-panel {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.widget-mpl__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.widget-mpl__intro h2,
.widget-mpl__intro p,
.widget-mpl__intro .widget-mpl__filter-subtitle {
width: 100%;
text-align: center;
}
.widget-mpl__intro h2 {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--mpl-title);
margin: 0 0 0.5rem;
line-height: 1.15;
}
.widget-mpl__intro p {
font-size: 1rem;
line-height: 1.55;
color: var(--mpl-subtitle);
margin: 0 0 1.25rem;
}
.widget-mpl__filter-subtitle {
font-size: 0.9rem;
font-weight: 600;
color: var(--mpl-subtitle);
margin: -1.25rem 0 1.75rem;
}
.widget-mpl__cta {
font-family: var(--font-body);
position: relative;
display: block;
align-self: stretch;
overflow: hidden;
border: 1px solid var(--mpl-btn-border);
padding: 1.1rem 1.25rem;
letter-spacing: 0.1em;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--mpl-btn-text) !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.widget-mpl__cta::after { display: none; }
.widget-mpl__cta::before {
content: '';
position: absolute;
inset: 0;
background: var(--mpl-btn-border);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
width: auto;
height: auto;
opacity: 1;
border: none;
}
.widget-mpl__cta:hover::before { transform: translateX(0); }
.widget-mpl__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.widget-mpl__cta:hover span { color: #fff; }
.widget-mpl__gallery-panel {
background: var(--mpl-gallery-bg);
padding: 1rem;
}
.widget-mpl__gallery {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 992px) {
.widget-mpl__gallery {
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
}
@media (max-width: 991.98px) {
.widget-mpl__gallery { grid-template-columns: 1fr; }
}
.widget-mpl__card {
min-width: 0;
overflow: hidden;
}
.widget-mpl__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
aspect-ratio: 2 / 1;
margin-bottom: 1.25rem;
overflow: hidden;
}
.widget-mpl__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-mpl__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-mpl__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-mpl__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-mpl__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-mpl__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-mpl__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
background: #e8e4dc;
}
.widget-mpl__tile::before,
.widget-mpl__tile::after { display: none; }
.widget-mpl__tile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-mpl__category {
margin: 0;
font-family: var(--font-body);
text-align: center;
font-size: 1.0625rem;
font-weight: 500;
letter-spacing: 0.11em;
text-transform: uppercase;
line-height: 1.3;
}
.widget-mpl__category a {
color: var(--mpl-category);
text-decoration: none;
}
.widget-mpl__category a::before,
.widget-mpl__category a::after { display: none; }
.widget-mpl__category a:hover {
text-decoration: underline;
opacity: 1;
}
@media (max-width: 767.98px) {
.widget-mpl__art-grid {
aspect-ratio: 2 / 1;
height: auto;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
}
.widget-mpl__art-grid img.mouseover_effect_images {
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-mpl__card:hover .widget-mpl__art-grid a:hover img.mouseover_effect_images,
.widget-mpl__card:hover .widget-mpl__art-grid img.mouseover_effect_images:hover {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
/* --- block --- */
.widget-mov-4-slider {
--wm4-bg: #fff;
--wm4-border: #cfc6b7;
--wm4-portrait-border: #d4cab8;
--wm4-portrait-bg: #d8d1c3;
--wm4-name-bar: #d9d1bf;
--wm4-name-text: #9a6a2e;
--wm4-title: #473b33;
--wm4-tagline: #9c6a2f;
--wm4-cta: #9b6d32;
font-family: var(--font-body);
background: var(--wm4-bg);
border: 1px solid var(--wm4-border);
padding: 1.25rem 1.5rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.widget-mov-4-slider__layout {
display: grid;
grid-template-columns: minmax(0, 470px) 1fr;
gap: 2.5rem;
align-items: stretch;
}
@media (max-width: 1024px) {
.widget-mov-4-slider__layout {
grid-template-columns: 1fr;
}
}
.widget-mov-4-slider__portrait-col {
min-width: 0;
}
.widget-mov-4-slider__portrait {
position: relative;
display: block;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
border: 1px solid var(--wm4-portrait-border);
background: var(--wm4-portrait-bg);
text-decoration: none;
color: inherit;
}
.widget-mov-4-slider__portrait img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
filter: grayscale(100%);
}
.widget-mov-4-slider__name {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(--wm4-name-bar);
color: var(--wm4-name-text);
text-align: center;
padding: 0.5rem 0.75rem;
font-family: var(--font-body);
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.widget-mov-4-slider__content-col {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-block: 0.75rem;
min-width: 0;
min-height: 0;
}
.widget-mov-4-slider__intro {
flex-shrink: 0;
}
.widget-mov-4-slider__carousel {
flex: 0 0 auto;
display: flex;
align-items: center;
min-height: 0;
margin-top: 1.5rem;
}
.widget-mov-4-slider .parent_slid_box {
width: 100%;
padding: 0 !important;
margin: 0;
display: flex;
align-items: center;
}
.widget-mov-4-slider .artist_slider {
width: 100%;
}
.widget-mov-4-slider__title {
margin: 0;
font-family: var(--font-title);
font-size: clamp(1.4rem, 2.4vw, 2.125rem);
font-weight: 400;
line-height: 1.15;
color: var(--wm4-title);
letter-spacing: 0.02em;
}
.widget-mov-4-slider__tagline {
margin: 0.5rem 0 0;
font-family: var(--font-title);
font-size: clamp(1.55rem, 2.85vw, 2.5rem);
font-weight: 400;
line-height: 1.12;
color: var(--wm4-tagline);
}
.widget-mov-4-slide-img-wrap { position: relative; display: block; }
.widget-mov-4-slider .widget-mov-4-slide-img-wrap img {
display: block;
width: auto;
max-width: 100%;
height: auto;
object-fit: contain;
}
.widget-mov-4-slider .view_all_art {
margin-top: 0.4rem;
line-height: 1.25;
}
.widget-mov-4-slider .vincent_color {
font-size: 0.8125rem;
line-height: 1.2;
}
.widget-mov-4-slider .view_all_art a {
font-size: 0.875rem;
line-height: 1.25;
}
.widget-mov-4-slider .widget-mov-4-slide-label {
position: absolute;
top: 8px;
left: 8px;
transform: none;
background: rgba(0, 0, 0, 0.55);
color: #fff;
font-size: 0.75rem;
font-weight: 700;
text-align: center;
padding: 0.18em 0.5em;
border-radius: 4px;
text-decoration: none;
white-space: nowrap;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
z-index: 2;
pointer-events: auto;
}
.widget-mov-4-slider .widget-mov-4-slide-label:hover {
background: rgba(0, 0, 0, 0.8);
text-decoration: underline;
}
/* --- block --- */
.widget-tf-slider {
--mpl-section-bg: #ddd5c2;
--mpl-gallery-bg: #d6ceb2;
--mpl-title: #3b3128;
--mpl-subtitle: #665d54;
--mpl-category: #43382e;
--mpl-btn-border: #b28a55;
--mpl-btn-text: #9b6d39;
font-family: var(--font-body);
background: var(--mpl-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-tf-slider { padding: 1.5rem; }
}
.widget-tf-slider .widget-mpl__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: center;
}
@media (min-width: 768px) {
.widget-tf-slider .widget-mpl__main {
grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
gap: 1rem;
align-items: stretch;
}
.widget-tf-slider .widget-mpl__intro {
width: 100%;
max-width: none;
min-height: 100%;
justify-content: center;
padding: 0;
}
.widget-tf-slider .widget-mpl__intro p,
.widget-tf-slider .widget-mpl__cta span { white-space: nowrap; }
.widget-tf-slider .widget-mpl__intro h2 {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
text-wrap: balance;
overflow-wrap: normal;
word-break: normal;
}
.widget-tf-slider .widget-mpl__intro p { font-size: 0.9375rem; }
.widget-tf-slider .widget-mpl__cta {
padding: 1rem 1.15rem;
letter-spacing: 0.08em;
}
.widget-tf-slider .widget-mpl__gallery-panel {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.widget-tf-slider .widget-mpl__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.widget-tf-slider .widget-mpl__intro h2,
.widget-tf-slider .widget-mpl__intro p {
width: 100%;
text-align: center;
}
.widget-tf-slider .widget-mpl__intro h2 {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--mpl-title);
margin: 0 0 0.5rem;
line-height: 1.15;
}
.widget-tf-slider .widget-mpl__intro p {
font-size: 1rem;
line-height: 1.55;
color: var(--mpl-subtitle);
margin: 0 0 1.25rem;
}
.widget-tf-slider .widget-mpl__cta {
font-family: var(--font-body);
position: relative;
display: block;
align-self: stretch;
overflow: hidden;
border: 1px solid var(--mpl-btn-border);
padding: 1.1rem 1.25rem;
letter-spacing: 0.1em;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--mpl-btn-text) !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.widget-tf-slider .widget-mpl__cta::before {
content: '';
position: absolute;
inset: 0;
background: var(--mpl-btn-border);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
}
.widget-tf-slider .widget-mpl__cta:hover::before { transform: translateX(0); }
.widget-tf-slider .widget-mpl__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.widget-tf-slider .widget-mpl__cta:hover span { color: #fff; }
.widget-tf-slider .widget-mpl__gallery-panel {
background: var(--mpl-gallery-bg);
padding: 1rem;
}
.widget-tf-static__gallery {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 992px) {
.widget-tf-static__gallery {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.widget-tf-static__card {
min-width: 0;
overflow: hidden;
}
.widget-tf-static__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
aspect-ratio: 2 / 1;
margin-bottom: 0.7rem;
overflow: hidden;
}
.widget-tf-static__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-tf-static__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-tf-static__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-tf-static__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-tf-static__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-tf-static__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-tf-static__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
background: #e8e4dc;
}
.widget-tf-static__tile img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-tf-static__tile:hover img.mouseover_effect_images {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
.widget-tf-static__category {
margin: 0;
text-align: center;
}
.widget-tf-static__category a {
color: var(--mpl-category);
text-decoration: none;
font-size: 1.0625rem;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.3;
}
.widget-tf-static__category a:hover { text-decoration: underline; }
/* --- block --- */
.widget-recent-own-slider {
--mpl-section-bg: #ddd5c2;
--mpl-gallery-bg: #d6ceb2;
--mpl-title: #3b3128;
--mpl-subtitle: #665d54;
--mpl-category: #43382e;
font-family: var(--font-body);
background: var(--mpl-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-recent-own-slider { padding: 1.5rem; }
}
.widget-recent-own-slider .widget-mpl__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: center;
}
@media (min-width: 768px) {
.widget-recent-own-slider .widget-mpl__main {
grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
gap: 1rem;
align-items: stretch;
}
.widget-recent-own-slider .widget-mpl__intro {
width: 100%;
max-width: none;
min-height: 100%;
justify-content: center;
padding: 0;
}
.widget-recent-own-slider .widget-mpl__intro p {
white-space: normal;
font-size: 0.9375rem;
}
.widget-recent-own-slider .widget-mpl__intro h2 {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
text-wrap: balance;
overflow-wrap: anywhere;
}
}
.widget-recent-own-slider .widget-mpl__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.widget-recent-own-slider .widget-mpl__intro h2,
.widget-recent-own-slider .widget-mpl__intro p {
width: 100%;
text-align: center;
}
.widget-recent-own-slider .widget-mpl__intro h2 {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--mpl-title);
margin: 0 0 0.5rem;
line-height: 1.15;
}
.widget-recent-own-slider .widget-mpl__intro p {
font-size: 1rem;
line-height: 1.55;
color: var(--mpl-subtitle);
margin: 0;
}
.widget-recent-own-slider .widget-mpl__gallery-panel {
background: var(--mpl-gallery-bg);
padding: 1rem;
}
.widget-recent-own-static__gallery {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 992px) {
.widget-recent-own-static__gallery {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.widget-recent-own-static__card {
min-width: 0;
overflow: hidden;
}
.widget-recent-own-static__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
aspect-ratio: 2 / 1;
margin-bottom: 0.7rem;
overflow: hidden;
}
.widget-recent-own-static__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-recent-own-static__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-recent-own-static__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-recent-own-static__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-recent-own-static__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-recent-own-static__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-recent-own-static__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
background: #e8e4dc;
}
.widget-recent-own-static__tile img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-recent-own-static__tile:hover img.mouseover_effect_images {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
.widget-recent-own-static__category {
margin: 0;
text-align: center;
}
.widget-recent-own-static__category a {
color: var(--mpl-category);
text-decoration: none;
font-size: 0.86rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.3;
}
.widget-recent-own-static__category a:hover { text-decoration: underline; }
/* --- block --- */
.widget-mpl {
--mpl-section-bg: #ddd5c2;
--mpl-gallery-bg: #d6ceb2;
--mpl-title: #3b3128;
--mpl-subtitle: #665d54;
--mpl-category: #43382e;
--mpl-btn-border: #b28a55;
--mpl-btn-text: #9b6d39;
font-family: var(--font-body);
background: var(--mpl-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-mpl { padding: 1.5rem; }
}
.widget-mpl__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: center;
}
@media (min-width: 768px) {
.widget-mpl__main {
grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
gap: 1rem;
align-items: stretch;
}
.widget-mpl__intro {
width: 100%;
max-width: none;
min-height: 100%;
justify-content: center;
padding: 0;
}
.widget-mpl__intro p,
.widget-mpl__intro .widget-mpl__filter-subtitle,
.widget-mpl__cta span { white-space: nowrap; }
.widget-mpl__intro h2 {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
text-wrap: balance;
overflow-wrap: anywhere;
}
.widget-mpl__intro p { font-size: 0.9375rem; }
.widget-mpl__cta {
padding: 1rem 1.15rem;
letter-spacing: 0.08em;
}
.widget-mpl__gallery-panel {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.widget-mpl__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.widget-mpl__intro h2,
.widget-mpl__intro p,
.widget-mpl__intro .widget-mpl__filter-subtitle {
width: 100%;
text-align: center;
}
.widget-mpl__intro h2 {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--mpl-title);
margin: 0 0 0.5rem;
line-height: 1.15;
}
.widget-mpl__intro p {
font-size: 1rem;
line-height: 1.55;
color: var(--mpl-subtitle);
margin: 0 0 1.25rem;
}
.widget-mpl__filter-subtitle {
font-size: 0.9rem;
font-weight: 600;
color: var(--mpl-subtitle);
margin: -1.25rem 0 1.75rem;
}
.widget-mpl__cta {
font-family: var(--font-body);
position: relative;
display: block;
align-self: stretch;
overflow: hidden;
border: 1px solid var(--mpl-btn-border);
padding: 1.1rem 1.25rem;
letter-spacing: 0.1em;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--mpl-btn-text) !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.widget-mpl__cta::after { display: none; }
.widget-mpl__cta::before {
content: '';
position: absolute;
inset: 0;
background: var(--mpl-btn-border);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
width: auto;
height: auto;
opacity: 1;
border: none;
}
.widget-mpl__cta:hover::before { transform: translateX(0); }
.widget-mpl__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.widget-mpl__cta:hover span { color: #fff; }
.widget-mpl__gallery-panel {
background: var(--mpl-gallery-bg);
padding: 1rem;
}
.widget-mpl__gallery {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 992px) {
.widget-mpl__gallery {
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
}
@media (max-width: 991.98px) {
.widget-mpl__gallery { grid-template-columns: 1fr; }
}
.widget-mpl__card {
min-width: 0;
overflow: hidden;
}
.widget-mpl__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
aspect-ratio: 2 / 1;
margin-bottom: 1.25rem;
overflow: hidden;
}
.widget-mpl__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-mpl__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-mpl__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-mpl__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-mpl__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-mpl__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-mpl__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
background: #e8e4dc;
}
.widget-mpl__tile::before,
.widget-mpl__tile::after { display: none; }
.widget-mpl__tile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-mpl__category {
margin: 0;
font-family: var(--font-body);
text-align: center;
font-size: 1.0625rem;
font-weight: 500;
letter-spacing: 0.11em;
text-transform: uppercase;
line-height: 1.3;
}
.widget-mpl__category a {
color: var(--mpl-category);
text-decoration: none;
}
.widget-mpl__category a::before,
.widget-mpl__category a::after { display: none; }
.widget-mpl__category a:hover {
text-decoration: underline;
opacity: 1;
}
@media (max-width: 767.98px) {
.widget-mpl__art-grid {
aspect-ratio: 2 / 1;
height: auto;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
}
.widget-mpl__art-grid img.mouseover_effect_images {
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-mpl__card:hover .widget-mpl__art-grid a:hover img.mouseover_effect_images,
.widget-mpl__card:hover .widget-mpl__art-grid img.mouseover_effect_images:hover {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
/* --- block --- */
.widget-stock-ready-slider {
--mpl-section-bg: #ddd5c2;
--mpl-gallery-bg: #d6ceb2;
--mpl-title: #3b3128;
--mpl-subtitle: #665d54;
--mpl-category: #43382e;
font-family: var(--font-body);
background: var(--mpl-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-stock-ready-slider { padding: 1.5rem; }
}
.widget-stock-ready-slider .widget-mpl__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: center;
}
@media (min-width: 768px) {
.widget-stock-ready-slider .widget-mpl__main {
grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
gap: 1rem;
align-items: stretch;
}
}
.widget-stock-ready-slider .widget-mpl__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
padding: 0;
}
.widget-stock-ready-slider .widget-mpl__intro h2,
.widget-stock-ready-slider .widget-mpl__intro p {
width: 100%;
text-align: center;
}
.widget-stock-ready-slider .widget-mpl__intro h2 {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--mpl-title);
margin: 0 0 0.5rem;
line-height: 1.15;
}
.widget-stock-ready-slider .widget-mpl__intro p {
font-size: 1rem;
line-height: 1.55;
color: var(--mpl-subtitle);
margin: 0;
white-space: normal !important;
overflow-wrap: anywhere;
}
.widget-stock-ready-slider__badge {
display: inline-block;
padding: 0.2rem 0.6rem;
background: #16a34a;
color: #fff;
border-radius: 0.25rem;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 0.6rem;
}
.widget-stock-ready-slider .widget-mpl__gallery-panel {
background: var(--mpl-gallery-bg);
padding: 1rem;
}
.widget-stock-ready-static__gallery {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 992px) {
.widget-stock-ready-static__gallery { grid-template-columns: repeat(3, 1fr); }
}
.widget-stock-ready-static__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
aspect-ratio: 2 / 1;
margin-bottom: 0.7rem;
}
.widget-stock-ready-static__grid-item {
overflow: hidden;
border-radius: 4px;
background: #e8e4dc;
}
.widget-stock-ready-static__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-stock-ready-static__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-stock-ready-static__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-stock-ready-static__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-stock-ready-static__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-stock-ready-static__tile { display: block; width: 100%; height: 100%; }
.widget-stock-ready-static__tile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-stock-ready-static__tile:hover img.mouseover_effect_images {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
.widget-stock-ready-static__category { margin: 0; text-align: center; }
.widget-stock-ready-static__category a {
color: var(--mpl-category);
text-decoration: none;
font-size: 0.86rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.3;
}
/* --- block --- */
.widget-museum-4p {
--wm4p-accent: #875D2A;
--wm4p-accent-hover: #6f4a22;
--wm4p-title: #1a1a1a;
--wm4p-body: #333;
--wm4p-caption-bg: #f2eee4;
--wm4p-card-bg: #fff;
--wm4p-gap: 0.6rem;
--wm4p-media-max-h: 27rem;
font-family: var(--font-body);
background: var(--wm4p-card-bg);
padding: 1.15rem;
margin-bottom: 1.5rem;
max-width: 100%;
overflow-x: clip;
box-sizing: border-box;
}
@media (min-width: 768px) {
.widget-museum-4p { padding: 1.35rem 1.6rem; }
}
.widget-museum-4p__layout {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.95rem;
align-items: stretch;
min-width: 0;
}
@media (min-width: 768px) {
.widget-museum-4p__layout {
grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 5fr);
gap: 1.15rem;
}
}
.widget-museum-4p__hero {
position: relative;
display: block;
width: 100%;
min-width: 0;
min-height: 11rem;
overflow: hidden;
background: #e8e4dc;
}
@media (min-width: 768px) {
.widget-museum-4p__hero {
min-height: 0;
max-height: var(--wm4p-media-max-h);
height: var(--wm4p-media-max-h);
}
}
.widget-museum-4p__hero img {
width: 100%;
height: 100%;
min-height: 11rem;
object-fit: cover;
object-position: center;
display: block;
}
@media (min-width: 768px) {
.widget-museum-4p__hero img { min-height: 0; }
}
.widget-museum-4p__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
gap: var(--wm4p-gap);
min-width: 0;
height: 100%;
}
@media (min-width: 768px) {
.widget-museum-4p__grid {
max-height: var(--wm4p-media-max-h);
height: var(--wm4p-media-max-h);
}
}
.widget-museum-4p__tile {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
}
.widget-museum-4p__tile-link {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
text-decoration: none;
color: inherit;
}
.widget-museum-4p__tile-link::before,
.widget-museum-4p__tile-link::after { display: none; }
.widget-museum-4p__tile-img {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
background: #e8e4dc;
aspect-ratio: 1;
}
@media (min-width: 768px) {
.widget-museum-4p__tile-img { aspect-ratio: auto; }
}
.widget-museum-4p__tile-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.widget-museum-4p__label {
flex: 0 0 auto;
font-family: var(--font-body);
font-size: 0.625rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center;
color: var(--wm4p-accent);
background: var(--wm4p-caption-bg);
padding: 0.32rem 0.38rem;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget-museum-4p__content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-self: start;
text-align: left;
min-width: 0;
padding: 0.85rem 0 0;
font-family: var(--font-body);
font-style: normal;
}
@media (min-width: 768px) {
.widget-museum-4p__content { padding: 1.25rem 0.25rem 0; }
}
/* Title: Baskervville SC only — title case, no faux italic */
.widget-museum-4p__title {
margin: 0 0 1.1rem;
padding: 0;
width: 100%;
font-family: var(--font-title);
font-size: inherit;
font-style: normal;
font-weight: 400;
font-synthesis: none;
line-height: 1.2;
}
.widget-museum-4p__title-line1,
.widget-museum-4p__title-accent {
display: block;
font-family: var(--font-title);
font-style: normal;
font-weight: 400;
font-synthesis: none;
font-variant: normal;
text-transform: none;
}
.widget-museum-4p__title-line2,
.widget-museum-4p__title-line3 {
display: inline;
font-family: var(--font-title);
font-style: normal;
font-weight: 400;
font-synthesis: none;
font-variant: normal;
text-transform: none;
}
.widget-museum-4p__title-line1 {
font-size: 1.62rem;
color: var(--wm4p-title);
line-height: 1.25;
letter-spacing: 0.02em;
margin-bottom: 0.35rem;
}
@media (min-width: 768px) {
.widget-museum-4p__title-line1 { font-size: 2.125rem; }
}
.widget-museum-4p__title-line2,
.widget-museum-4p__title-line3 {
font-size: 1.5rem;
letter-spacing: 0.03em;
color: var(--wm4p-accent);
line-height: 1.3;
}
@media (min-width: 768px) {
.widget-museum-4p__title-line2,
.widget-museum-4p__title-line3 { font-size: 2rem; }
}
/* Body: DM Sans */
.widget-museum-4p__meta {
font-family: var(--font-body);
font-style: normal;
font-weight: 400;
font-size: 0.9375rem;
line-height: 1.6;
color: var(--wm4p-body);
margin: 0 0 1.25rem;
width: 100%;
}
.widget-museum-4p__meta p {
margin: 0;
font-family: inherit;
font-style: normal;
font-weight: inherit;
}
/* CTA: DM Sans, all-caps (button only) */
.widget-museum-4p__cta {
font-family: var(--font-body);
font-style: normal;
font-weight: 400 !important;
font-synthesis: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
align-self: flex-start;
width: auto;
max-width: 100%;
box-sizing: border-box;
padding: 0.75rem 1.2rem;
background: var(--wm4p-accent);
border: 0;
border-radius: 0;
color: #fff !important;
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
text-align: left;
line-height: 1.35;
transition: background 0.25s ease;
}
@media (min-width: 768px) {
.widget-museum-4p__cta {
font-size: 0.875rem;
padding: 0.85rem 1.35rem;
}
}
.widget-museum-4p__cta::before,
.widget-museum-4p__cta::after { display: none; }
.widget-museum-4p__cta:hover,
.widget-museum-4p__cta:focus {
background: var(--wm4p-accent-hover);
color: #fff !important;
}
.widget-museum-4p__cta-arrow {
font-size: 0.9em;
line-height: 1;
}
.widget-museum-4p__hero,
.widget-museum-4p__tile-img {
overflow: hidden;
}
/* --- block --- */
.widget-artist-otd5 {
--waotd5-accent: #875D2A;
--waotd5-accent-hover: #6f4a22;
--waotd5-title: #1a1a1a;
--waotd5-body: #333;
--waotd5-caption-bg: #f2eee4;
--waotd5-card-bg: #fff;
--waotd5-gap: 0.6rem;
--waotd5-media-max-h: 27rem;
font-family: var(--font-body);
background: var(--waotd5-card-bg);
padding: 1.15rem;
margin-bottom: 1.5rem;
max-width: 100%;
overflow-x: clip;
box-sizing: border-box;
}
@media (min-width: 768px) {
.widget-artist-otd5 { padding: 1.35rem 1.6rem; }
}
.widget-artist-otd5__layout {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"hero"
"grid"
"aside";
gap: 0.95rem;
align-items: stretch;
min-width: 0;
}
.widget-artist-otd5__hero { grid-area: hero; }
.widget-artist-otd5__grid { grid-area: grid; }
.widget-artist-otd5__aside {
grid-area: aside;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
padding: 0.85rem 0 0;
}
@media (min-width: 768px) {
.widget-artist-otd5__layout {
grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 5fr);
grid-template-areas: "hero grid aside";
gap: 1.15rem;
}
.widget-artist-otd5__aside { padding: 1.25rem 0.25rem 0; }
}
.widget-artist-otd5__content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
min-width: 0;
width: 100%;
padding: 0;
font-family: var(--font-body);
font-style: normal;
}
@media (min-width: 992px) {
.homepage-widget-pair .widget-artist-otd5 {
margin-bottom: 0;
height: 100%;
display: flex;
flex-direction: column;
}
.homepage-widget-pair .widget-artist-otd5__layout {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
grid-template-rows: auto 1fr auto;
grid-template-areas:
"content content"
"hero grid"
"footer footer";
flex: 1;
height: 100%;
align-items: stretch;
}
.homepage-widget-pair .widget-artist-otd5__aside {
display: contents;
}
.homepage-widget-pair .widget-artist-otd5__content {
grid-area: content;
padding: 0;
}
.homepage-widget-pair .widget-artist-otd5__footer {
grid-area: footer;
padding-top: 0.85rem;
width: 100%;
}
.homepage-widget-pair .widget-artist-otd5__hero {
max-height: none;
height: 100%;
min-height: 0;
align-self: stretch;
}
.homepage-widget-pair .widget-artist-otd5__hero img {
min-height: 0;
height: 100%;
}
.homepage-widget-pair .widget-artist-otd5__grid {
max-height: none;
height: auto;
grid-template-rows: auto auto;
align-self: stretch;
}
.homepage-widget-pair .widget-artist-otd5__tile-img {
aspect-ratio: 1;
flex: 0 0 auto;
width: 100%;
}
.homepage-widget-pair .widget-artist-otd5__title {
margin-bottom: 0.65rem;
}
.homepage-widget-pair .widget-artist-otd5__title-line1 {
font-size: 1.35rem;
margin-bottom: 0.2rem;
}
.homepage-widget-pair .widget-artist-otd5__title-line2,
.homepage-widget-pair .widget-artist-otd5__title-line3 {
font-size: 1.2rem;
}
.homepage-widget-pair .widget-artist-otd5__meta {
font-size: 0.8125rem;
line-height: 1.5;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.homepage-widget-pair .widget-artist-otd5__cta {
font-size: 0.75rem;
padding: 0.65rem 1rem;
width: 100%;
justify-content: center;
}
}
.widget-artist-otd5__aside {
display: flex;
flex-direction: column;
min-height: 0;
}
.widget-artist-otd5__footer {
width: 100%;
margin-top: auto;
padding-top: 0.85rem;
}
.widget-artist-otd5__hero {
position: relative;
display: block;
width: 100%;
min-width: 0;
min-height: 11rem;
overflow: hidden;
background: #e8e4dc;
}
@media (min-width: 768px) {
.widget-artist-otd5__hero {
min-height: 0;
max-height: var(--waotd5-media-max-h);
height: var(--waotd5-media-max-h);
}
}
.widget-artist-otd5__hero img {
width: 100%;
height: 100%;
min-height: 11rem;
object-fit: cover;
object-position: center top;
display: block;
}
@media (min-width: 768px) {
.widget-artist-otd5__hero img { min-height: 0; }
}
.widget-artist-otd5__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
gap: var(--waotd5-gap);
min-width: 0;
height: 100%;
}
@media (min-width: 768px) {
.widget-artist-otd5__grid {
max-height: var(--waotd5-media-max-h);
height: var(--waotd5-media-max-h);
}
}
.widget-artist-otd5__tile {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
}
.widget-artist-otd5__tile-link {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
text-decoration: none;
color: inherit;
}
.widget-artist-otd5__tile-link::before,
.widget-artist-otd5__tile-link::after { display: none; }
.widget-artist-otd5__tile-img {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
background: #e8e4dc;
aspect-ratio: 1;
}
@media (min-width: 768px) {
.widget-artist-otd5__tile-img { aspect-ratio: auto; }
}
.widget-artist-otd5__tile-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.widget-artist-otd5__label {
flex: 0 0 auto;
font-family: var(--font-body);
font-size: 0.625rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center;
color: var(--waotd5-accent);
background: var(--waotd5-caption-bg);
padding: 0.32rem 0.38rem;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget-artist-otd5__title {
margin: 0 0 1.1rem;
padding: 0;
width: 100%;
font-family: var(--font-title);
font-size: inherit;
font-style: normal;
font-weight: 400;
font-synthesis: none;
line-height: 1.2;
}
.widget-artist-otd5__title-line1,
.widget-artist-otd5__title-accent {
display: block;
font-family: var(--font-title);
font-style: normal;
font-weight: 400;
font-synthesis: none;
font-variant: normal;
text-transform: none;
}
.widget-artist-otd5__title-line2,
.widget-artist-otd5__title-line3 {
display: inline;
font-family: var(--font-title);
font-style: normal;
font-weight: 400;
font-synthesis: none;
font-variant: normal;
text-transform: none;
}
.widget-artist-otd5__title-line1 {
font-size: 1.875rem;
color: var(--waotd5-title);
line-height: 1.25;
letter-spacing: 0.02em;
margin-bottom: 0.35rem;
}
@media (min-width: 768px) {
.widget-artist-otd5__title-line1 { font-size: 2.125rem; }
}
.widget-artist-otd5__title-line2,
.widget-artist-otd5__title-line3 {
font-size: 1.75rem;
letter-spacing: 0.03em;
color: var(--waotd5-accent);
line-height: 1.3;
}
@media (min-width: 768px) {
.widget-artist-otd5__title-line2,
.widget-artist-otd5__title-line3 { font-size: 2rem; }
}
.widget-artist-otd5__meta {
font-family: var(--font-body);
font-style: normal;
font-weight: 400;
font-size: 0.9375rem;
line-height: 1.6;
color: var(--waotd5-body);
margin: 0 0 1.25rem;
width: 100%;
}
.widget-artist-otd5__meta p {
margin: 0;
font-family: inherit;
font-style: normal;
font-weight: inherit;
}
.widget-artist-otd5__cta {
font-family: var(--font-body);
font-style: normal;
font-weight: 400 !important;
font-synthesis: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
align-self: flex-start;
width: auto;
max-width: 100%;
box-sizing: border-box;
padding: 0.75rem 1.2rem;
background: var(--waotd5-accent);
border: 0;
border-radius: 0;
color: #fff !important;
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
text-align: left;
line-height: 1.35;
transition: background 0.25s ease;
}
@media (min-width: 768px) {
.widget-artist-otd5__cta {
font-size: 0.875rem;
padding: 0.85rem 1.35rem;
}
}
.widget-artist-otd5__cta::before,
.widget-artist-otd5__cta::after { display: none; }
.widget-artist-otd5__cta:hover,
.widget-artist-otd5__cta:focus {
background: var(--waotd5-accent-hover);
color: #fff !important;
}
.widget-artist-otd5__cta-arrow {
font-size: 0.9em;
line-height: 1;
}
.widget-artist-otd5__hero,
.widget-artist-otd5__tile-img {
overflow: hidden;
}
/* --- block --- */
.widget-identify-masterpiece {
--wim-accent: #875D2A;
--wim-accent-hover: #6f4a22;
--wim-title: #1a1a1a;
--wim-body: #333;
--wim-card-bg: #fff;
font-family: var(--font-body);
background: var(--wim-card-bg);
padding: 1.15rem;
margin-bottom: 1.5rem;
max-width: 100%;
overflow-x: clip;
box-sizing: border-box;
}
@media (min-width: 768px) {
.widget-identify-masterpiece { padding: 1.35rem 1.6rem; }
}
@media (min-width: 992px) {
.homepage-widget-pair .widget-identify-masterpiece {
margin-bottom: 0;
height: 100%;
display: flex;
flex-direction: column;
}
}
.widget-identify-masterpiece__inner {
display: flex;
flex-direction: column;
min-height: 100%;
min-width: 0;
}
.widget-identify-masterpiece__title {
margin: 0 0 0.85rem;
padding: 0;
width: 100%;
font-family: var(--font-title);
font-size: inherit;
font-style: normal;
font-weight: 400;
font-synthesis: none;
line-height: 1.2;
}
.widget-identify-masterpiece__title-line1 {
display: block;
font-family: var(--font-title);
font-size: 1.875rem;
color: var(--wim-title);
line-height: 1.25;
letter-spacing: 0.02em;
}
@media (min-width: 768px) {
.widget-identify-masterpiece__title-line1 { font-size: 2.125rem; }
}
@media (min-width: 992px) {
.homepage-widget-pair .widget-identify-masterpiece__title {
margin-bottom: 0.65rem;
}
.homepage-widget-pair .widget-identify-masterpiece__title-line1 {
font-size: 1.35rem;
}
}
.widget-identify-masterpiece__question {
font-family: var(--font-body);
font-size: 0.9375rem;
line-height: 1.6;
color: var(--wim-body);
margin: 0 0 1rem;
}
@media (min-width: 992px) {
.homepage-widget-pair .widget-identify-masterpiece__question {
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 0.85rem;
}
}
.widget-identify-masterpiece__choices {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.6rem;
flex: 1 1 auto;
align-content: start;
min-width: 0;
}
.widget-identify-masterpiece__cell {
position: relative;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
background: #e8e4dc;
}
.widget-identify-masterpiece__cell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.widget-identify-masterpiece__footer {
margin-top: auto;
padding-top: 1rem;
}
@media (min-width: 992px) {
.homepage-widget-pair .widget-identify-masterpiece__footer {
padding-top: 0.85rem;
}
}
.widget-identify-masterpiece__cta {
font-family: var(--font-body);
font-style: normal;
font-weight: 400 !important;
font-synthesis: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
width: 100%;
box-sizing: border-box;
padding: 0.75rem 1.2rem;
background: var(--wim-accent);
border: 0;
border-radius: 0;
color: #fff !important;
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
text-align: center;
line-height: 1.35;
transition: background 0.25s ease;
}
@media (min-width: 768px) {
.widget-identify-masterpiece__cta {
font-size: 0.875rem;
padding: 0.85rem 1.35rem;
}
}
@media (min-width: 992px) {
.homepage-widget-pair .widget-identify-masterpiece__cta {
font-size: 0.75rem;
padding: 0.65rem 1rem;
}
}
.widget-identify-masterpiece__cta::before,
.widget-identify-masterpiece__cta::after { display: none; }
.widget-identify-masterpiece__cta:hover,
.widget-identify-masterpiece__cta:focus {
background: var(--wim-accent-hover);
color: #fff !important;
}
.widget-identify-masterpiece__cta-arrow {
font-size: 0.9em;
line-height: 1;
}
/* --- block --- */
.widget-article-kw {
--widget-akw-accent: #875D2A;
--widget-akw-title: #1a1a1a;
--widget-akw-body: #333;
--widget-akw-caption-bg: #f2eee4;
background: #fff;
font-family: var(--font-body);
box-shadow: var(--w-shadow-base);
padding: 1.15rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-article-kw { padding: 1.35rem 1.6rem; }
}
.widget-article-kw__title {
margin: 0 0 1.1rem;
font-family: var(--font-title);
font-weight: 400;
color: var(--widget-akw-title);
letter-spacing: 0.01em;
line-height: 1.25;
text-align: left;
}
@media (min-width: 768px) {
.widget-article-kw__title {
font-size: 2rem;
margin-bottom: 1.3rem;
}
}
.widget-article-kw__cell {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
width: 100%;
}
.widget-article-kw__cell a {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
min-height: 100%;
width: 100%;
}
.widget-article-kw__cell a::before,
.widget-article-kw__cell a::after {
display: none;
}
.widget-article-kw__media {
position: relative;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
background: #e8e4dc;
}
.widget-article-kw__meta {
flex: 0 0 auto;
color: var(--widget-akw-accent);
background: var(--widget-akw-caption-bg);
font-size: 0.78rem;
line-height: 1.45;
font-weight: 600;
text-align: left;
padding: 0.48rem 0.55rem 0.55rem;
height: calc(1.45em * 5.7 + 1.03rem);
max-height: calc(1.45em * 5.7 + 1.03rem);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
line-clamp: 6;
}
.widget-article-kw__cell--wide {
aspect-ratio: 16 / 9;
}
/* --- block --- */
.widget-quiz-artist {
--wqa-accent: #875D2A;
--wqa-accent-hover: #6f4a22;
--wqa-title: #1a1a1a;
--wqa-body: #333;
--wqa-muted: #5d5347;
--wqa-line: #d9cfbd;
--wqa-caption-bg: #f2eee4;
--wqa-card-bg: #fff;
font-family: var(--font-body);
background: var(--wqa-card-bg);
padding: 1.15rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-quiz-artist { padding: 1.35rem 1.6rem; }
}
.widget-quiz-artist__card {
background: transparent;
}
.widget-quiz-artist__content {
min-height: 100%;
justify-content: flex-start;
}
.widget-quiz-artist__btn {
background: var(--wqa-accent);
border: 0;
color: #fff;
font-family: var(--font-body);
font-weight: 400 !important;
letter-spacing: 0.08em;
text-transform: uppercase;
border-radius: 0;
}
.widget-quiz-artist__btn:hover,
.widget-quiz-artist__btn:focus {
background: var(--wqa-accent-hover);
color: #fff;
}
.widget-quiz-artist__choices {
display: flex;
flex-direction: column;
gap: 0.05rem;
border-top: 1px solid var(--wqa-line);
border-bottom: 1px solid var(--wqa-line);
}
.widget-quiz-artist__option {
position: relative;
margin: 0;
}
.widget-quiz-artist__radio {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
pointer-events: none;
}
.widget-quiz-artist__choice {
display: grid;
grid-template-columns: 1.05rem auto 1fr;
align-items: center;
gap: 0.5rem;
padding: 0.42rem 0;
cursor: pointer;
color: var(--wqa-body);
transition: color .2s ease;
}
.widget-quiz-artist__choice-dot {
width: 1.05rem;
height: 1.05rem;
border-radius: 50%;
border: 1px solid #99886f;
display: inline-flex;
align-items: center;
justify-content: center;
}
.widget-quiz-artist__choice-dot::after {
content: "";
width: 0.45rem;
height: 0.45rem;
border-radius: 50%;
background: var(--wqa-accent);
transform: scale(0);
transition: transform .18s ease;
}
.widget-quiz-artist__choice-key {
color: var(--wqa-muted);
font-weight: 600;
letter-spacing: 0.01em;
}
.widget-quiz-artist__choice-text {
min-width: 0;
font-size: 0.95rem;
line-height: 1.45;
}
.widget-quiz-artist__radio:checked + .widget-quiz-artist__choice {
color: var(--wqa-title);
}
.widget-quiz-artist__radio:checked + .widget-quiz-artist__choice .widget-quiz-artist__choice-dot {
border-color: var(--wqa-accent);
}
.widget-quiz-artist__radio:checked + .widget-quiz-artist__choice .widget-quiz-artist__choice-dot::after {
transform: scale(1);
}
.widget-quiz-artist__radio:focus-visible + .widget-quiz-artist__choice {
outline: 2px solid rgba(135, 93, 42, 0.25);
outline-offset: 2px;
}
.widget-quiz-artist__img {
overflow: hidden;
background: #e8e4dc;
}
.widget-quiz-artist__img-inner {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
min-height: 0;
}
.widget-quiz-artist__title-top {
z-index: 1;
margin: 0;
padding: 0.55rem 0.65rem 0.5rem;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.25;
text-align: left;
pointer-events: none;
}
.widget-quiz-artist__caption {
z-index: 1;
padding: 0.5rem 0.65rem 0.55rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.3;
text-align: left;
pointer-events: none;
color: var(--wqa-accent);
background: var(--wqa-caption-bg);
}
.widget-quiz-artist__question {
color: var(--wqa-title);
line-height: 1.5;
font-size: 1rem;
margin-bottom: 0.7rem;
}
.widget-quiz-artist__meta {
color: var(--wqa-body);
line-height: 1.6;
font-size: 0.9rem;
margin-top: 0.75rem;
}
.widget-quiz-artist__footer {
margin-top: 0.75rem;
}
/* --- block --- */
.widget-curated-choice {
--wcc-section-bg: #ddd5c2;
--wcc-gallery-bg: #d6ceb2;
--wcc-title: #3e342a;
--wcc-subtitle: #665d54;
--wcc-tile-cap: #fff;
--wcc-btn-border: #b28a55;
--wcc-btn-text: #9b6d39;
font-family: var(--font-body);
background: var(--wcc-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-curated-choice { padding: 1.5rem; }
}
.widget-curated-choice__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: stretch;
}
@media (min-width: 768px) {
.widget-curated-choice__main {
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: 1rem;
}
}
.widget-curated-choice__gallery-panel {
background: var(--wcc-gallery-bg);
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.widget-curated-choice__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
max-height: 14.5rem;
aspect-ratio: 2 / 1;
overflow: hidden;
}
@media (min-width: 768px) {
.widget-curated-choice__art-grid { max-height: 18rem; }
}
.widget-curated-choice__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-curated-choice__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-curated-choice__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-curated-choice__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-curated-choice__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-curated-choice__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-curated-choice__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
background: #e8e4dc;
}
.widget-curated-choice__tile::before,
.widget-curated-choice__tile::after { display: none; }
.widget-curated-choice__tile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-curated-choice__label {
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 700;
line-height: 1.25;
text-transform: none;
padding: 0.4rem 0.55rem;
color: var(--wcc-tile-cap);
text-align: left;
}
.widget-curated-choice__label--hero { font-size: 0.78rem; padding: 0.45rem 0.65rem; }
.widget-curated-choice__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
min-width: 0;
box-sizing: border-box;
}
.widget-curated-choice__head,
.widget-curated-choice__desc {
width: 100%;
}
@media (min-width: 768px) {
.widget-curated-choice__intro {
padding: 0;
min-height: 100%;
justify-content: center;
}
.widget-curated-choice__head {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
}
.widget-curated-choice__desc { font-size: 0.9375rem; }
.widget-curated-choice__cta {
padding: 1rem 1.15rem;
letter-spacing: 0.08em;
}
}
.widget-curated-choice__head {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--wcc-title);
margin: 0 0 0.5rem;
line-height: 1.15;
text-wrap: balance;
overflow-wrap: anywhere;
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.widget-curated-choice__desc {
font-size: 1rem;
line-height: 1.55;
color: var(--wcc-subtitle);
margin: 0 0 1.25rem;
width: 100%;
text-align: center;
}
.widget-curated-choice__cta {
font-family: var(--font-body);
position: relative;
display: block;
align-self: stretch;
overflow: hidden;
border: 1px solid var(--wcc-btn-border);
padding: 1.1rem 1.25rem;
letter-spacing: 0.1em;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--wcc-btn-text) !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.widget-curated-choice__cta::after { display: none; }
.widget-curated-choice__cta::before {
content: '';
position: absolute;
inset: 0;
background: var(--wcc-btn-border);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
width: auto;
height: auto;
opacity: 1;
border: none;
}
.widget-curated-choice__cta:hover::before { transform: translateX(0); }
.widget-curated-choice__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.widget-curated-choice__cta:hover span { color: #fff; }
@media (max-width: 767.98px) {
.widget-curated-choice__art-grid {
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
}
.widget-curated-choice:hover .widget-curated-choice__art-grid a:hover img.mouseover_effect_images,
.widget-curated-choice:hover .widget-curated-choice__art-grid img.mouseover_effect_images:hover {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
/* --- block --- */
.widget-curated-choice {
--wcc-section-bg: #ddd5c2;
--wcc-gallery-bg: #d6ceb2;
--wcc-title: #3e342a;
--wcc-subtitle: #665d54;
--wcc-tile-cap: #fff;
--wcc-btn-border: #b28a55;
--wcc-btn-text: #9b6d39;
font-family: var(--font-body);
background: var(--wcc-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-curated-choice { padding: 1.5rem; }
}
.widget-curated-choice__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: stretch;
}
@media (min-width: 768px) {
.widget-curated-choice__main {
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: 1rem;
}
}
.widget-curated-choice__gallery-panel {
background: var(--wcc-gallery-bg);
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.widget-curated-choice__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
max-height: 14.5rem;
aspect-ratio: 2 / 1;
overflow: hidden;
}
@media (min-width: 768px) {
.widget-curated-choice__art-grid { max-height: 18rem; }
}
.widget-curated-choice__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-curated-choice__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-curated-choice__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-curated-choice__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-curated-choice__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-curated-choice__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-curated-choice__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
background: #e8e4dc;
}
.widget-curated-choice__tile::before,
.widget-curated-choice__tile::after { display: none; }
.widget-curated-choice__tile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-curated-choice__label {
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 700;
line-height: 1.25;
text-transform: none;
padding: 0.4rem 0.55rem;
color: var(--wcc-tile-cap);
text-align: left;
}
.widget-curated-choice__label--hero { font-size: 0.78rem; padding: 0.45rem 0.65rem; }
.widget-curated-choice__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
min-width: 0;
box-sizing: border-box;
}
.widget-curated-choice__head,
.widget-curated-choice__desc {
width: 100%;
}
@media (min-width: 768px) {
.widget-curated-choice__intro {
padding: 0;
min-height: 100%;
justify-content: center;
}
.widget-curated-choice__head {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
}
.widget-curated-choice__desc { font-size: 0.9375rem; }
.widget-curated-choice__cta {
padding: 1rem 1.15rem;
letter-spacing: 0.08em;
}
}
.widget-curated-choice__head {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--wcc-title);
margin: 0 0 0.5rem;
line-height: 1.15;
text-wrap: balance;
overflow-wrap: anywhere;
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.widget-curated-choice__desc {
font-size: 1rem;
line-height: 1.55;
color: var(--wcc-subtitle);
margin: 0 0 1.25rem;
width: 100%;
text-align: center;
}
.widget-curated-choice__cta {
font-family: var(--font-body);
position: relative;
display: block;
align-self: stretch;
overflow: hidden;
border: 1px solid var(--wcc-btn-border);
padding: 1.1rem 1.25rem;
letter-spacing: 0.1em;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--wcc-btn-text) !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.widget-curated-choice__cta::after { display: none; }
.widget-curated-choice__cta::before {
content: '';
position: absolute;
inset: 0;
background: var(--wcc-btn-border);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
width: auto;
height: auto;
opacity: 1;
border: none;
}
.widget-curated-choice__cta:hover::before { transform: translateX(0); }
.widget-curated-choice__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.widget-curated-choice__cta:hover span { color: #fff; }
@media (max-width: 767.98px) {
.widget-curated-choice__art-grid {
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
}
.widget-curated-choice:hover .widget-curated-choice__art-grid a:hover img.mouseover_effect_images,
.widget-curated-choice:hover .widget-curated-choice__art-grid img.mouseover_effect_images:hover {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
/* --- block --- */
.widget-curated-choice {
--wcc-section-bg: #ddd5c2;
--wcc-gallery-bg: #d6ceb2;
--wcc-title: #3e342a;
--wcc-subtitle: #665d54;
--wcc-tile-cap: #fff;
--wcc-btn-border: #b28a55;
--wcc-btn-text: #9b6d39;
font-family: var(--font-body);
background: var(--wcc-section-bg);
padding: 1rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.widget-curated-choice { padding: 1.5rem; }
}
.widget-curated-choice__main {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
align-items: stretch;
}
@media (min-width: 768px) {
.widget-curated-choice__main {
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
gap: 1rem;
}
}
.widget-curated-choice__gallery-panel {
background: var(--wcc-gallery-bg);
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.widget-curated-choice__art-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
width: 100%;
max-height: 14.5rem;
aspect-ratio: 2 / 1;
overflow: hidden;
}
@media (min-width: 768px) {
.widget-curated-choice__art-grid { max-height: 18rem; }
}
.widget-curated-choice__grid-item {
overflow: hidden;
border-radius: 4px;
position: relative;
min-height: 0;
min-width: 0;
background: #e8e4dc;
}
.widget-curated-choice__grid-item--1 { grid-row: 1 / span 2; grid-column: 1; }
.widget-curated-choice__grid-item--2 { grid-column: 2; grid-row: 1; }
.widget-curated-choice__grid-item--3 { grid-column: 3; grid-row: 1; }
.widget-curated-choice__grid-item--4 { grid-column: 2; grid-row: 2; }
.widget-curated-choice__grid-item--5 { grid-column: 3; grid-row: 2; }
.widget-curated-choice__tile {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
background: #e8e4dc;
}
.widget-curated-choice__tile::before,
.widget-curated-choice__tile::after { display: none; }
.widget-curated-choice__tile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease, filter 0.75s ease;
}
.widget-curated-choice__label {
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 700;
line-height: 1.25;
text-transform: none;
padding: 0.4rem 0.55rem;
color: var(--wcc-tile-cap);
text-align: left;
}
.widget-curated-choice__label--hero { font-size: 0.78rem; padding: 0.45rem 0.65rem; }
.widget-curated-choice__intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
width: 100%;
min-width: 0;
box-sizing: border-box;
}
.widget-curated-choice__head,
.widget-curated-choice__desc {
width: 100%;
}
@media (min-width: 768px) {
.widget-curated-choice__intro {
padding: 0;
min-height: 100%;
justify-content: center;
}
.widget-curated-choice__head {
font-size: clamp(1.25rem, 1.65vw, 1.75rem);
}
.widget-curated-choice__desc { font-size: 0.9375rem; }
.widget-curated-choice__cta {
padding: 1rem 1.15rem;
letter-spacing: 0.08em;
}
}
.widget-curated-choice__head {
font-family: var(--font-title);
font-size: clamp(1.5rem, 2.75vw, 2.125rem);
font-weight: 400;
color: var(--wcc-title);
margin: 0 0 0.5rem;
line-height: 1.15;
text-wrap: balance;
overflow-wrap: anywhere;
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.widget-curated-choice__desc {
font-size: 1rem;
line-height: 1.55;
color: var(--wcc-subtitle);
margin: 0 0 1.25rem;
width: 100%;
text-align: center;
}
.widget-curated-choice__cta {
font-family: var(--font-body);
position: relative;
display: block;
align-self: stretch;
overflow: hidden;
border: 1px solid var(--wcc-btn-border);
padding: 1.1rem 1.25rem;
letter-spacing: 0.1em;
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--wcc-btn-text) !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.widget-curated-choice__cta::after { display: none; }
.widget-curated-choice__cta::before {
content: '';
position: absolute;
inset: 0;
background: var(--wcc-btn-border);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
width: auto;
height: auto;
opacity: 1;
border: none;
}
.widget-curated-choice__cta:hover::before { transform: translateX(0); }
.widget-curated-choice__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.widget-curated-choice__cta:hover span { color: #fff; }
@media (max-width: 767.98px) {
.widget-curated-choice__art-grid {
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
}
.widget-curated-choice:hover .widget-curated-choice__art-grid a:hover img.mouseover_effect_images,
.widget-curated-choice:hover .widget-curated-choice__art-grid img.mouseover_effect_images:hover {
filter: brightness(1.14) saturate(1.25);
transform: scale(1.04);
}
/* --- block --- */
.widget-stf {
--stf-bg: #dcd3bf;
--stf-title: #3e342a;
--stf-label: #875d2a;
font-family: var(--font-body);
background: var(--stf-bg);
padding: 1.25rem 1rem 1rem;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.widget-stf { padding: 1.5rem 1.25rem 1.25rem; }
}
.widget-stf__title {
font-family: var(--font-title);
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 400;
line-height: 1.25;
color: var(--stf-title);
text-align: center;
text-transform: uppercase;
text-wrap: balance;
margin: 0 0 1rem;
letter-spacing: 0.02em;
}
.widget-stf__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem 1rem;
}
.widget-stf__item {
display: flex;
flex-direction: column;
min-width: 0;
}
.widget-stf__media {
display: block;
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #d4cbb8;
}
.widget-stf__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.widget-stf__label {
margin: 0.5rem 0 0;
padding: 0;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.06em;
text-align: center;
text-transform: uppercase;
}
.widget-stf__label a { color: var(--stf-label); }
.widget-stf__label a::before,
.widget-stf__label a::after { content: none; }
.widget-stf__label a:hover {
color: #6b4822;
text-decoration: underline;
}
/* --- block --- */
.widget-stf {
--stf-bg: #dcd3bf;
--stf-title: #3e342a;
--stf-label: #875d2a;
font-family: var(--font-body);
background: var(--stf-bg);
padding: 1.25rem 1rem 1rem;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.widget-stf { padding: 1.5rem 1.25rem 1.25rem; }
}
.widget-stf__title {
font-family: var(--font-title);
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 400;
line-height: 1.25;
color: var(--stf-title);
text-align: center;
text-transform: uppercase;
text-wrap: balance;
margin: 0 0 1rem;
letter-spacing: 0.02em;
}
.widget-stf__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem 1rem;
}
.widget-stf__item {
display: flex;
flex-direction: column;
min-width: 0;
}
.widget-stf__media {
display: block;
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #d4cbb8;
}
.widget-stf__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.widget-stf__label {
margin: 0.5rem 0 0;
padding: 0;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.06em;
text-align: center;
text-transform: uppercase;
}
.widget-stf__label a { color: var(--stf-label); }
.widget-stf__label a::before,
.widget-stf__label a::after { content: none; }
.widget-stf__label a:hover {
color: #6b4822;
text-decoration: underline;
}
/* --- block --- */
.widget-stf {
--stf-bg: #dcd3bf;
--stf-title: #3e342a;
--stf-label: #875d2a;
font-family: var(--font-body);
background: var(--stf-bg);
padding: 1.25rem 1rem 1rem;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.widget-stf { padding: 1.5rem 1.25rem 1.25rem; }
}
.widget-stf__title {
font-family: var(--font-title);
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 400;
line-height: 1.25;
color: var(--stf-title);
text-align: center;
text-transform: uppercase;
text-wrap: balance;
margin: 0 0 1rem;
letter-spacing: 0.02em;
}
.widget-stf__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem 1rem;
}
.widget-stf__item {
display: flex;
flex-direction: column;
min-width: 0;
}
.widget-stf__media {
display: block;
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #d4cbb8;
}
.widget-stf__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.widget-stf__label {
height: 50px;
padding: 0;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.06em;
text-align: center;
text-transform: uppercase;
}
.widget-stf__label a { color: var(--stf-label); }
.widget-stf__label a::before,
.widget-stf__label a::after { content: none; }
.widget-stf__label a:hover {
color: #6b4822;
text-decoration: underline;
}
/* === HOMEPAGETEST shared layout utilities === */
.widget-mpl__part { border-color: var(--mpl-border, var(--g400, #e0d8cc)) !important; }
.widget-mpl__panel,
.widget-mpl__min-h-panel { min-height: 14rem; }
.widget-mpl__min-h-half { min-height: 7rem; }
.widget-mpl__min-h-sm { min-height: 3.5rem; }
.widget-mpl__col-quarter { width: 25%; min-width: 0; }
.widget-mpl__col-half { width: 50%; min-width: 0; }
.widget-stf__header-band { letter-spacing: 0.04em; }
.widget-museum-6p__placeholder { min-height: 10rem; }
.widget-museum-4p__title { font-weight: 700; color: #111; }
.widget-museum-4p__title-line { color: #111; }
.widget-museum-4p__meta { line-height: 1.5; color: #111; }
.widget-dqf__question { color: #111; line-height: 1.4; }
.widget-dqf__meta { color: #111; line-height: 1.45; }
.mfp-section-head--raised { position: relative; z-index: 1; }
.bpa-spotlight__art-link { overflow: hidden; display: block; }
.bpa-spotlight__art-img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }
.bpa-text-muted { color: var(--pewter); }
.bpa-cc__grid { min-height: 16rem; }
.bpa-cc__grid-hero { width: 50%; min-width: 0; border-right: 2px solid var(--ink); }
.bpa-cc__grid-tile { min-height: 8rem; border-bottom: 1px solid var(--smoke); }
.bpa-cc__grid-tile--border-r { border-right: 1px solid var(--smoke); }
@media (max-width: 991.98px) {
.widget-mpl__col-quarter,
.widget-mpl__col-half { width: 100%; }
.widget-mpl__panel,
.widget-mpl__min-h-panel { min-height: 10rem; }
.widget-mpl__min-h-half { min-height: 6rem; }
.bpa-cc__grid-hero { width: 100%; border-right: none; border-bottom: 2px solid var(--ink); }
.bpa-cc__grid { flex-direction: column; min-height: 0; }
}
@media (max-width: 767.98px) {
.homepage-homepagetest-widgets,
.homepage-impressionist-widgets,
.homepage-artsdot-homepagetest-widgets,
.homepage-buypopart-homepagetest-widgets,
.mfp-hp { padding-left: clamp(12px, 3vw, 24px); padding-right: clamp(12px, 3vw, 24px); }
.widget-imp10__movement-title { font-size: clamp(18px, 5vw, 24px); }
.ti-sh { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
}
/* Homepage widget consistency (wahooart homepagetest) */
.homepage-homepagetest-widgets .widget-famous-artwork-day {
max-width: none;
height: 100%;
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.homepage-homepagetest-widgets .widget-stf-row > .col-lg-4 {
display: flex;
flex-direction: column;
}
.homepage-homepagetest-widgets .widget-stf-row > .col-lg-4 > .widget-stf {
flex: 1 1 auto;
width: 100%;
}
.homepage-homepagetest-widgets .widget-stf-row .widget-stf {
height: 100%;
margin-bottom: 0;
display: flex;
flex-direction: column;
}
.homepage-homepagetest-widgets .widget-stf-row .widget-stf__grid {
flex: 0 0 auto;
margin-top: auto;
width: 100%;
align-items: stretch;
grid-auto-rows: 1fr;
}
.homepage-homepagetest-widgets .widget-stf-row .widget-stf__item {
display: grid;
grid-template-rows: 1fr auto auto;
min-height: 100%;
}
.homepage-homepagetest-widgets .widget-stf-row .widget-stf__media {
grid-row: 2;
align-self: end;
}
.homepage-homepagetest-widgets .widget-stf-row .widget-stf__label {
grid-row: 3;
}
.homepage-homepagetest-widgets .widget-famous-artwork-day__heading,
.homepage-homepagetest-widgets .widget-stf-row .widget-stf__title {
flex: 1 1 auto;
min-height: 8rem;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.homepage-homepagetest-widgets .widget-mpl__category a {
color: var(--stf-label, #875d2a);
text-decoration: none;
}
.homepage-homepagetest-widgets .widget-mpl__category a:hover {
color: #6b4822;
text-decoration: underline;
}
.hp-name-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(217, 209, 191, 0.92);
color: #9a6a2e;
text-align: center;
padding: 0.5rem 0.75rem;
font-family: var(--font-body);
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.hp-widget-title__line1 {
display: block;
font-family: var(--font-title);
font-size: clamp(1.6rem, 2.6vw, 2.4rem);
font-weight: 400;
line-height: 1.15;
letter-spacing: 0.02em;
color: var(--wm4p-title, #1a1a1a);
}
.hp-widget-title__accent {
display: block;
font-family: var(--font-title);
font-size: clamp(1.3rem, 2.2vw, 2rem);
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.03em;
color: var(--wm4p-accent, #875d2a);
}
.homepage-homepagetest-widgets .widget-artist-otd5__hero {
position: relative;
}
/* Homepage widget CTAs — one shared outline + slide-hover treatment */
.wa-hero-ctas .widget-mpl__cta,
.homepage-homepagetest-widgets .widget-mpl__cta {
position: relative;
display: block !important;
overflow: hidden;
width: 100%;
max-width: 100%;
align-self: stretch;
background: transparent !important;
border: 1px solid var(--mpl-btn-border, #b28a55) !important;
border-radius: 0 !important;
padding: 1.1rem 1.25rem !important;
letter-spacing: 0.1em !important;
font-family: var(--font-body);
font-size: 0.8rem !important;
font-weight: 500 !important;
font-style: normal;
font-synthesis: none;
line-height: 1.35;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: var(--mpl-btn-text, #9b6d39) !important;
box-sizing: border-box;
transition: color 0.35s ease;
}
.wa-hero-ctas .widget-mpl__cta::before,
.homepage-homepagetest-widgets .widget-mpl__cta::before {
display: block !important;
content: '';
position: absolute;
inset: 0;
background: var(--mpl-btn-border, #b28a55);
transform: translateX(-100%);
transition: transform 0.35s ease;
z-index: 0;
opacity: 1;
border: none;
width: auto;
height: auto;
}
.wa-hero-ctas .widget-mpl__cta::after,
.homepage-homepagetest-widgets .widget-mpl__cta::after {
display: none !important;
}
.wa-hero-ctas .widget-mpl__cta:hover::before,
.homepage-homepagetest-widgets .widget-mpl__cta:hover::before {
transform: translateX(0);
}
.wa-hero-ctas .widget-mpl__cta span,
.homepage-homepagetest-widgets .widget-mpl__cta span {
position: relative;
z-index: 2;
display: inline-block;
transition: color 0.35s ease;
}
.wa-hero-ctas .widget-mpl__cta:hover span,
.homepage-homepagetest-widgets .widget-mpl__cta:hover span {
color: #fff !important;
}
.wa-hero-ctas .widget-mpl__cta:hover,
.homepage-homepagetest-widgets .widget-mpl__cta:hover,
.wa-hero-ctas .widget-mpl__cta:focus,
.homepage-homepagetest-widgets .widget-mpl__cta:focus {
background: transparent !important;
color: var(--mpl-btn-text, #9b6d39) !important;
}
@media (min-width: 768px) {
.homepage-homepagetest-widgets .widget-mpl .widget-mpl__cta,
.homepage-homepagetest-widgets .widget-stock-ready-slider .widget-mpl__cta {
padding: 1.1rem 1.25rem !important;
letter-spacing: 0.1em !important;
font-size: 0.8rem !important;
}
}
@media (min-width: 992px) {
.homepage-homepagetest-widgets .homepage-widget-pair .widget-mpl__cta {
padding: 1.1rem 1.25rem !important;
font-size: 0.8rem !important;
letter-spacing: 0.1em !important;
width: 100%;
justify-content: center;
}
}
@media (min-width: 768px) {
[data-swap-layout] .widget-mpl__main {
grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
}
[data-swap-layout] .widget-mpl__gallery-panel { order: 1; }
[data-swap-layout] .widget-mpl__intro { order: 2; }
[data-swap-layout] .widget-curated-choice__intro { order: 1; }
[data-swap-layout] .widget-curated-choice__gallery-panel { order: 2; }
[data-swap-layout] .widget-curated-choice__main {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
}
.widget-mov-4-slider {
--wm4-bg: var(--hp-warm-bg, #ddd5c2);
border: none;
box-shadow: none;
}
.widget-mov-4-slider .widget-mov-4-slide-img-wrap img {
min-height: 140px;
}
.widget-mov-4-slider .swp_btn img {
opacity: 0.6;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));
transition: opacity 0.2s ease;
}
.widget-mov-4-slider .swp_btn:hover img {
opacity: 0.9;
}
.widget-mpl,
.widget-tf-slider,
.widget-recent-own-slider,
.widget-stock-ready-slider,
.widget-curated-choice {
--mpl-section-bg: var(--hp-warm-bg, #ddd5c2);
--wcc-section-bg: var(--hp-warm-bg, #ddd5c2);
}
.widget-museum-4p,
.widget-artist-otd5,
.widget-identify-masterpiece {
--wm4p-card-bg: var(--hp-warm-bg, #ddd5c2);
--waotd5-card-bg: var(--hp-warm-bg, #ddd5c2);
--wim-card-bg: var(--hp-warm-bg, #ddd5c2);
background: var(--hp-warm-bg, #ddd5c2);
}
.homepage-homepagetest-widgets .widget-article-kw,
.homepage-homepagetest-widgets .widget-quiz-artist {
background: var(--hp-warm-bg, #ddd5c2);
padding: 1rem;
}
.homepage-homepagetest-widgets .homepage-articles-quiz-row > [class*="col-"] {
display: flex;
}
.homepage-homepagetest-widgets .homepage-articles-quiz-row .widget-article-kw {
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
box-shadow: none;
}
.homepage-homepagetest-widgets .homepage-articles-quiz-row .widget-quiz-artist {
flex: 1 1 auto;
width: 100%;
margin-bottom: 0;
}
.homepage-homepagetest-widgets .homepage-articles-quiz-row .widget-quiz-artist__card > .row {
flex: 1 1 auto;
}
.homepage-homepagetest-widgets .homepage-articles-quiz-row .widget-quiz-artist__footer {
margin-top: auto;
}
.widget-identify-masterpiece__choices {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
}
/* =====================================================
WA HERO — featured artwork + editorial CTA
(Adapted from mfp-hero; wahooart warm palette)
===================================================== */
.wa-hero {
position: relative;
overflow: hidden;
min-height: 80vh;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: stretch;
background: #f4ede0;
}
/* Gallery side — warm linen background with framed artwork */
.wa-hero-gallery {
background: #e8dfcc;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
gap: clamp(12px, 1.8vw, 24px);
padding: clamp(40px, 6vw, 80px);
position: relative;
overflow: hidden;
}
.wa-hero-gallery::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
background: radial-gradient(ellipse 110% 90% at 50% 50%, #e0d5bf 0%, #d4c8ac 45%, #c9bca0 100%);
pointer-events: none;
}
/* Artwork image container — no decorative outer frame */
.wa-hero-frame {
position: relative;
z-index: 2;
max-width: 340px;
width: 100%;
flex: 0 1 auto;
padding: 0;
background: none;
box-shadow: none;
}
.wa-hero-frame::before {
display: none;
}
.wa-hero-frame--empty {
background: rgba(26, 18, 8, .06);
min-height: 300px;
}
.wa-hero-frame img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 62vh;
object-fit: contain;
box-sizing: border-box;
filter: contrast(1.04) saturate(1.06) drop-shadow(4px 8px 18px rgba(0,0,0,0.42));
position: relative;
z-index: 2;
}
.wa-hero-gallery--landscape .wa-hero-frame img {
max-height: min(50vh, 420px);
}
.wa-hero-frame__link {
display: block;
}
.wa-hero-frame__link::before,
.wa-hero-frame__link::after {
display: none;
}
/* Artwork meta — beside or below frame */
.wa-hero-artwork-meta {
position: relative;
z-index: 3;
padding: 0 clamp(6px, 1.2vw, 14px);
flex: 1 1 140px;
min-width: 0;
max-width: 240px;
text-align: left;
}
/* Wide aspect (landscape / panoramic): meta stacks below the frame */
.wa-hero-gallery--landscape {
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.wa-hero-gallery--landscape .wa-hero-frame {
max-width: 480px;
flex: 0 0 auto;
}
.wa-hero-gallery--panoramic .wa-hero-frame {
max-width: min(640px, 92%);
}
.wa-hero-gallery--landscape .wa-hero-artwork-meta {
flex: 0 0 auto;
max-width: min(640px, 100%);
width: 100%;
padding: clamp(12px, 2vw, 20px) 0 0;
text-align: center;
}
.wa-hero-artwork-title {
font-family: var(--font-title);
font-size: clamp(14px, 1.5vw, 19px);
font-weight: 400;
color: #1a1208;
line-height: 1.25;
margin-bottom: 4px;
}
.wa-hero-artwork-title a { color: inherit; border-bottom: 1px solid rgba(26, 18, 8, .3); padding-bottom: 1px; }
.wa-hero-artwork-title a:hover { border-color: #8b6914; color: #8b6914; }
.wa-hero-artwork-artist {
font-size: 10px;
letter-spacing: .18em;
text-transform: uppercase;
color: #8b6914;
font-family: var(--font-body);
margin-bottom: 10px;
}
.wa-hero-artwork-artist a { color: inherit; text-decoration: none; }
.wa-hero-artwork-artist a:hover { color: #1a1208; }
.wa-hero-artwork-desc {
font-size: 11px;
color: rgba(26, 18, 8, .55);
line-height: 1.6;
margin: 0;
overflow-wrap: break-word;
}
/* Editorial content side */
.wa-hero-content {
background: #faf6f0;
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(40px, 6vw, 88px) clamp(32px, 5vw, 72px);
border-left: 1px solid rgba(26, 18, 8, .1);
}
.wa-hero-kicker {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
.wa-hero-kicker::before {
content: '';
width: 28px;
height: 1px;
background: #8b6914;
flex-shrink: 0;
}
.wa-hero-kicker span {
font-size: 9px;
letter-spacing: .22em;
text-transform: uppercase;
color: #8b6914;
font-weight: 500;
font-family: var(--font-body);
}
.wa-hero-h1 {
font-family: var(--font-title);
font-size: clamp(36px, 5.2vw, 68px);
font-weight: 400;
line-height: 0.8;
letter-spacing: 0.02em;
color: #1a1208;
margin: 0 0 28px;
}
.wa-hero-h1 em {
font-style: normal;
color: #8b6914;
font-weight: 400;
font-family: var(--font-title-accent);
font-size: inherit;
line-height: inherit;
}
.wa-hero-body {
font-size: 15px;
line-height: 1.7;
color: #3d2f1a;
max-width: 420px;
margin: 0 0 36px;
font-family: var(--font-body);
}
.wa-hero-ctas {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 48px;
--mpl-btn-border: #b28a55;
--mpl-btn-text: #9b6d39;
}
.wa-hero-ctas .widget-mpl__cta {
width: auto;
align-self: flex-start;
}
.wa-btn-primary {
display: inline-block;
background: #1a1208;
color: #faf6f0 !important;
padding: 14px 30px;
font-size: 13px;
font-weight: 500;
font-family: var(--font-body);
text-decoration: none;
letter-spacing: .04em;
transition: background .25s;
}
.wa-btn-primary::before,
.wa-btn-primary::after { display: none; }
.wa-btn-primary:hover { background: #8b6914; }
.wa-btn-secondary {
display: inline-block;
border: 1px solid rgba(26, 18, 8, .3);
color: #3d2f1a !important;
padding: 13px 28px;
font-size: 13px;
font-weight: 400;
font-family: var(--font-body);
text-decoration: none;
letter-spacing: .04em;
transition: all .25s;
}
.wa-btn-secondary::before,
.wa-btn-secondary::after { display: none; }
.wa-btn-secondary:hover { border-color: #8b6914; color: #8b6914 !important; }
.wa-hero-stats {
display: flex;
gap: 36px;
border-top: 1px solid rgba(26, 18, 8, .1);
padding-top: 28px;
}
.wa-hero-stat-val {
font-family: var(--font-title);
font-size: 28px;
font-weight: 400;
color: #1a1208;
line-height: 1;
margin-bottom: 4px;
}
.wa-hero-stat-lab {
font-size: 10px;
letter-spacing: .14em;
text-transform: uppercase;
color: #7a6450;
font-family: var(--font-body);
}
/* Responsive */
@media (max-width: 900px) {
.wa-hero { grid-template-columns: 1fr; min-height: auto; }
.wa-hero-gallery {
min-height: 55vw;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.wa-hero-artwork-meta {
flex: 0 0 auto;
max-width: min(640px, 100%);
width: 100%;
padding: 12px 0 0;
text-align: center;
}
.wa-hero-content { padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 40px); }
.wa-hero-stats { flex-direction: column; gap: 16px; }
}
@media (max-width: 575px) {
.wa-hero-frame { max-width: 260px; }
.wa-hero-h1 { font-size: clamp(28px, 8vw, 42px); }
}
/* =====================================================
W37 — Every movement A–Z (wahooart palette)
===================================================== */
.w37 {
font-family: var(--font-body);
background: #faf6f0;
padding: 2.75rem 0 3.25rem;
width: 100%;
}
.w37__inner {
max-width: 1298px;
margin: 0 auto;
padding: 0 1.5rem;
}
.w37__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 1.375rem;
border-bottom: 2px solid #1a1208;
margin-bottom: 2.5rem;
gap: 3rem;
flex-wrap: wrap;
}
.w37__title {
font-family: var(--font-title);
font-weight: 400;
font-size: clamp(2.25rem, 4.5vw, 4rem);
letter-spacing: -0.02em;
line-height: 0.96;
color: #1a1208;
max-width: 18ch;
margin: 0;
}
.w37__title em {
font-style: normal;
font-weight: 400;
color: #8b6914;
font-family: var(--font-title-accent);
font-size: inherit;
line-height: inherit;
}
.w37__meta {
font-family: var(--font-body);
font-size: 0.6875rem;
color: #7a6450;
letter-spacing: 0.12em;
text-transform: uppercase;
text-align: right;
line-height: 1.6;
}
.w37__meta b {
display: block;
color: #1a1208;
font-family: var(--font-title);
font-weight: 400;
font-size: 1.625rem;
letter-spacing: -0.018em;
margin-bottom: 0.25rem;
text-transform: none;
}
.w37__letters {
display: grid;
grid-template-columns: repeat(26, 1fr);
gap: 2px;
margin-bottom: 2.5rem;
font-family: var(--font-body);
font-size: 0.6875rem;
letter-spacing: 0.06em;
text-transform: uppercase;
overflow-x: auto;
min-width: 0;
}
@media (max-width: 575px) {
.w37__letters {
grid-template-columns: repeat(26, minmax(1.5rem, 1fr));
font-size: 0.5625rem;
letter-spacing: 0.02em;
}
}
.w37__letters span {
text-align: center;
padding: 8px 0;
color: #7a6450;
border: 1px solid transparent;
cursor: pointer;
transition: 0.15s;
user-select: none;
}
.w37__letters span:hover { color: #1a1208; border-color: rgba(26,18,8,.15); }
.w37__letters span.w37--on { color: #8b6914; border-bottom: 1px solid #8b6914; }
.w37__letters span.w37--empty { color: rgba(26,18,8,.2); cursor: not-allowed; pointer-events: none; }
.w37__cols {
column-count: 3;
column-gap: 2.25rem;
column-rule: 1px solid rgba(26,18,8,.1);
}
@media (min-width: 768px) { .w37__cols { column-count: 4; } }
@media (min-width: 1100px) { .w37__cols { column-count: 5; } }
.w37__group { break-inside: avoid; margin-bottom: 1.875rem; padding-right: 0.875rem; }
.w37__group-head {
font-family: var(--font-body);
font-size: 0.625rem;
color: #8b6914;
letter-spacing: 0.18em;
text-transform: uppercase;
margin: 0 0 0.875rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(26,18,8,.1);
display: flex;
justify-content: space-between;
align-items: baseline;
}
.w37__group-head span { color: #7a6450; font-weight: 400; }
.w37__group ul { list-style: none; margin: 0; padding: 0; }
.w37__group li {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 5px 0;
border-bottom: 1px dotted transparent;
transition: 0.15s;
}
.w37__group li:hover { border-bottom-color: rgba(26,18,8,.12); }
.w37__group a {
font-family: var(--font-title);
font-weight: 400;
font-size: 0.8125rem;
color: #1a1208;
letter-spacing: -0.005em;
transition: 0.15s;
line-height: 1.25;
text-decoration: none;
}
.w37__group a::before,
.w37__group a::after { display: none; }
.w37__group li:hover a { color: #8b6914; }
.w37__n {
font-family: var(--font-body);
font-size: 0.5625rem;
color: #7a6450;
letter-spacing: 0.06em;
white-space: nowrap;
margin-left: 0.5rem;
}
.w37__foot {
margin-top: 2.25rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(26,18,8,.1);
font-family: var(--font-body);
font-size: 0.6875rem;
color: #7a6450;
letter-spacing: 0.1em;
}
.w37__foot b { color: #1a1208; font-weight: 500; }
/* Homepage widget display typography — align titles with mpl intro / signature serif */
.homepage-homepagetest-widgets .widget-mov-4-slider__title,
.homepage-homepagetest-widgets .hp-widget-title__line1 {
font-family: var(--font-title) !important;
font-size: clamp(1.25rem, 1.65vw, 1.75rem) !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0.02em !important;
}
.homepage-homepagetest-widgets .widget-mov-4-slider__tagline,
.homepage-homepagetest-widgets .hp-widget-title__accent,
.homepage-homepagetest-widgets .widget-museum-4p__title-accent,
.homepage-homepagetest-widgets .widget-artist-otd5__title-accent {
font-family: var(--font-title) !important;
font-size: clamp(1.25rem, 1.65vw, 1.75rem) !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0.02em !important;
font-style: normal !important;
}
/* =====================================================
WAHOOART — Homepage text links: standard corner-bracket hover
Widget CSS disables ::before/::after on category/STF/movement
labels; restore site-wide text-link frame + opacity fade here.
(Image tiles and CTA buttons keep their own hover treatments.)
===================================================== */
.homepage-homepagetest-widgets .widget-mpl__category a,
.homepage-homepagetest-widgets .widget-stf__label a,
.homepage-homepagetest-widgets .widget-tf-static__category a,
.homepage-homepagetest-widgets .widget-recent-own-static__category a,
.homepage-homepagetest-widgets .widget-stock-ready-static__category a,
.homepage-homepagetest-widgets .view_all_art a,
.homepage-homepagetest-widgets .w37__group a,
.homepage-homepagetest-widgets .w37__meta a,
.wa-hero-artwork-title a,
.wa-hero-artwork-artist a,
.wa-hero-stats > a {
display: inline-block;
}
.homepage-homepagetest-widgets .widget-mpl__category a::before,
.homepage-homepagetest-widgets .widget-mpl__category a::after,
.homepage-homepagetest-widgets .widget-stf__label a::before,
.homepage-homepagetest-widgets .widget-stf__label a::after,
.homepage-homepagetest-widgets .widget-tf-static__category a::before,
.homepage-homepagetest-widgets .widget-tf-static__category a::after,
.homepage-homepagetest-widgets .widget-recent-own-static__category a::before,
.homepage-homepagetest-widgets .widget-recent-own-static__category a::after,
.homepage-homepagetest-widgets .widget-stock-ready-static__category a::before,
.homepage-homepagetest-widgets .widget-stock-ready-static__category a::after,
.homepage-homepagetest-widgets .view_all_art a::before,
.homepage-homepagetest-widgets .view_all_art a::after,
.homepage-homepagetest-widgets .w37__group a::before,
.homepage-homepagetest-widgets .w37__group a::after,
.homepage-homepagetest-widgets .w37__meta a::before,
.homepage-homepagetest-widgets .w37__meta a::after,
.wa-hero-artwork-title a::before,
.wa-hero-artwork-title a::after,
.wa-hero-artwork-artist a::before,
.wa-hero-artwork-artist a::after,
.wa-hero-stats > a::before,
.wa-hero-stats > a::after {
display: block !important;
content: '' !important;
}
.homepage-homepagetest-widgets .widget-mpl__category a,
.homepage-homepagetest-widgets .widget-stf__label a,
.homepage-homepagetest-widgets .widget-tf-static__category a,
.homepage-homepagetest-widgets .widget-recent-own-static__category a,
.homepage-homepagetest-widgets .widget-stock-ready-static__category a,
.homepage-homepagetest-widgets .view_all_art a,
.homepage-homepagetest-widgets .w37__group a,
.homepage-homepagetest-widgets .w37__meta a,
.wa-hero-artwork-title a,
.wa-hero-artwork-artist a,
.wa-hero-stats > a {
transition: color 0.25s ease, opacity 0.25s ease;
}
.homepage-homepagetest-widgets .widget-mpl__category a:hover,
.homepage-homepagetest-widgets .widget-stf__label a:hover,
.homepage-homepagetest-widgets .widget-tf-static__category a:hover,
.homepage-homepagetest-widgets .widget-recent-own-static__category a:hover,
.homepage-homepagetest-widgets .widget-stock-ready-static__category a:hover,
.homepage-homepagetest-widgets .view_all_art a:hover,
.homepage-homepagetest-widgets .w37__group a:hover,
.homepage-homepagetest-widgets .w37__meta a:hover,
.wa-hero-artwork-title a:hover,
.wa-hero-artwork-artist a:hover,
.wa-hero-stats > a:hover {
text-decoration: none;
opacity: 0.8;
color: #6b4822 !important;
}
.wa-hero-artwork-title a {
border-bottom: none;
padding-bottom: 0;
}