.el-navbar { position: sticky; top: 0; z-index: 50; background-color: rgba(20,18,17,0.96); border-bottom: 1px solid #393531; transition: box-shadow 300ms ease, background-color 300ms ease; }
.el-container { width: 100%; max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; }
.el-nav-inner { display: flex; align-items: center; justify-content: space-between; height: 80px; grid-column-gap: 24px; transition: height 300ms ease; }
.el-brand { display: flex; align-items: center; grid-column-gap: 12px; text-decoration: none; position: relative; z-index: 3; }
.el-brand-mark { width: 22px; height: auto; transition: transform 500ms cubic-bezier(.3,1.4,.5,1); }
.el-brand-text { display: flex; flex-direction: column; line-height: 1; }
.el-brand-name { font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 900; font-size: 20px; color: #ffffff; letter-spacing: 0.01em; line-height: 1; }
.el-brand-sub { font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 700; font-size: 9.5px; letter-spacing: 0.32em; color: #c49a43; margin-top: 5px; line-height: 1; }
.el-nav-menu { display: flex; align-items: center; grid-column-gap: 34px; height: 100%; }
.el-nav-item { display: flex; align-items: center; height: 100%; }
.el-nav-link { position: relative; display: inline-flex; align-items: center; grid-column-gap: 6px; padding-top: 6px; padding-bottom: 6px; font-family: 'Red Hat Text', Arial, sans-serif; color: #d9d4cd; text-decoration: none; font-size: 15px; font-weight: 500; transition: color 200ms ease; }
.el-nav-link:hover { color: #ffffff; }
.el-nav-caret { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #5a534d; color: #c49a43; font-size: 12px; line-height: 1; transition: transform 300ms ease, background-color 300ms ease; }
.el-mega { position: absolute; left: 0; right: 0; top: 100%; background-color: #fffdf8; border-top: 3px solid #c49a43; box-shadow: 0 40px 80px -30px rgba(0,0,0,0.55); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 250ms ease, transform 300ms ease, visibility 0s linear 300ms; }
.el-mega-inner { display: grid; grid-template-columns: 0.9fr 1.6fr 1fr; grid-column-gap: 40px; padding-top: 40px; padding-bottom: 44px; }
.el-mega-intro { display: flex; flex-direction: column; align-items: flex-start; grid-row-gap: 16px; }
.el-mega-heading { font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 800; font-size: 26px; line-height: 1.1; letter-spacing: -0.015em; color: #141211; }
.el-mega-grid { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 4px; align-content: start; }
.el-mega-link { display: flex; align-items: flex-start; grid-column-gap: 14px; padding: 14px; border-radius: 10px; text-decoration: none; transition: background-color 200ms ease; }
.el-mega-link:hover { background-color: #f4ecdf; }
.el-mega-num { flex: none; width: 34px; height: 34px; border-radius: 8px; background-color: #141211; color: #c49a43; display: flex; align-items: center; justify-content: center; font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 900; font-size: 13px; transition: background-color 200ms ease, color 200ms ease; }
.el-mega-text { display: flex; flex-direction: column; grid-row-gap: 2px; }
.el-mega-title { font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 800; font-size: 16px; color: #141211; line-height: 1.3; }
.el-mega-desc { font-family: 'Red Hat Text', Arial, sans-serif; font-size: 14px; color: #6e6257; line-height: 1.4; }
.el-mega-feature { display: flex; flex-direction: column; align-items: flex-start; grid-row-gap: 12px; padding: 26px; border-radius: 14px; background-color: #141211; text-decoration: none; background-image: radial-gradient(circle at 85% 15%, rgba(196,154,67,0.35), rgba(196,154,67,0) 55%); transition: transform 250ms ease; }
.el-mega-feature:hover { transform: translateY(-3px); }
.el-mega-feature-title { font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 800; font-size: 21px; line-height: 1.15; color: #ffffff; }
.el-mega-feature-desc { font-family: 'Red Hat Text', Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #bcb8b2; }
.el-mega-feature-cta { margin-top: auto; font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 700; font-size: 14px; color: #c49a43; }
.el-nav-actions { display: flex; align-items: center; grid-column-gap: 16px; position: relative; z-index: 3; }
.el-nav-phone { min-height: 44px; padding-left: 18px; padding-right: 18px; font-size: 14px; }
.el-nav-toggle { display: none; align-items: center; grid-column-gap: 12px; padding: 8px 0 8px 8px; background-color: transparent; border: 0; cursor: pointer; color: #ffffff; }
.el-toggle-label { font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: #ffffff; }
.el-toggle-icon { position: relative; display: block; width: 26px; height: 14px; }
.el-toggle-line { position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px; background-color: #c49a43; transition: transform 350ms cubic-bezier(.7,0,.2,1), top 350ms cubic-bezier(.7,0,.2,1), width 350ms ease; }
.el-line-top { top: 0; }
.el-line-bottom { top: 12px; width: 70%; left: auto; }
.el-mobile-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: none; background-color: #141211; overflow-y: auto; clip-path: inset(0 0 100% 0); transition: clip-path 600ms cubic-bezier(.7,0,.2,1); }
.el-mobile-inner { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding-top: 112px; padding-bottom: 32px; grid-row-gap: 48px; }
.el-mobile-links { display: flex; flex-direction: column; }
.el-mobile-link { display: flex; align-items: baseline; grid-column-gap: 16px; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #2b2622; font-family: 'Red Hat Display', Arial, sans-serif; font-weight: 900; font-size: 40px; line-height: 1.05; letter-spacing: -0.02em; color: #ffffff; text-decoration: none; opacity: 0; transform: translateY(24px); transition: opacity 400ms ease, transform 500ms cubic-bezier(.2,.8,.2,1), color 200ms ease; }
.el-mobile-link:hover { color: #c49a43; }
.el-mobile-num { flex: none; width: 28px; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: #c49a43; font-variant-numeric: tabular-nums; }
.el-mobile-contact { display: flex; flex-direction: column; grid-row-gap: 16px; opacity: 0; transition: opacity 400ms ease 450ms; }
.el-mobile-actions { display: flex; flex-wrap: wrap; grid-column-gap: 10px; grid-row-gap: 10px; }
.el-mobile-email { font-family: 'Red Hat Text', Arial, sans-serif; font-size: 15px; color: #bcb8b2; text-decoration: none; word-break: break-word; }
@media screen and (max-width: 991px) {
.el-container { padding-left: 24px; padding-right: 24px; }
.el-nav-menu { display: none; }
.el-nav-toggle { display: flex; }
.el-mobile-menu { display: block; }
.el-nav-inner { height: 72px; }
}
@media screen and (max-width: 767px) {
.el-nav-phone { display: none; }
.el-mobile-link { font-size: 34px; }
}
@media screen and (max-width: 479px) {
.el-container { padding-left: 16px; padding-right: 16px; }
}