body { position: relative; isolation: isolate; }
.topbar { background: #110f0e; backdrop-filter: none; -webkit-backdrop-filter: none; }
.workshop-scene { display: none; }

@media (min-width: 981px) {
  .workshop-scene {
    display: block;
    position: absolute;
    z-index: -1;
    inset: 60px 0 auto;
    height: min(850px, 65vw);
    pointer-events: none;
    background-image: linear-gradient(to bottom, transparent 65%, #110f0e 100%), url("workshop-scene.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%, cover;
  }
  .wrap { max-width: 1160px; }
  .forum-heading { margin-top: 20px; padding: 12px 16px; background: #1c1815; border: 1px solid var(--stroke-2); border-radius: 10px; }
  .forum-board,.thread,.reply-panel { background: #1c1815; }
  .breadcrumbs,.topic-heading { background: rgba(17,15,14,.96); }
  .breadcrumbs { padding: 8px 14px; margin: 0 0 12px; border-radius: 10px; }
  .topic-heading { padding: 20px 24px; border: 1px solid var(--stroke-2); border-radius: 16px; }
}

/* A sign on the wall and an enlarged portrait, without the old enclosing card. */
.workshop-intro { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:56px; align-items:center; min-height:440px; padding:10px 28px 38px; margin:0 0 28px; }
.workshop-intro__copy { min-width:0; align-self:start; padding-top:12px; }
.workshop-plaque { position:relative; display:table; padding:8px 24px; margin:0 0 12px; border:1px solid #806b53; border-radius:3px; background:linear-gradient(165deg,#3a332b,#241f1a 48%,#302820); box-shadow:inset 0 1px rgb(246 214 170 / .17),0 3px 8px rgb(0 0 0 / .4); color:#ead9bf; font:600 11px/1.4 "Manrope",sans-serif; letter-spacing:.19em; text-transform:uppercase; }
.workshop-plaque::before,.workshop-plaque::after { content:""; position:absolute; top:50%; width:3px; height:3px; margin-top:-1px; border-radius:50%; background:#ae9674; box-shadow:0 1px 1px #0a0908; }
.workshop-plaque::before { left:8px; } .workshop-plaque::after { right:8px; }
.workshop-intro .workshop-sign { margin:0 0 26px; font-size:clamp(46px,5.4vw,72px); white-space:nowrap; flex-wrap:nowrap; }
.workshop-intro__lead { margin:0 0 8px; color:#f1e5d5; font-size:18px; line-height:1.65; text-shadow:0 2px 5px #080706; }
.workshop-intro__topics { margin:0; max-width:390px; color:#c8baaa; font-size:14px; line-height:1.85; text-shadow:0 2px 5px #080706; }
.workshop-portrait { position:relative; width:280px; margin:16px 0 0; padding:5px; border:1px solid #68533d; border-radius:8px; background:#18130f; box-shadow:0 10px 22px rgb(0 0 0 / .32),inset 0 0 0 1px #2f251c; }
.workshop-portrait img { display:block; width:100%; height:auto; border-radius:3px; }
@media(max-width:1100px) and (min-width:761px) {
 .workshop-intro { grid-template-columns:minmax(0,1fr) 250px; gap:36px; padding-inline:6px; }
 .workshop-portrait { width:250px; }
 .workshop-intro .workshop-sign { font-size:clamp(40px,5vw,56px); }
}
@media(max-width:760px) {
 .workshop-intro { grid-template-columns:minmax(0,1fr); gap:24px; padding:8px 0 22px; min-height:0; }
 .workshop-intro__copy { padding:0; }
 .workshop-intro .workshop-sign { font-size:clamp(37px,7.5vw,53px); margin-bottom:18px; }
 .workshop-intro__lead { font-size:16px; }
 .workshop-intro__topics { font-size:13px; }
 .workshop-portrait { width:224px; max-width:100%; justify-self:center; margin:0; }
 .workshop-plaque { font-size:10px; margin-bottom:10px; }
}