.bpc-commission {
  --bpc-ink: #0a0c0d;
  --bpc-paper: #f2f0e8;
  --bpc-muted: #b5b8b5;
  --bpc-rule: rgba(242,240,232,.2);
  --bpc-signal: #e8bd67;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 12px 0 44px;
  padding: clamp(22px,3.5vw,44px);
  color: var(--bpc-paper);
  background: radial-gradient(ellipse at 91% 4%,rgba(94,117,125,.16),transparent 36%),var(--bpc-ink);
  border: 1px solid rgba(210,221,218,.26);
  box-shadow: 0 30px 100px rgba(0,0,0,.32);
  font-family: "Space Grotesk",sans-serif;
}
.bpc-commission::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(rgba(213,227,225,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(213,227,225,.028) 1px,transparent 1px);
  background-size: 64px 64px;
  content: "";
  mask-image: linear-gradient(120deg,#000,transparent 74%);
  pointer-events: none;
}
.bpc-commission__masthead,.bpc-commission__foot { display:flex;justify-content:space-between;align-items:center;gap:18px }
.bpc-commission__masthead {
  min-height: 26px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bpc-rule);
  color: var(--bpc-muted);
  font: 500 10px/1.5 "JetBrains Mono",monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bpc-commission__eyebrow,.bpc-commission__studio { margin:0 }
.bpc-commission__eyebrow { color:var(--bpc-paper) }
.bpc-commission__eyebrow > span { color:var(--bpc-signal);margin-right:14px }
.bpc-commission__eyebrow i {
  display:inline-block;width:4px;height:4px;margin:0 10px 2px;background:var(--bpc-signal);border-radius:50%;
}
.bpc-commission__studio span { color:var(--bpc-signal);padding:0 5px }
.bpc-commission__intro {
  display:grid;
  grid-template-columns:minmax(0,1.23fr) minmax(255px,.77fr);
  gap:clamp(24px,5vw,76px);
  align-items:end;
  padding:clamp(35px,6vw,76px) 0 clamp(30px,4vw,50px);
}
.bpc-commission__kicker {
  margin:0 0 13px 5px;
  color:var(--bpc-signal);
  font:500 10px/1.4 "JetBrains Mono",monospace;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.bpc-commission__heading h2 {
  margin:0;
  color:var(--bpc-paper);
  font:600 clamp(60px,9.1vw,132px)/.86 "Clash Display",sans-serif;
  letter-spacing:-.055em;
}
.bpc-commission__heading h2 span {
  display:inline-block;
  margin:.11em 0 0 .25em;
  color:transparent;
  -webkit-text-stroke:1px rgba(242,240,232,.9);
}
.bpc-commission__story { max-width:350px;padding-bottom:2px }
.bpc-commission__manifesto {
  margin:0 0 17px;
  color:var(--bpc-paper);
  font:600 clamp(28px,3.15vw,43px)/.93 "Clash Display",sans-serif;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.bpc-commission__manifesto em { color:var(--bpc-signal);font-style:normal }
.bpc-commission__copy { max-width:330px;margin:0 0 22px;color:#c4c9c7;font-size:14px;line-height:1.7 }
.bpc-commission__link {
  display:inline-flex;
  min-height:46px;
  align-items:center;
  gap:22px;
  padding:0 15px 0 17px;
  color:var(--bpc-ink);
  background:var(--bpc-signal);
  border:1px solid var(--bpc-signal);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:color .22s ease,background-color .22s ease,transform .22s ease;
}
.bpc-commission__link:hover { color:var(--bpc-paper);background:transparent;transform:translateY(-2px) }
.bpc-commission__arrow { font-size:18px;line-height:1;transition:transform .22s ease }
.bpc-commission__link:hover .bpc-commission__arrow { transform:translate(2px,-2px) }
.bpc-commission__image { position:relative;overflow:hidden;margin:0;background:#080d11;border:1px solid rgba(221,231,228,.23) }
.bpc-commission__image > a { display:block }
.bpc-commission__image::after { position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,7,9,.77));content:"";pointer-events:none }
.bpc-commission__image img { display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.25,1),filter .8s ease }
.bpc-commission__image:hover img { transform:scale(1.018);filter:brightness(1.08) }
.bpc-commission__image-caption {
  position:absolute;z-index:1;right:clamp(17px,3vw,38px);bottom:clamp(15px,2.8vw,32px);left:clamp(17px,3vw,38px);
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  color:var(--bpc-paper);font:500 10px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;
  pointer-events:none;
}
.bpc-commission__caption-index { color:var(--bpc-signal) }
.bpc-commission__caption-index i { display:inline-block;width:30px;height:1px;margin:0 9px 3px;background:rgba(242,240,232,.56) }
.bpc-commission__caption-note { color:rgba(242,240,232,.8) }
.bpc-commission__caption-note b { margin-left:8px;color:var(--bpc-signal);font-size:14px }
.bpc-commission__image-mark {
  position:absolute;z-index:1;top:18px;right:18px;color:rgba(242,240,232,.76);
  font:500 9px/1 "JetBrains Mono",monospace;letter-spacing:.15em;pointer-events:none;
}
.bpc-commission__image-mark span { color:var(--bpc-signal) }
.bpc-commission__foot {
  padding-top:16px;color:#a6adaa;font:500 9px/1.5 "JetBrains Mono",monospace;letter-spacing:.09em;text-transform:uppercase;
}
.bpc-commission__foot p { margin:0 }
.bpc-commission__status { display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;background:var(--bpc-signal);border-radius:50% }
.bpc-commission a:focus-visible { outline:3px solid var(--bpc-paper);outline-offset:4px }
@media(max-width:700px) {
  .bpc-commission { margin:8px 0 30px;padding:20px 18px 17px }
  .bpc-commission__masthead { align-items:flex-start;padding-bottom:14px;font-size:8px;letter-spacing:.08em }
  .bpc-commission__eyebrow > span { margin-right:7px }
  .bpc-commission__eyebrow i { margin-right:6px;margin-left:6px }
  .bpc-commission__studio { text-align:right }
  .bpc-commission__intro { grid-template-columns:1fr;gap:25px;padding:36px 0 25px }
  .bpc-commission__kicker { margin:0 0 13px 2px;font-size:9px }
  .bpc-commission__heading h2 { font-size:clamp(58px,15.2vw,98px) }
  .bpc-commission__heading h2 span { margin-left:.12em }
  .bpc-commission__story { max-width:440px }
  .bpc-commission__manifesto { margin-bottom:12px;font-size:34px }
  .bpc-commission__copy { max-width:360px;margin-bottom:17px;font-size:13px }
  .bpc-commission__image img { min-height:235px;object-fit:cover;object-position:center }
  .bpc-commission__image-caption { align-items:flex-end;font-size:8px;letter-spacing:.06em }
  .bpc-commission__caption-index i { width:16px;margin-right:5px;margin-left:5px }
  .bpc-commission__caption-note { max-width:115px;text-align:right }
  .bpc-commission__image-mark { top:12px;right:12px;font-size:8px }
  .bpc-commission__foot { align-items:flex-start;gap:10px;font-size:8px;letter-spacing:.05em }
}
@media(prefers-reduced-motion:reduce) {
  .bpc-commission__link,.bpc-commission__arrow,.bpc-commission__image img { transition:none }
  .bpc-commission__link:hover,.bpc-commission__link:hover .bpc-commission__arrow,.bpc-commission__image:hover img { transform:none }
}