/* Shared, centered navigation with a restrained glass finish. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;padding:22px}.site-header>.desktop-nav{grid-column:2;justify-self:center;gap:6px}.site-header>:is(.social-links,.about-home,.contact-home,.portfolio-home,.brand){grid-column:1;grid-row:1;justify-self:start;margin-right:0}.site-header .desktop-nav :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 11px;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(145deg,#ffffff14,#ffffff06),#17171755;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff16,0 3px 12px #00000012;color:#fff;font-size:12px;letter-spacing:.055em;white-space:nowrap;text-shadow:0 1px 4px #0006;transition:background .2s,border-color .2s,box-shadow .2s}.site-header .desktop-nav :is(a,button):hover{background:linear-gradient(145deg,#ffffff26,#ffffff12),#17171766;border-color:#ffffff55;box-shadow:inset 0 1px 0 #ffffff30,0 4px 14px #0002}.site-header .desktop-nav [aria-current=page]{background:linear-gradient(145deg,#ffffff26,#ffffff12),#17171766;border:1px solid #ffffff60}.site-header .desktop-nav [data-design="LSCDESIGNCO."]{text-transform:none;letter-spacing:.015em}.site-header>.menu-toggle{grid-column:3;grid-row:1;justify-self:end}.overlay-nav [data-design="LSCDESIGNCO."]{white-space:nowrap}
@media(max-width:1000px){.site-header .desktop-nav :is(a,button){padding:10px 8px;letter-spacing:.015em}.site-header>.desktop-nav{gap:5px}}
@media(max-width:1040px){.site-header{grid-template-columns:1fr auto;padding:18px 22px;gap:16px}.site-header>.desktop-nav{display:none}.site-header>.menu-toggle{display:block;grid-column:2;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:86px}.menu-toggle span{left:10px}.menu-toggle i{right:10px}.overlay-nav{gap:6px;margin-top:3vh}.overlay-nav :is(a,button){font-size:clamp(30px,5.2svh,54px);border:1px solid #ffffff20;border-radius:12px;padding:8px 16px;width:100%;background:linear-gradient(135deg,#ffffff0d,#ffffff03)}.overlay-nav :is(a,button):hover{background:#ffffff15}.page-status{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.site-header .desktop-nav :is(a,button){transition:none}}

@media(max-width:760px){.overlay-nav :is(a,button){font-size:clamp(26px,8.5vw,42px);gap:20px}}
@media(max-width:760px){.overlay-nav [data-design="LSCDESIGNCO."]{font-size:clamp(20px,6vw,30px)}}