header.wp-block-template-part:has(.zk-native-header){position:sticky;top:0;z-index:100;transition:transform .42s cubic-bezier(.45,0,.55,1)}
:where(header.wp-block-template-part:has(.zk-native-header)){margin:0}
body.admin-bar header.wp-block-template-part:has(.zk-native-header){top:32px}
header.zk-hidden{transform:translateY(-100%)}
.zk-native-header{display:grid!important;grid-template-columns:1fr 1.02fr 1fr;align-items:center}
:where(.zk-native-header){padding:2.9vw var(--wp--preset--spacing--zk-edge);gap:0}
:where(.zk-native-header .wp-block-site-title){margin:0}
.zk-native-header .wp-block-site-title a{display:flex;align-items:center;text-decoration:none;white-space:nowrap}
.zk-native-header .wp-block-site-title a:before{content:"";display:block;width:40.625px;height:18px;flex-shrink:0;background:radial-gradient(circle at 6.5px 9px,currentColor 6.5px,transparent 6.6px),radial-gradient(circle at 22.75px 9px,currentColor 6.5px,transparent 6.6px)}
.zk-native-header .wp-block-navigation{justify-content:center}
.zk-native-header .wp-block-navigation__container{justify-content:center}
:where(.zk-native-header .wp-block-navigation__container){gap:0}
:where(.zk-native-header .wp-block-navigation-item){margin:0 .8vw}
.zk-native-header .wp-block-navigation-item__content{text-decoration:none}
:where(.zk-native-header .wp-block-navigation-item__content){padding:.1em 0}
.zk-native-header .wp-block-navigation-item__content:hover{text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:2px}
#zk-grid[hidden]{display:none!important}#zk-grid{position:fixed;inset:0;z-index:2147483646;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 7px,#d2236417 7px 8px)}#zk-grid>div{height:100%;display:grid;grid-template-columns:repeat(24,minmax(0,1fr))}
:where(#zk-grid>div){margin:0 var(--wp--preset--spacing--zk-edge);gap:12px}#zk-grid span{background:#e1236411;border-inline:1px solid #d2236447}#zk-grid small{position:absolute;right:12px;bottom:12px;background:#a71850;color:white}
:where(#zk-grid small){padding:5px 8px}
@media(max-width:767px){
.zk-native-header{grid-template-columns:1fr auto;min-height:37px}
:where(.zk-native-header){padding:var(--wp--preset--spacing--zk-edge-mobile)}
.zk-native-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.zk-native-header .wp-block-navigation__responsive-container-open{display:flex!important;width:30px;height:37px;align-items:center;justify-content:center}
.zk-native-header .wp-block-navigation__responsive-container-open svg{display:none}
.zk-native-header .wp-block-navigation__responsive-container-open:before,.zk-native-header .wp-block-navigation__responsive-container-open:after{content:"";position:absolute;width:30px;height:4px;background:currentColor}
.zk-native-header .wp-block-navigation__responsive-container-open:after{transform:rotate(90deg)}
:where(.zk-native-header .wp-block-navigation__responsive-container.is-menu-open){padding:var(--wp--preset--spacing--zk-edge-mobile)}
.zk-native-header .is-menu-open .wp-block-navigation__responsive-container-content{min-height:80vh;justify-content:center;align-items:flex-start}
.zk-native-header .is-menu-open .wp-block-navigation__container{align-items:flex-start}
:where(.zk-native-header .is-menu-open .wp-block-navigation__container){gap:36px}
:where(.zk-native-header .is-menu-open .wp-block-navigation-item){margin:0}
:where(.zk-native-header .is-menu-open .wp-block-navigation-item__content){padding:0}
#zk-grid>div{grid-template-columns:repeat(8,minmax(0,1fr))}
:where(#zk-grid>div){margin:0 var(--wp--preset--spacing--zk-edge-mobile)}#zk-grid span:nth-child(n+9){display:none}
}
@media(min-width:768px){.zk-native-header .wp-block-navigation__responsive-container-open{display:none!important}.zk-native-header .wp-block-navigation__responsive-container{display:block!important}}
@media(prefers-reduced-motion:reduce){header.wp-block-template-part:has(.zk-native-header){transition:none}}
:where(.zk-native-header .wp-block-navigation){margin:0}
@media(min-width:768px){.zk-native-header{grid-template-columns:1fr 33.8358% 1fr}}

/* Vector circles remain smooth at fractional browser scales. */
.zk-native-header .wp-block-site-title a:before{background:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740.625%27 height=%2718%27 viewBox=%270 0 40.625 18%27%3E%3Ccircle cx=%276.5%27 cy=%279%27 r=%276.5%27 fill=%27%23212020%27/%3E%3Ccircle cx=%2722.75%27 cy=%279%27 r=%276.5%27 fill=%27%23212020%27/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:40.625px 18px;background-color:currentColor}
/* Reference homepage intro only. Native editor and other sections are untouched. */
.wp-block-post-content>.zk-intro-reference{--intro-row:calc(min(1500px,94vw)*.0215);display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(13,minmax(var(--intro-row),auto));max-width:none!important;box-sizing:border-box}
:where(/* Reference homepage intro only. Native editor and other sections are untouched. */
.wp-block-post-content>.zk-intro-reference){gap:12px;padding:1.2vmax var(--wp--preset--spacing--zk-edge);margin:0}
.zk-intro-reference>h1{grid-area:9/1/11/14;align-self:start;max-width:none!important;width:auto;overflow-wrap:normal}
:where(.zk-intro-reference>h1){margin:0}
.zk-intro-reference>.wp-block-columns{grid-area:11/1/14/13;align-self:start;display:block;max-width:577px!important;width:100%}
:where(.zk-intro-reference>.wp-block-columns){margin:0}
:where(.zk-intro-reference .wp-block-column){margin:0}.zk-intro-reference .wp-block-column:empty{display:none}
:where(.zk-intro-reference p){margin:0}
@media(max-width:767px){
.wp-block-post-content>.zk-intro-reference{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(13,minmax(24px,auto))}
:where(.wp-block-post-content>.zk-intro-reference){padding:1.2vmax var(--wp--preset--spacing--zk-edge-mobile)}
.zk-intro-reference>h1{grid-area:8/1/9/9}
.zk-intro-reference>.wp-block-columns{grid-area:9/1/13/9}
}
@media(min-width:768px){
:where(.wp-block-post-content>.zk-intro-reference){padding-bottom:calc(1.2vmax + var(--intro-row) + 12px)}
:where(.zk-intro-reference>h1){margin-top:.06em}
}
.wp-block-post-content>.zk-ex-reference{--ex-row:calc(min(1500px,94vw)*.0215);display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(17,minmax(var(--ex-row),auto));box-sizing:border-box}
:where(.wp-block-post-content>.zk-ex-reference){gap:12px;padding:1.2vmax var(--wp--preset--spacing--zk-edge);margin:0}
.zk-ex-reference>*{max-width:none!important;min-width:0}
:where(.zk-ex-reference>*){margin:0}
.zk-ex-reference .zk-ex-heading{grid-area:2/1/3/8;align-self:start}
:where(.zk-ex-reference .zk-ex-heading){margin-top:.08em}
.zk-ex-image{grid-area:4/1/17/14;position:relative}.zk-ex-image figure{position:absolute;inset:0;width:100%;height:100%}
:where(.zk-ex-image figure){margin:0}.zk-ex-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.zk-ex-copy{grid-area:4/15/9/24;align-self:start}.zk-ex-address{grid-area:14/15/17/25;align-self:end}
:where(.zk-ex-reference p){margin:0}.zk-ex-reference a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){.wp-block-post-content>.zk-ex-reference{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:none}
:where(.wp-block-post-content>.zk-ex-reference){padding:36px var(--wp--preset--spacing--zk-edge-mobile)}.zk-ex-reference .zk-ex-heading,.zk-ex-image,.zk-ex-copy,.zk-ex-address{grid-column:1/-1;grid-row:auto}.zk-ex-reference .zk-ex-heading{order:0}.zk-ex-copy{order:1}.zk-ex-image{order:2;height:492px}
:where(.zk-ex-image){margin-block:24px}.zk-ex-address{order:3}}
.wp-block-post-content>.zk-mi-reference{--mi-row:calc(min(1500px,94vw)*.0215);display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(16,minmax(var(--mi-row),auto));box-sizing:border-box}
:where(.wp-block-post-content>.zk-mi-reference){gap:12px;padding:1.2vmax var(--wp--preset--spacing--zk-edge);margin:0}
.zk-mi-reference>*{max-width:none!important;min-width:0}
:where(.zk-mi-reference>*){margin:0}.zk-mi-reference .zk-mi-heading{grid-area:6/1/7/7;align-self:start;position:relative}
:where(.zk-mi-reference .zk-mi-heading){padding-left:25px;margin-top:.08em}.zk-mi-heading:before{content:"";position:absolute;width:13px;height:13px;left:0;top:calc(.14em + .5px);border-radius:50%;background:currentColor}
.zk-mi-copy{grid-area:7/1/16/10;align-self:start}
:where(.zk-mi-reference p){margin:0 0 16px}
:where(.zk-mi-reference p:last-child){margin-bottom:0}.zk-mi-image{grid-area:2/12/16/25;position:relative}.zk-mi-image figure{position:absolute;inset:0;width:100%;height:100%}
:where(.zk-mi-image figure){margin:0}.zk-mi-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
:where(footer.wp-block-template-part:has(.zk-native-footer)){margin:0}.zk-native-footer{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;box-sizing:border-box}
:where(.zk-native-footer){column-gap:12px;padding:var(--wp--preset--spacing--zk-section) var(--wp--preset--spacing--zk-edge) 32px}
:where(.zk-native-footer>*){margin:0}.zk-native-footer a{text-decoration:none}.zk-native-footer a:hover{text-decoration:underline;text-underline-offset:3px}.zk-footer-links{grid-column:1/7}
:where(.zk-native-footer .wp-block-navigation__container){gap:0 17.92px}.zk-footer-social{grid-column:22/25;text-align:right}
@media(max-width:767px){.wp-block-post-content>.zk-mi-reference{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:none}
:where(.wp-block-post-content>.zk-mi-reference){padding:36px var(--wp--preset--spacing--zk-edge-mobile)}.zk-mi-reference .zk-mi-heading,.zk-mi-copy,.zk-mi-image{grid-column:1/-1;grid-row:auto}.zk-mi-image{height:492px}
:where(.zk-mi-image){margin-top:24px}.zk-native-footer{grid-template-columns:repeat(8,minmax(0,1fr))}
:where(.zk-native-footer){padding:48px var(--wp--preset--spacing--zk-edge-mobile) 24px}.zk-footer-links{grid-column:1/7}.zk-footer-social{grid-column:7/9}}
/* UI reference page shares the header's first grid line. */
.zk-ui-layout{box-sizing:border-box}
:where(/* UI reference page shares the header's first grid line. */
.zk-ui-layout){margin:0;padding:48px var(--wp--preset--spacing--zk-edge) var(--wp--preset--spacing--zk-section)}
.zk-ui-layout>.wp-block-post-title{max-width:none}
:where(.zk-ui-layout>.wp-block-post-title){margin:0 0 32px}
:where(.zk-ui-layout>.wp-block-post-content){margin:0}
.zk-ui-layout>.wp-block-post-content>.wp-block-group{max-width:none!important;width:100%}
:where(.zk-ui-layout>.wp-block-post-content>.wp-block-group){padding:0;margin:0}
.zk-ui-layout>.wp-block-post-content>.wp-block-group>*{max-width:none!important}
:where(.zk-ui-layout>.wp-block-post-content>.wp-block-group>*){margin-left:0;margin-right:0}
.zk-ui-layout p{max-width:760px;overflow-wrap:break-word}
:where(.zk-ui-layout .wp-block-group>.wp-block-heading){margin-top:0}
@media(max-width:767px){
:where(.zk-ui-layout){padding:32px var(--wp--preset--spacing--zk-edge-mobile) 56px}
:where(.zk-ui-layout>.wp-block-post-title){margin-bottom:24px}}
/* Documentation hierarchy only: do not recolor the typography specimens. */
.zk-ui-layout>.wp-block-post-content>.wp-block-group>.wp-block-group>p:not([class]){color:#796b60;max-width:760px}
.zk-ui-layout>.wp-block-post-content>.wp-block-group>.wp-block-group>p:first-child:not([class]){color:#727772}
:where(.zk-ui-layout>.wp-block-post-content>.wp-block-group>.wp-block-group>p:first-child:not([class])){margin-bottom:var(--wp--preset--spacing--zk-gallery)}
.zk-ui-layout>.wp-block-post-content>.wp-block-group>.wp-block-group>p.ui-style-description{color:#796b60}
.zk-ui-layout .ui-style-label{color:#39734b}
.zk-ui-layout .ui-example-label{color:#727772}
:where(.zk-ui-layout .ui-example-label){margin-bottom:var(--wp--preset--spacing--zk-gallery)}
/* Keep desktop navigation on one line; collapse before it meets the logo. */
@media(min-width:768px){
.zk-native-header{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)}
.zk-native-header .wp-block-navigation__container{flex-wrap:nowrap!important}
.zk-native-header .wp-block-navigation-item{white-space:nowrap;flex-shrink:0}
}
/* Give the section heading the available width instead of seven grid columns. */
@media(min-width:768px){.zk-ex-reference .zk-ex-heading{grid-column:1/-1}}
/* Let the intro title use the full available grid width. */
@media(min-width:768px){.zk-intro-reference>h1{grid-column:1/-1}}
/* Shared section edge spacing, independent of text length and line-height. */
:root{--zk-section-space:var(--wp--preset--spacing--zk-section)}
.wp-block-post-content>.zk-intro-reference{grid-template-rows:repeat(10,minmax(var(--intro-row),auto)) auto}
:where(.wp-block-post-content>.zk-intro-reference){padding-bottom:var(--zk-section-space)}
.zk-intro-reference>.wp-block-columns{grid-row:11/12}
.wp-block-post-content>.zk-ex-reference{grid-template-rows:repeat(15,minmax(var(--ex-row),auto))}
:where(.wp-block-post-content>.zk-ex-reference){padding-top:var(--zk-section-space);padding-bottom:var(--zk-section-space)}
.zk-ex-reference .zk-ex-heading{grid-row:1/2}
:where(.zk-ex-reference .zk-ex-heading){margin-top:0}
.zk-ex-image{grid-row:3/16}.zk-ex-copy{grid-row:3/8}.zk-ex-address{grid-row:13/16}
@media(max-width:767px){
.wp-block-post-content>.zk-intro-reference{grid-template-rows:repeat(8,minmax(24px,auto)) auto}
.zk-intro-reference>.wp-block-columns{grid-row:9/10}
.wp-block-post-content>.zk-ex-reference{grid-template-rows:none}
.zk-ex-reference .zk-ex-heading,.zk-ex-image,.zk-ex-copy,.zk-ex-address{grid-row:auto}
}
/* Separate social link on the right, editable as a native paragraph block. */
.zk-native-header>.zk-header-instagram{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
:where(/* Separate social link on the right, editable as a native paragraph block. */
.zk-native-header>.zk-header-instagram){margin:0}
.zk-header-instagram a{text-decoration:none}
.zk-header-instagram a:hover{text-decoration:underline;text-underline-offset:5px}
.zk-header-instagram a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:767px){
.zk-native-header{grid-template-columns:minmax(0,1fr) auto auto}
:where(.zk-native-header){column-gap:var(--wp--preset--spacing--zk-gallery)}
.zk-native-header>.zk-header-instagram{grid-column:2}
.zk-native-header>.wp-block-navigation{grid-column:3;grid-row:1}
}
/* Mission shares the 80px section edges with the exhibition section. */
.wp-block-post-content>.zk-mi-reference{grid-template-rows:repeat(14,minmax(var(--mi-row),auto))}
:where(/* Mission shares the 80px section edges with the exhibition section. */
.wp-block-post-content>.zk-mi-reference){padding-top:var(--zk-section-space);padding-bottom:var(--zk-section-space)}
.zk-mi-reference .zk-mi-heading{grid-row:5/6}
.zk-mi-copy{grid-row:6/15}
.zk-mi-image{grid-row:1/15}
@media(max-width:767px){.wp-block-post-content>.zk-mi-reference{grid-template-rows:none}.zk-mi-reference .zk-mi-heading,.zk-mi-copy,.zk-mi-image{grid-row:auto}}
:where(/* Optical compensation for the final text line in the intro. */
.wp-block-post-content>.zk-intro-reference){padding-bottom:var(--wp--preset--spacing--zk-intro-bottom)}
/* Subpage intro: title starts 240px below the site-title box. Homepage keeps its grid. */
body.page:not(.home) .wp-block-post-content>.zk-intro-reference{--zk-header-below-logo:calc(2.9vw + min(calc(1.6px + .024vw),1.96px));grid-template-rows:repeat(2,minmax(var(--intro-row),auto)) auto}
:where(/* Subpage intro: title starts 240px below the site-title box. Homepage keeps its grid. */
body.page:not(.home) .wp-block-post-content>.zk-intro-reference){padding-top:calc(var(--wp--preset--spacing--zk-intro-top) - var(--zk-header-below-logo))}
body.page:not(.home) .zk-intro-reference>h1{grid-row:1/3}
:where(body.page:not(.home) .zk-intro-reference>h1){margin-top:0}
body.page:not(.home) .zk-intro-reference>.wp-block-columns{grid-row:3/4}
@media(max-width:767px){
 body.page:not(.home) .wp-block-post-content>.zk-intro-reference{--zk-header-below-logo:calc(6vw + (37px - min(calc(28px + .42vw),34.3px))/2);grid-template-rows:auto auto}
 body.page:not(.home) .zk-intro-reference>h1{grid-row:1/2}
 body.page:not(.home) .zk-intro-reference>.wp-block-columns{grid-row:2/3}
}

/* Header follows the native style of the first content section. */
header.wp-block-template-part:has(.zk-native-header),.zk-native-header{background:var(--zk-header-background,var(--wp--preset--color--zk-white));color:var(--zk-header-text,var(--wp--preset--color--zk-ink))}
.zk-native-header a{color:inherit}
:where(.zk-native-header .wp-block-site-title,.zk-native-header .wp-block-navigation,.zk-header-instagram){font-size:var(--wp--preset--font-size--zk-section);font-weight:700;line-height:1.75}
:where(.zk-native-footer){font-size:var(--wp--preset--font-size--zk-body);line-height:1.75}
/* Footer links need their intrinsic width across desktop breakpoints. */
@media(min-width:768px){.zk-native-footer>.zk-footer-links{grid-column:1/21}.zk-native-footer .wp-block-navigation__container{flex-wrap:nowrap}}
.zk-native-footer .wp-block-navigation__container{row-gap:0}
/* Navigation focus is visible for keyboard use, not ordinary pointer clicks. */
:is(.zk-native-header,.zk-native-footer) :is(a,button):focus:not(:focus-visible){outline:none}
:is(.zk-native-header,.zk-native-footer) :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}

.zk-native-header .wp-block-site-title{font-family:var(--wp--preset--font-family--google-sans);font-weight:700;text-transform:none;font-size:18px;letter-spacing:0}

.zk-native-header .wp-block-navigation{font-size:18px;font-family:var(--wp--preset--font-family--google-sans);letter-spacing:0px;font-weight:600}

.zk-native-header .wp-block-navigation-item__content:hover{color:#666666}

.zk-native-footer.is-style-zk-grey .wp-block-navigation-item__content:hover{color:#000000}
.zk-native-footer.zk-footer-dark{background:var(--zk-footer-background);color:var(--wp--preset--color--zk-on-dark)}
.zk-native-footer.zk-footer-dark a{color:var(--wp--preset--color--zk-on-dark)}
.zk-native-footer.zk-footer-dark .wp-block-navigation-item__content:hover{color:#fff}
.zk-native-footer.zk-footer-dark select option{background:#0f0f0f;color:#ccc}

/* Copyright left, navigation and language control right. */
.zk-native-footer:has(>.zk-footer-copyright){grid-template-columns:minmax(0,1fr) auto auto;column-gap:32px;row-gap:24px}
.zk-native-footer>.zk-footer-copyright{grid-column:1;grid-row:1;margin:0}
.zk-native-footer:has(>.zk-footer-copyright)>.zk-footer-links{grid-column:2;grid-row:1;justify-self:end}
.zk-native-footer:has(>.zk-footer-copyright)>.zk-language-switcher{grid-column:3;grid-row:1}
@media(max-width:767px){
 .zk-native-footer:has(>.zk-footer-copyright){grid-template-columns:minmax(0,1fr) auto;column-gap:20px}
 .zk-native-footer:has(>.zk-footer-copyright)>.zk-footer-links{grid-column:1/-1;grid-row:1}
 .zk-native-footer:has(>.zk-footer-copyright) .wp-block-navigation__container{justify-content:flex-end;flex-wrap:wrap}
 .zk-native-footer>.zk-footer-copyright{grid-column:1;grid-row:2}
 .zk-native-footer:has(>.zk-footer-copyright)>.zk-language-switcher{grid-column:2;grid-row:2}
}

.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark),.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) a{color:#383838}
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .wp-block-navigation-item__content:hover{color:#000}

/* Homepage exhibition: 60px between heading/photo and photo/copy. */
@media(min-width:768px){
 .wp-block-post-content>.zk-ex-reference{grid-template-rows:auto 36px repeat(13,minmax(var(--ex-row),auto))}
 .zk-ex-reference .zk-ex-heading{margin:0}
 .zk-ex-reference>.zk-ex-copy,.zk-ex-reference>.zk-ex-address{grid-column-start:14;margin-left:48px}
}

/* Introductory body copy, shared by all page introductions. */
.zk-intro-reference p{font-size:17px;line-height:1.4}


/* Inset exhibition copy from the top and bottom photograph edges. */
@media(min-width:768px){
 .zk-ex-reference>.zk-ex-copy{padding-top:60px}
 .zk-ex-reference>.zk-ex-address{padding-bottom:60px}
}

/* All site links share the selected taupe, including navigation and hover. */
body a:not(#link-colors a):not(:where(.zk-native-header a)):not(:where(.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) :is(.wp-block-navigation,.zk-footer-copyright) a)){color:#796B6B!important}

header:not(.zk-header-dark) .zk-native-header .wp-block-site-title a,header:not(.zk-header-dark) .zk-native-header .wp-block-navigation a{color:#000}
.zk-native-header .wp-block-site-title a,.zk-native-header .wp-block-navigation a{color:inherit}

header .zk-native-header .wp-block-navigation a:hover{color:#666}

/* Bio footer continues the white final section. */

/* Mission copy ends 60px before the photograph. */
@media(min-width:768px){.zk-mi-reference>.zk-mi-copy{grid-column:1/12;margin-right:48px}}

/* Mission heading starts 60px below the photograph's top edge. */
@media(min-width:768px){
 .wp-block-post-content>.zk-mi-reference{grid-template-rows:48px auto auto 1fr}
 .zk-mi-reference .zk-mi-heading{grid-row:2;margin-top:0;margin-bottom:0}
 .zk-mi-reference>.zk-mi-copy{grid-row:3}
 .zk-mi-reference>.zk-mi-image{grid-row:1/5;min-height:calc(14 * var(--mi-row) + 156px)}
}

/* Shared section edges: 60px, retaining the logo-to-title intro offset. */
.wp-block-post-content>:is(.zk-content-grid,.zk-paintings-posts,.zk-ex-reference,.zk-mi-reference){padding-top:var(--wp--preset--spacing--zk-section);padding-bottom:var(--wp--preset--spacing--zk-section)}
.wp-block-post-content>.zk-intro-reference{padding-bottom:var(--wp--preset--spacing--zk-intro-bottom)}
.zk-content-grid>.wp-block-group>p:last-child{margin-bottom:0}
@media(min-width:768px){
 .wp-block-post-content>.zk-ex-reference{grid-template-rows:auto 16px repeat(13,minmax(var(--ex-row),auto))}
 .zk-ex-reference .zk-ex-heading{grid-row:1}
 .zk-ex-reference>.zk-ex-image{grid-row:3/16}
 .zk-ex-reference>.zk-ex-copy{grid-row:3/8}
 .zk-ex-reference>.zk-ex-address{grid-row:13/16}
}

/* Homepage photographs use a consistent portrait crop. */
.zk-ex-reference>.zk-ex-image,.zk-mi-reference>.zk-mi-image{aspect-ratio:3/4;height:auto;min-height:0;align-self:start}
@media(min-width:768px){
 .wp-block-post-content>.zk-ex-reference{grid-template-rows:auto 16px auto 1fr auto}
 .zk-ex-reference>.zk-ex-image{grid-row:3/6}
 .zk-ex-reference>.zk-ex-copy{grid-row:3}
 .zk-ex-reference>.zk-ex-address{grid-row:5}
}

/* Site-wide focus modality: pointer clicks never leave a focus rectangle. */
html:not(.zk-keyboard-input) :is(a,button,summary,input,select,textarea,[tabindex]):focus{outline:none!important;box-shadow:none!important}
html.zk-keyboard-input :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid currentColor!important;outline-offset:5px}

/* Mission heading and copy sit 60px above the portrait bottom. */
@media(min-width:768px){
 .wp-block-post-content>.zk-mi-reference{grid-template-rows:minmax(0,1fr) auto auto 48px}
 .zk-mi-reference>.zk-mi-image{align-self:end}
}

/* Header menu: the page you are on (and Artworks on a painting's detail) is grey. */
header:not(.zk-header-dark) .zk-native-header .wp-block-navigation :is(.current-menu-item,.current-menu-ancestor)>a{color:#777777}
header.zk-header-dark .zk-native-header .wp-block-navigation :is(.current-menu-item,.current-menu-ancestor)>a{color:#777777}

/* Section heights can end on a fraction of a pixel; the footer overlaps by 1px so no page-background hairline shows. */
footer.wp-block-template-part:has(.zk-native-footer){margin-top:-1px;position:relative}
.zk-native-footer{border-top:1px solid transparent;background-clip:border-box}

/* Intro text of the first section is as wide as a Bio timeline column: half the grid minus 30px (desktop). */
@media(min-width:768px){.zk-intro-reference>.wp-block-columns{grid-column:1/13;justify-self:start;width:calc(100% - 24px);max-width:none!important}}

/* Palette trial: amber links on mid grey, graphite links on light grey. */
body main .is-style-zk-mid a:not(#link-colors a):not(#zk-x){color:#FFBE55!important}
body main .is-style-zk-grey a:not(#link-colors a):not(#zk-x){color:#444444!important}

/* Main heading to intro text: 20px on desktop (8px margin + 12px grid gap). */
@media(min-width:768px){.zk-intro-reference>h1{margin-bottom:calc(20px - var(--wp--preset--spacing--zk-gutter))}}

/* Logo dots: optical centre on the cap height of the 18px logo. */
.zk-native-header .wp-block-site-title a:before{position:relative;top:-1.5px}

/* Footer copyright link matches the footer menu, including hover. */
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .zk-footer-copyright a:hover{color:#000}

/* Dark footer: menu and copyright in the on-dark text colour, white on hover. */
body .zk-native-footer.zk-footer-dark :is(.wp-block-navigation,.zk-footer-copyright) a:not(#zk-x){color:var(--wp--preset--color--zk-on-dark)!important}
body .zk-native-footer.zk-footer-dark :is(.wp-block-navigation,.zk-footer-copyright) a:not(#zk-x):hover{color:#fff!important}

/* Optical correction: the intro heading and text sit 5px lower (text ends 75px above the section edge). */
.zk-intro-reference>h1,.zk-intro-reference>.wp-block-columns{position:relative;top:5px}

/* Phones: section edges are half the desktop value (40px instead of 80px). */
@media(max-width:767px){body{--wp--preset--spacing--zk-section:40px;--wp--preset--spacing--zk-intro-bottom:40px;--zk-section-space:40px}}
/* Phones: subpage and detail headings start 100px higher (140px below the logo instead of 240px). */
@media(max-width:767px){body{--wp--preset--spacing--zk-intro-top:140px}}

/* Phones, homepage photo sections: 40px above and below the image, like the section edges. */
@media(max-width:767px){
 /* Out of Orbits (three or more paragraphs): two paragraphs, the image, then the rest. */
 .zk-ex-reference:has(.zk-ex-copy>p:nth-child(3))>.zk-ex-copy{display:contents}
 .zk-ex-reference:has(.zk-ex-copy>p:nth-child(3))>.zk-ex-heading{order:1}
 .zk-ex-reference:has(.zk-ex-copy>p:nth-child(3))>.zk-ex-copy>p{grid-column:1/-1;order:4;margin:calc(19.2px - var(--wp--preset--spacing--zk-gutter)) 0 0}
 .zk-ex-reference:has(.zk-ex-copy>p:nth-child(3))>.zk-ex-copy>p:nth-child(-n+2){order:2}
 .zk-ex-reference:has(.zk-ex-copy>p:nth-child(3))>.zk-ex-copy>p:is(:first-child,:nth-child(3)){margin-top:0}
 .zk-ex-reference:has(.zk-ex-copy>p:nth-child(3))>.zk-ex-image{order:3}
 .zk-ex-reference>.zk-ex-image,.zk-mi-reference>.zk-mi-image{margin:calc(var(--wp--preset--spacing--zk-section) - var(--wp--preset--spacing--zk-gutter)) 0}
 /* Mission: two paragraphs, the image, the third paragraph. */
 .zk-mi-reference>.zk-mi-copy{display:contents}
 .zk-mi-reference>.zk-mi-heading{order:1}
 .zk-mi-reference>.zk-mi-copy>p{grid-column:1/-1;order:4;margin:calc(19.2px - var(--wp--preset--spacing--zk-gutter)) 0 0}
 .zk-mi-reference>.zk-mi-copy>p:nth-child(-n+2){order:2}
 .zk-mi-reference>.zk-mi-copy>p:is(:first-child,:nth-child(3)){margin-top:0}
 .zk-mi-reference>.zk-mi-image{order:3}
}

/* Phones: the homepage intro starts 50px higher (seven empty rows shortened from 168px to 118px). */
@media(max-width:767px){body.home .wp-block-post-content>.zk-intro-reference{grid-template-rows:repeat(7,calc(118px / 7)) auto auto}}

/* Phones: text runs to the full width of the screen (no balanced line breaks, no narrower card copy). */
@media(max-width:767px){body p,body li{text-wrap:wrap}.zk-paintings-posts .wp-block-post>*{max-width:100%!important}}