.contact-page{--cp-gold: var(--c-gold);--cp-ink: #1f2233;--cp-panel: #f7f6f3;--cp-line: #e2ddd5;background: #fafafa;padding: clamp(36px,4vw,56px) 0 clamp(48px,5vw,72px)}.contact-wrap{width: calc(100% - 48px);max-width: 1280px;margin: 0 auto}.contact-title{margin: 0 0 24px;color: var(--cp-ink)}.contact-title::after{content: "";display: block;width: 66px;height: 4px;margin-top: 10px;background: var(--cp-gold)}.contact-grid{display: grid;grid-template-columns: minmax(0,59fr) minmax(0,40fr);gap: 16px;align-items: stretch}.office-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));margin: 0;padding: 8px 24px;list-style: none;background: var(--cp-panel);border: 1px solid var(--cp-line);border-radius: 4px}.office{min-width: 0;padding: 24px 12px 22px;display: flex;flex-direction: column}.office:nth-child(odd){border-right: 1px solid var(--cp-line);padding-right: 28px}.office:nth-child(even){padding-left: 28px}.office:nth-child(-n+2){border-bottom: 1px solid var(--cp-line)}.office-name{margin: 0 0 12px;color: var(--cp-ink);font-size: var(--fs-h3);overflow-wrap: break-word;hyphens: manual}.office-name::before{content: "";display: block;width: 38px;height: 4px;margin-bottom: 14px;background: var(--cp-gold)}.office-address{padding-bottom: 16px}.office-address a{color: #4a4f5c;overflow-wrap: anywhere}.office-address a:hover{color: var(--cp-ink);text-decoration: underline}.office-phone{margin-top: auto;padding-top: 14px;border-top: 1px solid var(--cp-line)}.office-phone-label{display: block;color: #4a4f5c}.office-phone a{font: 700 1.25rem/1.4 var(--font-heading);color: var(--cp-ink);white-space: nowrap}.office-phone a:hover{text-decoration: underline}.contact-form-box{min-width: 0;padding: 28px 30px 30px;background: #2c2e3d;border-top: 6px solid var(--cp-gold);border-radius: 4px;color: #fff}.contact-form-title{margin: 0 0 14px;color: #fff;font-size: 1.75rem;text-transform: none}.contact-form{display: grid;gap: 6px}.contact-form-note{margin: 0 0 6px;color: #d6d8e0;font-size: var(--fs-small)}.contact-form label{margin-top: 8px;color: #fff}.contact-form input,.contact-form textarea{width: 100%;min-height: 48px;padding: 10px 14px;border: 2px solid transparent;border-radius: 3px;background: #fff;color: var(--cp-ink);font: 400 var(--fs-body)/1.5 var(--font-body)}.contact-form textarea{min-height: 150px;resize: vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline: 3px solid var(--cp-gold);outline-offset: 1px}.contact-form [aria-invalid="true"]{border-color: #e8836f}.cf-hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.contact-submit{margin-top: 18px;min-height: 52px;padding: 12px 20px;border: 0;border-radius: 3px;cursor: pointer;background: var(--cp-gold);color: var(--cp-ink);font: 700 1.125rem/1.2 var(--font-button)}.contact-submit:hover{box-shadow: inset 0 0 0 2px var(--cp-ink)}.contact-submit:focus-visible{outline: 3px solid #fff;outline-offset: 3px}.contact-submit[disabled]{cursor: progress}.contact-status{min-height: 1.6em;margin: 10px 0 0;color: #fff}.contact-status.is-error{color: #ffc9bd}.contact-status.is-ok{color: #c9f2d6}.contact-map{position: relative;margin-top: 16px}.map-main{position: relative;border: 1px solid #cdd5dd;border-radius: 8px;overflow: hidden;background: #cadcea}.map-main picture,.map-inset picture{display: block}.map-base{display: block;width: 100%;height: auto}.map-geo,.map-pin{position: absolute;left: var(--x);top: var(--y)}.map-geo{transform: translate(-50%,-50%);color: #7c8089;font: 600 .6875rem/1 var(--font-heading);letter-spacing: .05em;white-space: nowrap;pointer-events: none;text-shadow: 0 0 2px #f3f0ea,0 0 3px #f3f0ea,0 0 4px #f3f0ea}.map-geo--key{color: #555a66;font-size: .8125rem;font-weight: 700}.map-geo--sea{color: #5a82a3;font: italic 400 .8125rem/1 var(--font-body);letter-spacing: .01em;text-shadow: 0 0 2px #cadcea,0 0 3px #cadcea}.map-geo--city{color: #474b56;font: 600 .875rem/1 var(--font-body);letter-spacing: 0}.map-links{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;fill: none;stroke: #474b5a;stroke-width: 1.2;stroke-dasharray: 4 3}.map-links *{vector-effect: non-scaling-stroke}.map-pin{width: 24px;height: 30px;transform: translate(-12px,-29px);color: var(--cp-ink);text-decoration: none}.map-pin-mark{position: absolute;left: 0;top: 0;width: 24px;height: 30px}.map-pin-mark::before{content: "";position: absolute;left: 0;top: 0;width: 24px;height: 24px;box-sizing: border-box;border: 2px solid #fff;border-radius: 50% 50% 50% 0;transform: rotate(-45deg);background: var(--cp-gold);box-shadow: 0 1px 3px rgba(0,0,0,.32)}.map-pin-mark::after{content: "";position: absolute;left: 7px;top: 7px;width: 10px;height: 10px;border-radius: 50%;background: #2c2e3d}.map-pin-label{position: absolute;left: 28px;top: 12px;transform: translateY(-50%);font: 700 .9375rem/1.2 var(--font-body);white-space: nowrap;pointer-events: none;text-shadow: 0 0 2px #fff,0 0 3px #fff,0 0 4px #fff,0 0 5px #fff}.map-pin--top .map-pin-label{left: 50%;top: auto;bottom: 100%;transform: translateX(-50%);margin-bottom: 1px;text-align: center}.map-pin--bottom .map-pin-label{left: 50%;top: 100%;transform: translateX(-50%);margin-top: 1px;text-align: center}.map-pin:hover .map-pin-label,.map-pin:focus-visible .map-pin-label{text-decoration: underline}.map-pin:focus-visible{outline: 3px solid #2c2e3d;outline-offset: 2px;border-radius: 4px}.map-pin--bd-a{transform: translate(-26px,-38px)}.map-pin--bd-b{transform: translate(2px,-38px)}.map-pin--bd-a::before,.map-pin--bd-b::before{content: "";position: absolute;top: 37.5px;width: 16.6px;height: 1px;background: #2c2e3d;transform-origin: 0 50%}.map-pin--bd-a::before{left: 26px;transform: rotate(212.7deg)}.map-pin--bd-b::before{left: -2px;transform: rotate(-32.7deg)}.map-pin--bd-a::after{content: "";position: absolute;left: 23px;top: 35px;width: 6px;height: 6px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;background: #2c2e3d}.map-pin--bd-a .map-pin-label,.map-pin--bd-b .map-pin-label{width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.map-credit{position: absolute;left: 6px;bottom: 4px;padding: 1px 6px;border-radius: 2px;background: rgba(255,255,255,.82);color: #3f4452;font: 400 .75rem/1.4 var(--font-body)}.map-credit:hover,.map-credit:focus-visible{color: var(--cp-ink);text-decoration: underline}.map-inset{position: absolute;right: .78125%;bottom: 3.086%;width: 17.5%;aspect-ratio: 1;border: 1px solid #9aa3ad;border-radius: 6px;overflow: hidden;background: #efebe4;box-shadow: 0 2px 8px rgba(30,35,50,.18)}.map-inset .map-base{width: 100%;height: 100%;object-fit: cover}.map-inset .map-pin-label{width: max-content;max-width: 10em;white-space: normal;font-size: .75rem;line-height: 1.2}.map-inset .map-geo--key{font-size: .6875rem}.map-inset .map-pin--top .map-pin-label{max-width: 7em}.map-legend{display: none}@media (max-width: 1023px){.contact-grid{grid-template-columns: 1fr}}@media (max-width: 1179px){.map-links,.map-geo--minor{display: none}.map-inset{position: relative;right: auto;bottom: auto;width: min(100%,460px);aspect-ratio: 760 / 506;margin: 12px auto 0}.map-inset .map-geo,.map-inset .map-pin{left: var(--mx);top: var(--my)}.map-inset .map-pin-label{font-size: .875rem}.map-inset .map-geo--key{font-size: .75rem}}@media (max-width: 600px){.map-main{overflow: visible}.map-main .map-base{border-radius: 8px}.office-list{grid-template-columns: 1fr;padding: 4px 18px}.office,.office:nth-child(odd),.office:nth-child(even){padding: 20px 0;border-right: 0}.office:not(:last-child){border-bottom: 1px solid var(--cp-line)}.contact-form-box{padding: 24px 18px}.map-main .map-geo,.map-main .map-pin{left: var(--mx);top: var(--my)}.map-main .map-geo:not(.map-geo--m){display: none}.map-main .map-geo{font-size: .5625rem}.map-main .map-geo--key{font-size: .625rem}.map-main .map-geo--sea{font-size: .625rem}.map-main .map-pin-label{width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.map-main .map-pin-mark::after{content: attr(data-n);left: 6px;top: 6px;width: 12px;height: 12px;color: #fff;font: 700 9px/12px var(--font-heading);text-align: center}.map-legend{display: flex;flex-wrap: wrap;gap: 8px 20px;margin: 10px 0 0;padding: 0;list-style: none}.map-legend a{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;color: var(--cp-ink);font-weight: 400}.map-legend-n{display: inline-grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;background: #2c2e3d;color: #fff;font: 700 .8125rem/1 var(--font-heading)}.map-inset{width: 100%}.map-inset .map-pin-label{font-size: .8125rem}}@media (max-width: 560px){.contact-wrap{width: calc(100% - 32px)}}