/* Scoped refinements: the catalogue and its sphere only. */
.sphere-space,.sphere-space .sphere-item{cursor:grab}
.sphere-space.is-dragging,.sphere-space.is-dragging *{cursor:grabbing!important;user-select:none}
.sphere-space .sphere-item{aspect-ratio:1/1;border:1px solid #c5ae7d30;background:#101820;box-shadow:0 10px 26px #0005;touch-action:none;user-select:none;-webkit-user-select:none}
.sphere-space .sphere-item img{object-fit:cover;object-position:center;filter:saturate(.84);-webkit-user-drag:none;pointer-events:none}
.sphere-space .sphere-item span{pointer-events:none;line-height:1.5;font-size:11px}
.sphere-space.has-selection .sphere-item:not(.is-selected):hover{opacity:.35!important;z-index:initial!important}
.sphere-space .sphere-item.is-selected{border-color:var(--gold);box-shadow:0 12px 36px #0008}
.sphere-space .sphere-item.is-selected img{filter:none}
.sphere-space.has-selection .sphere-item.is-selected span{opacity:0}
.sphere-preview{position:absolute;z-index:400;inset:auto 24px 22px auto;width:min(335px,48%);padding:20px 24px 25px;background:#0b111cf5;border:1px solid #bda57750;box-shadow:0 16px 48px #0007;cursor:default;animation:panelEnter 400ms var(--motion-ease-spatial,ease) both}
.sphere-preview[hidden]{display:none}
.sphere-preview-close{display:flex;justify-content:space-between;width:100%;padding:0 0 15px;margin-bottom:20px;border-bottom:1px solid #ffffff1b;font-size:12px;line-height:1.5}
.sphere-preview .eyebrow{font-size:11px;line-height:1.8;letter-spacing:.02em;margin-bottom:12px}
.sphere-preview h4{font-size:clamp(22px,2.1vw,32px);font-weight:400;line-height:1.3;letter-spacing:-.02em;margin:0 0 14px}
.sphere-preview-concept{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 22px}
.sphere-preview .sphere-enter{font-size:13px;line-height:1.6;cursor:pointer}
.sphere-space.is-dragging .sphere-item span{opacity:0}
.theme-summary{color:var(--muted);font-size:15px;line-height:1.8;max-width:850px;margin:20px 0 0}
.portfolio-slide figcaption .work-summary{display:block;max-width:82%}
.work-summary strong{display:block;font-weight:400;font-size:16px;line-height:1.55}
.work-summary small{display:block;font-size:13px;line-height:1.85;color:var(--muted);margin-top:7px;max-width:690px}
.work-reference[hidden]{display:none}
.panel-body h4{font-size:clamp(26px,2.35vw,35px);overflow-wrap:anywhere}
.panel-field dd{font-size:15px}
[dir=rtl] .sphere-preview{inset-inline-start:auto;inset-inline-end:24px}
[dir=rtl] .sphere-preview h4{letter-spacing:0;line-height:1.6}
[dir=rtl] .work-summary strong,[dir=rtl] .work-summary small{letter-spacing:0;line-height:1.9}
@media(max-width:700px){
 .sphere-space .sphere-item{width:91px;aspect-ratio:1/1}
 .sphere-enhanced .sphere-item{top:calc(50% - 45.5px)}
 .sphere-space.has-selection{overflow:visible;margin-bottom:160px}
 .sphere-preview{inset:auto 5% -140px!important;width:90%;padding:16px 20px 20px;max-width:none;box-shadow:0 12px 30px #0006}
 .sphere-preview-close{padding-bottom:10px;margin-bottom:12px;font-size:12px}
 .sphere-preview .eyebrow{font-size:10px;margin-bottom:7px}
 .sphere-preview h4{font-size:24px;margin-bottom:8px}
 .sphere-preview-concept{font-size:14px;line-height:1.7;margin-bottom:13px}
 .theme-summary{font-size:14px;line-height:1.75;margin-top:16px}
 .work-summary strong{font-size:15px}
 .work-summary small{font-size:12px}
 .portfolio-slide figcaption .work-summary{max-width:86%}
 .portfolio-slide figcaption>span:last-child{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.sphere-preview{animation:none}.sphere-space .sphere-item{transition:none}}
