.hapo-careers-hero{position:relative;box-sizing:border-box;min-height:850px;background:#fff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-careers-hero *{box-sizing:border-box}
.hapo-careers-hero--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-careers-hero--container{width:100%}
.hapo-careers-hero__inner{display:grid;width:min(1440px,calc(100% - 48px));min-height:850px;grid-template-columns:minmax(0,625px) minmax(0,733px);gap:82px;align-items:center;margin:auto}
.hapo-careers-hero__copy{min-width:0}
.hapo-careers-hero .hapo-careers-hero__eyebrow{display:inline-flex;align-items:center;min-height:38px;margin:0 0 24px;padding:5px 16px;border-radius:100px;background:#e7fbef;color:#08c864;font-size:16px;font-weight:800;line-height:1.3}
.hapo-careers-hero .hapo-careers-hero__heading{display:flex;flex-direction:column;gap:0;margin:0;color:#09090b;font-size:66px;font-weight:800;letter-spacing:-.05em;line-height:1.13}
.hapo-careers-hero__heading span:last-child{color:#08c875;font-size:70px;white-space:nowrap}
.hapo-careers-hero .hapo-careers-hero__description{max-width:625px;margin:26px 0 39px;color:#717171;font-size:18px;line-height:1.52}
.hapo-careers-hero .hapo-careers-hero__cta{display:inline-flex;min-height:55px;align-items:center;padding:12px 29px;border-radius:100px;background:linear-gradient(110deg,#0bd780,#079f62);color:#fff;font-size:17px;font-weight:700;line-height:1.3;text-decoration:none}
.hapo-careers-hero__gallery{min-width:0}
.hapo-careers-hero__slides{position:relative;display:grid;grid-template-columns:repeat(var(--hapo-careers-columns,5),minmax(0,1fr));gap:8px;margin:0;padding:calc(56.21% + 8px) 0 0;list-style:none}
.hapo-careers-hero .hapo-careers-hero__slide{min-width:0;margin:0;list-style:none}
.hapo-careers-hero__stage{position:absolute;inset:0 0 auto;display:block;width:100%;aspect-ratio:733/412;overflow:hidden;padding:0;border:0;border-radius:12px;background:#eaf8f1;cursor:zoom-in;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.hapo-careers-hero__slide:first-child .hapo-careers-hero__stage,.hapo-careers-hero__slide.is-active .hapo-careers-hero__stage{opacity:1;visibility:visible}
.hapo-careers-hero__gallery.is-ready .hapo-careers-hero__slide:not(.is-active) .hapo-careers-hero__stage{opacity:0;visibility:hidden}
.hapo-careers-hero__main-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hapo-careers-hero__zoom{position:absolute;right:18px;bottom:18px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:#087e4e;font-size:21px;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}
.hapo-careers-hero__placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px;background:radial-gradient(circle at 76% 15%,#d8f6e4,transparent 35%),linear-gradient(135deg,#f2fff6,#d7f3e3);color:#0b764b;text-align:center}
.hapo-careers-hero__placeholder-mark{display:grid;width:80px;height:80px;place-items:center;border:2px solid #91dbaf;border-radius:18px;color:#10c978;font-size:44px;line-height:1;transform:rotate(-8deg)}
.hapo-careers-hero__placeholder strong{color:#126343;font-size:22px;font-weight:700}
.hapo-careers-hero__placeholder small{color:#4c8d70;font-size:15px}
.hapo-careers-hero__thumb{position:relative;display:block;width:100%;aspect-ratio:140/80;overflow:hidden;padding:0;border:2px solid transparent;border-radius:2px;background:#e8f4ec;cursor:pointer;transition:border-color .3s ease,filter .3s ease,transform .3s ease}
.hapo-careers-hero__slide:first-child .hapo-careers-hero__thumb,.hapo-careers-hero__slide.is-active .hapo-careers-hero__thumb{border-color:#0bc96d}
.hapo-careers-hero__gallery.is-ready .hapo-careers-hero__slide:not(.is-active) .hapo-careers-hero__thumb{border-color:transparent}
.hapo-careers-hero__thumb-image{display:block;width:100%;height:100%;object-fit:cover}
.hapo-careers-hero__thumb-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e7f8ec,#f7fff9);color:#3f9d6d}
.hapo-careers-hero__thumb-placeholder span{font-size:28px;line-height:1}.hapo-careers-hero__thumb-placeholder small{font-size:10px}
.hapo-careers-hero__progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:#08ca70;transform:scaleX(0);transform-origin:left center}
.hapo-careers-hero__gallery.is-ready .hapo-careers-hero__slide.is-active .hapo-careers-hero__progress{animation:hapo-careers-progress var(--hapo-careers-duration,6s) linear forwards}
.hapo-careers-hero__gallery.is-paused .hapo-careers-hero__progress{animation-play-state:paused!important}
.hapo-careers-hero__stage:focus-visible,.hapo-careers-hero__thumb:focus-visible,.hapo-careers-hero__dialog-close:focus-visible{outline:3px solid #06985e;outline-offset:3px}
.hapo-careers-hero__dialog{position:fixed;max-width:min(1200px,92vw);max-height:92vh;overflow:visible;padding:0;border:0;border-radius:16px;background:#f5fff8;box-shadow:0 30px 100px rgba(0,0,0,.3)}
.hapo-careers-hero__dialog::backdrop{background:rgba(4,20,12,.86);backdrop-filter:blur(5px)}
.hapo-careers-hero__dialog-image{display:block;max-width:min(1200px,92vw);max-height:86vh;object-fit:contain;border-radius:16px}
.hapo-careers-hero__dialog-placeholder{display:flex;width:min(960px,86vw);min-height:460px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;border-radius:16px;background:linear-gradient(135deg,#edfdf3,#ccebd9);color:#176846;text-align:center}
.hapo-careers-hero__dialog-placeholder strong{font-size:25px}.hapo-careers-hero__dialog-placeholder small{font-size:16px}
.hapo-careers-hero__dialog [hidden]{display:none!important}
.hapo-careers-hero__dialog-close{position:absolute;z-index:2;top:-17px;right:-17px;display:grid;width:42px;height:42px;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#1e3329;box-shadow:0 4px 14px rgba(0,0,0,.2);cursor:pointer;font-size:30px;line-height:1}
.hapo-careers-hero__empty{padding:80px 20px;border:1px dashed #9edeb9;border-radius:12px;color:#247b52;text-align:center}
@media(hover:hover) and (pointer:fine){.hapo-careers-hero__stage:hover .hapo-careers-hero__main-image{transform:scale(1.035)}.hapo-careers-hero__stage:hover .hapo-careers-hero__zoom{opacity:1;transform:translateY(0)}.hapo-careers-hero__thumb:hover{filter:brightness(.94);transform:translateY(-2px)}}
@media(max-width:1550px){.hapo-careers-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,4.2vw,82px)}.hapo-careers-hero .hapo-careers-hero__heading{font-size:clamp(43px,4.3vw,66px)}.hapo-careers-hero__heading span:last-child{font-size:clamp(46px,4.5vw,70px)}}
@media(max-width:900px){.hapo-careers-hero{min-height:0}.hapo-careers-hero__inner{min-height:0;grid-template-columns:1fr;gap:44px;max-width:720px;padding:75px 0 85px}.hapo-careers-hero .hapo-careers-hero__heading{font-size:clamp(40px,6vw,58px)}.hapo-careers-hero__heading span:last-child{font-size:clamp(43px,6.2vw,62px)}.hapo-careers-hero .hapo-careers-hero__description{margin-bottom:28px}}
@media(max-width:600px){.hapo-careers-hero__inner{width:calc(100% - 36px);gap:35px;padding:62px 0 68px}.hapo-careers-hero .hapo-careers-hero__eyebrow{min-height:33px;margin-bottom:18px;font-size:12px}.hapo-careers-hero .hapo-careers-hero__heading{font-size:40px}.hapo-careers-hero__heading span:last-child{font-size:clamp(32px,9.4vw,46px);white-space:normal}.hapo-careers-hero .hapo-careers-hero__description{margin:20px 0 27px;font-size:15px}.hapo-careers-hero .hapo-careers-hero__cta{min-height:50px;padding:11px 21px;font-size:14px}.hapo-careers-hero__placeholder-mark{width:50px;height:50px;font-size:28px}.hapo-careers-hero__placeholder strong{font-size:15px}.hapo-careers-hero__placeholder small{font-size:11px}.hapo-careers-hero__thumb-placeholder small{display:none}.hapo-careers-hero__thumb-placeholder span{font-size:20px}.hapo-careers-hero__dialog-placeholder{min-height:230px}.hapo-careers-hero__dialog-placeholder strong{font-size:17px}}
@keyframes hapo-careers-progress{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hapo-careers-hero__gallery .hapo-careers-hero__progress{animation:none!important}.hapo-careers-hero__stage,.hapo-careers-hero__main-image,.hapo-careers-hero__thumb,.hapo-careers-hero__zoom{transition:none!important}}