/* B444 · the phone footer back under 600px (Nov 4 audit: 884px on a phone, the Ohana plate had added 233px to B410's 598).
   Same content, same 44px touch targets: the links fit three rows, and the Culture Ohana is one plate with its five logos
   in one moving row (as on culturegroup.com's phone hero). The copies that make the loop are hidden from screen readers and
   the keyboard; with reduced motion the logos sit still in two centered rows. Desktop is unchanged. */
footer.cf.ft .ft-ohana li.ft-oh-dup{display:none}
@media (max-width:700px){
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft{padding-top:4px!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .cf-in{gap:12px!important}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-grid{gap:0!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-grid nav a{font-size:13px!important;padding:0 12px 0 0!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana{margin-top:4px!important;display:block!important;overflow:hidden;border-radius:20px!important;padding:12px 0 2px!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-oh-k{justify-content:center;padding:0 0 2px!important;border:0!important;font-size:12px!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-oh-k img{height:16px!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana ul{display:flex!important;width:max-content;gap:0;animation:ft444-run 34s linear infinite;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana li,html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana li.ft-oh-dup{display:block;flex:none;border:0!important;box-shadow:none!important;grid-column:auto!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana a{height:44px!important;padding:0 16px!important;border-radius:12px;background:none!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana a img{height:18px!important;max-width:none!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana:hover ul,html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana:focus-within ul{animation-play-state:paused}
}
@media (min-width:340px) and (max-width:700px){
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-brand{grid-template-columns:auto 1fr auto!important;column-gap:12px!important;row-gap:12px!important}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-motto{grid-column:2!important;grid-row:1!important;font-size:18px!important;white-space:nowrap}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-social{grid-column:3!important}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-shows{grid-column:1/-1!important;grid-row:2!important}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .cf-in{gap:10px!important}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-legal p:first-child{letter-spacing:-.025em}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-brand{row-gap:10px!important}
  html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-top{gap:12px!important}
}
@media (min-width:340px) and (max-width:389px){html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-motto{font-size:16px!important}html.sh-on.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-brand{column-gap:10px!important}}
@keyframes ft444-run{to{transform:translateX(-50%)}}
@media (max-width:700px) and (prefers-reduced-motion:reduce){
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana ul{animation:none;width:auto;flex-wrap:wrap;justify-content:center;-webkit-mask-image:none;mask-image:none}
  html.sh-on.sh-on.sh-on.sh-on body footer.cf.ft .ft-ohana li.ft-oh-dup{display:none}
}
/* The B441 glass tab bar stands 66px tall and floats 14px up, but the shell still measured from the old 58px bar flush with the
   bottom: the copyright sat under the glass on every page, and the docked podcast player overlapped the bar by 14px. Both now
   measure from the glass: its 80px footprint, the home indicator, and a 10px breath (8px between the player and the bar). */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  html.sh-on.sh-on{--sh-glass-end:calc(66px + 14px + var(--sh-sb));--sh-end:calc(var(--sh-glass-end) + 10px)}
  html.sh-on.sh-on.px-docked{--sh-end:calc(var(--sh-glass-end) + var(--sh-dock) + 8px + 10px)}
  html.sh-on.sh-on body .px-dock{bottom:calc(var(--sh-glass-end) + 8px)!important}
  html.sh-on.sh-on.sh-kb.px-docked body .px-dock{transform:translateX(-50%) translateY(calc(var(--sh-glass-end) - 8px))}
}