/* hrHivora / Unified type system V4.
   No display serifs, no italic accents, no monospaced micro-fonts.
   One humanist sans family; color alone handles editorial emphasis. */
:root{
 --typeface:"Ubuntu Sans","Trebuchet MS","Segoe UI",sans-serif;
 --body-size:16px;--small-size:13px;--caption-size:12px;
 --h1-size:clamp(55px,6vw,92px);--h2-size:clamp(46px,5.3vw,78px);
 --h3-size:clamp(34px,4.1vw,57px);
}
body,button,input,select,textarea{font-family:var(--typeface)!important}
body *:not(svg):not(path){font-family:var(--typeface)!important}
em,i:not(.brand-symbol i):not(.point):not(.ribbon i):not(.live-point){
 font-style:normal!important;
}
body{font-size:var(--body-size);line-height:1.55;letter-spacing:-.014em;font-weight:400}
h1,h2,h3,h4,.hero h1,.open-role h3,.scene-art-1>span,.story-phrase h2,.product-view h3{
 font-family:var(--typeface)!important;font-weight:720!important;
 letter-spacing:-.055em!important;line-height:1.08!important;
}
:is(.hero h1){font-size:var(--h1-size)!important;line-height:1.06!important}
:is(.vacancy h2,.journey h2,.product h2,.people h2,.honesty h2,.close h2,.belief-right h2){font-size:var(--h2-size)!important;line-height:1.08!important}
:is(.journey-view h3,.product-view h3,.depth-copy h3,.story-phrase h2){font-size:var(--h3-size)!important;line-height:1.1!important}
.hero .highlight-text{font-size:1em!important;letter-spacing:-.055em!important;font-weight:720!important;line-height:1.09!important}
:is(.belief-right h2 em,.vacancy h2 em,.journey h2 em,.product h2 em,.people h2 em,.honesty h2 em,.close h2 em,.story-phrase h2 em,.depth-copy h3 em,.open-role h3 em,.hero .highlight-text){
 color:#6a30cf!important;
 font-size:inherit!important;
 font-family:var(--typeface)!important;
 font-style:normal!important;
 font-weight:inherit!important;
 letter-spacing:inherit!important;
}
.open-role h3{font-size:clamp(66px,7vw,94px)!important}
.open-role h3 em{color:#b0f29a!important}
.close h2 em{color:#b7f1a0!important}
.story-phrase h2 em{color:#c6efb8!important}
.depth-copy h3 em{color:#bfeeaa!important}
.product-title-row h2 em,.people-heading h2 em{color:#6a30cf!important}
.wordmark,.footer-logo{font-weight:800!important;letter-spacing:-.055em!important}
:is(.hero-card-yellow>span,.phone-copy strong,.role-postit p,.person-copy blockquote,.journey-tab,.product-tab,.depth-select,.scene-art>span,.product-label){
 font-weight:670!important;
 letter-spacing:-.03em!important;
}
.phone-copy strong{font-size:clamp(34px,3.3vw,51px)!important;line-height:1.08!important}
.hero-card-yellow strong{font-size:clamp(23px,2.7vw,39px)!important;line-height:1.14!important}
.hero-card-yellow>span{font-size:65px!important}
.role-postit p{font-size:clamp(21px,2.4vw,30px)!important;line-height:1.24!important}
.person-copy blockquote{font-size:clamp(18px,1.8vw,26px)!important;line-height:1.3!important}
.journey-view>p,.product-view>p,.hero-lede,.belief-under p,
.vacancy-intro>p,.product-title-row>p,.journey-top>p,.people-heading>p,
.honesty-intro>p,.honesty-rows details>p,.close-copy>p:not(.close-note),
.depth-copy>p:not(.depth-caption){font-size:16px!important;line-height:1.7!important;letter-spacing:0!important}
:is(.person-copy blockquote,.journey-view h3,.depth-copy h3){overflow-wrap:normal}
:is(.micro,.section-serial,.scene-overline,.scene-foot,.depth-eyebrow,
 .story-phrase>span,.story-topline,.story-state,.role-footnote,.open-role-top,
 .job-eyebrow,.people-note>span,.people-note p,.closed-rows span,
 .roles-closed>p,.product-head,.product-sidebar>p,.product-label small,
 .phone-step,.phone-footer,.phone-top,.phone-choice,.depth-mark,.depth-caption,
 .fineprint,.role-bottom small,.dev-strip,.footer-bottom,.close-note,
 .mockfield small,.mockchat small,.depth-slab-head,.depth-slab-foot,
 .depth-slab-body>small,.depth-form-line span,.depth-slab-body .depth-message,
 .depth-lesson span,.depth-form-line b,.depth-lesson b,.hero-ticker span,
 .product-tab>span,.journey-tab>span,.person-copy>span,.person-copy small){
 font-family:var(--typeface)!important;
 font-size:var(--caption-size)!important;
 letter-spacing:.01em!important;
 line-height:1.4!important;
 font-weight:550!important;
}
:is(.dev-strip,.phone-footer,.depth-mark,.depth-slab-head,.depth-slab-foot,
 .product-label small,.scene-foot,.role-footnote,.footer-bottom){
 opacity:.92
}
:is(.menu a,.mobile-nav a,.nav-apply,.big-cta,.close-cta,.text-link,.role-button,
 .depth-select,.product-tab,.journey-tab,.story-control){
 font-family:var(--typeface)!important;
 font-size:14px!important;font-weight:670!important;
 letter-spacing:-.01em!important;line-height:1.32!important;
}
:is(.nav-apply,.big-cta,.close-cta,.role-button,.depth-select,.journey-tab,.product-tab){
 min-height:48px
}
:is(.story-control){font-size:13px!important;min-height:48px}
:is(.depth-select span,.depth-lesson span,.product-tab>span,.journey-tab>span){font-size:12px!important}
.phone-copy p{font-size:13px!important;line-height:1.6!important}
.open-role-title p{font-size:16px!important;line-height:1.65!important}
.roles-closed>div,.closed-rows>div{font-size:22px!important}
.depth-slab-body>strong{font-size:29px!important;line-height:1.15!important;letter-spacing:-.045em!important;font-weight:680!important}
.depth-form-line b,.depth-lesson b,.depth-message{font-size:12px!important}
.depth-slab-head b{font-size:21px!important}
.depth-view{font-size:14px!important}
.depth-mark{font-size:11px!important}
.depth-copy h3{font-size:clamp(41px,4.2vw,60px)!important}
.depth-select{min-height:46px!important}
.hero-sticker{font-size:20px!important;line-height:1.2!important}
.hero-sticker span{font-size:31px!important}
.scene-art-1>span{font-size:clamp(52px,6vw,83px)!important;line-height:1.1!important}
.scene-art-2>i{font-size:clamp(28px,3vw,43px)!important}
.scene-art-4>span{font-size:17px!important}
.study-list,.mockfield{font-size:14px!important}
.story-plane-center strong{font-size:26px!important;line-height:1.12!important;letter-spacing:-.045em!important}
.story-plane-four .story-plane-center strong{font-size:22px!important}
.story-plane-center i{font-size:48px!important}
.story-plane-top,.story-plane-bottom{font-size:12px!important}
.story-plane-top b,.story-plane-bottom span{font-size:19px!important}

/* Constrain art so all type in actual UI remains readable and balanced. */
@media(max-width:1000px){
 :root{--h1-size:clamp(53px,8vw,77px);--h2-size:clamp(41px,6vw,65px);--h3-size:clamp(31px,4.5vw,49px)}
 .hero-copy{padding-bottom:42px}
 .story-phrase h2{font-size:clamp(38px,6vw,57px)!important}
 .open-role h3{font-size:clamp(58px,8vw,80px)!important}
}
@media(max-width:700px){
 :root{--body-size:15px;--small-size:13px;--caption-size:11px;
 --h1-size:clamp(43px,10.4vw,61px);
 --h2-size:clamp(37px,8.9vw,57px);
 --h3-size:clamp(30px,7.5vw,41px)}
 .hero .highlight-text{font-size:1em!important;white-space:normal!important}
 .hero h1{line-height:1.07!important}
 .hero-copy{padding-top:66px}
 .hero-lede,.open-role-title p,.vacancy-intro>p,.journey-top>p,
 .product-title-row>p,.people-heading>p,.depth-copy>p:not(.depth-caption){
 font-size:15px!important;line-height:1.65!important}
 .phone-copy strong{font-size:clamp(25px,6.4vw,36px)!important;line-height:1.07!important}
 .phone-copy p{font-size:11px!important}
 .phone-choice{font-size:12px!important}
 .hero-card-yellow strong{font-size:clamp(19px,5.2vw,32px)!important}
 .hero-card-yellow>span{font-size:43px!important}
 .hero-sticker{font-size:16px!important}
 .hero-sticker span{font-size:24px!important}
 .hero-collage{overflow:hidden}
 .open-role h3{font-size:clamp(54px,14vw,78px)!important}
 .role-postit p{font-size:clamp(20px,5vw,26px)!important}
 .role-bottom strong{font-size:19px!important}
 .roles-closed>div,.closed-rows>div{font-size:18px!important}
 .journey-tab,.product-tab{font-size:13px!important}
 .journey-view h3,.product-view h3{font-size:var(--h3-size)!important}
 .scene-art-1>span{font-size:clamp(42px,11vw,62px)!important}
 .scene-art-2>i{font-size:25px!important}
 .depth-copy h3{font-size:clamp(34px,8.2vw,47px)!important}
 .depth-slab-body>strong{font-size:23px!important}
 .depth-slab-head,.depth-slab-foot,.depth-slab-body>small{font-size:10px!important}
 .depth-message,.depth-form-line b,.depth-lesson b{font-size:11px!important}
 .depth-selector .depth-select{font-size:13px!important}
 .depth-eyebrow,.depth-caption{font-size:11px!important}
 .depth-mark{font-size:10px!important}
 .person-copy blockquote{font-size:21px!important}
 .honesty-rows summary strong{font-size:16px!important}
 .story-phrase h2{font-size:clamp(36px,8.4vw,49px)!important}
 .story-plane-center strong{font-size:20px!important}
 .story-plane-four .story-plane-center strong{font-size:18px!important}
 .story-plane-center i{font-size:43px!important}
 .story-plane-top,.story-plane-bottom{font-size:10px!important}
 .story-phrase>span,.story-topline{font-size:11px!important}
 .story-control{font-size:12px!important}
}
@media(max-width:360px){
 :root{--h1-size:41px;--h2-size:37px;--h3-size:30px}
 .hero .highlight-text{font-size:1em!important}
 .open-role h3{font-size:50px!important}
 .role-postit p{font-size:20px!important}
 .journey h2{font-size:36px!important}
 .product-view h3{font-size:29px!important}
 .depth-copy h3{font-size:33px!important}
 .depth-selector .depth-select{font-size:12px!important}
 .depth-slab-body>strong{font-size:20px!important}
 .depth-mark{font-size:10px!important}
 .story-phrase h2{font-size:34px!important}
 .person-copy blockquote{font-size:20px!important}
 .close-cta{font-size:12px!important}
 .hero-card-yellow strong{font-size:19px!important}
 .phone-copy strong{font-size:26px!important}
}
@media(prefers-reduced-motion:reduce){.hero h1,.hero .highlight-text{transition:none}}
/* Contextual accent contrast: color, never a different face/italic. */
.depth-copy h3 em,.story-phrase h2 em,.open-role h3 em{color:#bef3ab!important}
.contact h2 em,.close h2 em{color:#bff0a8!important}
.hero .highlight-text,.vacancy h2 em,.people h2 em,.journey h2 em,.product h2 em,.honesty h2 em{color:#6d31cd!important}

/* Mobile product tabs: one consistent legible text size and no mid-word hyphenation. */
@media(max-width:700px){
  .product-sidebar{display:grid;grid-template-columns:1fr;gap:8px}
  .product-tab{display:grid;grid-template-columns:22px 1fr 25px;align-items:center;min-height:51px;font-size:14px!important;padding:12px 16px;white-space:nowrap;hyphens:none!important}
  .product-tab>span{font-size:12px!important}
  .product-tab>b{display:block;font-size:19px!important;justify-self:end}
  .product-sidebar>p{grid-column:1;grid-row:auto;font-size:12px!important;line-height:1.55!important;margin:4px 0 8px}
  .product-view h3{font-size:clamp(30px,7vw,43px)!important}
  .story-phrase h2{font-size:clamp(33px,8.2vw,47px)!important}
  .close-cta{font-size:14px!important}
}
@media(max-width:360px){
  .product-tab{font-size:13px!important}
  .product-view h3{font-size:29px!important}
  .close-cta{font-size:13px!important}
}
/* Dark surfaces override the shared accent class by explicit specificity. */
html body .depth-experience .depth-copy h3 em{color:#bef3ab!important}
html body .open-role h3 em{color:#bef3ab!important}
html body .story-phrase h2 em{color:#bef3ab!important}
html body .close h2 em{color:#bef3ab!important}
/* Final specificity guard for contrast inside two dark CTAs. */
html .open-role.open-role h3 em{color:#bef3ab!important}
html .close.close h2 em{color:#bef3ab!important}
html .story-phrase.story-phrase h2 em{color:#bef3ab!important}