/* placeholder photo, recrop so the face is not cut awkwardly */
.phero__media img{object-position:center 26%;}
.vault{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:16px;}
.pk{position:relative;border:1px solid var(--line-2);background:#171009;padding:22px;display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .25s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .3s;}
.pk__bg{position:absolute;inset:0;background-size:cover;background-position:center 20%;opacity:.22;
  -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 85%);mask-image:linear-gradient(180deg,#000 30%,transparent 85%);
  transition:opacity .3s;}
.pk:hover .pk__bg{opacity:.32;}
.pk--img .pk__tag,.pk--img .pk__name,.pk--img .pk__desc,.pk--img .pk__ft,.pk--img .pk__wave{position:relative;z-index:1;}
.pk--big{grid-row:span 2;grid-column:span 1;background:linear-gradient(160deg,#221108,#140B08);}
.pk:hover{border-color:var(--accent);transform:translateY(-5px) rotate(-.5deg);box-shadow:0 16px 46px rgba(236,48,18,.28);}
.pk__tag{position:absolute;top:14px;right:14px;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(236,48,18,.5);color:#FF8A5B;padding:3px 8px;font-weight:700;}
.pk__wave{margin-bottom:auto;}
.pk__wave i{animation-play-state:paused;}
.pk:hover .pk__wave i{animation-play-state:running;}
.pk__name{font-size:1.5rem;margin-top:auto;}
.pk--big .pk__name{font-size:2.3rem;}
.pk__desc{color:var(--muted);font-size:.9rem;margin:6px 0 0;}
.pk__ft{display:flex;gap:12px;font-size:.72rem;color:var(--muted);margin-top:8px;letter-spacing:.06em;}
.pk__fmt{color:#FF8A5B;font-weight:700;}
.pk__get{position:absolute;bottom:14px;right:14px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--grad);color:#fff;padding:7px 12px;opacity:0;transform:translateX(10px);transition:opacity .25s,transform .3s;}
.pk:hover .pk__get{opacity:1;transform:none;}
/* unlock */
.unlock{position:relative;border:1px solid rgba(236,48,18,.4);padding:clamp(28px,5vw,56px);overflow:hidden;
  background:radial-gradient(70% 120% at 100% 0,rgba(236,48,18,.16),transparent 55%);}
.unlock__fx{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;}
.unlock__h{font-size:clamp(1.9rem,4.5vw,3.6rem);margin-top:12px;}
.unlock p{color:var(--muted);max-width:52ch;}
.unlock__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.unlock__row input{flex:1 1 240px;}
.unlock__err{color:#F87171;font-size:.85rem;margin:10px 0 0;}
.unlock__done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,5vw,4rem);
  opacity:0;pointer-events:none;background:rgba(10,6,5,.92);}
.unlock.is-done .unlock__ask{opacity:0;pointer-events:none;visibility:hidden;}
.unlock.is-done .unlock__done{opacity:1;}
.unlock__ask,.unlock__done{transition:opacity .45s;}
@media (max-width:900px){ .vault{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .vault{grid-template-columns:1fr;grid-auto-rows:auto;} .pk{min-height:180px;} .pk__get{opacity:1;transform:none;} }