/* The plaque sits behind the original portrait; only its overlapping edge is masked. */
.hero-secret { --award-overlap: 18px; isolation: isolate; overflow: visible; }
.hero-awards {
  --award-emblem-size: 60px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: var(--award-emblem-size) minmax(0,1fr) minmax(0,1fr);
  align-items: center;
  gap: 12px;
  margin: 0 7px;
  padding: 9px 18px 24px 12px;
  color: #fff9ee;
  border: 1px solid #d7b788;
  border-radius: 15px;
  background: radial-gradient(ellipse at 6% 0%,#68324e 0%,transparent 60%),linear-gradient(120deg,#301b2a,#1a121c 75%);
  box-shadow: inset 0 1px 0 #fff4db33,inset 0 0 0 4px #d9bc7e08,0 5px 0 -2px #58303c,0 13px 22px -12px #23132866;
  transform: perspective(1100px) rotateX(5deg) rotate(-.6deg);
  transform-origin: center bottom;
}
.hero-awards + .secret-stage { z-index: 2; margin-top: calc(-1 * var(--award-overlap)); }
.hero-awards + .secret-stage .secret-image {
  -webkit-mask-image: url('/assets/hero-portrait-depth-mask.svg'), linear-gradient(to bottom,transparent var(--award-overlap),#000 calc(var(--award-overlap) + 1px));
  mask-image: url('/assets/hero-portrait-depth-mask.svg'), linear-gradient(to bottom,transparent var(--award-overlap),#000 calc(var(--award-overlap) + 1px));
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-composite: source-over; mask-composite: add;
}
.hero-awards::after {
  content: '';
  position: absolute;
  height: 1px;
  top: 0;
  left: 9%;
  right: 9%;
  background: linear-gradient(90deg,transparent,#fff5d9,transparent);
  pointer-events: none;
}
.hero-award-emblem,
.hero-woman-award-emblem { display: block; width: var(--award-emblem-size); height: var(--award-emblem-size); object-fit: contain; filter: drop-shadow(0 4px 5px #0b050d66); }
.hero-award-eyebrow { display: block; margin: 0 0 4px; color: #dfc49f; font: 700 10px/1.4 Manrope,Arial,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.hero-awards strong { display: block; font: 700 18px/1.2 Manrope,Arial,sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.hero-award-year { color: #f6d7a0; white-space: nowrap; }
.hero-award-second { display: grid; grid-template-columns: var(--award-emblem-size) minmax(0,1fr); align-items: center; gap: 9px; padding: 0 0 0 14px; border-left: 1px solid #d8ba8755; }
.hero-award-copy { min-width: 0; }
.hero-award-copy .hero-award-eyebrow { color: #edc0bd; }
@media (max-width:1100px) and (min-width:801px) {
  .hero-secret { --award-overlap: 16px; }
  .hero-awards { --award-emblem-size: 48px; grid-template-columns: var(--award-emblem-size) minmax(0,1.05fr) minmax(0,1fr); gap: 8px; padding: 8px 12px 22px 8px; margin-inline: 0; }
  .hero-awards strong { font-size: 16px; }
  .hero-award-second { gap: 7px; padding-left: 9px; }
  .hero-award-eyebrow { margin-bottom: 3px; letter-spacing: .06em; }
}
@media (max-width:580px) {
  .hero-secret { --award-overlap: 14px; }
  .hero-awards { --award-emblem-size: 40px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: var(--award-emblem-size) auto; align-items: start; gap: 4px 10px; margin: 8px 0 0; padding: 8px 10px 21px; border-radius: 13px; transform: perspective(900px) rotateX(4deg) rotate(-.45deg); }
  .hero-award-emblem { grid-column: 1; grid-row: 1; justify-self: center; }
  .hero-award-main { grid-column: 1; grid-row: 2; min-width: 0; text-align: center; }
  .hero-awards strong { font-size: clamp(14px,3.85vw,16px); line-height: 1.23; }
  .hero-award-eyebrow { display: none; }
  .hero-award-second { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: minmax(0,1fr); grid-template-rows: var(--award-emblem-size) auto; align-items: start; gap: 4px; margin: 0; padding: 0 0 0 10px; border-left: 1px solid #d8ba8740; border-top: 0; text-align: center; }
  .hero-woman-award-emblem { justify-self: center; }
  .hero-award-second br { display: initial; }
}
@supports not ((mask-image: linear-gradient(#000,#000)) or (-webkit-mask-image: linear-gradient(#000,#000))) {
  .hero-awards + .secret-stage { margin-top: 8px; }
}
