.site-header{height:78px;z-index:40;gap:20px}.site-header .brand{display:flex;flex-shrink:0}.site-header .brand img{display:block;width:210px;height:64px;object-fit:contain}.desktop-navigation{gap:8px;font-size:14px;font-weight:650}.desktop-navigation>a,.nav-logout{padding:12px 14px;border-radius:10px;white-space:nowrap}.desktop-navigation>a:hover,.desktop-navigation>[aria-current=page]{background:#eef3ef}.desktop-navigation>[aria-current=page]{box-shadow:inset 0 -2px #c89545}.desktop-navigation .nav-signin{background:#173e35;color:white;margin-left:8px;display:flex;gap:18px}.nav-logout{border:1px solid #d9dfda;background:white;color:#60716a;font:inherit;cursor:pointer}.mobile-navigation{display:none}.site-header a:focus-visible,.site-header button:focus-visible,.site-header summary:focus-visible{outline:3px solid #c89545;outline-offset:3px}
@media(max-width:800px){.site-header{height:72px;padding:0 16px;gap:12px}.site-header .brand img{width:162px;height:58px}.desktop-navigation{display:none}.mobile-navigation{display:flex;align-items:center;gap:10px}.mobile-home{min-width:44px;min-height:44px;display:grid;place-items:center;gap:1px;font-size:10px;font-weight:750}.mobile-home svg{width:21px;height:21px}.barn-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:82px;background:#173e35;color:#fff;border-radius:12px;padding:12px;cursor:pointer;font-size:12px;font-weight:750;position:relative;z-index:2}.barn-menu summary::-webkit-details-marker{display:none}.menu-glyph{width:18px;height:14px;position:relative}.menu-glyph i{display:block;width:18px;height:1.5px;background:currentColor;position:absolute;left:0;top:3px;transition:transform .2s,top .2s}.menu-glyph i:last-child{top:10px;width:13px}.close-label{display:none}.barn-menu[open] .close-label{display:inline}.barn-menu[open] .menu-label{display:none}.barn-menu[open] .menu-glyph i{top:6px;transform:rotate(45deg)}.barn-menu[open] .menu-glyph i:last-child{width:18px;transform:rotate(-45deg)}.barn-menu-panel{position:absolute;top:calc(100% + 9px);right:12px;width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain;background:#fffdf8;border:1px solid #d9dfda;border-radius:22px;box-shadow:0 24px 65px #102c3540;animation:barn-menu-in .2s ease-out}.menu-welcome{padding:26px 24px 23px;background:#173e35;color:#fff;border-bottom:3px solid #c89545}.menu-welcome .eyebrow{font-size:10px;letter-spacing:.16em;color:#e0ba7d}.menu-welcome h2{font-size:29px;line-height:1.15;margin:10px 0 7px}.menu-welcome p{font-size:13px;color:#cdded3;margin:0}.barn-menu-panel nav{display:grid;gap:0;padding:8px 14px}.menu-row{display:flex;align-items:center;gap:14px;padding:13px 9px;border-bottom:1px solid #e7ebe4;border-radius:10px;color:#173e35;min-height:72px}.menu-row:last-child{border-bottom:0}.menu-row:hover,.menu-row[aria-current=page]{background:#edf3ec}.menu-icon{width:42px;height:42px;border-radius:13px;background:#ecf0e8;display:grid;place-items:center;flex-shrink:0}.menu-icon svg{width:23px;height:23px}.menu-row[aria-current=page] .menu-icon{background:#173e35;color:#fff}.menu-row strong{display:block;font-size:16px;font-weight:700}.menu-row small{display:block;font-size:11px;color:#69796e;margin-top:2px}.menu-arrow{margin-left:auto;padding-left:5px;color:#a37d3e;font-size:21px}.menu-bottom{padding:10px 23px calc(21px + env(safe-area-inset-bottom,0px))}.menu-bottom .button{gap:18px;border-radius:12px}.menu-bottom p{text-align:center;font-size:11px;color:#64756c;margin:12px 0 0}.menu-signoff{display:block;text-align:center;color:#849086;font-size:10px;margin-top:18px;letter-spacing:.05em}.menu-exit{width:100%;min-height:46px;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:transparent;border:1px solid #d9dfda;border-radius:12px;color:#50645a;font:inherit;font-size:13px;cursor:pointer}}
@media(max-width:360px){.site-header{padding:0 12px;gap:8px}.site-header .brand img{width:140px}.mobile-navigation{gap:6px}.menu-welcome{padding:22px 20px}.menu-row{gap:10px}.menu-row small{font-size:10px}}
@keyframes barn-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.barn-menu-panel{animation:none}.menu-glyph i{transition:none}}