.space-categories{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:30px;white-space:nowrap;pointer-events:auto}.space-categories button{font-size:11px;color:#999;line-height:1.5;padding:5px 0;border-bottom:1px solid transparent;transition:color .2s}.space-categories button span{font-size:9px;color:#626262;margin-left:4px;font-variant-numeric:tabular-nums}.space-categories button:hover,.space-categories button.active{color:#f1f0ed}.space-categories button.active{border-color:#f1f0ed}.view-controls #open-index span{font-size:9px;color:#777;margin-left:3px}.index-summary{margin:-17px 0 30px;font-size:12px;line-height:1.9;color:#888}.light-cover .screen-title{color:#111;text-shadow:0 1px 5px rgba(255,255,255,.7)}.light-cover .screen-type{color:#333}@media(max-width:750px){.space-categories{top:40px;left:0;transform:none;gap:23px}.space-categories button{font-size:11px;padding:7px 0}.index-summary{font-size:10px;line-height:1.9;margin:-8px 0 23px;max-width:300px}}
.profile-contact + .profile-contact{border-top:0;padding-top:0;margin-top:18px}
.external-video-stage{position:relative;display:block;background:#141414}
.external-video-stage>img{display:block;width:100%;max-height:65vh;object-fit:contain}
.external-video-stage>span{position:absolute;bottom:24px;left:24px;display:flex;gap:12px;align-items:center;background:#f2f2f2;color:#111;padding:14px 18px;font-size:13px}
@media(max-width:750px){.external-video-stage>span{bottom:12px;left:12px;padding:10px 12px;font-size:11px}}

/* Readable navigation and captions at both laptop and large desktop sizes. */
:root{--muted:#b1b1b1;--ui-text:clamp(16px,.85vw,22px);--ui-small:clamp(13px,.65vw,17px)}
body{font-size:16px}
.wordmark{font-size:clamp(19px,1.1vw,28px);letter-spacing:0}
.wordmark span{font-size:clamp(15px,.8vw,20px)}
.text-button{font-size:var(--ui-text);line-height:1.5;min-height:44px}
.space-categories{gap:clamp(24px,2vw,52px)}
.space-categories button{font-size:var(--ui-text);color:#b7b7b7;min-height:44px;padding:9px 0}
.space-categories button span,.view-controls #open-index span{font-size:var(--ui-small);color:#aaa;margin-left:6px}
.view-controls{gap:10px}
.view-controls .text-button{color:#b1b1b1}
.view-controls .active{color:#f1f0ed}
.divider{font-size:var(--ui-text);color:#aaa}
#browse-hint{font-size:var(--ui-small);color:#b1b1b1}
.icon-button{width:44px;height:44px}
.icon-button img{width:20px;height:20px;opacity:.85}
.gallery-status,#position{font-size:var(--ui-text)}
#current-category,#position span{color:#b1b1b1}
.screen-title{font-size:clamp(22px,1.25vw,32px);line-height:1.4;font-weight:500;letter-spacing:0;max-width:calc(100% - 56px)}
.screen-title .screen-type{font-size:clamp(14px,.72vw,19px);line-height:1.5;letter-spacing:.2px;color:#e0e0e0;margin-bottom:8px}
.light-cover .screen-type{color:#333}
.screen-open{width:40px;height:40px}
.screen-open img{width:16px;height:16px}
#loading{font-size:16px;color:#b1b1b1}
#overlay-kicker{font-size:14px;color:#b1b1b1}
.index-heading span{font-size:14px;color:#b1b1b1}
.index-summary{font-size:16px;color:#b1b1b1}
.index-filters{gap:28px}
.index-filters button{font-size:16px;color:#b1b1b1;min-height:44px}
.index-info button{font-size:19px;line-height:1.6}
.index-info span,.index-art span{font-size:13px}
.index-info span{color:#b1b1b1}
.index-note,.source-note{font-size:15px;line-height:1.9;color:#b1b1b1}
.detail-copy>p,.profile-intro p,.workflow-detail>p{font-size:17px;line-height:1.9;color:#c3c3c3}
.detail-copy .detail-meta,.profile-intro .direction{font-size:15px;color:#b1b1b1}
.detail-links a{font-size:16px;min-height:44px;display:inline-flex;align-items:center}
.profile-skills{font-size:15px;color:#b1b1b1}
.profile-contact a{font-size:22px}
.profile-contact button{font-size:15px;min-height:44px;color:#c3c3c3}
.gallery-heading p,.image-controls p{font-size:15px;color:#b1b1b1}
.image-controls button{font-size:16px;min-height:44px}
.workflow-steps h3{font-size:21px}
.workflow-steps h3:before{font-size:14px;color:#b1b1b1}
.workflow-steps p{font-size:16px;color:#c3c3c3}
.workflow-final figcaption{font-size:14px;color:#b1b1b1}
#toast{font-size:15px}
@media(max-width:750px){
 :root{--ui-text:14px;--ui-small:12px}
 .wordmark{font-size:20px}.wordmark span{font-size:14px}
 .space-header>.text-button{font-size:15px}
 .space-categories{top:48px;gap:16px}
 .space-categories button{font-size:14px;padding:9px 0}
 .space-categories button span{font-size:12px;margin-left:4px}
 .view-controls{gap:7px}.view-controls .text-button{font-size:14px}
 .view-controls #open-index span{font-size:12px;margin-left:4px}
 .gallery-controls{bottom:68px;gap:20px}
 #browse-hint{font-size:13px}
 .gallery-status,#position{font-size:14px}
 .screen-title{font-size:20px;line-height:1.4;max-width:calc(100% - 48px)}
 .screen-title .screen-type{font-size:12px;line-height:1.5;margin-bottom:6px}
 .screen-open{width:36px;height:36px}.screen-open img{width:15px;height:15px}
 #overlay-kicker{font-size:12px}
 .index-heading span{font-size:12px}
 .index-summary{font-size:14px;line-height:1.8;max-width:none}
 .index-filters{gap:14px 20px}.index-filters button{font-size:15px}
 .index-info button{font-size:16px}.index-info span,.index-art span{font-size:12px}
 .index-note,.source-note{font-size:14px}
 .detail-copy>p,.profile-intro p,.workflow-detail>p{font-size:16px}
 .detail-copy .detail-meta,.profile-intro .direction{font-size:14px}
 .detail-links{gap:12px 20px}.detail-links a{font-size:15px}
 .profile-contact a{font-size:20px}.profile-contact button{font-size:14px}
 .profile-skills{font-size:14px}
 .gallery-heading p,.image-controls p{font-size:14px}
 .workflow-steps h3{font-size:20px}
}
@media(max-width:380px){
 :root{--margin:20px}
 .space-categories{gap:12px}
 .space-categories button span{margin-left:3px}
 .screen-title{font-size:18px}
 .screen-title .screen-type{font-size:12px}
}