/* One editorial awards collection: champagne feature + two detailed records. */
.ace-honors-collection {
  position: relative; isolation: isolate; padding: 30px 5% 23px;
  background: radial-gradient(ellipse at 8% 44%, #36475975, transparent 53%),
    radial-gradient(ellipse at 96% 80%, #382b605e, transparent 42%),
    linear-gradient(128deg, #0b1c34, #071426 78%);
  border-color: #b89a625f;
}
.ace-honors-collection::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .45; pointer-events: none; background: repeating-linear-gradient(125deg, #e7d6b104 0 1px, transparent 1px 9px); }
.ace-collection-light { position: absolute; inset: -25% -10% 0; z-index: -1; pointer-events: none; transform-origin: top center; background: conic-gradient(from 143deg at 51% 0%, transparent, #d8b56b13 14deg, transparent 25deg); filter: blur(5px); }
.ace-collection-line { position: absolute; z-index: -1; top: 6%; right: -27%; width: 90%; height: 44%; border: 1px solid #d1b7822e; border-radius: 50%; transform: rotate(-31deg); pointer-events: none; }
.ace-collection-line-two { top: 1%; right: -30%; width: 96%; border-color: #d1b78213; }
.ace-collection-masthead { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-bottom: 22px; border-bottom: 1px solid #d1b78238; }
.ace-collection-masthead > span { color: #cfb983; font: 500 10px/1.5 "DM Sans", "Noto Sans TC", sans-serif; letter-spacing: .22em; }
.ace-collection-masthead > span:last-child { color: #dad5c8; letter-spacing: .1em; }
.ace-collection-masthead i { color: #ebcb8c; margin-right: 9px; font-style: normal; }
.ace-collection-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; padding: 35px 0 38px; }
.ace-collection-eyebrow { margin: 0 0 12px; color: #aebdce; font: 400 12px/1.8 "Noto Sans TC", sans-serif; letter-spacing: .18em; }
.ace-collection-heading h3 { margin: 0; color: #fff9ee; font: 800 clamp(36px, 4vw, 55px)/1.3 "Noto Serif TC", serif; letter-spacing: .01em; }
.ace-collection-heading h3 em { display: inline-block; color: #efd39b; font-style: normal; }
.ace-collection-intro { flex: none; margin: 0 0 4px; color: #b6c3d3; font: 400 12px/1.95 "Noto Sans TC", sans-serif; letter-spacing: .02em; }
.ace-collection-gallery { display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); gap: 38px; align-items: stretch; padding: 3px 4px 0; }
.ace-collection-feature {
  position: relative; isolation: isolate; min-width: 0; padding: 25px 28px 24px; text-align: center;
  transform: rotate(-1.15deg); border: 1px solid #f7eacb; border-radius: 3px;
  color: #18334c; background: radial-gradient(ellipse at 62% 15%, #fffaf0, transparent 67%), linear-gradient(145deg, #e9d9b3, #f5ebd6 56%, #e2c990);
  box-shadow: 10px 15px 0 -5px #080f20, 11px 16px 0 -5px #a4864d80, 0 20px 36px #0005;
}
.ace-collection-feature::before { content: ""; position: absolute; z-index: -1; inset: 8px; border: 1px solid #94743b55; pointer-events: none; }
.ace-collection-feature::after { content: ""; position: absolute; top: 0; left: 50%; width: 53%; height: 2px; transform: translateX(-50%); background: linear-gradient(90deg, #9b722d00, #fff8de, #9b722d00); }
.ace-collection-feature-top { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 17px; margin-bottom: 21px; border-bottom: 1px solid #9876424d; color: #76613e; font: 500 9px/1.4 "DM Sans", sans-serif; letter-spacing: .17em; }
.ace-collection-feature-top span:first-child { color: #213b54; font-size: 13px; letter-spacing: .08em; }
.ace-collection-feature-kicker { margin: 0 0 5px; color: #6f633f; font: 500 11px/1.8 "Noto Sans TC", sans-serif; letter-spacing: .22em; }
.ace-collection-feature h4 { margin: 0; color: #142f49; font: 800 31px/1.5 "Noto Serif TC", serif; letter-spacing: .15em; text-indent: .15em; }
.ace-collection-art { width: 100%; margin: 2px auto 0; }
.ace-collection-art img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 8px 8px #76581926); }
.ace-collection-feature-prize { display: flex; justify-content: center; align-items: baseline; gap: 4px; margin: 0; color: #223952; font: 800 49px/1.35 "Noto Serif TC", serif; letter-spacing: .025em; }
.ace-collection-feature-prize span { color: #8c632e; }
.ace-collection-feature-prize i { position: absolute; right: 19px; top: 48%; color: #967036; font: 400 18px/1 serif; }
.ace-collection-feature-caption { margin: 11px 0 22px; color: #605b4e; font: 500 12px/1.8 "Noto Sans TC", sans-serif; letter-spacing: .08em; }
.ace-collection-perfect { display: flex; justify-content: center; align-items: center; gap: 15px; padding: 18px 0 0; border-top: 1px solid #9f83574d; text-align: left; }
.ace-collection-perfect-star { color: #9b743b; font: 400 35px/1 serif; }
.ace-collection-perfect strong { color: #304358; font: 700 14px/1.7 "Noto Sans TC", sans-serif; letter-spacing: .05em; }
.ace-collection-perfect p { margin: 3px 0 0; color: #756b5a; font: 400 10px/1.7 "Noto Sans TC", sans-serif; }
.ace-collection-records { display: grid; grid-template-rows: auto 1fr 1fr; gap: 18px; min-width: 0; }
.ace-collection-contest { display: flex; align-items: center; gap: 13px; padding: 0 0 5px; }
.ace-collection-contest > span { flex: none; padding: 6px 10px; border: 1px solid #c1a66c66; color: #e7d3a4; font: 500 11px/1.5 "Noto Sans TC", sans-serif; }
.ace-collection-contest p { margin: 0; color: #cbd5e0; font: 500 13px/1.7 "Noto Sans TC", sans-serif; letter-spacing: .055em; }
.ace-collection-contest i { margin-left: auto; color: #e4c992; font: 400 25px/1 sans-serif; }
.ace-collection-record { --record-accent: #8bbeb4; position: relative; isolation: isolate; min-width: 0; overflow: hidden; padding: 28px; border: 1px solid #c0bda330; border-radius: 3px; background: linear-gradient(140deg, #20454b85, #0f253789 74%); box-shadow: 0 12px 25px #0002; }
.ace-collection-record-violet { --record-accent: #c1ace2; background: linear-gradient(140deg, #353056ae, #142035b0 74%); }
.ace-collection-record::before { content: ""; position: absolute; top: 24px; bottom: 24px; left: 0; width: 2px; background: linear-gradient(transparent, var(--record-accent), transparent); opacity: .8; }
.ace-collection-record::after { content: ""; position: absolute; top: 0; left: 0; width: 55%; height: 1px; background: linear-gradient(90deg, transparent, #fbe1ab, transparent); opacity: .35; pointer-events: none; }
.ace-collection-record > header { display: flex; align-items: center; gap: 16px; }
.ace-collection-record-index { align-self: flex-start; padding-top: 1px; color: var(--record-accent); font: 400 16px/1.5 "DM Sans", sans-serif; letter-spacing: -.03em; }
.ace-collection-record header p { margin: 0 0 4px; color: var(--record-accent); font: 500 8px/1.6 "DM Sans", sans-serif; letter-spacing: .18em; }
.ace-collection-record h4 { margin: 0; color: #fff7e8; font: 700 clamp(21px, 2vw, 28px)/1.5 "Noto Serif TC", serif; letter-spacing: .035em; }
.ace-collection-unit { margin-left: auto; align-self: flex-end; padding-bottom: 4px; color: #a8b7c6; font: 400 10px/1.5 "Noto Sans TC", sans-serif; }
.ace-collection-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 25px 0 0; padding: 22px 0 0; border-top: 1px solid #c9d4e223; }
.ace-collection-stats > div { min-width: 0; display: flex; flex-direction: column; align-items: center; border-right: 1px solid #c9d4e217; }
.ace-collection-stats > div:last-child { border-right: 0; }
.ace-collection-stats dt { order: 2; margin-top: 10px; color: #b5c4d3; font: 400 11px/1.5 "Noto Sans TC", sans-serif; letter-spacing: .06em; }
.ace-collection-stats dd { margin: 0; color: #e7e3da; font: 400 clamp(35px, 3.9vw, 54px)/1 "DM Sans", sans-serif; letter-spacing: -.05em; }
.ace-collection-stats .ace-collection-stat-gold dd { color: #f5d48c; text-shadow: 0 2px 18px #eab8611c; }
.ace-collection-stats .ace-collection-stat-silver dd { color: #cbdde8; }
.ace-collection-stats .ace-collection-stat-bronze dd { color: #d7ac8b; }
.ace-collection-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 35px 0 19px; margin-top: 32px; border-top: 1px solid #d1b7822b; }
.ace-collection-bottom p { margin: 0; color: #e6d9bd; font: 500 13px/1.8 "Noto Sans TC", sans-serif; letter-spacing: .05em; }
.ace-collection-bottom p span { color: #9baebf; font-size: 11px; }
.ace-collection-note { margin: 0; color: #899eaf; font: 400 9px/1.8 "Noto Sans TC", sans-serif; letter-spacing: .025em; }
.ace-ad-motion-ready .ace-collection-light { animation: ace-collection-light 14s ease-in-out infinite alternate; }
.ace-ad-motion-ready .ace-collection-art img { animation: ace-collection-float 9s ease-in-out infinite; }
.ace-ad-motion-ready .ace-collection-record::after { animation: ace-collection-edge 8s ease-in-out infinite; }
.ace-ad-motion-ready .ace-collection-record-violet::after { animation-delay: -4s; }
.ace-next-step.ace-ad-motion-ready:not(.ace-ad-motion-running) *,
.ace-next-step.ace-ad-motion-ready:not(.ace-ad-motion-running) *::before,
.ace-next-step.ace-ad-motion-ready:not(.ace-ad-motion-running) *::after,
.ace-ad-motion-ready .ace-carousel-slide:not(.is-active) *,
.ace-ad-motion-ready .ace-carousel-slide:not(.is-active) *::before,
.ace-ad-motion-ready .ace-carousel-slide:not(.is-active) *::after { animation-play-state: paused; }
@keyframes ace-collection-light { from { transform: rotate(-9deg); opacity: .45; } to { transform: rotate(12deg); opacity: .95; } }
@keyframes ace-collection-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ace-collection-edge { 0%, 100% { transform: translateX(-30%); opacity: .15; } 50% { transform: translateX(110%); opacity: .6; } }
@media (hover: hover) and (pointer: fine) {
  .ace-collection-record { transition: border-color .3s, box-shadow .3s; }
  .ace-collection-record:hover { border-color: #d3b77465; box-shadow: 0 12px 30px #0003, 0 0 20px #e4c18009; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .ace-honors-collection { padding-inline: 4%; }
  .ace-collection-heading { align-items: flex-start; padding-block: 28px 31px; }
  .ace-collection-heading h3 { font-size: 34px; }
  .ace-collection-intro { max-width: 170px; font-size: 11px; }
  .ace-collection-gallery { grid-template-columns: .88fr 1.12fr; gap: 25px; padding-inline: 0; }
  .ace-collection-feature { padding: 22px 18px; }
  .ace-collection-feature-top { margin-bottom: 14px; }
  .ace-collection-feature h4 { font-size: 27px; }
  .ace-collection-feature-prize { font-size: 32px; }
  .ace-collection-feature-caption { font-size: 10px; letter-spacing: 0; }
  .ace-collection-perfect { gap: 8px; }
  .ace-collection-perfect strong { font-size: 12px; }
  .ace-collection-perfect p { font-size: 9px; }
  .ace-collection-contest { gap: 8px; }
  .ace-collection-contest > span { padding-inline: 7px; font-size: 9px; }
  .ace-collection-contest p { font-size: 11px; letter-spacing: 0; }
  .ace-collection-contest i { display: none; }
  .ace-collection-record { padding: 23px 16px; }
  .ace-collection-record > header { gap: 9px; flex-wrap: wrap; }
  .ace-collection-record h4 { font-size: 21px; }
  .ace-collection-record header p { font-size: 7px; letter-spacing: .08em; }
  .ace-collection-unit { font-size: 9px; }
  .ace-collection-stats { margin-top: 18px; padding-top: 17px; }
  .ace-collection-stats dd { font-size: 37px; }
  .ace-collection-stats dt { font-size: 10px; letter-spacing: 0; }
}
@media (max-width: 760px) {
  .ace-honors-collection { padding: 22px 20px 20px; }
  .ace-collection-masthead { gap: 8px; padding-bottom: 17px; }
  .ace-collection-masthead > span { font-size: 8px; letter-spacing: .07em; }
  .ace-collection-masthead > span:last-child { font-size: 9px; letter-spacing: .01em; }
  .ace-collection-masthead i { margin-right: 3px; }
  .ace-collection-heading { display: block; padding: 26px 0 27px; }
  .ace-collection-eyebrow { margin-bottom: 9px; font-size: 10px; }
  .ace-collection-heading h3 { font-size: clamp(31px, 8.4vw, 47px); line-height: 1.5; }
  .ace-collection-intro { margin: 13px 0 0; font-size: 11px; line-height: 1.8; }
  .ace-collection-gallery { grid-template-columns: 1fr; gap: 33px; padding: 0 4px; }
  .ace-collection-feature { padding: 22px; transform: rotate(-.7deg); max-width: 420px; width: 100%; margin: 0 auto; box-sizing: border-box; }
  .ace-collection-feature-top { margin-bottom: 14px; padding-bottom: 12px; font-size: 8px; }
  .ace-collection-feature h4 { font-size: 28px; }
  .ace-collection-art { max-width: 310px; }
  .ace-collection-feature-prize { font-size: 39px; }
  .ace-collection-feature-caption { margin: 9px 0 18px; font-size: 11px; letter-spacing: .02em; }
  .ace-collection-perfect { padding-top: 16px; gap: 10px; }
  .ace-collection-perfect strong { font-size: 13px; }
  .ace-collection-perfect p { font-size: 9px; }
  .ace-collection-records { gap: 13px; }
  .ace-collection-contest { flex-wrap: wrap; gap: 9px; padding-bottom: 3px; }
  .ace-collection-contest > span { padding: 5px 7px; font-size: 9px; }
  .ace-collection-contest p { font-size: 11px; letter-spacing: 0; }
  .ace-collection-contest i { display: none; }
  .ace-collection-record { padding: 22px 17px; }
  .ace-collection-record > header { gap: 9px; flex-wrap: wrap; }
  .ace-collection-record-index { font-size: 12px; }
  .ace-collection-record header p { font-size: 7px; letter-spacing: .1em; }
  .ace-collection-record h4 { font-size: 22px; }
  .ace-collection-unit { font-size: 8px; padding-bottom: 5px; }
  .ace-collection-stats { margin-top: 19px; padding-top: 18px; }
  .ace-collection-stats dd { font-size: 38px; }
  .ace-collection-stats dt { font-size: 10px; letter-spacing: 0; margin-top: 8px; }
  .ace-collection-bottom { padding-top: 23px; margin-top: 26px; gap: 18px; flex-wrap: wrap; }
  .ace-collection-bottom p { font-size: 12px; }
  .ace-collection-note { font-size: 8px; }
}
@media (max-width: 359px) {
  .ace-honors-collection { padding-inline: 17px; }
  .ace-collection-masthead { flex-wrap: wrap; }
  .ace-collection-heading h3 { font-size: 31px; }
  .ace-collection-feature { padding-inline: 16px; }
  .ace-collection-feature-prize { font-size: 32px; }
  .ace-collection-record { padding-inline: 12px; }
  .ace-collection-record h4 { font-size: 20px; }
  .ace-collection-unit { width: 100%; margin-left: 23px; margin-top: 3px; padding: 0; }
  .ace-collection-stats dd { font-size: 33px; }
}
@media (prefers-reduced-motion: reduce) {
  .ace-honors-collection *, .ace-honors-collection *::before,
  .ace-honors-collection *::after { animation: none !important; transition: none !important; }
}
