/* Contact (/contact/). From design/resources/clean/contact.css, scoped to .rs.
   The button loading state (.is-loading) is sitewide in assets/css/site-loading.css. */
.rs .ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;padding:48px 0 36px}
.rs .ch h1{max-width:12ch;margin:16px 0 14px}
.rs .ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rs .way{border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:10px;align-content:start;background:#fff;transition:border-color .2s,transform .45s var(--ease)}
.rs .way:hover{border-color:var(--ink);transform:translateY(-3px)}
.rs .way h3{font-size:19px}.rs .way p{font-size:14.5px;color:var(--ink-2)}
.rs .way .ft{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:auto;padding-top:6px;flex-wrap:wrap}
.rs .way a.l{font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;--ic-ink:var(--royal)}.rs .way a.l .sbi{width:16px;height:16px}
.rs .way a.l.s{font-size:14px;font-weight:600;color:var(--ink-2)}.rs .way a.l.s:hover{color:var(--ink)}
.rs .cg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;align-items:start}
.rs .form{border:1px solid var(--line);border-radius:28px;padding:32px;display:grid;gap:18px;background:#fff;scroll-margin-top:96px}
.rs .form h2{font-size:clamp(24px,2.6vw,32px)}
.rs .tp-f{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.rs .fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rs .fl{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.rs .fl input,.rs .fl select,.rs .fl textarea{height:48px;border:1.5px solid var(--line);border-radius:13px;padding:0 14px;font-size:15.5px;color:var(--ink);background:#fff;outline:0;width:100%;min-width:0;font-weight:500;transition:border-color .2s,box-shadow .2s}
.rs .fl textarea{height:130px;padding:12px 14px;resize:vertical;line-height:1.5}
.rs .fl input:focus,.rs .fl select:focus,.rs .fl textarea:focus{border-color:var(--royal);box-shadow:0 0 0 4px var(--royal-soft)}
.rs .fl [aria-invalid="true"]{border-color:var(--c-cus)}
.rs .fl .er{display:none;gap:6px;align-items:center;font-size:13px;color:#B8431F;font-weight:600;--ic-ink:#B8431F;--ic-accent:#B8431F}.rs .fl .er .sbi{width:14px;height:14px}
.rs .fl [aria-invalid="true"]~.er{display:flex}
.rs .fl .hint{font-size:13px;color:var(--muted);font-weight:500}
.rs .topic{display:flex;gap:8px;flex-wrap:wrap}
.rs .topic label{cursor:pointer;position:relative}.rs .topic input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.rs .topic span{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);font-weight:600;font-size:14.5px;color:var(--ink-2);transition:.2s}
.rs .topic span .sbi{width:18px;height:18px}
.rs .topic label:hover span{border-color:var(--ink-2)}
.rs .topic input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff;--ic-ink:#fff;--ic-accent:#9FB0FF}
.rs .topic input:focus-visible+span{outline:3px solid var(--royal);outline-offset:2px}
.rs .sales{display:none;gap:14px}.rs .form.is-sales .sales{display:grid}
.rs .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rs .cons{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}.rs .cons input{width:18px;height:18px;margin-top:2px;accent-color:var(--royal);flex:none}
.rs .sub{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.rs .fail{border-radius:14px;background:color-mix(in srgb,var(--c-cus) 10%,#fff);color:#9A3412;padding:12px 14px;font-size:14.5px;font-weight:600}
.rs .fail a{color:inherit}
.rs .fail[hidden]{display:none}
.rs .ok{display:none;text-align:center;justify-items:center;gap:12px;padding:32px 10px;outline:0}
.rs .form.done>*:not(.ok){display:none}.rs .form.done .ok{display:grid}
.rs .ok .ti{width:72px;height:72px;border-radius:50%;background:var(--c-mon);--ic-ink:#fff;--ic-accent:#fff}.rs .ok .ti .sbi{width:36px;height:36px}
.rs .ok h3{font-size:28px}.rs .ok p{color:var(--ink-2);max-width:40ch}
.rs .aside{display:grid;gap:14px}
.rs .chipc{border-radius:26px;background:var(--royal);color:#fff;padding:24px;position:relative;overflow:hidden;min-height:260px;display:grid;gap:8px;align-content:start}
.rs .chipc h3{font-size:22px;color:#fff;max-width:12ch}.rs .chipc p{color:#DDE3FF;font-size:14.5px;max-width:20ch}
.rs .chipc img{position:absolute;right:-16px;bottom:-30px;width:150px;animation:rs-bob 5s ease-in-out infinite}
.rs .chipc .btn{width:max-content;margin-top:8px;position:relative;z-index:1}
.rs .chipc .live{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:#DDE3FF}.rs .chipc .live i{width:8px;height:8px;border-radius:50%;background:#5CF29B}
.rs .info{border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:14px}
.rs .info .r{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;font-size:15px;color:var(--ink-2)}.rs .info .r b{display:block;color:var(--ink);font-size:15px}
.rs .info .r a{overflow-wrap:anywhere}
.rs .info .ti{width:36px;height:36px;border-radius:11px}.rs .info .ti .sbi{width:19px;height:19px}
.rs .hours{display:grid;gap:4px;font-size:14px;font-variant-numeric:tabular-nums}.rs .hours>span{display:flex;justify-content:space-between;gap:12px}
.rs .people{position:relative;height:300px;border-radius:26px;background:color-mix(in srgb,var(--c-inb) 12%,#fff);overflow:hidden}
.rs .people .a{position:absolute;bottom:0;border-radius:999px 999px 0 0}
.rs .people img{position:absolute;bottom:0;max-width:none;width:auto}
@media (max-width:1000px){.rs .ways{grid-template-columns:repeat(2,minmax(0,1fr))}.rs .cg,.rs .ch{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.rs .ways,.rs .fg{grid-template-columns:minmax(0,1fr)}.rs .form{padding:22px}.rs .people{display:none}}
@media (prefers-reduced-motion:reduce){.rs .chipc img{animation:none}.rs .way{transition:border-color .2s}.rs .way:hover{transform:none}}