.zcs{--u:calc(min(100vw,1680px) / 1200);font-family:'SFPro',Arial,sans-serif;color:#24292b;max-width:calc(1200 * var(--u));margin:0 auto;padding:0 calc(20 * var(--u));box-sizing:border-box}
.zcs *{box-sizing:border-box}
.zcs__bar{position:relative;height:calc(37 * var(--u));border-bottom:1px solid #24292b}
.zcs__logo{position:absolute;left:0;top:0;width:calc(80 * var(--u));height:auto}
.zcs__tag{position:absolute;left:calc(295 * var(--u));top:0;font-size:calc(12 * var(--u));line-height:1.6;font-weight:500;color:#ff5800}
.zcs__tag:after{content:'';position:absolute;left:0;top:calc(35 * var(--u));width:calc(275 * var(--u));height:1px;background:#ff5800}
.zcs__head{display:flex;align-items:flex-start;padding:calc(40 * var(--u)) 0 calc(40 * var(--u)) calc(295 * var(--u))}
.zcs__title{flex:1;margin:0;font-size:calc(50 * var(--u));line-height:1;font-weight:400;letter-spacing:-.03em}
.zcs__side{width:calc(275 * var(--u));padding-top:calc(14 * var(--u))}
.zcs__lead{margin:0 0 calc(54 * var(--u));font-size:calc(14 * var(--u));line-height:1.25}
.zcs__dots{display:flex;flex-wrap:wrap;gap:calc(16 * var(--u))}
.zcs__dot{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;border:0;padding:0;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.zcs__dot:after{content:'';position:absolute;inset:calc(-5 * var(--u));border-radius:50%;border:1px solid transparent;transition:border-color .2s}
.zcs__dot.is-on:after{border-color:#24292b}
.zcs__dot:focus-visible{outline:2px solid #ff5800;outline-offset:6px}
.zcs__name{margin-top:calc(14 * var(--u));font-size:calc(14 * var(--u));line-height:1.25;min-height:1.25em}
.zcs__pic{position:relative;width:100%;aspect-ratio:var(--ar);background:var(--bg);overflow:hidden}
.zcs__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.zcs__pic img.is-on{opacity:1}
@media (max-width:959px){.zcs{--u:calc(100vw / 760)}.zcs__head{flex-direction:column;padding-left:0}.zcs__tag{left:calc(140 * var(--u))}.zcs__side{width:100%;padding-top:calc(24 * var(--u))}.zcs__lead{margin-bottom:calc(24 * var(--u))}}
@media (max-width:639px){.zcs{--u:calc(100vw / 380);padding:0 10px}.zcs__title{font-size:30px}.zcs__lead,.zcs__name{font-size:14px}.zcs__dot{width:30px;height:30px}.zcs__dots{gap:16px}.zcs__tag{font-size:12px}.zcs__logo{width:60px}}