/* Productions — furniture only. Colour and type come from THE STANDARD. */
.pr-h1 { font-size:var(--step-4); margin:0 0 var(--s4); }
.pr-panel { display:none; }
.pr-panel.active { display:block; }
.pr-card { margin:var(--s5) 0; padding:var(--s5); }
.pr-card .pr-h { font-family:var(--font-sans); font-size:.72rem; font-weight:600; letter-spacing:.17em;
  text-transform:uppercase; color:var(--text-3); margin:0 0 var(--s4); padding-bottom:var(--s3);
  border-bottom:1px solid var(--line); }
.pr-fld { display:block; font-size:.68rem; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--text-3); margin:0 0 var(--s2); }
.pr-soft { text-transform:none; letter-spacing:0; font-weight:400; }
.pr-w { width:100%; }
.pr-ta { min-height:110px; resize:vertical; line-height:1.7; font-family:var(--font-sans); }
.pr-3up { display:flex; gap:var(--s5); flex-wrap:wrap; margin-top:var(--s4); }
.pr-3up > div { flex:1; min-width:180px; }
.pr-row { margin-top:var(--s4); }
.pr-hint { font-size:.82rem; color:var(--text-3); margin:var(--s3) 0 0; }
.pr-hint.pr-top { margin:calc(-1 * var(--s2)) 0 var(--s4); }

.pr-tabs { display:flex; gap:var(--s4); margin-left:auto; align-items:center; flex-wrap:wrap; }
.pr-tabs button:not(.bb-themebtn) { font-family:var(--font-sans); font-size:.7rem; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--text-2); background:transparent;
  border:0; border-bottom:2px solid transparent; padding:.5em .2em; cursor:pointer; }
.pr-tabs button.active { color:var(--text); border-bottom-color:var(--gold); }
.pr-tabs button:not(.bb-themebtn):hover { color:var(--text); }

.pr-styles { display:flex; gap:.4rem; flex-wrap:wrap; margin-top:var(--s4); }
.pr-style { font-size:.66rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  padding:.4em 1em; border-radius:999px; border:1px solid var(--line-strong);
  background:var(--surface); color:var(--text-2); cursor:pointer; }
.pr-style:hover { border-color:var(--gold); color:var(--gold-ink); background:var(--gold-wash); }

.pr-out { display:flex; flex-direction:column; gap:var(--s4); margin-top:var(--s5); }
.pr-made { border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden;
  background:var(--surface); }
.pr-made img, .pr-made video { display:block; width:100%; height:auto; }
.pr-made audio { width:100%; padding:var(--s3); }
.pr-made-row { display:flex; align-items:center; justify-content:space-between; gap:var(--s3);
  padding:var(--s3) var(--s4); border-top:1px solid var(--line); }
.pr-made-row .pr-hint { margin:0; }

.pr-grid { display:grid; gap:var(--s4); grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  margin-top:var(--s5); }
.pr-tile { border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:var(--surface); }
.pr-tile img, .pr-tile video { display:block; width:100%; height:130px; object-fit:cover; }
.pr-audio { padding:var(--s3); background:var(--surface-2); }
.pr-audio audio { width:100%; }
.pr-tile-b { display:flex; gap:.3rem; align-items:center; flex-wrap:wrap; padding:var(--s3); }
.pr-tile-b .pr-hint { margin:0; flex:1; min-width:60px; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; }

.pr-progress { height:6px; border-radius:3px; background:var(--line); overflow:hidden; margin-top:var(--s4); }
.pr-progress i { display:block; height:100%; width:2%; background:var(--gold);
  transition:width .4s var(--ease); }

.pr-toast { position:fixed; left:50%; bottom:1.6rem; transform:translate(-50%,1.6rem); opacity:0;
  background:var(--navy); color:var(--gold-pale); padding:.8em 1.5em; border-radius:999px;
  border:1px solid var(--gold-deep); font-size:.72rem; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; transition:all var(--dur) var(--ease); z-index:90; pointer-events:none;
  max-width:92%; text-align:center; }
.pr-toast.show { opacity:1; transform:translate(-50%,0); }

.bb-brandlink { display:flex; align-items:center; gap:.7rem; text-decoration:none; color:inherit; }
.bb-headermark { flex:none; }
.bb-brandlink__txt { display:flex; flex-direction:column; line-height:1; }
.bb-brandlink__wm { font-family:var(--font-display); font-weight:700; font-size:1.28rem;
  letter-spacing:.04em; color:var(--text); }
.bb-brandlink__wm b { font-weight:700; } .bb-brandlink__wm i { font-style:normal; }
.bb-brandlink__sub { font-size:.58rem; font-weight:600; letter-spacing:.27em;
  text-transform:uppercase; color:var(--gold-ink); margin-top:.28rem; }
.bb-themebtn { display:inline-grid; place-items:center; width:32px; height:32px;
  border:1px solid var(--line-strong); border-radius:50%; background:transparent;
  color:var(--text-2); cursor:pointer; }
.bb-themebtn:hover { border-color:var(--gold); color:var(--gold-ink); background:var(--gold-wash); }
.bb-foot-motto { font-family:var(--font-serif); font-size:1.2rem; font-style:italic;
  color:var(--gold-bright); margin-bottom:var(--s3); }
.bb-foot-small { font-size:.8rem; line-height:1.85; color:#B9C7E2; }
.bb-foot-legal { color:#8296B8; font-size:.74rem; }
.bb-footer .bb-btn--ghost { color:var(--gold-pale); border-color:rgba(244,232,196,.45); }

@media (max-width:900px){ .bb-header__in { flex-wrap:wrap; gap:var(--s3); } .pr-tabs { width:100%; margin-left:0; } }

/* ------------------------------------------------------------- the lock */
.pr-lock { position:fixed; inset:0; z-index:200; display:grid; place-items:center;
  background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter:blur(6px); padding:1.5rem; }
.pr-lock-card { width:min(100%, 460px); background:var(--surface); border:1px solid var(--gold);
  border-radius:var(--r-lg); padding:var(--s5); box-shadow:var(--shadow-2); }