/* Mōno v4: content/compatibility fixes only. Original theme, grids and animation libraries are retained. */
/* The original logos are inverted. The replacement SVGs are white source artwork, so they now render black. */
.partner-grid .front-logo,.partner-grid .back-logo{color:inherit;text-decoration:none}
.partner-grid a:focus-visible{outline:2px solid #111;outline-offset:5px}
.partner-logo{max-width:86%}
/* Identity media was magnified to 220% by the original looping-video logo treatment. */
.video-logo .logo-bg.q-identity-media{width:100%;height:100%;position:relative;inset:auto;flex:none}
.q-identity-media>.q-video-poster{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transform:none}
.logo-first .top-text.logo{white-space:nowrap;flex-shrink:0}
.logo-first.bottom-menu{min-width:110px;gap:5px}
.photo-circle img.photo-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}
.author-circle{background-position:50% 50%}
/* Remove only the decorative mini-face overlapping the Chinese section title. Other identity photos stay. */
.video-logo.for-sct{display:none}
img.q-decorative-mark{display:none}
.q-empty-video{display:none!important}
.q-video-poster{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}
.q-collage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
img.q-screen{object-fit:contain!important;object-position:50% 50%!important;background:#f2f2f2}
.image-wrap>img.q-screen{height:100%;top:0;bottom:auto}
.image-work-wrapper>img.q-screen{object-fit:contain!important}
.q-screen[data-media-status="fallback"]{background:#efefef}
.q-hero-capture{position:relative;overflow:hidden;background:#f0f0f0!important}
.q-detail-hero{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.q-capture-caption{position:absolute;left:20px;bottom:20px;z-index:3;padding:11px 18px;border-radius:28px;background:#fff;color:#111;font-size:14px;text-decoration:none;box-shadow:0 4px 18px #0000000d}
.q-proof-note{padding:16px 2%;font-size:12px;line-height:1.6;color:#777;background:#f7f7f7}
.q-project-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 4px 20px;font-size:13px;line-height:1.5;color:#707070;position:relative;z-index:4}
.q-project-actions a{flex:none;color:#111;text-decoration:none;border-bottom:1px solid #bbb;padding:3px 0;font-weight:500;transition:border-color .2s}
.q-project-actions a:hover{border-color:#111}
.q-project-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.social-wrapper .q-product-short{position:relative;z-index:2;font-size:11px;font-weight:600;color:#fff;letter-spacing:-.3px;white-space:nowrap}
.q-life-photo{object-fit:cover;filter:none}
.q-media-dialog .q-source-link{color:#fff;text-underline-offset:4px;white-space:nowrap}
.q-media-status{color:#c0c0c0;font-size:12px;line-height:1.6}
.q-media-dialog{overscroll-behavior:contain}
.q-media-dialog[open]{z-index:2147483000}
.q-media-dialog img{object-fit:contain;object-position:center}
.q-media-dialog .q-media-caption{white-space:normal}
@media(max-width:767px){
 .q-project-actions{font-size:12px;gap:12px;padding-bottom:18px}
 .q-capture-caption{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:12px;padding:9px 12px}
 .q-proof-note{font-size:11px;padding:12px 5%}
 .logo-first.bottom-menu{min-width:86px;gap:3px}
 .social-wrapper .q-product-short{font-size:10px}
}
