/* V16.7 — restrained global ambient, eye tracking and story-driven DIVE */
.shape-ambient{position:fixed;top:0;left:0;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,rgba(245,164,0,.055) 0%,rgba(245,164,0,.018) 38%,transparent 72%);will-change:transform;mix-blend-mode:screen;transition:opacity .35s ease}body:has(#cubeCanvas) .shape-ambient{display:none}
.gaze-portrait{position:relative;display:block;width:100%;overflow:hidden;line-height:0}.gaze-portrait img{width:100%;display:block}.gaze-pupil{position:absolute;left:var(--ex);top:var(--ey);width:4.05%;aspect-ratio:1;border-radius:50%;background:#101010;transform:translate(0,0);margin-left:-2.025%;margin-top:-2.025%;pointer-events:none;will-change:transform}.people-grid .person-tile:hover .gaze-portrait img{transform:none!important}
.thread-story{height:460svh;position:relative;margin:65px 0 100px}.thread-sticky{height:100svh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.thread-svg{width:min(95vw,1100px);height:80svh;overflow:visible}.thread-caption{position:absolute;bottom:12vh;left:4vw;max-width:460px;pointer-events:none}.thread-caption span{font:700 11px Figtree,sans-serif;letter-spacing:.16em;color:#f5a400}.thread-caption strong{display:block;font:800 clamp(29px,4vw,59px)/1.03 Figtree,sans-serif;letter-spacing:-.06em;margin:15px 0}.thread-caption p{font-size:clamp(15px,1.5vw,18px);line-height:1.5;color:#bbb}.thread-hint{position:absolute;bottom:5vh;right:4vw;font:600 10px Figtree,sans-serif;letter-spacing:.16em;color:#aaa}.thread-svg #threadLens,.thread-svg #threadBulb,.thread-svg #threadNode{opacity:0}
/* color name remains anchored at the BOTTOM and rotates from vertical to horizontal */
.color-panel .panel-vertical{top:auto;bottom:28px;left:clamp(20px,3vw,46px);transform-origin:left bottom;transform:rotate(-90deg);writing-mode:horizontal-tb;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .25s;opacity:1}
.color-panel.is-selected .panel-vertical,.color-panel:hover .panel-vertical,.color-panel:focus-visible .panel-vertical{transform:rotate(0);opacity:1}
.color-panel .panel-content{bottom:85px}.color-panel .panel-content strong{display:none}
@media(max-width:750px){.thread-story{height:370svh;margin:35px -6vw 65px}.thread-svg{width:120vw;height:68svh}.thread-caption{bottom:13vh;left:7vw;max-width:75vw}.thread-caption strong{font-size:32px}.thread-caption p{font-size:14px}.thread-hint{right:7vw;bottom:5vh}.color-panel .panel-vertical{bottom:17px;left:15px;font-size:clamp(15px,4vw,23px)}.color-panel .panel-content{bottom:65px}.gaze-pupil{width:4.05%}}
@media(prefers-reduced-motion:reduce){.shape-ambient{display:none}.thread-story{height:auto}.thread-sticky{height:85svh;position:relative}.thread-svg #threadBulb{opacity:1}}