/* Desktop presentation for the shared LUSH portfolio. Phone widths keep the native mini-program layout. */
@media (min-width:768px) {
  .liquid-candidate #previewFrame {
    width:100vw !important;
    max-width:none !important;
    height:100dvh !important;
    max-height:none !important;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
  }

  .liquid-candidate .wechat-capsule-preview { display:none !important; }
  .liquid-candidate #pageScroll { height:calc(100% - 88px - env(safe-area-inset-bottom,0px)) !important; }

  .liquid-candidate .page-content.section-work {
    max-width:1320px;
    padding:40px clamp(32px,5vw,72px) 160px;
  }

  .liquid-candidate .section-work .content-wordmark {
    top:0;
    height:32px;
    margin:0 0 20px -5px !important;
  }

  .liquid-candidate .mobile-applicant-summary {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
  }

  .liquid-candidate .mobile-applicant-name { font-size:18px; }
  .liquid-candidate .mobile-applicant-role { font-size:13px; }
  .liquid-candidate .mobile-project-heading { margin-bottom:14px; }
  .liquid-candidate .mobile-project-heading .page-title { font-size:clamp(38px,4vw,54px); letter-spacing:-.035em; }

  .liquid-candidate .mobile-quick-links {
    display:flex;
    gap:12px;
    margin:0 0 18px;
  }

  .liquid-candidate .mobile-quick-link {
    width:min(260px,calc(50% - 6px));
    height:54px;
    padding:0 18px;
    border-radius:12px;
    transition:transform 180ms ease,border-color 180ms ease,background 180ms ease;
  }

  .liquid-candidate .mobile-quick-link:hover,
  .liquid-candidate .mobile-quick-link:focus-visible {
    transform:translateY(-2px);
    border-color:rgba(210,218,225,.55);
    outline:none;
  }

  .liquid-candidate .mobile-project-filters {
    width:min(620px,100%);
    margin:0 0 18px;
  }

  .liquid-candidate .mobile-work-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    grid-auto-rows:1fr;
    gap:22px;
  }


  .liquid-candidate .mobile-work-list > .mobile-project-card {
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
    margin:0;
    padding:14px;
    border:1px solid rgba(196,218,235,.15);
    border-radius:16px;
    background:linear-gradient(155deg,rgba(20,25,31,.96),rgba(5,7,10,.98) 72%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px rgba(0,0,0,.18);
    transition:transform 200ms cubic-bezier(.23,1,.32,1),border-color 200ms ease,box-shadow 200ms ease;
    cursor:pointer;
  }

  .liquid-candidate .mobile-work-list > .mobile-project-card:hover,
  .liquid-candidate .mobile-work-list > .mobile-project-card:focus-visible {
    transform:translateY(-4px);
    border-color:rgba(202,225,243,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 44px rgba(0,0,0,.3);
    outline:none;
  }

  .liquid-candidate .mobile-project-image {
    width:100%;
    height:auto;
    aspect-ratio:2.26/1;
    border-radius:10px;
  }

  .liquid-candidate .mobile-project-image img { transition:transform 420ms cubic-bezier(.23,1,.32,1); }

  .liquid-candidate .mobile-project-card:hover .mobile-project-image img,
  .liquid-candidate .mobile-project-card:focus-visible .mobile-project-image img { transform:scale(1.035); }

  .liquid-candidate .mobile-project-copy {
    display:flex;
    flex:1;
    flex-direction:column;
    min-width:0;
    padding:18px 4px 4px;
  }

  .liquid-candidate .mobile-project-title-line { gap:10px; margin:0 0 8px; }
  .liquid-candidate .mobile-project-title-line .project-name { font-size:clamp(21px,2vw,28px); }
  .liquid-candidate .mobile-project-title-line .project-category { font-size:12px; }
  .liquid-candidate .mobile-project-subtitle { font-size:15px; line-height:1.55; }
  .liquid-candidate .mobile-project-summary { margin:9px 0 15px; font-size:13px; line-height:1.6; }

  .liquid-candidate .mobile-project-facts {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:auto;
    border-top:1px solid rgba(198,216,231,.18);
  }

  .liquid-candidate .mobile-project-meta {
    display:block;
    min-width:0;
    padding:11px 4px 2px;
    border:0;
    font-size:12px;
  }

  .liquid-candidate .mobile-project-meta strong { display:block; margin-top:4px; font-size:12px; }

  .liquid-candidate .mobile-project-card .case-button {
    min-height:46px;
    margin-top:12px;
    border-top:1px solid rgba(198,216,231,.18);
    border-bottom:0;
    font-size:14px;
  }

  .liquid-candidate .dock {
    left:50%;
    right:auto;
    bottom:14px;
    width:min(600px,calc(100% - 80px));
    height:72px !important;
    padding:8px 18px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    box-sizing:border-box !important;
    transform:translateX(-50%);
  }

  .liquid-candidate .dock-side { width:96px; height:54px; }
  .liquid-candidate .dock-plus { width:48px; height:48px; }
  .liquid-candidate .detail-layer .detail-scroll { padding-bottom:144px; }
}

@media (min-width:768px) and (max-width:1199px) {
  .liquid-candidate .portfolio-layer > .page-scroll { max-width:1120px; margin:0 auto; }
  .liquid-candidate .mobile-work-list { grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; }

  .liquid-candidate .mobile-work-list > .mobile-project-card {
    display:grid;
    grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);
    gap:22px;
    align-items:stretch;
  }

  .liquid-candidate .mobile-project-image { height:100%; min-height:280px; aspect-ratio:auto; }
  .liquid-candidate .mobile-project-copy { padding:4px 0; }
}

@media (min-width:768px) and (max-width:1199px) and (orientation:portrait) {
  .liquid-candidate .mobile-work-list { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:18px; }

  .liquid-candidate .mobile-work-list > .mobile-project-card {
    display:flex;
    flex-direction:column;
    height:auto;
  }

  .liquid-candidate .mobile-project-image { height:auto; min-height:0; aspect-ratio:16/9; }
  .liquid-candidate .mobile-project-copy { padding:14px 4px 4px; }
}

@media (min-width:768px) and (max-width:1199px) and (orientation:landscape) {
  .liquid-candidate .mobile-project-image { height:auto; min-height:0; aspect-ratio:16/9; align-self:center; }
}

@media (min-width:1200px) {
  .liquid-candidate .mobile-work-list > .mobile-project-card:last-child:nth-child(odd) {
    grid-column:1 / -1;
    justify-self:center;
    width:calc((100% - 22px) / 2);
  }
}

@media (min-width:768px) and (max-height:620px) {
  .liquid-candidate #previewFrame:not(.liquid-welcome-active) { height:100dvh !important; }
  .liquid-candidate .page-content.section-work { padding-top:32px; padding-bottom:120px; }
  .liquid-candidate .section-work .content-wordmark { margin-bottom:20px !important; }
  .liquid-candidate .dock { bottom:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .liquid-candidate .mobile-quick-link,
  .liquid-candidate .mobile-work-list > .mobile-project-card,
  .liquid-candidate .mobile-project-image img { transition:none !important; }

  .liquid-candidate .mobile-work-list > .mobile-project-card:hover,
  .liquid-candidate .mobile-work-list > .mobile-project-card:focus-visible,
  .liquid-candidate .mobile-quick-link:hover,
  .liquid-candidate .mobile-quick-link:focus-visible,
  .liquid-candidate .mobile-project-card:hover .mobile-project-image img,
  .liquid-candidate .mobile-project-card:focus-visible .mobile-project-image img { transform:none; }
}