/* Słój i Forma — editorial contents, typography instead of a control bar. */
.header.navigation-header{padding-block:22px;align-items:center;gap:45px;border-bottom:1px solid #382b2830}
.navigation-header .brand{flex-shrink:0}
.navigation-header .desktop-navigation{display:flex;align-items:center;margin-left:auto;gap:34px}
.navigation-header .desktop-navigation a{display:flex;align-items:baseline;gap:11px;padding:13px 0;min-height:50px;font:400 21px/1.3 Georgia,'Times New Roman',serif;white-space:nowrap;border-bottom:1px solid transparent}
.navigation-header .nav-chapter{font:10px/1.4 Inter,Arial,sans-serif;color:#7a4b51;letter-spacing:.08em}
.navigation-header .desktop-navigation a:hover,.navigation-header .desktop-navigation a[aria-current]{color:#692d3b;border-color:#692d3b}
.navigation-header [data-menu-open]{display:none}
.navigation-dialog:not([open]){display:none}
#navigation-dialog{position:fixed;z-index:1000;inset:16px;margin:auto;width:calc(100% - 32px);max-width:510px;height:fit-content;max-height:calc(100dvh - 32px);padding:29px 26px;background:#f5f0e7;color:#382b28;border:1px solid #bca89e;border-radius:0;box-shadow:0 22px 90px #26181130;overflow:auto;overscroll-behavior:contain}
#navigation-dialog[open]{display:block}
#navigation-dialog::backdrop{background:#2d201d80}
#navigation-dialog .navigation-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #382b2840;padding-bottom:18px}
#navigation-dialog .navigation-kicker{font:italic 21px/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.6px;color:#692d3b}
#navigation-dialog .navigation-close{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:5px 0 5px 10px;background:transparent;color:#692d3b;border:0;border-radius:0;font:12px/1.4 Inter,Arial,sans-serif;cursor:pointer}
#navigation-dialog h2{font:400 44px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-1.7px;margin:30px 0 35px}
#navigation-dialog .mobile-navigation{position:static;display:block;margin:0;padding:0;background:transparent;color:inherit;font-family:Georgia,'Times New Roman',serif}
#navigation-dialog .mobile-navigation a{display:grid;grid-template-columns:20px 1fr 18px;align-items:baseline;gap:14px;min-height:94px;padding:25px 0;border-top:1px solid #382b2840;font:400 31px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.9px}
#navigation-dialog .mobile-navigation a:last-child{border-bottom:1px solid #382b2840}
#navigation-dialog .nav-chapter{font:11px/1.3 Inter,Arial,sans-serif;letter-spacing:0;color:#7d5558}
#navigation-dialog .nav-arrow{font:20px/1 Inter,Arial,sans-serif;color:#692d3b}
#navigation-dialog .mobile-navigation a:hover,#navigation-dialog .mobile-navigation a[aria-current]{color:#692d3b}
#navigation-dialog .navigation-foot{padding-top:19px;margin-top:5px}
#navigation-dialog .navigation-foot a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font:13px/1.5 Inter,Arial,sans-serif;color:#692d3b}
.navigation-header :focus-visible,#navigation-dialog :focus-visible{outline:2px solid #692d3b;outline-offset:5px}
@media(max-width:900px){.navigation-header .desktop-navigation{display:none}.header.navigation-header{position:relative;padding-block:17px;gap:10px}.navigation-header [data-menu-open]{display:flex;align-items:center;gap:16px;margin-left:auto;padding:10px 2px 10px 12px;min-height:48px;color:#692d3b;background:transparent;border:0;border-radius:0;font:italic 20px/1.4 Georgia,'Times New Roman',serif;cursor:pointer}.trigger-lines{display:flex;flex-direction:column;gap:6px;width:22px}.trigger-lines i{height:1px;width:22px;background:#692d3b}.trigger-lines i:last-child{width:14px}.navigation-header .brand{font-size:24px}}
@media(max-width:390px){#navigation-dialog{padding:22px}#navigation-dialog h2{font-size:40px}#navigation-dialog .mobile-navigation a{font-size:29px;gap:12px}}
html.navigation-open{overflow:hidden}
@media(max-width:360px){.header.navigation-header{gap:8px}.navigation-header .brand{font-size:22px;gap:7px}.navigation-header .brand .monogram{font-size:24px;padding-right:8px}.navigation-header .brand small{font-size:8.5px}.navigation-header [data-menu-open]{padding-left:6px;gap:12px;font-size:19px;flex-shrink:0}}

/* Keep mobile navigation reachable throughout the page. */
@media(max-width:900px){
 html{scroll-padding-top:88px}
 .header.navigation-header{position:sticky;top:0;z-index:30;width:100%;max-width:none;margin-inline:0;padding:10px 20px;background:#f5f0e7;box-shadow:0 3px 12px #0000000d}
}