@font-face {
  font-family: 'Britannic';
  src: url('https://trinitypoint.com/fonts/BritannicBold.eot');
  src: url('https://trinitypoint.com/fonts/BritannicBold.eot?#iefix') format('embedded-opentype'),
      url('https://trinitypoint.com/fonts/BritannicBold.woff2') format('woff2'),
      url('https://trinitypoint.com/fonts/BritannicBold.woff') format('woff'),
      url('https://trinitypoint.com/fonts/BritannicBold.ttf') format('truetype'),
      url('https://trinitypoint.com/fonts/BritannicBold.svg#BritannicBold') format('svg');
  font-weight: bold;            
  font-style: normal;
  font-display: swap;
}

.ff-britannic, .br-header-text {
  font-family: 'Britannic';
}

.br-red, .br-red-1, .br-orange, .br-orange-1, .br-blue, .br-blue-1, .br-blue-2{
  transition: opacity .3s;
}

/* Set opacity to 0 for other elements when specific part is hovered */
/* Set opacity to 1 when it's hovered */
body:has(:is([data-part="Floor 3-20"]):hover) :is(.br-orange:not(circle,rect), .br-orange-1:not(circle,rect), .br-blue:not(circle,rect), .br-blue-1:not(circle,rect), .br-blue-2:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="Floor 3-20"]):hover) .br-red-1:not(circle,rect){
  opacity: 0.5;
}

body:has(:is([data-part="Indoor Amenity"]):hover) :is(.br-red-1:not(circle,rect), .br-orange-1:not(circle,rect), .br-blue:not(circle,rect), .br-blue-1:not(circle,rect), .br-blue-2:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="Indoor Amenity"]):hover) .br-orange:not(circle,rect){
  opacity: 0.85;
}

body:has(:is([data-part="Outdoor Amenity"]):hover) :is(.br-red-1:not(circle,rect), .br-orange:not(circle,rect), .br-blue:not(circle,rect), .br-blue-1:not(circle,rect), .br-blue-2:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="Outdoor Amenity"]):hover) .br-orange-1:not(circle,rect){
  opacity: 0.5;
}

body:has(:is([data-part="4 Residential Units"]):hover) :is(.br-red-1:not(circle,rect), .br-orange-1:not(circle,rect), .br-blue:not(circle,rect), .br-blue-1:not(circle,rect), .br-blue-2:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="4 Residential Units"]):hover) .br-orange:not(circle,rect){
  opacity: 0.85;
}

body:has(:is([data-part="Lobby"]):hover) :is(.br-red-1:not(circle,rect), .br-orange-1:not(circle,rect), .br-blue:not(circle,rect), .br-orange:not(circle,rect), .br-blue-2:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="Lobby"]):hover) .br-blue-1:not(circle,rect){
  opacity: 1;
}

body:has(:is([data-part="Retail Space"]):hover) :is(.br-red-1:not(circle,rect), .br-orange-1:not(circle,rect), .br-orange:not(circle,rect), .br-blue-1:not(circle,rect), .br-blue-2:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="Retail Space"]):hover) .br-blue:not(circle,rect){
  opacity: 0.75;
}

body:has(:is([data-part="Active Public Realm"]):hover) :is(.br-red-1:not(circle,rect), .br-orange-1:not(circle,rect), .br-orange:not(circle,rect), .br-blue:not(circle,rect), .br-blue-1:not(circle,rect)) {
  opacity: 0.2;
}
body:has(:is([data-part="Active Public Realm"]):hover) .br-blue-2:not(circle,rect){
  opacity: 0.4;
}