/* The original brand stays sharp inside a responsive glass plaque. */
.header > .brand.brand-glass {
  position:relative; isolation:isolate; display:grid; place-items:center;
  width:192px; min-width:0; height:58px; padding:11px 13px; flex-shrink:0;
  border:1px solid #fff; border-radius:17px; overflow:hidden;
  background:linear-gradient(135deg,#fff 30%,#f4faff 66%,#f2eeff);
  box-shadow:0 5px 16px #40638e14,inset 0 0 0 1px #daeafa80;
  transform:perspective(650px) translateY(0) rotateX(0) rotateY(0);
  transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,border-color .35s;
}
.header > .brand.brand-glass img {display:block;width:100%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 2px 1px #7399bb12);}
.header > .brand.brand-glass::before {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at var(--brand-x,30%) var(--brand-y,20%),#82e2f42b,transparent 70%);opacity:0;transition:opacity .3s;}
.header > .brand.brand-glass::after {content:"";position:absolute;inset:-80% -50%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 43%,#ffffffb3 49%,#ffffffed 51%,transparent 57%);transform:translateX(-85%);}
.header > .brand.brand-glass:focus-visible {outline:2px solid #376bce;outline-offset:4px;border-color:#85b3f7;box-shadow:0 8px 25px #5385c733,0 0 17px #aa92f333;}
@media (hover:hover) and (pointer:fine) {
 .header > .brand.brand-glass:hover {transform:perspective(650px) translateY(-4px) rotateX(var(--brand-rx,0deg)) rotateY(var(--brand-ry,0deg)) scale(1.035);border-color:#b4d7ff;box-shadow:0 13px 23px #477dc22b,-5px 0 20px #73ddeb26,5px 0 20px #ad96ee24;}
 .header > .brand.brand-glass:hover::before {opacity:1;}
 .header > .brand.brand-glass:hover::after {animation:brand-sheen .85s ease-out both;}
}
.header > .brand.brand-glass.brand-arrive::after {animation:brand-sheen 1.2s .15s ease-out both;}
.brand-ripple {position:absolute;z-index:4;pointer-events:none;width:32px;height:32px;border:1px solid #7dc7ec;border-radius:50%;background:#c4eaff33;transform:translate(-50%,-50%) scale(0);animation:brand-ripple .65s ease-out forwards;}
@keyframes brand-sheen {from{transform:translateX(-85%)}to{transform:translateX(85%)}}
@keyframes brand-ripple {to{transform:translate(-50%,-50%) scale(10);opacity:0}}
@media (min-width:1101px) and (max-width:1250px) {.header > .brand.brand-glass {width:166px;padding:10px;height:54px;}}
@media (max-width:1100px) {.header > .brand.brand-glass {width:185px;height:54px;}}
@media (max-width:640px) {.header > .brand.brand-glass {width:158px;height:48px;padding:10px;border-radius:13px;}}
@media (max-width:370px) {.header > .brand.brand-glass {width:145px;}}
.motion-off .header > .brand.brand-glass {transform:none!important;transition:none!important;}
.motion-off .header > .brand.brand-glass::after,.motion-off .brand-ripple {animation:none!important;display:none;}
@media (prefers-reduced-motion:reduce) {.header > .brand.brand-glass {transform:none!important;transition:none!important;}.header > .brand.brand-glass::after,.brand-ripple {animation:none!important;display:none;}}