.trs-footer {
background: var(--trs-black);
padding: var(--trs-spacing-h);
}
.trs-footer__inner {
display: flex;
flex-direction: column;
gap: var(--trs-space-lg);
} .trs-footer__logo-col {
display: flex;
align-items: flex-start;
}
.trs-footer__logo {
display: block;
text-decoration: none;
width: clamp(140px, 20vw, 270px);
flex-shrink: 0;
}
.trs-footer__logo svg,
.trs-footer__logo img {
width: 100%;
height: auto;
display: block;
}
.trs-footer__logo-text {
font-family: var(--trs-font-display);
font-size: clamp(24px, 4vw, 48px);
font-weight: 500;
color: var(--trs-offwhite);
text-transform: uppercase;
letter-spacing: .04em;
line-height: 1.05;
} .trs-footer__sep {
display: none;
width: 3px;
background: var(--trs-offwhite);
align-self: stretch;
flex-shrink: 0;
} .trs-footer__col {
display: flex;
flex-direction: column;
gap: var(--trs-space-xs);
}
.trs-footer__col-title {
font-size: var(--trs-fs-label);
color: var(--trs-offwhite);
} .trs-footer__menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--trs-space-xs);
}
.trs-footer__menu a {
font-family: var(--trs-font-body);
font-size: var(--trs-fs-p-xs);
font-weight: 400;
color: var(--trs-offwhite);
text-decoration: none;
display: flex;
align-items: center;
gap: 6px;
line-height: 1.4;
transition: color var(--trs-dur-fast) ease;
}
.trs-footer__menu a::before {
content: '→';
font-size: .85em;
flex-shrink: 0;
}
.trs-footer__menu a:hover {
color: var(--trs-offwhite);
} .trs-footer__contact {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--trs-space-xs);
}
.trs-footer__contact-link {
font-family: var(--trs-font-body);
font-size: var(--trs-fs-p-xs);
font-weight: 400;
color: var(--trs-offwhite);
text-decoration: none;
line-height: 1.4;
transition: color var(--trs-dur-fast) ease;
}
.trs-footer__contact-link:hover {
color: var(--trs-offwhite);
} .trs-footer__col--lang {
gap: var(--trs-space-sm);
}
.trs-footer__lang-link,
.trs-footer__col--lang a { font-family: var(--trs-font-nav);
font-size: var(--trs-fs-label);
font-weight: 500;
color: rgba(245, 242, 235, 0.45);
text-decoration: none;
text-transform: uppercase;
letter-spacing: var(--trs-ls-wider);
line-height: 1;
display: block;
transition: color var(--trs-dur-fast) ease;
}
.trs-footer__lang-link.is-active,
.trs-footer__col--lang a.current-lang,
.trs-footer__col--lang a[aria-current="true"] {
color: var(--trs-offwhite);
}
.trs-footer__lang-link:hover,
.trs-footer__col--lang a:hover {
color: var(--trs-offwhite);
}  @media (min-width: 768px) {
.trs-footer__inner {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
gap: var(--trs-space-lg);
}
.trs-footer__logo-col {
flex: 0 0 100%;
}
} @media (min-width: 1024px) {
.trs-footer__inner {
flex-wrap: nowrap;
align-items: flex-start;
gap: 15px;
} .trs-footer__logo-col {
flex: 0 0 auto;
width: clamp(160px, 18vw, 270px);
padding-right: var(--trs-space-lg);
align-self: stretch;
display: flex;
align-items: center;
} .trs-footer__sep {
display: block;
margin: 0 var(--trs-space-md);
} .trs-footer__col {
flex: 1;
}
.trs-footer__col:first-of-type {
padding-left: 0;
} .trs-footer__col--lang {
flex: 0 0 auto;
padding-right: 0;
}
}