.contact-dialog{--ink:#f1f1ee;--dim:#aaa;width:calc(100% - 40px);height:auto;max-height:calc(100dvh - 40px);margin:auto;border:1px solid #ffffff30;background:#101010;color:var(--ink)}
.contact-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}
.contact-close{position:absolute;top:15px;right:20px;width:44px;height:44px}
.contact-dialog .icon{display:inline-block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.contact-close .icon{width:20px;height:20px}
.contact-dialog .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.contact-dialog .text-link{border-bottom:1px solid #ffffff60}
.contact-dialog button:disabled{opacity:.5;cursor:wait}
.contact-open{text-align:left}
#navigation .contact-open{padding:10px 0;font-size:inherit}
#navigation .contact-open:hover{color:#aaa}

.contact-dialog{max-width:800px;padding:45px 48px 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#77736a #10100f}
.contact-dialog h2{font-size:clamp(42px,5vw,60px);line-height:1.02;margin:17px 0 25px;outline:none}
.contact-close{z-index:2;border-radius:50%;background:#10100f}
.contact-intent{display:flex;gap:10px;margin:0 0 27px;border:0;padding:0;flex-wrap:wrap}
.contact-intent label{cursor:pointer;position:relative}
.contact-intent input{position:absolute;opacity:0;width:1px;height:1px}
.contact-intent span{display:block;border:1px solid #ffffff2e;border-radius:100px;padding:11px 18px;font-size:12px;transition:background .2s,border-color .2s,color .2s}
.contact-intent input:checked+span{background:#e3ddcf;color:#171612;border-color:#e3ddcf}
.contact-intent input:focus-visible+span{outline:1px solid #fff;outline-offset:4px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px}
.form-field{display:block;font-size:12px;position:relative}
.optional{float:right;font-size:10px;color:#8f8b84}
.form-field input,.form-field select,.form-field textarea{display:block;width:100%;font:inherit;font-size:14px;color:var(--ink);border:0;border-bottom:1px solid #ffffff35;border-radius:0;background:transparent;padding:12px 0;margin:0;transition:border-color .2s;box-shadow:none}
.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b9b3a8'/%3E%3C/svg%3E");background-position:right 3px center;background-repeat:no-repeat;padding-right:20px;color:#b8b4ac}
.form-field select option{background:#161615;color:var(--ink)}
.form-field textarea{resize:vertical;min-height:76px;max-height:200px;line-height:1.5}
.form-field input::placeholder,.form-field textarea::placeholder{color:#85817a;opacity:1}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#e3ddcf}
.form-field:focus-within{color:#fff}
.form-wide{grid-column:1/-1}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.form-footer p{font-size:10px;color:#979289;line-height:1.5;max-width:200px;margin:0}
.send-message{display:flex;align-items:center;gap:32px;padding:14px 20px;background:#e3ddcf;color:#171612;font-size:13px;border:1px solid #e3ddcf;transition:background .2s}
.send-message:hover{background:#f6f1e6}
#form-status{font-size:12px;line-height:1.5;margin:12px 0 0;min-height:0;color:var(--dim)}
#form-status:empty{display:none}
#form-status.error{color:#ecbba8}
#form-status.success{color:#d3e0c5}
.contact-direct{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff22;margin-top:25px;padding-top:19px}
.contact-direct>span{font-size:11px;color:#979289}
.contact-direct .contact-email{font-size:14px}
.contact-direct .contact-email .icon{width:11px;height:11px;margin-left:6px}
.contact-direct #copy-email{margin-left:0;font-size:11px;padding-bottom:5px}
#contact-status{font-size:11px;min-height:0;margin:9px 0 0}
#contact-status:empty{display:none}
@media(max-width:600px){.contact-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:44px 24px 22px}.contact-dialog h2{font-size:42px}.contact-close{top:6px;right:8px}.contact-intent{gap:8px;margin-bottom:26px}.contact-intent span{padding:10px 12px;font-size:11px}.form-grid{grid-template-columns:1fr;gap:22px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.form-footer{gap:12px}.form-footer p{max-width:120px}.send-message{padding:13px 15px;gap:20px;font-size:12px}.contact-direct{flex-wrap:wrap;gap:10px}.contact-direct>span{width:100%}.contact-direct .contact-email{font-size:14px}}