.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-pattern-page form label{display:block;margin:0 0 8px;font-weight:600;color:#f5f5f5}
.contact-pattern-page form label span{font-size:13px;font-weight:400;color:#bbc3c9}
.marine-page main.contact-pattern-page input,.marine-page main.contact-pattern-page textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:12px 14px!important;margin:0 0 20px!important;border:1px solid #58636c!important;border-radius:6px;background:#171c20!important;color:#fff!important;font:inherit;line-height:1.5}
.contact-pattern-page textarea{resize:vertical;min-height:140px}
.contact-pattern-page input:focus-visible,.contact-pattern-page textarea:focus-visible{outline:2px solid #ff8535;outline-offset:3px}
.contact-pattern-page .contact-note{font-size:14px;margin-top:14px!important;color:#c5cdd2}
.contact-details>div{padding:18px 0;border-bottom:1px solid #3e474d}
.contact-details>div:last-child{border-bottom:0;padding-bottom:0}
.contact-details a{display:block;overflow-wrap:anywhere;margin:6px 0}
.contact-details h3{margin-top:0!important}
.contact-pattern-page .contact-map{display:block;width:100%;height:300px;border:0;border-radius:6px;margin:22px 0}
.contact-preview{margin-top:24px;padding:20px;border:1px solid #ff8535;border-radius:6px}
.contact-preview[hidden]{display:none!important}
.contact-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:inherit;background:transparent;border:0;padding:0;margin:14px 0 22px}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:0}}
@media(max-width:550px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-pattern-page .contact-map{height:240px}}
.contact-pattern-page .contact-welcome{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center}
.contact-pattern-page .contact-front{margin:0;justify-self:center;width:100%;max-width:350px;overflow:hidden;border-radius:6px}
.marine-page main.contact-pattern-page .contact-front img{display:block;width:100%;height:auto!important;object-fit:contain;margin:0!important;border:0!important;filter:brightness(.92)}
@media(max-width:760px){.contact-pattern-page .contact-welcome{grid-template-columns:1fr;gap:24px}.contact-pattern-page .contact-front{max-width:400px}}