.header{z-index:20}
.desktop-nav{align-items:center;gap:22px;padding-left:0}
.nav-group{position:static}
.nav-trigger{position:relative;display:inline-flex;align-items:center;border:0;background:none;color:#a7ad9f;padding:12px 0;font-size:14px;line-height:1.4;white-space:nowrap;transition:color .16s ease}
.nav-trigger::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .16s ease}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-trigger.is-current{color:var(--ivory)}
.nav-trigger:hover::after,.nav-trigger[aria-expanded="true"]::after{transform:scaleX(1)}
.nav-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.37fr);gap:32px;padding:32px;background:#0a0c08;border:1px solid #383c32;border-radius:0 0 8px 8px;box-shadow:0 28px 55px #0009;z-index:25;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.nav-panel-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 32px;min-width:0}
.nav-section{min-width:0}
.nav-kicker{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:#818878;margin:0 0 12px}
.nav-section ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.desktop-nav .nav-destination{display:block;padding:9px 10px;margin-left:-10px;border-radius:5px;color:var(--ivory);text-decoration:none}
.nav-destination:hover{background:#ffffff07}
.nav-link-title{display:block;font-size:14px;font-weight:500;line-height:1.5}
.nav-link-detail{display:block;font-size:12px;font-weight:400;color:#949b8b;line-height:1.6;margin-top:2px;letter-spacing:0}
.nav-feature{padding:24px;border:1px solid #30372b;border-radius:6px;background:linear-gradient(145deg,#151b11,#0a0d08);align-self:stretch;min-width:0}
.nav-feature h2{font-size:27px;line-height:1.13;letter-spacing:-.045em;margin:24px 0 14px}
.nav-feature>p:not(.nav-kicker){font-size:13px;line-height:1.75;color:#a7ae9c}
.nav-feature .section-link{display:inline-block;font-size:12px;margin-top:30px}
.header-signin{white-space:nowrap}
.mobile-navigation{max-height:calc(100dvh - 95px);overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 20px;border-radius:0 0 6px 6px}
.mobile-nav-group{border-bottom:1px solid #30352b}
.mobile-nav-group>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:17px;font-weight:500;cursor:pointer}
.mobile-nav-group>summary::-webkit-details-marker{display:none}
.mobile-nav-group[open]>summary{color:var(--ivory);text-decoration:underline;text-decoration-color:#747d69;text-underline-offset:7px}
.mobile-nav-links{padding:6px 0 22px;display:grid;gap:23px}
.mobile-nav-links .nav-kicker{margin-bottom:7px}
.mobile-navigation .nav-destination{padding:9px 0;border:0;margin:0}
.mobile-navigation .nav-link-title{font-size:14px}
.mobile-navigation .nav-link-detail{font-size:12px}
.mobile-nav-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:12px}
.mobile-nav-bottom a{border:0;font-size:13px;color:#b7bdae}
.social-marks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;list-style:none;padding:0;margin:27px 0 0}
.social-marks li{display:flex}
.social-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:25px;color:#acb2a4}
.social-mark svg{display:block;width:19px;height:19px;fill:currentColor}
.nav-feature .social-marks{border-top:1px solid #343a2f;padding-top:23px;gap:10px;justify-content:space-between}
.nav-feature .social-mark{width:18px}
.nav-feature .social-mark svg{width:17px;height:17px}
.about-socials .social-marks{gap:22px}
.about-socials .social-mark{width:26px;height:32px;color:#e5e8de}
.about-socials .social-mark svg{width:23px;height:23px}
.footer{display:block;padding-top:42px}
.footer-directory-top{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.footer-identity{align-content:start;gap:18px}
.footer-identity>p{font-size:13px;color:#8f9785;line-height:1.7}
.footer .footer-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.footer-directory h2{font-size:12px;font-weight:500;letter-spacing:0;margin:0 0 17px;color:#d5d8ca}
.footer .footer-directory a{display:block;font-size:11px;line-height:1.7;margin-top:10px;color:#929b87}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #272d22;margin-top:38px;padding-top:20px;font-size:11px;color:#77806d}
.footer-bottom>div{display:flex;gap:28px;flex-wrap:wrap}
.footer-bottom a{color:#a4ad99}
@media(min-width:1051px){#nav-panel-workspace .nav-panel-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(max-width:1050px){.desktop-nav{gap:17px}.nav-panel{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.nav-panel-sections{gap:23px}}
@media(min-width:601px) and (max-width:900px){.desktop-nav{gap:17px}.nav-trigger{font-size:11px}.nav-panel{grid-template-columns:1fr;padding:25px;max-height:calc(100dvh - 80px)}.nav-feature{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;padding:20px}.nav-feature .nav-kicker{grid-column:1/-1;margin:0}.nav-feature h2{font-size:24px;margin:4px 0}.nav-feature>p:not(.nav-kicker){font-size:12px;margin:0}.nav-feature .section-link{margin-top:7px}.nav-feature .social-marks{grid-column:1/-1;margin-top:15px;padding-top:16px}.footer-directory-top{grid-template-columns:1fr;gap:35px}.footer .footer-directory{gap:25px}}
@media(max-width:600px){.desktop-nav{display:none}.header-actions{gap:12px}.header-signin{font-size:12px;min-height:39px;padding:9px 15px}.footer-directory-top{grid-template-columns:1fr;gap:35px}.footer .footer-directory{grid-template-columns:1fr 1fr;gap:30px 25px}.footer .footer-directory a{font-size:12px;min-height:0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px;margin-top:30px}.footer-bottom>div{gap:22px}}
@media(max-width:380px){.header .brand-word{width:96px;height:24px}.header-actions{gap:9px}.header-signin{padding:9px 12px}.mobile-menu-button{width:36px;height:38px}}
@media(max-width:600px){.about-socials .social-marks{gap:18px}}
@media(prefers-reduced-motion:reduce){.nav-trigger,.nav-trigger::after{transition:none}}