/* ImageGen contact kit, with a compact section around the contact actions. */
.contact.section-shell{padding-top:28px;padding-bottom:38px}
.contact-post{--contact-art:url("./assets/contact-mail-kit.png");display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:28px;width:100%;padding:12px 0 0;border-top:0;color:#e9efed;text-align:left}
.contact-post,.contact-post *{box-sizing:border-box}
.contact-post .contact-post-art{display:block;width:150px;aspect-ratio:1;background-image:var(--contact-art);background-size:300% 100%;background-position:0 50%;background-repeat:no-repeat;pointer-events:none}
.contact-post .contact-post-address{display:block;width:max-content;max-width:100%;margin:0;color:#e9efed;font:600 clamp(24px,2.65vw,42px)/1.3 BodyCN,"Microsoft YaHei",sans-serif;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}
.contact-post .contact-post-address:hover{color:#f4b5cd}
.contact-post .contact-post-actions{display:grid;grid-template-columns:repeat(2,176px);gap:12px;align-items:center}
.contact-post .contact-post-ticket{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;width:100%;aspect-ratio:1.8;min-height:76px;padding:8px 18px;border:0;border-radius:0;background-color:transparent;background-image:var(--contact-art);background-size:300% auto;background-repeat:no-repeat;background-position:50% 50%;box-shadow:none;color:#10272b;text-decoration:none;font:400 21px/1.2 TitleCN,BodyCN,"Microsoft YaHei",sans-serif;white-space:nowrap;cursor:pointer;transition:transform .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}
.contact-post .contact-post-copy{background-position:100% 50%}
.contact-post .contact-post-ticket:hover{transform:translateY(-4px);filter:brightness(1.06)}
.contact-post .contact-post-ticket:active{transform:translateY(-1px)}
.contact-post .contact-post-icon{font:400 25px/1 Arial,sans-serif}
.contact-post a:focus-visible,.contact-post button:focus-visible{outline:2px solid #f4b5cd;outline-offset:5px}
@media(max-width:1200px) and (min-width:641px){
.contact-post{grid-template-columns:140px minmax(0,1fr);gap:4px 24px}
.contact-post .contact-post-art{width:140px;grid-row:1/3}
.contact-post .contact-post-address{align-self:end;font-size:clamp(26px,3.8vw,40px)}
.contact-post .contact-post-actions{grid-column:2;justify-content:start;grid-template-columns:repeat(2,168px);gap:10px}
}
@media(max-width:640px){
.contact.section-shell{padding-top:18px;padding-bottom:24px}
.contact-post{grid-template-columns:1fr;justify-items:center;gap:12px;padding:8px 0 0;text-align:center}
.contact-post .contact-post-art{width:122px}
.contact-post .contact-post-address{max-width:100%;font-size:clamp(21px,6.4vw,30px);letter-spacing:-.035em}
.contact-post .contact-post-actions{width:min(100%,380px);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-post .contact-post-ticket{min-height:72px;font-size:clamp(17px,4.9vw,20px);gap:8px;padding:6px 12px}
.contact-post .contact-post-icon{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.contact-post .contact-post-ticket{transition:none}}