/* Shared header exploration: original identity, a quiet navigation dock. */
.site-header--floating{position:relative;z-index:30}
.ddl-sticky-header{position:sticky;top:var(--ddl-sticky-top,0px);z-index:30}
html.ddl-sticky-document{scroll-padding-top:calc(var(--ddl-header-height,116px) + var(--ddl-sticky-top,0px) + 16px)}
.ddl-sticky-document .ddl-rail-sticky{top:calc(var(--ddl-header-height,116px) + var(--ddl-sticky-top,0px) + 1.5rem)}
.ddl-site-top{display:block;height:0;overflow:hidden}
/* One hero canvas reaches behind the header, without moving its copy or form.
   Only the enhanced sticky layout overlaps; no-script navigation stays in flow. */
.ddl-sticky-document .ddl-header-over-hero{--ddl-hero-header-height:var(--ddl-header-height,116px)}
.ddl-sticky-document .ddl-header-over-hero #main-content{margin-block-start:calc(-1 * var(--ddl-hero-header-height))}
.ddl-sticky-document .ddl-header-over-hero .site-header--floating{background:transparent}
.ddl-sticky-document .ddl-header-over-hero .ddl-sticky-header.ddl-header-scrolled{background:var(--ddl-sticky-surface,#fff);box-shadow:0 1px 0 #143c401c}
.page-id-11{--ddl-sticky-surface:#fcfdfc}
.ddl-sticky-document .ddl-header-over-hero .ddl-about-opening{padding-top:calc(82px + var(--ddl-hero-header-height))}
.ddl-sticky-document .ddl-header-over-hero .ddl-contact-layout{padding-top:calc(4.5rem + var(--ddl-hero-header-height))}
.ddl-sticky-document .ddl-header-over-hero .ddl-journal-hero{padding-top:calc(5rem + var(--ddl-hero-header-height))}
@media(max-width:900px){
    .ddl-sticky-document .ddl-header-over-hero .ddl-about-opening{padding-top:calc(64px + var(--ddl-hero-header-height))}
    .ddl-sticky-document .ddl-header-over-hero .ddl-contact-layout{padding-top:calc(3rem + var(--ddl-hero-header-height))}
}
@media(max-width:600px){
    .ddl-sticky-document .ddl-header-over-hero .ddl-about-opening{padding-top:calc(46px + var(--ddl-hero-header-height))}
    .ddl-sticky-document .ddl-header-over-hero .ddl-contact-layout{padding-top:calc(2.7rem + var(--ddl-hero-header-height))}
    .ddl-sticky-document .ddl-header-over-hero .ddl-journal-hero{padding-top:calc(3rem + var(--ddl-hero-header-height))}
}
.site-header--floating .header-inner{border-bottom:0;gap:32px}
.site-header--floating .header-nav-wrap{position:relative;flex:none;margin-left:auto}
.site-header--floating .desktop-nav{
    position:relative;gap:3px;padding:8px 12px;background:#fff;
    border:1px solid #cad6d4;border-radius:2px;
    box-shadow:0 5px 22px #153b4009,0 1px 3px #153b4005;
}
.site-header--floating .desktop-nav:after,.floating-menu:before{
    content:'';position:absolute;right:-1px;top:-1px;width:15px;height:15px;
    background:#bba1eb;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;
}
.site-header--floating .desktop-nav a{min-height:46px;padding:8px 14px;gap:12px;font-size:var(--ddl-text-min)}
.site-header--floating .desktop-nav a:is(:hover,[aria-current="page"]){background:#f4f1f9}
.site-header--floating .desktop-nav a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.site-header--floating .desktop-nav .nav-contact{padding:2px 4px 2px 18px;margin-left:9px;border-left:1px solid var(--line)}
.site-header--floating .nav-contact .arrow{width:36px;height:36px;background:#e0d7f3}
.site-header--floating .menu-toggle{
    align-items:center;gap:12px;min-height:48px;padding:12px 15px;
    color:var(--ink);background:#fff;border:1px solid #bfcecb;border-radius:2px;
    box-shadow:0 4px 15px #153b4009;font-size:var(--ddl-text-min);
}
.site-header--floating .menu-toggle[aria-expanded="true"]{background:#eee7f8;border-color:#9275bc}
.site-header--floating .menu-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.site-header--floating .hamburger{position:relative;width:19px;height:14px;border:0}
.site-header--floating .hamburger:before,.site-header--floating .hamburger:after{
    content:'';position:absolute;left:0;right:0;height:2px;background:currentColor;
}
.site-header--floating .hamburger:before{top:3px}
.site-header--floating .hamburger:after{top:10px}
.site-header--floating [aria-expanded="true"] .hamburger:before{top:6px;transform:rotate(45deg)}
.site-header--floating [aria-expanded="true"] .hamburger:after{top:6px;transform:rotate(-45deg)}
.floating-menu{
    position:absolute;top:calc(100% + 12px);right:0;z-index:2;
    width:min(340px,calc(100vw - 40px));box-sizing:border-box;
    display:flex;flex-direction:column;gap:2px;margin:0;padding:10px;
    overflow:auto;overscroll-behavior:contain;scroll-padding:10px;
    background:#fff;border:1px solid #b9ccca;border-radius:2px;
    box-shadow:0 12px 36px #153b4020,0 2px 6px #153b400a;
}
.floating-menu[data-placement="above"]{top:auto;bottom:calc(100% + 12px)}
.floating-menu a{
    display:flex;align-items:center;gap:16px;min-height:54px;padding:11px 13px;
    box-sizing:border-box;color:var(--ink);font-size:.98rem;line-height:1.35;
    font-weight:650;letter-spacing:-.015em;text-decoration:none;
}
.floating-menu a:is(:hover,[aria-current="page"]){background:#f0eaf8}
.floating-menu a:is(:hover,[aria-current="page"]) .nav-label{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.floating-menu a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;background:#f0eaf8}
.floating-menu .arrow{display:grid;place-items:center;flex:0 0 30px;margin-left:auto;font-size:1.25rem}
.floating-menu .nav-contact{margin-top:6px;border-top:1px solid var(--line);background:#f4f1fa}
.floating-menu .nav-contact .arrow{height:30px;background:#e0d7f3}
.floating-menu[hidden],.site-header--floating .menu-toggle[hidden]{display:none!important}
@media(min-width:1001px){.site-header--floating .menu-toggle{display:none}.floating-menu,.nojs-nav--header{display:none}}
@media(max-width:1000px){
    .site-header--floating .desktop-nav{display:none}
    .site-header--floating .menu-toggle:not([hidden]){display:inline-flex}
}
@media(max-width:600px){.site-header--floating .header-inner{gap:16px}}
@media(max-width:360px){.site-header--floating .logo{width:156px}.site-header--floating .menu-toggle{padding-inline:12px}}
@media(forced-colors:active){
    .site-header--floating .desktop-nav,.site-header--floating .menu-toggle,.floating-menu{border-color:ButtonText;box-shadow:none}
    .site-header--floating .desktop-nav:after,.floating-menu:before{display:none}
}