:root { --color-bg: #f3efe9;
--color-bg-soft: #f3ece8;
--color-text: #1d1d1b;
--color-text-strong: #2f2925;
--color-text-body: #4a433d;
--color-text-muted: rgba(29, 29, 27, 0.74);
--color-text-soft: #6f655e;
--color-text-muted-soft: rgba(29, 29, 27, 0.66);
--color-line: rgba(29, 29, 27, 0.08);
--color-line-strong: rgba(29, 29, 27, 0.14); --p-area-pc: 360px;
--p-area-mobile: 300px;
--p-max-width-mobile: 80vw; --fs-body: 19px;
--fs-lead: clamp(18px, 1.8vw, 24px);
--fs-h1: clamp(42px, 5.6vw, 68px);
--fs-h2: clamp(26px, 1.2vw + 20px, 34px);
--fs-h3: clamp(18px, 1.6vw, 24px);
--lh-body: 1.65;
--ls-tight: -0.045em;
--ls-soft: -0.02em; --space-s: 1rem;
--space-m: 1.5rem;
--space-l: 2.5rem;
--shell-x: clamp(20px, 4vw, 40px);
--section-y: clamp(56px, 8vw, 112px);
--section-y-tight: clamp(36px, 5vw, 72px); --shell: 1200px;
--content-narrow: 720px;
--content-text: 46ch; --radius-media: 10px;
--shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.08);
--p-shadow:
0 12px 28px rgba(40, 28, 20, 0.14),
0 28px 64px rgba(40, 28, 20, 0.11);
--p-shadow-h:
0 18px 40px rgba(40, 28, 20, 0.18),
0 40px 92px rgba(40, 28, 20, 0.14); --see-also-gap: 15px;
--see-also-radius: 4px;
--see-also-img-max-h: 150px;
} html {
scroll-behavior: smooth;
}
.entry-content mark,
.wp-site-blocks mark,
mark.has-inline-color {
background: transparent !important;
padding: 0 !important;
}
.wp-site-blocks,
.wp-site-blocks p,
.wp-site-blocks li {
font-family: "Inter", system-ui, -apple-system, sans-serif;
font-size: var(--fs-body);
line-height: var(--lh-body);
color: var(--color-text);
-webkit-font-smoothing: antialiased;
}
.wp-site-blocks :where(h1, h2, h3, h4, h5, h6) {
margin: 0 0 var(--space-s);
font-family: "Inter", system-ui, sans-serif;
color: var(--color-text);
-webkit-font-smoothing: antialiased;
}
.wp-site-blocks h1 {
font-size: var(--fs-h1);
font-weight: 800;
line-height: 0.96;
letter-spacing: var(--ls-tight);
text-transform: uppercase;
}
.wp-site-blocks h2 {
font-size: var(--fs-h2);
font-weight: 700;
line-height: 1.08;
letter-spacing: var(--ls-soft);
}
.wp-site-blocks h3 {
font-size: var(--fs-h3);
font-weight: 700;
line-height: 1.15;
letter-spacing: var(--ls-soft);
text-transform: none;
}
.wp-site-blocks h2:where(:not(.wp-block-post-title)) {
margin-bottom: var(--space-m);
}
.wp-site-blocks p {
margin: 0 0 var(--space-s);
}
.wp-site-blocks .is-style-muted,
.wp-site-blocks .muted-text,
.wp-site-blocks .has-muted-color {
color: var(--color-text-muted);
} .wp-site-blocks :where(.wp-block-button__link, button) {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 24px;
border: 0;
border-radius: 999px;
font-family: "Inter", system-ui, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.01em;
text-align: center;
background: var(--color-text);
color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease;
}
.wp-site-blocks :where(.wp-block-button__link, button):hover {
opacity: 0.95;
transform: translateY(-1px);
}
.wp-site-blocks :where(.wp-block-button__link, button):active {
transform: translateY(0);
} .entry-content p,
.is-layout-constrained p {
font-size: clamp(1.16rem, 1.23vw, 1.25rem);
line-height: 1.82;
color: var(--color-text-body);
}
.entry-content p + p,
.is-layout-constrained p + p {
margin-top: 1.1em;
} .t-display,
.entry-content .t-display,
.is-layout-constrained .t-display,
.page-header-hero h1 {
font-size: var(--fs-h1);
font-weight: 800;
line-height: 0.96;
letter-spacing: var(--ls-tight);
text-transform: uppercase;
color: var(--color-text-strong);
}
.t-display,
.entry-content .t-display,
.is-layout-constrained .t-display {
margin: 0 0 0.32em;
}
.t-display-HP{
font-size: var(--fs-h1);
font-weight: 800;
line-height: 1.05;
letter-spacing: var(--ls-tight);
text-transform: uppercase;
color: var(--color-text-strong);
}
.page-header-hero h1 {
margin: 0 0 16px;
}
.t-lead,
.entry-content .t-lead,
.is-layout-constrained .t-lead,
.t-lead-wide,
.entry-content .t-lead-wide,
.is-layout-constrained .t-lead-wide {
font-size: var(--fs-lead);
line-height: 1.55;
color: var(--color-text);
text-align: center;
text-wrap: balance;
}
.t-lead,
.entry-content .t-lead,
.is-layout-constrained .t-lead {
max-width: 44ch;
margin: 0 auto;
}
.t-lead-wide,
.entry-content .t-lead-wide,
.is-layout-constrained .t-lead-wide {
max-width: 50ch;
}
.t-left,
.entry-content .t-left,
.is-layout-constrained .t-left {
text-align: left !important;
}
.t-section,
.entry-content .t-section,
.is-layout-constrained .t-section,
.entry-content h3,
.is-layout-constrained h3 {
margin: 0 0 0.7em;
font-size: var(--fs-h3);
font-weight: 700;
line-height: 1.15;
letter-spacing: var(--ls-soft);
text-transform: none;
color: var(--color-text-strong);
}
.t-heading-m {
margin: 0 0 0.65em;
font-size: clamp(2rem, 3vw, 3.2rem);
line-height: 1.02;
letter-spacing: -0.03em;
font-weight: 700;
color: var(--color-text-strong);
}
.t-info,
.entry-content .t-info,
.is-layout-constrained .t-info {
font-size: clamp(0.98rem, 1.02vw, 1.06rem);
line-height: 1.72;
color: var(--color-text-soft);
letter-spacing: 0.01em;
}
.t-kicker {
margin: 0 0 1em;
font-size: 0.88rem;
line-height: 1.2;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #8c7f75;
} .shell {
box-sizing: border-box;
max-width: var(--shell);
margin-left: auto;
margin-right: auto;
padding-left: var(--shell-x);
padding-right: var(--shell-x);
}
.section {
padding-top: var(--section-y);
padding-bottom: var(--section-y);
}
.section-tight {
padding-top: clamp(24px, 3vw, 40px) !important;
padding-bottom: var(--section-y-tight) !important;
}
.section-soft {
background: var(--color-bg-soft);
}
.content-narrow {
max-width: var(--content-narrow);
}
.content-text > p,
.content-text p {
max-width: var(--content-text);
}
.split,
.split-reverse {
display: grid;
gap: clamp(32px, 5vw, 72px);
align-items: center;
}
.split {
grid-template-columns: 1.08fr 0.92fr;
}
.split-reverse {
grid-template-columns: 0.92fr 1.08fr;
}
.media-frame,
.media-frame figure,
.media-frame .wp-block-image {
margin: 0;
width: 100%;
}
.media-frame img,
.editorial-section .img-popout img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-media);
box-shadow: var(--shadow-soft);
}
.closing-block {
text-align: center;
}
.closing-block > * {
margin-left: auto;
margin-right: auto;
}
.closing-block p {
max-width: 38ch;
}
.closing-block .t-lead {
max-width: 30ch;
} .page-header-hero {
max-width: 760px;
margin: 0 auto;
padding: clamp(36px, 5vw, 68px) 0 clamp(34px, 5vw, 54px);
text-align: center;
}
.page-header-hero .wp-block-paragraph,
.page-header-hero p {
max-width: 60ch;
margin: 0 auto;
font-size: var(--fs-lead);
line-height: 1.55;
color: var(--color-text-muted-soft);
}
.hero-lead {
max-width: 32ch;
margin: 0.75rem auto 1.5rem;
font-size: clamp(1.35rem, 0.7vw + 1.1rem, 1.75rem);
line-height: 1.35;
font-weight: 600;
color: var(--color-text);
text-align: center;
text-wrap: balance;
}
.section-hero-web h1 {
padding-top: 0.55em;
font-size: clamp(3.2rem, 7vw, 5.8rem);
font-weight: 800;
line-height: 1.06;
letter-spacing: var(--ls-tight, -0.03em);
text-transform: uppercase;
color: var(--color-text-strong, #111);
}
.section-hero-web h2 {
margin-top: 0.55em;
font-size: clamp(1.35rem, 2.7vw, 2.43rem);
line-height: 1.15;
letter-spacing: -0.01em;
font-weight: 600;
text-wrap: balance;
}
@media (max-width: 781px) {
.section-hero-web {
padding-top: 20px;
padding-bottom: 0;
}
.section-hero-web .wp-block-columns {
gap: 16px;
}
.section-hero-web h1 {
padding-top: 0.28em;
margin-bottom: 0.12em;
}
.section-hero-web h2 {
margin-top: 0.1em;
margin-bottom: 16px;
}
.section-hero-web .wp-block-button {
margin-top: 0;
margin-bottom: 0;
}
}
@media (max-width: 781px) {
.section-hero-web .wp-block-cover {
min-height: 380px !important;
}
.section-hero-web .wp-block-cover img.wp-block-cover__image-background {
object-position: center top;
}
} .info-panel {
display: grid;
gap: 0;
}
.info-panel-item {
margin: 0 0 19px;
padding: 0 0 19px;
border-bottom: 1px solid var(--color-line);
}
.info-panel-item:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.info-panel-item p {
max-width: none;
margin: 0;
font-size: 16px;
line-height: 1.65;
color: var(--color-text-muted);
} .editorial-section,
.editorial-section .wp-block-columns,
.editorial-section .wp-block-column {
overflow: visible !important;
}
.editorial-section .img-popout {
position: relative;
z-index: 3;
margin: 0 !important;
}
.editorial-section .img-popout.popout-up {
transform: translate(44px, -22px);
}
.editorial-section .img-popout.popout-down {
transform: translate(44px, 22px);
}
.editorial-section .img-popout.popout-left-up {
transform: translate(-44px, -22px);
}
.editorial-section .img-popout.popout-left-down {
transform: translate(-44px, 22px);
} .wp-site-blocks :where(.wp-block-quote, blockquote) {
max-width: 42rem;
margin: var(--space-l) auto;
border: none;
}
.wp-site-blocks :where(.wp-block-quote p, blockquote p),
.section-quote p {
font-style: italic;
font-size: clamp(1.05rem, 0.45vw + 1rem, 1.2rem);
line-height: 1.8;
color: var(--color-text-muted);
}
.section-quote {
text-align: center;
}
.artist-quote {
max-width: 1200px;
margin: 100px auto;
font-family: "Cormorant Garamond", serif;
font-size: 48px;
text-align: center;
}
.wp-block-post-template.is-grid.gallery-permanent-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 0;
}
.wp-block-post-template.is-grid.gallery-permanent-grid > li {
width: 100% !important;
margin: 0 !important;
}
.see-also-section {
clear: both;
margin-top: 50px;
padding: 20px;
}
.painting-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
align-items: start;
}
.related-painting-card {
display: flex;
flex-direction: column;
align-items: flex-start;
} .related-painting-card > a:first-of-type {
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin-bottom: 14px;
} .related-painting-card img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: var(--see-also-img-max-h);
object-fit: contain;
object-position: top center;
border-radius: var(--see-also-radius);
} .related-painting-card > a:last-of-type {
display: block;
line-height: 1.35;
text-align: left;
} @media (max-width: 768px) {
.painting-related-grid {
grid-template-columns: 1fr;
}
} .wp-block-button .wp-block-button__link.btn-outline {
padding: 0.85em 1.6em !important;
border: 1.5px solid #000 !important;
border-radius: 999px !important;
background: transparent !important;
color: #000 !important;
}
.wp-block-button .wp-block-button__link.btn-outline:hover {
background: #000 !important;
color: #fff !important;
} @media (max-width: 1024px) {
.editorial-section .img-popout.popout-up {
transform: translate(20px, -10px);
}
.editorial-section .img-popout.popout-down {
transform: translate(20px, 10px);
}
.editorial-section .img-popout.popout-left-up {
transform: translate(-20px, -10px);
}
.editorial-section .img-popout.popout-left-down {
transform: translate(-20px, 10px);
}
}
@media (max-width: 781px) {
.split,
.split-reverse {
grid-template-columns: 1fr;
gap: 28px;
}
.t-display {
font-size: clamp(2.5rem, 12vw, 4rem);
line-height: 0.96;
}
.t-lead,
.content-text > p,
.content-text p,
.closing-block p {
max-width: none;
}
.editorial-section .img-popout,
.editorial-section .img-popout.popout-up,
.editorial-section .img-popout.popout-down,
.editorial-section .img-popout.popout-left-up,
.editorial-section .img-popout.popout-left-down {
transform: none;
}
}   .painting-card, .painting-framed,
.painting-card figure, .painting-framed figure,
.painting-card a, .painting-framed a {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
} .wp-block-query .wp-block-post-template > li {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.wp-block-post-featured-image.painting-card {
width: 100% !important;
height: var(--p-area-pc) !important;
} .painting-card img, .painting-standalone img, .painting-framed img {
display: block !important;
max-width: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
box-shadow: var(--p-shadow) !important;
} .painting-card img { max-height: 100% !important; }
.painting-framed img { max-height: var(--p-area-pc) !important; } .wp-block-query .wp-block-post-title {
width: 100% !important;
margin-top: 15px !important;
text-align: center !important;
z-index: 10;
} @media screen and (min-width: 1025px) {
.painting-card img, .painting-standalone img, .painting-framed img {
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.painting-card:hover img, .painting-standalone:hover img, .painting-framed:hover img {
transform: translateY(-8px) scale(1.02) !important;
box-shadow: var(--p-shadow-h) !important;
}
} @media (max-width: 768px) {
.wp-block-post-template.is-layout-grid {
grid-template-columns: 1fr !important;
justify-content: center !important;
}
.wp-block-post-template.is-layout-grid > li {
width: 100% !important;
max-width: 320px !important;
margin-left: auto !important;
margin-right: auto !important;
}
} .featured-art-meta {
text-align: center;
}
.featured-art-meta h4 {
margin: 0 0 0.38rem;
font-size: clamp(1.04rem, 1.15vw, 1.2rem);
font-weight: 650;
line-height: 1.16;
letter-spacing: 0.015em;
text-transform: uppercase;
color: #2b2522;
}
.featured-art-meta p {
margin: 0;
font-size: 0.97rem;
line-height: 1.5;
color: #908783;
}
.featured-art-meta p:last-child {
margin-top: 0.42rem;
font-weight: 500;
color: #5f5650;
} .hover-tile {
position: relative !important; overflow: hidden;
}
.hover-tile .wp-block-cover__inner-container {
position: static !important; opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.hover-tile .wp-block-cover__background {
opacity: 0;
transition: opacity 0.3s ease-in-out;
pointer-events: none;
} .hover-tile a {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 20 !important; display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: inherit;
}
@media (hover: hover) {
.hover-tile:hover .wp-block-cover__background { opacity: 0.7 !important; }
.hover-tile:hover .wp-block-cover__inner-container { opacity: 1 !important; }
}
@media (hover: none) {
.hover-tile .wp-block-cover__background { opacity: 0.7 !important; }
.hover-tile .wp-block-cover__inner-container { opacity: 1 !important; }
}   :focus:not(:focus-visible) { 
outline: none !important; 
box-shadow: none !important; 
}
:focus-visible { 
outline: 2px solid rgba(0,0,0,0.2) !important; 
outline-offset: 3px; 
} * { 
-webkit-tap-highlight-color: transparent; 
}  .wp-block-navigation .wp-block-navigation-item__content,
.wp-block-site-title a,
.wp-block-heading a,
h1 a {
text-decoration: none !important;
box-shadow: none !important;
transition: opacity 0.3s ease-in-out;
} .wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-site-title a:hover,
h1 a:hover {
opacity: 0.6;
} .wp-block-site-title a,
h1.wp-block-heading {
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase;
} .wp-block-navigation-submenu__toggle,
.wp-block-navigation-submenu__toggle:hover,
.wp-block-navigation-submenu__toggle:focus,
.wp-block-navigation-item.has-child:hover > .wp-block-navigation-submenu__toggle {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 0 0 6px !important;
} .poly-switcher-clean,
.poly-switcher-clean ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
gap: 0.2rem;
}
.poly-switcher-clean li {
display: inline-flex;
align-items: center;
} .poly-switcher-clean img {
display: none;
}
.poly-switcher-clean a,
.poly-switcher-clean .current-lang {
text-decoration: none;
font-size: 1.05rem;
font-weight: 500;
letter-spacing: 0.075em;
text-transform: uppercase;
color: currentColor;
opacity: 0.55;
transition: opacity 0.2s ease;
padding: 0.15rem 0.3rem;
} .poly-switcher-clean li + li::before {
content: "/";
opacity: 0.35;
margin: 0 0.15rem;
} .poly-switcher-clean a:hover,
.poly-switcher-clean .current-lang,
.poly-switcher-clean li.current-lang a {
opacity: 1;
} @media (min-width: 783px) {
.wp-block-navigation .wp-block-navigation__submenu-container {
min-width: 260px !important;
width: max-content !important;
padding: 20px !important;
border: 1px solid rgba(0,0,0,0.05);
background-color: #ffffff26;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
white-space: nowrap !important;
}
} @media (max-width: 782px) {
.wp-block-navigation__responsive-container.is-menu-open {
background-color: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
border-left: none !important;
margin-left: 0 !important;
padding: 10px 0 !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation-item {
margin: 15px 0 !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-size: 1.1rem !important;
opacity: 0.7;
}
}  header.wp-block-template-part {
position: relative;
z-index: 10;
} .wp-block-post-title {
position: relative;
z-index: 1 !important;
} .wp-block-cover.card-cat { --title-color: #fff; --cta-color: #f5f1e8; --grad-start: rgba(0, 0, 0, 0);
--grad-mid: rgba(0, 0, 0, 0.08);
--grad-end: rgba(0, 0, 0, 0.52);
position: relative;
overflow: hidden;
isolation: isolate;
border-radius: 22px;
min-height: clamp(320px, 38vw, 460px);
padding: 0 !important;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.10);
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.wp-block-cover.card-cat::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
to top,
var(--grad-end) 0%,
var(--grad-mid) 34%,
var(--grad-start) 72%
);
transition: opacity 0.35s ease;
}
.wp-block-cover.card-cat .wp-block-cover__image-background {
transform: scale(1.01);
filter: saturate(0.96) contrast(0.98) brightness(0.94);
transition: transform 0.6s ease, filter 0.6s ease;
}
.wp-block-cover.card-cat .wp-block-cover__inner-container {
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 0;
padding: 1.5rem;
} .wp-block-cover.card-cat h2,
.wp-block-cover.card-cat h3,
.wp-block-cover.card-cat h4 {
margin: 0;
max-width: none;
min-height: 1.9em;
font-size: clamp(1.7rem, 2.0vw, 2.1rem);
line-height: 1;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.01em; color: var(--title-color);
overflow-wrap: normal;
word-break: keep-all;
hyphens: none;
} .wp-block-cover.card-cat h2 a,
.wp-block-cover.card-cat h3 a,
.wp-block-cover.card-cat h4 a {
color: inherit;
text-decoration: none;
}
.wp-block-cover.card-cat p {
margin: 0.65rem 0 0; color: var(--cta-color);
} .wp-block-cover.card-cat p a {
color: inherit;
text-decoration: none;
}
.wp-block-cover.card-cat p a::after {
content: "→";
display: inline-block;
transition: transform 0.25s ease;
} @media (hover: hover) and (pointer: fine) {
.wp-block-cover.card-cat:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
}
.wp-block-cover.card-cat:hover::before { opacity: 0.72;
}
.wp-block-cover.card-cat:hover .wp-block-cover__image-background { transform: scale(1.04); filter: saturate(1.04) contrast(1.03) brightness(1.06);
}
.wp-block-cover.card-cat:hover p a::after { transform: translateX(4px);
}
} .wp-block-cover.card-vlastni { --title-color: #f0c85d; --cta-color: #f5f1e8; --grad-mid: rgba(44, 89, 202, 0.10);
--grad-end: rgba(44, 89, 202, 0.62);
}
.wp-block-cover.card-zakazka { --title-color: #2b2b2b; --cta-color: #f5f1e8; --grad-mid: rgba(232, 198, 72, 0.08);
--grad-end: rgba(232, 198, 72, 0.44);
}
.wp-block-cover.card-coverart { --title-color: #f3efe6; --cta-color: #f5f1e8; --grad-mid: rgba(7, 14, 66, 0.10);
--grad-end: rgba(7, 14, 66, 0.66);
}  .clickable-cover {
position: relative !important;
} .clickable-cover .wp-block-cover__inner-container,
.clickable-cover h1, 
.clickable-cover h2, 
.clickable-cover h3, 
.clickable-cover h4, 
.clickable-cover h5, 
.clickable-cover h6, 
.clickable-cover p {
position: static !important;
transform: none !important;
} .clickable-cover a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100; } @media (hover: none) and (pointer: coarse) {
.wp-block-cover.card-cat {
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.wp-block-cover.card-cat .wp-block-cover__image-background {
transition: transform 0.6s ease, filter 0.6s ease;
}
.wp-block-cover.card-cat::before {
transition: opacity 0.35s ease;
}
.wp-block-cover.card-cat.is-active {
transform: translateY(-4px);
box-shadow: 0 22px 40px rgba(0, 0, 0, 0.14);
}
.wp-block-cover.card-cat.is-active::before {
opacity: 0.84;
}
.wp-block-cover.card-cat.is-active .wp-block-cover__image-background {
transform: scale(1.03);
filter: saturate(1.01) contrast(1.01) brightness(0.98);
}
.wp-block-cover.card-cat.is-active p::after {
transform: translateX(4px);
}
}  .template-painting {
max-width: 1200px; margin-inline: auto;
padding: 40px 20px;
} .template-painting h2 { margin-top: clamp(4rem, 8vw, 7rem) !important; 
margin-bottom: 1.5rem !important;
text-align: left;
font-size: var(--fs-h2);
letter-spacing: 0.1em;
text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 0.5rem;
}  .template-painting h2 + .wp-block-gallery,
.template-painting h2 + .wp-block-image,
.template-painting h2 + .wp-block-columns {
margin-top: 0 !important;
}
.template-painting .painting-hero,
.template-painting .painting-hero .wp-block-columns {
margin-top: 0;
padding-top: 0;
}
.template-painting .painting-hero .wp-block-columns {
align-items: center;
gap: clamp(1.25rem, 2.2vw, 2.5rem);
}
.template-painting .painting-hero .painting-hero-content {
max-width: 520px;
}
.template-painting .painting-hero .painting-hero-content h1 {
font-size: clamp(2.2rem, 4vw, 4.2rem);
font-weight: 800;
line-height: 0.96;
letter-spacing: var(--ls-tight);
text-transform: uppercase;
text-wrap: balance;
word-break: normal;
overflow-wrap: normal;
hyphens: manual;
color: var(--color-text-strong);
}
.template-painting .painting-hero .painting-hero-content p.painting-hero-description {
margin: 0 0 1.75rem;
font-size: clamp(1.1rem, 1.3vw, 1.32rem);
line-height: 1.3;
}
.template-painting .painting-hero .painting-hero-content p.painting-hero-specs {
margin: 0 0 2rem;
font-size: clamp(1.05rem, 1.15vw, 1.25rem);
line-height: 1.3;
letter-spacing: 0.15rem;
text-transform: uppercase;
color: #666666;
}
.template-painting .painting-hero .wp-block-button {
margin-top: 0.5rem;
}
.template-painting .painting-hero .wp-block-button__link {
border-radius: 999px;
padding: 0.9em 1.5em;
font-weight: 700;
}
.template-painting .painting-hero .wp-block-image img {
display: block;
height: auto;
} @media (max-width: 768px) {
.template-painting h2 {
margin-top: 4rem !important;
margin-bottom: 1rem !important;
}
.template-painting .painting-description {
font-size: 1rem;
}
}
@media (max-width: 781px) {
.template-painting .painting-hero {
padding-block: 1.5rem 2rem;
}
.template-painting .painting-hero .painting-hero-content {
max-width: none;
}
.template-painting .painting-hero .painting-hero-content h1 {
margin-bottom: 1rem;
font-size: clamp(2rem, 11vw, 3.4rem);
}
.template-painting .painting-hero .painting-hero-content p.painting-hero-description {
margin-bottom: 1.25rem;
}
.template-painting .painting-hero .painting-hero-content p.painting-hero-specs {
margin-bottom: 1.5rem;
letter-spacing: 0.08em;
}
}