/* =========================================================
   AMOTRA GUYANE — Logo (vitrine + portail)
   ========================================================= */
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand .lg { flex: none; display: block; }
.brand-word {
  font-family: var(--font-display); font-weight: 600; font-size: 1.12rem;
  letter-spacing: .13em; color: var(--anthracite-deep); line-height: 1.1;
}
.brand-line { display: block; width: 100%; height: 2px; background: var(--copper); margin-top: 5px; }
.brand-dark .brand-word { color: #fff; }

.lg rect { transform-box: fill-box; }
.lg-anim .a-mast  { transform-origin: 50% 100%; animation: gy .6s ease-out both; }
.lg-anim .a-jib   { transform-origin: 100% 50%; animation: gx .6s .45s ease-out both; }
.lg-anim .a-cw    { animation: fd .3s .95s both; }
.lg-anim .a-b1    { transform-origin: 50% 100%; animation: gy .5s 1.1s cubic-bezier(.2,.8,.2,1) both; }
.lg-anim .a-b2    { transform-origin: 50% 100%; animation: gy .5s 1.3s cubic-bezier(.2,.8,.2,1) both; }
.lg-anim .a-b3    { transform-origin: 50% 100%; animation: gy .5s 1.5s cubic-bezier(.2,.8,.2,1) both; }
.lg-anim .a-cable { transform-origin: 50% 0; animation: gy .4s 1.9s both; }
.lg-anim .a-hook  { animation: dr .35s 2.2s both; }
.lg-anim .a-win   { animation: fd .4s 2.5s both; }
.lg-anim ~ .brand-text .a-word { animation: fd .6s 2.3s both; }
.lg-anim ~ .brand-text .a-line { transform-origin: 50% 50%; animation: gx .5s 2.6s both; }
@keyframes gy { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes gx { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes fd { from { opacity: 0; } to { opacity: 1; } }
@keyframes dr { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: none; } }

@media (max-width: 860px) {
  .brand .lg { width: 38px; height: 39px; }
  .brand-word { font-size: 1rem; }
}