/* Content-only revision, 0927v1. */
.logo-grid .logo-cell:has(>img[src$="official-64e99dce88.png"]),
.brand-cloud-item:has(>img[src$="official-64e99dce88.png"]){background:#fff}
.logo-grid .logo-cell>img[src$="official-64e99dce88.png"]{background:#000;height:auto;padding:clamp(3px,.4vw,6px)}
/* The profile's shared image reset uses !important; this white mark needs its black backing. */
.studio-sheet .brand-cloud-item.brand-dark>img{background:#000!important;height:auto;padding:.3cqw .45cqw}
/* The wide COSMO wordmark needs its own inset, with the same artwork on both pages. */
.logo-grid .logo-cell:has(>img[src$="official-64e99dce88.png"]){padding-inline:12px}
.logo-grid .logo-cell>img[src$="official-64e99dce88.png"]{max-width:180px;aspect-ratio:826/108;object-fit:contain;box-sizing:content-box;padding:3px 4px}
.studio-sheet .brand-cloud-item.brand-dark{background:transparent;padding:0}
.trophies.trophies-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,5vw,80px);max-width:1040px;margin-inline:auto}
.trophies-three figure{min-width:0;text-align:center}
.trophies-three img{height:clamp(160px,22vw,320px);width:100%;object-fit:contain}
.trophies-three figcaption{font-size:clamp(13px,1.4vw,19px);margin-top:22px;line-height:1.6}
.award-works{font-size:14px;line-height:1.8;color:var(--muted);text-align:center}
.proof-awards .award-miniatures.awards-three{display:flex;justify-content:center;align-items:start;gap:4cqw;height:auto;bottom:auto}
.awards-three figure{margin:0;text-align:center;flex:0 0 8cqw}
.awards-three img{width:100%;height:8cqw;object-fit:contain}
.awards-three figcaption{font-size:.7cqw;line-height:1.4;margin-top:.4cqw}
@media(max-width:600px){.trophies.trophies-three{gap:12px}.trophies-three img{height:145px}.trophies-three figcaption{font-size:12px;margin-top:14px}}

.proof-awards .award-miniatures.awards-three img{max-width:none;max-height:none;width:100%;height:8cqw}

.training-collage.training-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.training-collage.training-three img{height:auto;aspect-ratio:3/2;object-fit:contain}
.vivo-three-pictures{position:absolute;inset:30% 4.4% 12%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;align-items:center}
.studio-sheet .vivo-three-pictures img{width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.training-collage.training-three{grid-template-columns:1fr}}

/* Let image letterboxing inherit the page; dedicated player surfaces keep their own background. */
.media{background:transparent}
/* Keep brand artwork at its native ratio; a viewport height cap exposes side gutters. */
.bleed .media img:is([src$="/cover-03.svg"],[src$="/ending-01.svg"]){max-height:none}

/* Small attribution stays with mentor artwork, away from the play control. */
.work-card .media,.work-grid .thumb{position:relative}
.work-credit{position:absolute;right:9px;bottom:7px;z-index:4;margin:0!important;font:400 10px/1.4 Arial,sans-serif!important;letter-spacing:0;color:#ffffffbd;text-shadow:0 1px 3px #000,0 0 5px #000;pointer-events:none}
.mentor-case .film-hit{transform:translateY(-16px)}
.mentor-case:has(.film-player)>.work-credit{bottom:49px}
.case-source{position:absolute;right:12px;bottom:27px;z-index:3;padding:8px 12px;border:1px solid #ffffff60;border-radius:50px;background:#10120fc9;color:#fff;font:500 12px/1.4 Arial,sans-serif;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.case-source:focus-visible{outline:2px solid #fff;outline-offset:3px}
.trophies-restored{padding-top:45px;border-top:1px solid var(--line)}
@media(max-width:900px){.trophies-restored{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.work-credit{font-size:9px!important;right:6px;bottom:5px}.trophies-restored{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.trophies-restored img{height:150px}.case-source{right:8px;bottom:23px;font-size:11px}}

/* Approved vector logo; theme ink is inherited without raster scaling. */
.site-header .home-link{display:flex;align-items:center;min-height:44px}
.site-header .home-link>.header-logo{display:block;flex:none;width:85px;height:auto;aspect-ratio:1212/680;margin:0;background:currentColor;-webkit-mask:url("media/assets/0927v4/header-logo.svg?v=0928v7") center/contain no-repeat;mask:url("media/assets/0927v4/header-logo.svg?v=0928v7") center/contain no-repeat}

/* Equal visual height and a single shared grid for all eight trophies. */
.trophy-intro{max-width:1120px;margin:0 auto 54px;font-size:clamp(22px,2.2vw,34px);font-weight:400;line-height:1.45;letter-spacing:-.02em}
.trophies.trophies-unified{grid-template-columns:repeat(4,minmax(0,1fr));gap:70px clamp(28px,5vw,76px);max-width:1120px;margin:15px auto 35px}
.trophies-unified figure{display:flex;align-items:end;justify-content:center;min-width:0;margin:0}
.trophies-unified img{display:block;width:100%;height:210px;object-fit:contain;object-position:center bottom}
@media(max-width:900px){.trophies.trophies-unified{gap:48px 28px}.trophies-unified img{height:170px}}
@media(max-width:600px){.trophy-intro{max-width:370px;margin-bottom:36px}.trophies.trophies-unified{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;max-width:370px}.trophies-unified img{height:150px}}