/* Tablet & below: collapse header to menu button */
@media (max-width:1179px){
  .pd-nav{display:none}
  .pd-header__mobile{display:flex}
  .pd-menu-open .pd-mobile-nav{display:flex}
  .pd-expertise__media{position:static}
}
@media (min-width:1180px){
  .pd-mobile-nav{display:none!important}
}

/* Tablet portrait */
@media (max-width:900px){
  .pd-expertise .pd-wrap{flex-direction:column}
  .pd-expertise__col,.pd-expertise__media{flex:1 1 auto;width:100%}
  .pd-expertise__frame{aspect-ratio:4/3}
  .pd-house__img{aspect-ratio:4/3}
  .pd-grid{columns:2 260px}
}

/* WordPress admin bar offsets */
@media (max-width:782px){
  .admin-bar .pd-header{top:46px}
}

/* Mobile */
@media (max-width:600px){
  :root{--pd-pad-x:20px;--pd-pad-y:64px}
  .admin-bar .pd-header{top:0}
  .pd-header__bar{padding:6px 12px 6px 16px}
  .pd-brand img{width:38px;height:38px}
  .pd-brand__name{font-size:17px;letter-spacing:.16em}
  .pd-brand__sub{font-size:8px;letter-spacing:.36em}
  .pd-social a{width:36px;height:36px}
  .pd-mobile-nav a{font-size:26px}

  .pd-hero{min-height:88svh}
  .pd-hero__inner{gap:22px;padding-bottom:32px}
  .pd-hero__eyebrow{font-size:10px;letter-spacing:.3em}
  .pd-hero__ctas{flex-direction:column}
  .pd-hero__ctas .pd-btn{text-align:center;width:100%}
  .pd-hero__foot{flex-direction:column;gap:8px;font-size:9px;letter-spacing:.26em}
  .pd-hero__shade{background:linear-gradient(0deg,rgba(28,26,23,.88) 0%,rgba(28,26,23,.55) 55%,rgba(28,26,23,.2) 100%)}

  .pd-band__text{flex-basis:100%}
  .pd-band__grid{flex-basis:100%}

  .pd-filters{flex-wrap:nowrap;overflow-x:auto;gap:22px;width:calc(100% + 40px);margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .pd-filters::-webkit-scrollbar{display:none}
  .pd-filters button{flex:none}
  .pd-grid{columns:1}
  .pd-work__title{font-size:19px}

  .pd-svc{grid-template-columns:40px 1fr;padding:22px 0}
  .pd-svc__n{padding-top:8px}
  .pd-svc.is-active .pd-svc__desc{max-height:220px}
  .pd-expertise__frame{aspect-ratio:4/5}
  .pd-house__img{aspect-ratio:4/5}

  .pd-founder__portrait{flex-basis:100%;max-width:240px}
  .pd-founder__text{flex-basis:100%}

  .pd-collections .pd-wrap{flex-direction:column;align-items:flex-start}

  .pd-cta .pd-wrap{flex-direction:column;align-items:stretch}
  .pd-cta .pd-btn,.pd-form__foot .pd-btn{width:100%;text-align:center}
  .pd-form__foot{flex-direction:column-reverse;align-items:stretch;text-align:center}

  .pd-enquire__img{display:none}
  .pd-field input,.pd-field select,.pd-field textarea{font-size:16px;width:100%}
  .pd-chip span{padding:10px 14px}

  .pd-lightbox{padding:20px 12px}
  .pd-lightbox img{max-width:100%;max-height:70vh}
  .pd-lightbox__bar{gap:16px}
  .pd-lightbox__title{font-size:18px;text-align:center}

  .pd-footer .pd-wrap{flex-direction:column;align-items:flex-start;padding-top:44px;padding-bottom:32px}
  .pd-footer__brand img{width:64px;height:64px}
  .pd-footer__meta{flex-direction:column;gap:10px}
}

/* Small phones */
@media (max-width:380px){
  .pd-brand__name{font-size:15px}
  .pd-header__mobile .pd-social{display:none}
  .pd-band__grid{grid-template-columns:1fr}
}

/* Touch devices: no hover zoom */
@media (hover:none){
  .pd-work:hover img{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}