/* Project entrances: fixed-size artwork, expanding panels, and shallow perspective. */
.project-gallery-shell{padding:26px 24px 0}
.project-accordion{--gallery-media-width:650px;--gallery-media-height:100%;display:flex;gap:10px;width:100%;height:clamp(460px,39vw,560px);perspective:1400px;perspective-origin:50% 50%;padding:0;margin:0;list-style:none}
.project-accordion-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;transform:rotateY(-8deg);transform-style:preserve-3d;transform-origin:center;--gallery-gray:1;--gallery-shift:0px;--gallery-label:0;--gallery-label-x:-14px;--gallery-dim:.26}
.project-accordion-panel.is-active{flex-grow:4.333333;transform:rotateY(0);--gallery-gray:0;--gallery-label:1;--gallery-label-x:0px;--gallery-dim:0}
.project-accordion-link{display:block;position:absolute;inset:0;overflow:hidden;border-radius:16px;background:#171719;color:#fff;box-shadow:0 14px 28px -20px #0008;-webkit-tap-highlight-color:transparent}
.project-accordion-link:focus-visible{outline:3px solid #536bdf;outline-offset:4px}
.project-accordion-media{position:absolute;left:50%;top:50%;width:var(--gallery-media-width);height:var(--gallery-media-height);transform:translate(calc(-50% + var(--gallery-shift)),-50%);filter:grayscale(var(--gallery-gray));pointer-events:none}
.project-accordion-media>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}
.project-accordion-media .studio-media-caption{display:none}
.project-accordion-panel:nth-child(2) .project-accordion-media{background:#e5ec74}
.project-accordion-panel:nth-child(3) .project-accordion-media{background:#bbd3ee}
.project-accordion-panel:nth-child(4) .project-accordion-media{background:#fc7049}
.project-accordion-panel:nth-child(5) .project-accordion-media{background:#d7c7ed}
.project-accordion-media .studio-agent-art>b{font-size:160px;top:27%}.project-accordion-media .agent-orbit{width:66%}.project-accordion-media .agent-chip{padding:15px 24px;font-size:14px}
.project-accordion-media .studio-vqa-art>strong{font-size:180px}.project-accordion-media .studio-vqa-art>div{max-width:300px}.project-accordion-media .studio-vqa-art>.studio-art-eyebrow{top:28px;bottom:auto}
.project-accordion-media .caption-paper{width:300px;height:75%;padding:26px}.project-accordion-media .paper-front>strong{font-size:130px}.project-accordion-media .paper-front>div{font-size:14px}
.project-accordion-media .studio-sft-art strong{font-size:95px}.project-accordion-media .studio-sft-art>div:not(.sft-step-bars){gap:22px}.project-accordion-media .studio-sft-art>.studio-art-eyebrow{top:28px;bottom:auto}
.project-accordion-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,transparent 30%,#08080c2b 50%,#08080cec 100%),rgb(7 7 11 / var(--gallery-dim));pointer-events:none}
.project-accordion-number{position:absolute;top:22px;left:22px;font:12px var(--mono);color:#fff;text-shadow:0 2px 10px #0008;z-index:1}
.project-accordion-collapsed{position:absolute;bottom:25px;left:50%;writing-mode:vertical-rl;font-size:16px;letter-spacing:.08em;line-height:1.4;white-space:nowrap;transform:translateX(-50%);opacity:calc(1 - var(--gallery-label));transition:opacity .2s;pointer-events:none}
.project-accordion-label{position:absolute;left:24px;right:24px;bottom:26px;display:flex;align-items:center;gap:14px;opacity:var(--gallery-label);transform:translateX(var(--gallery-label-x));pointer-events:none}
.project-accordion-bar{width:3px;height:48px;border-radius:3px;background:#f4ff96;flex:none;box-shadow:0 0 16px #f4ff9633}
.project-accordion-label>span{min-width:0;flex:1}.project-accordion-label small{display:block;font:10px/1.4 var(--mono);letter-spacing:.035em;color:#c9c9cd;white-space:nowrap;margin-bottom:9px}
.project-accordion-label h3{font-size:clamp(21px,2.1vw,32px);line-height:1.35;font-weight:500;letter-spacing:-.04em;white-space:nowrap;margin:0;color:#fff}
.project-accordion-arrow{width:40px;height:40px;border:1px solid #ffffff5c;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400;flex:none;margin-left:6px}
.project-gallery-caption{display:grid;grid-template-columns:1fr auto;gap:35px;min-height:0;align-items:start;padding:25px 0 12px}
.project-gallery-caption p{font-size:15px;line-height:1.85;color:#646468;margin:0;max-width:840px}.project-gallery-count{font:12px/1.8 var(--mono);white-space:nowrap;color:#777;padding-top:4px}.project-gallery-count b{color:#222;font-weight:500}
@media(max-width:1000px) and (min-width:641px){.project-gallery-shell{padding-inline:18px}.project-accordion-label{left:18px;right:18px;gap:11px}.project-accordion-label h3{font-size:22px}.project-accordion-label small{font-size:8px}.project-accordion-arrow{width:30px;height:30px;font-size:19px;margin-left:0}.project-accordion-collapsed{font-size:14px}.project-accordion-label h3{white-space:normal}}
@media(max-width:640px){.project-gallery-shell{padding:18px 14px 0}.project-accordion{height:740px;flex-direction:column;perspective:none}.project-accordion-panel{transform:none!important}.project-accordion-link{border-radius:12px}.project-accordion-number{top:17px;left:17px;font-size:11px}.project-accordion-collapsed{writing-mode:horizontal-tb;left:46px;bottom:50%;transform:translateY(50%);font-size:14px;letter-spacing:0}.project-accordion-label{left:17px;right:17px;bottom:22px;gap:11px}.project-accordion-label h3{font-size:22px;white-space:normal}.project-accordion-label small{font-size:8px;letter-spacing:0}.project-accordion-bar{height:43px}.project-accordion-arrow{width:30px;height:30px;font-size:18px;margin-left:0}.project-gallery-caption{padding:20px 2px 10px;gap:14px;min-height:0}.project-gallery-caption p{font-size:14px}.project-gallery-count{font-size:10px}.project-accordion-media .studio-vqa-art>strong{font-size:150px}.project-accordion-media .caption-paper{width:230px;height:75%;padding:20px}.project-accordion-media .paper-front>strong{font-size:104px}.project-accordion-media .paper-front>div{font-size:12px}.project-accordion-media .studio-sft-art strong{font-size:67px}.project-accordion-media .studio-sft-art>div:not(.sft-step-bars){gap:12px}.project-accordion-media .agent-chip{font-size:11px;padding:12px 16px}.project-accordion-media .studio-agent-art>b{font-size:120px}.project-accordion-media .studio-art-eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.project-accordion-collapsed{transition:none}}