.contact-page .nav{background:#17292f}
.contact-page main{padding-top:68px;background:#17292f;color:#eff1e8}
.contact-hub{max-width:1640px;margin:auto;padding:clamp(56px,6vw,96px) 6vw 88px}
.contact-heading{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(48px,6vw,96px);align-items:start;margin-bottom:64px}
.contact-heading h1{font-size:clamp(56px,6vw,88px);line-height:1.05;letter-spacing:-.05em;margin:0}
.contact-heading>p{font-size:22px;line-height:1.5;max-width:36ch;margin:8px 0 0;color:#b9c5c4}
.contact-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(48px,6vw,96px);align-items:start;border-top:1px solid #ffffff25;padding-top:48px}
.contact-details h2,.inquiry-form h2{font-size:28px;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:0 0 18px}
.contact-details p{font-size:17px;line-height:1.6;color:#b9c5c4;margin:0 0 16px;max-width:30ch}
.contact-details .contact-email{display:inline-block;max-width:100%;font-size:18px;letter-spacing:0;line-height:1.5;margin:8px 0 0;padding:0 0 8px;overflow-wrap:anywhere;color:#cfdaae;text-decoration:none;border-bottom:1px solid #758577}
.contact-details>div+div{margin-top:28px}
.contact-details h3{font-size:16px;line-height:1.5;font-weight:400;margin:0 0 12px;color:#eff1e8;letter-spacing:0}
.contact-details .contact-socials a{font-size:16px;color:#cfdaae;text-underline-offset:6px;margin-right:28px}
.contact-details .link{color:#cfdaae}
.inquiry-form{background:transparent;border:0;padding:0;min-width:0}
.inquiry-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}
.inquiry-heading h2{margin:0}
.inquiry-heading>p{font-size:13px;color:#b9c5c4;margin:0}
.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
.field{display:block;font-size:16px;color:#eff1e8;min-width:0;line-height:1.5}
.field.full{grid-column:1/-1}
.field .optional{font-size:13px;color:#a9bcbd;margin-left:6px}
.field input,.field select,.field textarea{display:block;width:100%;box-sizing:border-box;margin-top:10px;background:#17292f;color:#eff1e8;border:1px solid #617779;border-radius:0;padding:12px 14px;font:16px/1.5 var(--sans);min-height:48px;box-shadow:none}
.field textarea{resize:vertical;min-height:140px}
.field select{appearance:auto;color-scheme:dark}
.field input::placeholder,.field textarea::placeholder{color:#9bacad}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #cfdaae;outline-offset:2px;border-color:#cfdaae}
.field-help{display:block;font-size:14px;line-height:1.5;color:#b9c5c4;margin-top:10px;max-width:54ch}
.project-details{margin-top:28px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.project-details summary{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:18px 0;cursor:pointer;font-size:16px;color:#eff1e8;list-style:none}
.project-details summary::-webkit-details-marker{display:none}
.project-details summary .project-optional{font-size:13px;color:#b9c5c4;transform:none}
.project-toggle{margin-left:auto;flex:none}
.project-details[open] .project-toggle-vertical{display:none}
.project-details .inquiry-fields{padding:4px 0 24px}
.inquiry-submit{margin-top:28px}
.inquiry-submit button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:15px 22px;min-height:52px;background:#cfdaae;border:1px solid #cfdaae;color:#17292f;font:16px/1.4 var(--sans);cursor:pointer}
.inquiry-submit button:hover{background:#dce4c5}
.inquiry-submit button:disabled{opacity:.6;cursor:wait}
#inquiry-status{font-size:15px;line-height:1.6;margin:16px 0 0;color:#eff1e8}
#inquiry-status:empty{display:none}
.contact-page .footer-top{grid-template-columns:1fr 1fr}
@media(max-width:1000px){.contact-heading,.contact-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px}.inquiry-heading{display:block}.inquiry-heading>p{margin-top:12px}}
@media(max-width:800px){.contact-page main{padding-top:72px}.contact-hub{padding:48px 6vw 56px}.contact-heading{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.contact-heading h1{font-size:56px}.contact-heading>p{font-size:19px;margin:0}.contact-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.inquiry-form{grid-row:auto;padding:32px 0 0;border-top:1px solid #ffffff25}.contact-details{display:grid;grid-template-columns:1fr;gap:20px}.contact-details>div:first-child{grid-column:1/-1}.contact-details>div+div{margin:0}.contact-details p{font-size:16px}.contact-details .contact-socials{grid-column:1/-1}.inquiry-fields{gap:20px 16px}}
@media(max-width:480px){.inquiry-fields{grid-template-columns:1fr}.inquiry-submit button{width:100%}.contact-details{grid-template-columns:1fr}.contact-details>div{grid-column:1!important}.inquiry-form h2{font-size:27px}}

.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.contact-trap[hidden]{display:none}
@media(max-width:800px){.contact-heading{margin-bottom:28px}.contact-grid{padding-top:24px;gap:24px}.contact-details{gap:12px}.contact-details h2{margin-bottom:10px}.contact-details h3{margin-bottom:4px}.contact-details p{margin-bottom:0}.inquiry-form{padding-top:24px}}

/* Match the shared hero type scale while preserving the Contact layout. */
.contact-heading h1{font-size:var(--hero-type);line-height:1.04;letter-spacing:-.045em}
.contact-heading>p{font-size:var(--hero-body);line-height:1.6}
