.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-burgundy: #800020;
--tm-line: rgba(13, 27, 42, 0.12);
--tm-line-light: rgba(13, 27, 42, 0.08);
--tm-muted: rgba(13, 27, 42, 0.66);
--tm-paper: #faf8f3;
--tm-white: #ffffff;
width: 100%;
max-width: none;
margin: 0;
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.10), transparent 30%),
linear-gradient(225deg, rgba(128, 0, 32, 0.03), transparent 40%),
linear-gradient(180deg, var(--tm-white), var(--tm-paper));
box-shadow:
0 24px 70px rgba(13, 27, 42, 0.07),
0 2px 8px rgba(13, 27, 42, 0.03);
}
.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 5%, var(--tm-burgundy) 28%, var(--tm-gold) 72%, transparent 95%);
opacity: 0.65;
}
.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,
.tm-institution-grid,
.tm-partner-list {
display: grid;
grid-template-columns: repeat(var(--tm-section-columns, 1), minmax(0, 1fr));
gap: clamp(14px, 2vw, 24px);
}
.tm-directory-list {
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);
transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.tm-directory-arrow svg,
.tm-partner-arrow svg {
width: 12px;
height: 12px;
flex-shrink: 0;
}
.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 li {
min-width: 0;
}
.tm-trust-body--many-directories .tm-directory-list li:first-child {
grid-column: auto;
}
.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 li {
min-width: 0;
}
.tm-institution-grid {
gap: 0;
border-top: 1px solid rgba(13, 27, 42, 0.08);
border-left: 1px solid rgba(13, 27, 42, 0.08);
}
.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-link {
min-height: 88px;
}
.tm-partner-list {
width: 100%;
max-width: none;
margin: 0;
}
.tm-partner-card {
--tm-partner-logo-size: clamp(44px, 3.2vw, 58px);
position: relative;
display: flex;
align-items: center;
gap: clamp(10px, 1.5vw, 14px);
min-width: 0;
min-height: 70px;
height: 100%;
padding: clamp(10px, 1.5vw, 14px);
overflow: hidden;
border: 1px solid rgba(13, 27, 42, 0.1);
background:
linear-gradient(90deg, rgba(201, 169, 110, 0.08), transparent 42%),
rgba(255, 255, 255, 0.62);
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-visual,
.tm-partner-logo {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 var(--tm-partner-logo-size);
width: var(--tm-partner-logo-size);
height: var(--tm-partner-logo-size);
min-width: var(--tm-partner-logo-size);
max-width: var(--tm-partner-logo-size);
aspect-ratio: 1;
margin: 0;
overflow: hidden;
border: 1px solid rgba(201, 169, 110, 0.34);
border-radius: 2px;
background:
radial-gradient(circle at 30% 30%, rgba(201, 169, 110, 0.08), transparent 60%),
linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(250, 248, 243, 0.76));
box-shadow:
inset 0 0 0 4px rgba(255, 255, 255, 0.42),
0 1px 4px rgba(13, 27, 42, 0.04);
}
.tm-partner-visual img,
.tm-partner-logo img,
.tm-partner-card > img {
display: block;
width: auto !important;
height: auto !important;
max-width: calc(var(--tm-partner-logo-size) - 14px) !important;
max-height: calc(var(--tm-partner-logo-size) - 14px) !important;
object-fit: contain;
}
.tm-partner-monogram {
color: var(--tm-gold);
font-family: "Roboto Slab", Georgia, serif;
font-size: clamp(20px, 2vw, 28px);
font-weight: 300;
line-height: 1;
letter-spacing: 0.04em;
text-shadow: 0 1px 3px rgba(201, 169, 110, 0.18);
}
.tm-partner-content {
display: grid;
align-content: center;
gap: 3px;
flex: 1 1 auto;
min-width: 0;
max-width: none;
}
.tm-partner-meta {
display: none;
color: var(--tm-gold);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.2;
text-transform: uppercase;
overflow-wrap: anywhere;
}
.tm-partner-title {
color: var(--tm-navy);
font-family: "Roboto Slab", Georgia, serif;
font-size: clamp(17px, 1.15vw, 21px);
font-weight: 400;
line-height: 1.15;
letter-spacing: 0;
overflow-wrap: anywhere;
hyphens: auto;
}
.tm-partner-description {
max-width: 62ch;
max-height: 0;
margin-top: 0;
overflow: hidden;
color: var(--tm-muted);
font-size: clamp(12px, 0.9vw, 14px);
line-height: 1.45;
opacity: 0;
pointer-events: none;
transform: translateY(-4px);
transition: max-height 0.22s ease, margin-top 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
overflow-wrap: anywhere;
}
.tm-partner-card:hover .tm-partner-description,
.tm-partner-card:focus-visible .tm-partner-description,
.tm-partner-card:focus-within .tm-partner-description {
max-height: 160px;
margin-top: 4px;
opacity: 1;
transform: translateY(0);
}
.tm-partner-arrow {
display: none;
}
.tm-directory-link:focus-visible,
.tm-institution-link:focus-visible,
.tm-partner-card:focus-visible {
outline: 2px solid var(--tm-burgundy);
outline-offset: 4px;
}
.tm-trust-links[data-tm-reveal-ready] .tm-trust-reveal {
opacity: 0;
transform: translateY(18px);
transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1), transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.tm-trust-links[data-tm-reveal-ready] .tm-trust-reveal.tm-revealed {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 860px) {
.tm-trust-header,
.tm-trust-body {
grid-template-columns: 1fr;
}
.tm-trust-copy {
max-width: 680px;
}
}
@media (max-width: 700px) {
.tm-partner-card {
--tm-partner-logo-size: 52px;
gap: 12px;
align-items: center;
padding: 12px;
}
.tm-partner-content {
max-width: none;
}
.tm-partner-title {
font-size: clamp(18px, 5vw, 24px);
}
}
@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-directory-arrow,
.tm-partner-arrow {
width: 30px;
height: 30px;
}
.tm-directory-list,
.tm-institution-grid,
.tm-partner-list,
.tm-trust-body--many-directories .tm-directory-list,
.tm-trust-body--many-directories .tm-institution-grid {
grid-template-columns: 1fr;
}
.tm-institution-link {
min-height: 92px;
}
.tm-partner-card {
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-description,
.tm-partner-arrow {
transition: none;
}
.tm-trust-links[data-tm-reveal-ready] .tm-trust-reveal {
opacity: 1;
transform: none;
transition: none;
}
}