/* Content previews for the True Point, Runthrough and Pylon case studies. */
.mobile-screen-preview,.mobile-sheet-previews,.mobile-model{display:none}
@media(max-width:560px){
  .work-mobile-page{overflow-wrap:anywhere}
  .work-mobile-page .mobile-screen-preview{display:block;max-width:100%;color:var(--preview-accent,#1c5f8a);background:#fff;text-decoration:none}
  .mobile-screen-preview img{display:block;width:100%;max-width:100%;height:auto}
  .mobile-screen-preview .preview-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;border-top:1px solid var(--line,#e2e6e5);font-size:13px;font-weight:600;line-height:1.4}
  .preview-action svg{flex:none;width:17px;height:17px}
  .mobile-screen-preview:focus-visible{outline:2px solid var(--preview-accent,#1c5f8a);outline-offset:-2px}
  .mobile-screen-preview:hover .preview-action{background:var(--wash,#f6f8f8)}
  .work-mobile-page .mobile-sheet-previews{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:14px;background:var(--wash,#faf7f5)}
  .mobile-sheet-previews .mobile-screen-preview{border:1px solid var(--line,#e6dfdb)}
  .work-mobile-page .mobile-model{display:block}
  .mobile-model iframe{display:block;width:100%;height:370px;border:0;background:#f4f3f0}
  .work-mobile-page .live-alt a{min-height:44px;overflow-wrap:anywhere}
  .work-mobile-page .grid>*{min-width:0}
  .work-mobile-page .shot{min-width:0;max-width:100%}
  .work-mobile-page .shot>img{height:auto}
  .pylon-page .sig-stage{padding:20px 12px}
  .pylon-page .sig-phone{width:268px;max-width:100%;min-width:0}
  .pylon-page .p-btn{max-width:100%;white-space:normal}
  .pylon-page .navbar-start{width:auto;min-width:0}
  .pylon-page .navbar .btn{height:auto;min-height:44px;white-space:normal}
  .work-mobile-page .tbl{display:block;border:0}
  .work-mobile-page .tbl thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .work-mobile-page .tbl tbody,.work-mobile-page .tbl tr,.work-mobile-page .tbl td{display:block;width:auto}
  .work-mobile-page .tbl tr{border:1px solid var(--line);margin-bottom:12px}
  .work-mobile-page .tbl td{font-size:14px;padding:10px 12px;overflow-wrap:anywhere}
  .work-mobile-page .tbl td:first-child{background:var(--wash);font-weight:600}
  .work-mobile-page .tbl td[data-label]::before{content:attr(data-label) ": ";font-weight:600;color:var(--ink)}
}
@media(max-width:360px){
  .work-mobile-page .wrap{padding-right:12px;padding-left:12px}
  .work-mobile-page .hero .mk{gap:10px}
  .work-mobile-page .hero .mk>svg{flex:none;width:clamp(32px,12vw,44px);height:auto}
  .work-mobile-page h1.t{font-size:clamp(24px,10vw,34px)}
  .work-mobile-page .hero .mk>div{min-width:0}
  .work-mobile-page .formats{padding:12px;gap:10px}
  .work-mobile-page .formats-n{flex-basis:100%}
  .work-mobile-page .ladder{padding:12px}
  .work-mobile-page .close .in{padding-right:12px;padding-left:12px}
}