/* Blue-site art direction: independent cutouts, quiet staggered movement. */
.syn-art-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:60px 0 32px;padding:0;isolation:isolate}
.syn-art-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #476174;border-radius:10px;background:#203744;color:#fff;text-decoration:none;box-shadow:0 6px 0 #10232e;transition:border-color .2s,background .2s;overflow:visible}
.syn-art-stage{position:relative;display:block;width:100%;height:112px;pointer-events:none}
.syn-art-cutout{position:absolute;display:block;left:50%;bottom:0;width:180px;height:180px;max-width:none;object-fit:contain;transform:translateX(-50%);transform-origin:50% 72%;animation:syn-art-float 6s ease-in-out infinite;filter:drop-shadow(0 6px 3px #07131c35);user-select:none}
.syn-art-card--tickets .syn-art-cutout{animation-duration:7s;animation-delay:-2.2s}
.syn-art-card--chat .syn-art-cutout{animation-duration:6.5s;animation-delay:-4.1s}
.syn-art-card--hub .syn-art-cutout{animation-duration:7.5s;animation-delay:-1.4s}
.syn-art-copy{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;padding:5px 18px 20px;text-align:center}
.syn-art-copy h2{margin:0;color:#f7e8bd;font:700 21px/1.2 var(--font-sans,Arial,sans-serif);letter-spacing:-.02em}
.syn-art-copy p{max-width:225px;margin:9px 0 18px;color:#becbd7;font-size:12px;line-height:1.6}
.syn-art-action{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;margin-top:auto;border-top:1px solid #456073;padding-top:13px;color:#f0d18a;font-size:12px;font-weight:700}
.syn-art-card:focus-visible{outline:2px solid #89c4ff;outline-offset:5px}
@keyframes syn-art-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1.4deg)}50%{transform:translateX(-50%) translateY(-7px) rotate(1.4deg)}}
@media(hover:hover){.syn-art-card:hover{border-color:#a6b8c8;background:#294453}.syn-art-card:hover .syn-art-action{color:#fff2cc}.syn-art-card:hover .syn-art-cutout{filter:drop-shadow(0 9px 4px #07131c55)}}
@media(max-width:1000px){.syn-art-navigation{gap:14px}.syn-art-cutout{width:155px;height:155px}.syn-art-stage{height:100px}.syn-art-copy{padding-inline:13px}.syn-art-copy h2{font-size:19px}}
@media(max-width:700px){.syn-art-navigation{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:66px;margin:58px 0 27px}.syn-art-stage{height:90px}.syn-art-cutout{width:150px;height:150px}.syn-art-copy{padding:4px 13px 16px}.syn-art-copy h2{font-size:19px}.syn-art-copy p{font-size:12px;line-height:1.5;margin-bottom:15px}.syn-art-action{font-size:11px;gap:5px}}
@media(max-width:360px){.syn-art-copy{padding-inline:10px}.syn-art-copy h2{font-size:17px}.syn-art-cutout{width:136px;height:136px}.syn-art-action{font-size:10px}}
@media(prefers-reduced-motion:reduce){.syn-art-cutout{animation:none;transform:translateX(-50%)}.syn-art-card{transition:none}}

/* The animated illustration now has independently moving internal layers. */
.syn-art-stage>.syn-art-cutout{position:absolute}