/* 281p: About and Contact pages of the Metal website (layout bits not covered by the laser page styles). */
.ai-page-hero { padding-block: 56px 36px; }
.ai-page-hero h1 { font-size: clamp(38px, 4.4vw, 60px); line-height: 1.1; letter-spacing: -.04em; font-weight: 700; max-width: 880px; }
.ai-page-hero .ai-laser-lead { max-width: 720px; }
.ai-site[dir=rtl] .ai-page-hero h1 { line-height: 1.5; letter-spacing: 0; }
.ai-laser-feature-art>img[src$=".jpg"] { height: 100%; object-fit: cover; }

.ai-contact-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; padding-bottom: 56px; }
.ai-contact-card { border: 1px solid #e3e8f2; border-radius: 16px; background: #fafbff; padding: 30px; }
.ai-contact-card h2, .ai-contact-form h2 { font-size: 23px; font-weight: 700; margin-bottom: 18px; }
.ai-contact-list { list-style: none; padding: 0; margin: 0 0 24px; }
.ai-contact-list li { display: flex; flex-direction: column; gap: 2px; margin-bottom: 16px; }
.ai-contact-list a, .ai-contact-list span[data-contact] { font-size: 16px; color: #243149; overflow-wrap: anywhere; }
.ai-site[dir=rtl] .ai-contact-list a[dir=ltr] { text-align: right; }
.ai-contact-form { border-radius: 16px; }
.ai-contact-form .ai-field input[type=file] { padding: 9px 10px !important; }
.ai-contact-note { padding-block: 10px 72px; }
.ai-contact-note h2 { font-size: 26px; font-weight: 700; }
.ai-contact-note p { color: #77839a; font-size: 15px; line-height: 1.7; margin: 10px 0 16px; max-width: 720px; }

@media (max-width: 760px) {
    .ai-page-hero { padding-block: 34px 24px; }
    .ai-page-hero h1 { font-size: 38px; }
    .ai-site[dir=rtl] .ai-page-hero h1 { font-size: 34px; }
    .ai-contact-grid { grid-template-columns: 1fr; gap: 22px; padding-bottom: 40px; }
    .ai-contact-card, .ai-contact-form { padding: 22px; }
}