@media screen and (max-width:700px), screen and (max-width:1000px) and (max-height:700px) and (pointer:coarse){
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-tabs [data-archive-tab]{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:8px 2px!important;min-height:64px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-tabs [data-archive-tab] :is(span,b,small){position:static!important;min-width:0!important;width:auto!important;height:auto!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important;text-align:center!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-tabs .archive-index-head{display:none!important}
  html body.mobile-continuous #reviews .review-tabs button{border:0!important;background:transparent!important;box-shadow:none!important}
  html body.mobile-continuous #reviews .review-tabs button::before,html body.mobile-continuous #reviews .review-tabs button::after{display:none!important}
  html body.mobile-continuous #reviews .review-tabs button span{color:var(--control-text,var(--ink))!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important}
  html body.mobile-continuous #reviews .review-tabs button.is-active span{color:var(--accent-on,#111318)!important;background:var(--accent)!important;border-color:var(--accent)!important}
  html body.mobile-continuous .catalog-dialog{margin:auto!important;width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;max-width:none!important;height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:none!important;overflow:hidden!important}
  html body.mobile-continuous .catalog-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:8px!important}
  html body.mobile-continuous .catalog-tabs button{min-width:0!important;min-height:42px!important;width:100%!important;padding:6px!important;white-space:normal!important;font-size:10px!important}
  html body.mobile-continuous .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:220px!important;gap:8px!important;padding:8px!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important}
  html body.mobile-continuous .catalog-card{min-width:0!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;padding:7px!important}
  html body.mobile-continuous .catalog-card img{height:100%!important;width:100%!important;min-height:0!important;object-fit:contain!important}
  html body.mobile-continuous .catalog-card>span{display:block!important;font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body.mobile-continuous .catalog-card>span::after{display:block!important;margin-top:4px!important}
  /* Case-study films have native controls; the main preview uses its play button. */
  html body.mobile-continuous .case76-play{display:none!important}
  /* Projects. */
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-layout{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:9px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-tabs{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px!important;display:flex!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;border-radius:16px!important}.project-tabs::-webkit-scrollbar{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-tabs button{flex:0 0 122px!important;width:122px!important;min-width:122px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:7px 9px!important;scroll-snap-align:start!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-stage{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;overflow:hidden!important;border-radius:22px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-media-frame{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:0!important;overflow:hidden!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-media,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-media>*{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-copy{width:100%!important;min-width:0!important;padding:18px 16px 16px!important;display:block!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-copy>p{font-size:.65rem!important;line-height:1.4!important;letter-spacing:.08em!important;margin:0 0 10px!important;color:var(--muted)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-copy h3{font-size:clamp(1.6rem,7vw,2.1rem)!important;line-height:.96!important;margin-bottom:10px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-copy blockquote{margin:10px 0 14px!important;font-size:.94rem!important;line-height:1.58!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-tags{gap:6px!important;flex-wrap:wrap!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-controls{width:100%!important;margin-top:16px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important;align-items:center!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #work .project-step{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.project-actions{min-width:0!important}.project-actions a{width:100%!important;min-width:0!important;justify-content:center!important}
  /* Places. */
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .places-stage{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .places-legend{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-grid{width:100%!important;height:auto!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:10px!important;overflow:visible!important;transform:none!important;translate:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-story{position:relative!important;width:100%!important;height:auto!important;min-height:160px!important;margin:0!important;padding:14px!important;display:grid!important;grid-template-columns:102px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:14px!important;align-items:center!important;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line))!important;border-radius:21px!important;background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 76%,transparent),color-mix(in srgb,var(--surface) 86%,transparent))!important;box-shadow:0 14px 34px rgb(0 0 0/.09)!important;overflow:hidden!important;transform:none!important;translate:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-art{position:relative!important;inset:auto!important;grid-column:1!important;width:102px!important;height:142px!important;min-height:0!important;margin:0!important;padding:4px!important;display:grid!important;place-items:center!important;border:0!important;animation:none!important;transform:none!important;translate:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-art svg{width:116px!important;height:140px!important;max-height:140px!important;margin:auto!important;transform:none!important;animation:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-year{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-copy{position:relative!important;inset:auto!important;grid-column:2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;border:0!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-copy small,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-copy footer{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-copy h3{margin:0 0 7px!important;font-size:clamp(1.8rem,8.3vw,2.25rem)!important;line-height:.94!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #journey .landmark-copy p{margin:0!important;font-size:.74rem!important;line-height:1.48!important}
  /* Archive. */
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-browser{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:9px!important;overflow:visible!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-tabs{width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;border-radius:16px!important}.archive-tabs::-webkit-scrollbar{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-tabs button{flex:0 0 auto!important;min-width:96px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-feature{width:100%!important;height:auto!important;min-height:0!important;display:block!important;padding:0!important;border-radius:22px!important;overflow:hidden!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-media{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:color-mix(in srgb,var(--paper) 86%,#000 14%)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-media img,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-media video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;position:absolute!important;inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;aspect-ratio:auto!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-arrow{width:38px!important;height:38px!important;border-radius:12px!important}.archive-arrow.prev{left:8px!important}.archive-arrow.next{right:8px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-filmstrip{position:relative!important;inset:auto!important;width:100%!important;min-height:70px!important;padding:7px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}.archive-filmstrip::-webkit-scrollbar{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-filmstrip button{flex:0 0 62px!important;width:62px!important;height:54px!important;min-width:62px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-meta{width:100%!important;min-height:0!important;padding:18px 16px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))!important;border-radius:20px!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-meta>p,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-meta>h3,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-catalog-button{grid-column:1/-1!important}.archive-meta h3{font-size:clamp(1.75rem,8vw,2.3rem)!important;line-height:1!important}html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #archive .archive-meta .archive-catalog-button{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:48px!important;padding:12px!important;justify-content:center!important;white-space:normal!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;border-radius:14px!important;background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;color:var(--accent-readable,var(--ink))!important;font-size:11px!important;font-weight:750!important;letter-spacing:.06em!important;-webkit-text-fill-color:currentColor!important;filter:none!important;opacity:1!important}
  /* About. */
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;transform:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__body{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__story,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__instagram,html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__toolkit{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__story{padding:20px 17px!important}.about76__eyebrow{font-size:8px!important}.about76__identity h2{font-size:clamp(2.7rem,12vw,3.7rem)!important}.about76__lead{font-size:clamp(1.25rem,6vw,1.7rem)!important;line-height:1.2!important}.about76__note{font-size:.86rem!important;line-height:1.62!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}html body.mobile-continuous #about .about76__actions a{min-width:0!important;width:100%!important;padding:10px!important;transform:none!important;translate:none!important;animation:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__method{margin-top:24px!important}.about76__method-row{grid-template-columns:1fr!important;gap:6px!important}.about76__method-path{display:none!important}.about76__method-row article{min-height:76px!important;margin:0!important;padding:14px 0!important;transform:none!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;align-items:center!important}html body.mobile-continuous #about .about76__method-row article::before,html body.mobile-continuous #about .about76__method-row article::after{display:none!important}html body.mobile-continuous #about .about76__method-row b{position:static!important;font-size:1.7rem!important;line-height:1!important;opacity:1!important;color:var(--accent)!important;transform:none!important}html body.mobile-continuous #about .about76__method-row span{padding:0!important;gap:5px!important}html body.mobile-continuous #about .about76__method-row strong{font-size:1.15rem!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__instagram{padding:15px!important}.about76__instagram>header{gap:10px!important}.about76__feed{min-height:250px!important}.instagram-feed{min-height:250px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__toolkit{margin-top:10px!important;padding:15px!important}.about76__toolkit>header{grid-template-columns:1fr!important}.about76__toolkit>header>i{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #about .about76__tools{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.about76__tools .tool-link{min-width:0!important;min-height:48px!important}
  /* Reviews. */
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews{padding-inline:0!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews .reviews-layout{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:8px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews .review-tabs{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;justify-self:center!important;justify-content:center!important;height:auto!important;margin:0 auto!important;padding:5px!important;display:flex!important;flex-direction:row!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;border-radius:16px!important}.review-tabs::-webkit-scrollbar{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews .review-tabs button{flex:0 0 52px!important;width:52px!important;min-width:52px!important;min-height:50px!important;padding:4px!important;display:grid!important;place-items:center!important;transform:none!important}.review-tabs button b,.review-tabs button small{display:none!important}.review-tabs button span{margin:0!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews .review-nav{display:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews .review-card{grid-column:1!important;grid-row:2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:22px 18px!important;display:grid!important;grid-template-rows:auto 1fr auto!important;border-radius:22px!important;overflow:hidden!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #reviews .review-card blockquote{max-width:100%!important;margin:24px 0!important;font-size:clamp(1.2rem,5.5vw,1.6rem)!important;line-height:1.3!important;text-wrap:pretty!important}.review-card-head{margin:0!important}.review-card footer{margin-top:18px!important}
  /* Contact. */
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact{padding:44px 0 34px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-layout{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:18px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;transform:none!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-intro h2{font-size:clamp(2.9rem,13vw,4.25rem)!important;line-height:.9!important;letter-spacing:-.06em!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-direct{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-email{width:100%!important;min-width:0!important;min-height:130px!important;padding:22px 16px!important;border-radius:20px!important}html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-email-copy{width:100%!important;min-width:0!important;text-align:center!important}html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-email-copy strong{display:block!important;max-width:100%!important;font-size:clamp(.78rem,3.4vw,1rem)!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-links{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-links a{min-width:0!important;min-height:84px!important;padding:14px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;justify-items:center!important;gap:8px!important;text-align:center!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:none!important}html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-links strong{grid-column:1!important;min-width:0!important;max-width:100%!important;font-size:.78rem!important;line-height:1.25!important;overflow-wrap:anywhere!important}html body.mobile-continuous:is(.nav-expanded,:not(.nav-expanded)) #contact .contact-links small{grid-column:1!important;max-width:100%!important;font-size:8px!important;line-height:1.3!important}
  .catalog-dialog{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:none!important;border-radius:19px!important}.catalog-dialog>header{padding:14px!important}.catalog-dialog>header h2{font-size:2.2rem!important}.catalog-grid{grid-template-columns:1fr!important;grid-auto-rows:300px!important;padding:10px!important}.dialog-stage{padding:10px!important}
  html body.mobile-continuous #contact .contact-email{background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;box-shadow:none!important}
  html body.mobile-continuous #contact .contact-email .contact-signal,html body.mobile-continuous #contact .contact-email-copy small{display:none!important}
  html body.mobile-continuous #contact .contact-action{grid-column:1/-1!important;width:100%!important;min-height:0!important;order:-1!important;display:block!important;text-align:center!important;font-size:1.35rem!important;font-weight:750!important;background:transparent!important;color:var(--ink)!important;border:0!important;border-radius:10px!important}

  html body.mobile-continuous #contact .contact-intro,html body.mobile-continuous #contact .contact-intro h2{text-align:center!important;margin-inline:auto!important}
  html body.mobile-continuous #contact .contact-links a>span{display:none!important}


}