/* Clear invitations remain part of the workshop copy, with a quiet brass edge. */
.workshop-copy .workshop-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:600px;pointer-events:auto}
.workshop-actions :is(button,a){display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;padding:14px 20px;border:1px solid #b9985b99;border-radius:3px;background:#231d15e8;color:#f2e8d2;font:500 14px/1.3 Georgia,serif;letter-spacing:.015em;box-shadow:0 4px 18px #0002;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.workshop-actions :is(button,a)::after{content:'↗';color:#d7b878;font:17px/1 Georgia,serif}
.workshop-actions button:first-child{background:#efe2c7;color:#332719;border-color:#efe2c7}
.workshop-actions button:first-child::after{color:#806135}
.workshop-actions :is(button,a):hover{background:#443422;border-color:#e1c38a;transform:translateY(-2px)}
.workshop-actions button:first-child:hover{background:#fff0d3;color:#332719}
.workshop-actions :is(button,a):focus-visible{outline:2px solid #f2d99d;outline-offset:5px}
#studio-dialog,#mischief-dialog{box-sizing:border-box;color:#efe5d0;background:#211c15;border:1px solid #b9985b70;border-radius:9px;box-shadow:0 28px 100px #0009;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#a28755 #211c15}
#studio-dialog{width:min(800px,calc(100vw - 36px));max-width:calc(100vw - 36px);margin:auto;padding:0}
#studio-dialog::backdrop,#mischief-dialog::backdrop{background:#0c0b08bf;backdrop-filter:blur(6px)}
.workshop-dialog-bar,#mischief-dialog .mischief-dialog-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;background:#211c15f5;border-bottom:1px solid #b9985b35}
.workshop-dialog-bar>p,#mischief-dialog .mischief-dialog-bar>p{margin:0;color:#c8b999;font:12px/1.5 Georgia,serif;letter-spacing:.025em}
.workshop-dialog-bar button,#mischief-dialog .mischief-dialog-close{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #b9985b80;border-radius:3px;background:#332a1e;color:#f0e4ca;font:12px/1.4 Georgia,serif;cursor:pointer}
.workshop-dialog-bar button:hover,#mischief-dialog .mischief-dialog-close:hover{background:#4a3b28}
.workshop-dialog-bar button:focus-visible,#mischief-dialog .mischief-dialog-close:focus-visible{outline:2px solid #e7c887;outline-offset:3px}
#studio-dialog .studio-dialog-copy{box-sizing:border-box;padding:clamp(32px,4vw,44px) clamp(24px,6vw,64px) clamp(32px,4vw,42px);max-width:800px}
#studio-dialog .eyebrow,#mischief-dialog .eyebrow{color:#d5b778;font-size:11px;letter-spacing:.12em;line-height:1.6}
#studio-dialog h2{margin:20px 0 30px;color:#f3e8ce;font:400 clamp(40px,5.6vw,68px)/1.03 Georgia,serif;letter-spacing:-.04em}
#studio-dialog h2 em{color:#d9bc7e;font-weight:400}
#studio-dialog .studio-words{max-width:580px}
#studio-dialog .studio-words p{margin:0 0 18px;color:#ded1b8;font:16px/1.7 Arial,Helvetica,sans-serif}
#studio-dialog .studio-words .quiet-note{margin-top:28px;margin-bottom:0;color:#bfa67a;font:italic 13px/1.7 Georgia,serif}
#studio-dialog .studio-emblem{display:block;width:48px;height:48px;object-fit:contain;margin-bottom:24px;filter:invert(86%) sepia(20%) saturate(600%);opacity:.65}
#mischief-dialog .mischief h2{color:#f3e8ce}
#mischief-dialog .mischief h2 em{color:#d9bc7e}
#mischief-dialog .mischief-copy>p:not(.eyebrow){color:#ded1b8}
#mischief-dialog .secondary-copy{color:#c9bca2}
#mischief-dialog .development-note{color:#c4ab79}
@media(max-width:699px){.workshop-copy .workshop-actions{gap:10px;margin-top:22px}.workshop-actions :is(button,a){padding:12px 16px;min-height:46px;font-size:13px;gap:16px}#studio-dialog,#mischief-dialog{max-height:calc(100dvh - 24px);border-radius:7px}#studio-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.workshop-dialog-bar{padding:8px 12px;gap:10px}.workshop-dialog-bar>p{max-width:130px;font-size:11px}.workshop-dialog-bar button{font-size:11px;padding:8px 10px}#studio-dialog .studio-dialog-copy{padding:30px 24px 36px}#studio-dialog h2{font-size:46px;margin:18px 0 24px}#studio-dialog .studio-words p{font-size:15px;line-height:1.65}#mischief-dialog .mischief h2{font-size:clamp(38px,12vw,48px)}}
@media(max-width:420px){.workshop-copy .workshop-actions{max-width:300px;gap:9px}.workshop-actions :is(button,a){padding:12px 14px;font-size:12px;gap:12px}#studio-dialog h2{font-size:42px}}
html[data-motion='reduced'] .workshop-actions :is(button,a){transition:none}
@media(prefers-reduced-motion:reduce){.workshop-actions :is(button,a){transition:none}}
#studio-dialog .studio-dialog-copy{width:100%;max-width:800px}
#studio-dialog .studio-words{padding:0;margin-top:0;background:none;border:0}
#mischief-dialog .mischief-copy .secondary-copy{color:#c9bca2!important}

@media(max-width:699px){.clay-invitation{display:none}.workshop-actions :is(button,a){min-width:190px}}

/* Translucent panels retain the scene behind them, including the workshop. */
#studio-dialog,#mischief-dialog{background:linear-gradient(120deg,#11160ed4,#1c1c13b8);backdrop-filter:blur(3px);box-shadow:0 20px 80px #0006}
#studio-dialog::backdrop,#mischief-dialog::backdrop{background:#060a073d;backdrop-filter:blur(1px)}
.workshop-dialog-bar,#mischief-dialog .mischief-dialog-bar{background:#1c2118b8;backdrop-filter:blur(8px)}
#mischief-dialog .mischief{background:transparent}
.workshop-actions .workshop-contact{background:#171c12b3;min-width:128px}
@media(max-width:699px){.workshop-actions .workshop-contact{min-width:190px}.workshop-copy{bottom:9%}.hub-scroll-note{margin-top:13px}}

html[data-workshop-open] :is(.story-copy,.contact-copy,.footer-line,.site-header,.motion-toggle){visibility:hidden}