/* ===== Phone layout (only phones get a device-width viewport; tablets/desktops stay at 1440) ===== */
.mnav-btn,.mbar{display:none}
@media (max-width:959px){
  html{scroll-padding-top:72px;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  img{height:auto}
  /* header */
  .k9{padding:10px 18px !important;column-gap:12px !important}
  .k73{height:34px !important}
  .isob{display:none !important}
  .k7{display:none !important}
  .mnav-btn{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-right:-8px;background:none;border:0;color:#E6EEF2;cursor:pointer;padding:0}
  .mnav-btn svg{width:26px;height:26px}
  body.mnav-open{overflow:hidden}
  body.mnav-open .k3c{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:#08111A !important}
  body.mnav-open .k7{display:flex !important;position:fixed;left:0;right:0;top:var(--hh,64px);bottom:0;z-index:60;flex-direction:column;align-items:stretch;gap:0 !important;padding:6px 22px 28px;background:#08111A;overflow-y:auto;font-size:15px !important;white-space:normal;border-top:1px solid #1E3142}
  body.mnav-open .k7>a.nav{padding:17px 2px !important;border-bottom:1px solid #1E3142;text-underline-offset:5px}
  body.mnav-open .k7>a.nav::before{display:none !important}
  body.mnav-open .k7>.k22{margin:22px 0 0 !important;padding:16px !important;text-align:center;font-size:15px}
  .mnav-iso{display:none}
  body.mnav-open .mnav-iso{display:flex;margin-top:22px;gap:10px;align-items:center;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#5FD3D3}
  /* numbers strip: 2 x 2 */
  .k85{grid-template-columns:1fr 1fr !important;padding:0 18px !important}
  .k85>div{padding:22px 12px 22px 14px !important;border-left:1px solid #1E3142;border-top:1px solid #1E3142}
  .k85>div:nth-child(odd){border-left:0;padding-left:0 !important}
  .k85>div:nth-child(-n+2){border-top:0}
  .k5d{font-size:34px !important}
  .k85 [style*="font-size: 26px"]{font-size:18px !important}
  /* tall photo frames */
  img[style*="height: 520px"],img[style*="height: 560px"],img[style*="height: 600px"],img[style*="height: 480px"]{height:auto !important;aspect-ratio:4/3;object-fit:cover}
  /* buttons */
  .k3a,.k57{width:100%;box-sizing:border-box;text-align:center}
  /* line drawings: drop the fixed desktop height so the drawing fills the width */
  section svg[viewBox][style*="height: 3"]{height:auto !important}
  /* founders: photo beside name */
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 20px"]{grid-template-columns:1fr !important;gap:28px !important}
  .kc0{display:grid !important;grid-template-columns:96px 1fr;column-gap:16px;row-gap:4px;align-items:end}
  .kc0>img{grid-row:1 / span 2;width:96px !important}
  .kc0>.k4e{grid-column:2;align-self:end}
  .kc0>.k3{grid-column:2;align-self:start}
  .kc0>ul{grid-column:1 / -1;margin-top:10px}
  /* project register: two columns, filter chips in one scrolling row */
  [style*="grid-template-columns: repeat(auto-fill, minmax(min(290px, 100%), 1fr))"]{grid-template-columns:1fr 1fr !important;gap:22px 12px !important}
  .sheet>img{height:auto !important;aspect-ratio:4/3}
  .sheet .t{font-size:15px !important;line-height:1.3 !important}
  .sheet>span[style*="font-size: 12px"]{font-size:10px !important}
  .sheet{gap:8px !important}
  div:has(>button.chip){flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px}
  div:has(>button.chip)::-webkit-scrollbar{display:none}
  button.chip{flex:none;white-space:nowrap;padding:10px 12px !important;font-size:12px !important}
  /* bottom contact bar */
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(8,17,26,.97);border-top:1px solid #2A4256;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font:600 14px 'IBM Plex Sans',sans-serif;text-decoration:none;border:1px solid #2A4256;color:#E6EEF2}
  .mbar a.p{background:#5FD3D3;border-color:#5FD3D3;color:#0B1622}
  .mbar svg{width:18px;height:18px}
  body.has-mbar{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.mnav-open .mbar{display:none}
  /* tap targets */
  footer a{display:inline-block;padding:6px 0}
  /* What we deliver */
  .wd-sec{padding-left:18px !important;padding-right:18px !important}
  .wd-h2{font-size:28px !important}
  .wd-stat{flex:1 1 40% !important;box-sizing:border-box;border-right:none !important;border-bottom:1px solid #2A4256;padding:16px !important}
  .wd-stat b{font-size:26px !important}
  .wd-tabs{width:100% !important}
  .wd-tab{flex:1 1 50%;padding:12px 12px !important;min-width:0}
  .wd-tab b{font-size:14px !important}
  .wd-tab span{font-size:10px !important;line-height:1.4}
  .wd-viewer{height:auto !important;display:flex;flex-direction:column}
  .wd-viewer canvas{height:min(62vh,540px) !important;min-height:340px;touch-action:none}
  .wd-panel{position:static !important;width:auto !important;border:0 !important;border-top:1px solid #2A4256 !important;background:#0B1622 !important;-webkit-backdrop-filter:none;backdrop-filter:none}
  #layers{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
  .wd-layer{font-size:13px;min-height:28px}
  .wd-b{padding:11px 12px !important}
  .wd-hint{display:none}
  .wd-tag{top:10px !important;right:10px !important;font-size:10px !important}
  .wd-load{bottom:auto !important;height:min(62vh,540px);min-height:340px}
  .wd-tap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 22px;border:1px solid #5FD3D3;background:rgba(95,211,211,.08);color:#E6EEF2;font:600 15px 'IBM Plex Sans',sans-serif;cursor:pointer}
  .wd-tap span{font:12px 'IBM Plex Mono',monospace;color:#6F8797;letter-spacing:.06em}
  .wd-dgrid{grid-template-columns:1fr !important;gap:16px !important}
  .wd-inc{grid-template-columns:1fr !important}
  .wd-lbbar{flex-direction:column;align-items:flex-start !important;padding:10px 14px !important;gap:8px !important}
  .wd-lbbar .wd-btns{gap:4px}
}