.pm-spatial-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;border-bottom:1px solid #1d1d1f;background:#f5f5f7;color:#1d1d1f}
.pm-spatial-field{position:absolute;z-index:1;inset:52px 0 25.5svh;overflow:hidden;border-bottom:1px solid #1d1d1f;background:#1d1d1f;pointer-events:auto}
.pm-spatial-field:after{display:none}
.pm-spatial-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1}
.pm-spatial-kicker{position:absolute;z-index:3;left:var(--pad);top:clamp(118px,11vw,170px);margin:0;color:#f5f5f7;font:500 10px/1.55 DM Mono,monospace;text-transform:uppercase;letter-spacing:.02em}
.pm-spatial-title{position:absolute;z-index:3;left:0;right:0;bottom:clamp(26px,4vh,58px);box-sizing:border-box;width:100%;padding-inline:var(--pad);margin:0;min-height:1em;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(60px,9vw,136px);font-weight:650;line-height:.9;letter-spacing:-.075em;text-align:center;white-space:nowrap}
.pm-spatial-title span:after{content:"";display:inline-block;width:.08em;height:.78em;margin-left:.08em;vertical-align:-.02em;background:#171816;opacity:0}
.pm-spatial-title.is-typing:not(.is-typed) span:after{opacity:1;animation:pm-caret .72s steps(1,end) infinite}
@keyframes pm-caret{50%{opacity:0}}
@media(max-width:900px){.pm-spatial-field{inset:52px 0 34svh}.pm-spatial-title{left:0;right:0;padding-inline:20px;white-space:normal}.pm-spatial-kicker{left:20px}}
@media(prefers-reduced-motion:reduce){.pm-spatial-canvas{opacity:1}.pm-spatial-title span:after{display:none}}

/* Oct 12: centre PROJECTS in the band under the field, the same way as
   SELECTED WORKS (ARCH) and PRODUCT DESIGN (band: bottom 25.5svh; 34svh on narrow screens). */
.pm-spatial-hero .pm-spatial-title{bottom:0;height:25.5svh;display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.pm-spatial-hero .pm-spatial-title{height:34svh;text-align:center}}