/* Connected service diagrams, drawn in Quint Media's champagne and obsidian. */
.system-diagrams>h2{max-width:850px;text-align:center;margin:0 auto 54px;font-size:48px;line-height:1.12}
.system-diagrams>h2 em{display:block;margin-top:6px}
.system-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0;list-style:none}
.system-card{position:relative;min-width:0;padding:26px 26px 30px;border:1px solid #373229;border-radius:18px;background:radial-gradient(ellipse 100% 50% at 50% 20%,#c8a46b09,transparent),#171618;overflow:hidden;transition:border-color .25s}
.system-card:nth-child(2){border-color:#7e6540;box-shadow:0 12px 45px #c8a46b08}
.system-card:hover{border-color:#9b7f52}
.system-card-number{display:block;color:var(--gold);font-size:11px;letter-spacing:.12em;line-height:1;margin-bottom:12px}
.system-diagram{margin:0 -10px 25px;background-image:radial-gradient(#c8a46b17 .75px,transparent .75px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000 14%,#000 90%,transparent)}
.system-diagram svg{display:block;width:100%;height:auto;overflow:visible}
.diagram-connector{fill:none;stroke:#a18a67;stroke-width:1.2;color:var(--gold);stroke-linecap:round;stroke-linejoin:round}
.diagram-node rect{fill:#211f21;stroke:#5b5142;stroke-width:1}
.diagram-node text{font-family:var(--body);fill:#d3cabc;font-size:11.5px;font-weight:500;letter-spacing:.005em}
.diagram-node--accent rect{fill:#30281e;stroke:var(--gold)}
.diagram-node--accent text{fill:var(--ivory);font-weight:600}
.diagram-junction{fill:var(--gold)}
.system-diagram .diagram-annotation{font-family:var(--body);font-size:8px;fill:#ae9470;letter-spacing:.12em}
.system-card-copy h3{font-size:25px;line-height:1.22;letter-spacing:-.04em;font-weight:700;margin:0 0 19px}
.system-card-copy p{font-size:13px;line-height:1.9;color:#bfb7ab;margin:0}
@media(min-width:1500px){.system-diagrams>h2{font-size:54px;max-width:950px}.system-card{padding:30px}.system-card-copy h3{font-size:28px}}
@media(max-width:1100px){.system-card{padding:23px 20px 27px}.system-card-grid{gap:16px}.system-card-copy h3{font-size:23px}.system-card-copy p{font-size:12px}.system-diagrams>h2{font-size:43px}.system-diagram{margin-inline:-12px}}
@media(min-width:651px) and (max-width:950px){.system-card-grid{grid-template-columns:1fr;gap:20px}.system-card{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:center;padding:25px 30px}.system-card-number{grid-column:1/-1;margin-bottom:0}.system-diagram{margin:0 -10px;max-width:360px}.system-card-copy h3{font-size:25px}.system-card-copy p{font-size:13px}.system-diagrams>h2{font-size:40px}}
@media(max-width:650px){.system-diagrams>h2{font-size:35px;text-align:left;max-width:450px;margin:0 0 35px;line-height:1.13}.system-diagrams>h2 em{margin-top:9px}.system-card-grid{grid-template-columns:1fr;gap:19px}.system-card{padding:25px 24px 29px;border-radius:16px}.system-card-number{font-size:10px;margin-bottom:8px}.system-diagram{max-width:390px;margin:0 auto 24px}.system-card-copy h3{font-size:26px;max-width:350px;margin-bottom:17px}.system-card-copy p{font-size:13px;line-height:1.95}}
@media(max-width:360px){.system-card{padding:23px 20px 26px}.system-diagram{margin-inline:-9px}.system-diagrams>h2{font-size:32px}.system-card-copy h3{font-size:24px}}
@media(max-width:650px){.diagram-node text{font-size:14px}.system-diagram .diagram-annotation{font-size:10px}}
@media(prefers-reduced-motion:reduce){.system-card{transition:none}}