/* A steady header, stitched section marker and tactile navigation. */
.site-header{background:#f2eddf}
.site-header .identity img{transition:transform .4s cubic-bezier(.22,1,.36,1)}
.site-header .identity:hover img{transform:rotate(-9deg)}
.nav-marker{display:none}
@media(min-width:1101px){
 .site-header .navlinks{display:grid;grid-template-columns:96px 112px 104px 90px 84px;gap:4px;align-items:center;position:relative;isolation:isolate;view-transition-name:nav-labels}
 .navlinks>a{grid-row:1;display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 8px;font-size:12px;font-weight:700;line-height:1.25;border-radius:9px;color:#183d3e;z-index:1;transition:color .2s,translate .25s cubic-bezier(.22,1,.36,1)}
 .navlinks>a:nth-of-type(1){grid-column:1}.navlinks>a:nth-of-type(2){grid-column:2}.navlinks>a:nth-of-type(3){grid-column:3}.navlinks>a:nth-of-type(4){grid-column:4}.navlinks>a:nth-of-type(5){grid-column:5}
 .navlinks>a::after,.navlinks>a:hover::after,.navlinks>a[aria-current=page]::after{content:none}
 .navlinks>a::before{content:"";position:absolute;inset:3px 1px;border:1px dashed #183d3e55;border-radius:8px;opacity:0;transform:scale(.94) rotate(2deg);transition:opacity .2s,transform .3s;pointer-events:none}
 .navlinks>a:not([aria-current=page]):hover::before,.navlinks>a:focus-visible::before{opacity:1;transform:scale(1) rotate(-2deg)}
 .navlinks>a:not([aria-current=page]):hover{color:#b73e20;translate:0 -2px}
 .navlinks>a:active{translate:0 1px}
 .navlinks>a:focus-visible{outline:2px solid #b73e20;outline-offset:4px}
 .nav-marker{display:block;grid-row:1;grid-column:var(--nav-slot,1);align-self:stretch;position:relative;z-index:0;background:#e6ec9b;border-radius:9px;transform:rotate(-2deg);visibility:hidden;view-transition-name:nav-marker;pointer-events:none}
 .nav-marker::before{content:"";position:absolute;inset:5px;border:1px dashed #183d3e55;border-radius:5px}
 .navlinks:has(a[aria-current=page]) .nav-marker{visibility:visible}
 .navlinks:has(a:nth-of-type(1)[aria-current=page]){--nav-slot:1}.navlinks:has(a:nth-of-type(2)[aria-current=page]){--nav-slot:2}.navlinks:has(a:nth-of-type(3)[aria-current=page]){--nav-slot:3}.navlinks:has(a:nth-of-type(4)[aria-current=page]){--nav-slot:4}.navlinks:has(a:nth-of-type(5)[aria-current=page]){--nav-slot:5}
 .site-header .navjoin{transition:background .25s,box-shadow .25s,translate .25s}
 .site-header .navjoin:hover{translate:0 -2px;box-shadow:0 5px 0 #183d3e18}
}
/* The marker travels independently, behind stationary labels and header. */
::view-transition-group(site-navigation){z-index:2}
::view-transition-group(nav-labels){animation:none;z-index:4}
::view-transition-old(nav-labels){animation:none;display:none}
::view-transition-new(nav-labels){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-group(nav-marker){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1);z-index:3}
::view-transition-old(nav-marker),::view-transition-new(nav-marker){animation-duration:.18s;mix-blend-mode:normal}
.menu-links{counter-reset:menu-link}
.menu-links a{position:relative;justify-content:flex-start;gap:16px;padding:15px 12px;border-radius:7px;transition:background .2s,color .2s}
.menu-links a::before{counter-increment:menu-link;content:"0" counter(menu-link);font:10px/1 Body;letter-spacing:.08em;color:#64776b;flex:0 0 22px}
.menu-links a::after{margin-left:auto}
.menu-links a[aria-current=page]{background:#e6ec9b;color:#183d3e}
.menu-links a:hover{background:#e6ec9b66}
@media(prefers-reduced-motion:no-preference){
 .menu-dialog[open]:not([data-closing]) .menu-links a{animation:nav-row-in .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--nav-order,0)*30ms + 70ms)}
 .menu-links a:nth-child(2){--nav-order:1}.menu-links a:nth-child(3){--nav-order:2}.menu-links a:nth-child(4){--nav-order:3}.menu-links a:nth-child(5){--nav-order:4}.menu-links a:nth-child(6){--nav-order:5}
}
@keyframes nav-row-in{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
 .site-header .identity img,.site-header .navjoin,.navlinks>a,.navlinks>a::before,.menu-links a{transition:none}
 .site-header .identity:hover img,.site-header .navjoin:hover,.navlinks>a:hover{transform:none;translate:none}
 ::view-transition-group(nav-marker),::view-transition-old(nav-marker),::view-transition-new(nav-marker){animation:none}
}

/* Transition snapshots are decorative; controls beneath remain clickable. */
::view-transition{pointer-events:none}
::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}