.hb{grid-template-columns:minmax(0,1fr);gap:22px;max-width:1240px;margin:0 auto;padding:22px 16px 48px;display:grid}@media (min-width:980px){.hb{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,80px);padding:clamp(36px,4.5vw,64px) clamp(24px,4vw,44px) 96px}}.hb-h1{letter-spacing:-.035em;margin:0;font-size:min(11vw,46px);font-weight:780;line-height:1.02}.hb-h1-a,.hb-h1-b{display:block}.hb-h1-b{white-space:nowrap}.hb-h1 .circled path{animation-delay:1.9s}.hb-sub{max-width:30em;color:var(--ink-2);text-wrap:pretty;margin:14px 0 0;font-size:16.5px;line-height:1.4}.hb-sub strong{color:var(--ink);font-weight:700}.hb-cta{margin-top:22px}@media (max-width:640px){.hb{gap:14px;padding-top:18px}.hb-cta{margin-top:16px}}@media (max-width:979px){.hb-cta .btn{width:100%;height:50px}}@media (min-width:980px){.hb-h1{font-size:clamp(50px,5.2vw,74px);line-height:1}.hb-sub{margin-top:20px;font-size:clamp(18px,1.55vw,21px)}.hb-cta{margin-top:28px}}.hb-stage{isolation:isolate;cursor:default;-webkit-user-select:none;user-select:none;width:100%;max-width:560px;position:relative;container-type:inline-size}@media (min-width:980px){.hb-stage{justify-self:end}}.hb-jobs{gap:clamp(8px,2.2cqw,14px);margin:0;padding:0;list-style:none;display:grid}.hb-job{padding:clamp(9px,2.6cqw,14px);position:relative}.hb-job-bg{z-index:0;background:#fff;border-radius:clamp(14px,3.4cqw,20px);position:absolute;inset:0;box-shadow:0 0 0 1px #15151312,0 1px 2px #1515130a,0 14px 30px -16px #1515133d}.hb-job-head{z-index:1;white-space:nowrap;align-items:center;gap:6px;min-width:0;margin:0 2px clamp(7px,2.2cqw,12px);line-height:1.25;display:flex;position:relative}.hb-job-head svg{color:var(--pine);flex:none}.hb-job-head b{letter-spacing:-.02em;color:var(--ink);font-size:clamp(17px,3.6cqw,20px);font-weight:760}.hb-job-head span{text-overflow:ellipsis;min-width:0;color:var(--muted);margin-left:2px;font-size:clamp(15px,3cqw,17px);font-weight:560;overflow:hidden}.hb-media{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1.5cqw,8px);display:grid}.hb-tile{aspect-ratio:3/2;background:var(--bg-3);transform-origin:50%;will-change:transform;border-radius:clamp(8px,2cqw,12px);display:block;position:relative;overflow:hidden}.hb-tile>img{object-fit:cover}.hb-face{z-index:2;border-radius:50%;width:clamp(26px,6cqw,32px);height:clamp(26px,6cqw,32px);position:absolute;bottom:clamp(5px,1.3cqw,7px);left:clamp(5px,1.3cqw,7px);overflow:hidden;box-shadow:0 0 0 2px #fff}.hb-face img{width:100%;height:100%;display:block}.hb-tile.is-voice{background:#e3ede6}.hb-voice{position:absolute;inset:0}.hb-wave{justify-content:space-between;align-items:center;height:48%;display:flex;position:absolute;top:11%;left:9%;right:9%}.hb-wave i{background:var(--pine);transform-origin:50%;border-radius:3px;flex:none;width:clamp(3.5px,.95cqw,5px);min-height:4px}.hb-voice-len{letter-spacing:-.01em;color:var(--pine);align-items:center;gap:3px;font-size:clamp(12.5px,2.6cqw,14px);font-weight:750;line-height:1;display:flex;position:absolute;bottom:clamp(8px,2cqw,11px);right:clamp(6px,1.6cqw,9px)}.hb-voice-len svg{flex:none}.hb-note{-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;-webkit-box-orient:vertical;font-size:clamp(13.5px,4.1cqw,22px);font-weight:750;line-height:1.1;display:-webkit-box;position:absolute;inset:clamp(6px,1.8cqw,11px) clamp(6px,1.9cqw,12px) auto;overflow:hidden}.hb-time{display:none}@media (min-width:980px){.hb-tile:not(.is-voice,.is-note):after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000073);position:absolute;inset:50% 0 0}.hb-time{z-index:2;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 2px #00000059;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1;display:block;position:absolute;bottom:9px;right:8px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.hb-stage:not(.is-live) :is(.hb-tile,.hb-job-bg,.hb-job-head){opacity:0}}@media (prefers-reduced-motion:reduce){.hb-h1 .circled path{stroke-dashoffset:0;animation:none}}
