/* V7 — desktop-only final polish. No mobile visual changes. */
@media (min-width:901px){
  html{scroll-padding-top:72px}
  .site-header,.liia-header{padding-top:20px}
  .site-nav button,.liia-header a,.liia-header button{transition:opacity .2s ease}
  .site-nav button:hover,.liia-header a:hover,.liia-header button:hover{opacity:.62}

  /* Home / selected pieces */
  .pieces-viewport{scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain}
  .piece-item{scroll-snap-align:center}
  .piece-link img{will-change:filter,transform,opacity}
  .piece-item:focus-within img{filter:grayscale(.15) blur(0) contrast(1.05);opacity:1;transform:scale(1.03)}
  .piece-item:focus-within .piece-meta{opacity:1;transform:none}
  .pieces-arrows button{opacity:.72;transition:opacity .18s ease}
  .pieces-arrows button:hover{opacity:1}

  /* Projects */
  .project-card{transition:opacity .25s ease}
  .project-card:hover,.project-card:focus-visible{opacity:1}
  .project-grid:hover .project-card:not(:hover){opacity:.82}
  .project-caption{transition:transform .28s cubic-bezier(.22,.61,.36,1)}
  .project-card:hover .project-caption{transform:translateY(3px)}

  /* Info / contact */
  #info{min-height:100svh}
  .info-visual{height:min(72vh,760px);min-height:540px}
  .info-copy{max-width:690px}
  .info-labels .value{max-width:none}
  .info-labels .value:first-of-type{white-space:nowrap}
  .info-contact a,.contact-links a{transition:opacity .18s ease}
  .info-contact a:hover,.contact-links a:hover{opacity:.55}
  .contact-overlay{min-height:100svh}
  .contact-close{transition:opacity .18s ease}
  .contact-close:hover{opacity:.55}

  /* Project pages */
  #intro{height:100svh!important;min-height:620px}
  #intro video{width:100%;height:100%;object-fit:cover}
  .project-meta h1{max-width:10ch}
  .project-scroll{opacity:.7}
  .project-end{min-height:60svh;padding-top:10vh;padding-bottom:6vh}
  .project-end .return,.project-end .next a{transition:opacity .2s ease,transform .25s cubic-bezier(.22,.61,.36,1)}
  .project-end .return:hover{opacity:.55}
  .project-end .next a{display:inline-block}
  .project-end .next a:hover{transform:translateX(-8px)}
  .liia-contact-links a{transition:opacity .18s ease}
  .liia-contact-links a:hover{opacity:.55}

  /* Preserve image layouts while preventing tiny inline gaps. */
  .wakeSlide img,.piece-slide img,.concept-wrap img,.pieces-wrap img,.slide-full img{display:block}

  /* Better keyboard treatment without changing mouse visuals. */
  #piecesViewport:focus-visible{outline:1px solid rgba(10,10,10,.35);outline-offset:-1px}
  .tv:focus-visible,#cardsReveal:focus-visible{outline:1px solid currentColor;outline-offset:-1px}
}

/* --- V15 FINAL CLARITY PASS --- */
@media (min-width:901px){
  #info .info-visual img{
    filter:grayscale(1) blur(3.5px) contrast(1.03)!important;
    opacity:.95!important;
    transform:scale(1.01)!important;
  }
}