/* Boss Level mobile homepage — loaded inside the generated site canvas. */
@media (max-width: 800px) {
  html { scroll-padding-top: 68px; }
  html, body, x-dc, x-dc > div { width: 100%; max-width: 100%; overflow-x: clip !important; }

  x-dc > div > div:nth-child(2) { min-height: 64px; }
  x-dc > div > div:nth-child(2) > div { min-height: 64px; padding: 10px 16px !important; }
  x-dc > div > div:nth-child(2) > div > a:first-child { flex-shrink: 0; gap: 8px !important; }
  x-dc > div > div:nth-child(2) > div > a:first-child > span:first-child { transform: scale(.78); transform-origin: left center; margin-right: -12px; }
  x-dc > div > div:nth-child(2) > div > a:first-child > span:last-child { font-size: 15px !important; white-space: nowrap; }
  x-dc > div > div:nth-child(2) > div > div:last-child { margin-left: auto; }
  x-dc > div > div:nth-child(2) > div > div:last-child > a { display: none !important; }
  x-dc > div > div:nth-child(2) > div > div:last-child > a:nth-child(2) { display: inline-flex !important; min-height: 44px; align-items: center; font-size: 10px !important; padding: 0 4px; }

  #top { min-height: 100svh !important; padding: 112px 18px 60px !important; justify-content: center !important; }
  #top > div:last-child > div:first-child { font-size: 10px !important; line-height: 1.6 !important; letter-spacing: .14em !important; margin-bottom: 18px !important; }
  #top h1 { max-width: 100%; font-size: clamp(46px, 15.5vw, 72px) !important; line-height: .93 !important; letter-spacing: -.025em !important; }
  #top [style*="height:4px"] { margin: 26px 0 22px !important; }
  #top [style*="align-items:flex-end"] { display: grid !important; grid-template-columns: 1fr !important; gap: 22px !important; }
  #top p { max-width: 100% !important; font-size: 17px !important; line-height: 1.6 !important; }
  #top a[href="#work"] { width: 100%; min-height: 54px; justify-content: center; align-items: center; text-align: center; }

  #work, #solutions, #team, #community { padding: 72px 18px !important; }
  #briefing { padding: 88px 18px 72px !important; }
  #work > div > div:first-child, #solutions > div > div:first-child, #team > div > div:first-child, #community > div > div:first-child { font-size: 11px !important; line-height: 1.5; letter-spacing: .18em !important; margin-bottom: 16px !important; }
  #work h2, #solutions h2, #team h2, #community h2 { font-size: clamp(36px, 10.5vw, 52px) !important; line-height: .98 !important; }

  #work > div > div:nth-child(2), #solutions > div > div:nth-child(2) { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; margin-bottom: 34px !important; }
  #work > div > div:nth-child(2) p, #solutions > div > div:nth-child(2) p { max-width: 100% !important; font-size: 16px !important; }
  #work > div > div:nth-child(3) { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; }
  #work > div > div:nth-child(3) > div { grid-column: auto !important; transform: none !important; }
  #work > div > div:nth-child(3) > div > div:last-child { padding: 22px !important; }

  #solutions > div > div:first-child, #solutions > div > div:nth-child(2) h2, #solutions > div > div:nth-child(2) p { display: block !important; padding: 0 !important; grid-template-columns: none !important; }
  #solutions [data-solutions] { gap: 10px !important; }
  #solutions [data-solutions] > div[data-reveal] { display: grid !important; grid-template-columns: 54px 1fr !important; gap: 11px 14px !important; padding: 20px 18px !important; align-items: center !important; transform: none !important; }
  #solutions [data-solutions] > div[data-reveal] > span:nth-child(1) { grid-column: 1; grid-row: 1; font-size: 10px !important; letter-spacing: .12em !important; }
  #solutions [data-solutions] > div[data-reveal] > div:nth-child(2) { grid-column: 1; grid-row: 2; width: 54px !important; height: 54px !important; }
  #solutions [data-solutions] > div[data-reveal] > span:nth-child(3) { grid-column: 2; grid-row: 1 / span 2; font-size: clamp(20px, 6vw, 25px) !important; line-height: 1.05 !important; overflow-wrap: anywhere; }
  #solutions [data-solutions] > div[data-reveal] > span:nth-child(4) { grid-column: 1 / -1; grid-row: 3; font-size: 15px !important; line-height: 1.55 !important; padding-top: 8px; }
  #solutions [data-solutions] > div[data-reveal] > span:nth-child(5) { grid-column: 1 / -1; grid-row: 4; font-size: 10px !important; padding-top: 4px; }
  #solutions [data-solutions] a { display: inline-flex !important; min-height: 44px; align-items: center; }

  #team > div > div:nth-child(2) { display: grid !important; grid-template-columns: 1fr !important; gap: 34px !important; margin-bottom: 46px !important; }
  #team > div > div:nth-child(2) > div:first-child { width: min(100%, 420px) !important; margin: 0 auto; aspect-ratio: 9 / 13 !important; }
  #team > div > div:nth-child(2) p { font-size: 17px !important; line-height: 1.6 !important; }
  #team > div > div:nth-child(3) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  #team > div > div:nth-child(3) > div { min-width: 0; }
  #team > div > div:nth-child(3) > div > div:last-child { padding: 16px !important; }
  #team > div > div:nth-child(3) > div > div:last-child > span:first-child { font-size: 17px !important; }

  #community > div > div:nth-child(2) { display: grid !important; grid-template-columns: 1fr !important; gap: 36px !important; }
  #community p { max-width: 100% !important; font-size: 17px !important; }
  #community [style*="margin-top:36px"] { max-width: 100% !important; padding: 20px !important; }
  #community > div > div:nth-child(2) > div:last-child > div { align-items: flex-start !important; gap: 14px !important; padding: 20px 18px !important; transform: none !important; }
  #community > div > div:nth-child(2) > div:last-child > div > span:first-child { width: 62px !important; flex: 0 0 62px; font-size: 10px !important; }

  #briefing > div:last-child { max-width: 100% !important; }
  #briefing [style*="transform:rotate"] { transform: rotate(-5deg) !important; font-size: 12px !important; margin-bottom: 34px !important; }
  #briefing [style*="font-size:clamp(56px"] { font-size: clamp(48px, 15vw, 72px) !important; }
  #briefing p { font-size: 17px !important; margin: 28px auto 32px !important; }
  #briefing a { width: 100% !important; min-height: 58px; }
  #briefing a > span:first-child { display: flex; align-items: center; justify-content: center; }
  x-dc > div > div:last-child > div { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; }
  x-dc > div > div:last-child [style*="display:flex;gap:28px"] { flex-wrap: wrap !important; gap: 14px 20px !important; }
}

@media (max-width: 480px) {
  #top { min-height: auto !important; padding-top: 102px !important; }
  #top h1 { font-size: clamp(43px, 14.5vw, 60px) !important; }
  #team > div > div:nth-child(3) { grid-template-columns: 1fr !important; }
  #team > div > div:nth-child(3) > div > div:first-child { aspect-ratio: 4 / 3.8 !important; }
  #briefing [style*="letter-spacing:.38em"] { font-size: 20px !important; letter-spacing: .14em !important; }
}