@media (max-width: 1920px) {
  :root {
    --font-size-base: 1rem;
    --space-medium: 1.5rem;
  }
}

@media (max-width: 1600px) {
  :root {
    --font-size-base: 0.95rem;
    --space-medium: 1.4rem;
  }
}

@media (max-width: 1440px) {
  :root {
    --font-size-base: 0.9rem;
    --space-medium: 1.3rem;
  }
}
 
@media (max-width: 1200px) {
  .paradox-split {
    flex-direction: column;
    height: auto;
  }
  
  .split-side {
    min-height: 50vh;
    padding: var(--space-xlarge);
  }
  
  .split-ignorance {
    border-right: none;
    border-bottom: var(--border-thin) solid rgba(139, 0, 0, 0.3);
  }
  
  .split-knowledge {
    border-left: none;
    border-top: var(--border-thin) solid rgba(255, 255, 255, 0.1);
  }
  
  .paradox-quote {
    position: relative;
    bottom: auto;
    margin-top: var(--space-xlarge);
    transform: none;
    left: auto;
    width: 100%;
    max-width: none;
  }
  
  .fragments-container {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-large);
  }
  
  .void-entrance {
    height: 100vh;
    min-height: 700px;
  }
  
  .mirror-surface {
    width: 280px;
    height: 280px;
  }
  
  .collapse-line {
    margin-bottom: var(--space-large);
  }
}
 
@media (max-width: 992px) {
  .void-quote {
    font-size: clamp(2rem, 6vw, 3rem);
  }
  
  .mirror-surface {
    width: 250px;
    height: 250px;
  }
  
  .fragments-container {
    grid-template-columns: 1fr;
    gap: var(--space-large);
  }
  
  .split-content h3 {
    font-size: var(--font-size-xxlarge);
  }
  
  .split-content p {
    font-size: var(--font-size-large);
  }
  
  .paradox-quote p {
    font-size: var(--font-size-xlarge);
  }
  
  .meaning-collapse {
    padding: var(--space-massive) var(--space-medium);
  }
  
  .philosophy-return {
    padding: var(--space-massive) var(--space-medium);
  }
  
  .return-gate {
    height: 250px;
  }
}
 
@media (max-width: 768px) {
  .void-entrance {
    min-height: 600px;
    height: 90vh;
  }
  
  .quote-fragment {
    margin: var(--space-small) 0;
  }
  
  .mirror-quote p {
    font-size: var(--font-size-xlarge);
  }
  
  .fragment {
    padding: var(--space-large);
  }
  
  .fragment-content h3 {
    font-size: var(--font-size-large);
  }
  
  .fragment-content p {
    font-size: var(--font-size-base);
  }
  
  .collapse-line p {
    font-size: var(--font-size-large);
  }
  
  [data-line-type="core"] p {
    font-size: var(--font-size-xlarge);
  }
  
  .return-gate {
    height: 200px;
  }
  
  .return-button {
    padding: var(--space-small) var(--space-medium);
    font-size: var(--font-size-base);
  }
  
  .void-scroll-hint {
    bottom: 3%;
  }
  
  .scroll-line {
    height: 40px;
  }
}
 
@media (max-width: 576px) {
  .void-quote {
    font-size: 1.8rem;
    margin-bottom: var(--space-large);
  }
  
  .mirror-surface {
    width: 200px;
    height: 200px;
    margin-bottom: var(--space-xlarge);
  }
  
  .mirror-quote p {
    font-size: var(--font-size-large);
  }
  
  .split-content h3 {
    font-size: var(--font-size-xxlarge);
  }
  
  .paradox-quote p {
    font-size: var(--font-size-large);
  }
  
  .return-button {
    padding: var(--space-small) var(--space-medium);
    font-size: var(--font-size-base);
  }
  
  .fragment {
    padding: var(--space-medium);
  }
  
  .fragment-symbol {
    font-size: var(--font-size-xlarge);
    margin-bottom: var(--space-small);
  }
  
  .collapse-line {
    margin-bottom: var(--space-large);
  }
  
  [data-line-type="core"] {
    margin-top: var(--space-xlarge);
  }
}
 
@media (max-width: 400px) {
  .void-quote {
    font-size: 1.6rem;
  }
  
  .mirror-quote p {
    font-size: var(--font-size-large);
  }
  
  .split-content h3 {
    font-size: var(--font-size-xlarge);
  }
  
  .split-content p {
    font-size: var(--font-size-base);
  }
  
  .paradox-quote p {
    font-size: var(--font-size-large);
  }
  
  .return-button {
    flex-direction: column;
    gap: var(--space-micro);
  }
}
 
@media (hover: none) {
  .fragment {
    animation: 
      fragment-illumination 3s infinite,
      fragment-pulse 5s infinite ease-in-out !important;
  }
  
  .return-gate .gate-part {
    animation: 
      gate-passage 1s forwards,
      gate-glow 3s infinite ease-in-out !important;
  }
  
  .mirror-surface:hover .mirror-cracks {
    animation: 
      crack-expand 2s forwards,
      crack-illuminate 3s infinite alternate !important;
  }
}
 
@media (orientation: portrait) {
  .void-entrance {
    height: 90vh;
  }
  
  .knowledge-paradox {
    height: auto;
    min-height: unset;
  }
  
  .split-side {
    min-height: 50vh;
  }
}

@media (orientation: landscape) and (max-height: 600px) {
  .void-entrance {
    height: 150vh;
  }
  
  .knowledge-paradox {
    height: auto;
    min-height: 100vh;
  }
}
 
@media (prefers-contrast: more) {
  :root {
    --blood-color: #ff0000;
    --bone-color: #ffffff;
    --void-color: #000000;
  }
  
  .fragment {
    background: #000000;
    border-width: var(--border-thick);
  }
  
  .mirror-surface {
    border-width: var(--border-medium);
  }
}
 
@media (prefers-color-scheme: dark) {
  :root {
    --bone-color: #f0e6d2;
    --void-color: #1a0000;
  }
}
 
@media (prefers-reduced-motion: reduce) {
  .void-entrance,
  .philosophy-mirror,
  .truth-fragments,
  .knowledge-paradox,
  .meaning-collapse,
  .philosophy-return {
    animation: none !important;
  }
  
  .void-fractures,
  .mirror-cracks,
  .fragment,
  .split-side,
  .collapse-line,
  .gate-part {
    transition: none !important;
  }
}
 
@media (pointer: coarse) {
  .fragment {
    min-height: 200px;
  }
  
  .return-button {
    padding: var(--space-medium) var(--space-large);
  }
  
  .mirror-surface {
    cursor: default;
  }
}
 
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .void-fractures,
  .quantum-dots,
  .dimensional-portals {
    background-size: 50px 50px;
  }
  
  .truth-fragments {
    background-size: 50px 50px;
  }
}
 
@media (spanning: single-fold-vertical) {
  .paradox-split {
    flex-direction: row;
  }
  
  .split-side {
    min-height: 100vh;
  }
}
 
@media print {
  .void-entrance,
  .philosophy-mirror,
  .truth-fragments,
  .knowledge-paradox,
  .meaning-collapse,
  .philosophy-return {
    height: auto !important;
    min-height: auto !important;
    page-break-after: always;
  }
  
  .void-overlay,
  .void-fractures,
  .void-blood,
  .mirror-cracks,
  .quantum-dots,
  .dimensional-portals {
    display: none !important;
  }
  
  body {
    color: #000 !important;
    background: #fff !important;
  }
  
  .fragment {
    break-inside: avoid;
  }
}
 
.visible-desktop {
  display: block !important;
}

.visible-tablet {
  display: none !important;
}

.visible-mobile {
  display: none !important;
}

@media (max-width: 992px) {
  .visible-desktop {
    display: none !important;
  }
  
  .visible-tablet {
    display: block !important;
  }
}

@media (max-width: 576px) {
  .visible-tablet {
    display: none !important;
  }
  
  .visible-mobile {
    display: block !important;
  }
}
 
.responsive-padding {
  padding: var(--space-medium);
}

@media (max-width: 992px) {
  .responsive-padding {
    padding: var(--space-small);
  }
}

@media (max-width: 576px) {
  .responsive-padding {
    padding: var(--space-tiny);
  }
}
 
.responsive-heading {
  font-size: var(--font-size-massive);
}

@media (max-width: 992px) {
  .responsive-heading {
    font-size: var(--font-size-xxlarge);
  }
}

@media (max-width: 576px) {
  .responsive-heading {
    font-size: var(--font-size-xlarge);
  }
}
 
.responsive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-medium);
}

@media (max-width: 992px) {
  .responsive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .responsive-grid {
    grid-template-columns: 1fr;
  }
}
 
@media (max-width: 992px) {
  .prelude-title {
    font-size: 2.5rem;
  }
  
  .prelude-text {
    font-size: 1.5rem;
  }
  
  .reflection {
    min-width: 100%;
  }
  
  .manifesto-scroll {
    padding: 2rem;
  }
  
  .scroll-content h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .prelude-title {
    font-size: 2rem;
  }
  
  .prelude-text {
    font-size: 1.2rem;
  }
  
  .prelude-glyph {
    font-size: 6rem;
  }
   
  
  .manifesto-scroll {
    padding: 1.5rem;
  }
  
  .scroll-content h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  
  .scroll-text {
    font-size: 1.1rem;
    line-height: 1.8;
  }
}

@media (max-width: 576px) {
  .prelude-title {
    font-size: 1.8rem;
  }
  
  .prelude-glyph {
    font-size: 5rem;
  }
  
  .reflection {
    padding: 1.5rem;
  }
  
  .reflection h3 {
    font-size: 1.5rem;
  }
  
  .scroll-content h2 {
    font-size: 1.8rem;
  }
}
  
@media (max-width: 992px) {
  .low-performance-mode .reflections-container {
    flex-direction: column;
  }
  
  .low-performance-mode .reflection {
    min-width: 100%;
    margin-bottom: 2rem;
  }
}

@media (max-width: 576px) {
  .low-performance-mode .prelude-title {
    font-size: 1.8rem !important;
  }
  
  .low-performance-mode .prelude-text {
    font-size: 1.1rem !important;
  }
  
  .low-performance-mode .void-quote {
    font-size: 1.5rem !important;
  }
}