/* Toshin Group — Website UI kit · page-level CSS (resets + responsive) */
html, body { margin: 0; scroll-behavior: smooth; }
body { background: var(--surface-page); }
::selection { background: var(--indigo-200); }

.ts-nav-burger { display: none; }

@media (max-width: 1040px) {
  .ts-nav-desktop { display: none !important; }
  .ts-nav-burger { display: inline-flex !important; }
}

@media (max-width: 880px) {
  .ts-split { grid-template-columns: 1fr !important; }
  .ts-hero-grid { grid-template-columns: 1fr !important; }
  .ts-footer-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 540px) {
  .ts-form-2col { grid-template-columns: 1fr !important; }
}

/* lazy reveal-on-scroll (applied by lazy.js) */
.lazy-reveal { opacity: 0; transform: translateY(18px); will-change: opacity, transform;
  transition: opacity .6s var(--ease-standard, ease), transform .6s var(--ease-standard, ease); }
.lazy-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .lazy-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}