/* RESPONSIVE */
@media (max-width:900px){
  .nl{padding:8px 7px;font-size:10px}.nl .ic{display:none}
  .dot{display:none}
  .slide{padding:80px 6vw;min-height:auto}
  .name-wrap{padding:30px 0 70px}
  .s1{left:0}.s2{right:0}.s3,.s4{bottom:0}
  .doodle{display:none}
  .bubble{width:48px;height:48px}
  .b-l{left:4vw;top:auto;bottom:12%}.b-r{right:4vw;top:16%}
  .whats .polaroid,.contact .polaroid{position:relative;left:auto;right:auto;top:auto;display:inline-block;width:150px;margin:10px}
  .whats{display:block;text-align:center}
  .about-card{padding:30px 22px}
  .pl-mini{position:relative;right:auto;top:auto;margin:0 auto 20px}
  .side-tabs{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:16px}
  .tab{border-left:1.5px solid var(--ink)}
  .tab:hover,.tab.on{padding-left:18px;transform:translateY(-3px)}
  .work-grid,.duo{grid-template-columns:1fr;gap:50px}
  .duo{gap:10px}
  .ban{grid-template-columns:1fr}
  .ban img{height:220px}
  .t-dark2,.t-y{display:none}
  .board{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .clip{position:relative;inset:auto!important;width:auto!important;height:200px!important}
  .contact .polaroid{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:900px){.b-r{display:none}.hi{margin-bottom:22px}.s1,.s2{top:-6px}}