/* Owner-supplied calligraphy marks retain their original raster files. */
.site-header{height:166px}.brand{width:148px;flex-basis:148px}.brand img{width:148px;height:148px;object-fit:contain}.footer-brand img{width:160px;height:160px;object-fit:contain}.site-nav{align-items:center}.hero{height:min(730px,calc(100svh - 166px))}
/* Adapt only this opaque original to the dark footer; later backend uploads retain their own colors. */
.footer-brand img[src*="logo-user-20261102.jpg"]{filter:invert(1) hue-rotate(180deg) saturate(4);mix-blend-mode:screen}
@media(max-width:1020px){.site-header{height:140px}.brand{width:124px;flex-basis:124px}.brand img{height:124px;width:124px}.site-nav{top:140px}.hero{height:650px}}
@media(max-width:760px){.site-header{height:126px}.brand{width:108px;flex-basis:108px}.brand img{height:108px;width:108px}.site-nav{top:126px}.hero{max-height:calc(100svh - 126px)}.footer-brand img{height:140px;width:140px}}

/* Keep all eleven navigation entries clear of the centered logo. */
@media(min-width:1021px) and (max-width:1250px){.header-inner{gap:18px}.nav-part{gap:12px}.nav-part a{font-size:12px;letter-spacing:0}}
@media(max-width:1020px){.site-nav{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:760px){.site-nav{max-height:calc(100dvh - 126px)}}

/* Keep the transparent black calligraphy visible against the dark footer. */
.footer-brand img[src*="logo-user-20261103.png"]{filter:invert(1) hue-rotate(180deg) saturate(4)}