@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Montserrat:wght@300;400;500;600&display=swap"); :root {
--cc-navy:            #0B1320;
--cc-navy-dark:       #0A1C2B;
--cc-terracotta:      #C47A5A;
--cc-terracotta-dark: #9C5230;
--cc-linen:           #F1EDE4;
--cc-linen-dark:      #E8E4DC;
--cc-cream-text:      #EAE6DF;
--cc-cream-light:     #FAF9F6;
--cc-ink-brown:       #4A4036;
--cc-line:            rgba(234, 230, 223, 0.12);
--cc-bar-h:           78px;
--cc-logo-h:          44px;
--cc-bar-h-s:         60px;
--cc-logo-h-s:        34px;
--cc-nav-gap:         32px;
--cc-nav-track:       2px;
--cc-submenu-dark:    rgba(11, 19, 32, 0.98);
--cc-submenu-light:   rgba(241, 237, 228, 0.98);
--cc-shadow-soft:     0 24px 60px rgba(10, 28, 43, 0.16);
--cc-shadow-hover:    0 30px 70px rgba(10, 28, 43, 0.20);
--cc-ease:            cubic-bezier(.2, .7, .2, 1);
} body {
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .page-title, .entry-title, .product_title, .page-header-title,
.cc-heading, .cc-hero__title, .cc-doors__h2, .cc-door__title, .cc-surface-card__title, .cc-artwork__title {
font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
font-weight: 300 !important;
line-height: 1.2 !important;
letter-spacing: 0.12em !important;
}
.entry-title a, .page-title { color: #222222 !important; }
.entry-title a:hover { color: var(--cc-terracotta-dark) !important; }
.cc-subtitle, .cc-pull-quote, .cc-taxon, blockquote, blockquote p {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 300 !important;
font-style: italic !important;
letter-spacing: 0.1em !important;
} .site-header, .site-header-wrapper, .top-headers-wrapper,
#page_wrapper.transparent_header .site-header.default,
#page_wrapper.transparent_header .site-header.default .site-header-wrapper,
#page_wrapper.transparent_header .top-headers-wrapper {
background-color: var(--cc-navy) !important;
transition: background-color .35s ease, box-shadow .35s ease !important;
}
.site-header { box-shadow: 0 0 0 rgba(0,0,0,0) !important; padding-top: 0 !important; }
.site-header.cc-scrolled { box-shadow: 0 1px 0 var(--cc-line), 0 14px 30px rgba(0,0,0,0.28) !important; }
.site-header .top-headers-wrapper, .site-header .header-top, .site-header .header-top-bar,
.site-header .top-bar, .site-header .topbar, .site-header .header_top,
.site-header .secondary-navigation-wrap, .site-header .header-banner {
display: none !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
}
.site-header .site-header-wrapper, .site-header .header-main, .site-header .main-header {
display: flex !important; align-items: center !important; justify-content: space-between !important;
min-height: var(--cc-bar-h) !important; padding: 0 36px !important; box-sizing: border-box !important;
padding-top: 0 !important; padding-bottom: 0 !important;
transition: min-height .35s ease, padding .35s ease !important;
}
.site-header.cc-scrolled .site-header-wrapper, .site-header.cc-scrolled .header-main { min-height: var(--cc-bar-h-s) !important; padding: 0 32px !important; }
.site-branding, .custom-logo-link, .site-logo, .logo, .header-logo {
display: flex !important; align-items: center !important; gap: 12px !important;
background: transparent !important; border: 0 !important; outline: 0 !important;
box-shadow: none !important; overflow: visible !important;
}
img.custom-logo, img.site-logo, .site-logo img, .site-branding img, .custom-logo-link img {
height: var(--cc-logo-h) !important; width: auto !important; max-width: none !important;
object-fit: contain !important; transform: none !important; vertical-align: middle !important;
background: transparent !important; border: 0 !important; outline: 0 !important;
box-shadow: none !important; padding: 0 !important; transition: height .35s ease !important;
}
.site-header.cc-scrolled img.custom-logo, .site-header.cc-scrolled .site-branding img { height: var(--cc-logo-h-s) !important; }
.custom-logo-link:focus, .custom-logo-link:focus-visible, .site-logo a:focus { outline: 0 !important; }
.site-branding .site-title, .site-logo .site-title {
font-family: 'Montserrat', Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important;
letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--cc-cream-light) !important;
margin: 0 !important; white-space: nowrap !important;
}
.site-branding .site-title a { color: var(--cc-cream-light) !important; text-decoration: none !important; }
.custom-logo-link ~ .custom-logo-link, .site-logo ~ .site-logo, .logo ~ .logo, .header-logo ~ .header-logo,
img.custom-logo ~ img.custom-logo, .site-branding img.custom-logo ~ img, .site-branding img ~ img.custom-logo,
.site-branding picture ~ picture, .site-branding picture ~ img, .site-branding img ~ picture,
.site-logo ~ .logo-mobile, .site-logo ~ .mobile-logo, .site-logo ~ .logo-sticky, .site-logo ~ .sticky-logo,
.site-logo ~ .site-logo-mobile, .site-logo ~ .header-logo-sticky, .logo ~ .logo-mobile, .logo ~ .logo-sticky { display: none !important; }
.site-header nav a, .site-header .menu-item > a, .site-header .menu > li > a, .main-navigation a {
font-family: 'Montserrat', Arial, sans-serif !important;
text-transform: uppercase !important; font-size: 12px !important; font-weight: 500 !important;
letter-spacing: var(--cc-nav-track) !important; color: var(--cc-cream-light) !important;
text-decoration: none !important; padding: 8px 0 !important; margin: 0 !important;
position: relative !important; transition: color .3s ease, letter-spacing .3s ease !important;
}
.site-header nav a:hover, .site-header .menu-item > a:hover { color: var(--cc-terracotta) !important; }
.site-header .menu-item > a::after {
content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
height: 1px !important; background: var(--cc-terracotta) !important; transform: scaleX(0) !important;
transform-origin: center !important; transition: transform .35s var(--cc-ease) !important;
}
.site-header .menu-item > a:hover::after { transform: scaleX(1) !important; }
.site-header .current-menu-item > a::after, .site-header .current_page_item > a::after,
.site-header .current-menu-ancestor > a::after { transform: scaleX(1) !important; }
.site-header .current-menu-item > a, .site-header .current_page_item > a { color: var(--cc-terracotta) !important; }
.site-header .sub-menu {
border-radius: 2px !important;
padding: 10px 0 !important;
opacity: 0 !important; visibility: hidden !important; transform: translateY(8px) !important;
transition: opacity .28s var(--cc-ease), transform .28s var(--cc-ease), visibility .28s ease !important;
}
.site-header .menu-item:hover > .sub-menu, .site-header .menu-item.focus > .sub-menu { opacity: 1 !important; visibility: visible !important; transform: none !important; }
.site-header .sub-menu li a::after { display: none !important; }
#masthead a, #masthead .menu-item a, #masthead .site-title a, .site-header a, .site-header .menu-item a, .site-header .site-title a, #masthead .tools_button, .site-header .tools_button { color: var(--cc-cream-light) !important; }
#masthead .tools_button_icon, #masthead .spk-icon-menu, .site-header .tools_button_icon, .site-header .spk-icon-menu { color: var(--cc-cream-light) !important; fill: var(--cc-cream-light) !important; stroke: var(--cc-cream-light) !important; }
@media (max-width: 1280px) {
.site-header .menu, .site-header nav > ul { gap: 22px !important; }
.site-header nav a, .site-header .menu-item > a { font-size: 11px !important; letter-spacing: 1.5px !important; }
.site-header .site-header-wrapper, .site-header .header-main { padding: 0 24px !important; }
}
@media (max-width: 991px) {
.site-header .menu, .site-header nav > ul, .main-navigation > ul { justify-content: flex-start !important; }
.site-header .menu-toggle, .site-header .hamburger, .site-header .mobile-menu-toggle { color: var(--cc-cream-text) !important; }
.site-header .hamburger span, .site-header .menu-toggle span, .site-header .hamburger-inner, .site-header .hamburger-inner::before, .site-header .hamburger-inner::after { background: var(--cc-cream-text) !important; }
.mobile-navigation a, .site-header .mobile-menu a, .off-canvas-menu a, .shk-mobile-menu a, .mobile-nav a {
font-family: 'Montserrat', Arial, sans-serif !important; text-transform: uppercase !important;
letter-spacing: 2px !important; font-size: 13px !important; color: var(--cc-cream-text) !important;
}
}
@media (max-width: 991px) {
.site-header .site-header-wrapper,
.site-header .header-main,
.site-header .main-header {
min-height: 64px !important;
height: auto !important;
padding: 0 20px !important;
}
img.custom-logo, img.site-logo, .site-logo img,
.site-branding img, .custom-logo-link img {
height: 40px !important;
max-height: 40px !important;
}
.mobile-navigation ul,
.off-canvas-menu ul,
.shk-mobile-menu ul,
.mobile-menu ul,
.mobile-nav ul,
.mobile-menu-wrapper ul,
.sk-off-canvas ul,
#sk-off-canvas-mobile-menu ul,
.site-header .mobile-navigation ul,
#masthead .mobile-navigation ul {
padding-top: 96px !important;
box-sizing: border-box !important;
}
.mobile-navigation > ul > li:first-child,
.off-canvas-menu > ul > li:first-child,
.shk-mobile-menu > ul > li:first-child,
.mobile-menu > ul > li:first-child,
.mobile-nav > ul > li:first-child {
padding-top: 12px !important;
}
} body.home .cc_home-hero, .cc_home-hero {
background-color: transparent !important;
background-image: linear-gradient(rgba(11,19,32,0.55), rgba(11,19,32,0.65)), url(https://capecache.co.za/wp-content/uploads/2026/07/cache-1-of-1-scaled.jpg) !important;
background-size: cover !important; background-position: center 30% !important;
}
body.home .cc_home-text, .cc_home-text { background-color: transparent !important; background-image: none !important; }
body.home .cc_home-hero div[class*="container"], body.home .cc_home-hero div[class*="wrapper"] { background-color: transparent !important; }
body.home .cc_home-text p, .cc_home-text p, body.home .cc_home-hero h1, body.home .cc_home-hero h2 { text-shadow: 0 2px 8px rgba(11,19,32,0.8) !important; }
.home .full-width-page, .home .full-width-page.page-title-hidden, .home .entry-content, .home .entry-content > *:first-child, .home .site-content > *:first-child,
.home .full-width-page .elementor-section:first-child, .home .full-width-page .elementor-top-section:first-child, .home .full-width-page > .elementor { margin-top: 0 !important; padding-top: 0 !important; }
.home .full-width-page .elementor-section:first-child > .elementor-container, .home .full-width-page .elementor-section:first-child > .elementor-background-overlay, .home .full-width-page .elementor-section:first-child { background: transparent !important; } .cc-seo-bottom-section, .cc-residence-page, .cc-enquiries-page, body.cc-enquiries-active { background-color: var(--cc-navy) !important; color: var(--cc-cream-text) !important; }
.cc-seo-bottom-section h2, .cc-seo-bottom-section h3, .cc-residence-page h1, .cc-residence-page h2, .cc-residence-page h3, .cc-enquiries-page h1, body.cc-enquiries-active h1, body.cc-enquiries-active h2, body.cc-enquiries-active h3 { color: var(--cc-cream-light) !important; }
.cc-seo-bottom-section p, .cc-residence-page p, .cc-enquiries-page p, body.cc-enquiries-active p, body.cc-enquiries-active span, body.cc-enquiries-active div, body.cc-enquiries-active .vc_column_text p, body.cc-enquiries-active .vc_column_text h3 { color: var(--cc-cream-text) !important; }
.cc-seo-bottom-section a { color: var(--cc-terracotta) !important; border-bottom-color: rgba(196,122,90,0.3) !important; }
body.cc-enquiries-active .st-container, body.cc-enquiries-active .st-content, body.cc-enquiries-active #page_wrapper, body.cc-enquiries-active .site-content, body.cc-enquiries-active .entry-content, body.cc-enquiries-active .full-width-page,
body.cc-enquiries-active #primary, body.cc-enquiries-active .vc_row, body.cc-enquiries-active .vc_column-inner, body.cc-enquiries-active .wpb_wrapper, body.cc-enquiries-active .vc_column_text, body.cc-enquiries-active section,
body.cc-enquiries-active .container, body.cc-enquiries-active .bg-white { background-color: transparent !important; background-image: none !important; }
.cc-enquiries-page { padding-top: 220px !important; }
@media (max-width: 1024px) { .cc-enquiries-page { padding-top: 140px !important; } }
.cc-subtitle-orange, .entry-content span.cc-subtitle-orange, .site-content span.cc-subtitle-orange, .vc_column-inner span.cc-subtitle-orange {
color: var(--cc-terracotta) !important; font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important; letter-spacing: 3px !important; text-transform: uppercase !important;
font-weight: 500 !important; display: block !important; margin: 0 0 35px 0 !important;
}
body.cc-enquiries-active .entry-content p, body.cc-enquiries-active .entry-content li, body.cc-enquiries-active .entry-content span,
body.cc-enquiries-active .site-content p, body.cc-enquiries-active .site-content li, body.cc-enquiries-active .site-content span,
body.cc-enquiries-active .vc_column-inner p, body.cc-enquiries-active .vc_column-inner li, body.cc-enquiries-active .vc_column-inner span {
color: var(--cc-cream-text) !important; font-size: 17px !important; font-weight: 300 !important; line-height: 1.8 !important;
}
body.cc-enquiries-active .entry-content h1, body.cc-enquiries-active .entry-content h2, body.cc-enquiries-active .entry-content h3,
body.cc-enquiries-active .entry-content h4, body.cc-enquiries-active .entry-content h5, body.cc-enquiries-active .entry-content h6,
body.cc-enquiries-active .site-content h1, body.cc-enquiries-active .site-content h2, body.cc-enquiries-active .site-content h3,
body.cc-enquiries-active .site-content h4, body.cc-enquiries-active .site-content h5, body.cc-enquiries-active .site-content h6 {
color: var(--cc-cream-light) !important;
}
.editor-styles-wrapper, .editor-styles-wrapper p, .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3,
.block-editor-iframe__body, .block-editor-iframe__body p, .block-editor-iframe__body h1, .block-editor-iframe__body h2, .block-editor-iframe__body h3,
.block-editor-rich-text__editable { color: #222222 !important; background-color: #ffffff !important; }
.page .post-meta, .page .entry-meta, .page .post-date { display: none !important; }
.page-title-container, .page-title, .title-bar, header.page-title { display: none !important; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {
color: #000000 !important; background-color: #ffffff !important; border: 1px solid #333333 !important;
}
.wpcf7-form label { color: var(--cc-navy-dark) !important; }
body.cc-enquiries-active .wpcf7-form label { color: var(--cc-terracotta) !important; }
.yoast-breadcrumb {
font-family: 'Montserrat', Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important;
letter-spacing: 2px !important; text-transform: uppercase !important; margin-bottom: 30px !important; padding: 0 20px !important;
}
.cc-collection-page .yoast-breadcrumb, .cc-artwork-page .yoast-breadcrumb { color: var(--cc-navy-dark) !important; }
.cc-collection-page .yoast-breadcrumb a, .cc-artwork-page .yoast-breadcrumb a { color: #6B5D4D !important; text-decoration: none !important; transition: color 0.3s ease !important; }
.cc-collection-page .yoast-breadcrumb a:hover, .cc-artwork-page .yoast-breadcrumb a:hover { color: var(--cc-terracotta-dark) !important; }
.cc-collection-page .yoast-breadcrumb span:last-child, .cc-artwork-page .yoast-breadcrumb span:last-child { color: var(--cc-terracotta-dark) !important; }
.cc-home-hero .yoast-breadcrumb, .cc-atelier-page .yoast-breadcrumb, .cc-seo-bottom-section .yoast-breadcrumb { color: var(--cc-cream-text) !important; }
.cc-home-hero .yoast-breadcrumb a, .cc-atelier-page .yoast-breadcrumb a, .cc-seo-bottom-section .yoast-breadcrumb a { color: var(--cc-terracotta) !important; text-decoration: none !important; transition: opacity 0.3s ease !important; }
.cc-home-hero .yoast-breadcrumb a:hover, .cc-atelier-page .yoast-breadcrumb a:hover, .cc-seo-bottom-section .yoast-breadcrumb a:hover { opacity: 0.7 !important; }
.cc-home-hero .yoast-breadcrumb span:last-child, .cc-atelier-page .yoast-breadcrumb span:last-child, .cc-seo-bottom-section .yoast-breadcrumb span:last-child { color: var(--cc-cream-text) !important; }
.yoast-breadcrumb .breadcrumb-separator { margin: 0 8px !important; color: var(--cc-terracotta) !important; opacity: 0.6 !important; }
@media only screen and (min-width: 1025px) {
.transparent_header .single-post-header.with-thumb, .transparent_header .page-title-hidden:not(.boxed-page),
.transparent_header .entry-header-page.with-featured-img, .transparent_header .shop_header.with_featured_img,
.transparent_header .entry-header.with_featured_img { margin-top: 0 !important; }
} body.cc-artwork-active .entry-content, body.cc-artwork-active .site-content, body.cc-artwork-active .page-content,
body.cc-artwork-active .content-area, body.cc-artwork-active #primary, body.cc-artwork-active #content,
body.cc-artwork-active .vc_row, body.cc-artwork-active .vc_column-inner, body.cc-artwork-active .wpb_wrapper,
body.cc-artwork-active section { background-color: var(--cc-linen) !important; background-image: none !important; }
body .cc-artwork-page { color: var(--cc-navy-dark) !important; }
body .cc-artwork-container { max-width: 1080px; margin: 0 auto; padding: 64px 24px 80px; }
body .cc-back-link {
display: inline-flex !important; align-items: center !important;
font-family: 'Montserrat', Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important;
letter-spacing: 2px !important; text-transform: uppercase !important; color: var(--cc-terracotta-dark) !important;
text-decoration: none !important; margin-bottom: 34px !important; transition: color 0.3s ease !important;
}
body .cc-back-link:hover { color: var(--cc-navy-dark) !important; }
body .cc-back-link svg { width: 16px !important; height: 16px !important; margin-right: 8px !important; fill: currentColor !important; }
body .cc-artwork-page .cc-footer-label {
text-align: center !important; font-family: 'Montserrat', Arial, sans-serif !important; font-size: 11px !important;
font-weight: 400 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: var(--cc-terracotta-dark) !important; margin: 80px 0 0 auto !important;
}
html body .cc-artwork-page .cc-taxon {
font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-size: 21px !important;
font-weight: 300 !important; letter-spacing: 0.1em !important; color: var(--cc-ink-brown) !important;
text-align: center !important; max-width: 720px !important; margin: 0 auto 60px auto !important; line-height: 1.5 !important;
}
html body .cc-artwork-page .cc-taxon em { font-style: italic !important; }
html body .cc-artwork-page .cc-feature-caption {
font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-size: 18px !important;
font-weight: 300 !important; letter-spacing: 0.1em !important; line-height: 1.7 !important; color: var(--cc-ink-brown) !important;
text-align: center !important; max-width: 760px !important; margin: 0 auto 0 auto !important;
}
html body .cc-artwork-page .cc-gallery-caption, body .cc-artwork-page .cc-artwork-container .cc-gallery-caption {
font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-size: 17px !important;
font-weight: 300 !important; letter-spacing: 0.1em !important; line-height: 1.6 !important; color: var(--cc-ink-brown) !important;
text-align: center !important; max-width: 760px !important; margin: 0 auto !important;
} body.cc-collection-active .site-header nav a, body.cc-collection-active .site-header .menu-item > a, body.cc-collection-active .site-header .menu > li > a, body.cc-collection-active .main-navigation a,
body.cc-artwork-active .site-header nav a, body.cc-artwork-active .site-header .menu-item > a, body.cc-artwork-active .site-header .menu > li > a, body.cc-artwork-active .main-navigation a,
body.cc-doors-active .site-header nav a, body.cc-doors-active .site-header .menu-item > a, body.cc-doors-active .site-header .menu > li > a, body.cc-doors-active .main-navigation a {
color: var(--cc-terracotta) !important;
}
body.cc-collection-active .site-header nav a:hover, body.cc-collection-active .site-header .menu-item > a:hover, body.cc-artwork-active .site-header nav a:hover, body.cc-artwork-active .site-header .menu-item > a:hover, body.cc-doors-active .site-header nav a:hover, body.cc-doors-active .site-header .menu-item > a:hover {
color: var(--cc-terracotta) !important;
}
body.cc-collection-active .site-header .current-menu-item > a, body.cc-collection-active .site-header .current_page_item > a, body.cc-collection-active .site-header .current-menu-ancestor > a,
body.cc-artwork-active .site-header .current-menu-item > a, body.cc-artwork-active .site-header .current_page_item > a, body.cc-artwork-active .site-header .current-menu-ancestor > a,
body.cc-doors-active .site-header .current-menu-item > a, body.cc-doors-active .site-header .current_page_item > a, body.cc-doors-active .site-header .current-menu-ancestor > a {
color: var(--cc-terracotta) !important;
}
body.cc-collection-active .site-branding .site-title, body.cc-collection-active .site-logo .site-title, body.cc-collection-active .site-branding .site-title a,
body.cc-artwork-active .site-branding .site-title, body.cc-artwork-active .site-logo .site-title, body.cc-artwork-active .site-branding .site-title a,
body.cc-doors-active .site-branding .site-title, body.cc-doors-active .site-logo .site-title, body.cc-doors-active .site-branding .site-title a {
color: var(--cc-terracotta) !important;
}
body.cc-collection-active .site-header .menu-item > a::after, body.cc-artwork-active .site-header .menu-item > a::after, body.cc-doors-active .site-header .menu-item > a::after {
background: var(--cc-navy-dark) !important;
}
body.cc-collection-active .site-header .menu-toggle, body.cc-collection-active .site-header .hamburger, body.cc-collection-active .site-header .mobile-menu-toggle, body.cc-collection-active .site-header .tools_button, body.cc-collection-active .site-header .tools_button_icon, body.cc-collection-active .site-header .spk-icon-menu,
body.cc-artwork-active .site-header .menu-toggle, body.cc-artwork-active .site-header .hamburger, body.cc-artwork-active .site-header .mobile-menu-toggle, body.cc-artwork-active .site-header .tools_button, body.cc-artwork-active .site-header .tools_button_icon, body.cc-artwork-active .site-header .spk-icon-menu,
body.cc-doors-active .site-header .menu-toggle, body.cc-doors-active .site-header .hamburger, body.cc-doors-active .site-header .mobile-menu-toggle, body.cc-doors-active .site-header .tools_button, body.cc-doors-active .site-header .tools_button_icon, body.cc-doors-active .site-header .spk-icon-menu {
color: var(--cc-terracotta) !important; fill: var(--cc-terracotta) !important; stroke: var(--cc-terracotta) !important;
} .site-header .header-navigation > ul.menu,
.site-header .main-navigation > ul,
.site-header nav > ul {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: var(--cc-nav-gap) !important;
}
.site-header .menu-item { margin: 0 !important; padding: 0 !important; }
.site-header .menu-item > a { display: inline-block !important; margin: 0 !important; }
.site-header .header-right, .site-header .right-header-content {
display: flex !important; align-items: center !important; gap: 16px !important;
}
.site-header .header-right a, .site-header .right-header-content a,
.site-header .widget a, .site-header .widget_nav_menu a, .site-header .widget_text a {
display: inline-block !important; margin: 0 !important;
}
@media (max-width: 1280px) {
.site-header .header-navigation > ul.menu,
.site-header .main-navigation > ul,
.site-header nav > ul { gap: 22px !important; }
} body:is(.cc-artwork-active,.cc-collection-active,.cc-bio-active,.cc-statement-active) :is(#footer, .footer, footer, .site-footer, .site-footer-bottom-bar, .footer-bottom-bar, .footer-bottom, .footer-widgets, .copyright, .site-info) {
background-color: var(--cc-linen) !important; background-image: none !important; color: var(--cc-navy-dark) !important; border-top: 1px solid rgba(10,28,43,.10) !important;
}
body:is(.cc-artwork-active,.cc-collection-active,.cc-bio-active,.cc-statement-active) :is(#footer, .footer, footer, .site-footer, .site-footer-bottom-bar, .footer-bottom-bar, .footer-bottom, .footer-widgets, .copyright, .site-info) :is(p, span, li, h1, h2, h3, h4, h5, h6, .widget, .widget-title, .textwidget) {
color: var(--cc-navy-dark) !important;
}
body:is(.cc-artwork-active,.cc-collection-active,.cc-bio-active,.cc-statement-active) :is(#footer, .footer, footer, .site-footer, .site-footer-bottom-bar, .footer-bottom-bar, .footer-bottom, .footer-widgets, .copyright, .site-info) a {
color: var(--cc-terracotta-dark) !important;
} .site-header .sub-menu, .site-header ul.sub-menu, .site-header .menu-item .sub-menu, #masthead .sub-menu, .main-navigation .sub-menu {
max-height: none !important; max-height: unset !important; height: auto !important;
overflow: visible !important; overflow-y: visible !important; overflow-x: visible !important;
}
.site-header .menu-item:hover > .sub-menu, .site-header .menu-item.focus > .sub-menu {
opacity: 1 !important; visibility: visible !important; transform: none !important;
} h1.entry-title, .page-title, body .cc-artwork-page h1 { letter-spacing: 0.2em !important; }
.cc-series-heading, .cc-doors__h2, .cc-door__title, body .cc-artwork-page h2 { letter-spacing: 0.12em !important; } .site-header .sub-menu,
#masthead .sub-menu,
.main-navigation .sub-menu,
ul.sub-menu {
display: block !important;
width: max-content !important;
min-width: 280px !important;
background: var(--cc-submenu-dark) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-top: 2px solid #C47A5A !important;
border-radius: 2px !important;
padding: 10px 0 !important;
box-shadow: var(--cc-shadow-soft) !important;
}
.site-header .sub-menu li a {
color: #FAF9F6 !important;
font-size: 11px !important;
letter-spacing: 2px !important;
padding: 11px 22px !important;
display: block !important;
white-space: nowrap !important;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s var(--cc-ease) !important;
}
.site-header .sub-menu li a:hover {
color: #C47A5A !important;
background-color: rgba(255, 255, 255, 0.04) !important;
transform: translateX(4px) !important;
}
body:is(.cc-collection-active, .cc-artwork-active, .cc-bio-active, .cc-statement-active) .site-header .sub-menu,
body:is(.cc-collection-active, .cc-artwork-active, .cc-bio-active, .cc-statement-active) #masthead .sub-menu {
background: var(--cc-submenu-light) !important;
border: 1px solid rgba(10, 28, 43, 0.12) !important;
border-top: 2px solid #C47A5A !important;
box-shadow: var(--cc-shadow-soft) !important;
}
body:is(.cc-collection-active, .cc-artwork-active, .cc-bio-active, .cc-statement-active) .site-header .sub-menu li a {
color: #0A1C2B !important;
}
body:is(.cc-collection-active, .cc-artwork-active, .cc-bio-active, .cc-statement-active) .site-header .sub-menu li a:hover {
color: #C47A5A !important;
background-color: rgba(10, 28, 43, 0.04) !important;
transform: translateX(4px) !important;
}
.site-header .menu-item:hover > .sub-menu,
.site-header .menu-item.focus > .sub-menu {
box-shadow: var(--cc-shadow-hover) !important;
}
#masthead .sub-menu .current-menu-item > a {
color: var(--cc-terracotta) !important;
font-weight: 600 !important;
background-color: rgba(196, 122, 90, 0.06) !important;
} @media (min-width: 992px) {
#masthead .menu-item.nav-mega,
.site-header .menu-item.nav-mega { position: relative !important; }
#masthead .menu-item.nav-mega > .sub-menu,
.site-header .menu-item.nav-mega > .sub-menu {
display: grid !important;
.site-header .menu-item.nav-mega > .sub-menu {
display: grid !important;
grid-template-columns: repeat(5, minmax(128px, 160px)) !important;
gap: 20px !important;
width: max-content !important;
max-width: calc(100vw - 48px) !important;
min-width: 0 !important;
padding: 28px !important;
position: absolute !important;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) translateY(10px) !important;
}
.site-header .menu-item.nav-mega:hover > .sub-menu,
.site-header .menu-item.nav-mega.focus > .sub-menu,
.site-header .menu-item.nav-mega:focus-within > .sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: translateX(-50%) translateY(0) !important;
} .site-header .menu-item.nav-mega .sub-menu > .menu-item {
opacity: 0 !important;
transform: translateY(8px) !important;
transition: opacity .35s ease, transform .35s var(--cc-ease) !important;
}
.site-header .menu-item.nav-mega:hover .sub-menu > .menu-item,
.site-header .menu-item.nav-mega.focus .sub-menu > .menu-item,
.site-header .menu-item.nav-mega:focus-within .sub-menu > .menu-item {
opacity: 1 !important;
transform: none !important;
}
.site-header .menu-item.nav-mega .sub-menu > .menu-item:nth-child(2) { transition-delay: .05s !important; }
.site-header .menu-item.nav-mega .sub-menu > .menu-item:nth-child(3) { transition-delay: .10s !important; }
.site-header .menu-item.nav-mega .sub-menu > .menu-item:nth-child(4) { transition-delay: .15s !important; }
.site-header .menu-item.nav-mega .sub-menu > .menu-item:nth-child(5) { transition-delay: .20s !important; }
.site-header .menu-item.nav-mega .sub-menu > .menu-item:nth-child(6) { transition-delay: .25s !important; }
.site-header .menu-item.nav-mega .sub-menu > .menu-item > a {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
margin: 0 !important;
white-space: normal !important;
background: transparent !important;
transition: transform .3s var(--cc-ease) !important;
}
.site-header .menu-item.nav-mega .sub-menu > .menu-item > a:hover {
transform: translateY(-6px) !important;
background: transparent !important;
color: #FAF9F6 !important;
} .site-header .menu-item.nav-mega .sub-menu [class*="nav-thumb-"] > a::before {
content: "" !important;
display: block !important;
width: 100% !important;
aspect-ratio: 4 / 5 !important;
border-radius: 2px !important;
background-size: cover !important;
background-position: center !important;
background-color: rgba(234,230,223,0.06) !important;
box-shadow: 0 14px 40px rgba(10,28,43,0.14) !important;
margin-bottom: 14px !important;
} .site-header .menu-item.nav-mega .sub-menu .menu-item > a {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 17px !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
text-align: left !important;
color: #FAF9F6 !important;
} .site-header .menu-item.nav-mega .sub-menu [class*="nav-thumb-"] > a::after {
display: block !important;
font-family: 'Montserrat', Arial, sans-serif !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #C47A5A !important;
margin-top: 4px !important;
}
.nav-thumb-frame > a::after           { content: "Suspended Skeletons" !important; }
.nav-thumb-entanglement > a::after    { content: "Ghost Gear, Reclaimed" !important; }
.nav-thumb-surface-tension > a::after { content: "The Liminal Waterline" !important; }
.nav-thumb-collective-body > a::after { content: "What Moves Together" !important; }
.nav-thumb-invisible-law > a::after   { content: "Notation Beneath the Sea" !important; } .nav-thumb-frame > a::before           { background-image: url(https://capecache.co.za/wp-content/uploads/2026/07/tuna-skeleton-edition-2-bone-suspended-full-room-cape-cache.webp-e1784850906146.webp) !important; }
.nav-thumb-entanglement > a::before    { background-image: url(https://capecache.co.za/wp-content/uploads/2026/07/ghost-tales-detail-fringe-found-objects-che-hough.webp) !important; }
.nav-thumb-surface-tension > a::before { background-image: url(https://capecache.co.za/wp-content/uploads/2026/08/kinetic-dorsal-cerulean-flow-surface-tension-cape-cache.webp) !important; }
.nav-thumb-collective-body > a::before { background-image: url(https://capecache.co.za/wp-content/uploads/2026/08/sardine-school-bait-ball-sculpture-copper-verdigris-cape-cache.webp) !important; }
.nav-thumb-invisible-law > a::before   { background-image: url(https://capecache.co.za/wp-content/uploads/2026/07/beaufort-scales-force-4-disc-resin-isobars-cape-cache-e1785719151448.webp) !important; } .site-header .menu-item.nav-mega .sub-menu > .menu-item.nav-mega-all {
grid-column: 1 / -1 !important;
border-top: 1px solid rgba(234,230,223,0.12) !important;
padding-top: 14px !important;
}
.site-header .menu-item.nav-mega .sub-menu > .menu-item.nav-mega-all > a {
flex-direction: row !important;
font-family: 'Montserrat', Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #C47A5A !important;
}
.site-header .menu-item.nav-mega .sub-menu > .menu-item.nav-mega-all > a::after { display: none !important; } body:is(.cc-collection-active, .cc-artwork-active, .cc-bio-active, .cc-statement-active)
.site-header .menu-item.nav-mega .sub-menu .menu-item > a { color: #0A1C2B !important; }
body:is(.cc-collection-active, .cc-artwork-active, .cc-bio-active, .cc-statement-active)
.site-header .menu-item.nav-mega .sub-menu > .menu-item.nav-mega-all { border-top-color: rgba(10,28,43,0.12) !important; } @media (max-width: 1280px) {
.site-header .menu-item.nav-mega > .sub-menu {
grid-template-columns: repeat(5, 128px) !important;
gap: 16px !important;
padding: 22px !important;
}
}
} @media (prefers-reduced-motion: reduce) {
.site-header .menu-item.nav-mega > .sub-menu,
.site-header .menu-item.nav-mega .sub-menu > .menu-item,
.site-header .menu-item.nav-mega .sub-menu > .menu-item > a {
transition: none !important;
}
.site-header .menu-item.nav-mega .sub-menu > .menu-item {
opacity: 1 !important;
transform: none !important;
}
} @media (max-width: 768px) {
html body .cc-collection-page .cc-ent-precursor,
html body .cc-artwork-page .cc-ent-precursor {
display: block !important;
max-width: 480px !important;
margin: 32px auto 36px auto !important;
padding: 20px !important;
}
html body .cc-collection-page .cc-ent-precursor__media,
html body .cc-artwork-page .cc-ent-precursor__media {
margin: 0 0 18px 0 !important;
}
html body .cc-collection-page .cc-ent-precursor__media img,
html body .cc-artwork-page .cc-ent-precursor__media img {
max-width: 340px !important;
margin: 0 auto !important;
}
html body .cc-collection-page .cc-ent-grid,
html body .cc-artwork-page .cc-ent-grid {
display: block !important;
max-width: 480px !important;
margin: 0 auto !important;
}
html body .cc-collection-page .cc-ent-card,
html body .cc-artwork-page .cc-ent-card {
display: block !important;
margin: 0 0 36px 0 !important;
}
html body .cc-artwork-page .cc-cart-hero,
html body .cc-artwork-page .cc-cart-didactics {
display: block !important;
}
html body .cc-artwork-page .cc-cart-hero__plate { margin: 0 0 26px 0 !important; }
html body .cc-artwork-page .cc-cart-hero__text { max-width: 100% !important; }
html body .cc-artwork-page .cc-cart-rail { margin: 0 0 36px 0 !important; }
} @media (prefers-reduced-motion: reduce) {
.site-header .sub-menu,
.site-header .sub-menu li a,
.site-header .menu-item > a::after {
transition: none !important;
}
.site-header .sub-menu li a:hover {
transform: none !important;
}
}  body.cc-collection-active .page-title-container,
body.cc-collection-active .title-container,
body.cc-collection-active .page-titlebar,
body.cc-collection-active .st-page-title,
body.cc-collection-active #page-title,
body.cc-collection-active .page-title-wrapper,
body.cc-collection-active .title-wrapper,
body.cc-artwork-active .page-title-container,
body.cc-artwork-active .title-container,
body.cc-artwork-active .page-titlebar,
body.cc-artwork-active .st-page-title,
body.cc-artwork-active #page-title,
body.cc-artwork-active .page-title-wrapper,
body.cc-artwork-active .title-wrapper {
display: none !important;
height: 0 !important;
min-height: 0 !important;
} .cc-coll-hero {
overflow: hidden !important;
max-height: 72vh !important;
}
.cc-coll-hero img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 30% !important;
} body:not(.single-product):not(.post-type-archive-product):not(.woocommerce-shop) header.entry-header {
display: none !important;
}  .cc-collection-page, .cc-artwork-page, .cc-bio-page,
.cc-statement-page, .cc-residence-page, .cc-enquiries-page {
color: #0A1C2B !important;
background-color: #F1EDE4 !important;
} .cc-collection-page .cc-spine,
.cc-collection-page .cc-series-kicker,
.cc-collection-page .cc-doors__kicker,
.cc-collection-page .cc-coll-close__kicker,
.cc-collection-page .cc-ent-precursor__kicker,
.cc-collection-page .cc-field-note,
.cc-collection-page .cc-card-link,
.cc-artwork-page .cc-hive-colophon__kicker,
.cc-artwork-page .cc-spec-label,
.cc-artwork-page .mw-eyebrow,
.cc-artwork-page .mw-ctl-label,
.cc-artwork-page .mw-legend-item h4,
.cc-artwork-page .mw-tag,
.cc-bio-page .cc-bio-kicker,
.cc-statement-page .cc-bio-kicker,
.cc-residence-page .cc-residence-kicker,
.cc-enquiries-page .cc-enquiry-kicker {
font-family: 'Montserrat', Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #9C5230 !important;
font-style: normal !important;
} .cc-collection-page h1,
.cc-collection-page .cc-series-heading,
.cc-collection-page .cc-doors__h2,
.cc-collection-page .cc-coll-close__h2,
.cc-collection-page .cc-door__title,
.cc-collection-page .cc-ent-precursor__title,
.cc-collection-page .cc-ent-card__title,
.cc-collection-page .cc-collection-title,
.cc-collection-page .cc-series-hero__title,
.cc-collection-page .cc-law-trio__head h3,
.cc-artwork-page h1,
.cc-artwork-page .cc-wall-title,
.cc-artwork-page .cc-form-title,
.cc-artwork-page .mw-title,
.cc-bio-page h1, .cc-bio-page h2,
.cc-statement-page h1, .cc-statement-page h2,
.cc-residence-page h1, .cc-residence-page h2,
.cc-enquiries-page h1, .cc-enquiries-page h2 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 400 !important;
font-style: normal !important;
color: #0A1C2B !important;
line-height: 1.15 !important;
}
.cc-collection-page h1,
.cc-artwork-page h1,
.cc-bio-page h1,
.cc-statement-page h1,
.cc-residence-page h1,
.cc-enquiries-page h1 {
font-size: 52px !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
}
.cc-collection-page .cc-series-heading,
.cc-artwork-page .cc-wall-title,
.cc-collection-page .cc-door__title {
font-size: 34px !important;
letter-spacing: 0.04em !important;
}
.cc-collection-page .cc-ent-precursor__title,
.cc-artwork-page .cc-form-title {
font-size: 38px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
} .cc-collection-page .cc-manifesto,
.cc-collection-page .cc-series-intro,
.cc-collection-page .cc-diptych-intro,
.cc-collection-page .cc-door__text,
.cc-collection-page .cc-ent-precursor__note,
.cc-collection-page .cc-ent-card__note,
.cc-collection-page .cc-coll-close__p,
.cc-collection-page .cc-coll-taxonomy-intro,
.cc-artwork-page .cc-artwork-description,
.cc-artwork-page .cc-artwork-description p,
.cc-artwork-page .cc-artwork-subtitle,
.cc-artwork-page .mw-lede,
.cc-artwork-page .mw-legend-item p,
.cc-artwork-page .mw-integrity,
.cc-artwork-page .cc-hive-colophon__artist,
.cc-artwork-page .cc-cross-link,
.cc-bio-page p, .cc-statement-page p,
.cc-residence-page p, .cc-enquiries-page p {
font-family: 'Montserrat', Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: 1.9 !important;
color: #0A1C2B !important;
font-style: normal !important;
}
.cc-collection-page .cc-ent-card__note,
.cc-collection-page .cc-door__text,
.cc-artwork-page .mw-legend-item p {
font-size: 14px !important;
} .cc-collection-page .cc-manifesto em,
.cc-artwork-page .cc-pull-quote,
.cc-artwork-page .cc-cross-link em {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-style: italic !important;
font-weight: 400 !important;
color: #9C5230 !important;
}
.cc-artwork-page .cc-pull-quote {
font-size: 24px !important;
line-height: 1.5 !important;
max-width: 700px !important;
margin: 40px auto 70px auto !important;
padding: 30px 0 !important;
border-top: 1px solid rgba(156, 82, 48, 0.3) !important;
border-bottom: 1px solid rgba(156, 82, 48, 0.3) !important;
} .cc-collection-page .cc-gallery-caption,
.cc-collection-page .cc-coll-footer,
.cc-artwork-page .cc-gallery-caption,
.cc-artwork-page .cc-footer-label,
.cc-artwork-page .cc-try-it,
.cc-artwork-page .mw-tilt-note,
.cc-artwork-page .cc-form-note {
font-family: 'Montserrat', Arial, sans-serif !important;
font-size: 12px !important;
font-weight: 300 !important;
letter-spacing: 0.5px !important;
color: #6B5D4D !important;
font-style: normal !important;
line-height: 1.7 !important;
} .cc-collection-page .cc-ent-card__status--avail { color: #4A6B5A !important; }
.cc-collection-page .cc-ent-card__status--placed { color: #9C5230 !important; } @media (max-width: 768px) {
.cc-collection-page h1, .cc-artwork-page h1,
.cc-bio-page h1, .cc-statement-page h1,
.cc-residence-page h1, .cc-enquiries-page h1 {
font-size: 38px !important;
letter-spacing: 0.12em !important;
}
.cc-collection-page .cc-series-heading,
.cc-artwork-page .cc-wall-title { font-size: 28px !important; }
.cc-collection-page .cc-ent-precursor__title,
.cc-artwork-page .cc-form-title { font-size: 30px !important; }
.cc-collection-page .cc-manifesto,
.cc-collection-page .cc-series-intro,
.cc-artwork-page .cc-artwork-description,
.cc-artwork-page .cc-artwork-description p { font-size: 15px !important; }
.cc-artwork-page .cc-pull-quote { font-size: 20px !important; padding: 20px 0 !important; }
}
@media (max-width: 600px) {
.cc-collection-page h1, .cc-artwork-page h1 { font-size: 32px !important; }
} html body .cc-collection-page .cc-collection-header h1 {
font-size: 52px !important; font-weight: 300 !important;
letter-spacing: 0.18em !important; text-transform: uppercase !important; line-height: 1.1 !important;
}
html body .cc-collection-page .cc-spine { font-size: 12px !important; letter-spacing: 3px !important; }
html body .cc-collection-page .cc-manifesto {
font-family: 'Montserrat', Arial, sans-serif !important; font-size: 16px !important;
font-weight: 300 !important; line-height: 1.9 !important;
}
html body .cc-collection-page .cc-coll-taxonomy-intro,
html body .cc-collection-page .cc-diptych-intro,
html body .cc-collection-page .cc-series-intro {
font-family: 'Montserrat', Arial, sans-serif !important; font-size: 16px !important;
font-style: normal !important; font-weight: 300 !important; line-height: 1.9 !important;
}
html body .cc-collection-page .cc-series-heading {
font-size: 34px !important; font-style: normal !important; letter-spacing: 0.04em !important;
}
html body .cc-collection-page .cc-field-note {
font-size: 11px !important; letter-spacing: 1.5px !important; color: #6B5D4D !important;
}
html body .cc-collection-page .cc-collection-title { font-size: 26px !important; letter-spacing: 0.04em !important; }
html body .cc-collection-page .cc-series-hero__title { font-size: 26px !important; letter-spacing: 0.04em !important; }
html body .cc-collection-page .cc-ent-precursor__title { font-size: 34px !important; letter-spacing: 0.04em !important; }
html body .cc-collection-page .cc-ent-card__title { font-size: 26px !important; letter-spacing: 0.04em !important; }
html body .cc-collection-page .cc-door__title { font-size: 28px !important; letter-spacing: 0.04em !important; }
html body .cc-collection-page .cc-coll-close__h2 { font-size: 30px !important; }
html body .cc-collection-page .cc-coll-close__p { font-size: 14px !important; }
html body .cc-law-trio__head h3 { font-size: 26px !important; letter-spacing: 0.04em !important; }
@media (max-width: 768px) {
html body .cc-collection-page .cc-collection-header h1 { font-size: 38px !important; letter-spacing: 0.12em !important; }
html body .cc-collection-page .cc-series-heading { font-size: 28px !important; }
html body .cc-collection-page .cc-manifesto,
html body .cc-collection-page .cc-series-intro { font-size: 15px !important; }
} .site-header .main-navigation > ul > li::before,
.site-header .main-navigation > ul > li::after,
.site-header .main-navigation > ul > li > a::before,
#masthead .main-navigation > ul > li::before,
#masthead .main-navigation > ul > li::after,
#masthead .main-navigation > ul > li > a::before {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
}
.site-header .main-navigation > ul > li > a > i,
.site-header .main-navigation > ul > li > a > .arrow,
.site-header .main-navigation > ul > li > a > span[class*="arrow"],
.site-header .main-navigation > ul > li > a > span[class*="caret"],
.site-header .main-navigation > ul > li > a > span[class*="chevron"],
.site-header .main-navigation > ul > li > a > span[class*="expand"],
.site-header .main-navigation > ul > li > a > span[class*="toggle"],
.site-header .main-navigation > ul > li > a > span[class*="drop"] {
display: none !important;
} .cc-res-footer-handshake { 
text-align: center!important; 
margin: 90px auto 40px!important; 
padding-top: 40px!important; 
border-top: 1px solid rgba(234,230,223,.10)!important; 
max-width: 600px!important; 
}
.cc-res-footer-brand { 
font-family: 'Cormorant Garamond', serif!important; 
font-size: 24px!important; 
color: #BDA882!important; 
margin: 0 0 16px 0!important; 
font-style: italic!important; 
}
.cc-res-footer-handshake p:not(.cc-res-footer-brand) { 
font-family: 'Montserrat', sans-serif!important; 
font-size: 10px!important; 
font-weight: 600!important; 
letter-spacing: 2px!important; 
text-transform: uppercase!important; 
color: rgba(234,230,223,.45)!important; 
margin: 0 0 8px 0!important; 
line-height: 1.6!important; 
}
.cc-res-footer-contact { 
margin-top: 24px!important; 
color: #C47A5A!important; 
}
.cc-res-footer-contact a { 
color: #EAE6DF!important; 
text-decoration: none!important; 
border-bottom: 1px solid rgba(196,122,90,.4)!important; 
transition: all .3s ease!important; 
}
.cc-res-footer-contact a:hover { 
border-color: #EAE6DF!important; 
} body.cc-visual-archive .cc-visual-hero {
max-width: 900px;
margin: 0 auto;
padding: 120px 20px 60px;
text-align: center;
}
body.cc-visual-archive .cc-visual-hero h1 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 52px !important;
font-weight: 300 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
color: #0A1C2B !important;
margin: 0 0 18px 0 !important;
line-height: 1.1 !important;
}
body.cc-visual-archive .cc-visual-hero p {
font-family: 'Montserrat', Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 300 !important;
line-height: 1.9 !important;
color: rgba(10,28,43,0.7) !important;
margin: 0 !important;
} .cc-visual-masonry {
column-count: 4;
column-gap: 20px;
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 100px;
}
.cc-visual-item {
break-inside: avoid;
margin-bottom: 20px;
position: relative;
overflow: hidden;
border-radius: 2px;
display: block;
}
.cc-visual-item a {
display: block;
text-decoration: none;
color: inherit;
}
.cc-visual-plate {
position: relative;
overflow: hidden;
line-height: 0;
background: #E8E4DC;
transition: transform 0.5s cubic-bezier(.2,.7,.2,1);
}
.cc-visual-item:hover .cc-visual-plate {
transform: translateY(-4px);
}
.cc-visual-plate img {
width: 100%;
height: auto;
display: block;
transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cc-visual-item:hover .cc-visual-plate img {
transform: scale(1.04);
} .cc-visual-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 16px 16px;
background: linear-gradient(to top, rgba(10,28,43,0.85), transparent);
opacity: 0;
transition: opacity 0.4s ease;
}
.cc-visual-item:hover .cc-visual-title {
opacity: 1;
}
.cc-visual-title h3 {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #FAF9F6 !important;
margin: 0 !important;
letter-spacing: 0.02em !important;
} html.js .cc-visual-item {
opacity: 0;
transform: translateY(20px);
transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}
html.js .cc-visual-item.is-inview {
opacity: 1;
transform: none;
} @media (max-width: 1200px) {
.cc-visual-masonry { column-count: 3; column-gap: 16px; }
}
@media (max-width: 768px) {
.cc-visual-masonry { column-count: 2; column-gap: 12px; padding: 0 20px 60px; }
.cc-visual-item { margin-bottom: 12px; }
body.cc-visual-archive .cc-visual-hero { padding: 80px 20px 40px; }
body.cc-visual-archive .cc-visual-hero h1 { font-size: 38px; letter-spacing: 0.12em; }
}
@media (max-width: 480px) {
.cc-visual-masonry { column-count: 1; }
}
@media (prefers-reduced-motion: reduce) {
html.js .cc-visual-item { opacity: 1 !important; transform: none !important; transition: none !important; }
.cc-visual-plate, .cc-visual-plate img { transition: none !important; }
.cc-visual-title { opacity: 1 !important; }
} body.cc-visual-archive,
body.cc-visual-archive #page_wrapper,
body.cc-visual-archive .content-area,
body.cc-visual-archive #content,
body.cc-visual-archive .site-content,
body.cc-visual-archive .entry-content {
background-color: #F1EDE4 !important;
background-image: none !important;
}
body .cc-visual-page {
background-color: #F1EDE4 !important;
background-image: none !important;
color: #0A1C2B !important;
position: relative !important;
overflow-x: hidden !important;
padding: 0 0 80px 0 !important;
} html body .cc-artwork-page .cc-cart-hero__text { overflow: visible !important; }
html body .cc-artwork-page .cc-cart-line { white-space: normal !important; }
html body .cc-artwork-page .cc-cart-h1 {
letter-spacing: 0.08em !important;
font-size: clamp(34px, 4.4vw, 60px) !important;
line-height: 1.05 !important;
}