:root{--im-bg:#878355;--im-ink:#1b1c10;--im-dim:.34;--im-ease:cubic-bezier(.7,0,.15,1)}
/* the panel is positioned against the header, so it spans the full width */
header.wp-block-template-part{position:relative;z-index:30}
.im-nav,.im-item{position:static}
.im-top{display:flex;gap:2.2rem;list-style:none;margin:0;padding:0;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.im-top a,.im-trigger{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 0;color:inherit;text-decoration:none;position:relative}
.im-trigger{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:0;cursor:pointer}
.im-top a::after,.im-trigger::after{content:"";position:absolute;left:0;right:0;bottom:.25rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--im-ease)}
.im-top a:hover::after,.im-trigger:hover::after{transform:scaleX(1)}
.im-plus{width:10px;height:10px;position:relative;transition:transform .5s var(--im-ease)}
.im-plus::before,.im-plus::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:currentColor}
.im-plus::after{transform:rotate(90deg)}
[aria-expanded="true"] .im-plus{transform:rotate(135deg)}

.im-panel{position:absolute;left:0;right:0;top:100%;background:var(--im-bg);color:var(--im-ink);border-bottom:1px solid var(--im-ink);
 clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .65s var(--im-ease),visibility 0s .65s}
.im-panel.open{clip-path:inset(0);visibility:visible;transition:clip-path .65s var(--im-ease),visibility 0s}
.im-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;padding:24px 24px 36px;text-transform:none;letter-spacing:normal}
.im-list{position:relative;margin:0;padding:0;list-style:none}
.im-list li{overflow:hidden;position:relative;z-index:1;margin:0}
.im-list a{display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 8px;margin:0 -8px;color:var(--im-ink);text-decoration:none;
 font-size:clamp(30px,3.9vw,46px);line-height:1.02;letter-spacing:-.045em;transform:translateY(105%);transition:transform .8s var(--im-ease),opacity .35s}
.im-list a::after{display:none}
.im-panel.open .im-list a{transform:none;transition-delay:calc(var(--i)*38ms + 120ms),0s}
.im-list:has(.im-hl.on) a{opacity:var(--im-dim)}
.im-list a.active{opacity:1!important}
.im-p{width:16px;height:16px;position:relative;opacity:0;transition:opacity .3s}
.im-list a.active .im-p{opacity:1}
.im-p::before,.im-p::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--im-ink)}
.im-p::after{transform:rotate(90deg)}
.im-hl{position:absolute;left:-8px;right:0;top:0;height:0;border:1px solid var(--im-ink);border-radius:4px;pointer-events:none;opacity:0;transition:transform .5s var(--im-ease),height .5s var(--im-ease),opacity .3s}
.im-hl.on{opacity:1}

.im-media{position:relative;aspect-ratio:1.28/1;align-self:start;overflow:hidden;background:#d9c9a8;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--im-ease) .15s}
.im-panel.open .im-media{clip-path:inset(0)}
.im-layer{position:absolute;inset:0;background:#d9c9a8}
.im-layer img{display:block;width:100%;height:100%;object-fit:cover}
.im-layer.enter{animation:im-wipe .75s var(--im-ease) both}
.im-layer.enter img{animation:im-settle 1.1s var(--im-ease) both}
@keyframes im-wipe{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes im-settle{from{transform:scale(1.18)}to{transform:scale(1)}}
.im-scrim{position:fixed;inset:0;z-index:20;background:rgba(20,20,8,.28);opacity:0;pointer-events:none;transition:opacity .5s}
.im-scrim.on{opacity:1;pointer-events:auto}
:focus-visible{outline-offset:3px}
@media (max-width:820px){.im-in{grid-template-columns:1fr}.im-media{display:none}.im-top{gap:1.1rem}}
@media (prefers-reduced-motion:reduce){.im-panel,.im-panel *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
