/* Separate shells keep pointer depth independent of each object's resting angle. */
.hero-objects{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;contain:layout paint}.hero-object{position:absolute;will-change:transform;transform:translate3d(0,0,0)}.object-skin{transform:rotate(var(--rest-angle,0deg));transform-origin:center}.adobe-tile{display:grid;place-items:center;aspect-ratio:1;border-radius:19%;border:1px solid #ffffff25;box-shadow:0 12px 30px #17212d30,inset 0 1px 1px #ffffff25}.adobe-tile span{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.06em;font-size:clamp(26px,3.4vw,48px);line-height:1;padding-right:.04em}.ae-tile{background:linear-gradient(140deg,#20216e,#0e0e39);color:#c3baff}.ai-tile{background:linear-gradient(140deg,#54250c,#2c160c);color:#ffb04f}.ps-tile{background:linear-gradient(140deg,#123e60,#0b203c);color:#63c9ff}.object-ae{left:27%;top:22%;width:78px;--rest-angle:-13deg}.object-ai{right:27%;top:26%;width:67px;--rest-angle:12deg}.object-ps{left:21%;top:59%;width:62px;--rest-angle:10deg}.motion-card{border-radius:12px;border:1px solid #ffffff50;background:linear-gradient(140deg,#f7f7fb22,#f7f7fb0a);box-shadow:0 12px 34px #17212d16,inset 0 1px #ffffff15;backdrop-filter:blur(10px);padding:12px 13px 9px;color:#fff}.motion-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.2px;line-height:1.3;color:#f4f4f9}.card-dots{font-size:10px;letter-spacing:1.8px;opacity:.7}.motion-card svg{display:block;width:100%;height:auto;margin-top:10px;overflow:visible}.object-easing{right:7%;top:18%;width:164px;--rest-angle:8deg}.curve-grid{stroke:#ffffff25;stroke-width:1}.curve-handle{stroke:#f2e2c4;stroke-width:1}.curve-path{stroke:#d3c6ff;stroke-width:3;stroke-linecap:round}.curve-control{fill:#f3e6cd}.curve-point{fill:#cfc3ff;stroke:#f4efff;stroke-width:1}.object-keyframes{left:6%;top:22%;width:168px;--rest-angle:-7deg}.timeline-grid{stroke:#ffffff20;stroke-width:1}.timeline-track{stroke:#ffffffa0;stroke-width:1.4}.key-diamond{fill:#ffca86;stroke:#ffdfb3;stroke-width:1}.playhead{stroke:#c9bcff;fill:#c9bcff;stroke-width:1.4}.hero-name,.hero-role,.hero-bottom,.hero-number,.location-badge{z-index:2}
@media(min-width:1600px){.object-ae{width:90px}.object-ai{width:78px}.object-ps{width:74px}.object-keyframes{width:188px;left:8%}.object-easing{width:184px;right:9%}}
@media(max-width:1100px){.object-ae{left:25%;width:68px}.object-ai{right:25%;width:59px}.object-ps{left:19%;width:54px}.object-easing{right:5%;width:142px}.object-keyframes{left:5%;width:146px}}
@media(max-width:780px){.object-ae{left:8%;top:23%;width:55px;--rest-angle:-12deg}.object-ai{right:7%;top:32%;width:50px}.object-ps{left:10%;top:49%;width:47px;--rest-angle:9deg}.adobe-tile span{font-size:30px}.object-keyframes{left:7%;top:12.5%;width:116px}.object-easing{right:7%;top:14%;width:107px}.motion-card{padding:8px 9px 6px;border-radius:9px}.motion-card-top{font-size:6px;letter-spacing:.8px;gap:6px}.card-dots{font-size:7px}.motion-card svg{margin-top:5px}}
@media(max-width:520px){.object-ae{left:7%;top:22%;width:47px}.object-ai{right:6%;top:32%;width:44px}.object-ps{left:9%;top:48%;width:42px}.adobe-tile span{font-size:27px}.object-keyframes{left:6%;top:12%;width:106px;--rest-angle:-5deg}.object-easing{right:7%;top:14%;width:94px;--rest-angle:7deg}.motion-card-top{font-size:5.5px}.motion-card{padding:7px 8px 5px}}
@media(prefers-reduced-motion:reduce){.hero-object{transform:none!important;will-change:auto}}