/* Supporting information and accessible controls, using the existing brand. */
.skip-link{position:fixed;z-index:10000;top:10px;left:14px;padding:12px 20px;
 border:2px solid #142f25;border-radius:12px;background:#f7f4ef;color:#142f25;
 font:700 15px/1.5 var(--sans,system-ui,sans-serif);transform:translateY(-180%)}
.skip-link:focus{transform:none;outline:3px solid #795f32;outline-offset:3px}
#main-content{scroll-margin-top:112px}
#main-content:focus{outline:none}
.job-pay{margin:19px 0 12px}
.job-pay strong{display:block;color:var(--green-dark);font:600 24px/1.3 var(--sans)}
.job-pay strong span{font-size:14px;font-weight:500}
.job-pay small{display:block;margin-top:5px;color:#62685f;font:400 13px/1.6 var(--sans)}
.role-pay{margin-top:20px;max-width:560px;padding:15px 0;border-block:1px solid var(--line)}
.role-pay strong{display:block;color:var(--green-dark);font:600 23px/1.4 var(--sans)}
.role-pay span{display:block;margin-top:3px;color:#62685f;font:400 14px/1.6 var(--sans)}
html .job-status.is-pool{color:#62685f}
.active-roles{display:grid;gap:26px;min-width:0}
html.yavera-creative.careers-page .active-layout.has-many{align-items:start}
html.yavera-creative.careers-page .active-layout.has-many .live-note{position:sticky;top:120px;min-height:360px}
.job-work{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;color:#62685f;font-size:12px;line-height:1.6}
.job-work span+span{border-left:1px solid var(--line);padding-left:14px}
.openings-empty{padding:clamp(26px,4vw,40px);border:1px solid var(--line);border-radius:16px;background:#fffdf8}
.openings-empty h3{margin:20px 0 14px;font:400 clamp(26px,3vw,36px)/1.15 var(--serif);color:var(--green-dark)}
.openings-empty p{font-size:15px;line-height:1.7;color:#62685f}
@media(max-width:760px){html.yavera-creative.careers-page .active-layout.has-many .live-note{position:relative;top:auto;min-height:0}}
.privacy-field{margin-top:24px}
html .privacy-consent{display:flex;align-items:flex-start;gap:12px;cursor:pointer;
 color:#244b3d;font:500 14px/1.65 var(--sans,system-ui,sans-serif)}
html .privacy-consent input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;
 position:static;opacity:1;width:20px;height:20px;min-width:20px;margin:3px 0 0;padding:0;
 flex:0 0 20px;accent-color:#244b3d;cursor:pointer;border-radius:3px}
html .privacy-consent input:focus-visible{outline:3px solid #795f32;outline-offset:4px}
html .privacy-consent span{font:inherit;color:inherit;text-transform:none;letter-spacing:normal}
html .privacy-field .hint,html .privacy-field .book-fine{margin-top:9px;font-size:13px;line-height:1.6}
html .privacy-field a{color:#244b3d;text-decoration:underline;text-underline-offset:3px}
html .privacy-field .err,html .privacy-field [data-error]{font-size:13px}
.business-location{display:block;margin-top:7px;font-size:12px;letter-spacing:.02em;color:inherit}
html.privacy-page .notice{background:transparent;border:0;border-radius:0;padding:0}
html.privacy-page section p,html.privacy-page section li{font-size:16px}
html.privacy-page section{scroll-margin-top:110px}
html.privacy-page .policy-nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-size:14px}
html.privacy-page .policy-nav a{color:#244b3d;text-underline-offset:4px}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .balanced-motion.mobile-experience .how .step{visibility:visible}
 .balanced-motion.mobile-experience .how .step-copy{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;
 }
}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}