/* The neutral frame also preserves the original desktop image box. */
.path-poster-frame,.path-poster-frame>picture{display:block;width:100%;height:100%;}
/* Phone-only refinement. The scene and its vertical gesture owner stay intact. */
@media(max-width:700px) and (pointer:coarse){
 body[data-work-presentation='paths'] #work-entry{--phone-work-gutter:max(20px,env(safe-area-inset-left));--paths-entry-width:calc(100vw - var(--phone-work-gutter) * 2);--paths-card-width:var(--paths-entry-width);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 20px minmax(0,1fr) auto;gap:10px 16px;width:var(--paths-entry-width);inset:calc(var(--paths-header-height,68px) + 12px) auto auto 50%;height:calc(100svh - var(--paths-header-height,68px) - 28px);height:calc(100dvh - var(--paths-header-height,68px) - 28px);justify-content:normal;}
 body[data-work-presentation='paths'] #work-entry::before{content:none;}
 body[data-work-presentation='paths'] .paths-top{position:static;inset:auto;z-index:auto;display:contents;min-height:0;margin:0;}
 body[data-work-presentation='paths'] .paths-toggle{grid-row:1;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;box-sizing:border-box;background:#06182dbf;border-color:#fff5df59;}
 body[data-work-presentation='paths'] .paths-toggle button{width:100%;min-width:0;min-height:44px;padding:0 8px;font-size:15px!important;}
 body[data-work-presentation='paths'] .paths-count{grid-column:2;grid-row:2;align-self:center;min-width:0;padding:0;font-size:12px;}
 body[data-work-presentation='paths'] .paths-mobile-hint{display:block;grid-column:1;grid-row:2;align-self:center;font:450 12px/20px var(--portfolio-text-family,Figtree,Arial,sans-serif);letter-spacing:0;color:#fff5dfb8;white-space:nowrap;pointer-events:none;}
 /* Shared grid rows align arrows to the image without measuring on each frame. */
 body[data-work-presentation='paths'] .paths-project-region{display:contents;}
 body[data-work-presentation='paths'] #project-grid{grid-row:3;grid-column:1/-1;width:100%;height:100%;min-height:0;margin:0;aspect-ratio:auto;border:1px solid #fff5df38;box-sizing:border-box;border-radius:10px;overflow:hidden;box-shadow:0 18px 55px #0004;touch-action:pan-y pinch-zoom;}
 body[data-work-presentation='paths'] .path-poster{object-fit:cover;object-position:var(--phone-art-position,50% 50%);}
 body[data-work-presentation='paths'] [data-slug='stanley-x']{--phone-art-position:65% 50%;}
 body[data-work-presentation='paths'] .path-website{container-type:size;}
 body[data-work-presentation='paths'] :is(.path-project,.path-project-surface,.path-project-artwork,.path-website,.path-brand){border-radius:9px;}
 body[data-work-presentation='paths'] .paths-browse button{position:relative;inset:auto;grid-row:3;grid-column:1/-1;align-self:center;background:#07182de6;border-color:#fff5df99;box-shadow:0 3px 16px #0004;}
 body[data-work-presentation='paths'] .paths-browse [data-work-step='-1']{left:auto;justify-self:start;margin-left:-10px;}
 body[data-work-presentation='paths'] .paths-browse [data-work-step='1']{right:auto;left:auto;justify-self:end;margin-right:-10px;}
 body[data-work-presentation='paths'] .paths-caption{grid-row:4;grid-column:1/-1;position:static;inset:auto;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:4px 0 0;box-sizing:border-box;min-height:0;background:none;pointer-events:auto;}
 body[data-work-presentation='paths'] .paths-attribution{min-height:0;}
 body[data-work-presentation='paths'] .paths-project-name{font-size:clamp(28px,7.8vw,34px);line-height:1.1;}
 body[data-work-presentation='paths'] #work-entry .paths-project-role{font-size:13px;line-height:1.45;}
 body[data-work-presentation='paths'] .paths-case-link{min-height:44px;justify-self:start;}
 @media(orientation:portrait){
  body[data-work-presentation='paths'] [data-phone-crop] .path-poster-frame{position:absolute;left:50%;top:50%;width:max(100%,calc(100cqh * var(--phone-crop-ratio)));height:auto;aspect-ratio:var(--phone-crop-ratio);transform:translate(-50%,-50%);}
  body[data-work-presentation='paths'] [data-phone-crop] .path-poster{position:absolute;left:var(--phone-source-x);top:var(--phone-source-y);width:var(--phone-source-width);height:var(--phone-source-height);max-width:none;object-fit:fill;}
  body[data-work-presentation='paths'] .path-brand-selection{inset:42% 6% 8%;}
  body[data-work-presentation='paths'] .path-print .path-brand-selection{inset:8% 6%;}
 }
 @media(max-height:650px){
  body[data-work-presentation='paths'] #work-entry{grid-template-rows:48px 18px minmax(0,1fr) auto;row-gap:8px;}
  body[data-work-presentation='paths'] .paths-toggle{padding:2px;}
  body[data-work-presentation='paths'] .paths-mobile-hint{font-size:11px;line-height:18px;}
  body[data-work-presentation='paths'] .paths-caption{gap:8px;}
  body[data-work-presentation='paths'] #work-entry .paths-project-role{font-size:12px;margin-top:4px;}
 }
 /* Short landscape phones put the caption beside the framed image. */
 @media(min-width:480px) and (max-height:500px){
  body[data-work-presentation='paths'] #work-entry{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:54px minmax(0,1fr);gap:12px 20px;}
  body[data-work-presentation='paths'] .paths-toggle{grid-column:1;grid-row:1;height:54px;padding:4px;}
  body[data-work-presentation='paths'] .paths-toggle button{min-height:44px;}
  body[data-work-presentation='paths'] .paths-count{grid-column:2;grid-row:1;justify-self:end;}
  body[data-work-presentation='paths'] .paths-mobile-hint{display:none;}
  body[data-work-presentation='paths'] #project-grid{grid-column:1;grid-row:2;}
  body[data-work-presentation='paths'] .paths-browse button{grid-column:1;grid-row:2;}
  body[data-work-presentation='paths'] .paths-caption{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr);align-self:center;padding:0;gap:10px;}
  body[data-work-presentation='paths'] .paths-attribution{min-height:0;}
  body[data-work-presentation='paths'] .paths-project-name{font-size:25px;}
  body[data-work-presentation='paths'] .paths-case-link{align-self:end;}
 }
}
/* No visible or layout participation outside the phone composition. */
@media(min-width:701px),(pointer:fine){.paths-mobile-hint{display:none}}