/* Vertical skills sculpture in the original left column, below Education. */
.home-page #about .ab-grid>div:first-child{display:block;min-width:0}
.home-page #about .skills-orbit{margin:30px 0 0;padding:28px 0 0;border-top:1px solid #e4e6e8;background:#fff;min-width:0}
.skills-orbit-body{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0}
.skills-orbit-copy{padding:0 0 10px}.skills-orbit-copy .lbl{font-size:9px;letter-spacing:1.8px;color:#8a9199;margin:0 0 18px}
.skills-orbit-copy h3{font-size:36px;letter-spacing:-1.5px;line-height:1.07;font-weight:500;margin:0 0 13px;color:#25292e}.skills-orbit-copy h3 span{color:#a0a5ab}
.skills-orbit-copy>p:not(.lbl){font-size:13px;color:#747b83;line-height:1.85;max-width:290px;margin:0}
.skills-orbit-stage{position:relative;height:535px;isolation:isolate;min-width:0;overflow:hidden;border-radius:32px;background:radial-gradient(ellipse at 50% 70%,#f4f5f7,white 68%)}
.skills-hand-canvas{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%}.has-webgl .skills-hand-canvas{display:block}
.skills-hand-shadow{display:none;position:absolute;left:32%;right:30%;height:26px;bottom:40px;z-index:0;background:#464d5821;border-radius:50%;filter:blur(13px)}.has-webgl .skills-hand-shadow{display:block}
.skills-orbit-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:45px 25px;align-content:center;height:100%}.has-webgl .skills-orbit-icons{display:contents}
.skills-app{position:relative;display:grid;place-items:center;width:56px;height:56px;margin:auto;padding:10px;border:1px solid #e6e9ec;border-radius:18px;background:#fff;box-shadow:0 8px 18px #3d46520c,0 1px 3px #3d46520a;cursor:pointer;font:inherit;transition:box-shadow .2s,filter .2s;transform-origin:center;touch-action:manipulation}
.has-webgl .skills-app{position:absolute;top:0;left:0;margin:0;will-change:transform}.skills-app img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.skills-app[data-tool="lightroom"]{background:#001e36}.skills-app[data-tool="chatgpt"]{background:#e8f7f1}
.skills-app:hover,.skills-app.is-inspected{box-shadow:0 14px 28px #303b5326;filter:brightness(1.02)}.skills-app:focus-visible{outline:2px solid #565f6a;outline-offset:5px}
.skills-app>span{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);white-space:nowrap;background:#fff;border:1px solid #e4e7eb;border-radius:8px;padding:5px 8px;font-size:10px;color:#313942;opacity:0;pointer-events:none;box-shadow:0 3px 8px #0000000a}.skills-app:hover>span,.skills-app:focus-visible>span,.skills-app.is-inspected>span{opacity:1}
.skills-scene-status{position:absolute;bottom:18px;left:15px;right:15px;text-align:center;font-size:11px;color:#8a929b;z-index:5}.skills-scene-status[hidden]{display:none}
.skills-orbit-controls{display:flex;align-items:center;gap:18px;justify-content:space-between;border-top:1px solid #eceef0;padding:17px 0 0}.skills-orbit-caption{min-width:0;font-size:11px;color:#737b84;margin:0;min-height:20px;line-height:1.6}.skills-motion-toggle{background:white;border:1px solid #dce0e4;border-radius:30px;color:#444d56;white-space:nowrap;font:inherit;font-size:10px;padding:9px 14px;cursor:pointer}.skills-motion-toggle:hover{background:#f6f7f8}.skills-motion-toggle:focus-visible{outline:2px solid #555;outline-offset:3px}.skills-motion-toggle:disabled{opacity:.5;cursor:default}
.skills-index{margin-top:26px;border-bottom:1px solid #e8ebee;padding-bottom:18px}.skills-index summary{font-size:11px;color:#666e78;cursor:pointer;width:max-content}.skills-index summary:focus-visible{outline:2px solid #777;outline-offset:5px}.skills-index-grid{display:grid;grid-template-columns:1fr;gap:22px;padding:25px 0 7px}.skills-index h4{font-size:10px;letter-spacing:1.2px;font-weight:500;margin:0 0 14px;color:#9299a1}.skills-index ul{list-style:none;margin:0;padding:0}.skills-index li{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#4f5862;line-height:2}.skills-index li span{color:#969da5;font-variant-numeric:tabular-nums}
@media(max-width:950px){.skills-orbit-body{grid-template-columns:minmax(0,1fr)}.skills-orbit-stage{height:485px}.skills-app{width:50px;height:50px;padding:9px;border-radius:15px}.skills-orbit-copy h3{font-size:34px;letter-spacing:-1.8px}.skills-orbit-copy>p:not(.lbl){font-size:12px}}
@media(max-width:720px){.home-page #about .ab-grid{display:block}.home-page #about .ab-grid>div:first-child{display:block;min-width:0}.home-page #about .skills-orbit{margin-top:32px;padding-top:28px}.home-page #about .ab-grid>div:last-child{margin-top:34px}.skills-orbit-body{grid-template-columns:1fr;gap:0}.skills-orbit-copy{padding:0 0 15px}.skills-orbit-copy h3{font-size:34px;letter-spacing:-1.8px;margin-bottom:13px}.skills-orbit-copy h3 br{display:none}.skills-orbit-copy>p:not(.lbl){max-width:360px}.skills-orbit-stage{height:475px;border-radius:24px}.skills-app{width:51px;height:51px;padding:9px;border-radius:14px}.skills-orbit-controls{gap:12px;padding-top:14px}.skills-orbit-caption{font-size:10px;max-width:65%}.skills-motion-toggle{padding:8px 10px;font-size:9px}.skills-index-grid{grid-template-columns:1fr;gap:22px}.skills-index li{max-width:330px}.skills-index{margin-top:20px}.skills-hand-shadow{bottom:60px}}
@media(prefers-reduced-motion:reduce){.skills-app{transition:none;will-change:auto}}

.skills-orbit-copy h3 br{display:none}.skills-orbit-copy h3 span::before{content:" "}.skills-orbit-controls{flex-wrap:wrap;gap:10px}.skills-orbit-caption{flex:1 1 160px}.skills-hand-shadow{left:28%;right:28%;bottom:55px}

/* A tighter portrait studio fills the Education column at every width. */
.skills-orbit-copy{padding-bottom:0}
.skills-orbit-stage{height:auto;aspect-ratio:1 / 1.12;min-height:330px;max-height:720px}
.has-webgl .skills-app{width:var(--skills-app-size,56px);height:var(--skills-app-size,56px);padding:8px;border-radius:15px}
.skills-app[data-tool="sora"]{padding:3px;overflow:visible}
.skills-app[data-tool="sora"] img{border-radius:12px}
.skills-app[data-tool="seedance"]{background:#fff}
.skills-hand-shadow{bottom:7%;height:18px;opacity:.65}
@media(max-width:720px){.skills-orbit-copy{padding-bottom:0}.skills-orbit-stage{min-height:330px}.has-webgl .skills-app{border-radius:12px;padding:7px}.has-webgl .skills-app[data-tool="sora"]{padding:3px}}

/* The visible logos are now real meshes in the hand's depth buffer. These
   transparent buttons retain tab order, names, focus rings and tooltips. */
.has-webgl .skills-app,
.has-webgl .skills-app:hover,
.has-webgl .skills-app.is-inspected{background:transparent!important;border-color:transparent!important;box-shadow:none!important;filter:none;pointer-events:none;padding:0!important}
.has-webgl .skills-app img{opacity:0}
.has-webgl .skills-app:focus-visible{outline:2px solid #687585;outline-offset:5px}
.has-webgl .skills-app>span{top:calc(100% + 8px)}
