.director-brand h1{letter-spacing:4px}

.dialogue-title #close-chat{display:flex;align-items:center;gap:8px;min-width:72px;padding:8px 11px;border:1px solid rgba(211,169,99,.68);border-radius:22px;background:rgba(200,157,92,.12);color:#ead7b5;font-size:12px;cursor:pointer;box-shadow:0 0 0 3px rgba(200,157,92,.06)}
.dialogue-title #close-chat span{letter-spacing:1px}.dialogue-title #close-chat b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#c89d5c;color:#101516;font:700 18px/1 Arial,sans-serif;transition:transform .2s ease}
.dialogue-title #close-chat:hover b,.dialogue-title #close-chat:focus-visible b{transform:translateY(2px)}

.thread-visual{position:relative;margin:-4px 0 18px;padding:7px 0 4px;border-bottom:1px solid rgba(200,157,92,.18);text-align:center;overflow:hidden}
.thread-visual svg{display:block;width:100%;height:112px;overflow:visible}.thread-visual path{fill:none;stroke:#c89d5c;stroke-width:2.1;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:transform .85s cubic-bezier(.2,.75,.25,1),opacity .65s ease,stroke-width .65s ease}.thread-visual .loose-line{opacity:.5}.thread-visual .knot-loop{transform-origin:158px 80px}.thread-visual span{display:block;margin-top:-5px;color:#756d61;font:10px/1.4 Arial,sans-serif;letter-spacing:2px}
.thread-visual[data-step="0"] .knot-loop{transform:scale(1.08)}
.thread-visual[data-step="1"] .loop-a{transform:translateX(-8px) rotate(-5deg)}
.thread-visual[data-step="2"] .loop-a{transform:translateX(-20px) rotate(-9deg)}.thread-visual[data-step="2"] .loop-b{transform:translateX(8px) rotate(5deg)}
.thread-visual[data-step="3"] .loop-a{transform:translateX(-32px) rotate(-12deg);opacity:.72}.thread-visual[data-step="3"] .loop-b{transform:translateX(18px) rotate(8deg)}
.thread-visual[data-step="4"] .loop-a{transform:translateX(-47px) scale(.92);opacity:.48}.thread-visual[data-step="4"] .loop-b{transform:translateX(30px) rotate(13deg)}.thread-visual[data-step="4"] .loop-c{transform:translateX(10px)}
.thread-visual[data-step="5"] .loop-a{transform:translateX(-63px) scale(.84);opacity:.3}.thread-visual[data-step="5"] .loop-b{transform:translateX(48px) scale(.9);opacity:.72}.thread-visual[data-step="5"] .loop-c{transform:translateX(20px) rotate(8deg)}
.thread-visual[data-step="6"] .loop-a{transform:translateX(-78px) scale(.75);opacity:.16}.thread-visual[data-step="6"] .loop-b{transform:translateX(66px) scale(.82);opacity:.43}.thread-visual[data-step="6"] .loop-c{transform:translateX(34px) rotate(12deg);opacity:.68}
.thread-visual[data-step="7"] .knot-loop{transform:translateX(88px) scale(.65);opacity:.08}.thread-visual[data-step="7"] .loose-line{opacity:1;stroke-width:2.6}

@media(max-width:370px){.dialogue-title #close-chat{min-width:65px}.thread-visual svg{height:96px}}