/* ======================================
Base
====================================== */
:root {
--paper: #FAFAF8;
--white: #FFFFFF;
--ink: #16181A;
--body: #4A5057;
--muted: #71787F;
--line: #E4E6E5;
--marine: #44616E;
--marine-deep: #36505C;
--serif: 'Cormorant Garamond', Georgia, serif;
--sans: 'Jost', 'Helvetica Neue', sans-serif;
--container: 1200px;
--pad: 24px;
--wc-form-border-radius: 0;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: var(--paper);
color: var(--body);
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-weight: 300;
font-size: 1rem;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
/* Space between consecutive paragraph blocks */
.wp-block-paragraph {
line-height: 1.74;
}
.wp-block-paragraph+.wp-block-paragraph {
margin-top: 18px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
/* (prefers-reduced-motion: reduce) */
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
* {
animation: none;
transition: none;
}
}
/* ======================================
Typography
====================================== */
:root {
--font-size-base-desktop: 1rem;
--font-size-base-tablet: 1rem;
--font-size-base-mobile: 1rem;
--font-size-base: var(--font-size-base-desktop);
--font-size-h1: clamp(2.6rem, 5.5vw, 4.2rem);
--font-size-h2: clamp(2rem, 3.6vw, 2.9rem);
--font-size-h3-desktop: 0.875rem;
--font-size-h3-tablet: 0.875rem;
--font-size-h3-mobile: 0.875rem;
--font-size-h3: var(--font-size-h3-desktop);
--font-size-h4-desktop: 1.25rem;
--font-size-h4-tablet: 1.25rem;
--font-size-h4-mobile: 1.25rem;
--font-size-h4: var(--font-size-h4-desktop);
--font-size-h5-desktop: 1.125rem;
--font-size-h5-tablet: 1.125rem;
--font-size-h5-mobile: 1.125rem;
--font-size-h5: var(--font-size-h5-desktop);
--font-size-h6-desktop: 1rem;
--font-size-h6-tablet: 1rem;
--font-size-h6-mobile: 1rem;
--font-size-h6: var(--font-size-h6-desktop);
}
:where(.entry-content, .wp-block-post-content),
.wp-site-blocks :where(.entry-content, .wp-block-post-content) {
font-family: var(--wp--preset--font-family--jost);
font-size: var(--font-size-base, var(--wp--preset--font-size--base));
line-height: 1.7;
}
:where(.entry-content, .wp-block-post-content) :where(h1, h2),
.wp-site-blocks :where(.entry-content, .wp-block-post-content) :where(h1, h2) {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-weight: 300;
line-height: 1.15;
text-wrap: balance;
}
:where(.entry-content, .wp-block-post-content) :where(h3, h4:not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4), h5, h6),
.wp-site-blocks :where(.entry-content, .wp-block-post-content) :where(h3, h4:not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4), h5, h6) {
font-family: var(--wp--preset--font-family--jost);
line-height: 1.15;
text-wrap: balance;
}
/* Layer 1: Semantic heading defaults (block level only, no preset assigned) */
.wp-site-blocks h1:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *),
h1:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *) {
font-size: var(--font-size-h1, var(--wp--preset--font-size--h1)) !important;
line-height: 1.15;
font-weight: 300;
text-wrap: balance;
}
.wp-site-blocks h2:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *),
h2:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *) {
font-size: var(--font-size-h2, var(--wp--preset--font-size--h2)) !important;
line-height: 1.15;
font-weight: 300;
text-wrap: balance;
}
.wp-site-blocks h3:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *),
h3:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *) {
font-size: var(--font-size-h3, var(--wp--preset--font-size--h3));
line-height: 1.18;
font-weight: 500;
text-wrap: balance;
}
.wp-site-blocks h4:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *):not(.related *):not(.related-product *):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
h4:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *):not(.related *):not(.related-product *):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4) {
font-size: var(--font-size-h4, var(--wp--preset--font-size--h4)) !important;
line-height: 1.25;
font-weight: 700;
}
.wp-site-blocks h5:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *),
h5:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *) {
font-size: var(--font-size-h5, var(--wp--preset--font-size--h5)) !important;
line-height: 1.35;
font-weight: 700;
}
.wp-site-blocks h6:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *),
h6:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product__story *):not(.product-editor-text *) {
font-size: var(--font-size-h6, var(--wp--preset--font-size--h6)) !important;
line-height: 1.4;
}
/* Layer 2: Assigned font-size presets (any heading level) */
.wp-site-blocks :is(.has-h-1-font-size, .has-h1-font-size):not(.has-custom-font-size),
:is(.has-h-1-font-size, .has-h1-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-size: var(--font-size-h1, var(--wp--preset--font-size--h1)) !important;
line-height: 1.15;
font-weight: 300;
text-wrap: balance;
}
.wp-site-blocks :is(.has-h-2-font-size, .has-h2-font-size):not(.has-custom-font-size),
:is(.has-h-2-font-size, .has-h2-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-size: var(--font-size-h2, var(--wp--preset--font-size--h2)) !important;
line-height: 1.15;
font-weight: 300;
text-wrap: balance;
}
.wp-site-blocks :is(.has-h-3-font-size, .has-h3-font-size):not(.has-custom-font-size),
:is(.has-h-3-font-size, .has-h3-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--font-size-h3, var(--wp--preset--font-size--h3)) !important;
line-height: 1.18;
font-weight: 500;
text-wrap: balance;
}
.wp-site-blocks :is(.has-h-3-large-font-size, .has-h3-large-font-size):not(.has-custom-font-size),
:is(.has-h-3-large-font-size, .has-h3-large-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--h3-large) !important;
line-height: 1.18;
font-weight: 500;
text-wrap: balance;
}
.wp-site-blocks :is(.has-h-4-font-size, .has-h4-font-size):not(.has-custom-font-size):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
:is(.has-h-4-font-size, .has-h4-font-size):not(.has-custom-font-size):not([style*="font-size"]):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4) {
font-size: var(--font-size-h4, var(--wp--preset--font-size--h4)) !important;
line-height: 1.25;
font-weight: 700;
}
.wp-site-blocks :is(.has-h-5-font-size, .has-h5-font-size):not(.has-custom-font-size),
:is(.has-h-5-font-size, .has-h5-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--font-size-h5, var(--wp--preset--font-size--h5)) !important;
line-height: 1.35;
font-weight: 700;
}
.wp-site-blocks :is(.has-h-6-font-size, .has-h6-font-size):not(.has-custom-font-size),
:is(.has-h-6-font-size, .has-h6-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--font-size-h6, var(--wp--preset--font-size--h6)) !important;
line-height: 1.4;
}
.wp-site-blocks .has-h2-sm-font-size:not(.has-custom-font-size):not([style*="font-size"]),
.has-h2-sm-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-size: var(--wp--preset--font-size--h2-sm) !important;
line-height: 1.15;
text-wrap: balance;
}
.wp-site-blocks .has-display-font-size:not(.has-custom-font-size):not([style*="font-size"]),
.has-display-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-size: var(--wp--preset--font-size--display) !important;
line-height: 1.08;
text-wrap: balance;
}
.wp-site-blocks .has-display-xl-font-size:not(.has-custom-font-size):not([style*="font-size"]),
.has-display-xl-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-size: var(--wp--preset--font-size--display-xl) !important;
line-height: 1.05;
text-wrap: balance;
}
/* Layer 2: Paragraph font-size presets */
/*.wp-site-blocks p:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
p:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]) {
font-size: var(--font-size-base, var(--wp--preset--font-size--base));
}
*/
.wp-site-blocks :is(.has-base-font-size, .has-body-font-size):not(.has-custom-font-size),
:is(.has-base-font-size, .has-body-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--base) !important;
}
.wp-site-blocks :is(.has-body-small-font-size):not(.has-custom-font-size),
.has-body-small-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--body-small) !important;
}
.wp-site-blocks :is(.has-body-large-font-size):not(.has-custom-font-size),
.has-body-large-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--body-large) !important;
}
.wp-site-blocks :is(.has-lead-font-size):not(.has-custom-font-size),
.has-lead-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--lead) !important;
}
.wp-site-blocks :is(.has-blockquote-font-size):not(.has-custom-font-size),
.has-blockquote-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--blockquote) !important;
}
.wp-block-quote:not(.has-custom-font-size) :is(p, cite):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--blockquote) !important;
}
.wp-site-blocks :is(.has-small-font-size):not(.has-custom-font-size),
.has-small-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--small) !important;
}
.wp-site-blocks :is(.has-x-small-font-size):not(.has-custom-font-size),
.has-x-small-font-size:not(.has-custom-font-size):not([style*="font-size"]) {
font-size: var(--wp--preset--font-size--x-small) !important;
}
/* Tablet */
@media (max-width: 1024px) {
:root {
--font-size-base: var(--font-size-base-tablet);
--font-size-h3: var(--font-size-h3-tablet);
--font-size-h4: var(--font-size-h4-tablet);
--font-size-h5: var(--font-size-h5-tablet);
--font-size-h6: var(--font-size-h6-tablet);
}
}
/* Mobile */
@media (max-width: 768px) {
:root {
--font-size-base: var(--font-size-base-mobile);
--font-size-h3: var(--font-size-h3-mobile);
--font-size-h4: var(--font-size-h4-mobile);
--font-size-h5: var(--font-size-h5-mobile);
--font-size-h6: var(--font-size-h6-mobile);
}
}
/* ======================================
Layout
====================================== */
.wp-site-blocks {
--generated-layout-padding-left: var(--wp--style--root--padding-left, 24px);
--generated-layout-padding-right: var(--wp--style--root--padding-right, 24px);
}
.wp-site-blocks.has-global-padding,
.wp-site-blocks :where(.has-global-padding):not(.hero-section) {
padding-left: var(--generated-layout-padding-left);
padding-right: var(--generated-layout-padding-right);
box-sizing: border-box;
}
.wp-site-blocks.has-global-padding>.alignfull,
.wp-site-blocks :where(.has-global-padding)>.alignfull {
margin-left: calc(var(--generated-layout-padding-left) * -1);
margin-right: calc(var(--generated-layout-padding-right) * -1);
}
/*
.wp-site-blocks :where(.is-layout-constrained):not(.hero-section) > :where(.wp-block-group, .wp-block-columns):not(.alignwide):not(.alignfull),
.wp-site-blocks :where(.is-layout-constrained):not(.hero-section) > :where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)),
.wp-site-blocks > .wp-block-columns:not(.alignwide):not(.alignfull) {
max-width: min(100%, var(--wp--style--global--content-size, 1200px));
margin-inline: auto;
padding-left: var(--generated-layout-padding-left);
padding-right: var(--generated-layout-padding-right);
box-sizing: border-box;
}
*/
.post-page-content {
max-width: min(100%, var(--wp--style--global--content-size, 1200px));
margin-inline: auto;
padding-left: var(--generated-layout-padding-left, 24px);
padding-right: var(--generated-layout-padding-right, 24px);
box-sizing: border-box;
}
/* ======================================
GLOBAL
====================================== */
.container {
max-width: var(--container);
margin: 0 auto;
padding: 0 var(--pad);
}
.container-narrow {
max-width: 880px;
margin: 0 auto;
padding: 0 var(--pad);
}
/* ======================================
Work Meta
====================================== */
.work-meta {
display: flex;
align-items: baseline;
font-size: 0.8125rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* ======================================
Btn
====================================== */
.btn {
display: inline-flex;
align-items: center;
gap: 14px;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
padding: 16px 34px;
border: 1px solid var(--ink);
color: var(--ink);
background: transparent;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.btn .arrow {
font-family: var(--wp--preset--font-family--jost, var(--sans));
transition: transform 0.25s ease;
}
.btn:hover {
background: var(--ink);
color: var(--white);
}
.btn:hover .arrow {
transform: translateX(4px);
}
.btn:focus-visible {
outline: 2px solid var(--marine);
outline-offset: 3px;
}
.btn--light {
border-color: rgba(255, 255, 255, 0.85);
color: #FFFFFF;
}
.btn--light:hover {
background: #FFFFFF;
color: var(--ink);
}
.btn--solid {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
.btn--solid:hover {
background: var(--marine-deep);
border-color: var(--marine-deep);
}
/* ======================================
Site Header
====================================== */
header.wp-block-template-part {
position: relative;
z-index: 100;
width: 100%;
}
.site-header {
position: relative;
width: 100%;
background: var(--paper);
border-bottom: 1px solid var(--line);
}
.site-header.has-ink-background-color {
background: var(--wp--preset--color--ink, var(--ink));
border-bottom-color: transparent;
}
.site-header .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-header__bar {
align-items: center;
display: flex;
flex-wrap: nowrap;
gap: 24px;
justify-content: space-between;
width: 100%;
}
.site-header__inner {
align-items: center;
display: flex;
flex-wrap: nowrap;
gap: 24px;
justify-content: space-between;
width: 100%;
}
.site-header__bar>.primary-nav,
.site-header__inner>.primary-nav,
.site-header__bar>.site-nav,
.site-header__inner>.site-nav,
.site-header__inner>.wp-block-shortcode>.site-nav,
.site-header__inner>.wp-block-shortcode>.primary-nav {
flex: 0 1 auto;
margin-left: auto;
}
.site-header__inner>.wp-block-shortcode {
display: contents;
}
.site-header .wp-block-shortcode>p:has(.primary-nav) {
display: contents;
margin: 0;
}
@media (min-width: 901px) {
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>p a,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>a,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>.nav-item>a,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav .nav-gallery-trigger,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav .nav-link {
color: rgba(255, 255, 255, 0.92);
}
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>p a:hover,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>p a:focus-visible,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>a:hover,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>a:focus-visible,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>.nav-item>a:hover,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav>.nav-item>a:focus-visible,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav .nav-gallery-trigger:hover,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav .nav-gallery-trigger:focus-visible,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav .nav-link:hover,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav .nav-link:focus-visible {
color: #FFFFFF;
opacity: 0.85;
}
}
.site-header.site-header__default .site-nav>p a,
.site-header.site-header__default .site-nav>a,
.site-header.site-header__default .site-nav>.nav-item>a,
.site-header.site-header__default .site-nav .nav-gallery-trigger,
.site-header.site-header__default .site-nav .nav-link,
.site-header.site-header-default .site-nav>p a,
.site-header.site-header-default .site-nav>a,
.site-header.site-header-default .site-nav>.nav-item>a,
.site-header.site-header-default .site-nav .nav-gallery-trigger,
.site-header.site-header-default .site-nav .nav-link {
color: var(--body);
}
.site-header.site-header__default .site-nav>p a:hover,
.site-header.site-header__default .site-nav>p a:focus-visible,
.site-header.site-header__default .site-nav>a:hover,
.site-header.site-header__default .site-nav>a:focus-visible,
.site-header.site-header__default .site-nav>.nav-item>a:hover,
.site-header.site-header__default .site-nav>.nav-item>a:focus-visible,
.site-header.site-header__default .site-nav .nav-gallery-trigger:hover,
.site-header.site-header__default .site-nav .nav-gallery-trigger:focus-visible,
.site-header.site-header__default .site-nav .nav-link:hover,
.site-header.site-header__default .site-nav .nav-link:focus-visible,
.site-header.site-header-default .site-nav>p a:hover,
.site-header.site-header-default .site-nav>p a:focus-visible,
.site-header.site-header-default .site-nav>a:hover,
.site-header.site-header-default .site-nav>a:focus-visible,
.site-header.site-header-default .site-nav>.nav-item>a:hover,
.site-header.site-header-default .site-nav>.nav-item>a:focus-visible,
.site-header.site-header-default .site-nav .nav-gallery-trigger:hover,
.site-header.site-header-default .site-nav .nav-gallery-trigger:focus-visible,
.site-header.site-header-default .site-nav .nav-link:hover,
.site-header.site-header-default .site-nav .nav-link:focus-visible {
color: var(--ink);
}
.site-header .wc-block-customer-account__link {
font-size: 0.81rem;
font-weight: 400;
line-height: 1.7;
text-transform: uppercase;
letter-spacing: 0.24em;
text-decoration: none !important;
transition: opacity 0.3s ease-out, color 0.3s ease-out;
}
.site-header .wp-block-navigation-item__content,
.site-header .wc-block-mini-cart__button:hover {
transition: opacity 0.3s ease-out, color 0.3s ease-out;
}
.site-header .wc-block-customer-account__link:hover,
.site-header .wc-block-customer-account__link:focus-visible,
.site-header .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation-item__content:focus-visible,
.site-header .wc-block-mini-cart__button:hover,
.site-header .wc-block-mini-cart__button:focus-visible {
opacity: 0.7;
}
.site-header.site-header__default .wc-block-mini-cart,
body.woocommerce-cart .site-header .wc-block-mini-cart,
body.woocommerce-checkout .site-header .wc-block-mini-cart {
visibility: visible !important;
}
.site-header:not(.site-header__default):not(.has-ink-background-color) .wp-block-site-logo img,
.site-header:not(.site-header__default):not(.has-ink-background-color) .logo-img {
mix-blend-mode: screen;
}
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .wc-block-mini-cart__button {
color: #FFFFFF;
}
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .wc-block-mini-cart__icon,
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .wc-block-mini-cart__button svg {
fill: #FFFFFF;
color: #FFFFFF;
}
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .wc-block-mini-cart__badge {
background-color: var(--white) !important;
color: var(--ink) !important;
}
.site-header.site-header__default .wc-block-mini-cart__button,
.site-header.site-header-default .wc-block-mini-cart__button {
color: var(--ink);
}
.site-header.site-header__default .wc-block-mini-cart__icon,
.site-header.site-header__default .wc-block-mini-cart__button svg,
.site-header.site-header-default .wc-block-mini-cart__icon,
.site-header.site-header-default .wc-block-mini-cart__button svg {
fill: var(--ink);
color: var(--ink);
}
.site-header.site-header__default .wc-block-mini-cart__badge,
.site-header.site-header-default .wc-block-mini-cart__badge {
background-color: var(--ink) !important;
color: var(--white) !important;
}
.site-header.site-header__default .wc-block-mini-cart__badge:empty,
.site-header.site-header-default .wc-block-mini-cart__badge:empty {
opacity: 1 !important;
background-color: var(--ink) !important;
color: var(--white) !important;
}
/* ======================================
Wordmark
====================================== */
.wordmark {
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-weight: 400;
font-size: 1.0625rem;
letter-spacing: 0.34em;
text-transform: uppercase;
text-decoration: none;
}
.wordmark span {
font-weight: 300;
opacity: 0.75;
}
/* ======================================
Logo Link
====================================== */
.logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}
/* ======================================
Logo Img
====================================== */
.logo-img {
height: 92px;
width: auto;
mix-blend-mode: screen;
}
/* ======================================
Site Footer
====================================== */
.site-footer .logo-img {
height: 110px;
}
.site-footer {
font-size: 0.875rem;
}
.site-footer .top {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.site-footer .wordmark {
font-size: 0.9375rem;
}
.site-footer .bottom {
font-size: 0.78rem;
letter-spacing: 0.06em;
}
/* ======================================
Footer Nav
====================================== */
.footer-nav {
display: flex;
flex-wrap: wrap;
}
.footer-nav a {
display: block;
text-decoration: none;
transition: color 0.2s ease;
}
.footer-nav a:hover {
color: #FFFFFF;
}
/* ======================================
Site Nav
====================================== */
.site-nav {
align-items: center;
display: flex;
flex: 0 1 auto;
flex-wrap: nowrap;
gap: 44px;
}
.site-nav> :is(p, .wp-block-paragraph) {
display: contents;
margin: 0;
}
.site-nav>p a,
.site-nav>a,
.site-nav>.nav-item>a,
.site-nav .nav-gallery-trigger,
.site-nav .nav-link {
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.24em;
text-decoration: none;
text-transform: uppercase;
transition: color 0.2s ease, opacity 0.2s ease;
white-space: nowrap;
}
.site-nav>p a:hover,
.site-nav>p a:focus-visible,
.site-nav>a:hover,
.site-nav>a:focus-visible,
.site-nav>.nav-item>a:hover,
.site-nav>.nav-item>a:focus-visible,
.site-nav .nav-gallery-trigger:hover,
.site-nav .nav-gallery-trigger:focus-visible,
.site-nav .nav-link:hover,
.site-nav .nav-link:focus-visible {
opacity: 0.85;
}
.site-nav a.nav-cart {
letter-spacing: 0.1em;
}
.site-nav .nav-gallery-trigger br {
display: none;
}
/* ======================================
Primary Nav — mobile drawer
====================================== */
.primary-nav {
align-items: center;
display: flex;
flex: 0 0 auto;
position: relative;
width: auto;
}
.site-nav-toggle {
align-items: center;
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
display: none;
flex: 0 0 44px;
height: 44px;
justify-content: center;
max-width: 44px;
min-width: 44px;
padding: 0;
position: relative;
width: 44px;
z-index: 160;
}
.site-nav-toggle br {
display: none;
}
.site-nav-toggle__icon {
background: currentColor;
display: block;
height: 1px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 22px;
}
.site-nav-toggle__icon::before,
.site-nav-toggle__icon::after {
background: currentColor;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 22px;
}
.site-nav-toggle__icon::before {
top: -6px;
}
.site-nav-toggle__icon::after {
bottom: -6px;
}
.site-nav-toggle__icon,
.site-nav-toggle__icon::before,
.site-nav-toggle__icon::after {
transition: transform 0.25s ease, opacity 0.25s ease, background 0.25s ease, top 0.25s ease, bottom 0.25s ease;
}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle__icon {
background: transparent;
}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle__icon::before {
top: 0;
transform: rotate(45deg);
}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle__icon::after {
bottom: 0;
transform: rotate(-45deg);
}
.site-nav-backdrop {
background: rgba(8, 10, 12, 0.48);
inset: 0;
position: fixed;
z-index: 140;
}
.site-nav-panel {
position: relative;
}
.site-header:not(.site-header__default):not(.site-header-default):not(.has-ink-background-color) .site-nav-toggle {
color: #FFFFFF;
}
.site-header.site-header__default .site-nav-toggle,
.site-header.site-header-default .site-nav-toggle,
.site-header.has-ink-background-color .site-nav-toggle {
color: var(--ink);
}
html.has-primary-nav-open {
overflow: hidden;
}
.nav-item__mobile-head {
align-items: center;
display: inline-flex;
}
.nav-item__subtoggle {
display: none;
}
/* Tablet / mobile */
@media (max-width: 900px) {
.site-nav-toggle {
display: inline-flex;
}
.site-nav-toggle[aria-expanded="true"],
html.has-primary-nav-open .site-nav-toggle {
display: none;
}
.site-nav-panel {
background: var(--white);
height: 100dvh;
max-width: min(100vw, 360px);
overflow: hidden;
position: fixed;
right: 0;
top: 0;
transform: translateX(100%);
transition: transform 0.32s ease;
width: 100%;
z-index: 150;
}
.site-nav-panel.is-open {
box-shadow: -24px 0 60px rgba(10, 12, 14, 0.18);
transform: translateX(0);
}
.site-nav-panel .site-nav {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 0;
height: 100%;
overflow-y: auto;
padding: 0 0 40px;
-webkit-overflow-scrolling: touch;
}
.site-nav-panel .site-nav>p a,
.site-nav-panel .site-nav>a,
.site-nav-panel .site-nav>.nav-item>a,
.site-nav-panel .site-nav>.nav-item .nav-gallery-trigger,
.site-nav-panel .site-nav .nav-link {
color: var(--body);
display: block;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.2em;
opacity: 1;
padding: 18px 28px;
text-decoration: none;
text-transform: uppercase;
transition: color 0.2s ease, padding-left 0.2s ease;
white-space: normal;
}
.site-nav-panel .site-nav>p a,
.site-nav-panel .site-nav>a,
.site-nav-panel .site-nav>.nav-item>a,
.site-nav-panel .site-nav .nav-link {
border-bottom: 1px solid var(--line);
}
.site-nav-panel .site-nav>p a:hover,
.site-nav-panel .site-nav>p a:focus-visible,
.site-nav-panel .site-nav>a:hover,
.site-nav-panel .site-nav>a:focus-visible,
.site-nav-panel .site-nav>.nav-item>a:hover,
.site-nav-panel .site-nav>.nav-item>a:focus-visible,
.site-nav-panel .site-nav>.nav-item .nav-gallery-trigger:hover,
.site-nav-panel .site-nav>.nav-item .nav-gallery-trigger:focus-visible,
.site-nav-panel .site-nav .nav-link:hover,
.site-nav-panel .site-nav .nav-link:focus-visible {
color: var(--ink);
opacity: 1;
}
.site-nav-panel .site-nav>p {
display: contents;
margin: 0;
}
.site-nav-panel .nav-item {
width: 100%;
}
.site-nav-panel .nav-item__mobile-head {
align-items: stretch;
border-bottom: 1px solid var(--line);
display: flex;
width: 100%;
}
.site-nav-panel .nav-item__mobile-head .nav-gallery-trigger {
border-bottom: 0;
flex: 1 1 auto;
}
.site-nav-panel .nav-item__caret-desktop {
display: none;
}
.site-nav-panel .nav-item__subtoggle {
align-items: center;
background: transparent;
border: 0;
border-bottom: 0;
border-left: 1px solid var(--line);
color: var(--body);
cursor: pointer;
display: inline-flex;
flex: 0 0 56px;
justify-content: center;
padding: 0;
}
.site-nav-panel .nav-item__subtoggle .caret {
font-size: 0.75rem;
transition: transform 0.2s ease;
}
.site-nav-panel .nav-item--gallery.is-subnav-open .nav-item__subtoggle .caret {
transform: rotate(180deg);
}
.site-nav-panel .nav-item--gallery .dropdown {
background: var(--paper);
box-shadow: none;
display: none;
grid-template-columns: 1fr;
left: auto;
opacity: 1;
pointer-events: auto;
position: static;
top: auto;
transform: none;
visibility: visible;
width: 100%;
}
.site-nav-panel .nav-item--gallery.is-subnav-open .dropdown {
display: block;
}
.site-nav-panel .dropdown__list {
padding: 0;
}
.site-nav-panel .dropdown__list a {
border-bottom: 1px solid var(--line);
color: var(--body);
font-size: 0.75rem;
letter-spacing: 0.18em;
opacity: 1;
padding: 14px 28px 14px 40px;
}
.site-nav-panel .dropdown__list a:hover,
.site-nav-panel .dropdown__list a:focus-visible {
color: var(--ink);
padding-left: 48px;
}
.site-nav-panel .dropdown__preview {
display: none;
}
.site-nav-panel .nav-item:hover .dropdown,
.site-nav-panel .nav-item:focus-within .dropdown {
transform: none;
}
}
/* Desktop — hide inline nav only outside the drawer */
@media (min-width: 901px) {
.site-nav-panel .site-nav {
align-items: center;
display: flex;
}
.nav-item__mobile-head {
display: contents;
}
}
@media (max-width: 900px) {
.site-header__bar>.primary-nav,
.site-header__inner>.primary-nav,
.site-header__inner>.wp-block-shortcode>.primary-nav {
margin-left: 0;
}
}
/* ======================================
Nav Item
====================================== */
.nav-item {
position: relative;
}
.nav-item>a,
.nav-item .nav-gallery-trigger {
align-items: center;
display: inline-flex;
gap: 6px;
white-space: nowrap;
}
.nav-item>a .caret,
.nav-item .nav-gallery-trigger .caret {
display: inline-block;
font-size: 0.6rem;
line-height: 1;
transform: translateY(-1px);
transition: transform 0.2s ease;
}
.nav-item:hover .dropdown,
.nav-item:focus-within .dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.nav-item:hover>a .caret,
.nav-item:focus-within>a .caret,
.nav-item:hover .nav-gallery-trigger .caret,
.nav-item:focus-within .nav-gallery-trigger .caret {
transform: translateY(-1px) rotate(180deg);
}
/* ======================================
Dropdown
====================================== */
.dropdown {
background: var(--white);
position: absolute;
top: calc(100% + 22px);
left: 50%;
transform: translateX(-50%) translateY(8px);
width: 560px;
box-shadow: 0 30px 80px rgba(10, 12, 14, 0.25);
display: grid;
grid-template-columns: 1fr 240px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
z-index: 120;
}
.dropdown::before {
content: "";
position: absolute;
top: -22px;
left: 0;
right: 0;
height: 22px;
}
.dropdown__list {
padding: 36px 8px 36px 40px;
}
.dropdown__list br {
display: none;
}
.dropdown__list a {
border-bottom: 1px solid var(--line);
color: var(--body);
display: block;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.2em;
line-height: 1.4;
opacity: 1;
padding: 10px 0;
text-decoration: none;
text-transform: uppercase;
transition: color 0.2s ease, padding-left 0.2s ease;
white-space: nowrap;
}
.dropdown__list a:last-child {
border-bottom: 0;
}
.dropdown__list a:hover,
.dropdown__list a:focus-visible {
color: var(--ink);
opacity: 1;
padding-left: 8px;
}
.dropdown__preview {
padding: 24px 24px 24px 8px;
}
.dropdown__preview img {
width: 100%;
height: 200px;
object-fit: cover;
}
.dropdown__preview p {
color: var(--muted);
font-size: 0.7rem;
font-weight: 400;
letter-spacing: 0.2em;
margin-top: 10px;
text-align: left;
text-transform: uppercase;
}
/* Tablet */
@media (max-width: 900px) {
.dropdown {
display: none;
}
.site-nav-panel .nav-item--gallery.is-subnav-open .dropdown {
display: block;
}
}
/* ======================================
Hero
====================================== */
.hero-section {
position: relative;
isolation: isolate;
background: var(--ink);
min-height: 100vh;
/* flex, alignment → set in Gutenberg block layout */
}
.hero-section .hero__work {
position: absolute;
right: 24px;
bottom: 0;
}
.hero-section__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.hero-section::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(to top, rgba(8, 10, 12, 0.72) 0%, rgba(8, 10, 12, 0.25) 45%, rgba(8, 10, 12, 0.30) 100%);
}
.hero-section__inner {
width: 100%;
}
.hero-section h1 {
max-width: 14em;
}
.hero-section__sub {
max-width: 52ch;
}
.hero-section__work {
position: absolute;
right: var(--pad);
bottom: 36px;
}
/* Tablet */
@media (max-width: 900px) {
.hero-section.wp-block-cover .wp-block-cover__image-background,
.hero-section .wp-block-cover__image-background,
.hero-section__img {
object-position: 97% center;
}
.hero-section__work {
display: none;
}
}
/* ======================================
Split
====================================== */
.split {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.split--flip .split__text {
order: 2;
}
.split--flip .split__media {
order: 1;
}
.split__media img {
width: 100%;
}
.split__media--frame img {
box-shadow: 0 24px 60px rgba(22, 24, 26, 0.18);
}
/* Tablet */
@media (max-width: 900px) {
.split {
grid-template-columns: 1fr;
gap: 44px;
}
.split--flip .split__text {
order: 1;
}
.split--flip .split__media {
order: 2;
}
}
/* ======================================
Category button pills
====================================== */
.category-button-pills {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
gap: 1px;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
background: var(--line);
}
@media (max-width: 900px) {
.category-button-pills {
grid-template-columns: repeat(3, 1fr);
}
}
.category-button-pills .wp-block-button.is-style-outline .wp-block-button__link {
border: none;
background: var(--paper);
padding: 30px 12px;
text-align: center;
text-decoration: none;
font-size: 0.78rem;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--body);
}
/* ======================================
Collections
====================================== */
.collections-section__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
.collections-section__item {
text-align: center;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease;
}
.collections-section__item:hover {
background: var(--ink);
color: #FFFFFF;
}
/* Tablet */
@media (max-width: 900px) {
.collections-section__grid {
grid-template-columns: repeat(3, 1fr);
}
}
/* ======================================
Artist Quote
====================================== */
.artist-quote {
font-family: var(--wp--preset--font-family--cormorant-garamond, var(--serif));
font-size: clamp(1.5rem, 2.6vw, 2.1rem);
font-weight: 300;
font-style: italic;
line-height: 1.4;
max-width: 24em;
}
/* ======================================
Craft
====================================== */
.craft-section__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.craft-section__item {
text-align: center;
}
.craft-section__item p {
max-width: 34ch;
margin-right: auto;
margin-left: auto;
}
/* Tablet */
@media (max-width: 900px) {
.craft-section__grid {
grid-template-columns: 1fr;
gap: 44px;
}
}
/* ======================================
Newsletter
====================================== */
.newsletter-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.newsletter-section p {
max-width: 44ch;
}
.newsletter-section__form {
display: flex;
gap: 0;
}
.newsletter-section__form input[type="email"],
.newsletter-section__form input[type="text"] {
flex: 1;
min-width: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
font-weight: 300;
letter-spacing: 0.04em;
color: #FFFFFF;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
border-right: none;
border-radius: 0;
padding: 16px 20px;
-webkit-appearance: none;
appearance: none;
}
.newsletter-section__form input::placeholder {
color: rgba(255, 255, 255, 0.45);
text-transform: uppercase;
font-size: 0.8125rem;
letter-spacing: 0.18em;
}
.newsletter-section__form input:focus {
outline: none;
border-color: rgba(255, 255, 255, 0.8);
}
.newsletter-section__form .btn--solid,
.newsletter-section__form button[type="submit"],
.newsletter-section__form input[type="submit"] {
border: 1px solid var(--marine);
}
/* MailChimp for WordPress — newsletter layout */
.newsletter-section .mc4wp-form,
.newsletter-band-section .mc4wp-form,
.newsletter__form .mc4wp-form {
margin: 0;
width: 100%;
}
.newsletter-section .mc4wp-form-fields,
.newsletter-band-section .mc4wp-form-fields,
.newsletter__form .mc4wp-form-fields {
display: flex;
flex-wrap: wrap;
gap: 0;
position: relative;
width: 100%;
}
.newsletter-section .mc4wp-form label,
.newsletter-band-section .mc4wp-form label,
.newsletter__form .mc4wp-form label {
flex: 1;
display: flex;
align-items: stretch;
min-width: 0;
margin: 0;
padding: 0;
font-size: 0;
font-weight: 400;
line-height: 0;
border: 0;
}
.newsletter-section .mc4wp-form input[type="email"],
.newsletter-section .mc4wp-form input[type="text"],
.newsletter-band-section .mc4wp-form input[type="email"],
.newsletter-band-section .mc4wp-form input[type="text"],
.newsletter__form .mc4wp-form input[type="email"],
.newsletter__form .mc4wp-form input[type="text"] {
flex: 1;
width: 100%;
min-width: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
font-weight: 300;
line-height: normal;
letter-spacing: 0.04em;
color: #FFFFFF;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
border-right: none;
border-radius: 0;
padding: 16px 20px;
margin: 0;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
cursor: text;
}
.newsletter-section .mc4wp-form input::placeholder,
.newsletter-band-section .mc4wp-form input::placeholder,
.newsletter__form .mc4wp-form input::placeholder {
color: rgba(255, 255, 255, 0.45);
text-transform: uppercase;
font-size: 0.8125rem;
letter-spacing: 0.18em;
}
.newsletter-band-section .mc4wp-form input::placeholder,
.newsletter-band-section__form input::placeholder {
font-size: 0.78rem;
letter-spacing: 0.2em;
}
.newsletter-section .mc4wp-form input[type="email"]:focus,
.newsletter-section .mc4wp-form input[type="text"]:focus,
.newsletter-band-section .mc4wp-form input[type="email"]:focus,
.newsletter-band-section .mc4wp-form input[type="text"]:focus,
.newsletter__form .mc4wp-form input[type="email"]:focus,
.newsletter__form .mc4wp-form input[type="text"]:focus,
.newsletter-band-section__form input:focus {
outline: none;
border-color: rgba(255, 255, 255, 0.8);
}
.newsletter-section .mc4wp-form input[type="submit"],
.newsletter-band-section .mc4wp-form input[type="submit"],
.newsletter__form .mc4wp-form input[type="submit"],
.newsletter-section__form button[type="submit"],
.newsletter-section__form input[type="submit"],
.newsletter-band-section__form button,
.newsletter-band-section__form input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
padding: 16px 34px;
background: var(--marine);
border: 1px solid var(--marine);
border-radius: 0;
color: #FFFFFF;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: background 0.25s ease, border-color 0.25s ease;
}
.newsletter-band-section__form button,
.newsletter-band-section__form input[type="submit"],
.newsletter-band-section .mc4wp-form input[type="submit"] {
padding: 16px 30px;
}
.newsletter-section .mc4wp-form input[type="submit"]:hover,
.newsletter-band-section .mc4wp-form input[type="submit"]:hover,
.newsletter__form .mc4wp-form input[type="submit"]:hover,
.newsletter-section__form button[type="submit"]:hover,
.newsletter-section__form input[type="submit"]:hover,
.newsletter-band-section__form button:hover,
.newsletter-band-section__form input[type="submit"]:hover {
background: var(--marine-deep);
border-color: var(--marine-deep);
}
.newsletter-section .mc4wp-form input[type="hidden"],
.newsletter-band-section .mc4wp-form input[type="hidden"],
.newsletter__form .mc4wp-form input[type="hidden"] {
display: none;
}
.newsletter-section .mc4wp-response,
.newsletter-band-section .mc4wp-response,
.newsletter__form .mc4wp-response {
flex-basis: 100%;
width: 100%;
margin-top: 12px;
font-size: 0.875rem;
}
.newsletter-section .mc4wp-success,
.newsletter-band-section .mc4wp-success,
.newsletter__form .mc4wp-success {
color: rgba(255, 255, 255, 0.92);
}
.newsletter-section .mc4wp-error,
.newsletter-band-section .mc4wp-error,
.newsletter__form .mc4wp-error {
color: #f5b8b8;
}
/* Tablet */
@media (max-width: 900px) {
.newsletter-section .container {
grid-template-columns: 1fr;
gap: 36px;
}
}
/* ======================================
Section
====================================== */
/* Tablet */
@media (max-width: 900px) {
.split-section {
padding: 80px 0;
}
}
/* ======================================
Button block styles (core/button)
====================================== */
.wp-block-button .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0;
padding: 16px 34px;
cursor: pointer;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
white-space: nowrap;
}
.wp-block-button .wp-block-button__link:focus-visible {
outline: 2px solid var(--marine);
outline-offset: 3px;
}
/* Default = .btn-submit (ink fill, no arrow) */
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link,
.wp-block-button.is-style-default .wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link {
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
padding: 18px 38px;
}
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover,
.wp-block-button.is-style-default .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
/* Outline = .btn (no arrow) */
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
border: 1px solid var(--ink);
color: var(--ink);
padding: 16px 34px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--ink) !important;
background-color: var(--ink) !important;
border-color: var(--ink) !important;
color: var(--white) !important;
}
/* Outline light = .btn--light (no arrow) */
.wp-block-button.is-style-outline-light .wp-block-button__link {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.85);
color: #FFFFFF;
padding: 16px 34px;
}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover {
background: #FFFFFF !important;
background-color: #FFFFFF !important;
border-color: #FFFFFF !important;
color: var(--ink) !important;
}
/* Outline with arrow = .btn + arrow (ink outline, ink fill on hover) */
.wp-block-button.is-style-outline-with-arrow .wp-block-button__link,
.wp-block-button.is-style-outline-dark-with-arrow .wp-block-button__link,
.wp-block-button.is-style-button-with-arrow .wp-block-button__link {
background: transparent;
border: 1px solid var(--ink);
color: var(--ink);
padding: 16px 34px;
}
.wp-block-button.is-style-outline-with-arrow .wp-block-button__link:hover,
.wp-block-button.is-style-outline-dark-with-arrow .wp-block-button__link:hover,
.wp-block-button.is-style-button-with-arrow .wp-block-button__link:hover {
background: var(--ink) !important;
background-color: var(--ink) !important;
border-color: var(--ink) !important;
color: var(--white) !important;
}
/* White text/border on dark backgrounds = .btn--light + arrow */
.wp-block-button.is-style-outline-with-arrow .wp-block-button__link.has-white-color:hover,
.wp-block-button.is-style-outline-dark-with-arrow .wp-block-button__link.has-white-color:hover,
.wp-block-button.is-style-button-with-arrow .wp-block-button__link.has-white-color:hover {
background: #FFFFFF !important;
background-color: #FFFFFF !important;
border-color: #FFFFFF !important;
color: var(--ink) !important;
}
/* Filled with arrow = .btn-submit + arrow */
.wp-block-button.is-style-with-arrow .wp-block-button__link {
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
padding: 18px 38px;
}
.wp-block-button.is-style-with-arrow .wp-block-button__link:hover {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
/* Outline light with arrow = .btn--light + arrow */
.wp-block-button.is-style-outline-light-with-arrow .wp-block-button__link {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.85);
color: #FFFFFF;
padding: 16px 34px;
}
.wp-block-button.is-style-outline-light-with-arrow .wp-block-button__link:hover {
background: #FFFFFF !important;
background-color: #fff !important;
color: #000 !important;
}
/* Ink text/border on a light-arrow button = .btn + arrow (not .btn--light) */
.wp-block-button.is-style-outline-light-with-arrow .wp-block-button__link.has-ink-color:hover {
background: var(--ink) !important;
background-color: var(--ink) !important;
border-color: var(--ink) !important;
color: var(--white) !important;
}
/* Link with arrow = .related-section__link */
.wp-block-button.is-style-link-with-arrow .wp-block-button__link {
background: transparent;
border: none;
border-bottom: 1px solid var(--ink);
border-radius: 0;
color: var(--ink);
font-size: 0.78rem;
gap: 8px;
padding: 0 0 4px;
transition: color 0.2s ease, border-color 0.2s ease;
}
.wp-block-button.is-style-link-with-arrow .wp-block-button__link:hover {
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-bottom: 1px solid var(--marine) !important;
}
.wp-block-button.is-style-link-with-arrow .wp-block-button__link.has-white-color {
border-bottom-color: rgba(255, 255, 255, 0.85);
color: #FFFFFF;
}
.wp-block-button.is-style-link-with-arrow .wp-block-button__link.has-white-color:hover {
border-bottom-color: var(--marine) !important;
color: var(--marine) !important;
}
/* Arrow glyph via CSS */
.wp-block-button.is-style-outline-with-arrow .wp-block-button__link::after,
.wp-block-button.is-style-outline-dark-with-arrow .wp-block-button__link::after,
.wp-block-button.is-style-button-with-arrow .wp-block-button__link::after,
.wp-block-button.is-style-with-arrow .wp-block-button__link::after,
.wp-block-button.is-style-outline-light-with-arrow .wp-block-button__link::after,
.wp-block-button.is-style-link-with-arrow .wp-block-button__link::after {
position: relative;
top: 1px;
content: "\2192";
color: inherit;
font-size: 14px;
line-height: 1;
transition: transform 0.25s ease, color 0.25s ease;
}
.wp-block-button.is-style-outline-with-arrow .wp-block-button__link:hover::after,
.wp-block-button.is-style-outline-dark-with-arrow .wp-block-button__link:hover::after,
.wp-block-button.is-style-button-with-arrow .wp-block-button__link:hover::after,
.wp-block-button.is-style-with-arrow .wp-block-button__link:hover::after,
.wp-block-button.is-style-outline-light-with-arrow .wp-block-button__link:hover::after,
.wp-block-button.is-style-link-with-arrow .wp-block-button__link:hover::after {
transform: translateX(4px);
}
.wp-block-button.is-style-outline-with-arrow .wp-block-button__link .arrow,
.wp-block-button.is-style-outline-dark-with-arrow .wp-block-button__link .arrow,
.wp-block-button.is-style-button-with-arrow .wp-block-button__link .arrow,
.wp-block-button.is-style-with-arrow .wp-block-button__link .arrow,
.wp-block-button.is-style-outline-light-with-arrow .wp-block-button__link .arrow,
.wp-block-button.is-style-link-with-arrow .wp-block-button__link .arrow {
display: none;
}
/* ======================================
PAGE - About page
====================================== */
/* ======================================
About Hero Section
====================================== */
.about-hero-section {
display: grid !important;
grid-template-columns: 38% 62%;
align-items: stretch !important;
min-height: 78vh;
}
.about-hero-section__text {
align-self: center !important;
}
.about-hero-section__text .container-tight {
max-width: 360px;
margin-left: auto;
padding-left: var(--pad);
}
.about-hero-section__text p {
max-width: 36ch;
}
.about-hero-section__media {
position: relative;
overflow: hidden;
min-height: 78vh;
}
.about-hero-section__media .wp-block-image {
position: absolute;
inset: 0;
margin: 0;
width: 100%;
height: 100%;
}
.about-hero-section__media .wp-block-image img,
.about-hero-section__media>img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.about-hero-section__media .about-hero-section__placeholder {
position: absolute;
bottom: 22px;
left: 22px;
}
/* Tablet */
@media (max-width: 1000px) {
.about-hero-section {
grid-template-columns: 1fr;
min-height: auto;
}
.about-hero-section__text {
padding: 64px var(--pad);
align-self: auto;
}
.about-hero-section__text .container-tight {
margin-left: 0;
padding-left: 0;
max-width: 100%;
}
.about-hero-section__media {
min-height: 56vh;
}
}
/* ======================================
Story Block Section
====================================== */
.story-block-section .container {
max-width: 720px;
}
.story-block-section p {
max-width: none;
}
/* Tablet */
@media (max-width: 1000px) {
.story-block-section {
padding: 80px 0;
}
}
/* ======================================
Full Bleed Section
====================================== */
.full-bleed-section {
width: 100%;
height: clamp(420px, 78vh, 800px);
overflow: hidden;
position: relative;
}
.full-bleed-section .wp-block-image {
position: absolute;
inset: 0;
margin: 0;
width: 100%;
height: 100%;
}
.full-bleed-section .wp-block-image img,
.full-bleed-section>img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.full-bleed-section__caption {
position: absolute;
bottom: 32px;
left: 32px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
/* Tablet */
@media (max-width: 1000px) {
.full-bleed-section {
height: 60vh;
}
}
/* ======================================
Featured Section
====================================== */
.featured-section__grid {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.featured-section h2 {
max-width: 12em;
}
.featured-section__text p {
max-width: 40ch;
}
.featured-section__year {
font-style: italic;
}
.featured-section__media .wp-block-image {
margin: 0;
}
.featured-section__media .wp-block-image img,
.featured-section__media img {
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
display: block;
}
/* Tablet */
@media (max-width: 1000px) {
.featured-section,
.philosophy-section,
.quote-band-section,
.cta-close-section {
padding: 80px 0;
}
.featured-section__grid {
grid-template-columns: 1fr;
gap: 48px;
}
}
/* ======================================
Philosophy Section
====================================== */
.philosophy-section__intro {
text-align: center;
max-width: 640px;
}
.philosophy-section__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.philosophy-section__item p {
max-width: 32ch;
}
.philosophy-section__num {
font-style: italic;
}
/* Tablet */
@media (max-width: 1000px) {
.philosophy-section__grid {
grid-template-columns: 1fr;
gap: 48px;
}
}
/* ======================================
Quote Band Section
====================================== */
.quote-band-section {
text-align: center;
}
.quote-band-section__text {
font-style: italic;
max-width: 32ch;
}
.quote-band-section__attr {
max-width: none;
}
/* ======================================
CTA Close Section
====================================== */
.cta-close-section {
text-align: center;
}
.cta-close-section p {
max-width: 48ch;
}
/* ======================================
404 Not Found Section
Matches projects/Robert/html/- 404.html
====================================== */
/* ======================================
Page template
Matches projects/Robert/html/Page.html
====================================== */
.page-head {
padding: 80px 0 20px;
text-align: center;
}
.page-head .eyebrow {
color: var(--marine);
font-family: var(--sans);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.28em;
margin-bottom: 18px;
text-transform: uppercase;
}
.page-head :is(h1.page-title, h2.page-title, .wp-block-post-title.page-title, .has-h-1-font-size, .has-h1-font-size):not(.has-custom-font-size):not([style*="font-size"]),
.wp-site-blocks .page-head :is(h1.page-title, h2.page-title, .wp-block-post-title.page-title, .has-h-1-font-size, .has-h1-font-size):not(.has-custom-font-size):not([style*="font-size"]) {
color: var(--ink);
font-family: var(--serif);
font-size: clamp(2.6rem, 5vw, 3.8rem) !important;
font-weight: 300;
line-height: 1.1;
margin-bottom: 14px;
text-wrap: unset;
}
.page-head :is(p.lead, .wp-block-post-excerpt.lead) {
color: var(--body);
margin: 0 auto;
max-width: 56ch;
}
/* WYSIWYG / rich-text prose — Post Content on generic pages */
.prose :is(h1, h1.wp-block-heading),
.prose :is(h2, h2.wp-block-heading),
.prose :is(h3, h3.wp-block-heading) {
color: var(--ink);
font-family: var(--serif);
font-weight: 300;
line-height: 1.2;
}
.prose :is(h4, h4.wp-block-heading):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
.prose :is(h5, h5.wp-block-heading),
.prose :is(h6, h6.wp-block-heading) {
color: var(--ink);
font-family: var(--sans);
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
}
/* Prose typography — Page.html (Page + Single Post; .prose wrapper required) */
.wp-site-blocks .prose :is(h1, h1.wp-block-heading):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
.wp-site-blocks .prose :is(.has-h-1-font-size, .has-h1-font-size) {
font-family: var(--serif) !important;
font-size: clamp(2.2rem, 3.8vw, 2.8rem) !important;
font-weight: 300 !important;
line-height: 1.2 !important;
margin: 56px 0 18px;
text-transform: none !important;
text-wrap: unset;
}
.wp-site-blocks .prose :is(h2, h2.wp-block-heading):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
.wp-site-blocks .prose :is(.has-h-2-font-size, .has-h2-font-size, .has-h2-sm-font-size) {
border-bottom: 1px solid var(--line);
font-family: var(--serif) !important;
font-size: clamp(1.7rem, 2.6vw, 2.1rem) !important;
font-weight: 300 !important;
line-height: 1.2 !important;
margin: 56px 0 18px;
padding-bottom: 14px;
text-transform: none !important;
text-wrap: unset;
}
.wp-site-blocks .prose :is(h3, h3.wp-block-heading):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
.wp-site-blocks .prose :is(.has-h-3-font-size, .has-h3-font-size, .has-h-3-large-font-size, .has-h3-large-font-size) {
font-family: var(--serif) !important;
font-size: clamp(1.4rem, 2.1vw, 1.7rem) !important;
font-weight: 300 !important;
line-height: 1.2 !important;
margin: 44px 0 14px;
text-transform: none !important;
text-wrap: unset;
}
.wp-site-blocks .prose :is(h4, h4.wp-block-heading):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
.wp-site-blocks .prose :is(.has-h-4-font-size, .has-h4-font-size):not(.product-page .is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4) {
font-family: var(--sans) !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
letter-spacing: 0.22em;
margin: 36px 0 14px;
text-transform: uppercase !important;
text-wrap: unset;
}
.wp-site-blocks .prose :is(h5, h5.wp-block-heading):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
.wp-site-blocks .prose :is(.has-h-5-font-size, .has-h5-font-size) {
color: var(--marine) !important;
font-family: var(--sans) !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
letter-spacing: 0.22em;
margin: 32px 0 12px;
text-transform: uppercase !important;
text-wrap: unset;
}
.wp-site-blocks .prose :is(h6, h6.wp-block-heading):not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
.wp-site-blocks .prose :is(.has-h-6-font-size, .has-h6-font-size) {
color: var(--muted) !important;
font-family: var(--sans) !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
letter-spacing: 0.24em;
margin: 28px 0 10px;
text-transform: uppercase !important;
text-wrap: unset;
}
.prose :is(p, .wp-block-paragraph) {
color: var(--body);
font-size: 1.2rem;
line-height: 1.75;
margin-bottom: 22px;
}
.prose :is(p, .wp-block-paragraph):last-child {
margin-bottom: 0;
}
/* Content links — paragraph block text only */
.wp-site-blocks .wp-block-paragraph a:not(.btn):not(.wp-block-button__link):not(.wp-element-button) {
color: var(--marine);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.2s ease;
}
.wp-site-blocks .wp-block-paragraph a:not(.btn):not(.wp-block-button__link):not(.wp-element-button):hover {
color: var(--marine-deep);
}
.wp-site-blocks .site-footer .wp-block-paragraph a:not(.btn):not(.wp-block-button__link):not(.wp-element-button),
.site-footer .footer-nav a {
text-decoration: none;
color: rgba(255, 255, 255, 0.55);
}
.wp-site-blocks .site-footer .wp-block-paragraph a:not(.btn):not(.wp-block-button__link):not(.wp-element-button):hover,
.site-footer .footer-nav a:hover {
color: #FFFFFF;
}
.prose :is(strong, b) {
color: var(--ink);
font-weight: 500;
}
.prose :is(em, i) {
color: var(--ink);
font-style: italic;
}
.prose mark {
background: rgba(68, 97, 110, 0.15);
color: var(--ink);
padding: 0 3px;
}
.prose code {
background: #F1F2F0;
border: 1px solid var(--line);
color: var(--ink);
font-family: "SF Mono", Menlo, Consolas, monospace;
font-size: 0.875em;
padding: 2px 6px;
}
.prose abbr {
cursor: help;
text-decoration: underline dotted;
text-underline-offset: 3px;
}
.prose small {
color: var(--muted);
font-size: 0.875em;
}
.prose :is(ul, ol, .wp-block-list) {
color: var(--body);
margin: 0 0 22px;
padding-left: 26px;
}
.prose :is(ul li, ol li, .wp-block-list-item) {
font-size: 1.0625rem;
line-height: 1.75;
margin-bottom: 8px;
}
.prose :is(ul ul, ol ol, ul ol, ol ul),
.prose :is(.wp-block-list .wp-block-list),
.prose .wp-block-list-item>.wp-block-list {
margin: 8px 0 0;
}
.prose ul li::marker,
.prose ol li::marker {
color: var(--marine);
}
.prose ol li::marker {
font-family: var(--serif);
font-style: italic;
}
.prose dl {
margin-bottom: 22px;
}
.prose dt {
color: var(--ink);
font-family: var(--sans);
font-size: 0.78rem;
font-weight: 500;
letter-spacing: 0.22em;
margin: 18px 0 6px;
text-transform: uppercase;
}
.prose dt:first-child {
margin-top: 0;
}
.prose dd {
border-left: 2px solid var(--line);
color: var(--body);
font-size: 1rem;
line-height: 1.7;
margin: 0 0 12px;
padding-left: 18px;
}
.prose :is(blockquote, .wp-block-quote) {
background: #F1F2F0;
border-left: 3px solid var(--marine);
margin: 36px 0;
padding: 24px 32px;
}
.wp-site-blocks .prose :is(blockquote, .wp-block-quote) :is(p, .wp-block-paragraph) {
color: var(--ink) !important;
font-family: var(--serif) !important;
font-size: 1.3rem !important;
font-style: italic !important;
font-weight: 400 !important;
line-height: 1.55 !important;
margin: 0;
}
.wp-site-blocks .prose :is(blockquote, .wp-block-quote) cite {
color: var(--muted) !important;
display: block;
font-family: var(--sans) !important;
font-size: 0.72rem !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: 0.22em;
margin-top: 14px;
text-transform: uppercase;
}
/* Images — default */
.prose :is(.wp-block-image:not(.alignleft):not(.alignright), .wp-caption:not(.alignleft):not(.alignright)) {
margin: 28px 0;
max-width: 100% !important;
}
.prose :is(.wp-block-image.aligncenter, .wp-caption.aligncenter) {
margin: 28px auto;
}
.prose :is(img:not(.alignleft):not(.alignright), .wp-block-image:not(.alignleft):not(.alignright) img) {
display: block;
height: auto;
margin: 24px auto;
max-width: 100%;
width: auto;
}
/* Aligned images — float the block wrapper so text wraps tight to the image */
.prose :is(.wp-block-image.alignleft, .wp-caption.alignleft),
.prose img.alignleft {
float: left;
margin: 6px 28px 16px 0;
max-width: 50%;
width: fit-content;
}
.prose :is(.wp-block-image.alignright, .wp-caption.alignright),
.prose img.alignright {
float: right;
margin: 6px 0 16px 28px;
max-width: 50%;
width: fit-content;
}
.prose img.aligncenter,
.prose :is(.wp-block-image.aligncenter, .wp-caption.aligncenter) img {
display: block;
margin: 24px auto;
}
.prose :is(.wp-block-image.alignleft, .wp-block-image.alignright, .wp-caption.alignleft, .wp-caption.alignright) img,
.prose img.alignleft,
.prose img.alignright {
display: block;
float: none;
height: auto;
margin: 0;
max-width: 100%;
width: auto;
}
.prose :is(.wp-caption-text, .wp-block-image figcaption) {
margin-top: 12px;
font-family: var(--sans);
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--muted);
text-align: center;
}
.prose :is(p, .wp-block-paragraph)::after {
clear: both;
content: "";
display: table;
}
.prose :is(hr, .wp-block-separator) {
border: none;
border-top: 1px solid var(--line);
margin: 48px auto;
max-width: 80px;
}
.prose :is(table, .wp-block-table table) {
border-collapse: collapse;
font-size: 0.9375rem;
margin: 32px 0;
width: 100%;
}
.prose :is(thead th, .wp-block-table th) {
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
font-family: var(--sans);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.22em;
padding: 14px 16px;
text-align: left;
text-transform: uppercase;
}
.prose :is(tbody td, .wp-block-table td) {
border: 1px solid var(--line);
color: var(--body);
padding: 14px 16px;
vertical-align: top;
}
.prose tbody tr.alt td,
.prose tbody tr:nth-child(even) td,
.prose .wp-block-table tbody tr:nth-child(even) td {
background: #F4F4F0;
}
.prose tbody tr:hover td,
.prose .wp-block-table tbody tr:hover td {
background: rgba(68, 97, 110, 0.05);
}
.prose :is(pre, .wp-block-code) {
background: var(--ink);
border-left: 3px solid var(--marine);
color: #E4E6E5;
font-family: "SF Mono", Menlo, Consolas, monospace;
font-size: 0.875rem;
line-height: 1.6;
margin: 28px 0;
overflow-x: auto;
padding: 22px 24px;
}
.prose :is(pre code, .wp-block-code code) {
background: none;
border: none;
color: inherit;
padding: 0;
}
@media (max-width: 700px) {
.page-head {
padding: 56px 0 32px;
}
.prose :is(table, .wp-block-table table) {
font-size: 0.85rem;
}
.prose :is(thead th, tbody td, .wp-block-table th, .wp-block-table td) {
padding: 10px 12px;
}
.prose :is(img.alignleft, img.alignright, .wp-block-image.alignleft, .wp-block-image.alignright) {
display: block;
float: none;
margin: 24px auto;
max-width: 100%;
width: auto;
}
.prose :is(.wp-caption.alignleft, .wp-caption.alignright, .wp-block-image.alignleft, .wp-block-image.alignright) {
float: none;
margin: 28px auto;
width: auto;
}
}
/* ======================================
Gallery Hero Section
====================================== */
.gallery-hero-section {
position: relative;
height: 64vh;
min-height: 460px;
overflow: hidden;
display: flex;
align-items: flex-end;
isolation: isolate;
}
/* Cover block in Site Editor — anchor text bottom-left like Gallery_V2.html */
.gallery-hero-section.wp-block-cover,
.gallery-hero-section>.wp-block-cover,
.gallery-archive>.wp-block-cover:first-child {
align-items: stretch;
justify-content: flex-start;
height: 64vh;
min-height: 460px;
padding: 0 var(--pad) 70px;
}
.gallery-hero-section.wp-block-cover .wp-block-cover__inner-container,
.gallery-hero-section>.wp-block-cover .wp-block-cover__inner-container,
.gallery-archive>.wp-block-cover:first-child .wp-block-cover__inner-container {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: flex-end;
margin: 0;
min-height: 0;
text-align: left;
width: 100%;
}
/* Editor min-height on inner group fills the cover and pins text to the top */
.gallery-hero-section.wp-block-cover .wp-block-cover__inner-container>.wp-block-group,
.gallery-hero-section>.wp-block-cover .wp-block-cover__inner-container>.wp-block-group,
.gallery-archive>.wp-block-cover:first-child .wp-block-cover__inner-container>.wp-block-group {
min-height: 0 !important;
width: 100%;
}
.gallery-hero-section__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.gallery-hero-section::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(to top, rgba(8, 10, 12, 0.7) 0%, rgba(8, 10, 12, 0.2) 50%, rgba(8, 10, 12, 0.5) 100%);
top: 0;
left: 0;
}
.gallery-hero-section__inner {
width: 100%;
padding: 0 0 70px;
}
.gallery-hero-section .eyebrow {
color: rgba(255, 255, 255, 0.85);
}
.gallery-hero-section h1 {
max-width: 14em;
}
.gallery-hero-section h1,
.gallery-hero-section.wp-block-cover h1,
.gallery-hero-section .wp-block-cover h1,
.gallery-archive>.wp-block-cover:first-child h1 {
color: #ffffff;
}
/* Mobile */
@media (max-width: 700px) {
.gallery-hero-section {
height: 56vh;
}
}
/* ======================================
Intro Section
====================================== */
.intro-section p {
font-style: italic;
max-width: 38em;
text-align: center;
}
/* Mobile */
@media (max-width: 700px) {
.intro-section {
padding: 64px 0 40px;
}
}
/* ======================================
Filter Band Section
====================================== */
.filter-band-section {
scroll-margin-top: 120px;
padding: 32px 0 28px;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.filter-band-section .holder {
align-items: center;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px 50px;
width: 100%;
}
.filter-band-section .container,
.filter-band-section>.wp-block-group__inner-container {
align-items: center !important;
display: flex;
flex-wrap: nowrap;
gap: 28px;
justify-content: space-between;
margin-inline: auto;
max-width: 1248px;
padding: 0 24px;
}
.filter-band-section .container>.wp-block-group,
.filter-band-section .container>.wc-block-catalog-sorting,
.filter-band-section .container>.wp-block-woocommerce-catalog-sorting,
.filter-band-section .container>*,
.filter-band-section>.wp-block-group__inner-container>.wp-block-group,
.filter-band-section>.wp-block-group__inner-container>.wc-block-product-filters,
.filter-band-section>.wp-block-group__inner-container>.wp-block-woocommerce-product-filters {
align-self: center !important;
}
/* Chips column — share the row with sort; must not span 100% */
.filter-band-section .container>.wp-block-group:not(.sort-select):not(:has(.gallery-sort-dropdown)),
.filter-band-section .container>.wc-block-product-filters,
.filter-band-section .container>.wp-block-woocommerce-product-filters,
.filter-band-section>.wp-block-group__inner-container>.wp-block-group:not(.sort-select):not(:has(.gallery-sort-dropdown)),
.filter-band-section>.wp-block-group__inner-container>.wc-block-product-filters,
.filter-band-section>.wp-block-group__inner-container>.wp-block-woocommerce-product-filters {
flex: 1 1 auto;
max-width: calc(100% - 15.5rem);
min-width: 0;
width: auto;
}
.filter-band-section__chips,
.filter-band-section .filter-band-section_chips,
.filter-band-section .wp-block-group.sort-select,
.filter-band-section .sort-select,
.filter-band-section .wc-block-catalog-sorting,
.filter-band-section .gallery-sort-dropdown {
margin-block-start: 0;
margin-top: 0;
padding-block-start: 0;
padding-top: 0;
}
.filter-band-section__chips>.wp-block-group__inner-container,
.filter-band-section .filter-band-section_chips>.wp-block-group__inner-container,
.filter-band-section .wp-block-group.sort-select>.wp-block-group__inner-container {
margin: 0;
padding: 0;
}
.filter-band-section .wc-block-product-filters,
.filter-band-section .wc-block-product-filter-chips,
.filter-band-section .wc-block-product-filter-chips__fieldset {
border: 0;
margin: 0;
padding: 0;
}
.filter-band-section .sort-select {
display: grid;
grid-template-columns: auto auto;
gap: 0 0;
}
.filter-band-section__chips,
.filter-band-section .filter-band-section_chips {
align-items: center;
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
gap: 8px;
min-width: 0;
}
.filter-label {
color: var(--marine);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
}
.filter-band-section__chip,
.filter-band-section__chips .wc-block-product-categories-list-item a {
align-items: center;
background: transparent;
border: 1px solid var(--line);
box-sizing: border-box;
color: var(--body);
cursor: pointer;
display: inline-flex;
font-family: var(--sans);
font-size: 0.78rem;
font-weight: 400;
letter-spacing: 0.18em;
line-height: 1.4;
padding: 9px 18px;
text-decoration: none;
text-transform: uppercase;
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.filter-band-section .wc-block-product-filter-chips__item {
align-items: center;
background: transparent;
border: 1px solid var(--line);
box-sizing: border-box;
color: var(--body);
cursor: pointer;
display: inline-flex;
font-family: var(--sans);
font-size: 0.78rem;
font-weight: 400;
letter-spacing: 0.18em;
line-height: 1.4;
padding: 9px 18px;
text-decoration: none;
text-transform: none;
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.filter-band-section__chip:hover,
.filter-band-section__chips .wc-block-product-categories-list-item a:hover,
.filter-band-section .wc-block-product-filter-chips__item:hover {
border-color: var(--ink);
color: var(--ink);
}
.filter-band-section__chip.is-active,
.filter-band-section__chip.gallery-filter-all-chip.is-active,
.filter-band-section__chip.gallery-filter-all-chip[aria-pressed="true"],
.filter-band-section__chips .wc-block-product-categories-list-item a.is-active,
.filter-band-section__chips .wc-block-product-categories-list-item a[aria-current="page"],
.filter-band-section .wc-block-product-filter-chips__item[aria-checked="true"],
.filter-band-section .wc-block-product-filter-chips__item.gallery-filter-all-chip.is-active,
.filter-band-section .wc-block-product-filter-chips__item.gallery-filter-all-chip[aria-pressed="true"] {
background: var(--ink);
border-color: var(--ink);
color: #FFFFFF;
}
.filter-band-section__chip.is-active:hover,
.filter-band-section__chip.gallery-filter-all-chip.is-active:hover,
.filter-band-section__chip.gallery-filter-all-chip[aria-pressed="true"]:hover,
.filter-band-section__chips .wc-block-product-categories-list-item a.is-active:hover,
.filter-band-section__chips .wc-block-product-categories-list-item a[aria-current="page"]:hover,
.filter-band-section .wc-block-product-filter-chips__item[aria-checked="true"]:hover,
.filter-band-section .wc-block-product-filter-chips__item.gallery-filter-all-chip.is-active:hover,
.filter-band-section .wc-block-product-filter-chips__item.gallery-filter-all-chip[aria-pressed="true"]:hover {
border-color: var(--ink);
color: #FFFFFF;
}
/* Woo Product Categories List → chip row */
.filter-band-section__chips .wp-block-woocommerce-product-categories {
flex: 1 1 auto;
min-width: 0;
}
.filter-band-section__chips .wc-block-product-categories-list {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.filter-band-section__chips .wc-block-product-categories-list-item {
list-style: none;
margin: 0;
padding: 0;
}
.filter-band-section__chips .wc-block-product-categories-list .wc-block-product-categories-list {
display: contents;
}
.filter-band-section__chips .wc-block-product-categories-list-item-count {
display: none;
}
/* Product Filters — inline chips in filter band (not overlay drawer) */
.filter-band-section .wc-block-product-filters {
display: block;
margin: 0 !important;
padding: 0;
width: 100%;
}
.filter-band-section .wc-block-product-filter-chips {
width: 100%;
}
.filter-band-section .wc-block-product-filters__open-overlay,
.filter-band-section .wc-block-product-filters__overlay-header,
.filter-band-section .wc-block-product-filters__overlay-footer {
display: none;
}
.filter-band-section .wc-block-product-filters__overlay,
.filter-band-section .wc-block-product-filters__overlay-wrapper,
.filter-band-section .wc-block-product-filters__overlay-dialog,
.filter-band-section .wc-block-product-filters__overlay-content {
background: transparent;
border: 0;
display: block;
height: auto;
inset: auto;
margin: 0;
max-height: none;
overflow: visible;
padding: 0;
position: static;
transform: none;
width: 100%;
}
.filter-band-section .wc-block-product-filter-chips__items {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
.filter-band-section .wc-block-product-filter-chips__item {
border-radius: 0;
}
/* ======================================
Sort Select — Gallery_V2.html (folded dropdown)
====================================== */
.filter-band-section .wp-block-group.sort-select,
.filter-band-section .sort-select.wp-block-group {
background: transparent !important;
border: 0 !important;
flex: 0 0 auto;
margin-left: auto;
padding: 0 !important;
}
.filter-band-section .wp-block-group.sort-select>.wp-block-group__inner-container {
margin: 0;
padding: 0;
}
.filter-band-section .gallery-sort-dropdown,
.filter-band-section .wc-block-catalog-sorting {
margin: 0;
position: relative;
}
.filter-band-section .gallery-sort-dropdown .woocommerce-ordering,
.filter-band-section .wc-block-catalog-sorting form {
float: none;
margin: 0;
}
.filter-band-section .gallery-sort-dropdown__control {
position: relative;
}
.filter-band-section .gallery-sort-dropdown__toggle,
.filter-band-section .wc-block-catalog-sorting select.orderby,
.filter-band-section select.sort-select {
appearance: none;
background-color: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-position: right 14px center;
background-repeat: no-repeat;
border: 1px solid var(--line);
border-radius: 0;
box-sizing: border-box;
color: var(--body);
cursor: pointer;
display: block;
font-family: var(--sans);
font-size: 0.78rem;
font-weight: 400;
letter-spacing: 0.18em;
line-height: 1.4;
min-height: 0;
min-width: 13.5rem;
padding: 9px 36px 9px 18px;
text-align: left;
text-transform: uppercase;
width: auto;
-webkit-appearance: none;
-moz-appearance: none;
}
.filter-band-section .gallery-sort-dropdown__toggle:hover,
.filter-band-section .gallery-sort-dropdown.is-open .gallery-sort-dropdown__toggle {
border-color: var(--ink);
color: var(--ink);
}
.filter-band-section .gallery-sort-dropdown__menu {
background: var(--white, #fff);
border: 1px solid var(--line);
left: 0;
list-style: none;
margin: 4px 0 0;
min-width: 100%;
padding: 0;
position: absolute;
right: 0;
top: 100%;
z-index: 30;
}
.filter-band-section .gallery-sort-dropdown__option-button {
background: transparent;
border: 0;
color: var(--body);
cursor: pointer;
display: block;
font-family: var(--sans);
font-size: 0.78rem;
font-weight: 400;
letter-spacing: 0.18em;
padding: 9px 18px;
text-align: left;
text-transform: uppercase;
width: 100%;
}
.filter-band-section .gallery-sort-dropdown__option-button:hover {
color: var(--ink);
}
.filter-band-section .gallery-sort-dropdown__option-button[aria-selected="true"] {
color: var(--ink);
font-weight: 500;
}
.filter-band-section .gallery-sort-dropdown__select {
height: 1px;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
width: 1px;
}
@media (max-width: 900px) {
.filter-band-section .holder {
grid-template-columns: 1fr;
gap: 16px;
}
.filter-band-section .container,
.filter-band-section>.wp-block-group__inner-container {
flex-wrap: wrap;
}
.filter-band-section .container>.wp-block-group:not(.sort-select):not(:has(.gallery-sort-dropdown)),
.filter-band-section .container>.wc-block-product-filters,
.filter-band-section>.wp-block-group__inner-container>.wp-block-group:not(.sort-select):not(:has(.gallery-sort-dropdown)),
.filter-band-section>.wp-block-group__inner-container>.wc-block-product-filters {
max-width: 100%;
}
.filter-band-section .wp-block-group.sort-select,
.filter-band-section .sort-select.wp-block-group {
margin-left: 0;
width: 100%;
}
}
/* ======================================
Gallery Results Section — Gallery_V2.html result row
====================================== */
.gallery-results-section__row {
align-items: baseline;
color: var(--muted);
display: flex;
font-family: var(--sans);
font-size: 0.78rem;
font-weight: 300;
justify-content: flex-start;
letter-spacing: 0.2em;
line-height: 1.4;
padding: 40px 0 28px;
text-transform: uppercase;
}
.gallery-results-section>.container,
.gallery-results-section .container {
box-sizing: border-box;
margin-inline: auto;
max-width: min(100%, 1152px);
padding-left: 24px;
padding-right: 24px;
width: 100%;
}
.gallery-results-section__row.is-layout-constrained,
.gallery-results-section__row.wp-block-columns {
max-width: 1278px;
box-sizing: border-box;
margin-inline: auto;
padding-left: 24px;
padding-right: 24px;
width: 100%;
}
.gallery-results-section__row>.wp-block-group__inner-container,
.gallery-results-section__row.wp-block-columns {
align-items: baseline;
display: flex;
flex-wrap: nowrap;
gap: 0;
justify-content: flex-start;
width: 100%;
}
.gallery-results-section__row.wp-block-columns>.wp-block-column {
flex: 0 1 auto;
margin-inline: 0 !important;
max-width: none !important;
min-width: 0;
padding: 0 !important;
}
.gallery-results-section__row :is(.gallery-results-section__count,
.gallery-results-section__count-text,
.wp-block-woocommerce-product-results-count) {
background: none;
border: 0;
box-shadow: none;
color: var(--muted) !important;
font-family: var(--sans) !important;
font-size: 0.78rem !important;
font-weight: 300 !important;
letter-spacing: 0.2em !important;
line-height: 1.4 !important;
margin: 0;
padding: 0 !important;
text-transform: uppercase !important;
}
.gallery-results-section__row .gallery-results-section__count,
.gallery-results-section__row .wp-block-woocommerce-product-results-count {
margin-inline: 0 !important;
max-width: none !important;
width: auto;
}
.gallery-results-section__count {
display: block;
}
/* ======================================
Gallery Grid Section
====================================== */
.gallery-grid-section {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.gallery-results-section .wc-block-product {
position: relative;
}
.taxonomy-product_cat a {
text-decoration: none;
}
.taxonomy-product_cat .wp-block-post-terms__separator span {
display: none;
}
.taxonomy-product_cat .wp-block-post-terms__separator {
white-space: normal;
}
.taxonomy-product_cat .wp-block-post-terms__separator::before {
content: " · ";
}
.taxonomy-product_tag .wp-block-post-terms__separator span {
display: none;
}
.taxonomy-product_tag .wp-block-post-terms__separator {
white-space: normal;
}
.taxonomy-product_tag .wp-block-post-terms__separator::before {
content: " · ";
}
/* Tablet */
@media (max-width: 1024px) {
.gallery-grid-section {
grid-template-columns: repeat(2, 1fr);
gap: 48px 32px;
}
}
/* Mobile */
@media (max-width: 700px) {
.gallery-grid-section {
grid-template-columns: 1fr;
gap: 48px;
}
}
/* ======================================
Gallery Card Section
====================================== */
.gallery-card-section {
text-decoration: none;
display: block;
}
.gallery-card-section__media {
aspect-ratio: 4 / 5;
background: #EFEFEC;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
padding: 22px;
position: relative;
}
.gallery-card-section__media img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
transition: transform 0.7s cubic-bezier(.22, .61, .36, 1);
}
.gallery-card-section:hover .gallery-card-section__media img {
transform: scale(1.03);
}
.gallery-card-section__badge {
z-index: 9999;
position: absolute;
top: 14px;
left: 14px;
}
.gallery-card-section__meta {
text-align: center;
}
.gallery-card-section__price {
text-align: center;
}
.gallery-card-section__price .from {
display: none;
}
/* ======================================
Editorial Break Section
====================================== */
.editorial-break-section {
text-align: center;
}
.editorial-break-section p {
font-style: italic;
max-width: 42ch;
}
/* Mobile */
@media (max-width: 700px) {
.editorial-break-section {
padding: 56px 0 64px;
}
}
/* ======================================
Query Pagination (Gallery + blog/archives)
Matches 2. Gallery_V2.html
====================================== */
.wp-block-query-pagination {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center !important;
margin: 64px 0 96px;
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous,
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next,
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-numbers {
margin-inline: 0 !important;
}
.wp-block-query-pagination-previous {
order: 1;
}
.wp-block-query-pagination-numbers {
order: 2;
align-items: center;
display: flex;
gap: 8px;
}
.wp-block-query-pagination-next {
order: 3;
}
.wp-block-query-pagination .page-numbers {
background: transparent;
border: 1px solid var(--line);
color: var(--body);
cursor: pointer;
display: inline-flex;
font-family: var(--sans);
font-size: 0.8rem;
font-weight: 400;
justify-content: center;
letter-spacing: 0.18em;
line-height: 1;
min-width: 42px;
padding: 14px 16px;
text-decoration: none;
text-transform: uppercase;
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.wp-block-query-pagination a.page-numbers:hover {
border-color: var(--ink);
color: var(--ink);
}
.wp-block-query-pagination .page-numbers.current {
background: var(--ink);
border-color: var(--ink);
color: #FFFFFF;
}
.wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) {
align-items: center;
background: transparent;
border: 1px solid var(--line);
box-sizing: border-box;
color: transparent;
cursor: pointer;
display: inline-flex;
flex-shrink: 0;
font-size: 0 !important;
height: 44px;
justify-content: center;
letter-spacing: 0;
line-height: 0;
min-width: 44px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
text-transform: none;
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
white-space: nowrap;
width: 44px;
}
.wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) :is(.wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-next-arrow,
span,
svg) {
display: none !important;
}
.wp-block-query-pagination :is(a.wp-block-query-pagination-previous, a.wp-block-query-pagination-next):hover {
border-color: var(--ink);
}
.wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next)[aria-disabled="true"] {
cursor: default;
opacity: 0.35;
pointer-events: none;
}
.wp-block-query-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next)[aria-disabled="true"]::before {
color: var(--body);
}
.wp-block-query-pagination-previous::before {
align-items: center;
color: var(--body);
content: "\2190";
display: flex;
font-family: var(--sans);
font-size: 14px;
font-weight: 400;
height: 100%;
justify-content: center;
line-height: 1;
position: absolute;
inset: 0;
width: 100%;
}
.wp-block-query-pagination-next::before {
align-items: center;
color: var(--body);
content: "\2192";
display: flex;
font-family: var(--sans);
font-size: 14px;
font-weight: 400;
height: 100%;
justify-content: center;
line-height: 1;
position: absolute;
inset: 0;
width: 100%;
}
.wp-block-query-pagination :is(a.wp-block-query-pagination-previous, a.wp-block-query-pagination-next):hover::before {
color: var(--ink);
}
/* ======================================
Gallery shop grid gap (Woo Product Collection)
Matches 2. Gallery_V2.html
Class can sit on the grid ul OR a parent wrapper
====================================== */
ul.wc-block-product-template.gallery-results-section,
.gallery-results-section ul.wc-block-product-template,
.gallery-archive ul.wc-block-product-template {
gap: 56px 40px;
grid-gap: 56px 40px;
padding-bottom: 24px;
}
/* Responsive grid — override Woo column calc (assumes 1.25em gap) */
ul.wc-block-product-template.gallery-results-section.wc-block-product-template__responsive.columns-3,
.gallery-results-section ul.wc-block-product-template.wc-block-product-template__responsive.columns-3,
.gallery-archive ul.wc-block-product-template.wc-block-product-template__responsive.columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* Flex layout — recalc column widths for 40px column gap */
ul.wc-block-product-template.gallery-results-section.is-flex-container.columns-3>li,
.gallery-results-section .wc-block-product-template.is-flex-container.columns-3>li,
.gallery-archive .wc-block-product-template.is-flex-container.columns-3>li {
width: calc(33.33333% - 26.66667px);
}
@media (max-width: 1024px) {
ul.wc-block-product-template.gallery-results-section,
.gallery-results-section ul.wc-block-product-template,
.gallery-archive ul.wc-block-product-template {
gap: 48px 32px;
grid-gap: 48px 32px;
}
ul.wc-block-product-template.gallery-results-section.wc-block-product-template__responsive.columns-3,
.gallery-results-section ul.wc-block-product-template.wc-block-product-template__responsive.columns-3,
.gallery-archive ul.wc-block-product-template.wc-block-product-template__responsive.columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
ul.wc-block-product-template.gallery-results-section.is-flex-container.columns-3>li,
ul.wc-block-product-template.gallery-results-section.is-flex-container.columns-2>li,
.gallery-results-section .wc-block-product-template.is-flex-container.columns-3>li,
.gallery-results-section .wc-block-product-template.is-flex-container.columns-2>li,
.gallery-archive .wc-block-product-template.is-flex-container.columns-3>li,
.gallery-archive .wc-block-product-template.is-flex-container.columns-2>li {
width: calc(50% - 16px);
}
}
@media (max-width: 700px) {
ul.wc-block-product-template.gallery-results-section,
.gallery-results-section ul.wc-block-product-template,
.gallery-archive ul.wc-block-product-template {
gap: 48px;
grid-gap: 48px;
}
ul.wc-block-product-template.gallery-results-section.wc-block-product-template__responsive.columns-3,
.gallery-results-section ul.wc-block-product-template.wc-block-product-template__responsive.columns-3,
.gallery-archive ul.wc-block-product-template.wc-block-product-template__responsive.columns-3 {
grid-template-columns: 1fr;
}
ul.wc-block-product-template.gallery-results-section.is-flex-container.columns-3>li,
ul.wc-block-product-template.gallery-results-section.is-flex-container.columns-2>li,
ul.wc-block-product-template.gallery-results-section.is-flex-container.columns-1>li,
.gallery-results-section .wc-block-product-template.is-flex-container.columns-3>li,
.gallery-results-section .wc-block-product-template.is-flex-container.columns-2>li,
.gallery-results-section .wc-block-product-template.is-flex-container.columns-1>li,
.gallery-archive .wc-block-product-template.is-flex-container.columns-3>li,
.gallery-archive .wc-block-product-template.is-flex-container.columns-2>li,
.gallery-archive .wc-block-product-template.is-flex-container.columns-1>li {
width: 100%;
}
}
/* ======================================
Gallery shop product image (inset in box)
Fixed width, natural height — no crop, no distortion
Overrides Woo inline object-fit: cover + aspect-ratio on wrapper/img
====================================== */
ul.wc-block-product-template.gallery-results-section .wc-block-components-product-image,
.gallery-results-section ul.wc-block-product-template .wc-block-components-product-image,
.gallery-archive ul.wc-block-product-template .wc-block-components-product-image {
aspect-ratio: unset !important;
background: #EFEFEC;
display: block;
height: auto !important;
margin-bottom: 22px;
max-height: none !important;
min-height: 0 !important;
overflow: visible;
padding: 22px;
position: relative;
width: 100%;
}
ul.wc-block-product-template.gallery-results-section .wc-block-components-product-image>a,
.gallery-results-section ul.wc-block-product-template .wc-block-components-product-image>a,
.gallery-archive ul.wc-block-product-template .wc-block-components-product-image>a {
display: block;
height: auto !important;
width: 100%;
}
ul.wc-block-product-template.gallery-results-section .wc-block-components-product-image__inner-container,
.gallery-results-section ul.wc-block-product-template .wc-block-components-product-image__inner-container,
.gallery-archive ul.wc-block-product-template .wc-block-components-product-image__inner-container {
display: none;
}
ul.wc-block-product-template.gallery-results-section .wc-block-components-product-image img,
.gallery-results-section ul.wc-block-product-template .wc-block-components-product-image img,
.gallery-archive ul.wc-block-product-template .wc-block-components-product-image img {
display: block;
height: auto !important;
max-height: none !important;
max-width: 100%;
min-height: 0 !important;
object-fit: contain !important;
object-position: center !important;
transition: transform 0.7s cubic-bezier(.22, .61, .36, 1);
width: 100% !important;
}
ul.wc-block-product-template.gallery-results-section .wc-block-product:hover .wc-block-components-product-image img,
.gallery-results-section ul.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img,
.gallery-archive ul.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img {
transform: scale(1.03);
}
/* Edition badge (ACF) — stacked over product image, injected on Product Image block */
ul.wc-block-product-template.gallery-results-section .wp-block-woocommerce-product-image,
.gallery-results-section ul.wc-block-product-template .wp-block-woocommerce-product-image,
.gallery-archive ul.wc-block-product-template .wp-block-woocommerce-product-image {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
ul.wc-block-product-template.gallery-results-section .wp-block-woocommerce-product-image>.wc-block-components-product-image,
.gallery-results-section ul.wc-block-product-template .wp-block-woocommerce-product-image>.wc-block-components-product-image,
.gallery-archive ul.wc-block-product-template .wp-block-woocommerce-product-image>.wc-block-components-product-image,
ul.wc-block-product-template.gallery-results-section .wp-block-woocommerce-product-image>.gallery-edition-badge,
.gallery-results-section ul.wc-block-product-template .wp-block-woocommerce-product-image>.gallery-edition-badge,
.gallery-archive ul.wc-block-product-template .wp-block-woocommerce-product-image>.gallery-edition-badge {
grid-column: 1;
grid-row: 1;
}
ul.wc-block-product-template.gallery-results-section .wp-block-woocommerce-product-image>.gallery-edition-badge,
.gallery-results-section ul.wc-block-product-template .wp-block-woocommerce-product-image>.gallery-edition-badge,
.gallery-archive ul.wc-block-product-template .wp-block-woocommerce-product-image>.gallery-edition-badge {
align-self: start;
justify-self: start;
margin: 36px 0 0 36px;
pointer-events: none;
z-index: 2;
}
/* Product grid — soft transition when filters update the collection */
.gallery-archive .wp-block-woocommerce-product-collection .wc-block-product-template {
transition: opacity 0.28s ease;
}
.gallery-archive .wp-block-woocommerce-product-collection .wc-block-product {
transition: transform 0.28s ease, opacity 0.28s ease;
}
.gallery-archive .wp-block-woocommerce-product-collection.is-filtering .wc-block-product-template {
opacity: 0;
pointer-events: none;
}
.gallery-archive .wp-block-woocommerce-product-collection.is-filtering .wc-block-product {
opacity: 0;
transform: translateY(10px);
}
.gallery-archive .wp-block-woocommerce-product-collection.is-revealing .wc-block-product {
animation: gallery-product-reveal 0.42s ease both;
}
@keyframes gallery-product-reveal {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.gallery-archive .wp-block-woocommerce-product-collection .wc-block-product-template,
.gallery-archive .wp-block-woocommerce-product-collection .wc-block-product {
transition: none;
}
.gallery-archive .wp-block-woocommerce-product-collection.is-filtering .wc-block-product-template,
.gallery-archive .wp-block-woocommerce-product-collection.is-filtering .wc-block-product,
.gallery-archive .wp-block-woocommerce-product-collection.is-revealing .wc-block-product {
animation: none;
opacity: 1;
transform: none;
}
}
ul.wc-block-product-template.gallery-results-section .gallery-edition-badge,
.gallery-results-section ul.wc-block-product-template .gallery-edition-badge,
.gallery-archive ul.wc-block-product-template .gallery-edition-badge {
background: rgba(22, 24, 26, 0.78);
color: #FFFFFF;
font-family: var(--sans);
font-size: 0.65rem;
font-weight: 500;
letter-spacing: 0.22em;
line-height: 1.2;
padding: 6px 10px;
text-transform: uppercase;
}
ul.wc-block-product-template.gallery-results-section .gallery-edition-badge.gallery-card-section__badge--sold,
.gallery-results-section ul.wc-block-product-template .gallery-edition-badge.gallery-card-section__badge--sold,
.gallery-archive ul.wc-block-product-template .gallery-edition-badge.gallery-card-section__badge--sold {
background: rgba(120, 38, 38, 0.85);
}
/* ======================================
PAGE - 404 page
====================================== */
/* ======================================
Not Found Section
====================================== */
.not-found-section h1 {
max-width: 22ch;
}
.not-found-section p {
max-width: 44ch;
}
.not-found-section__actions {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
}
/* ======================================
PAGE - Single Post template
====================================== */
/* ======================================
Post Breadcrumb Section
====================================== */
.post-breadcrumb-section {
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.post-breadcrumb-section a {
text-decoration: none;
transition: color 0.2s ease;
}
.post-breadcrumb-section a:hover {
color: var(--ink);
}
.post-breadcrumb-section [aria-current="page"] {
color: var(--ink);
}
.post-breadcrumb-section .sep {
opacity: 0.5;
}
/* ======================================
Post Head Section
====================================== */
.post-head-section {
text-align: center;
}
.post-head-section .meta .dot {
opacity: 0.5;
}
.post-head-section h1 {
max-width: 22ch;
}
.post-head-section .subtitle {
font-style: italic;
max-width: 50ch;
}
.article-prose-section .taxonomy-category a {
transition: all 0.2s ease;
text-decoration: none;
}
.article-prose-section .taxonomy-category a:hover {
opacity: 0.5;
}
/* ======================================
Post Hero Section
====================================== */
.post-hero-section {
width: 100%;
height: clamp(420px, 70vh, 720px);
overflow: hidden;
}
.post-hero-section img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* ======================================
Post Hero Caption
====================================== */
.post-hero-caption {
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.22em;
text-transform: uppercase;
text-align: center;
}
/* ======================================
Post Body Section
====================================== */
.post-body-section p.dropcap::first-letter {
font-family: var(--serif);
font-weight: 400;
font-size: 4rem;
line-height: 0.9;
float: left;
margin: 6px 12px 0 0;
color: var(--ink);
}
.post-body-section__pull-quote {
text-align: center;
}
.post-body-section__pull-quote p {
font-style: italic;
max-width: 22ch;
}
.post-body-section .post-body-section__figure img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.post-body-section .post-body-section__figure figcaption {
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.22em;
text-transform: uppercase;
text-align: center;
}
/* ======================================
PAGE - Single Product template
====================================== */
.product-page .product__subtitle {
color: #71787F;
font-size: 0.8125rem;
margin-bottom: 32px;
}
.product-page .product__price {
margin-bottom: 6px !important;
}
.product-page .product__price-note {
margin-top: -20px;
color: var(--muted);
font-size: 0.8125rem;
margin-bottom: 36px;
}
.single-product .wp-block-post-excerpt {
margin-bottom: 30px;
}
.product-page .product-details,
.product-details.is-layout-grid {
align-items: start;
gap: 14px 0;
grid-template-columns: 154px 1fr !important;
}
.product-page .product-details,
.product-details-additional.is-layout-grid {
align-items: start;
gap: 10px 0;
grid-template-columns: 123px 1fr !important;
}
.product-page .product-details>*,
.product-details.is-layout-grid>* {
align-self: start;
}
.product-page .product-details>*:nth-child(2n),
.product-details.is-layout-grid>*:nth-child(2n) {
margin-top: -3px;
font-size: 0.875rem;
}
.product-page .product-details-additional>*:nth-child(2n),
.product-details-additional.is-layout-grid>*:nth-child(2n) {
margin-top: -3px;
font-size: 0.875rem;
}
body.single-product .wp-site-blocks .product__story h1:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h2:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h3:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h4:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
body.single-product .wp-site-blocks .product__story h5:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h1.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h2.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h3.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product__story h4.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
body.single-product .wp-site-blocks .product__story h5.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .prose .product__story h1:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .prose .product__story h2:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .prose .product__story h3:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .prose .product__story h4:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]):not(.is-layout-flex:has(> .wp-block-woocommerce-product-collection) > h4),
body.single-product .wp-site-blocks .prose .product__story h5:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]) {
border-bottom: none;
margin-bottom: 22px;
padding-bottom: 0;
font-family: var(--serif) !important;
font-size: clamp(1.8rem, 2.6vw, 2.2rem) !important;
font-weight: 300 !important;
line-height: 1.2 !important;
text-transform: none !important;
}
body.single-product .wp-site-blocks .product__story p {
margin-bottom: 18px;
}
.product-page .woocommerce-variation-description,
.product-page .woocommerce-variation-price {
display: none;
}
.woocommerce.single-product div.product form.cart .reset_variations {
visibility: hidden !important;
display: none !important;
}
.product-page .product__cart-form table.variations {
border: 0;
display: block;
margin-bottom: 0;
width: 100%;
}
.product-page .product__cart-form table.variations tbody,
.product-page .product__cart-form table.variations tr {
display: block;
width: 100%;
}
.product-page .product__cart-form table.variations tr {
margin-bottom: 26px;
}
.product-page .product__cart-form table.variations tr:last-child {
margin-bottom: 14px;
}
.product-page .product__cart-form table.variations th,
.product-page .product__cart-form table.variations td {
border: 0;
display: block;
line-height: normal;
padding: 0;
width: 100%;
}
.product-page .product__cart-form form.cart table.variations label {
color: var(--ink);
display: block;
font-size: 0.72rem;
font-weight: 500 !important;
letter-spacing: 0.24em;
margin-bottom: 6px;
text-align: left;
text-transform: uppercase;
}
.product-page .product__cart-form form.cart table.variations select {
appearance: none;
background: var(--white);
background-image: url("data:image/svg+xml;utf8,");
background-position: right 16px center;
background-repeat: no-repeat;
border: 1px solid var(--line);
cursor: pointer;
font-family: var(--sans);
font-size: 0.9375rem;
padding: 11px 40px 14px 16px;
width: 100%;
}
.product-page .product__cart-form .single_add_to_cart_button {
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.product-page .product__cart-form .single_add_to_cart_button:hover {
background: var(--marine) !important;
border-color: var(--marine) !important;
color: #FFFFFF !important;
}
/* Woo caps the gallery block at 512px — override so the full-size image sits in a stable 718 x 536 frame. */
.product-page .product__gallery {
max-width: 738px;
width: 100%;
}
.product-page .product__gallery .wp-block-woocommerce-product-image-gallery {
clear: both;
max-width: none;
position: relative;
width: 100%;
}
.product-page .product__gallery .woocommerce-product-gallery {
--product-gallery-max-height: min(536px, 68vh);
float: none;
margin: 0;
width: 100%;
}
.product-page .product__gallery .woocommerce-product-gallery .flex-viewport {
background: #EFEFEC;
height: auto !important;
max-height: var(--product-gallery-max-height);
overflow: hidden;
width: 100% !important;
}
.product-page .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
height: auto !important;
}
.product-page .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__image {
background: #EFEFEC;
height: auto !important;
max-width: 100% !important;
}
.product-page .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__image>a {
align-items: center;
display: flex;
height: auto;
justify-content: center;
max-height: var(--product-gallery-max-height);
width: 100%;
}
.product-page .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__image img.wp-post-image,
.product-page .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__image img {
display: block;
height: auto !important;
margin: 0 auto;
max-height: var(--product-gallery-max-height);
max-width: 100%;
object-fit: contain;
width: auto;
}
.product-page .product__gallery .woocommerce-product-gallery img.zoomImg {
display: none !important;
}
body.single-product .wp-site-blocks .product-page :is(.related, .related-product) h4:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks .product-page :is(.related, .related-product) h4.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks :is(.related, .related-product) h4:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]),
body.single-product .wp-site-blocks :is(.related, .related-product) h4.wp-block-heading:not(.has-custom-font-size):not([class*="has-"][class*="-font-size"]):not([style*="font-size"]) {
font-family: var(--serif) !important;
font-size: clamp(1.8rem, 2.6vw, 2.2rem) !important;
font-weight: 300 !important;
letter-spacing: 0;
}
.single-product .product-editor-text :is(h1, h2, h3, h4, h5, h6) {
text-transform: uppercase;
font-size: 0.78rem !important;
line-height: 1.7 !important;
font-weight: 500 !important;
letter-spacing: 0.24em !important;
}
/* ======================================
Editions Band Section
====================================== */
.editions-band-section__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.editions-band-section__grid :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--sans);
font-size: 0.78rem !important;
font-weight: 500;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--ink);
margin-bottom: 16px;
}
.editions-band-section__item p {
font-size: 0.9375rem;
}
.woocommerce-breadcrumb {
letter-spacing: 0.2em;
}
.woocommerce-breadcrumb a {
font-size: 0.72rem;
letter-spacing: 0.2em;
text-decoration: none;
color: var(--muted);
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
gap: 12px;
margin-top: 14px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
align-items: center;
background: #EFEFEC;
border: 1px solid var(--line);
cursor: pointer;
display: flex;
flex: 0 0 110px;
height: auto;
justify-content: center;
max-height: 120px;
min-height: 66px;
overflow: hidden;
padding: 0;
position: relative;
transition: border-color 0.2s ease;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
display: block;
height: auto;
max-height: 120px;
object-fit: contain;
width: 100%;
}
@media (max-width: 782px) {
.product__details {
padding: 0 !important;
}
}
/* ======================================
PAGE - Contact page
====================================== */
/* ======================================
Contact Head Section
====================================== */
/* ======================================
Contact Bar Section
====================================== */
.contact-bar-section {
display: grid;
grid-template-columns: 1fr 1fr;
}
.contact-bar-section a.email-line {
text-decoration: none;
word-break: break-word;
transition: color 0.2s ease;
}
.contact-bar-section a.email-line:hover {
color: var(--marine);
}
/* ======================================
Contact Form Section
====================================== */
.contact-form-section__form {
background: transparent;
}
.contact-form-section__field {
margin-bottom: 20px;
}
.contact-form-section__field input,
.contact-form-section__field textarea,
.contact-form-section__field select,
.contact-form-section__field .wpcf7-form-control-wrap input,
.contact-form-section__field .wpcf7-form-control-wrap textarea,
.contact-form-section__field .wpcf7-form-control-wrap select {
width: 100%;
font-family: var(--sans);
font-size: 0.9375rem;
font-weight: 300;
color: var(--ink);
background: var(--white);
border: 1px solid var(--line);
padding: 18px 20px;
transition: border-color 0.2s ease;
letter-spacing: 0.04em;
box-sizing: border-box;
border-radius: 0;
}
.contact-form-section__field input::placeholder,
.contact-form-section__field textarea::placeholder,
.contact-form-section__field select:invalid {
color: var(--muted);
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.contact-form-section__field textarea,
.contact-form-section__field .wpcf7-form-control-wrap textarea {
min-height: 201px;
resize: vertical;
line-height: 1.7;
}
.contact-form-section__field input:focus,
.contact-form-section__field textarea:focus,
.contact-form-section__field select:focus,
.contact-form-section__field .wpcf7-form-control-wrap input:focus,
.contact-form-section__field .wpcf7-form-control-wrap textarea:focus,
.contact-form-section__field .wpcf7-form-control-wrap select:focus {
outline: none;
border-color: var(--ink);
}
.contact-form-section__field select,
.contact-form-section__field .wpcf7-form-control-wrap select {
appearance: none;
cursor: pointer;
padding-right: 48px;
color: var(--muted);
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0.24em;
text-transform: uppercase;
background-color: var(--white);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 20px center;
}
.contact-form-section__field select.has-value,
.contact-form-section__field .wpcf7-form-control-wrap select.has-value {
color: var(--ink);
font-size: 0.9375rem;
letter-spacing: 0.04em;
text-transform: none;
}
.contact-form-section__submit,
input.contact-form-section__submit,
.wpcf7-form input.wpcf7-submit.contact-form-section__submit,
button.contact-form-section__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
font-family: var(--sans);
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
line-height: 1;
padding: 22px 38px;
background: var(--ink);
color: #ffffff;
border: 1px solid var(--ink);
cursor: pointer;
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
margin-top: 12px;
border-radius: 0;
width: auto;
min-height: 0;
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
}
.contact-form-section__submit .arrow {
transition: transform 0.25s ease;
}
.contact-form-section__submit:hover,
input.contact-form-section__submit:hover,
.wpcf7-form input.wpcf7-submit.contact-form-section__submit:hover,
button.contact-form-section__submit:hover {
background: var(--marine);
border-color: var(--marine);
color: #ffffff;
}
.contact-form-section__submit:hover .arrow,
button.contact-form-section__submit:hover .arrow {
transform: translateX(4px);
}
.contact-form-section__form .form-note {
margin-top: 20px;
font-size: 0.8125rem;
color: var(--muted);
}
/* Contact Form 7 structure */
.wpcf7-form .contact-form-section__field p {
margin: 0;
}
.wpcf7-form .contact-form-section__form>p:has(.contact-form-section__submit),
.wpcf7-form .contact-form-section__form>p:has(.wpcf7-submit) {
margin: 0;
}
.wpcf7-form .contact-form-section__field .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7-form .wpcf7-spinner {
margin-left: 12px;
vertical-align: middle;
}
.wpcf7-form .wpcf7-response-output {
margin: 20px 0 0;
padding: 0;
border: 0;
font-size: 0.8125rem;
color: var(--muted);
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 0.75rem;
color: var(--marine);
margin-top: 8px;
}
/* ======================================
Newsletter Band Section
====================================== */
.newsletter-band-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.newsletter-band-section p {
max-width: 44ch;
}
.newsletter-band-section__form {
display: flex;
gap: 0;
}
.newsletter-band-section__form input[type="email"],
.newsletter-band-section__form input[type="text"] {
flex: 1;
min-width: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
color: #FFFFFF;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
border-right: none;
border-radius: 0;
padding: 16px 20px;
-webkit-appearance: none;
appearance: none;
}
.newsletter-band-section__form input::placeholder {
color: rgba(255, 255, 255, 0.45);
text-transform: uppercase;
font-size: 0.78rem;
letter-spacing: 0.2em;
}
.newsletter-band-section__form input:focus {
outline: none;
border-color: rgba(255, 255, 255, 0.8);
}
.newsletter-band-section__form button,
.newsletter-band-section__form input[type="submit"] {
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
background: var(--marine);
color: #FFFFFF;
border: 1px solid var(--marine);
border-radius: 0;
padding: 16px 30px;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease;
}
.newsletter-band-section__form button:hover,
.newsletter-band-section__form input[type="submit"]:hover {
background: var(--marine-deep);
border-color: var(--marine-deep);
}
/* ======================================
CART — WooCommerce Cart Block
====================================== */
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name,
.wc-block-cart .wc-block-components-product-name {
font-family: var(--wp--preset--font-family--cormorant-garamond, var(--serif));
font-size: 1.25rem;
font-weight: 400;
line-height: 1.2;
color: var(--ink);
text-decoration: none;
margin: 0 0 6px;
display: inline-block;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name:hover,
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name:focus-visible,
.wc-block-cart .wc-block-components-product-name:hover,
.wc-block-cart .wc-block-components-product-name:focus-visible {
color: var(--marine);
text-decoration: none;
}
body.woocommerce-cart .wc-block-components-quantity-selector,
.wc-block-cart .wc-block-components-quantity-selector {
border: 1px solid var(--line);
border-radius: 0;
width: auto;
min-width: 107px;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button,
.wc-block-cart .wc-block-components-quantity-selector__button {
border: 0;
border-radius: 0;
background: transparent;
color: var(--body);
width: 32px;
min-width: 32px;
height: 32px;
font-size: 1rem;
transition: color 0.2s ease;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:hover,
body.woocommerce-cart .wc-block-components-quantity-selector__button:focus-visible,
.wc-block-cart .wc-block-components-quantity-selector__button:hover,
.wc-block-cart .wc-block-components-quantity-selector__button:focus-visible {
color: var(--ink);
background: transparent;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input,
.wc-block-cart .wc-block-components-quantity-selector__input {
border: 0;
border-left: 1px solid var(--line);
border-right: 1px solid var(--line);
border-radius: 0;
box-shadow: none;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9rem;
color: var(--ink);
min-width: 38px;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input:focus,
.wc-block-cart .wc-block-components-quantity-selector__input:focus {
box-shadow: none;
outline: none;
border-color: var(--line);
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__totals-title,
body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-heading-block,
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-cart .wp-block-woocommerce-cart-order-summary-heading-block {
font-family: var(--wp--preset--font-family--cormorant-garamond, var(--serif)) !important;
font-size: 1.5rem !important;
font-weight: 300 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-wrap: unset;
color: var(--ink);
margin-bottom: 24px;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-button:not(.is-link),
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button,
.wc-block-cart .wc-block-components-button:not(.is-link),
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-cart .wc-block-components-totals-coupon__button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart .wc-block-components-button:not(.is-link):not(.outlined):not(.is-style-outline),
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-cart .wc-block-components-button:not(.is-link):not(.outlined):not(.is-style-outline) {
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
padding: 18px 24px;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart .wc-block-components-button:not(.is-link):not(.outlined):not(.is-style-outline):hover,
.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-cart .wc-block-components-button:not(.is-link):not(.outlined):not(.is-style-outline):hover {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button,
body.woocommerce-cart .wc-block-cart .wc-block-components-button.outlined,
body.woocommerce-cart .wc-block-cart .wc-block-components-button.is-style-outline,
.wc-block-cart .wc-block-components-totals-coupon__button,
.wc-block-cart .wc-block-components-button.outlined,
.wc-block-cart .wc-block-components-button.is-style-outline {
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-coupon__button:hover,
body.woocommerce-cart .wc-block-cart .wc-block-components-button.outlined:hover,
body.woocommerce-cart .wc-block-cart .wc-block-components-button.is-style-outline:hover,
.wc-block-cart .wc-block-components-totals-coupon__button:hover,
.wc-block-cart .wc-block-components-button.outlined:hover,
.wc-block-cart .wc-block-components-button.is-style-outline:hover {
background: var(--body);
border-color: var(--body);
color: #FFFFFF;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-button:focus,
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button:focus,
.wc-block-cart .wc-block-components-button:focus,
.wc-block-cart .wc-block-cart__submit-button:focus {
box-shadow: none;
outline: 2px solid var(--marine);
outline-offset: 3px;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-text-input input,
.wc-block-cart .wc-block-components-text-input input {
border-radius: 0;
border-color: var(--line);
font-family: var(--wp--preset--font-family--jost, var(--sans));
}
body.woocommerce-cart .wc-block-cart .wc-block-components-text-input input:focus,
.wc-block-cart .wc-block-components-text-input input:focus {
border-color: var(--ink);
box-shadow: none;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-notice-banner,
.wc-block-cart .wc-block-components-notice-banner {
border-radius: 0;
}
/* ======================================
CHECKOUT — WooCommerce Checkout Block
====================================== */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input[type="email"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input[type="tel"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input[type="text"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input[type="number"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input[type="password"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active input,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active input[type="email"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active input[type="tel"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active input[type="text"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active input[type="number"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active input[type="password"],
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-text-input.is-active input {
border-radius: 0;
border-color: var(--line);
background: var(--white);
color: var(--ink);
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
font-weight: 300;
letter-spacing: 0.04em;
padding: 32px 20px 18px 20px !important;
height: 68px !important;
min-height: 68px;
line-height: 1.375;
box-sizing: border-box;
box-shadow: none;
transition: border-color 0.2s ease;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:focus-visible,
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-text-input input:focus-visible {
border-color: var(--ink);
box-shadow: none;
outline: none;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select label,
.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-blocks-components-select label {
font-family: var(--wp--preset--font-family--jost, var(--sans));
color: var(--muted);
left: 20px;
max-width: calc(100% - 40px);
top: 11px !important;
transform: scale(0.82) !important;
transform-origin: top left !important;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input.is-active label,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input input:-webkit-autofill+label,
.wc-block-checkout .wc-block-components-text-input.is-active label,
.wc-block-checkout .wc-block-components-text-input input:-webkit-autofill+label {
color: var(--muted);
}
body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select__container,
.wc-block-checkout .wc-blocks-components-select__container {
border-radius: 0;
}
body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select__label,
.wc-block-checkout .wc-blocks-components-select__label {
left: 20px;
max-width: calc(100% - 40px);
top: 11px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--muted);
}
body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select__select,
.wc-block-checkout .wc-blocks-components-select__select {
border-radius: 0;
border-color: var(--line);
background-color: var(--white);
color: var(--ink);
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
font-weight: 300;
letter-spacing: 0.04em;
padding: 32px 48px 18px 20px !important;
height: 68px !important;
min-height: 68px;
line-height: 1.375;
box-sizing: border-box;
box-shadow: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 20px center;
transition: border-color 0.2s ease;
}
body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select__select:focus,
body.woocommerce-checkout .wc-block-checkout .wc-blocks-components-select__select:focus-visible,
.wc-block-checkout .wc-blocks-components-select__select:focus,
.wc-block-checkout .wc-blocks-components-select__select:focus-visible {
border-color: var(--ink);
box-shadow: none;
outline: none;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-textarea,
.wc-block-checkout .wc-block-components-textarea {
border-radius: 0;
border-color: var(--line);
background: var(--white);
color: var(--ink);
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
font-weight: 300;
letter-spacing: 0.04em;
padding: 18px 20px;
line-height: 1.7;
box-sizing: border-box;
box-shadow: none;
transition: border-color 0.2s ease;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-textarea:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-textarea:focus-visible,
.wc-block-checkout .wc-block-components-textarea:focus,
.wc-block-checkout .wc-block-components-textarea:focus-visible {
border-color: var(--ink);
box-shadow: none;
outline: none;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-gateway-input,
.wc-block-checkout .wc-block-gateway-input {
border-radius: 0;
border-color: var(--line);
background: var(--white);
color: var(--ink);
font-family: var(--wp--preset--font-family--jost, var(--sans));
padding: 18px 20px;
height: auto;
box-sizing: border-box;
box-shadow: none;
transition: border-color 0.2s ease;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-gateway-input:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-gateway-input:focus-visible,
.wc-block-checkout .wc-block-gateway-input:focus,
.wc-block-checkout .wc-block-gateway-input:focus-visible {
border-color: var(--ink);
box-shadow: none;
outline: none;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkout-place-order-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
padding: 18px 24px;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-checkout-place-order-button:focus,
.wc-block-checkout .wc-block-components-checkout-place-order-button:focus {
box-shadow: none;
outline: 2px solid var(--marine);
outline-offset: 3px;
}
.woocommerce.wc-block-store-notices.alignwide {
max-width: 1280px;
}
.wc-block-components-notice-banner.is-success {
background: none;
border-color: var(--line);
border-radius: 0;
}
.wc-block-components-notice-banner.is-error {
border-radius: 0;
}
/* ======================================
MINI-CART — WooCommerce Cart Drawer
====================================== */
.wc-block-mini-cart__title {
font-family: var(--wp--preset--font-family--cormorant-garamond, var(--serif));
font-size: var(--font-size-h2, var(--wp--preset--font-size--h2)) !important;
font-weight: 300;
line-height: 1.15;
color: var(--ink);
}
/* WooCommerce renders a hidden fallback image before the linked thumbnail. */
.wc-block-mini-cart__drawer .wc-block-cart-item__image>img[hidden] {
display: none !important;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__image a {
display: block;
height: 64px;
overflow: hidden;
width: 64px;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__image a img {
display: block !important;
height: 64px !important;
object-fit: cover !important;
object-position: center !important;
width: 64px !important;
}
.wc-block-mini-cart .wc-block-cart-items__row .wc-block-components-product-name,
.wc-block-mini-cart__drawer .wc-block-cart-items__row a.wc-block-components-product-name {
font-family: var(--wp--preset--font-family--cormorant-garamond, var(--serif));
font-size: 1.25rem;
font-weight: 400;
line-height: 1.2;
color: var(--ink);
text-decoration: none;
margin: 0 0 6px;
display: inline-block;
max-width: none;
}
.wc-block-mini-cart .wc-block-cart-items__row .wc-block-components-product-name:hover,
.wc-block-mini-cart .wc-block-cart-items__row .wc-block-components-product-name:focus-visible,
.wc-block-mini-cart__drawer .wc-block-cart-items__row a.wc-block-components-product-name:hover,
.wc-block-mini-cart__drawer .wc-block-cart-items__row a.wc-block-components-product-name:focus-visible {
color: var(--marine);
text-decoration: none;
}
.wc-block-mini-cart .wc-block-components-quantity-selector,
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
border: 1px solid var(--line);
border-radius: 0;
width: auto;
min-width: 107px;
}
.wc-block-mini-cart .wc-block-components-quantity-selector__button,
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button {
border: 0;
border-radius: 0;
background: transparent;
color: var(--body);
width: 32px;
min-width: 32px;
height: 32px;
font-size: 1rem;
transition: color 0.2s ease;
}
.wc-block-mini-cart .wc-block-components-quantity-selector__button:hover,
.wc-block-mini-cart .wc-block-components-quantity-selector__button:focus-visible,
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:hover,
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:focus-visible {
color: var(--ink);
background: transparent;
}
.wc-block-mini-cart .wc-block-components-quantity-selector__input,
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input {
border: 0;
border-left: 1px solid var(--line);
border-right: 1px solid var(--line);
border-radius: 0;
box-shadow: none;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9rem;
color: var(--ink);
min-width: 38px;
}
.wc-block-mini-cart .wc-block-components-quantity-selector__input:focus,
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input:focus {
box-shadow: none;
outline: none;
border-color: var(--line);
}
.wc-block-mini-cart .wc-block-components-text-input input,
.wc-block-mini-cart__drawer .wc-block-components-text-input input {
border-radius: 0;
border-color: var(--line);
font-family: var(--wp--preset--font-family--jost, var(--sans));
}
.wc-block-mini-cart .wc-block-components-text-input input:focus,
.wc-block-mini-cart__drawer .wc-block-components-text-input input:focus {
border-color: var(--ink);
box-shadow: none;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 0;
border-radius: 0;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
padding: 16px 20px;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
box-shadow: none !important;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart {
background: transparent;
border: 1px solid var(--ink);
color: var(--ink);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart:hover,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart:focus-visible {
background: var(--ink);
border-color: var(--ink);
color: var(--white);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout {
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout:hover,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout:focus-visible {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart:focus,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout:focus {
box-shadow: none;
outline: 2px solid var(--marine);
outline-offset: 3px;
}
.wp-block-woocommerce-checkout-order-summary-block {
border-radius: 0;
}
/* ======================================
MY ACCOUNT — WooCommerce Account Page
====================================== */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
border-bottom: 1px solid var(--line);
list-style: none;
margin: 0;
padding: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {
background: #F1F2F0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
color: var(--marine);
display: block;
padding: 1em 16px;
text-decoration: none;
transition: color 0.2s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible {
color: var(--marine-deep);
}
body.woocommerce-account .woocommerce a:not(.button):not(.woocommerce-Button):not(.woocommerce-button):not(.btn):not(.wp-block-button__link):not(.wp-element-button) {
color: var(--marine);
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.2s ease;
}
body.woocommerce-account .woocommerce a:not(.button):not(.woocommerce-Button):not(.woocommerce-button):not(.btn):not(.wp-block-button__link):not(.wp-element-button):hover,
body.woocommerce-account .woocommerce a:not(.button):not(.woocommerce-Button):not(.woocommerce-button):not(.btn):not(.wp-block-button__link):not(.wp-element-button):focus-visible {
color: var(--marine-deep);
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
text-decoration: none;
}
body.woocommerce-account .woocommerce form :is(input.input-text,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea) {
width: 100%;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.9375rem;
font-weight: 300;
color: var(--ink);
background: var(--white);
border: 1px solid var(--line);
border-radius: 0 !important;
padding: 18px 20px;
transition: border-color 0.2s ease;
letter-spacing: 0.04em;
box-sizing: border-box;
box-shadow: none;
}
body.woocommerce-account .woocommerce form :is(input.input-text,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea):focus,
body.woocommerce-account .woocommerce form :is(input.input-text,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea):focus-visible {
outline: none;
border-color: var(--ink);
box-shadow: none;
}
body.woocommerce-account .woocommerce form select {
appearance: none;
cursor: pointer;
}
body.woocommerce-account .woocommerce form textarea {
min-height: 160px;
line-height: 1.7;
resize: vertical;
}
body.woocommerce-account .woocommerce form :is(button.button,
button.woocommerce-Button,
input.button[type="submit"]) {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 28px;
border-radius: 0 !important;
font-family: var(--wp--preset--font-family--jost, var(--sans));
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration: none;
background: var(--ink);
border: 1px solid var(--ink);
color: #FFFFFF;
padding: 18px 24px;
cursor: pointer;
line-height: 1.2;
box-shadow: none;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
body.woocommerce-account .woocommerce form :is(button.button,
button.woocommerce-Button,
input.button[type="submit"]):hover,
body.woocommerce-account .woocommerce form :is(button.button,
button.woocommerce-Button,
input.button[type="submit"]):focus-visible {
background: var(--marine);
border-color: var(--marine);
color: #FFFFFF;
}
body.woocommerce-account .woocommerce form :is(button.button,
button.woocommerce-Button,
input.button[type="submit"]):focus {
box-shadow: none;
outline: 2px solid var(--marine);
outline-offset: 3px;
}
body.woocommerce-account .woocommerce form fieldset {
border: 0;
margin: 0;
padding: 0;
min-width: 0;
}
body.woocommerce-account .woocommerce form fieldset legend {
display: block;
margin: 0 0 16px;
padding: 0;
width: 100%;
}
.woocommerce form .form-row {
margin: 0 0 10px;
padding: 0;
}
.woocommerce-cart main,
.woocommerce-checkout main {
padding-top: 40px;
}
.woocommerce-form__label {
float: left;
width: 100%;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
padding: 0;
border: none;
}
.wc-block-components-notice-banner {
border-radius: 0;
}
.woocommerce-variation-availability {
display: none;
}
.woocommerce-account .entry-content {
padding-right: 0;
padding-left: 0;
}
body.woocommerce-account .woocommerce {
display: grid;
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
gap: 20px 44px;
align-items: start;
}
body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
display: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: auto;
}
/* Mobile override — must come AFTER */
@media (max-width: 992px) {
body.woocommerce-account .woocommerce {
grid-template-columns: 1fr;
gap: 20px;
}
}
/* Single Product price note fix */
.product-page .product__price-note {
margin-top: 0 !important;
}
/* Order received page */
.woocommerce-order-received main {
padding: 110px 0 120px;
}
.woocommerce-cart main,
.woocommerce-checkout main {
padding-top: 110px !important;
}
.wp-block-woocommerce-order-confirmation-totals-wrapper {
margin-top: 40px;
}
.wp-block-woocommerce-order-confirmation-status {
margin-bottom: 50px;
}
.wc-block-order-confirmation-totals table {
border-radius: 0 !important;
}
.wp-block-woocommerce-order-confirmation-billing-wrapper .wp-block-heading {
margin-bottom: 16px;
}
.wc-block-order-confirmation-totals__product a {
font-family: var(--wp--preset--font-family--cormorant-garamond, var(--serif));
font-size: 1.25rem;
font-weight: 400;
line-height: 1.2;
color: var(--ink);
text-decoration: none;
margin: 0 0 6px;
display: inline-block;
}
.wc-block-order-confirmation-totals__product a:hover {
color: var(--marine);
text-decoration: none;
}
.wc-block-order-confirmation-order-note,
.wc-block-order-confirmation-shipping-address {
border-radius: 0;
}
.wc-block-order-confirmation-address-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px 30px;
margin-top: 30px;
}
.wc-block-order-confirmation-address-wrapper .wp-block-heading {
margin-bottom: 16px;
}
@media (max-width: 768px) {
.wc-block-order-confirmation-address-wrapper {
grid-template-columns: 1fr !important;
}
}
/* Gallery page filters */
:where(.wc-block-product-filters) .wc-block-product-filters__overlay {
pointer-events: all !important;
}
/* Image caption */
.pswp__caption__center {
text-align: center !important;
max-width: none !important;
}