

.wp-block-group.zk-artwork-detail{max-width:none!important;box-sizing:border-box}
:where(.wp-block-group.zk-artwork-detail){margin:0;padding:var(--zk-section-space,var(--wp--preset--spacing--zk-section)) var(--wp--preset--spacing--zk-edge)}
.zk-artwork-detail>*{max-width:none!important}
:where(.zk-artwork-detail>*){margin-left:0;margin-right:0}
.zk-artwork-detail>.wp-block-post-title{overflow-wrap:break-word}
:where(.zk-artwork-detail>.wp-block-post-title){margin:0 0 var(--wp--preset--spacing--zk-heading)}
.zk-artwork-detail .zk-detail-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
:where(.zk-artwork-detail .zk-detail-hero){gap:28px;margin:0}
.zk-detail-hero>*{min-width:0}
:where(.zk-detail-hero>*){margin:0}
.zk-artwork-detail .zk-detail-featured{width:100%}
:where(.zk-artwork-detail .zk-detail-featured){margin:0}
.zk-detail-featured img{display:block;width:100%;height:auto}
.zk-detail-info>*{max-width:none!important}
:where(.zk-detail-info>*){margin:0}
:where(.zk-detail-info>*+*){margin-top:24px}
.zk-artwork-detail .zk-artwork-status{display:flex;align-items:center;color:var(--wp--preset--color--zk-on-dark)}
:where(.zk-artwork-detail .zk-artwork-status){gap:10px}
.zk-artwork-detail .zk-artwork-status:before{content:"";width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--wp--preset--color--zk-available)}
.zk-artwork-detail .zk-artwork-status[data-status="sold"]:before{background:#5D6658}
:where(.zk-artwork-detail .zk-artwork-facts p){margin:0}
:where(.zk-artwork-detail .zk-artwork-facts p+p){margin-top:16px}
.zk-artwork-detail .wp-block-post-content>*{max-width:none!important}
:where(.zk-artwork-detail .wp-block-post-content>*){margin:0}
:where(.zk-artwork-detail .wp-block-post-content>*+*){margin-top:24px}
.zk-artwork-detail .wp-block-post-content:empty{display:none}
.zk-artwork-detail a{text-underline-offset:3px}
.zk-artwork-detail a:focus-visible,.zk-artwork-detail button:focus-visible{outline:2px solid var(--wp--preset--color--zk-muted);outline-offset:5px}
:where(.zk-artwork-detail>.zk-artwork-gallery,.zk-artwork-detail>.zk-artwork-process){margin:var(--zk-section-space,var(--wp--preset--spacing--zk-section)) 0 0}
.zk-artwork-detail .zk-detail-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
:where(.zk-artwork-detail .zk-detail-gallery){gap:var(--wp--preset--spacing--zk-gallery)}
.zk-artwork-detail .zk-detail-gallery>.wp-block-image{width:100%!important;min-width:0;aspect-ratio:3/4}
:where(.zk-artwork-detail .zk-detail-gallery>.wp-block-image){margin:0}
.zk-artwork-detail .zk-detail-gallery>.wp-block-image img{display:block;width:100%!important;height:100%!important;aspect-ratio:3/4;object-fit:cover;object-position:center}
:where(.zk-artwork-detail .zk-artwork-gallery h2,.zk-artwork-detail .zk-artwork-process h2){margin:0 0 var(--wp--preset--spacing--zk-heading)}
.zk-artwork-detail .zk-artwork-process .zk-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.zk-artwork-detail .zk-artwork-process .zk-detail-gallery){margin:0}
.zk-artwork-detail .zk-artwork-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.zk-artwork-detail .zk-artwork-navigation{gap:28px;margin:var(--zk-section-space,var(--wp--preset--spacing--zk-section)) 0 0}
.zk-artwork-navigation>.wp-block-column{min-width:0}
:where(.zk-artwork-navigation>.wp-block-column){margin:0}
.zk-artwork-detail .wp-block-post-navigation-link{overflow-wrap:break-word}
:where(.zk-artwork-detail .wp-block-post-navigation-link){margin:0}
.zk-artwork-detail .wp-block-post-navigation-link a{text-decoration:none;display:block}
:where(.zk-artwork-detail .wp-block-post-navigation-link a){padding:12px 0}
.zk-artwork-detail .wp-block-post-navigation-link a:hover{text-decoration:none}
:where(.zk-artwork-detail>.zk-detail-back){margin:24px 0 0}
.zk-artwork-page .wp-lightbox-overlay .scrim{background-color:var(--wp--preset--color--zk-dark)!important}
.zk-artwork-page .wp-lightbox-overlay button{fill:var(--wp--preset--color--zk-white)!important;color:var(--wp--preset--color--zk-white)}
@media(max-width:767px){
:where(.wp-block-group.zk-artwork-detail){padding-left:var(--wp--preset--spacing--zk-edge-mobile);padding-right:var(--wp--preset--spacing--zk-edge-mobile)}
 .zk-artwork-detail .zk-detail-hero{grid-template-columns:minmax(0,1fr)}
:where(.zk-artwork-detail .zk-detail-hero){gap:32px}
 .zk-artwork-detail .zk-artwork-gallery .zk-detail-gallery{grid-template-columns:minmax(0,1fr)}
 .zk-artwork-detail .zk-artwork-process .zk-detail-gallery{grid-template-columns:minmax(0,1fr)}
.zk-artwork-detail .zk-artwork-navigation{gap:var(--wp--preset--spacing--zk-gallery)}
}
/* Reference typography and shared 240px logo-to-title offset. */
.wp-block-group.zk-artwork-detail{--zk-header-below-logo:calc(2.9vw + min(calc(1.6px + .024vw),1.96px))}
:where(/* Reference typography and shared 240px logo-to-title offset. */
.wp-block-group.zk-artwork-detail){padding-top:calc(var(--wp--preset--spacing--zk-intro-top) - var(--zk-header-below-logo))}
.zk-artwork-detail .zk-artwork-status{color:var(--wp--preset--color--zk-available)}
.zk-artwork-detail .zk-artwork-status[data-status="sold"]{color:#5D6658}
@media(max-width:767px){
 .wp-block-group.zk-artwork-detail{--zk-header-below-logo:calc(6vw + (37px - min(calc(28px + .42vw),34.3px))/2)}
}
:where(.zk-artwork-detail .zk-artwork-gallery .zk-detail-gallery){margin:0}
:where(/* Exact reference pagination geometry, including its responsive section edges. */
.wp-block-group.zk-artwork-detail){padding-bottom:0}
.zk-artwork-detail .zk-artwork-navigation{margin-top:calc(37px + var(--wp--preset--spacing--zk-edge) + max(30px,var(--wp--preset--spacing--zk-edge)));padding:var(--wp--preset--spacing--zk-edge) 0;gap:var(--wp--preset--spacing--zk-heading)}
.zk-artwork-detail .wp-block-post-navigation-link a{display:flex;align-items:center;min-height:32px}
:where(.zk-artwork-detail .wp-block-post-navigation-link a){gap:25px;padding:0}
.zk-artwork-detail .zk-detail-next a{justify-content:flex-end;text-align:right}
.zk-artwork-detail .wp-block-post-navigation-link a>span{min-width:0}
.zk-detail-caret{width:18px;height:32px;flex:0 0 18px;display:block;overflow:visible}
@media(max-width:800px){
.zk-artwork-detail .zk-artwork-navigation{margin-top:calc(37px + var(--wp--preset--spacing--zk-edge-mobile))}
:where(.zk-artwork-detail .wp-block-post-navigation-link){margin:var(--wp--preset--spacing--zk-gallery) 0}
}
@media(max-width:767px){
.zk-artwork-detail .zk-artwork-navigation{margin-top:calc(37px + 9vw)}
}
/* Hero uses the same equal columns and gap as the gallery. */
@media(min-width:768px){
 .zk-artwork-detail .zk-detail-hero{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
 .zk-detail-hero>.zk-detail-featured{grid-column:1}
 .zk-detail-hero>.zk-detail-info{grid-column:2}
}

:where(.zk-artwork-facts,.zk-artwork-detail .zk-artwork-status){font-size:var(--wp--preset--font-size--zk-small)}
.zk-artwork-detail .zk-artwork-status[data-status="available"]{color:var(--wp--preset--color--zk-available)}
.zk-artwork-detail .zk-artwork-facts,.zk-detail-contact{color:var(--wp--preset--color--zk-accent)}
:where(.zk-artwork-navigation){font-size:var(--wp--preset--font-size--zk-section);font-weight:700;line-height:1.2}

/* Dynamic sections must outrank the native flow default, while inline block controls retain priority. */
.zk-artwork-detail>.zk-artwork-gallery,.zk-artwork-detail>.zk-artwork-process{margin-top:120px}

.zk-artwork-detail .wp-block-post-navigation-link{font-size:var(--wp--preset--font-size--zk-navigation);font-weight:700;line-height:1}
@media(max-width:800px){.zk-artwork-detail .wp-block-post-navigation-link{font-size:var(--wp--preset--font-size--zk-body)}}
/* Match title-to-image space to the empty hero column and its two gutters. */
.zk-artwork-detail>.wp-block-post-title{margin-bottom:var(--wp--preset--spacing--zk-heading)}
@media(min-width:768px){
 .zk-artwork-detail>.wp-block-post-title{margin-bottom:calc((100% - 23 * var(--wp--preset--spacing--zk-gutter)) / 24 + 2 * var(--wp--preset--spacing--zk-gutter))}
}
/* All artwork heroes share a centered 3:4 crop; source files stay unchanged. */
 .zk-artwork-detail .zk-detail-featured{aspect-ratio:3/4}
 .zk-artwork-detail .zk-detail-featured img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
/* Artwork photographs, including Process, share a 60px gap. */
.zk-artwork-detail .zk-detail-gallery{gap:60px}
.zk-artwork-facts .zk-facts-list{list-style:disc;padding-left:1em;margin:0}
.zk-artwork-facts .zk-facts-list li{padding-left:.15em}
.zk-artwork-facts .zk-facts-list li::marker{font-size:.6em}
.zk-artwork-detail .zk-artwork-navigation a:hover{color:#999999!important;text-decoration:none}
/* Detail title and copy use a consistent 60px inset from the photograph. */
.zk-artwork-detail>.wp-block-post-title{margin-bottom:60px}
@media(min-width:768px){
 .zk-detail-hero>.zk-detail-info{margin-left:0;padding-top:60px}
}

.zk-artwork-detail .zk-artwork-gallery h2,.zk-artwork-detail .zk-artwork-process h2{margin-bottom:60px}

/* One body-text line separates the price from the artwork specifications. */
.zk-artwork-facts .zk-artwork-price + .zk-facts-list{margin-top:24px}


/* Navigation begins 120px below the final photograph row. */
.zk-artwork-detail .zk-artwork-navigation{margin-top:120px;padding-top:0}
.zk-artwork-detail .zk-artwork-navigation .wp-block-post-navigation-link{margin-top:0}

/* Subtle directional feedback without moving the link text. */
.zk-artwork-navigation a{transition:color .2s ease}
.zk-artwork-navigation .zk-detail-caret{transition:transform .2s ease}
.zk-artwork-navigation .zk-detail-prev a:hover .zk-detail-caret{transform:translateX(-4px)}
.zk-artwork-navigation .zk-detail-next a:hover .zk-detail-caret{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){
 .zk-artwork-navigation a,.zk-artwork-navigation .zk-detail-caret{transition:none}
 .zk-artwork-navigation a:hover .zk-detail-caret{transform:none}
}

/* Phones: 40px between the hero photograph and the status/details below it, like the image spacing in the homepage sections. */
@media(max-width:767px){.zk-detail-hero>.zk-detail-info{margin-top:calc(var(--wp--preset--spacing--zk-section) - var(--wp--preset--spacing--zk-gutter))}}

/* Phones: Gallery and Process as a two-column grid with the page gutter between photographs. */
@media(max-width:767px){.zk-artwork-detail :is(.zk-artwork-gallery,.zk-artwork-process) .zk-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--zk-gutter)}}

/* Phones: Gallery/Process headings sit 30px higher (90px below the previous content) and 40px above the photographs. */
@media(max-width:767px){.zk-artwork-detail>.zk-artwork-gallery,.zk-artwork-detail>.zk-artwork-process{margin-top:90px}.zk-artwork-detail .zk-artwork-gallery h2,.zk-artwork-detail .zk-artwork-process h2{margin-bottom:var(--wp--preset--spacing--zk-section)}}

/* Phones: 40px between the detail title and the hero photograph, like the image spacing in the sections. */
@media(max-width:767px){.zk-artwork-detail>.wp-block-post-title{margin-bottom:var(--wp--preset--spacing--zk-section)}}
