/* Main CSS - Imports all stylesheets */

/* 1. Reset - Normalize browser defaults */
@import url('reset.css');

/* 2. Variables - Design system tokens */
@import url('variables.css');

/* 2.5. Hero ASCII - WebGL ASCII text effect */
@import url('hero-ascii.css');

/* 3. Typography - Font definitions and text styles */
@import url('typography.css');

/* 4. Layout - Grid, containers, scroll snapping */
@import url('layout.css');

/* 5. Components - UI elements and widgets */
@import url('components.css');

/* 6. Animations - Transitions and keyframes */
@import url('animations.css');

/* Global Styles */
* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

/* Ensure videos can autoplay */
video {
  -webkit-playsinline: true;
  playsinline: true;
}

/* Print Styles */
@media print {
  .footer-navigation,
  .detail-overlay,
  .loading-indicator,
  .error-message,
  .scroll-indicator,
  .video-controls {
    display: none !important;
  }

  .project-section,
  .static-section {
    page-break-inside: avoid;
  }
}