/* One navigation component for every content page. */
.site-header.header{position:sticky;top:0;width:100%;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line,#DFD4CC);z-index:20;margin:0;padding:0;color:#171312;font-family:Arial,Helvetica,sans-serif}
.site-header .nav-shell{width:min(1280px,calc(100% - 80px));height:96px;margin:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:7px;flex-shrink:0;text-decoration:none;color:#171312}
.site-header .brand>span{position:relative;isolation:isolate;font:400 30px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-1px;white-space:nowrap}
.site-header .brand>span::before{content:"";position:absolute;left:37%;right:-5px;bottom:0;height:12px;background:#F4B8B7;transform:rotate(-2deg);z-index:-1;clip-path:none}
.site-header .brand em{font-weight:400;font-style:italic;color:inherit}
.site-header .brand small{font:700 9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:2.3px;color:inherit;white-space:nowrap}
.site-header #main-nav{display:flex;align-items:center;gap:34px;margin:0;padding:0;border:0;box-shadow:none}
.site-header #main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0;margin:0;border:0;border-radius:0;background:transparent;color:#171312;font:400 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-decoration:none}
.site-header #main-nav a:hover,.site-header #main-nav a:focus-visible{color:#171312;background:transparent;text-decoration:none}
.site-header .nav-swoosh{position:relative;isolation:isolate;display:inline-block;white-space:nowrap}
.site-header .nav-swoosh::before{content:"";position:absolute;left:-.08em;right:-.08em;bottom:-.02em;height:.28em;background:#F4B8B7;transform:rotate(-2deg);z-index:-1;pointer-events:none;transition:height .18s}
.site-header a:hover>.nav-swoosh::before,.site-header a:focus-visible>.nav-swoosh::before{height:.5em}
.site-header .menu-toggle{display:none}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #93434A;outline-offset:5px}
@media(max-width:1050px){.site-header .nav-shell{width:calc(100% - 56px)}.site-header #main-nav{gap:20px}}
@media(max-width:860px){
 .site-header .nav-shell{width:calc(100% - 40px);height:80px;gap:12px}
 .site-header .brand>span{font-size:28px}
 .site-header .brand small{font-size:8px;letter-spacing:1.8px}
 .site-header .menu-toggle{display:flex;align-items:center;gap:15px;min-height:44px;padding:8px 15px;border:1px solid #C6A04A;border-radius:30px;background:#171312;color:white;font:400 14px/1.5 Arial,Helvetica,sans-serif;cursor:pointer}
 .site-header .menu-toggle span{font-size:20px}
 .site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible{background:#F4B8B7;color:#171312}
 .site-header #main-nav{display:none;position:absolute;left:0;right:0;top:80px;background:white;border-bottom:1px solid #DFD4CC;padding:18px 20px 25px;align-items:stretch;gap:0;box-shadow:0 15px 20px #1713120d}
 .site-header #main-nav.is-open{display:flex;flex-direction:column}
 .site-header #main-nav a{justify-content:flex-start;padding:12px 10px}
 .no-js .site-header{position:static}
 .no-js .site-header .nav-shell{height:auto;min-height:80px;flex-wrap:wrap;padding-block:18px}
 .no-js .site-header .menu-toggle{display:none}
 .no-js .site-header #main-nav{display:flex;position:static;flex-direction:column;width:100%;padding:0;border:0;box-shadow:none}
}
@media(max-width:380px){.site-header .brand small{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.site-header .nav-swoosh::before{transition:none}}