.minds-panel{left:clamp(235px,22%,330px);right:0;width:auto;overflow:auto;padding:34px 27px 28px;background:linear-gradient(180deg,#0c131bf5,#06090cfa);scrollbar-width:thin;scrollbar-color:#796432 transparent;overflow-anchor:none}
.minds-panel h2{font-size:clamp(38px,4vw,58px);margin:12px 0}.minds-panel #panel-copy{font-size:14px;max-width:none;margin:0 0 26px}.minds-panel>.eyebrow{font-size:11px}.minds-panel .close{position:sticky;float:right;top:0;right:0;z-index:8;background:#0a1018e6;width:40px;height:40px;border:1px solid #ffffff25}
.minds-grid{--mind-columns:4;position:relative;width:100%;transition:height .8s cubic-bezier(.22,.75,.2,1)}
.mind-card{position:absolute;display:block;padding:0;border:0;background:#101820;text-align:left;aspect-ratio:9/16;overflow:hidden;cursor:pointer;outline:1px solid #ffffff20;outline-offset:-1px;transition:top .8s cubic-bezier(.22,.75,.2,1),left .8s cubic-bezier(.22,.75,.2,1),width .8s cubic-bezier(.22,.75,.2,1),height .8s cubic-bezier(.22,.75,.2,1),transform .35s,outline-color .35s;will-change:top,left}
.mind-card:focus-visible{outline:1px solid #ffcd32;outline-offset:3px}.mind-card.is-selected{outline-color:#ffcd3280}.mind-portrait{position:absolute;inset:0;display:block;overflow:hidden}.mind-portrait>img,.mind-portrait>video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mind-name{position:absolute;top:12px;left:12px;right:12px;z-index:3;color:#f0eadd;font:400 clamp(18px,1.65vw,25px)/1.13 Bebas,sans-serif;letter-spacing:.025em;text-shadow:0 1px 4px #000c;overflow-wrap:anywhere;pointer-events:none}
.mind-card-role{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 14px;color:#c8bfac;font-size:11px;line-height:1.6;background:linear-gradient(transparent,#030608dd);pointer-events:none}
.mind-open-mark{position:absolute;right:10px;top:48%;color:#ffcd32;font-size:26px;opacity:.5;transform:translateY(3px);transition:opacity .3s,transform .3s;pointer-events:none}
.mind-card .card-matrix{opacity:0;transition:opacity .35s;animation:none}.mind-card:hover .card-matrix,.mind-card:focus-visible .card-matrix{opacity:.2}.mind-card:hover .mind-open-mark,.mind-card:focus-visible .mind-open-mark{opacity:1;transform:translateY(0)}.mind-card:hover .mind-portrait>img,.mind-card:focus-visible .mind-portrait>img{transform:scale(1.035)}
@media(hover:hover){.mind-card:hover:not(.is-selected){transform:translateY(-4px);outline-color:#ffcd3270}}
.mind-trace{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.mind-detail{position:absolute;box-sizing:border-box;padding:0 5px 18px 16px;border-top:1px solid #ffcd3260}.mind-detail[hidden]{display:none}.mind-back{font-size:12px;letter-spacing:.04em;min-height:44px;padding:10px 0;color:#d1b967}.minds-panel .mind-detail-role{font-size:12px;line-height:1.7;color:#a89667;margin:16px 0 12px;max-width:none}.mind-detail-name{font:400 clamp(30px,3.2vw,50px)/1.05 Bebas,sans-serif;margin:0 0 22px;outline:none;color:#e7e1d3;overflow-wrap:anywhere}.minds-panel .mind-detail-bio{font-size:16px;line-height:1.85;color:#b3ada1;max-width:52ch;margin:0}.minds-panel .mind-detail-note{font-size:10px;letter-spacing:.08em;color:#7b725c;margin:20px 0 0}.mind-detail-enter{animation:mind-info-in .6s .12s cubic-bezier(.22,.75,.2,1) both}
@keyframes mind-info-in{from{opacity:0;transform:translateY(16px);clip-path:inset(0 0 70% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(min-width:1600px){.minds-panel{left:310px}}@media(max-width:1000px){.minds-panel{left:215px;padding:28px 18px}.mind-name{font-size:18px;left:8px;right:8px;top:9px}.mind-card-role{padding:26px 8px 10px;font-size:10px}.mind-detail{padding-left:12px}}
@media(max-width:760px){.minds-panel{left:0;width:100%;padding:24px 17px}.minds-grid{--mind-columns:2}.minds-panel h2{font-size:40px}.minds-panel #panel-copy{font-size:13px;margin-bottom:23px}.mind-name{font-size:21px}.mind-detail{padding:0 0 16px}.minds-panel .mind-detail-role{margin-top:12px}.minds-panel .mind-detail-bio{font-size:15px}.mind-detail-name{font-size:36px;margin-bottom:16px}}
body:has(#motion[aria-pressed="true"]) .mind-detail-enter{animation:none}@media(prefers-reduced-motion:reduce){.minds-grid,.mind-card,.mind-portrait>img,.mind-open-mark,.mind-card .card-matrix{transition:none}.mind-detail-enter{animation:none}}

.studio-room{margin-top:32px;padding-top:20px;border-top:1px solid #ffffff20}.studio-room[hidden]{display:none}.room-frame{position:relative;width:100%;aspect-ratio:1600/686;background:#030609;outline:1px solid #ffcd3226;overflow:hidden}.room-frame video{display:block;width:100%;height:100%;object-fit:contain}.room-frame canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.room-controls{display:flex;align-items:center;gap:16px;padding:5px 0;color:#a99d7a}.room-controls>span{margin-right:auto;font-size:11px;letter-spacing:.06em}.room-controls button{font-size:11px;min-height:44px;color:#d3bd7e;padding:5px 0}.studio-panel #room-status{font-size:13px;line-height:1.6;color:#a99d7a;max-width:none;margin:4px 0 10px}@media(max-width:760px){.studio-room{margin-top:24px;padding-top:16px}.room-controls{gap:12px;flex-wrap:wrap}.room-controls>span{font-size:10px}.room-controls button{font-size:10px}}

/* Studio presentation: centered media first, studio copy below. */
.studio-panel{left:clamp(235px,22%,330px);right:0;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow:auto;padding:58px 27px 38px;background:linear-gradient(180deg,#0c131bf5,#06090cfa);scrollbar-width:thin;scrollbar-color:#796432 transparent}
.studio-panel>.studio-room{width:70%;flex-shrink:0;margin:0 0 24px;padding:0;border:0}.studio-panel>.eyebrow,.studio-panel>#panel-title,.studio-panel>#panel-copy{width:70%;text-align:center;flex-shrink:0}.studio-panel>#panel-title{font-size:clamp(32px,3.5vw,54px);margin:16px 0 20px}.studio-panel>#panel-copy{max-width:60ch;margin:0;font-size:14px;line-height:1.9}.studio-panel>.close{z-index:8}
@media(min-width:1600px){.studio-panel{left:310px}}@media(max-width:1000px){.studio-panel{left:215px;padding:58px 18px 32px}}
@media(max-width:760px){.studio-panel{left:0;width:100%;padding:66px 17px 30px}.studio-panel>.studio-room,.studio-panel>.eyebrow,.studio-panel>#panel-title,.studio-panel>#panel-copy{width:100%}.studio-panel>#panel-title{font-size:36px}}

/* The live landing atmosphere continues behind these sections. */
.minds-panel,.studio-panel,.partners-panel{background:transparent;backdrop-filter:none;border-left:0}
.frame:has(.panel:not([hidden]):is(.minds-panel,.studio-panel,.partners-panel)) .robot-base,.frame:has(.panel:not([hidden]):is(.minds-panel,.studio-panel,.partners-panel)) #scene{opacity:0;visibility:hidden}
.frame:has(.panel:not([hidden]):is(.minds-panel,.studio-panel,.partners-panel)) .interaction,.frame:has(.panel:not([hidden]):is(.minds-panel,.studio-panel,.partners-panel)) .home-showreel{visibility:hidden;pointer-events:none}
.frame:has(.panel:not([hidden]):is(.minds-panel,.studio-panel,.partners-panel)) .shade{opacity:.25}
.partners-panel{left:clamp(235px,22%,330px);right:0;width:auto;padding:40px 27px 16px;display:flex;flex-direction:column;overflow:hidden}
.partners-panel h2{font-size:clamp(34px,4vw,58px);margin:12px 0}.partners-panel #panel-copy{margin:0 0 12px;max-width:none;font-size:14px}.partners-panel>.eyebrow{font-size:11px}#partners-content{flex:1;min-height:0;display:flex;flex-direction:column}#partners-content[hidden]{display:none}
.partners-window{position:relative;flex:1;min-height:260px;overflow:hidden;isolation:isolate}.partners-scroll{position:absolute;inset:0;z-index:3;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#796432 transparent;outline-offset:-3px}.partners-logos{position:absolute;left:8%;right:8%;top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px;pointer-events:none;will-change:transform;z-index:0;mask-image:linear-gradient(#000,#000)}.partner-slot{height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed #ffcd3230;color:#aaa79b;font:24px Bebas,sans-serif;letter-spacing:.07em}.partners-robot{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;z-index:2;pointer-events:none}.partners-window:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#080d14);z-index:1;pointer-events:none}.partners-panel .partners-note{font-size:11px;max-width:none;margin:10px 0 0;color:#978c71;flex-shrink:0}
@media(min-width:1600px){.partners-panel{left:310px}}@media(max-width:1000px){.partners-panel{left:215px;padding:40px 18px 16px}}@media(max-width:760px){.partners-panel{left:0;width:100%;padding:55px 17px 16px}.partners-panel h2{font-size:36px}.partners-logos{grid-template-columns:repeat(2,1fr);gap:20px 14px}.partner-slot{height:68px;font-size:22px}.partners-robot{object-fit:cover}}
/* Shared section chrome; narrow screens keep one clear route back. */
.panel>.close{top:28px;color:#ffcd32;background:#090e15d9;border:1px solid #ffcd3233;width:40px;height:40px;line-height:1;z-index:32;position:absolute;float:none}
.section-close{position:absolute;top:-30px;right:0;width:40px;height:40px;color:#ffcd32;border:1px solid #ffcd3233;background:#090e15d9;font:30px/1 monospace;z-index:32}
.mind-name,.mind-detail-name{font-family:'IBM Plex Mono',monospace;font-size:clamp(7px,.675vw,10px);font-weight:500;letter-spacing:-.02em;line-height:1.3}.mind-detail-name{font-size:clamp(17.5px,2.1vw,28px)}
@media(max-width:760px){.section-open .main-nav,.section-open .topline,.section-open .home-showreel,.section-open .interaction{display:none!important}.section-open .stage-home{top:14px;left:17px;z-index:35}.panel.minds-panel,.panel.studio-panel,.panel.partners-panel,.panel.contact-panel{padding-top:82px}.panel>.close{top:28px;right:17px}.works-open .works-view{top:80px}.works-view .section-close{position:absolute;top:-52px;right:0}.minds-panel h2,.partners-panel h2{margin-top:12px}.mind-name{font-size:7.5px}.mind-detail-name{font-size:19.6px}}
.partners-robot{object-fit:contain;object-position:50% 100%;width:100%;height:auto;max-height:100%;bottom:0;left:0}.partners-window:after{inset:72% 0 0}.partners-logos{gap:30px 22px}.partners-window{min-height:280px}.partners-panel{padding-bottom:12px}.partners-panel>.eyebrow{display:none}
@media(max-width:760px){.partners-robot{height:auto;object-fit:contain;max-height:65%;width:100%}.partners-panel .partners-note{font-size:10px}.partners-logos{left:5%;right:5%}}

.preview-close{top:18px;color:#ffcd32;z-index:5}

/* The supplied memory artwork reaches the full scene's bottom edge. */
.memory-background{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;z-index:9;pointer-events:none}
.frame:has(.partners-panel:not([hidden])) .memory-background{display:block}
.partners-window:after{display:none}

/* A single scene close button has its own reserved column. */
#stage>#section-close{position:absolute;top:28px;right:27px;width:40px;height:40px;z-index:40}
#stage>#section-close[hidden],.showreel-button[hidden]{display:none!important}
.section-open .topline{right:84px}
.section-open .home-showreel{display:none}
.works-heading,.project-nav{padding-right:56px}
@media(max-width:760px){#stage>#section-close{right:17px}.works-heading,.project-nav{padding-right:0}}

/* Memory introduction stays above the scrolling credits. */
.partners-panel>#panel-title{position:relative;z-index:10;flex-shrink:0;font:400 18px/1.2 Bebas,sans-serif;letter-spacing:.05em;color:#aaa49e;margin:12px 56px 14px 0}
.partners-panel>#panel-copy{position:relative;z-index:10;flex-shrink:0;max-width:760px;margin:0 0 24px;font:400 clamp(28px,3.4vw,46px)/1.06 Bebas,sans-serif;letter-spacing:.015em;color:#eae8e5}
.memory-phrase{display:block;position:relative;animation:memory-intro .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--phrase-index)*140ms)}
.memory-phrase:last-child{margin-top:10px;font-size:.7em;line-height:1.2;color:#ffcd32;letter-spacing:.025em}
@keyframes memory-intro{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
 .memory-phrase::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;color:transparent;background:radial-gradient(circle,#ffcd32 .65px,transparent .85px) 0 0/3px 3px;background-clip:text;-webkit-background-clip:text;opacity:0}
 .partners-panel>#panel-copy:hover .memory-phrase::after{animation:memory-dot-wave .85s ease-out both;animation-delay:calc(var(--phrase-index)*90ms)}
}
@keyframes memory-dot-wave{0%{opacity:0;clip-path:inset(0 100% 0 0)}15%{opacity:.3;clip-path:inset(0 80% 0 0)}70%{opacity:.3;clip-path:inset(0 0 0 75%)}100%{opacity:0;clip-path:inset(0 0 0 100%)}}
@media(max-width:760px){.partners-panel>#panel-title{font-size:16px;margin:12px 0 12px}.partners-panel>#panel-copy{font-size:28px;margin-bottom:20px}.memory-phrase:last-child{font-size:20px;line-height:1.15;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.memory-phrase{animation:none}.memory-phrase::after{display:none}}

/* Endless logo credits fade behind the full-stage robot artwork. */
.partners-panel .partner-slot{border:0}
.partner-slot img{width:100%;height:100%;object-fit:contain}
.partners-scroll{overflow:hidden;scrollbar-width:none;touch-action:pan-x}
.partners-flow{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.8) 62%,transparent 92%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.8) 62%,transparent 92%)}
.partners-logos{display:flex;flex-direction:column;gap:30px;mask-image:none}
.partners-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;flex-shrink:0}
@media(max-width:760px){.partners-cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}