/* Modal animation is driven by one lifecycle, including close, backdrop and Escape. */
dialog[open],#serviceDetail.is-closing{animation:none!important}dialog[open]::backdrop{animation:popup-backdrop .5s ease both}dialog.popup-exiting::backdrop{animation:popup-backdrop-out .24s ease both}
@keyframes popup-backdrop{from{opacity:0}to{opacity:1}}@keyframes popup-backdrop-out{from{opacity:1}to{opacity:0}}
#brief{width:min(880px,94vw);max-height:90svh;overflow:auto;padding:36px;border-radius:18px;background:radial-gradient(ellipse at top right,#50221d45,transparent 65%),#100e0e;box-shadow:0 35px 110px #0009;scrollbar-width:thin}
#brief>.close{position:absolute;right:18px;top:18px}#brief h2{font:700 clamp(24px,3.3vw,38px)/1.4 var(--type);letter-spacing:-.025em;margin:18px 36px 12px 0}#brief>p{font:400 13px/1.8 var(--type);color:#bfb4af}
.brief-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px 22px;margin:24px 0 5px}.brief-field{display:flex;flex-direction:column;gap:9px;min-width:0}.brief-field.full{grid-column:1/-1}.brief-field span{font:500 12px/1.7 var(--type);color:#e6deda}
.brief-field input,.brief-field textarea,.brief-field select,.brief-copy-fallback{width:100%;min-width:0;border:1px solid #ffffff27;border-radius:8px;background:#ffffff05;color:#fff;padding:12px 14px;font:400 14px/1.7 var(--type);transition:border-color .2s,box-shadow .2s;outline:none;color-scheme:dark}.brief-field textarea{resize:vertical;min-height:95px}.brief-field input:focus,.brief-field textarea:focus,.brief-field select:focus{border-color:#ff725f;box-shadow:0 0 0 3px #ff3b251a}.brief-field input::placeholder,.brief-field textarea::placeholder{color:#8c817e}.brief-field select option{background:#171212}#brief .cta{border-radius:30px;margin-top:25px}.brief-status{margin:12px 0 0!important;font-size:12px!important}.brief-status:empty{display:none}.brief-copy-fallback{margin-top:14px;height:160px}#briefText[hidden]{display:none!important}
@media(max-width:600px){#brief{padding:25px 20px;max-height:88svh}#brief h2{font-size:23px;margin-right:27px}.brief-fields{grid-template-columns:minmax(0,1fr);gap:16px}.brief-field input,.brief-field textarea,.brief-field select{font-size:16px}.brief-field.full{grid-column:auto}#brief>.close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){dialog[open]::backdrop,dialog.popup-exiting::backdrop{animation:none}.brief-field input,.brief-field textarea,.brief-field select{transition:none}}