/* Consolidated in original source order within each selector owner. */ /* From style.css */ :root:where(:has(body:not(.launch-merch):not(.launch-courses))){--gutter:4vw;color-scheme:dark;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) *{box-sizing:border-box;} html:where(:has(body:not(.launch-merch):not(.launch-courses))){scroll-behavior:smooth;scroll-padding-top:90px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) body{margin:0;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) body.dialog-open{overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) a{color:inherit;text-decoration:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) button{color:inherit;cursor:pointer;background:none;border:0;padding:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) a{-webkit-tap-highlight-color:transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) button{-webkit-tap-highlight-color:transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) button:focus-visible{outline:2px solid currentColor;outline-offset:7px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) a:focus-visible{outline:2px solid currentColor;outline-offset:7px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) img{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) video{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) p{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) h1{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) h2{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) h3{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) button{touch-action:manipulation;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) a{touch-action:manipulation;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .skip{position:fixed;left:20px;top:-100px;background:var(--color-fff);color:var(--color-000);padding:16px;z-index:100;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .skip:focus{top:20px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{position:fixed;mix-blend-mode:difference;left:0;top:0;width:100%;height:106px;display:flex;align-items:center;padding:0 var(--gutter);z-index:15;gap:40px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .brand{width:116px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .logo-crop{display:block;position:relative;overflow:hidden;width:116px;height:48px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .logo-crop img{position:absolute;width:221px;max-width:none;left:-52px;top:-86px;filter:invert(1);mix-blend-mode:screen;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-credit{color:var(--color-c4c2bd);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{margin-left:auto;display:flex;align-items:center;gap:44px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .contact-link{border-bottom:1px solid var(--color-aaa);padding-bottom:4px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-button{display:flex;align-items:center;gap:13px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-lines{width:23px;height:9px;border-top:1px solid;border-bottom:1px solid;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .round-action{border:1px solid var(--color-fff8);border-radius:50%;height:122px;width:122px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--color-0001);backdrop-filter:blur(8px);transition:background var(--dur-1) var(--ease-salsa),color var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .round-action:hover{background:var(--paper);color:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .enter-work{pointer-events:auto;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--color-ffffff70);padding:12px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-nav{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;display:flex;align-items:center;gap:45px;z-index:9;mix-blend-mode:normal;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .nav-label{color:var(--color-b7b7b2);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs{display:flex;gap:15px;width:300px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs button{display:flex;align-items:center;gap:10px;flex:1;text-align:left;padding:10px 0;color:var(--color-a4a4a4);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs i{height:1px;background:var(--color-fff5);width:100%;position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs i:after{content:"";position:absolute;inset:0;background:var(--color-fff);transform-origin:left;transform:scaleX(0);transition:transform var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs [aria-current=true]{color:var(--color-fff);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs [aria-current=true] i:after{transform:scaleX(1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .motion-button{margin-left:auto;display:flex;gap:10px;align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list>button{display:grid;grid-template-columns:60px 1fr 230px 65px;align-items:center;gap:20px;width:100%;padding:32px 0;border-bottom:1px solid var(--color-10101040);text-align:left;position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list button:hover img{opacity:1;transform:translateY(-50%) rotate(-5deg) scale(1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list button:hover .list-name{transform:translateX(12px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list button:nth-child(2) img{object-position:50% 80%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .text-link{display:inline-flex;gap:55px;padding:14px 0;border-bottom:1px solid var(--color-aaa);margin-top:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe{padding-top:30px;padding-bottom:105px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button{display:grid;grid-template-columns:1fr auto;text-align:left;padding:32px 30px 32px 0;border-right:1px solid var(--line);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button+button{padding-left:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button:last-child{border-right:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button>span:first-child{grid-column:1/-1;color:var(--color-aaa8a2);margin-bottom:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button>span:last-child{align-self:center;transition:transform var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button:hover>span:last-child{transform:translate(4px,-4px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) footer{background:var(--paper);color:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-title{display:flex;justify-content:space-between;margin:10px 0 65px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-bottom{border-top:1px solid var(--color-0004);padding-top:26px;display:flex;justify-content:space-between;gap:22px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-height:100svh;max-width:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) dialog::backdrop{background:var(--color-000a);backdrop-filter:blur(12px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:inherit;padding:28px 4vw;z-index:5;border-bottom:1px solid var(--color-8884);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .dialog-top button{padding:8px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-dialog{width:100%;height:100svh;max-height:none;margin:0;background:var(--color-141414);color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-dialog nav{padding:5vh 10vw;display:flex;flex-direction:column;align-items:flex-start;gap:7px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-dialog sup{margin-left:20px;vertical-align:middle;color:var(--color-999);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-dialog nav>*:hover{color:var(--color-aaa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-mail{position:absolute;bottom:7vh;left:10vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog{width:100%;height:100svh;margin:0;background:var(--color-121212);color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro{padding:45px 4vw 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro p{max-width:420px;color:var(--color-b1afa8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-player{display:block;width:92%;height:67svh;object-fit:contain;background:var(--color-000);margin:0 auto 35px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .case-image{display:block;width:min(1100px,92%);height:auto;margin:0 auto 50px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .case-end{padding:30px 4vw var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:20px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog{width:min(800px,94vw);max-height:92svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content{padding:40px 5vw 50px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content h2{margin-bottom:28px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content>p{color:var(--color-5d5b54);margin-bottom:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row{border-top:1px solid var(--color-1113);padding:25px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row h3{margin-bottom:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row p{color:var(--color-5d5b54);max-width:580px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row .price{color:var(--color-111);margin-top:14px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row .small-note{margin-top:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-action{display:inline-block;padding:14px 20px;margin-top:20px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .scene-nav{display:none;} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-nav{bottom:35px;}} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{height:125px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{height:86px;gap:15px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .brand{width:90px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .logo-crop{width:90px;height:38px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .logo-crop img{width:172px;left:-41px;top:-67px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-credit{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{gap:26px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .enter-work{gap:15px;max-width:155px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-nav{gap:20px;bottom:25px;flex-wrap:wrap;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .nav-label{width:100%;margin-bottom:-10px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs{width:68%;max-width:310px;gap:10px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .motion-button{gap:6px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .round-action{width:84px;height:84px;gap:0;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list>button{grid-template-columns:24px 1fr 35px;gap:10px;padding:26px 0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe{padding-top:10px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links{grid-template-columns:1fr;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button+button{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button:last-child{border-bottom:0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button>span:first-child{margin-bottom:12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-title{margin:24px 0 45px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-bottom{display:grid;grid-template-columns:1fr auto;row-gap:25px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-bottom a:first-child{grid-column:1/-1;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-bottom a:last-child{grid-column:2;grid-row:3;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro{display:block;padding:30px 6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro h2{margin-bottom:16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-player{height:65svh;width:100%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .case-end{padding:25px 6vw 50px;display:block;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content{padding:30px 6vw;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .dialog-top{padding:20px 6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-dialog nav{padding:6vh 8vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-mail{left:8vw;}} @media(prefers-reduced-motion:reduce){html:where(:has(body:not(.launch-merch):not(.launch-courses))){scroll-behavior:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) *{transition:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list button:hover .list-name{transform:none;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{mix-blend-mode:normal;background:linear-gradient(var(--color-101010e8),var(--color-10101088) 60%,transparent);height:100px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .nav-label{color:var(--color-ccc);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-tabs button{color:var(--color-c5c5c5);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{height:86px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button{border:1px solid var(--color-ffffff40);border-radius:25px;padding:10px 17px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-tabs button{padding:8px 0;border-bottom:1px solid transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) [hidden]{display:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film>button{margin-top:20px;display:flex;align-items:center;width:100%;text-align:left;gap:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film button>span:last-child{margin-left:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro .micro{margin-bottom:12px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button{padding:9px 13px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film>button{gap:18px;}} :root:where(:has(body:not(.launch-merch):not(.launch-courses))){--gutter:5vw;} html:where(:has(body:not(.launch-merch):not(.launch-courses))){scroll-padding-top:155px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{height:80px;background:var(--color-101010f5);border-bottom:1px solid var(--color-ffffff21);backdrop-filter:blur(10px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{position:sticky;top:80px;z-index:10;display:flex;justify-content:space-between;gap:15px;padding:19px var(--gutter);background:var(--color-101010f5);backdrop-filter:blur(10px);border-block:1px solid var(--color-ffffff30);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a{display:flex;gap:12px;padding:5px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav [aria-current=true]:before{content:"";width:5px;height:5px;align-self:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .start-video{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .start-video>span:last-child{background:var(--color-101010de);border:1px solid var(--color-fff7);padding:10px 17px;border-radius:25px;color:var(--color-fff);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .start-video:hover .play-symbol{background:var(--color-f5f0e5);color:var(--color-111);transform:scale(1.07);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame.started .start-video{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-player{object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .media-frame{width:92%;margin:auto;aspect-ratio:16/9;height:65svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog{width:96vw;height:94svh;background:var(--color-171717);color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog .dialog-top{min-height:80px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog .dialog-top span{max-width:75%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-controls button{border-bottom:1px solid;padding-bottom:5px;} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{height:80px;}} @media(max-width:760px){:root:where(:has(body:not(.launch-merch):not(.launch-courses))){--gutter:20px;}} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses))){scroll-padding-top:132px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{height:70px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{top:70px;gap:15px;padding:13px var(--gutter);overflow-x:auto;scrollbar-width:none;white-space:nowrap;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a{gap:7px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a>span{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a:last-child{margin-left:auto;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .start-video{gap:10px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .start-video>span:last-child{padding:7px 12px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .media-frame{height:62svh;width:100%;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog .dialog-top{padding:18px;min-height:84px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) *{animation:none!important;scroll-behavior:auto!important;transition:none!important;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a{gap:5px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a[aria-current=true]>span{display:inline;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{gap:11px;}} /* From motion.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom button{pointer-events:auto;padding:12px 0;border-bottom:1px solid var(--color-fff9);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .watch-opening{display:flex;flex-direction:column;gap:7px;align-items:start;padding:20px 25px;text-align:left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .watch-opening span{color:var(--color-d0cec7);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .watch-opening:hover span{color:var(--color-444);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail button{margin-left:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{background:linear-gradient(var(--color-101010e8),var(--color-10101066) 75%,transparent);border-bottom-color:transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{z-index:12;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame .start-video{z-index:2;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom button{max-width:130px;text-align:left;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .watch-opening{flex-direction:row;align-items:center;gap:25px;padding:13px 17px;}} @media(max-width:760px){} @media(max-width:760px){} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .past-opening .header{background:var(--color-101010f5);border-bottom-color:var(--color-ffffff21);} /* From collections.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .next-episode{white-space:nowrap;border-bottom:1px solid var(--color-aaa);padding:8px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-list{display:grid;gap:0;border-top:1px solid var(--color-ffffff40);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode{display:grid;grid-template-columns:110px minmax(0,1fr) 16px;gap:18px;text-align:left;padding:16px 10px;border-bottom:1px solid var(--color-ffffff30);align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-image{position:relative;display:block;aspect-ratio:16/10;background:var(--color-080808);overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-image img{width:100%;height:100%;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-image>span{position:absolute;bottom:5px;right:5px;padding:2px 4px;background:var(--color-000a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name{display:flex;flex-direction:column;gap:6px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name>span:last-child{color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name .micro{color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-mark{opacity:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode[aria-pressed=true] .episode-mark{opacity:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .compact-collection .episode-list{margin-top:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .one-episode .episode-list{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .collection-frame{width:100%;height:65svh;aspect-ratio:auto;margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .collection-frame .project-player{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{gap:14px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode[hidden]{display:none;} @media(max-width:1000px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode{grid-template-columns:80px minmax(0,1fr) 12px;gap:12px;padding:14px 8px;}} @media(max-width:1000px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .next-episode{white-space:normal;max-width:90px;text-align:left;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-list{margin-top:28px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode{grid-template-columns:100px minmax(0,1fr) 16px;gap:16px;padding:15px 10px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .collection-frame{height:auto;max-height:65svh;aspect-ratio:var(--ratio);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{gap:10px;}} @media(max-width:760px){} @media(max-width:760px){} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog{scroll-padding-top:85px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-title .text-link{display:inline-block;margin-top:45px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a{flex-shrink:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{gap:18px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-title .text-link{margin-top:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{gap:12px;}} @media(max-width:760px){} /* From museum.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index>button{display:flex;align-items:center;gap:22px;padding:14px 12px;text-align:left;border-bottom:1px solid var(--color-ffffff30);min-height:93px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index>button>span{display:flex;flex-direction:column;gap:10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .episode-list{margin-top:9vh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .episode{grid-template-columns:110px 1fr 16px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .episode-image{aspect-ratio:3/4;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog>.museum-gallery{margin:0 4vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog #project-body>.museum-gallery{margin:0 4vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog #project-body>.process-label{margin:30px 4vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .museum-focus img{min-height:0;height:65svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog{max-height:94svh;overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog #large-image{max-height:calc(94svh - 155px);object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .gallery-controls button{border-bottom:1px solid var(--color-ffffff65);padding:5px 0;min-width:70px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index>button{padding:10px 7px;gap:10px;min-height:80px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index>button>span{gap:4px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .episode-list{margin-top:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .episode{grid-template-columns:72px 1fr 16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog{width:96vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog .dialog-top{padding:15px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-dialog #large-image{width:100%;height:65svh;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .museum-focus .image-zoom img{height:auto;min-height:0;max-height:62svh;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .museum-focus .image-zoom img{height:auto;min-height:0;max-height:63svh;}} /* From cinema.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .intro-toggle{margin-left:0;min-height:44px;padding:10px 15px;border:1px solid var(--color-ffffff60);background:var(--color-101010cc);color:var(--color-f1efe8);white-space:nowrap;transition:background var(--dur-1) var(--ease-salsa),color var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .intro-toggle:hover{background:var(--color-f1efe8);color:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-toggle:focus-visible{outline:2px solid var(--salsa);outline-offset:4px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .intro-toggle{padding:8px 12px;}} /* From narrative.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dialog .cut-action .media-frame{width:100%;height:auto;aspect-ratio:16/9;margin:0;outline:1px solid var(--color-ffffff20);outline-offset:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-action .start-video>span:last-child{background:transparent;border:0;border-radius:0;color:var(--color-f0eadd);padding:5px 0;} /* From reyes-ride.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index button{color:var(--color-d5d6df80);padding:7px 0;white-space:nowrap;border-bottom:1px solid transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index button>span{margin-right:10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index button[aria-pressed=true]{color:var(--color-f3e6b6);border-color:var(--color-f3e6b6);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index button{white-space:normal;text-align:left;max-width:86px;min-height:48px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index button>span{display:block;margin:0 0 4px;}} /* From frisby-fight.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls button{padding:10px 0;border-bottom:1px solid transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls button{color:var(--color-afa99e);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls button[aria-pressed=true]{color:var(--color-f6dfb3);border-color:var(--color-f6dfb3);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls button>span{margin-right:10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-switch button{padding:12px 0;border-bottom:2px solid transparent;color:var(--color-615b54);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-links button{border-bottom:1px solid var(--color-19171570);padding:8px 0;text-align:left;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls button{text-align:left;max-width:100px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls button>span{display:block;margin:0 0 5px;}} @media(max-width:760px){} /* From experience.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{gap:30px;} html:where(:has(body:not(.launch-merch):not(.launch-courses))):not([data-experience="long"]) .header{background:var(--ink);border-bottom:1px solid var(--color-ffffff26);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{gap:17px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .brand{width:90px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop{width:90px;height:40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop img{width:177px;left:-42px;top:-69px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header{padding-left:6vw;padding-right:6vw;}} @media(max-width:360px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{gap:11px;}} @media(max-width:360px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .brand{width:76px;}} @media(max-width:360px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop{width:76px;height:34px;}} @media(max-width:360px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop img{width:149px;left:-35px;top:-58px;}} @media(max-width:360px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-button{gap:7px;}} @media(max-width:360px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-lines{width:17px;}} html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience="choose"] .header{display:flex;} /* From finish.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .opening-next{display:grid;place-items:center;width:44px;min-height:44px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button{border:0;border-bottom:1px solid transparent;border-radius:0;padding:12px 0;color:var(--color-b7b3ac);min-height:44px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button:hover{color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button[aria-pressed=true]{background:transparent;color:var(--paper);border-color:currentColor;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button:focus-visible{outline-offset:3px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name{gap:7px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button{align-items:end;min-height:145px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button:hover>span:last-child{transform:rotate(90deg);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a{min-height:28px;align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-stack-index button{opacity:1;color:var(--color-a6a2b1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-stack-index button:hover{color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-stack-index button[aria-pressed=true]{color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index button{color:var(--color-b5b4c1);} @media(max-width:1000px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{overflow-x:auto;justify-content:flex-start;gap:24px;scrollbar-width:thin;}} @media(max-width:1000px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a{flex-shrink:0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters button{padding:11px 0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav{gap:14px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a[aria-current=true]>span{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-nav a:last-child>span{display:inline;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-stack-index button{width:44px;height:44px;color:var(--color-c8c3d2);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-stack-index button[aria-pressed=true]{color:var(--color-101119);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button{min-height:110px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-bottom{gap:22px 15px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .gallery-controls button{min-height:44px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links button:hover>span:last-child{transform:none;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .opening-next{visibility:hidden;} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .opening-next{visibility:visible!important;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog[data-panel="cursos"]{width:min(1050px,94vw);background:var(--color-111);color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog[data-panel="cursos"] .info-content{padding:26px 4vw 40px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .courses-heading h2{margin:0;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog[data-panel="cursos"] .info-content{padding:24px 6vw 32px;}} :root:where(:has(body:not(.launch-merch):not(.launch-courses))){--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.065'/%3E%3C/svg%3E");} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) body{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .logo-crop img{height:auto;} /* From exhibition.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:8px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link span{transition:translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link:hover span{translate:5px -5px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link:active{translate:0 2px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-filters{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:36px;border-bottom:1px solid var(--color-ffffff26);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-filters button{position:relative;min-height:48px;padding:10px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-filters button:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;transform-origin:left;} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-filters{gap:16px;margin-bottom:26px;}} @media(max-width:760px){} /* From navigation.css */ :root:where(:has(body:not(.launch-merch):not(.launch-courses))){--nav-ink:var(--color-f3efe6);--nav-ground:var(--color-171716);} :where(html:not(:has(body.launch-merch, body.launch-courses))).navigation-ready{scroll-padding-top:100px;} :where(html:not(:has(body.launch-merch, body.launch-courses))).navigation-ready .chapter-nav{display:none;} html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header{position:fixed;inset:0 0 auto;display:flex;align-items:center;width:100%;height:82px;padding:0 4vw;gap:24px;z-index:50;border:0;border-bottom:1px solid var(--color-ffffff16);border-radius:0;box-shadow:none;background:var(--color-101010f2);mix-blend-mode:normal;backdrop-filter:none;transform:none;translate:none;opacity:1;visibility:visible;} html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience="choose"] .header{position:fixed;inset:0 0 auto;display:flex;align-items:center;width:100%;height:82px;padding:0 4vw;gap:24px;z-index:50;border:0;border-bottom:1px solid var(--color-ffffff16);border-radius:0;box-shadow:none;background:var(--color-101010f2);mix-blend-mode:normal;backdrop-filter:none;transform:none;translate:none;opacity:1;visibility:visible;} html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header .brand{width:90px;flex-shrink:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop{width:90px;height:42px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop img{width:177px;left:-42px;top:-69px;} html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button{display:inline-flex;position:relative;align-items:center;justify-content:center;isolation:isolate;min-height:44px;padding:0 22px;border:0;border-radius:50px;background:none;color:var(--nav-ink);cursor:pointer;text-decoration:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-surface{position:absolute;inset:0;z-index:-1;border:1px solid var(--color-ffffff38);border-radius:inherit;background:var(--color-252523);box-shadow:inset 0 1px 0 var(--color-ffffff0c);transform-origin:center;transition:background var(--dur-1) var(--ease-salsa),border-color var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button-primary{color:var(--color-17120d);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button-primary .jelly-surface{background:var(--salsa);border-color:var(--color-ff8e71);box-shadow:inset 0 1px 0 var(--color-ffffff35);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-label{position:relative;display:inline-grid;overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-label>span{grid-area:1/1;transition:translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-label>span+span{translate:0 120%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-arrow{margin-left:12px;transition:translate var(--dur-2) var(--ease-salsa);} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:hover .jelly-surface{background:var(--color-393936);border-color:var(--color-ffffff65);}} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button-primary:hover .jelly-surface{background:var(--color-ff8063);border-color:var(--color-ffad98);}} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:hover .jelly-label>span:first-child{translate:0 -120%;}} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:hover .jelly-label>span+span{translate:0 0;}} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:hover .jelly-arrow{translate:3px -3px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:focus-visible .jelly-surface{border-color:var(--color-f3efe6);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:focus-visible{outline:2px solid var(--salsa);outline-offset:4px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-dock a:focus-visible{outline:2px solid var(--salsa);outline-offset:4px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px!important;padding:11px 20px!important;border:1px solid var(--color-ffffff48)!important;border-radius:28px;background:var(--color-f3efe6);color:var(--color-181815);box-shadow:inset 0 1px 0 var(--color-fff5);transition:background var(--dur-1) var(--ease-salsa),color var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .watch-opening{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px!important;padding:11px 20px!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link span{transition:translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-light .museum-project-link{background:var(--color-191a14);color:var(--color-f3efe6);border-color:var(--color-191a14)!important;} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link:hover{background:var(--salsa);color:var(--color-18140e);}} @media(hover:hover){} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link:hover span{translate:3px -3px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link:focus-visible{outline:2px solid var(--salsa);outline-offset:4px;} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header{height:74px;padding:0 5vw;gap:12px;}} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience="choose"] .header{height:74px;padding:0 5vw;gap:12px;}} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header .brand{width:66px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop{width:66px;height:34px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .logo-crop img{width:139px;left:-34px;top:-54px;}} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{gap:6px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .jelly-button{padding:0 13px;min-height:40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .jelly-arrow{margin-left:7px;}} @media(max-width:370px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions>.jelly-button:first-child{display:none;}} @media(max-width:370px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .jelly-button{padding:0 14px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-label>span{transition:none;translate:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-label>span+span{visibility:hidden;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-arrow{transition:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-surface{transition:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-project-link{transition:none!important;}} @media(prefers-reduced-motion:reduce){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .jelly-button:focus-visible .jelly-label{text-decoration:underline;}} html:where(:has(body:not(.launch-merch):not(.launch-courses))).project-dock-ready{scroll-behavior:smooth;} @media(prefers-reduced-motion:reduce){html:where(:has(body:not(.launch-merch):not(.launch-courses))).project-dock-ready{scroll-behavior:auto;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .jelly-button{color:var(--nav-ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header .jelly-button-primary{color:var(--color-17120d);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .intro-toggle{border-radius:26px;min-height:44px;padding:10px 20px;border-color:var(--color-ffffff55);background:var(--color-252523);color:var(--color-f3efe6);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail .intro-toggle:hover{background:var(--color-f3efe6);color:var(--color-181815);} /* From windows.css */ html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header{gap:16px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-sections{display:flex;align-items:center;gap:6px;margin-left:auto;} html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{margin-left:0;gap:6px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-sections .jelly-button{padding-inline:17px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog:is([data-panel=prototipos],[data-panel=merch]){width:min(1160px,94vw);max-height:92svh;background:var(--color-181916);color:var(--color-f3efe6);border:1px solid var(--color-ffffff26);border-radius:22px;overscroll-behavior:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .dialog-top{padding:14px 26px;background:var(--color-181916);color:var(--color-c4c1b7);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .dialog-top button{min-height:44px;padding:10px 17px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .info-content{padding:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .window-heading h2{margin-bottom:20px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 17px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy .window-action{margin-top:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-action>span{transition:translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .merch-poster h2{margin:42px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy .window-action{margin-top:15px;background:var(--salsa);border-color:var(--color-ff9a7f);} @media(hover:hover){} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-action:hover>span{translate:3px -3px;}} @media(max-width:900px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-sections .jelly-button{padding-inline:12px;}} @media(max-width:900px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions .jelly-button{padding-inline:12px;}} @media(max-width:900px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header{padding-inline:3vw;gap:10px;}} @media(max-width:640px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header{height:122px;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 44px;padding:8px 5vw 10px;gap:6px 12px;}} @media(max-width:640px){html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience=choose] .header{height:122px;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 44px;padding:8px 5vw 10px;gap:6px 12px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-sections{grid-column:1/-1;grid-row:2;margin:0;gap:6px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-sections>.jelly-button{flex:1;min-height:36px;padding-inline:12px;}} @media(max-width:640px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header-actions{grid-column:2;grid-row:1;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions>.jelly-button:first-child{display:inline-flex;}} @media(max-width:640px){:where(html:not(:has(body.launch-merch, body.launch-courses))).navigation-ready{scroll-padding-top:138px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .info-content{padding:20px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .dialog-top{padding:10px 20px;}} @media(max-width:640px){} @media(prefers-reduced-motion:reduce){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-action>span{transition:none;}} @media(prefers-reduced-motion:reduce){} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .upcoming-link{gap:9px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .upcoming-link>.lock-icon{width:15px;height:15px;flex-shrink:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a>.lock-icon{width:15px;height:15px;flex-shrink:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a{display:grid;grid-template-columns:1fr auto;text-align:left;padding:32px 30px;border-right:1px solid var(--line);align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a:last-child{border-right:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a>span:first-child{grid-column:1/-1;color:var(--color-aaa8a2);margin-bottom:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a>.lock-icon{width:24px;height:24px;transition:rotate var(--dur-2) var(--ease-salsa);} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a:hover>.lock-icon{rotate:-12deg;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a:last-child{border-bottom:0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a>span:first-child{margin-bottom:12px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-actions .upcoming-link{gap:6px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .universe-links>a>.lock-icon{transition:none;}} /* From coming-soon.css */ :root:where(:has(body:is(.launch-merch,.launch-courses))){color-scheme:dark;background:var(--launch-ink);color:var(--launch-paper);} :where(:root:has(body:is(.launch-merch,.launch-courses))) *{box-sizing:border-box;} :where(:root:has(body:is(.launch-merch,.launch-courses))) body{margin:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) a{color:inherit;text-decoration:none;} :where(:root:has(body:is(.launch-merch,.launch-courses))) h1{margin:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) h2{margin:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) p{margin:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) a:focus-visible{outline:2px solid var(--salsa);outline-offset:6px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) a{-webkit-tap-highlight-color:transparent;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .skip{position:fixed;top:-80px;left:20px;padding:16px;background:var(--launch-paper);color:var(--launch-ink);z-index:5;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .skip:focus{top:15px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header{min-height:96px;margin:0 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--launch-line);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .brand{display:block;margin-right:auto;flex-shrink:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .logo-crop{display:block;position:relative;overflow:hidden;width:90px;height:42px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .logo-crop img{position:absolute;width:177px;height:auto;max-width:none;left:-42px;top:-69px;filter:invert(1);mix-blend-mode:screen;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header nav{display:flex;gap:8px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header nav a{display:flex;align-items:center;gap:10px;padding:12px 18px;min-height:44px;border:1px solid transparent;border-radius:30px;color:var(--color-bab9ae);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header nav a[aria-current=page]{border-color:var(--color-ffffff38);color:var(--launch-paper);background:var(--color-ffffff08);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .back-link{min-height:44px;display:flex;align-items:center;gap:13px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) main{max-width:1600px;margin:auto;padding:0 4vw;} :where(:root:has(body:is(.launch-merch,.launch-courses))) h1{margin-left:-.025em;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:40px;background:var(--launch-paper);color:var(--launch-ink);padding:15px 22px;min-height:48px;margin-top:28px;transition:background var(--dur-1) var(--ease-salsa),transform var(--dur-2) var(--ease-salsa);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action span{transition:translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action:active{transform:scale(.96,1.04);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-footer{margin:0 4vw;min-height:84px;border-top:1px solid var(--launch-line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--color-b6b5ab);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-footer a{display:flex;align-items:center;gap:18px;min-height:44px;} @media(hover:hover){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action:hover{background:var(--salsa);}} @media(hover:hover){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action:hover span{translate:3px -3px;}} @media(hover:hover){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header a:hover{color:var(--color-fff);}} @media(hover:hover){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-footer a:hover{color:var(--color-fff);}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header{min-height:120px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:14px 0;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header nav{grid-row:2;grid-column:1/-1;justify-content:center;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-header nav a{padding:8px 20px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-footer{flex-wrap:wrap;gap:5px;padding:20px 0;min-height:84px;}} @media(max-width:760px){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action{transition:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action span{transition:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-action:active{transform:none;}} /* From refinement.css */ :root{--light-edge:var(--color-ffffff30);} .jelly-label{padding-block:2px;} .header .jelly-button{border-radius:var(--control-radius);min-height:44px;padding-inline:18px;} .header .jelly-surface{background:transparent;border-color:transparent;} .header .jelly-button-primary .jelly-surface{background:var(--salsa);border-color:var(--salsa);} .header-sections{gap:8px;} .header-actions{gap:8px;} html .header{background:var(--color-141413f5);border-bottom:1px solid var(--color-ffffff1c);box-shadow:none;} html[data-experience=choose] .header{background:var(--color-141413f5);border-bottom:1px solid var(--color-ffffff1c);box-shadow:none;} .jelly-surface{background-image:none;border-color:var(--color-ffffff30);box-shadow:none;} .jelly-button-primary .jelly-surface{background-image:none;box-shadow:none;} .dock-trigger .jelly-surface{background-image:none;box-shadow:none;} .dock-bar{background:var(--color-1b1c19f5);border-radius:14px;box-shadow:0 6px 24px var(--color-0004);} .dock-bar .jelly-button{border-radius:9px;} .dock-trigger .jelly-surface{background:var(--paper);border-color:var(--paper);} .dock-index{border-radius:14px;} .dock-project{border-radius:8px;} @media(hover:hover){.header .jelly-button:not(.jelly-button-primary):hover .jelly-surface{background:var(--color-ffffff0a);border-color:var(--color-ffffff20);}} @media(hover:hover){.header .jelly-button-primary:hover .jelly-surface{background:var(--color-fff9ef);border-color:var(--color-fff9ef);}} @media(hover:hover){.dock-trigger:hover .jelly-surface{background:var(--color-fff9ef);border-color:var(--color-fff9ef);}} .episode-list{border-top-color:var(--color-ffffff26);gap:5px;padding-top:8px;} .episode{border-bottom-color:var(--color-ffffff20);padding:16px 12px;} .episode-name .micro{color:var(--color-b8b3a9);} .next-episode{padding-block:12px;min-height:44px;} .museum-project-link{border-radius:var(--control-radius);background-image:none;box-shadow:none;} .launch-action{border-radius:var(--control-radius);background-image:none;box-shadow:none;} .opening-rail .intro-toggle{border-radius:var(--control-radius);background:var(--color-1c1d1bd9);} .start-video>span:last-child{border-radius:var(--control-radius);background:var(--color-151614e8);border-color:var(--color-ffffff38);} .universe{background-image:radial-gradient(ellipse at 10% 100%,var(--color-a9905120),transparent 65%);} .info-dialog[data-panel=prototipos]{background-image:radial-gradient(ellipse at 100% 0,var(--color-8b705027),transparent 65%);} .feedback-launcher{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:46;display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 17px;border:1px solid var(--color-ffffff30);border-radius:var(--control-radius);color:var(--color-f3ebdf);background:var(--color-20211e);box-shadow:none;cursor:pointer;transition:border-color var(--dur-1) var(--ease-salsa),translate var(--dur-1) var(--ease-salsa);} .feedback-launcher>small{color:var(--color-e8be87);border-left:1px solid var(--color-ffffff30);padding-left:10px;} .feedback-launcher[hidden]{display:none;} html.feedback-open{overflow:hidden;} dialog.feedback-dialog{position:fixed;inset:0;width:min(540px,calc(100vw - 32px));max-width:540px;max-height:calc(100svh - 32px);margin:auto;padding:30px;border:1px solid var(--color-ddc39c40);border-radius:22px;background:radial-gradient(ellipse at 100% 0,var(--color-8b603b38),transparent 65%),var(--color-201f1b);color:var(--color-f3ebdf);box-shadow:0 30px 100px var(--color-0008);overflow:auto;overscroll-behavior:contain;text-align:left;} .feedback-dialog::backdrop{background:var(--color-0b0b0bd9);backdrop-filter:blur(5px);} .feedback-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;} .feedback-top>span{color:var(--color-e8be87);} .feedback-dialog button{cursor:pointer;touch-action:manipulation;} .feedback-dialog .feedback-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-ffffff30);border-radius:50%;background:var(--color-ffffff05);color:var(--color-f3ebdf);} .feedback-dialog h2{margin:0 0 14px;} .feedback-intro{color:var(--color-c0b9ad);margin:0 0 24px;max-width:390px;} .feedback-dialog label{display:block;margin:17px 0 7px;color:var(--color-e1d8c9);} .feedback-dialog :is(select,textarea){display:block;width:100%;border:1px solid var(--color-ffffff30);border-radius:10px;padding:12px;background:var(--color-161714);color:var(--color-f3ebdf);color-scheme:dark;} .feedback-dialog textarea{resize:vertical;min-height:128px;} .feedback-dialog textarea::placeholder{color:var(--color-a29c91);} .feedback-context{color:var(--color-b2a99a);margin:12px 0 20px;} .feedback-actions{display:flex;flex-wrap:wrap;gap:10px;} .feedback-dialog .feedback-action{min-height:46px;padding:12px 18px;border:1px solid var(--color-ffffff35);border-radius:var(--control-radius);background:var(--color-272820);color:var(--color-f3ebdf);} .feedback-dialog .feedback-action-primary{background:var(--salsa);border-color:var(--salsa);color:var(--color-211c16);} .feedback-status{color:var(--color-e8cba2);margin:16px 0 0;min-height:18px;} .feedback-dialog [hidden]{display:none!important;} .feedback-dialog :is(button,select,textarea):focus-visible{outline:2px solid var(--color-e8be87);outline-offset:4px;} .feedback-launcher:focus-visible{outline:2px solid var(--color-e8be87);outline-offset:4px;} @media(hover:hover){} @media(hover:hover){.feedback-launcher:hover{translate:0 -2px;border-color:var(--color-e8be87);}} @media(hover:hover){.feedback-dialog .feedback-action:hover{filter:brightness(1.12);}} @media(max-width:900px){} @media(max-width:900px){.feedback-launcher{position:fixed;right:16px;bottom:16px;left:auto;top:auto;z-index:46;width:max-content;max-width:calc(100% - 32px);margin:0;}} @media(max-width:640px){html .header{display:flex;height:64px;padding:0 12px;gap:6px;flex-wrap:nowrap;}} @media(max-width:640px){html[data-experience=choose] .header{display:flex;height:64px;padding:0 12px;gap:6px;flex-wrap:nowrap;}} @media(max-width:640px){html .header .brand{width:48px;flex:0 0 48px;}} @media(max-width:640px){.header .logo-crop{width:48px;height:28px;}} @media(max-width:640px){.header .logo-crop img{width:110px;left:-28px;top:-43px;}} @media(max-width:640px){.header-sections{margin-left:auto;gap:0;min-width:0;}} @media(max-width:640px){html .header-actions{margin-left:0;gap:0;flex-shrink:0;}} @media(max-width:640px){.header .jelly-button{min-height:44px;padding-inline:9px;white-space:nowrap;}} @media(max-width:640px){.header-sections>.jelly-button{flex:0 1 auto;padding-inline:8px;}} @media(max-width:640px){.header .upcoming-link{display:none;}} @media(max-width:640px){.header-actions>.upcoming-link:first-child{display:none;}} @media(max-width:640px){.header .jelly-arrow{display:none;}} @media(max-width:640px){:where(html:not(:has(body.launch-merch, body.launch-courses))).navigation-ready{scroll-padding-top:80px;}} @media(max-width:640px){} @media(max-width:640px){.episode{padding:14px 10px;}} @media(max-width:640px){.exhibition-filters{gap:8px 18px;flex-wrap:wrap;}} @media(max-width:640px){.exhibition-filters button{min-height:44px;}} @media(max-width:640px){.feedback-launcher{min-height:44px;padding:10px 16px;gap:8px;}} @media(max-width:640px){.feedback-launcher>small{padding-left:8px;}} @media(max-width:640px){dialog.feedback-dialog{padding:22px;}} @media(max-width:640px){.feedback-top{margin-bottom:18px;}} @media(max-width:640px){} @media(max-width:640px){} @media(max-width:370px){.header .jelly-button{padding-inline:8px;}} @media(max-width:370px){.header-sections>.jelly-button{padding-inline:6px;}} @media(max-width:370px){.feedback-actions{flex-direction:column;}} @media(max-width:370px){.feedback-actions button{width:100%;}} @media(prefers-reduced-motion:reduce){} @media(prefers-reduced-motion:reduce){.feedback-launcher{transition:none;}} @media(prefers-reduced-motion:reduce){.feedback-launcher:hover{translate:none;}} /* From chrome.css */ :root:where(:has(body:not(.launch-merch):not(.launch-courses))){--header-height:72px;} html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header.pcs-header{height:var(--header-height);display:flex;align-items:center;flex-wrap:nowrap;gap:32px;padding:0 4vw;background:var(--ink);border:0;box-shadow:none;backdrop-filter:none;} html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience=choose] .header.pcs-header{height:var(--header-height);display:flex;align-items:center;flex-wrap:nowrap;gap:32px;padding:0 4vw;background:var(--ink);border:0;box-shadow:none;backdrop-filter:none;} html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header.pcs-header .brand{display:flex;align-items:center;flex:0 0 auto;width:auto;min-height:44px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-logo{display:block;height:28px;width:auto;aspect-ratio:1104/484;overflow:visible;filter:invert(1);mix-blend-mode:screen;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-links{display:flex;align-items:center;gap:28px;margin-left:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-links>a{display:inline-flex;align-items:center;min-height:44px;padding:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-links>button{display:inline-flex;align-items:center;min-height:44px;padding:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-controls{display:flex;align-items:center;gap:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;} html:where(:has(body:not(.launch-merch):not(.launch-courses))).menu-open{overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) dialog.site-menu{position:fixed;inset:var(--header-height) 0 0 auto;width:min(420px,100%);max-width:100%;height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height));margin:0;padding:16px 24px max(24px,env(safe-area-inset-bottom));border:0;border-left:1px solid var(--color-ffffff24);border-radius:6px 0 0 6px;background:var(--ink);color:var(--paper);box-shadow:none;overflow:auto;overscroll-behavior:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) dialog.site-menu[open]{display:flex;flex-direction:column;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) dialog.site-menu::backdrop{background:var(--color-0009);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-close{display:grid;place-items:center;align-self:flex-end;width:44px;height:44px;flex-shrink:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-links{display:flex;flex-direction:column;gap:8px;margin:20px 0 40px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-links>a{display:flex;align-items:center;min-height:56px;padding:8px 0;text-align:left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-links>button{display:flex;align-items:center;min-height:56px;padding:8px 0;text-align:left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-upcoming{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid var(--color-ffffff24);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-upcoming a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-upcoming span{color:var(--color-b7b3a9);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-indicator{position:fixed;right:max(8px,env(safe-area-inset-right));top:50%;z-index:40;padding:5px 6px;border:0;border-right:1px solid var(--salsa);border-radius:0;background:var(--color-0e0d0be6);color:var(--paper);pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-indicator[hidden]{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .site-footer{background:var(--ink);color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-contact{background:var(--paper);color:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .motion-control{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;padding:8px 12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .feedback-dialog .feedback-close{border-radius:6px;} :where(html:not(:has(body.launch-merch, body.launch-courses))).navigation-ready{scroll-padding-top:calc(var(--header-height) + 16px);} @media(hover:hover){} @media(hover:hover){} @media(hover:hover){} @media(hover:hover){} @media(max-width:760px){:root:where(:has(body:not(.launch-merch):not(.launch-courses))){--header-height:56px;}} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses))) .header.pcs-header{gap:12px;padding:0 16px;}} @media(max-width:760px){html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience=choose] .header.pcs-header{gap:12px;padding:0 16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-links{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-controls{margin-left:auto;gap:8px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .header-contact{padding:0 18px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .menu-toggle{display:inline-flex;}} @media(max-width:760px){:where(html:not(:has(body.launch-merch, body.launch-courses))).navigation-ready{scroll-padding-top:72px;}} /* Text system — proportional families only. */ body{font-family:var(--font-interface);font-size:var(--body);font-weight:400;line-height:var(--body-leading);font-synthesis:none} :where(button,input,select,textarea,strong,b,small,summary){font:inherit} :where(.eva-subtitle,.project-intro>p,.game-copy>p:not(.micro),.intro-bottom p,.window-heading>p:not(.micro)){font-size:var(--body-l);line-height:var(--body-l-leading)} :where(small,.prototype-copy>small,.merch-copy>small,.feedback-note,.locked-caption,.footer-bottom,.short-contact){font-size:var(--small);line-height:var(--small-leading)} /* Entrance exception: original type and metrics, also used while the rest loads. */ #experience-start{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:none} /* The only three control appearances. Geometry of media/card hit areas is retained. */ [data-control]{font-family:var(--font-interface);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;font-variant-numeric:normal;text-decoration:none!important;cursor:pointer;box-shadow:none!important;text-shadow:none!important;border:0!important;border-radius:var(--radius-control)!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;color:var(--muted)!important;animation:none!important} [data-control]:focus-visible{outline:2px solid var(--paper)!important;outline-offset:3px!important} [data-control="text"]{position:relative;transition:color var(--dur-1) var(--ease-salsa)!important;transform:none!important;translate:none!important} [data-control="text"]::before{content:none!important} [data-control="text"]::after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:1px!important;width:100%!important;background:currentColor!important;border:0!important;border-radius:0!important;opacity:1!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform var(--dur-2) var(--ease-salsa)!important;pointer-events:none} [data-control="text"]:is(:hover,[aria-pressed="true"],[aria-selected="true"],[aria-current="page"]){color:var(--paper)!important} [data-control="text"]:is(:hover,[aria-pressed="true"],[aria-selected="true"],[aria-current="page"])::after{transform:scaleX(1)!important} [data-control="text"]:is(.watch-opening,.window-action,.launch-action,.solid-link,.info-action,.motion-control,.museum-project-link,.exhibition-filters button){padding:0!important;min-height:44px!important} [data-control] :is(.jelly-surface,.jelly-shine){display:none!important} [data-control="primary"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:44px;min-height:44px!important;padding:0 20px!important;border-radius:var(--radius-pill)!important;background:var(--salsa)!important;color:var(--ink)!important;font-family:var(--font-interface);font-size:var(--control-label);font-weight:600;line-height:var(--body-leading);letter-spacing:-.01em;text-transform:none;overflow:hidden;transform:none!important;translate:none!important;transition:none!important} [data-control="primary"]::before,[data-control="primary"]::after{content:none!important} .control-roll{position:relative;display:block;overflow:hidden} .control-roll>span{display:block;transition:transform var(--dur-2) var(--ease-salsa);white-space:nowrap} .control-roll>span[aria-hidden]{position:absolute;inset:100% 0 auto} [data-control="primary"]:hover .control-roll>span{transform:translateY(-100%)} [data-control="media"]{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--paper)!important;transition:color var(--dur-1) var(--ease-salsa)!important} [data-control="media"]:hover{color:var(--paper)!important} [data-control="media"]::before,[data-control="media"]::after{content:none!important} .start-video[data-control="media"]{gap:0} .start-video[data-control="media"]>.media-control-label{font:inherit;color:inherit;display:inline-block;width:auto;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;transform:none;opacity:1} .start-video[data-control="media"]:hover>.media-control-label{background:none;transform:none} .image-zoom[data-control] > span{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;font-family:var(--font-interface);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--muted)!important} .episode[data-control] .episode-image>span{background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important} .episode[data-control] .episode-mark{background:none!important;border:0!important;border-radius:0!important} .film-tile[data-control] .tile-caption>strong,.episode[data-control] .episode-name>strong{color:var(--paper);text-align:left} .film-tile .tile-play{display:none!important} /* Labels inside text controls inherit, rather than introducing more variants. */ [data-control="text"] :is(strong,small,span):not(.filter-count):not(.scroll-cue-line):not(.scroll-cue-line *){font:inherit;letter-spacing:inherit;text-transform:inherit} @media(prefers-reduced-motion:reduce){ [data-control],[data-control]::after,.control-roll>span{transition:none!important;animation:none!important} [data-control="primary"]:hover .control-roll>span{transform:none} .control-roll>span[aria-hidden]{display:none} } /* Non-clickable labels retain one proportional type style. */ code,kbd,samp,pre{font-family:var(--font-interface)} :is(.micro,.section-label,.screen-note,figcaption,.media-status,.intro-status,.tile-duration,.tile-caption>span,.episode-image>span,.episode-name>.micro,.episode-mark,.prototype-number,.prototype-pending,.museum-piece-count,.chapter-indicator,.dialog-top>span,.gallery-controls>span,.art-selectors small,.merch-status,.merch-poster-bottom,.eyebrow,.panel-top,.lock-message p,.course-preview>div>span,.menu-upcoming span,.menu-links small,.feedback-launcher>small){font-family:var(--font-interface);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important;font-variant-numeric:normal} @media(min-width:1024px){ :is(.micro,.section-label,.screen-note,figcaption,.media-status,.intro-status,.tile-duration,.tile-caption>span,.episode-image>span,.episode-name>.micro,.episode-mark,.prototype-number,.prototype-pending,.museum-piece-count,.chapter-indicator,.dialog-top>span,.gallery-controls>span,.art-selectors small,.merch-status,.merch-poster-bottom,.eyebrow,.panel-top,.lock-message p,.course-preview>div>span,.menu-upcoming span,.menu-links small,.feedback-launcher>small){font-size:12px} } [data-control] .filter-count{font-family:var(--font-interface);font-size:12px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--muted)!important;margin-left:4px;font-variant-numeric:tabular-nums} span:is(.tile-duration,.chapter-indicator,.museum-piece-count,.filter-count,.media-duration,.type-number),.episode-image>span,.episode-name>span.micro,.gallery-controls>span{font-variant-numeric:tabular-nums} .image-zoom[data-control]>span{font-family:var(--font-interface);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;transition:color var(--dur-1) var(--ease-salsa)} .image-zoom[data-control]>span::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-salsa)} .image-zoom[data-control]:hover>span{color:var(--paper)!important} .image-zoom[data-control]:hover>span::after{transform:scaleX(1)} .media-play-icon,.episode-mark{display:inline-block;transition:transform var(--dur-1) var(--ease-salsa)} [data-control="media"]:hover .media-play-icon,.episode[data-control]:hover .episode-mark{transform:translateX(2px)} @media(max-width:760px){ .exhibition-filters{gap:16px} .exhibition-filters [data-control="text"]{font-size:13px} } @media(prefers-reduced-motion:reduce){ .media-play-icon,.episode-mark,.image-zoom[data-control]>span,.image-zoom[data-control]>span::after{transition:none!important} [data-control="media"]:hover .media-play-icon,.episode[data-control]:hover .episode-mark{transform:none} } /* 04b: chapter channel lives in the header, never over the page. */ #channel-button.chapter-indicator{position:static;inset:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;height:44px;min-height:44px;padding:0 14px;border:1px solid var(--line)!important;border-radius:999px!important;background:none!important;color:var(--paper)!important;font-family:var(--font-interface);font-weight:500;font-size:14px;line-height:1;letter-spacing:0;text-transform:none;pointer-events:auto;white-space:nowrap;box-shadow:none!important;backdrop-filter:none!important;opacity:1;transform:none} #channel-button[hidden]{display:none!important} #channel-button .channel-number{font-weight:600;font-variant-numeric:tabular-nums;color:var(--salsa)} #channel-button .channel-total{color:var(--muted)} #channel-button::before,#channel-button::after{display:none} #channel-guide{position:fixed;inset:var(--header-height,72px) auto auto 4vw;margin:0;width:440px;max-width:calc(100vw - 8vw);height:auto;max-height:calc(100dvh - var(--header-height,72px));padding:16px 20px;box-sizing:border-box;background:var(--ink);color:var(--paper);border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:auto;overscroll-behavior:contain} #channel-guide::backdrop{background:rgba(14,13,11,.55);backdrop-filter:none} #channel-guide[open]{animation:channel-fade var(--dur-2) var(--ease-salsa) both} #channel-guide-title{font-family:var(--font-interface);font-size:12px;font-weight:600;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px} #channel-guide .channel-links{display:block} #channel-guide .channel-links a{display:grid;grid-template-columns:24px 64px minmax(0,1fr);align-items:center;gap:12px;box-sizing:border-box;height:56px;padding:0;text-decoration:none;background:none;border:0;border-radius:0;box-shadow:none;color:var(--paper);font-family:var(--font-interface);font-weight:500;font-size:18px;line-height:1.2;letter-spacing:0;text-transform:none} #channel-guide .channel-links a+a{border-top:1px solid var(--line)} #channel-guide .channel-number{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)} #channel-guide .channel-links img{width:64px;height:36px;object-fit:cover;border-radius:0} #channel-guide .channel-links [aria-current=location],#channel-guide [aria-current=location] .channel-number{color:var(--salsa)} #channel-guide .channel-links :is(.channel-contact,.channel-top){display:flex;font-size:18px} #channel-guide a:focus-visible,#channel-button:focus-visible{outline:2px solid var(--paper);outline-offset:3px} @keyframes channel-fade{from{opacity:0}to{opacity:1}} @media(max-width:760px){ html .header.pcs-header{gap:8px!important} #channel-button.chapter-indicator{font-size:13px;padding:0 10px;gap:5px} #channel-button .channel-name{display:none} #channel-guide{left:0;width:100%;max-width:100%;padding:16px 20px} #channel-guide-title{font-size:11px} #channel-guide .channel-links a{font-size:17px} #channel-guide .channel-links :is(.channel-contact,.channel-top){font-size:17px} } @media(prefers-reduced-motion:reduce){#channel-guide[open]{animation:none}html{scroll-behavior:auto!important}} #channel-guide .channel-contact strong{font-weight:500;color:var(--salsa)} #channel-button.is-contact :is(.channel-number,.channel-total){display:none} #channel-button.is-contact .channel-name{display:inline} /* 04c: language choices share the existing header and mobile sheets. */ .language-selector{display:flex;align-items:center;gap:6px;flex-shrink:0;font-family:var(--font-interface);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .language-selector button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;border:0;background:none;box-shadow:none;font:inherit;color:var(--muted);cursor:pointer} .language-selector button[aria-current="true"]{color:var(--paper)} .language-selector button:focus-visible{outline:2px solid var(--paper);outline-offset:3px} #site-menu>.language-selector,#channel-guide>.language-selector{display:none} @media(max-width:760px){ .header-controls>.language-selector{display:none} #site-menu>.language-selector,#channel-guide>.language-selector{display:flex;min-height:56px} } /* 05: reversible language gate and shared locked publication components. */ .language-selector[hidden]{display:none!important} .prototype-card.is-locked{position:relative;cursor:default;border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important} .prototype-card.is-locked .prototype-cover{opacity:.4;filter:none!important;border-radius:0;box-shadow:none!important;transform:none!important} .prototype-card.is-locked:hover .prototype-cover>img{transform:none!important} .prototype-card.is-locked .prototype-cover>img{transition:none!important;filter:none!important;box-shadow:none!important} .prototype-card.is-locked .prototype-number{border-radius:var(--radius-control);padding:var(--space-1) var(--space-2)} .prototype-card.is-locked .prototype-copy{padding:var(--space-5) 0} .prototype-card.is-locked .prototype-copy p{margin-bottom:0} .prototype-card.is-locked .prototype-logo{display:grid;place-items:center;background:var(--color-000);padding:var(--space-5);box-sizing:border-box} .prototype-card.is-locked .prototype-logo>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain!important;object-position:center;background:var(--color-000)} .locked-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;height:28px;padding:var(--space-1) var(--space-3);font-family:var(--font-interface);font-weight:600;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:.06em;color:var(--paper)!important;background:var(--ink);border:0;border-radius:var(--radius-pill);white-space:nowrap;opacity:1;transform:none;filter:none;box-shadow:none} .prototype-card.is-locked>.locked-label{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3} .locked-label .lock-icon{width:16px;height:16px;flex:none;margin:0;transform:none} #info-dialog a.lab-more,.lab-more{display:inline-flex;align-items:center;justify-content:center;height:44px;box-sizing:border-box;margin-top:var(--space-5);padding:0 var(--space-5);border:1px solid var(--line)!important;border-radius:var(--radius-pill)!important;background:none;font-family:var(--font-interface);font-weight:600;font-size:14px;line-height:1.3;letter-spacing:0;color:var(--paper);text-decoration:none;transition:border-color var(--dur-1) var(--ease-salsa)} #info-dialog a.lab-more:hover,.lab-more:hover{border-color:var(--paper)!important} #universo .upcoming-label{font-family:var(--font-interface);font-weight:600;font-size:12px;line-height:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important} #universo .universe-links .universe-more{display:inline-flex;align-items:center;gap:var(--space-2);align-self:center;justify-self:end;grid-column:2;grid-row:2;font-family:var(--font-interface);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--paper);margin:0} #universo .universe-more .lock-icon{width:16px;height:16px;flex:none;margin:0;transform:none} #universo .universe-links .prototype-plus{display:block!important;width:auto;height:auto;font-family:var(--font-interface);font-size:24px;line-height:1;color:var(--paper);transform:none!important} #channel-guide .guide-extras{display:flex;align-items:center;gap:var(--space-3);height:56px;border-top:1px solid var(--line);font-family:var(--font-interface);font-size:18px;font-weight:500;line-height:1.2;color:var(--paper)} #channel-guide .guide-extras[hidden]{display:none} #channel-guide .guide-extras a{display:flex;align-items:center;height:100%;font:inherit;text-decoration:none;color:inherit} @media(max-width:760px){#channel-guide .guide-extras{font-size:17px}} :is(.lab-more,.publication-primary,.publication-tertiary):focus-visible{outline:2px solid var(--paper);outline-offset:4px} @media(prefers-reduced-motion:reduce){.lab-more,#info-dialog a.lab-more,.publication-primary,.publication-tertiary{transition:none!important}} .motion-paused :is(.lab-more,.publication-primary,.publication-tertiary){transition:none!important} /* Flat shared laboratory dialog. */ #info-dialog[data-panel="prototipos"], #info-dialog[data-panel="prototipos"] .dialog-top { background: var(--ink); background-image: none; } #info-dialog[data-panel="prototipos"] .info-content { padding: var(--space-6); } #info-dialog[data-panel="prototipos"] .dialog-top { padding: var(--space-4) var(--space-5); } .prototype-card.is-locked .focus-orbit { display: none; } .prototype-card.is-locked .prototype-logo img { position: absolute; inset: var(--space-5); width: calc(100% - 48px); height: calc(100% - 48px); } /* Lab: pieza publicada (Antipereza 3000). */ .prototype-card.is-live{position:relative;display:flex;flex-direction:column;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important} .prototype-card.is-live .focus-orbit{display:none} .prototype-card.is-live .prototype-copy{padding:var(--space-5) 0} .prototype-card.is-live>.live-label{position:absolute;top:var(--space-3);right:var(--space-3);z-index:3;background:var(--salsa);color:var(--ink)!important} #info-dialog .prototype-card.is-live a.window-action,.prototype-card.is-live .window-action{display:inline-flex;align-items:center;gap:var(--space-3);box-sizing:border-box;min-height:44px;margin-top:auto;padding:0 var(--space-4)!important;border:1px solid var(--line)!important;border-radius:var(--radius-pill)!important;background:none;font-family:var(--font-interface);font-weight:600;font-size:14px;line-height:1.3;letter-spacing:0;color:var(--paper);text-decoration:none;transition:border-color var(--dur-1) var(--ease-salsa)} #info-dialog .prototype-card.is-live a.window-action:hover,.prototype-card.is-live .window-action:hover,.prototype-card.is-live .window-action:focus-visible{border-color:var(--paper)!important} @media(prefers-reduced-motion:reduce){.prototype-card.is-live .window-action{transition:none}}