/* Small-screen adaptations; desktop composition remains unchanged. */
@media (max-width: 1100px) {
  .page, .collection-page { padding-inline: clamp(0.75rem, 3vw, 2rem); }
  .page-nav { font-size: clamp(0.5rem, 1.1vw, 0.72rem); letter-spacing: clamp(0.15em, 0.7vw, 0.7em); }
  .page > .page-nav:not(.works-nav), .collection-page > .page-nav:not(.works-nav) { max-width: 53%; }
  .works-nav.page-nav { max-width: 40%; right: clamp(0.75rem, 3vw, 2rem); }
  .page-content { min-width: 0; max-width: 100%; }
  .work-list a { margin-inline: 0; padding-inline: 0; gap: 0.75rem; letter-spacing: clamp(0.06em, 0.45vw, 0.45em); }
  .work-list a > span:last-child { flex-shrink: 0; }
  .work-list .link-label { min-width: 0; }
  .work-list li { padding-block: clamp(0.85rem, 2.5vh, 1.8rem); }
  .cv-contact-content { gap: clamp(1.5rem, 4vw, 3rem); }
  .cv-contact-page .contact-column { position: static; width: 100%; transform: none; }
  .cv-column, .contact-column, .native-copy, .clo3d-statement { min-width: 0; }
  .cv-contact-page .contact-column .contact-link { font-size: clamp(0.65rem, 1.35vw, 1rem) !important; }
  .native-portfolio .native-copy p, .collection-statement p, .ursuit-copy p, .ursuit-intro p {
    font-size: clamp(0.65rem, 1.05vw, 0.75rem);
    letter-spacing: clamp(0.09em, 0.3vw, 0.3em);
    line-height: 1.65;
    overflow-wrap: break-word;
  }
  .collection-title, .collection-title h1, .collection-title p { min-width: 0; max-width: 100%; }
  .look-meta { min-width: 0; letter-spacing: clamp(0.06em, 0.28vw, 0.35em); line-height: 1.5; }
  .look-meta > span { min-width: 0; }
  .lookbook, .full-collection { max-width: 100%; }
  .look-process-label { white-space: nowrap; font-size: clamp(0.4rem, 1.2vw, 0.65rem); letter-spacing: 0.12em; padding: 0.6rem 0.35rem; }
  .look-angle, .ursuit-viewer .look-angle { min-width: 44px; min-height: 44px; }
  .lightbox-close, .lightbox-zoom { min-height: 44px; min-width: 44px; }
}
@media (max-width: 760px) {
  .landing { min-height: 100svh; padding: 1.25rem; gap: clamp(3rem, 10svh, 6rem); }
  .landing a { max-width: 100%; white-space: nowrap; font-size: clamp(0.6rem, 2.7vw, 0.9rem); letter-spacing: clamp(0.2em, 1.4vw, 0.7em); }
  .landing .site-name { font-size: clamp(0.55rem, 2.1vw, 0.82rem) !important; letter-spacing: 0.45em !important; }
  .works-page > .page-content { padding-block: 3.5rem 2rem; }
  .page-content h1 { margin-bottom: 2rem; }
  .work-list a { font-size: clamp(0.4rem, 1.9vw, 0.75rem); letter-spacing: 0.08em; gap: 0.5rem; }
  .collection-cover { padding-top: clamp(3rem, 10svh, 6rem); }
  .collection-title { gap: 1.75rem; }
  .collection-title h1, .collection-title p { letter-spacing: 0.25em; }
  .collection-statement { margin-top: 2.5rem; padding-top: 1.5rem; gap: 1.75rem; }
  .cv-contact-content { margin-top: 4rem; }
  .cv-contact-page .contact-column { text-align: left; }
  .cv-contact-page .contact-column > h2, .cv-contact-page .contact-column address { text-align: left; }
  .cv-contact-page .contact-column .contact-link { font-size: clamp(0.8rem, 3.2vw, 1rem) !important; letter-spacing: 0.1em; }
  .native-intro, .native-teaching { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  .ba2-page .ba2-introduction { grid-template-columns: minmax(0, 1fr); }
  .clo3d-content { width: 100%; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .clo3d-statement, .clo3d-grid, .clo3d-look-row { grid-column: 1; min-width: 0; }
  .clo3d-page .clo3d-grid { overflow: visible; }
  .ba1-page .ba1-image-title { max-width: 100%; letter-spacing: 0.12em; }
  .collection-footer { font-size: 0.65rem; letter-spacing: 0.1em; }
}
@media (max-width: 600px) {
  .ba-thesis-page .image-lightbox { overflow-y: auto; padding-top: 5.5rem; }
  .ba-thesis-page .image-lightbox .process-title { top: 2.7rem; left: 0.75rem; right: 0.75rem; min-height: 2rem; background: #fff; }
  .ba-thesis-page .process-layout.has-process-videos {
    width: 100% !important; height: auto !important;
    grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto;
  }
  .ba-thesis-page .process-layout.has-process-videos .lightbox-photo { height: auto; aspect-ratio: 3 / 4; }
  .ba-thesis-page .process-layout.has-process-videos .process-videos:not([hidden]) { height: auto; aspect-ratio: 3 / 4; }
  .ba-thesis-page .process-layout.has-process-videos .lightbox-stage:not(.is-zoomed) { touch-action: pan-y; }
  .full-collection .lineup-button { scroll-snap-align: start; }
  .ursuit-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}