[data-page=experience] .contribution-grid-full,
.r-experience-additions,
.achievement-grid.abr-history-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
[data-page=experience] .contribution-grid-full > .project-card,
.r-experience-additions > .r-game-card,
.achievement-grid.abr-history-grid > .abr-history-card {
  flex: 0 1 calc((100% - 48px) / 3);
  min-width: 0;
  min-height: 0;
}
[data-page=experience] .contribution-grid-full > .project-card {
  display: flex;
  flex-direction: column;
  grid-column: auto;
  overflow: hidden;
}
[data-page=experience] .contribution-grid-full .project-content {
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
[data-page=experience] .contribution-grid-full h3 { font-size: 1.4rem; font-weight: 500; }
[data-page=experience] .contribution-grid-full .project-content > p {
  flex: 1;
  font-size: .74rem;
  line-height: 1.85;
  margin: 0 0 22px;
}
[data-page=experience] .contribution-grid-full .project-meta { gap: 7px; margin-bottom: 18px; }
[data-page=experience] .contribution-grid-full .project-meta .tag { font-size: .48rem; }
[data-page=experience] .contribution-grid-full .project-result strong { font-size: .92rem; letter-spacing: -.02em; }
[data-page=experience] .contribution-grid-full .project-result > span { font-size: .56rem; }
[data-page=experience] .contribution-grid-full .project-footer { gap: 15px; margin-top: auto; }
[data-page=experience] .contribution-grid-full .project-open { width: 33px; height: 33px; }
.project-art.abr-project-photo {
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  display: block;
  flex-shrink: 0;
}
.project-art.abr-project-photo::before,
.project-art.abr-project-photo::after { display: none; }
.project-art.abr-project-photo > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.project-art.abr-project-cover {
  aspect-ratio: 16 / 9;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
  background: radial-gradient(ellipse, #b181d729, transparent 75%), #100b18;
}
.project-art.abr-project-cover > img { width: 79px; height: 79px; aspect-ratio: 1; object-fit: contain; opacity: .85; }
.project-art.abr-project-cover > span { color: #a98abc; font-size: .55rem; letter-spacing: .14em; text-transform: uppercase; }
.r-experience-additions .r-game-content { padding: 23px; }
.r-experience-additions h3 { font-size: 1.3rem; }
.achievement-card.abr-history-card {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  border-color: #b28dcc2b;
  border-radius: 11px;
  background: #100c17;
}
.abr-history-media {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  border-bottom: 1px solid #a18ac526;
  background: radial-gradient(ellipse, #8667b127, transparent 75%), #0b0910;
}
.abr-history-media > img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.abr-history-media.is-logo > img { width: 88px; height: 88px; object-fit: contain; border-radius: 14px; }
.abr-history-media.is-item > img { width: 155px; height: 155px; object-fit: contain; }
.abr-history-media.is-person > img { object-position: 50% 25%; }
.abr-history-media.is-event > img { object-position: 50% 37%; }
.abr-history-copy { padding: 25px; }
.abr-history-label { display: block; color: #ac8cc0; font-size: .48rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 16px; }
.abr-history-copy h3 { font-size: 1.22rem; font-weight: 500; line-height: 1.25; margin: 0 0 13px; }
.abr-history-copy p { color: #a58db4; font-size: .74rem; line-height: 1.85; margin: 0; }
.abr-history-copy .r-link { font-size: .62rem; margin-top: 21px; }
.abr-ip-mark.relationship-mark { border: 1px solid #b692d236; border-radius: 16px; overflow: hidden; background: #0d0912; }
.abr-ip-mark > img { width: 100%; height: 100%; object-fit: contain; }
.abr-ugc-section { border-top: 1px solid #b593cf18; background: radial-gradient(ellipse at 10% 50%, #7855990d, transparent 65%); }
.abr-ugc-case {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  border: 1px solid #b592cf35;
  border-radius: 15px;
  background: #110c18;
  overflow: hidden;
}
.abr-ugc-visual {
  min-height: 360px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #a78bc521;
  background: radial-gradient(ellipse, #829de124, transparent 70%), #0c0a13;
}
.abr-ugc-visual::before { content: ''; position: absolute; inset: 14%; border: 1px solid #b395cb18; border-radius: 50%; }
.abr-ugc-visual > img { width: min(75%, 300px); height: auto; aspect-ratio: 1; object-fit: contain; transform: rotate(-7deg); filter: drop-shadow(0 20px 35px #0007); transition: transform .7s var(--ease); }
.abr-ugc-visual > span { position: absolute; bottom: 22px; left: 25px; font-size: .51rem; letter-spacing: .08em; color: #a18cb4; }
.abr-ugc-copy { padding: 42px; align-self: center; }
.abr-ugc-copy h3 { font-size: 2rem; font-weight: 500; letter-spacing: -.045em; line-height: 1.15; margin: 21px 0 20px; }
.abr-ugc-copy > p { font-size: .79rem; line-height: 1.9; color: #b39dc0; margin-bottom: 25px; }
.abr-ugc-result { display: flex; align-items: center; gap: 24px; border-top: 1px solid #bba2d32e; border-bottom: 1px solid #bba2d31c; padding: 20px 0; margin-bottom: 25px; }
.abr-ugc-result > strong { display: flex; flex-direction: column; font: 500 3.5rem/1 Space Grotesk, sans-serif; letter-spacing: -.06em; color: #d3b1f4; }
.abr-ugc-result > strong > span { font-family: Manrope, sans-serif; font-size: .55rem; letter-spacing: .11em; text-transform: uppercase; margin-top: 9px; color: #b19ac1; }
.abr-ugc-result > div { font-size: .78rem; color: #d0bada; line-height: 1.7; }
.abr-ugc-result small { display: block; font-size: .55rem; color: #9680a8; margin-top: 7px; }
.abr-ugc-copy > .r-link { font-size: .7rem; }
@media (hover: hover) and (pointer: fine) {
  .abr-history-card:hover .abr-history-media > img { transform: scale(1.025); }
  .abr-ugc-case:hover .abr-ugc-visual > img { transform: translateY(-6px) rotate(-3deg); }
}
@media (max-width: 1120px) {
  [data-page=experience] .contribution-grid-full > .project-card,
  .r-experience-additions > .r-game-card,
  .achievement-grid.abr-history-grid > .abr-history-card { flex-basis: calc((100% - 24px) / 2); }
  .abr-ugc-copy { padding: 33px; }
  .abr-ugc-copy h3 { font-size: 1.8rem; }
  .abr-ugc-copy > p { font-size: .75rem; }
}
@media (max-width: 720px) {
  [data-page=experience] .contribution-grid-full > .project-card,
  .r-experience-additions > .r-game-card,
  .achievement-grid.abr-history-grid > .abr-history-card { flex-basis: 100%; }
  [data-page=experience] .contribution-grid-full h3 { font-size: 1.6rem; }
  [data-page=experience] .contribution-grid-full .project-content > p { font-size: .77rem; }
  .r-experience-additions h3 { font-size: 1.6rem; }
  .abr-history-media { height: 180px; }
  .abr-history-copy h3 { font-size: 1.35rem; }
  .abr-history-copy p { font-size: .78rem; }
  .abr-history-label { font-size: .5rem; }
  .abr-ugc-case { grid-template-columns: 1fr; }
  .abr-ugc-visual { min-height: 275px; border-right: 0; border-bottom: 1px solid #a78bc521; }
  .abr-ugc-visual > img { width: 215px; }
  .abr-ugc-visual > span { font-size: .47rem; bottom: 18px; left: 22px; }
  .abr-ugc-copy { padding: 28px; }
  .abr-ugc-copy h3 { font-size: 1.9rem; }
  .abr-ugc-copy > p { font-size: .78rem; }
  .abr-ugc-result { gap: 22px; }
  .abr-ugc-result > strong { font-size: 3.3rem; }
  .abr-ugc-result > div { font-size: .74rem; }
  .abr-ugc-result small { font-size: .53rem; }
}
@media (prefers-reduced-motion: reduce) {
  .abr-history-media > img, .abr-ugc-visual > img { transition: none; }
  .abr-history-card:hover .abr-history-media > img { transform: none; }
  .abr-ugc-case:hover .abr-ugc-visual > img { transform: rotate(-3deg); }
}

.abr-ugc-visual{background:radial-gradient(ellipse at 45% 35%,#d9d0e7,#9c91b4)}.abr-ugc-visual::before{border-color:#503c6c2b}.abr-ugc-visual>span{color:#4b3b65}.abr-history-media.is-item{background:radial-gradient(ellipse,#d3c8e2,#9789b0)}