/* Matches the original jbsquare.co.kr office-video hero. */
button,.button{font-family:inherit}.header .logo small{display:none}.header .logo{gap:0}
.original-banner{position:relative!important;background:#111!important;color:#fff;overflow:hidden;padding:0!important}
.original-banner:before,.original-banner:after{display:none!important}
.jb-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.banner-shade{position:absolute;inset:0;background:rgba(0,0,0,.74)}
.original-banner .original-banner-wrap{position:relative;width:100%;max-width:1200px;margin:auto;padding:112px 32px 80px;display:flex;flex-direction:column;gap:32px}
.original-banner .hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:none;width:100%}
.original-banner .im-pill{margin:0;min-height:36px;display:inline-flex;align-items:center;padding:6px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:14px;line-height:1.5;font-weight:700;max-width:100%;white-space:normal;background:none;color:white}
.original-banner .performance-title{font-size:78px!important;line-height:1.16!important;font-weight:900;letter-spacing:-.045em!important;margin:0!important;max-width:100%;color:#fff;overflow-wrap:normal;word-break:normal}
.original-banner .performance-title span{display:inline!important;background:#fff!important;color:#111!important;padding:0 14px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal!important}
.original-banner .hero-description{font-size:20px!important;line-height:1.55!important;color:#e5e5e5;max-width:760px;margin:0!important}
.original-banner .actions{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 0!important;width:100%}
.original-banner .button{min-height:56px;padding:14px 32px;border-radius:999px;font-size:17px;line-height:1.4;font-weight:600;text-align:center;white-space:normal;max-width:100%}
.original-banner .hero-primary{background:#fff!important;border:1px solid #fff!important;color:#111!important}
.original-banner .hero-secondary{background:transparent!important;border:1px solid rgba(255,255,255,.7)!important;color:#fff!important}
.banner-toc{border-top:1px solid rgba(255,255,255,.2);padding-top:24px;display:flex;flex-direction:column;gap:12px}
.banner-toc>p{margin:0;font-size:13px;letter-spacing:.08em;color:#a3a3a3;font-weight:700}
.banner-toc .im-toc{margin:0;padding:0;border:0;display:flex;gap:10px;flex-wrap:wrap}
.banner-toc .im-toc a{padding:9px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:14px;line-height:1.4;white-space:normal;max-width:100%}
.video-toggle{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;background:rgba(0,0,0,.5);color:white;border:1px solid #aaa;border-radius:50%;width:40px;height:40px;cursor:pointer}
.video-toggle[hidden]{display:none}.video-toggle:focus-visible{outline:3px solid #329eff;outline-offset:3px}
.brand-proof{background:#f5f6f7;color:#111;padding:64px 0}
.brand-proof h2{font-size:32px;margin:0 0 28px;letter-spacing:-.035em}
.brand-proof .hero-evidence{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:40px;align-items:start;width:100%;max-width:none}
.brand-proof .screen-link{grid-column:1;grid-row:1}.brand-proof .screen-caption{grid-column:1;grid-row:2;color:#666}
.brand-proof .hero-media{grid-column:2;grid-row:1 / span 2;margin:0;color:#111}
.brand-proof .hero-media>p{color:#111;font-size:18px;margin:0 0 20px}
.brand-proof .profile-list{display:grid;grid-template-columns:1fr!important;gap:12px}
.brand-proof .profile-chip{background:#fff;color:#111;border:1px solid #ddd;min-width:0;padding:16px}
.brand-proof .profile-chip span{min-width:0}.brand-proof .profile-chip strong{color:#111;font-size:16px;white-space:normal}.brand-proof .profile-chip small{color:#555;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1000px){.original-banner .performance-title{font-size:62px!important}.original-banner .original-banner-wrap{padding-top:96px}.brand-proof .hero-evidence{gap:24px}}
@media(max-width:720px){.original-banner .original-banner-wrap{padding:96px 20px 64px;gap:28px}.original-banner .hero-copy{gap:24px}.original-banner .performance-title{font-size:36px!important;line-height:1.2!important;letter-spacing:-.045em!important}.original-banner .performance-title span{padding:0 6px!important}.original-banner .hero-description{font-size:16px!important;line-height:1.65!important}.original-banner .im-pill{font-size:12px}.original-banner .button{font-size:14px;min-height:50px;padding:12px 20px}.banner-toc .im-toc{gap:8px}.banner-toc .im-toc a{font-size:12px;padding:8px 12px}.brand-proof{padding:40px 0}.brand-proof h2{font-size:26px}.brand-proof .hero-evidence{display:flex;flex-direction:column;gap:0}.brand-proof .screen-link,.brand-proof .hero-media{width:100%}.brand-proof .hero-media{margin-top:20px}.brand-proof .profile-chip{padding:12px}.video-toggle{width:36px;height:36px;bottom:14px;right:14px}html:lang(ja) .original-banner .performance-title{font-size:clamp(27px,7.7vw,36px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


/* Thai legibility in the shared banner. */
html:lang(th) .original-banner .performance-title{font-size:62px!important;line-height:1.45!important;letter-spacing:0!important}html:lang(th) .original-banner .im-pill{line-height:1.7}html:lang(th) .original-banner .hero-description{line-height:1.85!important}html:lang(th) h1,html:lang(th) h2,html:lang(th) h3{letter-spacing:0!important;line-height:1.5}html:lang(vi) .original-banner .performance-title{font-size:66px!important;line-height:1.3!important}@media(max-width:720px){html:lang(th) .original-banner .performance-title{font-size:32px!important}html:lang(vi) .original-banner .performance-title{font-size:34px!important}}