
#leap-contact-preview{--leap-paper:#efece3;--leap-ink:#344036;--leap-muted:#6c7266;--leap-gold:#ad9856;--leap-rule:#ad985640;font-family:'LEAP Inter',-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;color:var(--leap-ink);background:var(--leap-paper);padding:64px 44px 24px;box-sizing:border-box}
#leap-contact-preview *{box-sizing:border-box}
#leap-contact-preview .contact-layout{border-top:1px solid var(--leap-rule);padding-top:38px;display:grid;grid-template-columns:1fr 1.3fr;gap:46px}
#leap-contact-preview h2{font-family:'LEAP Cormorant',Georgia,serif;font-size:38px;font-weight:600;line-height:1.15;letter-spacing:.01em;margin:0 0 22px}
#leap-contact-preview .socials{display:flex;gap:8px;margin-left:-10px}
#leap-contact-preview .social{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--leap-gold);border-radius:0;transition:color .2s}
#leap-contact-preview .social:hover{background:transparent;color:#756436}
#leap-contact-preview .social:focus-visible{outline:2px solid var(--leap-gold);outline-offset:2px}
#leap-contact-preview .brand-icon{display:block;width:22px;height:22px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
#leap-contact-preview dl{display:grid;grid-template-columns:76px 1fr;column-gap:20px;row-gap:24px;margin:4px 0 0;font-size:14px;line-height:1.75}
#leap-contact-preview dt{font-size:12px;color:var(--leap-muted);letter-spacing:.12em}
#leap-contact-preview dd{margin:0;overflow-wrap:anywhere}
#leap-contact-preview .placeholder{color:var(--leap-muted)}
#leap-contact-preview .bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:58px;padding-top:18px;border-top:1px solid var(--leap-rule);font-size:10px;line-height:1.6;letter-spacing:.09em;color:var(--leap-muted)}
#leap-contact-preview .brandname{letter-spacing:.16em}
@media(max-width:520px){#leap-contact-preview{padding:38px 26px 22px}#leap-contact-preview .contact-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}#leap-contact-preview h2{font-size:34px;margin-bottom:14px}#leap-contact-preview dl{grid-template-columns:76px 1fr;gap:21px 14px}#leap-contact-preview .bottom{margin-top:36px}}


#leap-contact-preview{max-width:1360px;margin:auto;padding:40px 5vw 48px}#leap-contact-preview .contact-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);gap:6vw;align-items:center;padding-top:38px}#leap-contact-preview .contact-info{display:block}#leap-contact-preview .socials{margin-bottom:26px}#leap-contact-preview dl{row-gap:18px;align-items:baseline}#leap-contact-preview .numbers{font-family:'LEAP Cormorant',Georgia,serif;font-weight:600;font-size:25px;line-height:1.3;font-variant-numeric:lining-nums proportional-nums;letter-spacing:.015em}#leap-contact-preview a{color:inherit;text-decoration:none}#leap-contact-preview .map-area{min-width:0}#leap-contact-preview iframe{display:block;width:100%;height:220px;border:0}#leap-contact-preview .map-link{display:block;text-align:right;font-size:12px;color:#6c7266;letter-spacing:.03em;margin-top:14px;padding:8px 0}#leap-contact-preview a:focus-visible{outline:2px solid #ad9856;outline-offset:4px}@media(max-width:640px){#leap-contact-preview{padding:32px 26px}#leap-contact-preview .contact-layout{grid-template-columns:1fr;gap:32px}#leap-contact-preview iframe{height:190px}#leap-contact-preview .numbers{font-size:25px}}


#leap-contact-preview .contact-layout{grid-template-columns:minmax(440px,1fr) minmax(0,1.3fr);gap:4vw;align-items:end}
#leap-contact-preview .address{white-space:nowrap}
#leap-contact-preview .map-area{position:relative;margin-bottom:5px}
#leap-contact-preview iframe{filter:grayscale(.85) saturate(.35) sepia(.12);height:220px}
#leap-contact-preview .map-link{position:absolute;right:0;top:100%;margin-top:8px}
@media(max-width:1000px){#leap-contact-preview .contact-layout{grid-template-columns:1fr;gap:32px}#leap-contact-preview .map-area{margin-bottom:36px}#leap-contact-preview iframe{height:200px}}
@media(max-width:520px){#leap-contact-preview .address{white-space:normal}#leap-contact-preview dl{grid-template-columns:62px 1fr;column-gap:12px}}

#leap-contact-preview{width:100%;max-width:none;padding:48px max(5vw,24px) 76px}#leap-contact-preview footer{max-width:1224px;margin:auto}#leap-contact-preview .social{cursor:pointer}#leap-contact-preview h2{position:static;transform:none;opacity:1}#leap-contact-preview .numbers{font-family:"LEAP Cormorant",Georgia,serif}

/* Keep contact typography and row geometry stable across language switches. */
html body #leap-contact-preview h2{letter-spacing:.01em!important;font-family:'LEAP Cormorant',Georgia,serif!important;font-size:38px;line-height:1.15;font-weight:600}
html body #leap-contact-preview .numbers,html body #leap-contact-preview .numbers a{font-family:'LEAP Cormorant',Georgia,serif!important;font-size:25px;font-weight:600;line-height:1.3;letter-spacing:.015em!important;font-variant-numeric:lining-nums proportional-nums}
html body #leap-contact-preview .address{font-size:17px;line-height:1.5;min-height:51px;overflow-wrap:normal}
html[lang|=en] body #leap-contact-preview .address{white-space:normal}
html body #leap-contact-preview dt{letter-spacing:.12em!important}
html body #leap-contact-preview .map-link{letter-spacing:.03em!important}
@media(max-width:520px){html body #leap-contact-preview h2{font-size:34px}html body #leap-contact-preview .address{white-space:normal;min-height:102px}}

/* Explicit row tracks avoid language-dependent baseline sizing. */
html body #leap-contact-preview dl{grid-template-rows:51px 32.5px 32.5px;align-items:start}
html body #leap-contact-preview dt{font-family:'LEAP Cormorant','Noto Serif TC','Songti TC',serif;font-weight:600;font-size:15px;line-height:32.5px;letter-spacing:.04em!important;color:#73766f;white-space:nowrap}
html[lang|=en] body #leap-contact-preview dt{font-size:21px}
html body #leap-contact-preview .address{min-height:0}
@media(max-width:520px){html body #leap-contact-preview dl{grid-template-columns:76px 1fr;grid-template-rows:102px 32.5px 32.5px}}

/* Match the founding-page illustration note without adding another divider. */
html body #leap-contact-preview .site-image-note{display:block;width:100%;margin:64px 0 0;padding:0;border:0;text-align:center;font-family:"LEAP Cormorant","Noto Serif TC","Songti TC","Source Han Serif TC",serif!important;font-size:9px!important;font-weight:400;line-height:1.8!important;letter-spacing:0!important;color:#77786e}
@media(max-width:700px){html body #leap-contact-preview .site-image-note{margin-top:36px}}

/* Social glyph geometry is independent of language and typography. */
html body #leap-contact-preview .socials{align-items:center;gap:8px}
html body #leap-contact-preview .social{box-sizing:border-box;flex:0 0 44px;width:44px!important;min-width:44px;max-width:44px;height:44px!important;min-height:44px;max-height:44px;padding:10px!important;line-height:1;font-size:0;transform:none!important;transition:color .2s}
html body #leap-contact-preview .social .brand-icon{box-sizing:border-box;width:22px!important;min-width:22px;max-width:22px;height:22px!important;min-height:22px;max-height:22px;line-height:1;font-size:0;transform:none!important;transition:none;mask-size:22px 22px!important;-webkit-mask-size:22px 22px!important}

@media(min-width:1001px){
html body #leap-contact-preview{--contact-body:clamp(20px,1.48vw,28px);--contact-label:clamp(18px,1.3vw,25px)}
html body #leap-contact-preview .contact-layout{grid-template-columns:minmax(560px,1.2fr) minmax(0,1fr);gap:3vw}
html body #leap-contact-preview dl{grid-template-columns:105px 1fr;grid-template-rows:72px 40px 40px;column-gap:20px;row-gap:18px}
html[lang] body #leap-contact-preview dl dt{font-size:var(--contact-label)!important;line-height:40px}
html body #leap-contact-preview .address{font-size:var(--contact-body);line-height:1.7;white-space:normal}
html body #leap-contact-preview .numbers,html body #leap-contact-preview .numbers a{font-size:clamp(30px,2.2vw,38px);line-height:40px}
html body #leap-contact-preview .map-link{font-size:17px}
}

@media(min-width:1001px){html body #leap-contact-preview .site-image-note{font-size:15px!important;line-height:1.8!important}}

/* Larger social marks; identical geometry in both languages. */
html body #leap-contact-preview .social{flex-basis:48px;width:48px!important;min-width:48px;max-width:48px;height:48px!important;min-height:48px;max-height:48px}
html body #leap-contact-preview .social .brand-icon{width:28px!important;min-width:28px;max-width:28px;height:28px!important;min-height:28px;max-height:28px;mask-size:28px 28px!important;-webkit-mask-size:28px 28px!important}
/* Address gets its own content-sized track and a generous gap before phone. */
html body #leap-contact-preview dl{grid-template-rows:minmax(72px,auto) 32.5px 32.5px;row-gap:26px}
@media(max-width:520px){html body #leap-contact-preview dl{grid-template-rows:minmax(102px,auto) 32.5px 32.5px}}
@media(min-width:1001px){html body #leap-contact-preview dl{grid-template-rows:minmax(88px,auto) 40px 40px;row-gap:26px}}

/* Align each label with the first text baseline of its value. */
html body #leap-contact-preview dl{align-items:first baseline}
html body #leap-contact-preview dl dt,html body #leap-contact-preview dl dd{align-self:first baseline}

/* Mobile contact tracks follow content rather than reserving desktop whitespace. */
@media(max-width:1000px){html body #leap-contact-preview dl{grid-template-rows:auto auto auto;row-gap:20px}html body #leap-contact-preview .address{min-height:0}html body #leap-contact-preview .site-image-note{font-size:14px!important;line-height:1.8!important;margin-top:38px;text-wrap:pretty}html[lang|=en] body #leap-contact-preview .site-image-note{font-size:16px!important}}
