/* Shared black / ultraviolet interface, based on the user's palette. */
:root{color-scheme:dark;--black:#07080c;--surface:#111219;--surface-raised:#191a24;--accent:#e07ef0;--teal:#1892a2;--blue:#386ac0;--paper:var(--black);--white:var(--surface);--ink:#f4f0f7;--muted:#b7b5c7;--line:#2c2d3d;--night:#090a10;--violet:var(--accent);--violet-deep:#eca2f8;--wash:#262033;--green:#78d5df;--green-bg:#142c32;--ochre:#e5bd85;--ochre-bg:#31281e;--radius:16px;--ease:cubic-bezier(.16,1,.3,1)}
html{scrollbar-color:#594568 var(--black);scrollbar-gutter:stable}
body{background:var(--black);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{color:#180c1e;background:var(--accent)}
input,textarea,select{caret-color:var(--accent)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
h1,h2,h3{text-wrap:balance}
.app{background:var(--black)}
.rail{background:#090a10;color:var(--ink);border-right:1px solid #1e1f29;padding-top:30px;gap:39px}
.brand-mark{background:#24182c;color:var(--accent);border-radius:12px}
.brand small{color:#aaa6bd;line-height:1.45}
.brand strong{font-weight:600}
.nav-btn{color:#b5b1c6;min-height:47px;font-size:12px;border-radius:12px}
.nav-btn:hover{background:#17151f;color:#f4f0f7}
.nav-btn[aria-current=page]{background:#251c30;color:#f4e9f8}
.nav-btn[aria-current=page] .icon{color:var(--accent)}
.rail-note{border-color:#282433;color:#a39caf;line-height:1.7;font-size:11px}
.rail-note strong{color:#ded8eb}
.rail-note .dot{color:#68ccd7}
.topbar{background:#0b0c12;border-color:#22222d;color:#c7c3d5;height:68px}
.topbar p{font-size:12px;font-weight:400}
.topbar p .icon{color:#6cc4d1}
.demo{color:#dfb1e9;background:#251c30;font-size:10px;font-weight:600;letter-spacing:.01em}
main{padding-top:30px;view-transition-name:vertice-main}
.app:not(.public-shell) main{max-width:1540px}
.hero{background:#10111a;border-radius:20px;min-height:207px;isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 80%,#1892a22b,transparent 56%),radial-gradient(ellipse at 52% 2%,#e07ef026,transparent 62%),radial-gradient(ellipse at 100% 0%,#386ac030,transparent 55%);pointer-events:none}
.hero-copy{padding:30px 32px}
.hero-copy h1{font-size:clamp(30px,3.2vw,43px);font-weight:400;line-height:1.1}
.hero-copy p{color:#beb4d0;font-size:13px;line-height:1.75;max-width:38ch}
.hero .hero-route{min-height:207px}
.hero .hero-route text{font-family:Manrope,sans-serif;font-weight:400}
.hero .route-line{stroke:#52678f}
.hero .route-line.active{stroke:var(--accent);stroke-width:2}
.stats{padding:24px 0;margin-bottom:25px}
.stat{font-size:12px;gap:10px}
.stat strong{font-size:28px;font-weight:400}
.panel{position:relative;background:#111219;border:1px solid #282936;border-radius:16px;isolation:isolate;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.panel::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--glow-x,50%) var(--glow-y,10%),#e07ef00d,transparent 72%);opacity:0;transition:opacity .4s var(--ease)}
.panel:hover::before{opacity:1}
.panel:hover{border-color:#393343}
.jobs-head,.workspace-head{padding:22px}
.jobs-head h2{font-size:21px;font-weight:400;margin-bottom:17px}
.workspace-head h2{font-size:25px;font-weight:400;line-height:1.25;margin-top:7px}
.workspace-head{border-color:#282936;gap:20px}
.code{color:#ad95c7;font-weight:400;font-size:10px;letter-spacing:.02em}
.meta{line-height:1.7;font-size:12px;color:var(--muted)}
.search,label.field input,label.field select,label.field textarea,select.button{background:#0b0c12;color:var(--ink);border:1px solid #656070;border-radius:10px;padding:11px 12px;transition:background .2s,border-color .2s,box-shadow .25s}
.search::placeholder,input::placeholder,textarea::placeholder{color:#9691a9;opacity:1}
.search:focus,label.field input:focus,label.field select:focus,label.field textarea:focus{background:#11101a;border-color:var(--accent);outline:none;box-shadow:0 3px 18px #e07ef017}
select option{background:#14151f;color:var(--ink)}
.job-list{padding:0 10px 13px;gap:5px;scrollbar-width:thin;scrollbar-color:#50415e #101117}
.job{background:transparent;border-radius:11px;padding:12px 10px;gap:11px;color:var(--ink)}
.job strong{font-size:12px;font-weight:600;line-height:1.45}
.job small{color:#aaa4bb;font-size:10px;line-height:1.5}
.job:hover{background:#1c1925}
.job[aria-pressed=true]{background:#2b1e35;border-color:#71507e}
.job-icon{background:#211a2c;color:#cb92e6;border-radius:9px;width:32px;height:32px}
.job[aria-pressed=true] .job-icon{background:#42274d;color:#edabf8}
.button,.public-shell .button{background:#1c1b27;border-color:#51455b;color:#eee6f6;border-radius:10px;font-size:12px;font-weight:600;min-height:40px;padding:10px 14px;gap:9px;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.button:hover,.public-shell .button:hover{background:#302237;border-color:#a06caf;color:#fff0ff;transform:translateY(-2px)}
.button:active,.public-shell .button:active{transform:translateY(0) scale(.985)}
.button.primary,.public-shell .button.primary{background:var(--accent);border-color:transparent;color:#180c1e;box-shadow:0 7px 24px #a142be20}
.button.primary:hover,.public-shell .button.primary:hover{background:#eca2f8;color:#180c1e;box-shadow:0 10px 28px #a142be30}
.button.quiet{color:#e4b6f0;background:#201b2a}
.button:disabled,.button:disabled:hover{background:#24212c;color:#9991a6;opacity:1;border-color:#38303f;box-shadow:none;transform:none}
.button .icon:last-child{transition:transform .3s var(--ease)}
.button:hover .icon:last-child{transform:translateX(3px)}
.button:disabled .icon{transform:none}
.tabs{gap:25px;padding:0 22px}
.tab{position:relative;border-bottom:0;font-size:12px;padding:15px 0;color:#b5afc5}
.tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.tab:hover,.tab[aria-pressed=true]{color:#edb8f6}
.tab[aria-pressed=true]::after{transform:scaleX(1)}
.workspace-content{padding:22px}
.shortlist-intro{margin-bottom:17px;gap:20px}
.shortlist-intro h3{font-size:15px;font-weight:600}
.shortlist-intro p{font-size:11px;margin-top:5px;line-height:1.65}
.person{position:relative;padding:18px 0;border-color:#282734;transition:background .25s}
.person h3{font-size:14px;font-weight:600}
.person:hover{background:#e07ef005}
.identity small{font-size:10px;line-height:1.7;color:#b7adc7}
.avatar{background:#35203f;color:#f0b6fb;border-radius:12px;width:39px;height:39px;font-size:11px}
.avatar[data-tone="1"]{background:#14333b;color:#7bd4e0}
.avatar[data-tone="2"]{background:#1b2c4a;color:#a9c7ff}
.status{color:#e6b1f1;background:#31213d;padding:5px 9px;font-size:10px;font-weight:600}
.status.green{background:#142f36;color:#79d5df}
.status.amber{background:#31281e;color:#e5bd85}
.status.neutral{background:#272632;color:#c8bfd8}
.note{background:#1b1b2a;color:#beb3cf;border-radius:11px;line-height:1.7;padding:13px 15px;margin-top:16px;font-size:11px}
.note .icon{color:#a69ac4;margin-top:2px}
.evidence{margin-top:22px}
.evidence article{padding:17px 0}
.evidence article h3{font-size:14px;line-height:1.4}
.evidence article p{font-size:12px;line-height:1.8;margin-top:8px}
.table-wrap{border-radius:12px;scrollbar-color:#594568 #111219}
th{background:#1e1b29;color:#dfd1ea;font-weight:600;padding:14px 11px}
td{background:#111219;padding:15px 11px}
td p{line-height:1.7}
.page-heading{margin:6px 0 30px;max-width:760px}
.page-heading h1{font-size:clamp(32px,4.3vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.12}
.page-heading p{font-size:13px;line-height:1.75;max-width:62ch;margin-top:14px}
.directory{padding:23px}
.form{padding:28px;gap:20px}
.form label.field{font-size:12px;font-weight:600;gap:8px;color:#ddd5e9}
.form header .icon,.role-options article>.icon{color:var(--accent)}
.form textarea{min-height:110px;line-height:1.7}
.receipt{background:#142f36;color:#89dce4;padding:14px 18px;border-radius:12px;font-size:12px;line-height:1.7}
.public-shell{background:var(--black)}
.public-shell:not(.cinema-home){min-height:100svh;background:radial-gradient(ellipse at 85% 0%,#386ac016,transparent 48%),radial-gradient(ellipse at 10% 15%,#e07ef00c,transparent 46%),#07080c}
.public-shell main{padding-top:42px;padding-bottom:55px}
.public-page{padding-top:12px}
.site-nav{background:#090a10;border-bottom:1px solid #25222f;padding-block:20px}
.site-nav .brand-mark{color:var(--accent)}
.site-nav .nav-btn{border-radius:10px}
.site-nav .access-link{border-color:#51455b;border-radius:10px;padding:0 17px}
.site-nav .access-link:hover{background:#2b1e35;color:#f7e9fc;border-color:#a06caf}
.cinema-home main{padding:0}
.cinema-home .site-nav{background:#090a10e6;border:1px solid #38313f;border-radius:15px;backdrop-filter:blur(18px)}
.role-options{gap:19px;margin-top:42px}
.role-options article{padding:31px 27px 27px;gap:17px;min-height:280px;position:relative;overflow:hidden;align-content:start}
.role-options article::after{content:'';position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#e07ef01a,transparent 70%);z-index:-1;pointer-events:none}
.role-options article:nth-child(2)::after{background:radial-gradient(circle,#1892a22b,transparent 70%)}
.role-options article:nth-child(3)::after{background:radial-gradient(circle,#386ac030,transparent 70%)}
.role-options article>.icon{width:29px;height:29px;margin-bottom:12px}
.role-options article:nth-child(2)>.icon{color:#6ccbd8}
.role-options article:nth-child(3)>.icon{color:#95b9fa}
.role-options h2{font-size:27px;font-weight:400}
.role-options p{font-size:12px;line-height:1.8;min-height:45px}
.role-options .button{margin-top:8px}
.listing article{padding:24px 4px;gap:20px;transition:background .25s,border-color .25s}
.listing article:hover{background:#e07ef005}
.listing h3{font-weight:400;font-size:22px;line-height:1.3}
.listing article p{font-size:12px;line-height:1.75;max-width:67ch}
.listing .button{white-space:nowrap}
.portal-space{gap:22px}
.portal-brief{padding:24px}
.portal-brief h2{font-size:21px;font-weight:400;margin-bottom:8px}
.portal-brief p{font-size:13px;line-height:1.8}
.portal-person{padding:24px;border-color:#282936}
.portal-person summary{color:#e3abef;font-size:12px;margin:18px 0;list-style-position:inside}
.portal-person .request-form{padding:10px 0 0}
.portal-person .request-form label{font-size:11px}
.request-note{color:#79d5df;font-size:12px;margin-top:18px}
.application{padding:25px;border-color:#282936}
.application h3{font-size:19px;font-weight:400;line-height:1.35}
.application p{font-size:12px;line-height:1.75}
.site-footer{border-color:#25222f;color:#9690a8;font-size:10px;line-height:1.7;margin-top:45px;padding-top:22px}
.talent-film{background:var(--black)}
.film-copy p,.film-copy-two p{color:#c1b9d0}
.film-actions .button{min-height:48px;padding:13px 20px;gap:22px;background:#17131e;border-color:#685072;border-radius:10px}
.film-actions .button.primary{background:var(--accent);color:#180c1e;border-color:transparent}
.film-actions .button:hover{background:#2c2035;border-color:#d08ce0;color:#f8eaff}
.film-actions .button.primary:hover{background:#eca2f8;color:#180c1e}
.talent-label span{color:#a9b9dc}
.film-bottom{border-color:#a69bba35}
.film-scroll,.motion-toggle{color:#c8bed8}
.film-progress{color:#a5a1bc}.film-progress i{background:#3c344a}
.signal-strip{background:#101018;color:#c3bdd2;border-top:1px solid #252230;border-bottom:1px solid #252230;font-weight:400}
.signal-strip .icon{color:#cd8bde}
.signal-strip span:nth-child(2n) .icon{color:#60c2d2}
.signal-strip span:nth-child(3n) .icon{color:#8aacee}
.connection-intro p,.method-step p{color:#bab3c9}
.method-step,.method-step:last-child{border-color:#2d2838}
.method-step summary b,.method-step summary::after{color:#bd8dcd}
.connection-work .hero-demo{border-radius:16px;background:#14121d;color:#f4ecfa;padding:28px;min-height:340px}
.connection-work .hero-demo-head{border-color:#352c40}
.connection-work .hero-demo-head p,.connection-work .sample-summary,.connection-work .sample-evidence p{color:#bcaecb}
.connection-work .hero-demo-head .demo{background:#2e2039;color:#ddaceb}
.connection-work .sample-people{gap:7px;margin:17px 0}
.connection-work .sample-person{border-radius:9px;padding:9px 11px;font-size:10px;color:#d8c8e6;border-color:#695076;background:#21182b;transition:background .25s,border-color .25s}
.connection-work .sample-person:hover{background:#382342;border-color:#b67ac5}
.connection-work .sample-person[aria-pressed=true]{color:#180c1e;background:var(--accent);border-color:transparent}
.connection-work .sample-evidence details{border-color:#352c40}
.connection-work .sample-evidence summary{padding:13px 0}
.connection-work .sample-evidence summary::after{border-color:#bba4cf}
.careers-section{background:#0c0d14}
.careers-top p,.job-feature p{color:#aaa9c3}
.specialties button{background:transparent;border-color:#4b405a;color:#d4bfdc}
.specialties button:hover{background:#302037;color:#f3d9fa;border-color:#b477c3}
.job-feature,.job-feature:last-child{border-color:#302d3c}
.job-feature .job-number{color:#a593bc}
.job-feature .button{border-radius:12px;border-color:#624c70;color:#e8adf5;background:#201929}
.job-feature .button:hover{background:#e07ef0;color:#180c1e}
.all-jobs p{color:#9e97b0}
.all-jobs .button{background:transparent;border:0;color:#ddb5ea}
.join-section{background:radial-gradient(ellipse at 90% 100%,#1892a21c,transparent 60%),radial-gradient(ellipse at 20% 0%,#e07ef01b,transparent 64%),#111018;color:#f1eaf7}
.join-section p{color:#bcb0cb}
.join-section .button{border-radius:10px;background:#201929;color:#f1dbf9;border-color:#665070}
.join-section .button.primary{background:var(--accent);color:#180c1e;border-color:transparent}
.brand-outro,.cinema-home .site-footer{background:#07080c}
.outro-word{color:#b293c3}.outro-top,.visual-credit{color:#a19ab1}
.visual-credit a{color:#c3afd2}
@media(prefers-reduced-motion:no-preference){
 button.nav-btn,button.job{transition:background-color .3s var(--ease),color .3s,border-color .3s,transform .3s var(--ease)}
 .hero .route-line.active{stroke-dasharray:5 11;animation:signal-flow 2.8s linear infinite}
 @keyframes signal-flow{to{stroke-dashoffset:-64}}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
 ::view-transition-old(vertice-main){animation:page-out .16s ease-in both}
 ::view-transition-new(vertice-main){animation:page-in .38s var(--ease) both}
 @keyframes page-out{to{opacity:0;transform:translateY(-5px)}}
 @keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.button,.public-shell .button,.panel,.tab::after{transition:background-color .15s,color .15s,border-color .15s}.button:hover,.button:active,.public-shell .button:hover,.button:hover .icon:last-child{transform:none}main{view-transition-name:none}}
@media(max-width:1120px){.workbench{grid-template-columns:minmax(220px,.78fr) minmax(0,2fr)}.jobs-head,.workspace-head,.workspace-content{padding:19px}.workspace-head h2{font-size:23px}.hero{grid-template-columns:1.15fr 1fr}.hero-copy{padding:27px}.hero-copy h1{font-size:34px}.role-options article{padding:25px 21px}.person .button{font-size:11px;padding:9px 11px}}
@media(max-width:850px){.rail{padding:16px;gap:15px;border-right:0;border-bottom:1px solid #26222f}.rail nav{gap:6px}.nav-btn{min-height:40px}.topbar{height:49px}.role-options{grid-template-columns:1fr;gap:15px}.role-options article{min-height:0;padding:24px}.role-options article>.icon{margin-bottom:0}.role-options p{min-height:0}.role-options h2{font-size:24px}.hero-copy h1{font-size:32px}}
@media(max-width:650px){main{padding:19px 14px 28px}.topbar{padding-inline:16px}.topbar p{font-size:10px}.topbar .demo{font-size:9px;padding:5px 8px}.rail{padding:15px 13px}.rail nav{gap:5px}.rail .nav-btn{font-size:10px;padding:9px 3px;min-height:48px;border-radius:10px}.hero{grid-template-columns:1fr;min-height:0;border-radius:16px}.hero-copy{padding:23px 22px 5px}.hero-copy h1{font-size:31px}.hero .hero-route{height:125px;min-height:0}.stats{padding:21px 0;margin-bottom:20px}.stat{font-size:10px}.stat strong{font-size:24px}.workbench{grid-template-columns:1fr;gap:17px}.jobs-head{padding:19px 18px 16px}.jobs-head h2{font-size:21px}.job-list{max-height:193px}.job strong{font-size:11px}.job small{font-size:10px}.workspace-head,.workspace-content{padding:19px 17px}.workspace-head{gap:9px}.workspace-head h2{font-size:21px}.workspace-head .status{font-size:9px;padding:4px 7px}.tabs{padding:0 17px;gap:22px}.person h3{font-size:13px}.person .button{font-size:10px;padding:9px}.identity{gap:9px}.avatar{width:34px;height:34px}.shortlist-intro p{font-size:10px}.shortlist-intro .button{font-size:10px;padding:9px}.public-shell main{padding:28px 6vw 42px}.cinema-home main{padding:0}.public-page{padding-top:8px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:35px}.page-heading p{font-size:12px}.site-nav{padding:15px 5vw}.site-nav .access-link{padding:0 11px}.cinema-home .site-nav{border-radius:13px}.role-options{margin-top:28px}.form{padding:22px;gap:17px}.directory{padding:20px}.listing article{grid-template-columns:1fr;padding:23px 0;gap:15px}.listing h3{font-size:21px}.listing article p{font-size:11px}.listing .button{justify-self:start}.portal-brief,.portal-person,.application{padding:22px}.portal-heading .button-row{margin-bottom:7px}.application header{flex-wrap:wrap}.portal-person header{gap:10px}.portal-person .identity small{max-width:19ch}.evidence article header{align-items:flex-start;gap:10px}.evidence article h3{font-size:13px}.film-actions .button{min-height:42px;font-size:10px;padding:11px 12px;gap:12px}.connection-work .hero-demo{padding:21px}.connection-work .hero-demo-head{flex-wrap:wrap;gap:9px}.connection-work .sample-person{padding:9px;font-size:10px}.job-feature .button{min-width:42px;padding:0}.public-shell:not(.cinema-home) .site-footer{margin-top:34px}}