@charset "UTF-8";

/* Keep the Figma SVG silhouettes at every breakpoint, including mobile. */
body{--arrow-unit:1px}
.ys-arrow{display:block;height:auto;flex-shrink:0;pointer-events:none}
body .button .ys-arrow.button-arrow{width:48.1698px;max-height:none;height:auto;aspect-ratio:auto;object-fit:contain;right:15.08px;top:50%;transform:translateY(-50%)}
body .button-white .ys-arrow.button-arrow{filter:none}
body .button-white:hover .ys-arrow.button-arrow{filter:brightness(0) invert(1)}
body.home .company-photo .arrow,body.home .company-tiles .arrow,body.home .business-cards .arrow,body.home .entry-strip .arrow{display:block;background:none;font-size:0;line-height:0;height:auto}
body.home .company-photo .arrow,body.home .company-tiles .arrow{width:65.2782px}
body.home .business-cards .arrow{width:64.2437px}
body.home .entry-strip .arrow{width:143.245px}
body.home .arrow>.ys-arrow{width:100%;height:auto;max-width:none}
@media(prefers-reduced-motion:no-preference){
 body :is(a,button) :is(.button-arrow,.footer-button-arrow,.phone-action-arrow),body a .arrow>.ys-arrow{transition:translate .28s cubic-bezier(.2,.65,.3,1)}
 body :is(a,button):focus-visible :is(.button-arrow,.footer-button-arrow,.phone-action-arrow),body a:focus-visible .arrow>.ys-arrow{translate:clamp(8px,calc(12 * var(--arrow-unit)),12px) 0}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body :is(a,button):hover :is(.button-arrow,.footer-button-arrow,.phone-action-arrow),body a:hover .arrow>.ys-arrow{translate:clamp(8px,calc(12 * var(--arrow-unit)),12px) 0}
}
body .subnav a,body .category-filter a{position:relative;padding-right:35px}
body .subnav a>.subnav-arrow,body .category-filter a>.subnav-arrow{position:absolute;width:10.1014px;height:auto;right:18px;top:50%;transform:translateY(-50%) rotate(90deg)}
body.ys-subpage .category-filter a:nth-child(n){background:var(--green);color:#fff;border-color:var(--green)}
body.ys-subpage .category-filter a:first-child{background:var(--ink);border-color:var(--ink)}
body.ys-subpage .category-filter a:last-child:not(:first-child){background:var(--yellow);border-color:var(--yellow)}
body .page-hero .breadcrumbs{gap:10px}
body .page-hero .breadcrumbs .breadcrumb-home{width:19.9725px;height:auto}
body .page-hero .breadcrumbs .breadcrumb-separator{width:18px;height:auto}
body .recruit-entry-actions>a:not(.button){position:relative;padding-right:65px}
body .recruit-entry-actions .phone-action-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:49.1933px;height:auto}
body .recruit-entry-actions .button-arrow{width:49.1933px}
body.ys-blog-list .pagination a.next,body.ys-blog-list .pagination a.prev{position:relative;display:block;width:45px;height:46px;padding:0;border:0}
body.ys-blog-list .pagination-arrow{position:absolute;bottom:0;left:0;width:45px;max-width:none;height:auto;pointer-events:auto}
body.ys-blog-list .pagination-arrow-prev{transform:scaleX(-1)}
body.ys-subpage .steps{gap:62.5px}
body.ys-subpage .steps li+li:after{content:'';position:absolute;left:50%;top:-42.5px;width:49.3634px;height:22.5px;border:0;background:url('../images/98917.svg') center/contain no-repeat;transform:translateX(-50%) rotate(180deg)}

@media(min-width:1101px){
 body{--arrow-unit:calc(100vw / 1920)}
 body .button .ys-arrow.button-arrow{width:calc(48.1698 * var(--arrow-unit));right:calc(15.08 * var(--arrow-unit))}
 body.home .company-photo .arrow,body.home .company-tiles .arrow{width:calc(65.2782 * var(--arrow-unit))}
 body.home .business-cards .arrow{width:calc(64.2437 * var(--arrow-unit));bottom:calc(33.5 * var(--arrow-unit))}
 body.home .entry-strip .arrow{width:calc(143.245 * var(--arrow-unit));right:calc(120 * var(--arrow-unit));bottom:calc(74 * var(--arrow-unit))}
 body .subnav a,body .category-filter a{padding-right:calc(35 * var(--arrow-unit))}
 body .subnav a>.subnav-arrow,body .category-filter a>.subnav-arrow{width:calc(10.1014 * var(--arrow-unit));right:calc(18 * var(--arrow-unit))}
 body .page-hero .breadcrumbs{gap:calc(10 * var(--arrow-unit))}
 body .page-hero .breadcrumbs .breadcrumb-home{width:calc(19.9725 * var(--arrow-unit))}
 body .page-hero .breadcrumbs .breadcrumb-separator{width:calc(18 * var(--arrow-unit))}
 body .recruit-entry-actions>a:not(.button){padding-right:calc(65 * var(--arrow-unit))}
 body .recruit-entry-actions .phone-action-arrow{width:calc(49.1933 * var(--arrow-unit));right:calc(15 * var(--arrow-unit))}
 body .recruit-entry-actions .ys-arrow.button-arrow{width:calc(49.1933 * var(--arrow-unit))}
 body.ys-blog-list .pagination a.next,body.ys-blog-list .pagination a.prev{width:calc(45 * var(--arrow-unit));height:calc(46 * var(--arrow-unit))}
 body.ys-blog-list .pagination-arrow{width:calc(45 * var(--arrow-unit))}
 body.ys-subpage .steps{gap:calc(62.5 * var(--arrow-unit))}
 body.ys-subpage .steps li+li:after{width:calc(49.3634 * var(--arrow-unit));height:calc(22.5 * var(--arrow-unit));top:calc(-42.5 * var(--arrow-unit));border:0}
}
@media(max-width:1100px){
 body.home .entry-strip .arrow{right:0}
}
@media(max-width:767px){
 body .button .ys-arrow.button-arrow{width:32px;right:12px}
 body.home .company-photo .arrow,body.home .company-tiles .arrow,body.home .business-cards .arrow{width:45px}
 body.home .business-cards .arrow{left:auto;right:15px;bottom:15px}
 body.home .business-cards .arrow>.ys-arrow{filter:none}
 body.home .entry-strip .arrow{width:90px;bottom:0}
 body .subnav a,body .category-filter a{padding-right:28px}
 body.ys-subpage .category-filter a{padding:12px 28px 12px 8px}
 body .subnav a>.subnav-arrow,body .category-filter a>.subnav-arrow{width:8px;right:12px}
 body .page-hero .breadcrumbs .breadcrumb-home{width:16px}
 body .page-hero .breadcrumbs .breadcrumb-separator{width:14px}
 body .join-copy .button .ys-arrow.button-arrow{width:25px;right:8px}
 body .recruit-entry-actions>a:not(.button){padding-right:35px}
 body .recruit-entry-actions .phone-action-arrow{width:28px;right:0}
 body .recruit-entry-actions .ys-arrow.button-arrow{width:32px}
 body.ys-subpage .steps{gap:50px}
 body.ys-subpage .steps li+li:after{width:38px;height:17.32px;top:-33.66px}
}