/* Crop only the original white margins, preserving official logo proportions. */
.brand{gap:15px}
.brand>.brand-mark{display:block;position:relative;overflow:hidden;width:42px;height:58px;flex:none;margin:0}
.brand .brand-mark img{position:absolute;width:87px;height:auto;max-width:none;left:-23px;top:-15px;object-fit:contain}
.brand>.brand-wordmark{display:flex;flex-direction:column;justify-content:center;gap:2px;height:auto;padding:0;font-size:16px;line-height:25px;letter-spacing:.5px;font-weight:500}
.brand .brand-wordmark small,html[lang=el] .brand .brand-wordmark small{font-family:inherit;font-size:16px;font-weight:500;line-height:25px;letter-spacing:.5px;margin:0;white-space:nowrap}
/* Equal display areas; source-specific sizes compensate for original white margins. */
.company-logo{position:relative;overflow:hidden;width:100px;height:90px}
.company-logo img{position:absolute;left:50%;top:50%;height:auto;max-width:none;max-height:none;transform:translate(-50%,-50%)}
#dmcs .company-logo img{width:123px;transform:translate(-50%,calc(-50% + 4px))}
#gc .company-logo img{width:260px;transform:translate(-50%,calc(-50% + 6px))}
#gtrip .company-logo img{width:79px;transform:translate(-50%,calc(-50% - 1px))}
@media(max-width:760px){
  .brand{gap:10px}
  .brand>.brand-mark{width:32px;height:46px}
  .brand .brand-mark img{width:67px;left:-18px;top:-11px}
  .brand>.brand-wordmark{height:auto;font-size:12px;line-height:20px;letter-spacing:0;gap:1px}
  .brand .brand-wordmark small,html[lang=el] .brand .brand-wordmark small{font-size:12px;line-height:20px;letter-spacing:0;max-width:none;white-space:nowrap}
  .company-logo{width:72px;height:70px}
  #dmcs .company-logo img{width:96px}
  #gc .company-logo img{width:206px;transform:translate(-50%,calc(-50% + 5px))}
  #gtrip .company-logo img{width:63px}
}