:root{--site-header-height:88px}
html:has(.has-fixed-header){scroll-padding-top:calc(var(--site-header-height) + 18px)}
body.has-fixed-header{padding-block-start:var(--site-header-height)}
.header{position:fixed;inset:0 0 auto;z-index:40;gap:24px;min-height:88px;height:auto;padding-block:16px;background:var(--cream,#f5f3ed);transition:box-shadow .2s ease}
.header.is-scrolled{box-shadow:0 4px 18px #25312712}
.header .brand{flex-shrink:0}
.header .preview-nav{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:clamp(14px,1.8vw,30px);width:auto;max-width:none}
.preview-nav a{white-space:nowrap}
.preview-nav [aria-current=page]{color:#3A7B51;border-bottom:1px solid currentColor}
.site-menu-toggle{display:none;align-items:center;justify-content:center;gap:12px;min-width:48px;min-height:46px;border:1px solid #c2c9ba;padding:9px 13px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.site-menu-icon{display:grid;gap:5px;width:19px}
.site-menu-icon:before,.site-menu-icon:after{content:'';display:block;height:2px;background:currentColor;transition:transform .18s ease}
.site-menu-toggle[aria-expanded=true] .site-menu-icon:before{transform:translateY(3.5px) rotate(45deg)}
.site-menu-toggle[aria-expanded=true] .site-menu-icon:after{transform:translateY(-3.5px) rotate(-45deg)}
.has-fixed-header .careers-sidebar{top:calc(var(--site-header-height) + 24px)}
.back-to-top{position:fixed;inset-inline-end:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #f5f3ed66;border-radius:50%;background:#3A7B51;color:#fff;box-shadow:0 4px 18px #17291d26;cursor:pointer;transition:background .18s ease,transform .18s ease}
.back-to-top[hidden]{display:none!important}
.back-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{background:#2b603d;transform:translateY(-3px)}
.back-to-top:focus-visible,.site-menu-toggle:focus-visible{outline:3px solid #F9A735;outline-offset:4px}
@media(max-width:1100px){
 :root{--site-header-height:76px}
 .header{gap:16px;min-height:76px;padding-block:14px}
 .header .original-logo{width:128px;flex:0 0 128px}
 .has-fixed-header .site-menu-toggle{display:inline-flex}
 .has-fixed-header .header .preview-nav{display:none;position:absolute;inset:100% 0 auto;max-height:calc(100dvh - var(--site-header-height));overflow-y:auto;overscroll-behavior-y:contain;flex-direction:column;align-items:stretch;gap:0;padding:12px 5vw 20px;background:var(--cream,#f5f3ed);border-bottom:1px solid #c8cdbf;box-shadow:0 12px 18px #25312712}
 .has-fixed-header .header .preview-nav.is-open{display:flex}
 .header .preview-nav a{display:block;width:100%;padding:13px 0;border-bottom:1px solid #dce0d5;font-size:13px;line-height:1.5}
 .katto-ar .header .preview-nav a{font-size:19px}
 .header .preview-nav .language-switch{width:max-content;border:1px solid currentColor;padding:6px 13px;margin-top:12px;font-size:13px}
 .katto-ar .site-menu-toggle{font-family:Lalezar,Tahoma,sans-serif;font-size:19px;font-weight:400}
}
@media(max-width:540px){
 .header{gap:12px;min-height:76px;padding-block:12px}
 .header .original-logo{width:120px;flex-basis:120px}
 .back-to-top{width:46px;height:46px;inset-inline-end:18px;bottom:max(18px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.header,.back-to-top,.site-menu-icon:before,.site-menu-icon:after{transition:none}}