/* Larger event artwork replaces the original small line icons. */
.experience-grid{gap:15px}
.experience-card{min-height:388px;padding:19px 17px 16px;align-items:stretch;text-align:left;background:linear-gradient(160deg,#13294e 0%,#071a35 45%,#061126 100%);border-color:#1c73ac;isolation:isolate}
.experience-card:after{content:'';position:absolute;inset:0;border-top:3px solid #00c4ff;pointer-events:none}
.experience-card:nth-child(even):after{border-top-color:#f41941}
.experience-card:nth-child(even){background:linear-gradient(160deg,#2b1c3c 0%,#121a35 45%,#071126 100%);border-color:#ad3357}
.card-index{position:relative;z-index:2;color:#9dc8e5;align-self:auto}
.card-art{position:relative;z-index:1;width:calc(100% + 34px);height:230px;margin:5px -17px 12px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 54%,#0c75b761 0%,#0b32663d 41%,transparent 68%)}
.experience-card:nth-child(even) .card-art{background:radial-gradient(circle at 50% 54%,#b72a5666 0%,#51224845 41%,transparent 68%)}
.card-art:before{content:'';position:absolute;z-index:-1;left:50%;top:52%;width:190px;height:190px;transform:translate(-50%,-50%);border:1px solid #1caffb4f;border-radius:50%;box-shadow:0 0 0 27px #00a8ff0b,0 0 0 53px #00a8ff07}
.experience-card:nth-child(even) .card-art:before{border-color:#ff315950;box-shadow:0 0 0 27px #ff31590b,0 0 0 53px #ff315907}
.card-art img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.08);filter:drop-shadow(0 16px 16px #0008);transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.experience-card:hover .card-art img{transform:scale(1.2) rotate(-3deg);filter:drop-shadow(0 20px 18px #0009) saturate(1.12)}
.photo-art{background:#091a33}
.photo-art:before{display:none}
.photo-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#061126a8);pointer-events:none}
.photo-art img{object-fit:cover;transform:scale(1);filter:none}
.experience-card:hover .photo-art img{transform:scale(1.07);filter:saturate(1.08) contrast(1.03)}
.experience-card h3{position:relative;z-index:2;font-size:24px;line-height:.98;min-height:48px;margin:auto 0 0;max-width:none}
.art-caption{position:relative;z-index:2;display:block;color:#82a8c5;border-top:1px solid #a6d1ee36;margin-top:17px;padding-top:11px;font-size:8px;font-weight:800;letter-spacing:.16em}
@media(max-width:1250px){.experience-card{min-height:370px}.card-art{height:225px}}
@media(max-width:700px){.experience-card{min-height:355px}.card-art{height:205px}.experience-card h3{font-size:23px}}
@media(max-width:480px){.experience-card{min-height:218px;display:grid;grid-template-columns:45% minmax(0,1fr);grid-template-rows:24px 1fr 27px;column-gap:9px;align-items:center;padding:15px}.card-index{grid-column:1/-1;grid-row:1}.card-art{grid-column:1;grid-row:2/4;width:100%;height:158px;margin:0}.card-art:before{width:125px;height:125px;box-shadow:0 0 0 16px #00a8ff0b,0 0 0 34px #00a8ff07}.experience-card:nth-child(even) .card-art:before{box-shadow:0 0 0 16px #ff31590b,0 0 0 34px #ff315907}.experience-card h3{grid-column:2;grid-row:2;font-size:25px;min-height:0;margin:0}.art-caption{grid-column:2;grid-row:3;margin:0;padding-top:7px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.card-art img{transition:none}}