/* Header dimensions follow the approved master: brand ~37%, navigation ~63%. */
:root{color-scheme:dark;--ivory:#d6cbb9;--metal:#a59a83;--olive:#45563b;--header-space:clamp(125px,13vw,190px)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-space) + 24px)}body{margin:0;background:#171719;color:var(--ivory);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #e5cf91;outline-offset:5px}
.skip-link{position:fixed;z-index:200;left:16px;top:12px;transform:translateY(-160%);background:#eee1c6;color:#171719;padding:12px}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(#111113 60%,#171719 78%,transparent 78%);isolation:isolate}
.header-inner{position:relative;max-width:1600px;margin:auto;display:grid;grid-template-columns:37% 63%;align-items:start}
.brand{display:block;position:relative;aspect-ratio:2.65;z-index:4;filter:drop-shadow(0 7px 6px #0009)}
.brand-stone{position:absolute;inset:-8% -1% auto;width:102%;height:111%;object-fit:fill;pointer-events:none}
.brand-logo{position:absolute;left:4%;top:5%;width:92%;height:auto}
.navigation-panel{position:relative;min-height:110px;height:clamp(105px,9.3vw,150px);margin-left:-12px;background:linear-gradient(115deg,#191719,#211e20 60%,#161518);border-bottom:2px solid #817968;box-shadow:0 3px 4px #000}
.navigation-art{position:absolute;pointer-events:none;inset:-50% 0 auto;width:100%;height:230%;object-fit:fill;z-index:0;opacity:.85}
.service-area{position:absolute;right:4%;top:9%;width:min(230px,31%);margin:0;text-align:right}.service-area img{display:inline-block;width:100%;height:auto;max-height:40px;object-fit:contain;object-position:right center;filter:drop-shadow(0 2px 2px #0008)}
.primary-navigation{position:absolute;left:3%;right:4%;bottom:24%}
.primary-navigation ul{margin:0;padding:0;list-style:none}.primary-navigation>ul{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-item{position:relative;display:flex;align-items:center;white-space:nowrap}.nav-item>a{position:relative;text-decoration:none;text-transform:uppercase;font-family:'Arial Narrow','Liberation Sans Narrow',sans-serif;font-stretch:condensed;font-size:clamp(14px,1.1vw,17px);letter-spacing:.01em;line-height:1.5;padding:8px 0;color:#bcb3a2;text-shadow:0 2px 2px #000;transition:color .18s}
.nav-item>a:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,#baac87,transparent);opacity:0;transition:opacity .18s}.nav-item>a:hover,.nav-item.is-active>a{color:#eee0c5}.nav-item>a:hover:after,.nav-item.is-active>a:after{opacity:1}
.submenu-toggle{display:grid;place-items:center;min-width:26px;height:38px;padding:0;border:0;background:none;color:#c6bca8;cursor:pointer}.submenu-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.primary-navigation .submenu{display:none;position:absolute;top:100%;left:-18px;width:285px;max-width:85vw;padding:9px;background:linear-gradient(120deg,#252621,#171819);border:1px solid #827862;box-shadow:0 12px 20px #0009}.has-children.is-open>.submenu{display:block}.submenu a{display:block;padding:12px 11px;text-decoration:none;font-size:15px;white-space:normal;line-height:1.4;border-bottom:1px solid #ffffff0b}.submenu a:hover,.submenu a[aria-current]{background:#3c4831;color:#fff0d0}.submenu li:last-child a{border:0}
.menu-toggle{display:none}.page-content{padding-top:var(--header-space)}
@media(min-width:1600px){.site-header{background:linear-gradient(#171518 148px,transparent 148px)}}
@media(max-width:1100px){:root{--header-space:135px}.header-inner{grid-template-columns:355px 1fr}.brand{aspect-ratio:2.65}.navigation-panel{height:104px}.service-area{right:24px;top:14px}.menu-toggle{display:flex;gap:10px;align-items:center;position:absolute;right:24px;bottom:16px;padding:8px 14px;border:1px solid #80765e;border-radius:2px;background:linear-gradient(#36432f,#232b20);color:#e0d5bf;cursor:pointer;min-height:44px}.primary-navigation{display:none;position:absolute;left:auto;right:16px;top:calc(100% + 4px);bottom:auto;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 155px);overflow:auto;padding:14px;background:#1c1d1a;border:1px solid #827862;box-shadow:0 14px 28px #000b}.site-header.menu-open .primary-navigation{display:block}.primary-navigation>ul{display:block}.nav-item{flex-wrap:wrap;white-space:normal}.nav-item>a{padding:12px;flex:1;font-size:16px}.submenu-toggle{width:48px;min-height:48px}.primary-navigation .submenu{position:static;box-shadow:none;width:100%;max-width:none;margin:0 0 8px;background:#11130f}.navigation-art{opacity:.65}}
@media(max-width:600px){:root{--header-space:105px}.header-inner{grid-template-columns:minmax(0,1fr) 106px}.brand{max-width:300px;min-height:95px;aspect-ratio:auto}.brand-stone{height:105px;width:100%;top:-7px}.brand-logo{top:10px;width:94%;left:3%}.navigation-panel{margin-left:-10px;height:80px;min-height:80px}.service-area{display:none}.menu-toggle{right:12px;bottom:16px;padding:7px 10px;font-size:14px}.menu-icon{font-size:17px}.navigation-art{display:none}.primary-navigation{position:fixed;top:105px;right:12px;max-height:calc(100dvh - 121px);width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header{position:relative}.page-content{padding-top:0}.menu-toggle,.submenu-toggle{display:none}}

.service-area,.primary-navigation,.menu-toggle{z-index:2}
