/* The home list mirrors portfolio/pages/main/index.wxml and its current WXSS. */
@media (min-width:431px) and (pointer:fine) {
  body.liquid-candidate{display:grid;place-items:center;min-height:100dvh;background:#000}
  .liquid-candidate #previewFrame{width:393px!important;max-width:calc(100vw - 32px)!important;height:100dvh!important;margin:0;border:0;border-radius:0;box-shadow:none}
  .liquid-candidate #pageScroll{height:calc(100% - 120px)!important}
  .liquid-candidate .dock{height:88px!important;padding-top:16px!important;padding-bottom:16px!important;box-sizing:content-box}
}
@media (max-width:430px) {
  .liquid-candidate #previewFrame{width:100vw!important;max-width:none!important;height:100dvh!important;margin:0;border:0;border-radius:0;box-shadow:none}
  .liquid-candidate #pageScroll{height:calc(100% - 21.0667vw - max(16px,env(safe-area-inset-bottom,0px)))!important}
  .liquid-candidate .dock{height:18.1333vw!important;padding-top:2.9333vw!important;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))!important;box-sizing:content-box}
}
.liquid-candidate .page-content.section-work{width:100%;max-width:700px;margin:0 auto;padding:64px 22px 32px;box-sizing:border-box}
.liquid-candidate .section-work .content-wordmark{position:relative;top:-10px;height:32px;margin:0 0 80px -5px!important;opacity:.94}
.liquid-candidate .section-work .content-wordmark img{width:83px;height:32px;object-fit:contain;object-position:left center}
.liquid-candidate .section-about .content-wordmark{position:relative;top:-14px;height:32px;margin:0 0 22px 1px!important;opacity:.94}
.liquid-candidate .section-about .content-wordmark img{width:83px;height:32px;object-fit:contain;object-position:left center}
@media(max-width:360px){.liquid-candidate .section-about .content-wordmark{margin-left:-3px!important}}
.liquid-candidate .mobile-applicant-summary{display:grid;gap:5px;margin:0 0 17px;min-width:0}
.liquid-candidate .mobile-applicant-name{color:#edf1f5;font-size:14px;line-height:1.5;letter-spacing:0}
.liquid-candidate .mobile-applicant-role{color:#aebbc7;font-size:12px;line-height:1.5}
.liquid-candidate .mobile-project-heading{display:block;margin:0 0 14px;padding:0}
.liquid-candidate .mobile-project-heading .page-title{display:block;margin:0;font-size:27px;line-height:1.3;font-weight:430;letter-spacing:.015em}
.liquid-candidate .mobile-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 22px;padding:0}
.liquid-candidate .mobile-quick-link{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;height:50px;padding:0 13px;overflow:hidden;border:1px solid rgba(210,218,225,.25);border-radius:10px;color:#eeefed;background:radial-gradient(110% 160% at 0 0,rgba(232,236,240,.115),transparent 62%),linear-gradient(155deg,#181c20,#090c0f 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.025),0 3px 8px rgba(0,0,0,.18);font:inherit;font-size:14px;text-align:left;box-sizing:border-box}
.liquid-candidate .mobile-quick-link.glass-fallback .glass-plate{display:none}
.liquid-candidate .mobile-quick-link .glass-plate{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.liquid-candidate .mobile-quick-link.glass-ready{border-color:transparent;background:transparent;box-shadow:none}
.liquid-candidate .mobile-quick-link-label,.liquid-candidate .mobile-quick-link .quick-link-chevron{position:relative;z-index:1}
.liquid-candidate .mobile-quick-link-label{min-width:0;line-height:1.35}
.liquid-candidate .mobile-quick-link .quick-link-chevron{flex:0 0 auto;margin-left:8px;color:#a1a6ac;font-size:22px;font-weight:300}
.liquid-candidate .mobile-quick-link:active{transform:scale(.985)}
.liquid-candidate .mobile-project-filters{position:relative;display:flex;align-items:center;gap:2.096px;width:auto;min-width:0;margin:0 -2.096px 16.768px;padding:2.62px;overflow:hidden;border:.524px solid rgba(212,219,225,.18);border-radius:999px;background:linear-gradient(165deg,rgba(24,27,30,.94),rgba(5,7,9,.96) 65%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 3px 8px rgba(0,0,0,.32),0 4px 12px rgba(0,0,0,.18);box-sizing:border-box}
.liquid-candidate .mobile-project-filters.glass-ready{border-color:transparent;background:transparent;box-shadow:none}
.liquid-candidate .mobile-project-filters .glass-track-plate{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.liquid-candidate .mobile-project-filters .glass-lens{position:absolute;top:2.62px;bottom:2.62px;left:3.144px;z-index:0;width:calc((100% - 10.48px)/3);overflow:hidden;border-radius:999px;pointer-events:none;transition:transform 420ms cubic-bezier(.2,.75,.25,1)}
.liquid-candidate .mobile-project-filters[data-active="1"] .glass-lens{transform:translate3d(calc(100% + 2.096px),0,0)}
.liquid-candidate .mobile-project-filters[data-active="2"] .glass-lens{transform:translate3d(calc(200% + 4.192px),0,0)}
.liquid-candidate .mobile-project-filters .glass-lens-body{display:block;width:100%;height:100%;object-fit:fill}
.liquid-candidate .mobile-project-filters.glass-fallback .glass-track-plate,.liquid-candidate .mobile-project-filters.glass-fallback .glass-lens{display:none}
.liquid-candidate .mobile-project-filters.glass-fallback .filter.selected{border-color:rgba(221,226,231,.28);background:radial-gradient(120% 160% at 8% 0%,rgba(233,236,240,.17),transparent 62%),linear-gradient(160deg,#34393f,#20252a 60%,#171b20);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.035),0 3px 8px rgba(0,0,0,.25)}
  .liquid-candidate .mobile-project-filters .filter{position:relative;z-index:1;flex:1 1 0;width:0;min-width:0;max-width:100%;height:52px;line-height:52px;margin:0;padding:0 11.533px;border:.524px solid transparent;border-radius:999px;background:transparent;color:#aeb2b7;font-size:12.576px;letter-spacing:.01em;text-align:center;white-space:nowrap;box-sizing:border-box}
.liquid-candidate .mobile-project-filters .filter:last-child{font-size:12.576px;letter-spacing:.01em}
.liquid-candidate .mobile-project-filters.glass-ready .filter{background:transparent;border-color:transparent;box-shadow:none;transition:color 160ms,transform 130ms}
.liquid-candidate .mobile-project-filters.glass-ready .filter.selected{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);background:transparent;border-color:transparent;box-shadow:none}
@media (max-width:430px){
  .liquid-candidate .mobile-project-filters{gap:.5333vw;margin:0 -.5333vw 4.2667vw;padding:.6667vw;border-width:.1333vw}
  .liquid-candidate .mobile-project-filters .glass-lens{top:.6667vw;bottom:.6667vw;left:.8vw;width:calc((100% - 2.6667vw)/3)}
  .liquid-candidate .mobile-project-filters[data-active="1"] .glass-lens{transform:translate3d(calc(100% + .5333vw),0,0)}
  .liquid-candidate .mobile-project-filters[data-active="2"] .glass-lens{transform:translate3d(calc(200% + 1.0667vw),0,0)}
  .liquid-candidate .mobile-project-filters .filter{height:52px;line-height:52px;padding:0 2.9333vw;border-width:.1333vw;font-size:3.2vw}
  .liquid-candidate .mobile-project-filters .filter:last-child{font-size:3.2vw}
}
@media (max-width:430px) and (pointer:fine){
  .liquid-candidate #pageScroll{height:calc(100% - 104px - max(16px,env(safe-area-inset-bottom,0px)))!important}
  .liquid-candidate .dock{height:88px!important;padding-top:16px!important}
}
@media(prefers-reduced-motion:reduce){.liquid-candidate .mobile-project-filters .glass-lens{transition:none}}
.liquid-candidate .mobile-work-list{display:block;width:100%;margin:0;padding:0;min-width:0}
.liquid-candidate .mobile-project-card{position:relative;display:block;width:100%;max-width:none;min-width:0;margin:0 0 30px;padding:0 0 23px;overflow:visible;border:0;border-bottom:1px solid rgba(198,216,231,.14);border-radius:0;background:transparent;color:#eef1f4;box-shadow:none;text-align:left;white-space:normal;box-sizing:border-box}
.liquid-candidate .mobile-project-image{width:100%;aspect-ratio:2.26/1;margin:0;overflow:hidden;border:1px solid rgba(196,218,235,.12);border-radius:3px;background:#080b0e;box-sizing:border-box}
.liquid-candidate .mobile-project-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.liquid-candidate .mobile-project-image img.mobile-project-cover-fill{object-fit:cover}
.liquid-candidate .mobile-project-copy{min-width:0;padding:0}
.liquid-candidate .mobile-project-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;margin:18px 0 4px}
.liquid-candidate .mobile-project-title-line .project-name{flex:1;min-width:0;margin:0;color:#eef1f4;font-size:clamp(22px,5vw,31px);font-weight:440;line-height:1.25;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
.liquid-candidate .mobile-project-title-line .project-name.long{font-size:clamp(19px,4.35vw,26px)}
.liquid-candidate .mobile-project-title-line .project-category{flex:0 0 auto;padding:0;color:#a1adb8;font-size:14px;line-height:1.4;white-space:nowrap}
.liquid-candidate .mobile-project-subtitle{display:block;margin:0;color:#d7dce1;font-size:17px;line-height:1.55;overflow-wrap:anywhere}
.liquid-candidate .mobile-project-summary{display:block;margin:13px 0 15px;color:#a1adb8;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.liquid-candidate .mobile-project-facts{display:block;margin:0;border-top:1px solid rgba(198,216,231,.24)}
.liquid-candidate .mobile-project-meta{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;min-width:0;padding:10px 0;border-bottom:1px solid rgba(198,216,231,.14);font-size:15px;line-height:1.55}
.liquid-candidate .mobile-project-meta span{color:#aebdca}
.liquid-candidate .mobile-project-meta strong{min-width:0;color:#dce2e7;font-weight:400;overflow-wrap:anywhere;word-break:break-word}
.liquid-candidate .mobile-project-card .case-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;margin:0;padding:0;border:0;border-bottom:1px solid rgba(198,216,231,.24);border-radius:0;color:#eef1f4;background:transparent;font-size:16px;text-align:left;box-sizing:border-box}
.liquid-candidate .mobile-project-card .case-chevron{color:#c1ced8;font-size:25px;font-weight:300;line-height:1}
.liquid-candidate .dock{border-top-color:rgba(194,216,234,.24);background:linear-gradient(180deg,rgba(5,8,12,.3),rgba(5,8,12,.78) 30%,rgba(2,4,6,.94));box-shadow:0 -5.24px 16.76px rgba(0,0,0,.24),inset 0 .524px 0 rgba(245,250,255,.12);backdrop-filter:blur(9.44px) saturate(1.08);-webkit-backdrop-filter:blur(9.44px) saturate(1.08)}
.liquid-candidate .dock-side{width:79.62px;height:67.06px;gap:6.29px;border:.524px solid transparent;border-radius:999px}
.liquid-candidate .dock-side.current{border-color:rgba(205,226,242,.16);background:linear-gradient(145deg,rgba(180,207,228,.09),rgba(35,49,62,.12));box-shadow:inset 0 1px 0 rgba(246,251,255,.12),0 4px 14px rgba(0,0,0,.12)}
.liquid-candidate .dock-side:active{transform:scale(.94);border-color:rgba(221,238,250,.32);background:rgba(126,161,187,.14)}
.liquid-candidate .dock-star{width:25.15px;height:25.15px;background:url('assets/native/nav-explore.svg') center/contain no-repeat}
.liquid-candidate .dock-star:before,.liquid-candidate .dock-star:after{display:none;content:none}
.liquid-candidate .dock-side:active .dock-star{transform:none;filter:none}
.liquid-candidate .dock-plus{width:64px;height:64px}
@media (max-width:430px){
  .liquid-candidate .dock-side{width:20.2667vw;height:17.0667vw;gap:1.6vw;border-width:.1333vw}
  .liquid-candidate .dock-star{width:6.4vw;height:6.4vw}
  .liquid-candidate .dock-plus{width:64px;height:64px}
}
@media (min-width:431px) and (max-width:599px) and (pointer:coarse){
  .liquid-candidate #previewFrame{width:100vw!important;max-width:none!important;height:100dvh!important;margin:0;border:0;border-radius:0;box-shadow:none}
  .liquid-candidate #pageScroll{height:calc(100% - 21.0667vw - max(16px,env(safe-area-inset-bottom,0px)))!important}
  .liquid-candidate .dock{height:18.1333vw!important;padding-top:2.9333vw!important;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))!important}
}
@media (min-width:600px) and (pointer:coarse){
  .liquid-candidate #previewFrame{width:100vw!important;max-width:none!important;height:100dvh!important;margin:0;border:0;border-radius:0;box-shadow:none}
  .liquid-candidate #pageScroll{height:calc(100% - 104px - max(16px,env(safe-area-inset-bottom,0px)))!important}
  .liquid-candidate .dock{height:88px!important;padding-top:16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))!important}
}
.liquid-candidate .mobile-empty{margin:20px 0;color:#aeb8c4;font-size:14px}
.liquid-candidate .mobile-process-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.liquid-candidate .mobile-process-media figure,.liquid-candidate .mobile-interaction-video{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(218,229,239,.12);border-radius:8px;background:rgba(10,13,18,.8)}
.liquid-candidate .mobile-process-media img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;background:#0b0e13}
.liquid-candidate .mobile-process-media figcaption,.liquid-candidate .mobile-interaction-video figcaption{display:grid;gap:4px;padding:9px 10px;color:#aeb8c4;font-size:12px;line-height:1.55}
.liquid-candidate .mobile-process-media figcaption strong,.liquid-candidate .mobile-interaction-video figcaption strong{color:#e1e7ee;font-size:13px;font-weight:500}
.liquid-candidate .mobile-interaction-video{margin:18px 0}
.liquid-candidate .mobile-interaction-video video{display:block;width:100%;max-height:60dvh;background:#05070a}
@media(max-width:360px){
  .liquid-candidate .page-content.section-work{padding-left:18px;padding-right:18px}
  .liquid-candidate .mobile-quick-links{gap:7px}
  .liquid-candidate .mobile-quick-link{height:46px;padding:0 10px;font-size:13px}
  .liquid-candidate .mobile-project-title-line{gap:8px}
  .liquid-candidate .mobile-project-title-line .project-name{font-size:21px}
  .liquid-candidate .mobile-project-title-line .project-name.long{font-size:18px}
  .liquid-candidate .mobile-project-title-line .project-category{font-size:12px}
  .liquid-candidate .mobile-project-filters .filter{font-size:11px}
  .liquid-candidate .mobile-project-filters .filter:last-child{font-size:10px}
  .liquid-candidate .mobile-project-meta{grid-template-columns:48px minmax(0,1fr);gap:10px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .liquid-candidate .mobile-project-card,.liquid-candidate .mobile-quick-link,.liquid-candidate .mobile-project-filters .glass-lens{scroll-behavior:auto;transition:none}
}