/* Анкета «Обсудим проект» — те же стили, что на главной */
/* бриф во всплывающем окне */
#brief{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;visibility:hidden;pointer-events:none;transition:visibility 0s .4s;font-family:"Manrope","Manrope Placeholder",sans-serif;color:#050505;letter-spacing:-0.03em}
#brief.open{visibility:visible;pointer-events:auto;transition-delay:0s}
#brief .bf-back{position:absolute;inset:0;background:rgba(5,5,5,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .35s ease}
#brief.open .bf-back{opacity:1}
#brief .bf-panel{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;background:#f5f5f5;padding:32px 36px;box-sizing:border-box;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .35s ease,transform .5s cubic-bezier(.22,.8,.2,1)}
#brief.open .bf-panel{opacity:1;transform:none}
#brief .bf-close{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:8px;background:none;border:0;padding:4px;font:500 14px/20px "Manrope",sans-serif;letter-spacing:-0.03em;color:#050505;cursor:pointer}
#brief .bf-close i{position:relative;width:14px;height:14px}
#brief .bf-close i::before,#brief .bf-close i::after{content:"";position:absolute;left:-1px;top:6px;width:16px;height:1.5px;background:#050505;transform:rotate(45deg)}
#brief .bf-close i::after{transform:rotate(-45deg)}
#brief .bf-panel::-webkit-scrollbar{display:none}
#brief .bf-form,#brief .bf-done{display:flex;flex-direction:column;gap:16px}
#brief .bf-done{display:none}
#brief.sent .bf-form{display:none}
#brief.sent .bf-done{display:flex}
#brief .bf-head{display:flex;flex-direction:column;gap:8px;padding-right:90px}
#brief .bf-title{margin:0;font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-0.03em}
#brief .bf-lead{margin:0;font-size:15px;line-height:1.45;font-weight:500;color:rgba(5,5,5,.55)}
#brief .bf-lead a{color:#050505}
#brief .bf-field{display:flex;flex-direction:column;gap:8px}
#brief .bf-label{font-size:13px;line-height:1.4;font-weight:500;color:rgba(5,5,5,.55)}
#brief input[type=text],#brief textarea{width:100%;box-sizing:border-box;border:1px solid rgba(5,5,5,.18);border-radius:14px;background:transparent;padding:14px 16px;font:500 16px/1.4 "Manrope",sans-serif;letter-spacing:-0.03em;color:#050505;outline:none;resize:none;transition:border-color .2s ease}
#brief input[type=text]::placeholder,#brief textarea::placeholder{color:rgba(5,5,5,.35)}
#brief input[type=text]:focus,#brief textarea:focus{border-color:#050505}
#brief .bad input[type=text],#brief .bad textarea{border-color:#d93a2b}
#brief .bf-chips{display:flex;flex-wrap:wrap;gap:8px}
#brief .bf-chip input{position:absolute;opacity:0;pointer-events:none}
#brief .bf-chip span{display:inline-block;font-size:14px;line-height:1.4;font-weight:500;padding:8px 16px;border-radius:100px;border:1px solid rgba(5,5,5,.18);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
#brief .bf-chip input:checked+span{background:#050505;border-color:#050505;color:#f5f5f5}
#brief .bf-chip input:focus-visible+span{outline:2px solid #050505;outline-offset:2px}
#brief .bf-agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;font-weight:500;color:rgba(5,5,5,.6);cursor:pointer}
#brief .bf-agree input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#050505}
#brief .bf-agree a{color:#050505}
#brief .bf-agree.bad{color:#d93a2b}
#brief .bf-ts{width:100%;min-height:0;margin-top:-16px}
#brief .bf-ts.show{margin-top:0}
#brief .bf-ts:empty{display:none}
#brief .bf-err{margin:-8px 0 0;min-height:0;font-size:13px;font-weight:500;color:#d93a2b}
#brief .bf-err:empty{display:none}
#brief .bf-send{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:100px;border:1px solid #050505;background:#050505;color:#f5f5f5;font:500 15px/1.4 "Manrope",sans-serif;letter-spacing:-0.03em;cursor:pointer;transition:background .3s ease,color .3s ease}
#brief .bf-send span{transition:transform .3s ease}
#brief .bf-send:hover{background:transparent;color:#050505}
#brief .bf-send:hover span{transform:translateX(4px)}
#brief .bf-send:disabled{opacity:.3;cursor:not-allowed}
#brief .bf-send:disabled:hover{background:#050505;color:#f5f5f5}
#brief .bf-send:disabled:hover span{transform:none}
html.bf-lock,html.bf-lock body{overflow:hidden !important}
@media (max-width:809.98px){
#brief{padding:0;align-items:flex-end}
#brief .bf-panel{max-width:none;height:100%;max-height:none;padding:28px 20px calc(24px + env(safe-area-inset-bottom))}
#brief .bf-title{font-size:28px}
#brief .bf-head{padding-right:80px}
}