/* Responsive layer for the Lucid Capital static export (inline-styled pages). */
#dc-root{width:100%;overflow-x:hidden}
img{max-width:100%}
.nav-toggle{display:none}

@media (max-width: 1100px){
  section,header,footer,nav{padding-left:32px!important;padding-right:32px!important}
  [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width: 860px){
  #dc-root > div, #page{width:100%!important;max-width:100%!important;height:auto!important}
  section,header,footer{width:100%!important;height:auto!important;min-height:0!important;padding:56px 20px!important;gap:20px!important}
  nav{padding:18px 20px!important;position:relative}
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  [style*="grid-template-columns"] > *{min-width:0}
  h1{font-size:40px!important;line-height:1.08!important}
  h2{font-size:30px!important;line-height:1.15!important}
  h3{font-size:22px!important}
  p,li{font-size:17px!important}
  img{height:auto!important}
  footer > div{flex-direction:column!important;gap:20px!important}
  footer > div > div{align-items:flex-start!important;text-align:left!important}
  [style*="max-width: 820px"],[style*="max-width: 900px"],[style*="max-width: 960px"],[style*="max-width: 1100px"]{max-width:100%!important}

  [style^="display: flex; gap: 32px; align-items: flex-start; padding: 24px"],[style^="display: flex; gap: 20px; padding: 24px"],[style^="display: flex; gap: 32px; align-items: flex-start;"]{flex-direction:column!important}
  div:has(+ #teamGrid) > div:nth-child(2){display:none}

  /* mobile nav: hamburger top-left, full-screen solid overlay */
  nav[aria-label="Main"]{position:relative!important;z-index:100!important;justify-content:flex-start!important;gap:14px!important}
  .nav-toggle{order:-1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #3A4460;border-radius:8px;background:rgba(10,15,30,.6);color:#F4F6FA;cursor:pointer;position:relative;z-index:102;flex-shrink:0}
  .nav-toggle .ic-close{display:none}
  nav.open .nav-toggle .ic-open{display:none}
  nav.open .nav-toggle .ic-close{display:block}
  nav[aria-label="Main"] > a:first-child{position:relative;z-index:102}
  .nav-links{display:none!important}
  nav.open .nav-links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;position:fixed!important;inset:0!important;z-index:101!important;padding:96px 24px 32px!important;background:#0A0F1E!important;overflow-y:auto}
  nav.open .nav-links > a{font-size:22px!important;padding:16px 0!important;width:100%;border-bottom:1px solid #1F2740;color:#F4F6FA!important;pointer-events:auto}
  nav.open .nav-links > a[href="#contact"],nav.open .nav-links > a[href$="#contact"]{margin-top:24px;width:auto;justify-content:center;padding:14px 28px!important;border-bottom:0;color:#1A1200!important}
  body.nav-open{overflow:hidden}

  /* homepage hero */
  #hero{height:auto!important;min-height:100svh!important;padding:0!important;gap:0!important;display:flex!important;flex-direction:column}
  #heroCopy{padding:40px 20px 0!important;max-width:100%!important}
  #heroCopy > div:first-child{font-size:28px!important}
  #hero > div[style*="right: 64px"]{display:none!important}
  #heroStrip{position:relative!important;margin-top:auto;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;height:auto!important;padding:10px 16px 12px!important}
  #heroStrip > div{flex-wrap:nowrap!important;gap:12px!important;justify-content:space-between!important;width:100%}
  #heroStrip img{height:26px!important;width:auto!important;max-width:23%!important;object-fit:contain}
  .shine-label{max-width:100%!important;font-size:11px!important;letter-spacing:0.06em!important;line-height:1.3!important}

  /* about: team cards stack (no flip on touch screens) */
  .tm-card{height:auto!important;perspective:none!important}
  .tm-inner{transform:none!important;height:auto!important}
  .tm-face{position:relative!important;inset:auto!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
  .tm-back{transform:none!important;margin-top:12px}
  .about-hero{min-height:300px!important;padding:80px 20px 40px!important}
  .about-hero h1{font-size:48px!important}

  /* pizza → chart card scales to width */
  .dpz-wrap{width:100%;overflow:hidden}
}

/* nav logo image (design, Oct 2026): the mobile img{height:auto} rule above would show it at full size */
@media (max-width: 860px){nav[aria-label="Main"] > a:first-child img{height:48px!important;width:auto!important}}