/* About-page name explanation, using the original wordmark outlines. */
.name-origin { padding-block:16px 64px;scroll-margin-top:110px; }
.name-origin-panel { padding:48px;background:#001a33;color:#fff;border-top:4px solid var(--brand-crimson); }
.name-origin-intro { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start; }
.name-origin-intro>* { min-width:0; }
.name-origin-intro h2 { margin:0;color:#fff;font-size:clamp(1.8rem,2.7vw,2.55rem);font-weight:500;line-height:1.2;letter-spacing:-.035em;max-width:380px; }
.name-origin-intro p { margin:0;color:#d4e0eb;font-size:1rem;line-height:1.75;max-width:560px; }
.name-origin-parts { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:38px 0 0;padding:30px 0 0;border-top:1px solid #49637a; }
.name-origin-part { min-width:0;padding-inline:24px; }
.name-origin-part:first-child { padding-left:0; }
.name-origin-part:last-child { padding-right:0; }
.name-origin-part+.name-origin-part { border-left:1px solid #49637a; }
.name-origin-part dt { margin:0 0 18px; }
.name-origin-part img { display:block;width:auto;height:38px;max-width:100%;object-fit:contain;object-position:left center;filter:brightness(0) invert(1); }
.name-origin-part dd { margin:0; }
.name-origin-term { display:block;color:#fff;font-size:1.0625rem;font-weight:600;line-height:1.45; }
.name-origin-translation { display:block;color:#d4e0eb;font-size:.9375rem;line-height:1.5;margin-top:6px;overflow-wrap:break-word;hyphens:auto; }
@media(max-width:1000px) {
 .name-origin-panel { padding:36px; }
 .name-origin-intro { gap:32px; }
 .name-origin-part { padding-inline:18px; }
}
@media(max-width:760px) {
 .name-origin { padding-block:8px 48px; }
 .name-origin-panel { padding:32px; }
 .name-origin-intro { grid-template-columns:1fr;gap:22px; }
 .name-origin-intro h2 { max-width:480px; }
 .name-origin-parts { grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0; }
 .name-origin-part:nth-child(odd) { border-left:0;padding-left:0; }
 .name-origin-part:nth-child(even) { padding-right:0; }
}
@media(max-width:420px) {
 .name-origin-panel { padding:28px 22px; }
 .name-origin-parts { grid-template-columns:1fr;gap:20px; }
 .name-origin-part,.name-origin-part+.name-origin-part { display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center;border-left:0;padding:0; }
 .name-origin-part dt { margin:0; }
 .name-origin-part img { height:30px; }
 .name-origin-term { font-size:1rem; }
}
