.tm-trust-links,
.tm-trust-links * {
box-sizing: border-box;
}
.tm-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.tm-trust-links {
--tm-ink: #0b0a08;
--tm-navy: #0d1b2a;
--tm-gold: #c9a96e;
--tm-line: rgba(13, 27, 42, 0.12);
--tm-muted: rgba(13, 27, 42, 0.66);
--tm-paper: #faf8f3;
--tm-white: #ffffff;
width: min(100%, 1120px);
margin: 0 auto;
padding: clamp(34px, 5vw, 68px) clamp(18px, 4vw, 48px);
color: var(--tm-ink);
font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.tm-trust-links a {
color: inherit;
text-decoration: none;
}
.tm-trust-shell {
position: relative;
overflow: hidden;
border: 1px solid var(--tm-line);
background:
linear-gradient(135deg, rgba(201, 169, 110, 0.12), transparent 34%),
linear-gradient(180deg, var(--tm-white), var(--tm-paper));
box-shadow: 0 24px 70px rgba(13, 27, 42, 0.08);
}
.tm-trust-shell::before {
content: "";
position: absolute;
top: 0;
left: clamp(22px, 4vw, 54px);
right: clamp(22px, 4vw, 54px);
height: 2px;
background: linear-gradient(90deg, transparent, var(--tm-gold), transparent);
opacity: 0.9;
}
.tm-trust-inner {
position: relative;
display: grid;
gap: clamp(28px, 4vw, 46px);
padding: clamp(28px, 5vw, 56px);
}
.tm-trust-header {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(220px, 0.45fr);
gap: clamp(20px, 4vw, 52px);
align-items: end;
}
.tm-trust-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 14px;
color: var(--tm-gold);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.24em;
line-height: 1.2;
text-transform: uppercase;
}
.tm-trust-kicker::before {
content: "";
width: 28px;
height: 1px;
background: currentColor;
}
.tm-trust-heading {
max-width: 760px;
margin: 0;
color: var(--tm-navy);
font-family: "Roboto Slab", Georgia, serif;
font-size: clamp(30px, 4.6vw, 58px);
font-weight: 300;
line-height: 1;
letter-spacing: 0;
}
.tm-trust-copy {
margin: 0;
color: var(--tm-muted);
font-size: clamp(15px, 1.4vw, 17px);
line-height: 1.65;
}
.tm-trust-body {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);
gap: clamp(28px, 5vw, 58px);
align-items: start;
}
.tm-trust-section {
min-width: 0;
}
.tm-trust-block-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin: 0 0 16px;
padding-bottom: 12px;
border-bottom: 1px solid var(--tm-line);
color: var(--tm-navy);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.18em;
line-height: 1.25;
text-transform: uppercase;
}
.tm-trust-block-title span {
color: rgba(13, 27, 42, 0.42);
font-weight: 400;
letter-spacing: 0.12em;
}
.tm-directory-list,
.tm-institution-grid,
.tm-partner-list {
list-style: none;
margin: 0;
padding: 0;
}
.tm-directory-list {
display: grid;
border-top: 1px solid rgba(13, 27, 42, 0.08);
}
.tm-directory-link {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) 34px;
gap: clamp(14px, 2vw, 22px);
align-items: center;
min-height: 92px;
padding: 20px 0;
border-bottom: 1px solid rgba(13, 27, 42, 0.08);
transition: color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.tm-directory-link:hover,
.tm-directory-link:focus-visible {
color: var(--tm-navy);
border-bottom-color: rgba(201, 169, 110, 0.65);
transform: translateX(4px);
}
.tm-directory-index {
color: var(--tm-gold);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
}
.tm-directory-title {
display: block;
color: var(--tm-navy);
font-family: "Roboto Slab", Georgia, serif;
font-size: clamp(19px, 2vw, 25px);
font-weight: 400;
line-height: 1.16;
letter-spacing: 0;
}
.tm-directory-meta {
display: block;
margin-top: 6px;
color: var(--tm-muted);
font-size: 13px;
line-height: 1.35;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.tm-directory-arrow,
.tm-partner-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid rgba(201, 169, 110, 0.5);
border-radius: 50%;
color: var(--tm-gold);
font-size: 17px;
line-height: 1;
transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.tm-directory-link:hover .tm-directory-arrow,
.tm-directory-link:focus-visible .tm-directory-arrow,
.tm-partner-card:hover .tm-partner-arrow,
.tm-partner-card:focus-visible .tm-partner-arrow {
background: var(--tm-gold);
color: var(--tm-ink);
transform: translate(2px, -2px);
}
.tm-trust-body--many-directories {
grid-template-columns: 1fr;
}
.tm-trust-body--many-directories .tm-directory-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: clamp(18px, 3vw, 36px);
}
.tm-trust-body--many-directories .tm-directory-list li {
min-width: 0;
}
.tm-trust-body--many-directories .tm-directory-list li:first-child {
grid-column: 1 / -1;
}
.tm-trust-body--many-directories .tm-directory-link {
grid-template-columns: 32px minmax(0, 1fr) 30px;
min-height: 68px;
padding: 14px 0;
}
.tm-trust-body--many-directories .tm-directory-list li:first-child .tm-directory-link {
min-height: 86px;
padding: 18px 0;
}
.tm-trust-body--many-directories .tm-directory-title {
font-size: clamp(17px, 1.45vw, 20px);
}
.tm-trust-body--many-directories .tm-directory-list li:first-child .tm-directory-title {
font-size: clamp(21px, 2vw, 26px);
}
.tm-trust-body--many-directories .tm-directory-meta {
margin-top: 4px;
font-size: 11px;
}
.tm-institution-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid rgba(13, 27, 42, 0.08);
border-left: 1px solid rgba(13, 27, 42, 0.08);
}
.tm-institution-grid li {
min-width: 0;
}
.tm-institution-link {
display: flex;
align-items: center;
justify-content: center;
min-height: 112px;
padding: 22px;
border-right: 1px solid rgba(13, 27, 42, 0.08);
border-bottom: 1px solid rgba(13, 27, 42, 0.08);
background: rgba(255, 255, 255, 0.34);
transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.tm-institution-link:hover,
.tm-institution-link:focus-visible {
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(201, 169, 110, 0.34);
transform: translateY(-2px);
}
.tm-institution-link img {
display: block;
width: auto;
max-width: 100%;
max-height: 42px;
object-fit: contain;
filter: saturate(0.82) contrast(0.96);
opacity: 0.82;
transition: filter 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}
.tm-institution-link:hover img,
.tm-institution-link:focus-visible img {
filter: none;
opacity: 1;
transform: scale(1.03);
}
.tm-trust-body--many-directories .tm-institution-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tm-trust-body--many-directories .tm-institution-link {
min-height: 88px;
}
.tm-partner-list {
display: grid;
gap: 14px;
}
.tm-partner-card {
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
gap: clamp(16px, 2vw, 24px);
align-items: center;
min-height: 118px;
padding: clamp(18px, 3vw, 26px);
border: 1px solid rgba(13, 27, 42, 0.1);
background: rgba(255, 255, 255, 0.48);
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.tm-partner-card:hover,
.tm-partner-card:focus-visible {
border-color: rgba(201, 169, 110, 0.58);
background: #ffffff;
box-shadow: 0 16px 42px rgba(13, 27, 42, 0.08);
transform: translateY(-2px);
}
.tm-partner-logo {
display: inline-flex;
align-items: center;
justify-content: center;
width: min(100%, 220px);
margin-bottom: 14px;
}
.tm-partner-logo img {
display: block;
max-width: 100%;
max-height: 56px;
object-fit: contain;
}
.tm-partner-content {
display: grid;
gap: 7px;
min-width: 0;
}
.tm-partner-meta {
color: var(--tm-gold);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.2;
text-transform: uppercase;
}
.tm-partner-title {
color: var(--tm-navy);
font-family: "Roboto Slab", Georgia, serif;
font-size: clamp(21px, 2.2vw, 30px);
font-weight: 400;
line-height: 1.12;
}
.tm-partner-description {
max-width: 760px;
color: var(--tm-muted);
font-size: 15px;
line-height: 1.62;
}
.tm-directory-link:focus-visible,
.tm-institution-link:focus-visible,
.tm-partner-card:focus-visible {
outline: 2px solid var(--tm-gold);
outline-offset: 4px;
}
@media (max-width: 860px) {
.tm-trust-header,
.tm-trust-body {
grid-template-columns: 1fr;
}
.tm-trust-body--many-directories .tm-directory-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tm-trust-copy {
max-width: 680px;
}
}
@media (max-width: 560px) {
.tm-trust-links {
padding-right: 0;
padding-left: 0;
}
.tm-trust-shell {
border-right: 0;
border-left: 0;
}
.tm-trust-inner {
padding: 32px 20px;
}
.tm-directory-link {
grid-template-columns: 34px minmax(0, 1fr) 30px;
min-height: 84px;
gap: 12px;
}
.tm-trust-body--many-directories .tm-directory-list {
grid-template-columns: 1fr;
}
.tm-directory-arrow,
.tm-partner-arrow {
width: 30px;
height: 30px;
}
.tm-institution-grid {
grid-template-columns: 1fr;
}
.tm-trust-body--many-directories .tm-institution-grid {
grid-template-columns: 1fr;
}
.tm-institution-link {
min-height: 92px;
}
.tm-partner-card {
grid-template-columns: 1fr;
min-height: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.tm-directory-link,
.tm-directory-arrow,
.tm-institution-link,
.tm-institution-link img,
.tm-partner-card,
.tm-partner-arrow {
transition: none;
}
}