/* Keep scrolling, zooming, links and keyboard navigation available. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
img,video,.image-zoom{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
[data-copy-allowed],[data-copy-allowed] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
button.image-zoom{appearance:none;display:block;position:relative;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;text-align:inherit;font:inherit;color:inherit;cursor:zoom-in}
button.image-zoom img{display:block}
.quote-source{font:400 12px/1.6 var(--serif);color:var(--muted);opacity:.85;margin-top:12px}
.hero>.quote-source{position:absolute;left:6.11vw;top:48%;color:white;margin:0}
.about-panel h2,.about-name,.about-prose,.panel-quote{font-family:var(--serif)}
.panel-index{font-size:12px}.project-link{font-size:13px}
.thinking-copy>.panel-index{margin-top:24px}
.image-panel .panel-copy>.panel-prose{margin-top:138px;padding-top:0}
.object-panel .panel-copy>.panel-prose{margin-top:186px;padding-top:0}
.image-panel .panel-index,.object-panel .panel-index{margin-top:auto;padding-top:55px}
.case-opening>.quote-source{font-size:12px;margin:12px auto 0}
.object-opening>.quote-source{margin:14px 0 0}
.portfolio-page .human-opening h1,.portfolio-page .chapter-band h2,.portfolio-page .item-title p,.portfolio-page .window-grid figcaption{font-family:var(--serif)}
.portfolio-page .xr-title{font-size:clamp(30px,5vw,80px)}
.portfolio-page .contact-footer{min-height:530px}
.portfolio-page .contact-actions{display:flex;gap:12px;margin-top:16px}
.portfolio-page .copy-contact{border:1px solid #ffffff60;background:transparent;color:white;padding:8px 14px;min-height:44px;font-size:12px;cursor:pointer}
.portfolio-page .contact-feedback{min-height:22px;font-size:12px}
@media(max-width:900px){.hero>.quote-source{left:var(--gutter);top:calc(24% + 2 * clamp(42px,7vw,64px) * 1.6 + 12px)}.image-panel .panel-copy>.panel-prose,.object-panel .panel-copy>.panel-prose{margin-top:50px}.image-panel .panel-index,.object-panel .panel-index{margin-top:40px;padding-top:0}.thinking-copy>.panel-index{margin-top:30px}}
@media(max-width:420px){.hero>.quote-source{top:calc(24% + 153px)}}