/* The contact page owns its background and decorative brand colors. */
body[data-section="contact"]{position:relative;isolation:isolate;--line:#bdc3c3;min-height:100svh}
.contact-brand-glow{display:none;position:absolute;bottom:0;right:0;width:min(740px,84vw);height:620px;overflow:hidden;z-index:-1;pointer-events:none;user-select:none;background:radial-gradient(ellipse at 83% 78%,#e426333d,transparent 65%),radial-gradient(ellipse at 68% 57%,#12181c30,transparent 64%)}

body[data-section="contact"] .detail-card{background:rgba(217,223,223,.56);border-color:#c5cdcd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body[data-section="contact"] .form-panel{background:rgba(218,224,224,.6);border-color:#c4ceca;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top-color:var(--accent);box-shadow:0 18px 44px #17231d08}
body[data-section="contact"] .message-form input,body[data-section="contact"] .message-form textarea{background:rgba(225,230,229,.56);border-color:#bcc8c3}
body[data-section="contact"] .message-form input:focus,body[data-section="contact"] .message-form textarea:focus{background:rgba(229,233,232,.8)}
.email-card{display:block;color:inherit;text-decoration:none;cursor:pointer;min-width:0}
body[data-section="contact"] .email-card:hover{background:rgba(210,220,215,.76);border-color:#a6b2ac}
body[data-section="contact"] .map-link{min-height:44px;min-width:44px;padding:10px 3px;touch-action:manipulation}
body[data-section="contact"] .whatsapp-contact{touch-action:manipulation}
body[data-section="contact"] .contact-icon{pointer-events:none}
body[data-section="contact"] #message-form{scroll-margin-top:28px}
.contact-link-help{margin:16px 0 0;padding:16px 18px;border:1px solid #cbd2cd;border-radius:8px;background:rgba(216,224,220,.72)}
.contact-link-help[hidden],.contact-link-help [hidden]{display:none!important}
.contact-link-help p{font-size:13px;line-height:1.65;color:#4a554e;margin:0 0 10px}
.contact-link-help button{font:500 13px Arial,Helvetica,sans-serif;border:0;border-bottom:1px solid #67786c;background:none;color:#223f2d;min-height:36px;padding:5px 0;cursor:pointer}
.contact-link-help label{display:block;font-size:12px;line-height:1.5;margin-top:12px}
.contact-link-help input{display:block;width:100%;margin-top:8px;padding:10px;font-size:13px;border:1px solid #b8c3bc;border-radius:4px;background:#eef2ef;color:#202923}
.contact-link-help #contact-copy-status:empty{display:none}
.contact-link-help #contact-copy-status:not(:empty){margin:8px 0 0}
@media(max-width:700px){.contact-brand-glow{width:100%;height:470px}}

/* Original logo is the sole header brand mark on the contact page. */
body[data-section="contact"] .metal-identity img{width:110px;height:110px;mix-blend-mode:normal;display:block;background:transparent}
@media(max-width:700px){body[data-section="contact"] .metal-identity img{width:88px;height:88px}}

body[data-section="contact"] .metal-identity .contact-registered-logo{display:block;position:relative;line-height:1;font-size:inherit;letter-spacing:normal}
body[data-section="contact"] .registered-mark{position:absolute;top:1px;right:-7px;font:500 16px/1 Arial,Helvetica,sans-serif;color:#202323}
@media(max-width:700px){body[data-section="contact"] .registered-mark{font-size:14px;right:-6px}}

body[data-section="contact"] .contact-legal-footer{display:grid;grid-template-columns:1fr;gap:16px;padding-top:24px}
.rights-notice p{font-size:12px;line-height:1.7;margin:0;color:#515a58}.rights-notice p:first-child{font-weight:600;color:#28312e}
.legal-disclosure{max-width:880px}.legal-disclosure summary{cursor:pointer;font-size:12px;line-height:1.6;padding:8px 0;color:#39453f;text-underline-offset:4px}.legal-disclosure summary:hover{text-decoration:underline}.legal-disclosure summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.legal-content{padding:20px 22px;margin-top:10px;border:1px solid #c7cecb;border-radius:8px;background:#dbe1df99}.metal-studio .legal-content h2{font-size:18px;line-height:1.4;letter-spacing:-.015em;margin:0 0 16px;font-weight:500}.legal-content p{font-size:13px;line-height:1.8;color:#424d47;margin:0 0 12px}.legal-content p:last-child{margin-bottom:0}.footer-navigation{display:flex;justify-content:space-between;gap:20px;font-size:11px}

.attachment-field{min-width:0}
.attachment-field p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 0}
.metal-studio .message-form input[type="file"]{padding:12px;font-size:14px;cursor:pointer;max-width:100%;min-width:0}
.message-form input[type="file"]::file-selector-button{font:inherit;margin-right:12px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:inherit;cursor:pointer}
.metal-studio .message-form #remove-attachment{background:transparent;color:var(--muted);padding:6px 0;font-size:13px;margin-top:4px;text-decoration:underline;text-underline-offset:3px;border:0}
.message-form #remove-attachment[hidden]{display:none}