/* Shared navigation: clear groups, one visible project action. */
.header .header-inner{gap:22px;min-height:100px;padding:18px 32px;max-width:1440px}
.header-inner>.brand{order:0;flex-shrink:0}
.header-inner>#navigation{order:1;position:static;display:flex;flex:1;align-items:center;gap:8px;margin:0 0 0 22px;padding:0;border:0;box-shadow:none;background:none}
.header-inner>.language-switch{order:2;margin:0}.header-inner>.theme-toggle{order:3;margin:0}.header-inner>.menu-toggle{order:4}
#navigation .nav-section{position:relative}
#navigation .nav-section>summary{display:flex;align-items:center;gap:9px;padding:12px 11px;border-radius:10px;list-style:none;font:500 14px/1.3 Inter,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
#navigation .nav-section>summary::-webkit-details-marker{display:none}
#navigation .nav-section>summary::after{display:none}
#navigation .nav-section[open]>summary,#navigation .nav-section>summary:hover{background:none}
#navigation .nav-section>summary .nav-caret{width:6px;height:6px;flex-shrink:0;color:inherit;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
#navigation .nav-section[open]>summary .nav-caret{transform:translateY(1px) rotate(225deg)}
#navigation .nav-panel{position:absolute;top:calc(100% + 16px);left:0;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px #17171718;z-index:45;animation:nav-enter .18s ease-out}
#navigation .nav-services{width:650px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px}
#navigation .nav-group+ .nav-group{border-left:1px solid var(--line);padding-left:10px}
#navigation .nav-group>p{margin:0;padding:6px 12px 14px;font-size:11px;line-height:1.5;font-weight:600;color:var(--ink);opacity:.65}
#navigation .nav-panel a{display:block;padding:13px 12px;border:0;border-radius:11px;color:var(--ink);transition:background .18s;text-decoration:none}
#navigation .nav-panel a strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
#navigation .nav-panel a small{display:block;font-size:12px;font-weight:400;line-height:1.5;opacity:.65;margin-top:4px}
#navigation .nav-panel a:hover,#navigation .nav-panel a[aria-current=page]{background:none}
#navigation a[aria-current=page] strong{color:var(--coral-dark)}
#navigation .nav-simple{width:265px}
#navigation>.nav-contact{margin-left:auto;padding:12px;font-size:14px;white-space:nowrap}
#navigation>.nav-quote{display:flex;align-items:center;gap:18px;padding:14px 20px;border-radius:999px;background:#171717;color:white;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:none;transition:transform .18s,background .18s}
#navigation>.nav-quote:hover{background:#343434;transform:translateY(-1px)}
#navigation>.nav-quote>span{color:white;font-size:18px}
#navigation :focus-visible{outline:2px solid var(--coral);outline-offset:3px}
[data-theme=dark] #navigation .nav-panel{background:#242125;box-shadow:0 18px 50px #0005}
[data-theme=dark] #navigation>.nav-quote{background:#fffaf7;color:#171717}[data-theme=dark] #navigation>.nav-quote>span{color:#171717}
@keyframes nav-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1101px) and (max-width:1250px){.header .header-inner{gap:12px;padding-inline:20px}.header-inner>#navigation{margin-left:8px;gap:2px}#navigation>.nav-quote{padding:14px 16px;gap:10px}}
@media(max-width:1100px){
 .header .header-inner{min-height:84px;padding:16px 20px;gap:12px;position:relative}
 .header-inner>.language-switch{margin-left:auto}.header-inner>.brand{width:113px}.eylan-header .eylan-mark{font-size:30px!important}
 .header-inner>.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:11px;width:42px;height:42px;background:#ff805618;border-radius:50%}
 .menu-toggle span{display:block;height:1.5px;width:20px;background:var(--ink);transition:transform .2s}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7.5px) rotate(-45deg)}
 .header-inner>#navigation{display:none;position:absolute;top:calc(100% - 2px);left:16px;right:16px;margin:0;padding:12px;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 18px 40px #17171718}
 .header-inner>#navigation.open{display:flex;max-height:calc(100dvh - var(--announcement-height,64px) - var(--site-header-height,84px) - 16px);overflow-y:auto;overscroll-behavior:contain}
 #navigation .nav-section{width:100%;border-bottom:1px solid var(--line)}
 #navigation .nav-section>summary{justify-content:space-between;font-size:16px;padding:16px 12px}
 #navigation .nav-panel{position:static;width:100%;border:0;border-radius:0;box-shadow:none;background:none!important;padding:0 0 10px;animation:none}
 #navigation .nav-services{grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 14px}
 #navigation .nav-group>p{font-size:11px;padding-top:10px}
 #navigation .nav-panel a{padding:11px 12px}
 #navigation>.nav-contact{margin:4px 0;padding:16px 12px;font-size:16px}
 #navigation>.nav-quote{justify-content:space-between;margin:4px 0;padding:16px 20px;font-size:14px}
}
@media(max-width:540px){.header .header-inner{padding:14px 16px;gap:7px}#navigation .nav-services{grid-template-columns:1fr}#navigation .nav-group+.nav-group{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:8px}#navigation .nav-panel a small{font-size:12px}.header-inner>.theme-toggle{width:30px}}
@media(prefers-reduced-motion:reduce){#navigation .nav-panel{animation:none}#navigation *{transition:none!important}}
.footer-category-toggle{padding:0;margin:5px 0 7px;background:none;border:0;color:#fff;font:600 14px/1.5 Inter,sans-serif;text-align:left;opacity:1}
.footer-category-toggle:disabled{cursor:default;opacity:1;color:#fff}
.footer-category-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer-category-links[hidden]{display:none}
@media(max-width:760px){
 .header-inner>.menu-toggle{order:1;margin-left:8px;background:#171717;border:1px solid #171717;flex-shrink:0;width:44px;height:44px;align-items:center}
 .header-inner>.menu-toggle span{background:#fff;height:2px}
 [data-theme=dark] .header-inner>.menu-toggle{background:#fffaf7;border-color:#fffaf7}
 [data-theme=dark] .header-inner>.menu-toggle span{background:#171717}
 .site-footer .footer-top{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .site-footer .footer-brand{margin-bottom:30px}
 .site-footer .footer-column{width:100%;gap:0;border-top:1px solid #ffffff26}
 .site-footer .footer-column:last-child{border-bottom:1px solid #ffffff26}
 .footer-category-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;width:100%;margin:0;padding:19px 0;font-size:15px;cursor:pointer}
 .footer-category-toggle:after{content:'+';font-size:24px;font-weight:400;color:#ffac84;line-height:1}
 .footer-category-toggle[aria-expanded=true]:after{content:'−'}
 .footer-category-toggle:focus-visible{outline:2px solid #ffac84;outline-offset:4px}
 .footer-category-links{gap:0;width:100%;padding:0 0 20px}
 .site-footer .footer-category-links a{padding:10px 0;font-size:14px;line-height:1.5}
}
/* Plain navigation feedback; preserve the keyboard focus outline. */
#navigation a,#navigation summary,#navigation .nav-panel{transition:none;animation:none}
#navigation a::before,#navigation a::after{display:none!important}
#navigation .nav-quote:hover{transform:none;background:#171717}
[data-theme=dark] #navigation .nav-quote:hover{background:#fffaf7}
@media(max-width:760px){
 .header .header-inner{position:relative;min-height:84px}
 .header-inner>.eylan-header{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:113px}
 .header-inner>.menu-toggle{order:0;margin:0;padding:10px;width:44px;height:44px;border:0;border-radius:0;background:transparent!important;gap:6px}
 .header-inner>.menu-toggle span{width:24px;height:3px;border-radius:1px;background:#171717;flex-shrink:0;transition:none;transform:none}
 [data-theme=dark] .header-inner>.menu-toggle span{background:#fffaf7}
 .header-inner>.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(45deg)}
 .header-inner>.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .header-inner>.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-9px) rotate(-45deg)}
 .header-inner>.language-switch{margin-left:auto;order:2}
 .header-inner>.theme-toggle{order:3;margin:0}
}
@media(max-width:420px){.language-trigger>span{display:none}.language-trigger{gap:5px;padding:10px 7px}.header-inner>.theme-toggle{width:28px}}

@media(min-width:761px) and (max-width:1100px){.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}}

/* No underline or marker effects in menu labels, including nested text. */
#navigation a,#navigation summary,#navigation a strong,#navigation a small{background-image:none!important;text-decoration:none!important;box-shadow:none!important}
#navigation a::before,#navigation a::after,#navigation summary::before,#navigation summary::after{content:none!important;display:none!important}

/* Opaque side drawer: large, direct links on mobile. */
.mobile-drawer{display:none}
@media(max-width:1100px){
 html.drawer-open{overflow:hidden}
 .header-inner>#navigation.open{display:none!important}
 .mobile-drawer[open]{display:flex;flex-direction:column;gap:18px;position:fixed;inset:0 auto 0 0;margin:0;width:min(370px,91vw);max-width:91vw;height:100dvh;max-height:100dvh;padding:24px 20px 32px;border:0;border-radius:0 26px 26px 0;background:#fffaf7;color:#171717;box-shadow:12px 0 45px #0003;overflow-y:auto;overscroll-behavior:contain}
 .mobile-drawer::backdrop{background:#171717a6}
 .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
 .drawer-brand{width:113px;flex-shrink:0}
 .drawer-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e4d6ce;border-radius:50%;background:#fff;color:#171717;font:32px/1 Arial;cursor:pointer;flex-shrink:0}
 .mobile-drawer a{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none!important;min-height:51px;line-height:1.4;border-radius:12px;padding:13px 15px;font-size:14px}
 .mobile-drawer a:before,.mobile-drawer a:after{content:none!important}
 .mobile-drawer a.drawer-brand{display:block;padding:0;border-radius:0;min-height:0}
 .mobile-drawer .drawer-quote{background:linear-gradient(110deg,#ff6249,#ffab7f);font-weight:700;min-height:65px;color:#171717}
 .drawer-group{display:flex;flex-direction:column;gap:7px}
 .drawer-group h2{display:flex;align-items:center;gap:12px;margin:5px 0 7px;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#766b64}
 .drawer-group h2:after{content:'';height:1px;flex:1;background:#e5d9d0}
 .drawer-group a,.mobile-drawer .drawer-contact{background:#f0eae4;color:#171717;font-weight:600}
 .drawer-group a strong{font-size:14px;font-weight:600}
 .drawer-group a>span{font-size:21px;color:#d95236}
 .drawer-services a{background:#171717;color:#fff;border-left:4px solid #ff8867}
 .drawer-services a>span{color:#ffac84}
 .mobile-drawer :focus-visible{outline:3px solid #db5737;outline-offset:2px}
 [data-theme=dark] .mobile-drawer{background:#211f20;color:#fff}
 [data-theme=dark] .drawer-group h2{color:#d4c9c2}
 [data-theme=dark] .drawer-group a,[data-theme=dark] .drawer-contact{background:#373132;color:#fff}
 [data-theme=dark] .drawer-services a{background:#fff6ef;color:#171717}
}