:root{--site-header-height:145px;--site-header-band:10px}html{scroll-padding-top:calc(var(--site-header-height) + var(--site-header-band) + 14px)}body>header{position:sticky;top:0;z-index:1000;background:#fffdf7;isolation:isolate;box-shadow:0 2px 10px #203d5809}body>header:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--site-header-band);background:#f2ebdd;border-bottom:1px solid #d9ccb750;pointer-events:none}body>header details nav{top:100%;z-index:2;max-height:calc(100dvh - var(--site-header-height) - 12px);overflow-y:auto;background:#fffdf7}main{padding-top:var(--site-header-band)}
@media(max-width:760px){:root{--site-header-height:116px;--site-header-band:8px}body>header{gap:16px}body>header .brand{max-width:76%}}