.contact-head{max-width:var(--max);margin:0 auto;padding:64px var(--gutter) 80px}.contact-head .meta{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.16em;color:var(--zop-orange);text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:8px;margin:0 0 18px}.contact-head .meta:before{content:"";width:10px;height:10px;background:var(--zop-orange)}.contact-head h1{font-size:clamp(48px,5.8vw,84px);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin:0 0 24px;max-width:1100px}.contact-head h1 em{font-style:normal;color:var(--zop-orange)}.contact-head p.lede{font-size:18px;color:var(--ink-3);line-height:1.45;max-width:720px;margin:0}@media(max-width:768px){.contact-head{padding:40px var(--gutter) 56px}.contact-head h1{font-size:clamp(32px,7vw,48px)}}.contact-channels-wrap{max-width:var(--max);margin:0 auto;padding:var(--sp-10) var(--gutter);border-bottom:1px solid var(--line)}.contact-channels{display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--paper)}.channel-card{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.channel-card:last-child{border-right:0}.channel-card:hover{background:color-mix(in srgb,var(--zop-orange) 4%,transparent)}.channel-card .badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--mono);font-weight:700;font-size:var(--t-13);flex-shrink:0}.channel-card[data-tone=orange] .badge{background:var(--zop-orange);color:var(--zop-black)}.channel-card[data-tone=blue] .badge{background:var(--zop-blue);color:var(--zop-white)}.channel-card[data-tone=green] .badge{background:var(--zop-green);color:var(--zop-black)}.channel-card[data-tone=ink] .badge{background:var(--ink);color:var(--paper)}.channel-card h3{font-size:var(--t-18);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--ink)}.channel-card p{font-size:var(--t-13);color:var(--g-700);line-height:1.55;margin:0;flex:1}.channel-card .pill{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.04em;color:var(--ink);padding:6px 10px;border:1px solid var(--ink);display:inline-flex;align-items:center;gap:6px;align-self:flex-start;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.channel-card:hover .pill{background:var(--ink);color:var(--paper)}@media(max-width:1024px){.contact-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card:nth-child(2n){border-right:0}.channel-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:640px){.contact-channels{grid-template-columns:1fr}.channel-card{border-right:0;border-bottom:1px solid var(--line)}.channel-card:last-child{border-bottom:0}}.contact-form-wrap{max-width:var(--max);margin:0 auto;padding:var(--sp-10) var(--gutter);border-bottom:1px solid var(--line)}.contact-form-grid{display:grid;gap:48px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.contact-form-grid h2{font-size:clamp(24px,2.6vw,34px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 14px}.contact-form-grid p.intro{font-size:var(--t-15);color:var(--g-700);line-height:1.55;margin:0 0 28px;max-width:48ch}.contact-form{display:flex;flex-direction:column;gap:18px}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cf-field{display:flex;flex-direction:column;gap:8px}.cf-field label{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.14em;color:var(--g-600);font-weight:600;text-transform:uppercase}.cf-field input,.cf-field select,.cf-field textarea{font-family:var(--font);font-size:var(--t-15);padding:12px 14px;border:1.5px solid rgba(255,255,255,.35);background:#ffffff0d;color:var(--ink);letter-spacing:-.01em;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cf-field textarea{min-height:140px;resize:vertical}.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:var(--zop-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--zop-orange) 18%,transparent)}.cf-submit{font-family:var(--font);font-size:var(--t-14);font-weight:700;padding:14px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.cf-submit:hover{transform:translateY(-3px);box-shadow:0 8px 0 -4px var(--zop-orange)}.cf-submit .arrow{transition:transform var(--dur-fast) var(--ease-out)}.cf-submit:hover .arrow{transform:translate(3px)}.cf-submit.is-sent,.cf-submit.is-sent:hover{background:var(--zop-green);border-color:var(--zop-green);color:var(--ink);cursor:default;transform:none;box-shadow:none}.contact-aside{position:sticky;top:120px;align-self:flex-start;display:flex;flex-direction:column;gap:24px;padding:24px;border:1px solid var(--line);background:var(--g-50)}.contact-aside h3{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.14em;text-transform:uppercase;color:var(--g-600);font-weight:600;margin:0 0 4px}.contact-aside .ans{font-size:var(--t-14);color:var(--ink);line-height:1.55;margin:0}.contact-aside .ans strong{font-weight:600;color:var(--ink)}.contact-aside .ans a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.contact-aside .ans a:hover{color:var(--zop-orange)}@media(max-width:1024px){.contact-form-grid{grid-template-columns:1fr;gap:32px}.contact-aside{position:static}.cf-row{grid-template-columns:1fr}}@media(max-width:640px){.cf-row{grid-template-columns:1fr;gap:var(--sp-2)}.cf-field input,.cf-field select,.cf-field textarea{font-size:16px}}.page>.contact-head,.page>.contact-channels-wrap,.page>.contact-form-wrap,.page>.contact-offices{padding-left:32px;padding-right:32px}@media(max-width:640px){.page>.contact-head,.page>.contact-channels-wrap,.page>.contact-form-wrap,.page>.contact-offices{padding-left:20px;padding-right:20px}}.contact-offices{max-width:var(--max);margin:0 auto;padding:var(--sp-10) var(--gutter) var(--sp-12)}.offices-grid{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.offices-grid.offices-grid--single{grid-template-columns:1fr;max-width:480px;margin:0 auto}.office{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.office:last-child{border-right:0}.office .city{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--zop-orange)}.office h3{font-size:var(--t-20);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--ink)}.office address{font-style:normal;font-size:var(--t-13);color:var(--g-700);line-height:1.6}.office .hours{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font-family:var(--mono);font-size:var(--t-11);letter-spacing:.04em;color:var(--g-600);display:flex;align-items:center;gap:8px}.office .hours:before{content:"";width:7px;height:7px;background:var(--zop-green);flex-shrink:0}@media(max-width:1024px){.offices-grid{grid-template-columns:1fr}.office{border-right:0;border-bottom:1px solid var(--line)}.office:last-child{border-bottom:0}}html[data-theme=dark] .contact-channels,html[data-theme=dark] .offices-grid{background:var(--bg-0)}html[data-theme=dark] .channel-card:hover{background:color-mix(in srgb,var(--zop-orange) 10%,transparent)}html[data-theme=dark] .contact-aside{background:#1a1a20}html[data-theme=dark] .cf-field input,html[data-theme=dark] .cf-field select,html[data-theme=dark] .cf-field textarea{background:var(--bg-0);color:var(--ink)}html[data-theme=dark] .cf-submit{background:var(--zop-cream);color:var(--zop-black);border-color:var(--zop-cream)}
