/* Consolidated in original source order within each selector owner. */ /* From style.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .journey{height:620svh;position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .stage{height:100svh;position:sticky;top:0;overflow:hidden;perspective:1600px;background:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene{position:absolute;inset:0;overflow:hidden;transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene:not(:first-child){transform:translateX(120%);visibility:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-media{position:absolute;inset:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-media video{width:100%;height:100%;object-fit:cover;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-0005),transparent 24%,transparent 45%,var(--color-000b));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-matrix{transform:translate(21%,1%) scale(.74) rotate(-5deg);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:105px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;z-index:4;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption .micro{margin-bottom:10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro{position:absolute;inset:0;z-index:6;pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-top{position:absolute;left:var(--gutter);top:23%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{position:absolute;left:3.3vw;top:30%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1>span{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1>span+span{margin-top:8px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .registered{vertical-align:top;margin-left:16px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:106px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-bottom p{color:var(--color-bcbab4);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-kondiar{background:var(--color-fc293e);color:var(--color-fff6df);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .kondiar-word{position:absolute;top:12%;left:4%;right:4%;text-align:center;color:var(--color-ffd980);opacity:.8;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .brand-object{position:absolute;width:36vw;aspect-ratio:1;overflow:hidden;box-shadow:0 35px 70px var(--color-55000060);will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .brand-object img{width:100%;height:auto;position:absolute;top:0;left:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-one{left:11%;top:25%;transform:rotate(-10deg);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-one img{transform:translateY(-71.5%);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-two{right:8%;top:16%;transform:rotate(9deg);width:32vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-two img{transform:translateY(-79%);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-kondiar:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,var(--color-bd142b80));pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-fuicioso{background:var(--color-181b14);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fuicioso-backdrop{position:absolute;inset:-6%;background:linear-gradient(var(--color-0c100ba3),var(--color-090c09b0)),url("./assets/video4.jpg") center 45%/cover;filter:blur(16px);transform:scale(1.1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-screen{position:absolute;top:7%;bottom:7%;left:50%;transform:translateX(-50%) rotate(-4deg);aspect-ratio:9/16;box-shadow:0 20px 100px var(--color-000);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-screen video{width:100%;height:100%;object-fit:cover;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side{position:absolute;top:33%;color:var(--color-dce0bf);mix-blend-mode:screen;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side-left{left:5%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side-right{right:4%;text-align:right;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-blue{background:var(--color-1409c9);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-identity{position:absolute;top:8%;left:4%;width:43vw;height:59vh;overflow:hidden;transform:rotate(-7deg);box-shadow:0 30px 80px var(--color-03005e70);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-identity img{width:100%;height:100%;object-fit:cover;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-web{position:absolute;top:13%;right:2%;width:52vw;height:68vh;overflow:hidden;transform:perspective(1200px) rotateY(-17deg) rotate(7deg);background:var(--color-111);box-shadow:0 30px 80px var(--color-0007);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-web img{width:145%;max-width:none;transform:translate(-3%,-1.1%);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-blue:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,var(--color-09015299));pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .section-label{display:flex;justify-content:space-between;margin-bottom:42px;color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive{background:var(--paper);color:var(--ink);padding-top:var(--space-9);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive .section-label{color:var(--color-5a5954);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list{border-top:1px solid var(--color-10101040);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .list-type{color:var(--color-585751);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .list-open{display:flex;justify-content:space-between;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list img{position:absolute;right:24%;top:50%;width:240px;height:160px;object-fit:cover;transform:translateY(-50%) rotate(-8deg) scale(.9);opacity:0;z-index:2;pointer-events:none;transition:opacity var(--dur-1) var(--ease-salsa),transform var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .list-name{transition:transform var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:135px;padding-bottom:135px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about>.micro{color:var(--color-a29f98);padding-top:10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about h2{margin-bottom:35px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about p:not(.micro){max-width:520px;color:var(--color-aaa8a2);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .coming{display:inline-block;margin-top:15px;border:1px solid var(--color-1115);padding:7px 10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .journey{height:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .stage{height:auto;position:relative;overflow:visible;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .scene{position:relative;height:100svh;transform:none!important;opacity:1!important;visibility:visible!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .intro{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .project-caption{opacity:1!important;transform:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .no-motion .scene-matrix{padding-top:var(--space-9);} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption{bottom:120px;}} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-bottom{bottom:120px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-top{top:20%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{top:36%;left:5vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .registered{margin-left:8px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-bottom{bottom:118px;align-items:flex-end;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-bottom p{max-width:160px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-matrix{transform:translate(9%,-8%) scale(.86) rotate(-6deg);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-media video{object-position:52% center;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .motion-label{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption{bottom:120px;gap:15px;align-items:flex-end;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{max-width:265px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption .micro{max-width:200px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .kondiar-word{top:21%;left:2%;right:2%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .brand-object{width:64vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-one{left:-5%;top:34%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-two{width:60vw;right:-8%;top:21%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side{top:24%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side-left{left:-4%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side-right{right:-7%;top:48%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-screen{top:13%;bottom:17%;max-width:74vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-identity{top:17%;left:-10%;width:70vw;height:37vh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-web{width:79vw;height:40vh;top:30%;right:-20%;transform:rotate(10deg);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .section-label{margin-bottom:30px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .list-type{grid-column:2;grid-row:2;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .list-open{grid-column:3;grid-row:1;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-list img{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about{grid-template-columns:1fr;gap:32px;padding-top:85px;padding-bottom:85px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-blue .project-caption h2{max-width:230px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-fuicioso .project-caption h2{max-width:230px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-one{aspect-ratio:2;width:49vw;top:32%;left:5%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-kondiar:after{background:linear-gradient(transparent,var(--color-5a0615cc));} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-one{width:84vw;top:30%;left:-8%;aspect-ratio:2;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .object-two{top:43%;width:64vw;right:-4%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-kondiar .project-caption{z-index:5;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-kondiar:after{inset:40% 0 0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-kondiar .kondiar-word{top:19%;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .blue-web img{width:250%;transform:translate(-6%,-4%);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-media video{object-position:30% center;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-fuicioso .film-side-left{top:25%;left:4%;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{top:25%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1>span+span{margin-top:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-shortcut{display:flex;gap:35px;align-items:center;margin-top:22px;border-bottom:1px solid var(--color-fff7);padding-bottom:7px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-betty{background:var(--color-0e1416);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-betty .scene-media video{object-position:center 52%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-reyes{background:var(--color-0a1120);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-0b112477),var(--color-0a102299)),url("./assets/reyes.jpg") center/cover;filter:blur(15px);transform:scale(1.06);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-still{position:absolute;left:7%;top:13%;width:34%;height:55%;overflow:hidden;transform:rotate(-8deg);opacity:.8;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-still img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-reyes .portrait-screen{left:65%;transform:translateX(-50%) rotate(5deg);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-patadita{background:var(--color-101737);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-screen{position:absolute;top:5%;left:-3%;width:106%;height:72%;overflow:hidden;transform:perspective(1500px) rotateX(12deg) rotate(-3deg);box-shadow:0 30px 90px var(--color-020412);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-screen video{width:100%;height:auto;transform:translateY(-3%);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-word{position:absolute;bottom:19%;right:6%;transform:rotate(-7deg);color:var(--color-ffcd68);z-index:2;opacity:.8;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-patadita .shade{pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive{background:var(--color-111);color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading h2{margin-top:14px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading .micro{color:var(--color-aaa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters [aria-pressed=true]{background:var(--paper);color:var(--color-111);border-color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-tile{text-align:left;min-width:0;align-self:start;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-tile[hidden]{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-image{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-1a1a1a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-image:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,var(--color-0009));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-3) var(--ease-salsa),filter var(--dur-3) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-tile:hover img{transform:scale(1.06);filter:brightness(.8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-play{position:absolute;right:15px;top:12px;z-index:2;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-duration{position:absolute;bottom:15px;right:15px;z-index:2;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-process{position:absolute;left:15px;bottom:15px;z-index:2;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption{display:flex;flex-direction:column;gap:8px;margin-top:15px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption>span{color:var(--color-aaa8a2);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-count{color:var(--color-888);margin-top:35px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about{border-top:1px solid var(--color-fff3);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .behance-link{display:block;margin-top:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-tabs{display:flex;gap:28px;padding:0 4vw 25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .making-of{padding:25px 4vw 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-heading{max-width:700px;margin:0 0 70px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-heading h3{margin:20px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-heading>p:last-child{color:var(--color-aaa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step{border-top:1px solid var(--color-fff3);padding:32px 0 60px;display:grid;grid-template-columns:1fr 2fr;gap:45px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step h4{margin:20px 0 15px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step p{color:var(--color-aaa);max-width:330px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step video{width:100%;max-height:70vh;object-fit:contain;background:var(--color-000);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reference-pair{display:grid;gap:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reference-pair figure{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reference-pair img{width:100%;height:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reference-pair figcaption{margin-top:12px;color:var(--color-aaa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-footnote{color:var(--color-888);max-width:600px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film{margin:30px 4vw 60px;border-top:1px solid var(--color-fff3);padding-top:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film img{width:220px;aspect-ratio:16/9;object-fit:cover;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-play-link{padding:0 4vw 35px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{top:32%;left:5vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-top{top:23%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{max-width:240px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-betty .scene-media video{object-position:42% center;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-betty .project-caption h2{max-width:220px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-shortcut{gap:20px;margin-top:15px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scene-reyes .portrait-screen{left:65%;max-width:74vw;top:15%;bottom:23%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-still{left:-17%;top:22%;width:70%;height:42%;opacity:.6;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-screen{top:21%;left:-35%;width:170%;height:45%;transform:rotate(-5deg);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-word{bottom:29%;right:5%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading{display:block;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters{justify-content:flex-start;margin-top:30px;gap:7px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-process{left:9px;bottom:33px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-duration{right:9px;bottom:12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-play{right:10px;top:8px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step{grid-template-columns:1fr;gap:25px;padding-bottom:40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step p{max-width:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-heading{margin-bottom:40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .making-of{padding:20px 6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film{margin:20px 6vw 40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .related-film img{width:120px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-tabs{padding-left:6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption{bottom:125px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .section{padding:var(--space-9) var(--gutter);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero{padding-top:130px;padding-bottom:44px;overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-kicker{display:flex;justify-content:space-between;color:var(--color-b4b1aa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-grid{display:grid;grid-template-columns:minmax(0,3.35fr) 1fr;gap:35px;align-items:center;margin:45px 0 35px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-character{margin:0;transform:rotate(3deg);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-character img{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--color-aeafb0);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-character figcaption{margin-top:12px;color:var(--color-b4b1aa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-bottom p{color:var(--color-b4b1aa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .line-link{padding-bottom:8px;border-bottom:1px solid var(--color-fff8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter{padding-top:var(--space-9);padding-bottom:var(--space-9);border-bottom:1px solid var(--color-ffffff30);overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter h2{margin-top:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-copy{max-width:380px;padding-bottom:6px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-copy p{margin-bottom:27px;color:var(--color-b7b3ac);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-copy .micro{color:var(--color-b7b3ac);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame{position:relative;background:var(--color-070707);width:100%;isolation:isolate;aspect-ratio:var(--ratio,16/9);max-height:82svh;overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame video{width:100%;height:100%;object-fit:contain;display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .play-symbol{width:72px;height:72px;border:1px solid var(--color-fff9);border-radius:50%;display:grid;place-items:center;padding-left:4px;color:var(--color-fff);background:var(--color-0005);backdrop-filter:blur(8px);transition:background var(--dur-1) var(--ease-salsa),transform var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-status{position:absolute;bottom:55px;left:20px;pointer-events:none;background:var(--color-101010bd);color:var(--color-fff);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-status:not(:empty){padding:9px 14px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:19px 0 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-caption span{color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-note{color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-note{margin-top:15px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-label{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-top:1px solid var(--color-ffffff30);padding-top:24px;margin:70px 0 30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter figure{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-zoom{position:relative;display:block;width:100%;text-align:left;cursor:zoom-in;overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-zoom img{width:100%;height:auto;transition:transform var(--dur-3) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-zoom:hover img{transform:scale(1.025);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .image-zoom>span{position:absolute;right:14px;bottom:14px;padding:7px 11px;background:var(--color-101010e8);color:var(--color-fff);border:1px solid var(--color-ffffff50);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych img{aspect-ratio:3/4;object-fit:contain;background:var(--color-b4b4b4);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter figcaption{margin-top:12px;color:var(--color-a9a7a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film{border-top:1px solid var(--color-ffffff40);border-bottom:1px solid var(--color-ffffff40);margin-top:50px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:25px;padding:30px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film summary::-webkit-details-marker{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film[open]{padding-bottom:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film[open] .detail-state:after{content:"Cerrar −";} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty{background:var(--color-dfd7c4);color:var(--color-1a1915);--line:var(--color-1a191530);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty .chapter-copy p{color:var(--color-57534a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty .chapter-copy .micro{color:var(--color-57534a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty figcaption{color:var(--color-57534a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty .screen-caption span{color:var(--color-57534a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty .process-label{border-color:var(--color-1a191540);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .identity-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .identity-pair img{aspect-ratio:16/9;object-fit:contain;background:var(--color-e8e7e3);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid h3{margin:22px 0 10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid p{color:var(--color-57534a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid .media-frame{aspect-ratio:16/9;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-feature{display:grid;grid-template-columns:minmax(260px,1fr) 1.1fr;gap:7vw;align-items:start;max-width:1100px;margin:0 auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-film{position:sticky;top:170px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-film .media-frame{width:auto;max-width:100%;height:72svh;aspect-ratio:9/16;margin:0 auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-casting{display:grid;gap:28px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-casting figure{max-width:540px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-frames{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1000px;margin:0 auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-frames img{height:520px;object-fit:contain;background:var(--color-171a1c);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-layout{display:grid;grid-template-columns:1fr .65fr;gap:9vw;align-items:center;max-width:1200px;margin:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-copy>p:not(.micro){margin:30px 0;color:var(--color-b4b1a8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .solid-link{display:inline-block;padding:18px 28px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive{padding-top:var(--space-9);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-image img{object-fit:contain;background:var(--color-080808);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-portrait .tile-image{aspect-ratio:3/4;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-wall{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #large-image{width:100%;height:calc(94svh - 90px);object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;margin-top:60px;background:var(--color-ded8cd);color:var(--color-161614);padding:40px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section h3{margin:18px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section p{color:var(--color-555047);max-width:300px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-shell{position:relative;min-width:0;height:500px;background:var(--color-c7c0b4);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-shell model-viewer{width:100%;height:100%;--poster-color:transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-shell>img{width:100%;height:100%;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-launch{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--color-171717);color:var(--color-fff);white-space:nowrap;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-controls{margin-top:22px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-status{margin-top:16px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 80%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure:nth-child(2){animation-range:entry 10% entry 95%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure:nth-child(3){animation-range:entry 20% entry 100%;} @keyframes rise{from{transform:translateY(60px);opacity:.6}to{transform:none;opacity:1}} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-grid{max-width:1750px;margin-inline:auto;}} @media(min-width:1600px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .section{padding:var(--space-8) var(--gutter);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero{padding-top:110px;padding-bottom:32px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-kicker{gap:20px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-kicker>span:last-child{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-grid{grid-template-columns:1fr;margin:30px 0;gap:24px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-character{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-bottom{align-items:start;gap:18px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .line-link{max-width:100px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-heading{display:block;margin-bottom:30px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter h2{margin-top:18px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-copy{margin-top:24px;max-width:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-copy p{margin-bottom:16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-copy p br{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame{max-height:75svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .play-symbol{width:56px;height:56px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-caption{display:block;margin-top:16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-caption h3{margin-bottom:7px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-label{display:block;margin-top:42px;margin-bottom:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-label p{margin-top:12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych{gap:10px;grid-template-columns:1fr 1fr;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure:first-child{grid-column:1/-1;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure:first-child img{aspect-ratio:4/5;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych .image-zoom>span{right:8px;bottom:8px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film{margin-top:35px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film summary{grid-template-columns:1fr;gap:12px;padding:24px 0;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .detail-state{margin-top:5px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .identity-pair{grid-template-columns:1fr;gap:32px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid{grid-template-columns:1fr;gap:32px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .identity-pair img{aspect-ratio:auto;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-feature{grid-template-columns:1fr;gap:40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-film{position:static;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .portrait-film .media-frame{height:auto;width:100%;max-height:75svh;aspect-ratio:9/16;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-casting{gap:25px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-frames{gap:25px;grid-template-columns:1fr;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-frames img{height:auto;max-height:70svh;object-fit:contain;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-layout{grid-template-columns:1fr;gap:30px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-copy>p:not(.micro){margin:22px 0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-wall{grid-template-columns:1fr 1fr;gap:28px 14px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-image{aspect-ratio:3/4;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-portrait .tile-image{aspect-ratio:3/4;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-process{display:none;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section{grid-template-columns:1fr;padding:24px;gap:24px;margin-top:35px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-shell{height:430px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section p{max-width:none;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-status{bottom:45px;left:10px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-character{animation:hero-tilt linear both;animation-timeline:scroll();animation-range:0 700px;} @keyframes hero-tilt{from{transform:rotate(3deg) translateY(0)}to{transform:rotate(-3deg) translateY(55px)}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-bottom{gap:14px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero-bottom .line-link{min-width:85px;}} /* From motion.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening{height:240svh;position:relative;background:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;perspective:1400px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-picture{position:absolute;inset:0;transform:translate3d(20%,0,0) scale(.76) rotate(-6deg);transform-origin:60% 50%;will-change:transform;border-radius:2px;overflow:hidden;background:var(--color-000);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-video{width:100%;height:100%;object-fit:cover;object-position:52% 50%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-0003),transparent 30%,transparent 60%,var(--color-000b));pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:transform,opacity;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand>.micro{position:absolute;left:var(--gutter);top:20%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{position:absolute;left:calc(var(--gutter) - .6vw);top:29%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1>span{display:block;will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:115px;display:flex;align-items:end;justify-content:space-between;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom>span{color:var(--color-d3d0c7);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:100px;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:30px;opacity:0;visibility:hidden;transform:translateY(30px);will-change:opacity,transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption .micro{margin-bottom:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);z-index:4;display:flex;align-items:center;gap:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-track{height:2px;width:160px;background:var(--color-ffffff40);overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-track i{display:block;background:var(--paper);width:100%;height:100%;transform-origin:left;transform:scaleX(.05);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco{position:relative;z-index:2;background:var(--ink);padding-top:var(--space-8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-intro{margin-top:0;border:0;padding-top:0;align-items:end;margin-bottom:60px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-intro>p{max-width:360px;color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure{animation:none;will-change:transform;transform-origin:50% 90%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych{gap:24px;padding-bottom:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter{overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-heading h2{will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-reveal{will-change:transform,clip-path;transform-origin:center;transform:translateY(55px) scale(.88);clip-path:inset(7% 9% 7% 9%);transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-reveal.started{transform:none!important;clip-path:inset(0)!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame .film-atmosphere{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-frame.started .film-atmosphere{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .media-status{z-index:3;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .floating-pair figure{will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-casting figure{will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .floating-pair{gap:35px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes .portrait-feature{padding-top:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes .portrait-film{top:165px;} :where(html:not(:has(body.launch-merch, body.launch-courses))).motion-paused .opening-brand,:where(html:not(:has(body.launch-merch, body.launch-courses))) body.motion-paused .opening-brand{will-change:auto;} :where(html:not(:has(body.launch-merch, body.launch-courses))).motion-paused .opening-caption,:where(html:not(:has(body.launch-merch, body.launch-courses))) body.motion-paused .opening-caption{will-change:auto;} :where(html:not(:has(body.launch-merch, body.launch-courses))).motion-paused .opening-picture,:where(html:not(:has(body.launch-merch, body.launch-courses))) body.motion-paused .opening-picture{will-change:auto;} @media(min-width:1600px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening{height:215svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-picture{transform:translate3d(13%,0,0) scale(.87) rotate(-6deg);transform-origin:50% 50%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-video{object-position:30% 50%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand>.micro{top:21%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{top:35%;left:5vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{bottom:125px;gap:25px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption{bottom:130px;gap:18px;align-items:start;flex-direction:column;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption .micro{margin-bottom:9px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail{bottom:26px;gap:16px;flex-wrap:wrap;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-track{width:100%;height:2px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco{padding-top:var(--space-7);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-intro{margin-bottom:35px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-intro>p{margin-top:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych{gap:14px;padding-bottom:5px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .floating-pair{gap:38px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-reveal{transform:translateY(30px) scale(.94);clip-path:inset(5% 5%);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes .portrait-feature{padding-top:0;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening{height:100svh;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-picture{transform:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand{opacity:1!important;transform:none!important;visibility:visible!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1>span{transform:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{top:24%;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand>.micro{top:17%;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{display:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption{opacity:1!important;transform:none!important;visibility:visible!important;bottom:95px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption>div{display:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail>a{display:block;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-reveal{transform:none!important;clip-path:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .character-triptych figure{transform:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .floating-pair figure{transform:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-casting figure{transform:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-heading h2{transform:none!important;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-anchor{min-width:0;} @media(max-height:600px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{top:27%;}} @media(max-height:600px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand>.micro{top:21%;}} @media(max-height:600px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{bottom:75px;}} @media(max-height:600px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption{bottom:80px;}} @media(max-height:600px) and (min-width:761px){} /* From collections.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:32px;align-items:start;margin-bottom:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-frame{height:clamp(380px,44vw,640px);aspect-ratio:auto;max-height:72svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:23px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now h3{margin:9px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-episode-note{color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now .micro{color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .compact-collection .collection-layout{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .compact-collection .collection-frame{height:70svh;max-height:70svh;width:100%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco .process-label{margin-top:80px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-fuicioso{background:var(--color-191919);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-fuicioso .identity-pair img{aspect-ratio:auto;background:var(--color-aaa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-fuicioso .collection-frame{height:70svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .modal-collection{padding:0 4vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .modal-collection .film-reveal{transform:none!important;clip-path:none!important;} @media(max-width:1000px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-layout{display:block;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-frame{height:auto;aspect-ratio:var(--ratio);max-height:70svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now{padding-top:18px;gap:15px;align-items:start;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-fuicioso .collection-frame{height:auto;aspect-ratio:var(--ratio);max-height:70svh;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco .process-label{margin-top:50px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .modal-collection{padding:0 6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .compact-collection .collection-frame{height:auto;aspect-ratio:var(--ratio);max-height:70svh;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-frame{scroll-margin-top:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:45px 0 70px;padding-top:25px;border-top:1px solid var(--color-ffffff30);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-decisions h3{margin:12px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-decisions p{color:var(--color-aaa8a1);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-frame{scroll-margin-top:0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-decisions{grid-template-columns:1fr;gap:20px;margin:30px 0 45px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty .process-decisions{border-color:var(--color-10101030);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty .process-decisions p{color:var(--color-57534a);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-game .game-layout{grid-template-columns:.85fr 1.35fr;gap:6vw;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-game .game-layout{grid-template-columns:1fr;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-eva{background:var(--color-101119);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-feature{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;max-width:1180px;margin:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-title h2{margin:30px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-subtitle{margin-bottom:22px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-player{height:76svh;max-height:780px;aspect-ratio:9/16;width:auto;margin:auto;background:var(--color-08090d);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-frames figure{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-frames img{width:100%;height:auto;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-frames figcaption{margin-top:14px;color:var(--color-aaa8a1);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-identity img{aspect-ratio:auto;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters{flex-wrap:wrap;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-feature{grid-template-columns:1fr;gap:35px;}} @media(max-width:760px){} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-player{width:100%;height:auto;max-height:72svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-frames{grid-template-columns:1fr;gap:30px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-frames img{height:68svh;}} /* From museum.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-gallery-slot{margin-top:80px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-gallery{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);gap:4vw;align-items:start;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-focus{margin:0;min-width:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-focus .image-zoom{display:block;width:100%;overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-focus .image-zoom img{display:block;width:100%;height:62svh;min-height:340px;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-focus figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--color-b6b2aa);margin-top:18px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-piece-count{white-space:nowrap;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index{display:grid;border-top:1px solid var(--color-ffffff35);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index img{width:72px;height:80px;object-fit:contain;background:var(--color-000);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index .micro{color:var(--color-aaa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio{background:var(--color-140f0d);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .collection-layout{grid-template-columns:1fr 1fr;gap:7vw;max-width:1050px;margin:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .collection-frame{height:75svh;max-height:850px;background:var(--color-090605);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .modal-art{margin:50px 4vw 70px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 24px;min-height:64px;background:var(--ink);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .gallery-controls span{color:var(--color-bbb);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-feature{margin:45px 0 70px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-feature[hidden]{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature{display:block;width:100%;position:relative;overflow:hidden;min-height:520px;text-align:left;background:var(--color-070709);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature>img{width:100%;height:67vw;max-height:720px;min-height:520px;object-fit:cover;transition:transform var(--dur-3) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature:hover>img{transform:scale(1.035);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-000b),transparent 75%),linear-gradient(0deg,var(--color-0008),transparent 60%);pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .feature-caption{position:absolute;inset:40px;z-index:1;display:flex;flex-direction:column;align-items:start;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .feature-caption>strong{margin-top:auto;margin-bottom:28px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .feature-cta{border-bottom:1px solid var(--color-fff);padding-bottom:8px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #zarco-peliculas{scroll-margin-top:10px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-gallery-slot{margin-top:50px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-gallery{display:block;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-focus .image-zoom img{height:63svh;min-height:280px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;gap:0 12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-index img{width:46px;height:62px;}} @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))) .chapter-octavio .collection-layout{display:block;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .collection-frame{height:auto;max-height:72svh;aspect-ratio:9/16;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .modal-art{margin:35px 6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .gallery-controls{padding:15px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-feature{margin:30px 0 45px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature{min-height:510px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature>img{min-height:510px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature>img{object-position:60%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .feature-caption{inset:24px;}} @media(max-width:760px){} @media(max-width:760px){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature>img{transition:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature:hover>img{transform:none;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .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))) .museum-focus .image-zoom img{height:auto;min-height:0;max-height:63svh;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco{isolation:isolate;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco> :not(#zarco-parallax){position:relative;z-index:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #zarco-parallax{position:fixed;inset:0;z-index:0;pointer-events:none;visibility:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #zarco-parallax canvas{display:block;width:100%;height:100%;} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #zarco-parallax{display:none;}} /* From cinema.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #eva-frames.eva-frames{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-card{min-width:0;display:block;background:var(--color-101017);aspect-ratio:9/16;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-card img{width:100%;height:100%;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-progress{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-story{height:160svh;position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-stage{position:sticky;top:155px;height:calc(100svh - 180px);min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-window{width:min(100%,calc(76svh + 24px));overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-track{display:flex;gap:24px;will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-card{flex:0 0 calc((100% - 24px)/2);height:min(67svh,650px);aspect-ratio:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-card:focus-visible{outline:2px solid var(--color-f4e8fc);outline-offset:-3px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-progress{display:block;height:1px;width:80px;background:var(--color-ffffff35);overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-progress i{display:block;height:100%;width:100%;background:var(--color-eee8dc);transform-origin:left;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-track{gap:12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-story{height:145svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-stage{top:132px;height:calc(100svh - 155px);min-height:300px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-track{gap:12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pairs-enabled .eva-pair-card{flex-basis:calc((100% - 12px)/2);height:auto;aspect-ratio:9/16;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-pair-card.image-zoom>span{right:5px;bottom:5px;padding:5px 7px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-wall{perspective:1200px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-wall .film-tile{perspective:1000px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-wall .tile-image{transform-origin:center bottom;will-change:transform,opacity;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature{will-change:clip-path;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature>img{transition:filter var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature:hover>img{transform:none;filter:brightness(1.08);} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-tile .tile-image{transform:none!important;opacity:1!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-tile .tile-caption{transform:none!important;opacity:1!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-feature{clip-path:none!important;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{justify-content:flex-end;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-status{max-width:260px;background:var(--color-101010cc);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-status:empty{display:none;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-rail{gap:12px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro-status{flex-basis:100%;}} /* From narrative.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .zarco-series-label{margin-top:80px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-handoff{position:relative;background:var(--color-101119);height:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-stage{position:relative;height:calc(100svh - 147px);min-height:460px;overflow:hidden;isolation:isolate;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out{position:absolute;inset:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-in{position:absolute;inset:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out{display:none;background:var(--color-0e211b);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out img{width:100%;height:100%;object-fit:cover;opacity:.64;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out>span{position:absolute;left:var(--gutter);bottom:50px;color:var(--paper);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-in{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:32px 8vw;background:var(--color-1b142b);gap:6vw;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title{position:relative;z-index:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>.micro{color:var(--color-c0adc9);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>p{margin:25px 0 35px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>a{display:inline-block;border-bottom:1px solid var(--color-d3c1df);padding-bottom:8px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-art{max-width:100%;width:100%;height:calc(100svh - 215px);min-height:350px;object-fit:contain;transform-origin:center;box-shadow:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-ffffff15);z-index:3;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-line i{display:block;height:100%;background:var(--color-cab0e8);transform-origin:left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated{height:190svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated .handoff-stage{position:sticky;top:147px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated .handoff-out{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty{overflow:visible;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .zarco-series-label{margin-top:50px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-stage{height:calc(100svh - 122px);min-height:560px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated{height:175svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated .handoff-stage{top:122px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-in{padding:24px 6vw;grid-template-columns:1fr;gap:16px;grid-template-rows:auto minmax(0,1fr);}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>p{margin:12px 0 14px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>p br{display:none;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-art{height:100%;min-height:0;max-height:47svh;object-fit:contain;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out>span{bottom:45px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-stage{position:relative;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out{display:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-in{clip-path:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-art{height:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title{height:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-handoff{height:auto;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process{margin-top:64px;scroll-margin-top:160px;background:var(--color-11110f);color:var(--color-e9e6dc);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #kill-proceso{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:26px var(--gutter) 28px;margin-bottom:-100px;scroll-margin-top:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process>h3{display:flex;align-items:center;gap:25px;margin:0 0 24px;color:var(--color-e4c04f);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process>h3::after{content:"";height:1px;flex:1;background:var(--color-ffffff24);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-board{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:clamp(28px,4vw,65px);align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .identity-pair{display:grid;grid-template-columns:1fr;gap:23px;margin:0;padding:5px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure{margin:0;min-width:0;transform:rotate(-1.5deg)!important;transition:transform var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure:nth-child(2){transform:rotate(1.5deg)!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure:hover{transform:rotate(0deg)!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure:focus-within{transform:rotate(0deg)!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .image-zoom img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--color-e8e7e3);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .image-zoom>span{right:7px;bottom:7px;border:0;padding:6px 8px;background:var(--color-111e);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-action{min-width:0;position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .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 video{object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-action .play-symbol{width:76px;height:76px;background:var(--color-e4c04f);color:var(--color-111);border:0;backdrop-filter:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .making-of.cut-process{margin-top:0;padding-bottom:36px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #kill-proceso{padding:26px var(--gutter) 34px;margin-bottom:-65px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process{margin-top:34px;scroll-margin-top:135px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process>h3{margin-bottom:25px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-board{grid-template-columns:1fr;gap:25px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-action{grid-row:1;width:100%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .identity-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:5px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .image-zoom>span{right:4px;bottom:4px;padding:5px 6px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-action .play-symbol{width:58px;height:58px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure{transition:none;transform:none!important;}} /* From depth.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-art.depth-scene{position:relative;width:auto;max-width:100%;aspect-ratio:941/1672;justify-self:center;isolation:isolate;overflow:visible;background:var(--color-141522);box-shadow:0 25px 70px var(--color-0005);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-scene .depth-back{z-index:0;clip-path:inset(0);object-fit:cover;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-scene .depth-person{z-index:2;transform-origin:50% 85%;filter:drop-shadow(-12px 5px 18px var(--color-0007));mask-image:linear-gradient(var(--color-000) 91%,transparent 100%);-webkit-mask-image:linear-gradient(var(--color-000) 91%,transparent 100%);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-scene .depth-rail{z-index:3;clip-path:polygon(0 69%,100% 73.2%,100% 76%,0 71.6%);filter:drop-shadow(0 8px 5px var(--color-0008));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-in{overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title{z-index:4;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-depth{position:relative;margin:0 calc(var(--gutter) * -1) 85px;background:var(--color-15100b);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-stage{position:relative;height:calc(100svh - 147px);min-height:460px;isolation:isolate;overflow:hidden;--look-x:0px;--look-y:0px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-landscape{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:50% 55%;will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--color-140f0dd9),transparent 45%,var(--color-130e0770));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-word{position:absolute;left:-2%;top:18%;z-index:1;color:var(--color-f1d0a0);white-space:nowrap;will-change:transform;opacity:.9;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-person{position:absolute;right:10%;bottom:-5%;height:112%;width:auto;max-width:none;z-index:2;object-fit:contain;transform-origin:50% 85%;translate:var(--look-x) var(--look-y);transition:translate var(--dur-2) var(--ease-salsa);filter:drop-shadow(-25px 15px 25px var(--color-130b0870));will-change:transform;pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-enter{position:absolute;left:var(--gutter);bottom:35px;z-index:4;display:flex;gap:55px;align-items:center;padding:16px 22px;border:1px solid var(--color-e5ccac8c);background:var(--color-140f0dbd);backdrop-filter:blur(10px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-enter>span{opacity:.7;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-depth.depth-enabled{height:165svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-enabled .octavio-stage{position:sticky;top:147px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio{overflow:visible;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #octavio-clips{scroll-margin-top:20px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-art.depth-scene{height:100%;width:auto;min-height:0;max-height:47svh;max-width:75vw;aspect-ratio:941/1672;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-stage{height:calc(100svh - 122px);min-height:490px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-enabled .octavio-stage{top:122px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-depth{margin-bottom:50px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-depth.depth-enabled{height:145svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-person{right:-32%;height:97%;bottom:0;max-width:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-word{top:11%;left:-3%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-enter{bottom:25px;padding:14px 18px;gap:40px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-scene img{transform:none!important;will-change:auto;translate:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-landscape{transform:none!important;will-change:auto;translate:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-person{transform:none!important;will-change:auto;translate:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-word{transform:none!important;will-change:auto;translate:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-person{transition:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-depth{height:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .depth-enabled .octavio-stage{position:relative;top:auto;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-person{mask-image:linear-gradient(90deg,transparent,var(--color-000) 7%,var(--color-000) 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,var(--color-000) 7%,var(--color-000) 96%,transparent);} /* From reyes-ride.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes{overflow:visible;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride{position:relative;margin:0 calc(var(--gutter) * -1) 80px;background:var(--color-070d1b);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-stage{position:relative;height:calc(100svh - 147px);min-height:470px;overflow:hidden;isolation:isolate;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-street{position:absolute;inset:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard{position:absolute;inset:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-city{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;object-position:50% 55%;will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-night{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-020820aa),transparent 50%,var(--color-04050ace));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route{position:absolute;top:5%;left:4%;color:var(--color-f3e6b6);opacity:.9;will-change:transform;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route>span{display:block;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-bus{position:absolute;bottom:12%;left:10%;width:83%;height:auto;max-height:86%;object-fit:contain;transform-origin:62% 65%;filter:drop-shadow(0 22px 16px var(--color-020416a6));will-change:transform;pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard{opacity:0;background:var(--color-10101a);will-change:clip-path,transform,opacity;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard:before{content:"";position:absolute;inset:-20px;background:linear-gradient(var(--color-0b081375),var(--color-080715bb)),url("./assets/museum/03.webp") center/cover;filter:blur(16px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard>img{position:absolute;inset:0;width:100%;height:calc(100% - 72px);object-fit:contain;object-position:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-cabin-label{position:absolute;left:var(--gutter);top:24px;background:var(--color-12111ade);border:1px solid var(--color-ffffff30);padding:10px 14px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px var(--gutter);background:var(--color-080c16dc);backdrop-filter:blur(12px);z-index:4;min-height:73px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index{display:flex;gap:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-controls>a{border-bottom:1px solid var(--color-cfcad980);padding:7px 0;white-space:nowrap;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-distance{position:absolute;bottom:0;left:0;width:100%;height:2px;z-index:5;background:var(--color-ffffff20);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-distance i{display:block;height:100%;background:var(--color-f3e6b6);transform-origin:left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride.ride-motion{height:220svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .ride-motion .reyes-ride-stage{position:sticky;top:147px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #reyes-clips{scroll-margin-top:20px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride:not(.ride-motion)[data-scene=inside] .reyes-inboard{opacity:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride:not(.ride-motion)[data-scene=inside] .reyes-street{opacity:0;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride{margin-bottom:50px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride.ride-motion{height:200svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-stage{height:calc(100svh - 122px);min-height:500px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .ride-motion .reyes-ride-stage{top:122px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route{top:9%;left:6%;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-bus{width:150%;max-width:none;max-height:73%;left:-25%;bottom:19%;transform-origin:55% 60%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-city{object-position:63% 50%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-controls{gap:14px;padding:16px 6vw;min-height:90px;align-items:end;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route-index{gap:16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-controls>a{max-width:100px;white-space:normal;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard>img{height:calc(100% - 90px);padding:0 12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-cabin-label{top:28px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-distance{height:2px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride{height:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-city{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-bus{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-cabin-label{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-stage{position:relative!important;top:auto!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-inboard{clip-path:none!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-distance{display:none;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-stage{transform:translateZ(0);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-city{object-position:50% 100%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-canvas{position:relative;width:100%;height:100%;overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-stage{overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-ride-canvas{overflow:clip;} /* From frisby-fight.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #frisby{scroll-margin-top:60px;margin:55px calc(var(--gutter) * -1) 90px;color:var(--color-f6dfb3);background:var(--color-100d0b);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-scroll{position:relative;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-stage{position:relative;height:calc(100svh - 147px);min-height:440px;isolation:isolate;overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-canvas{position:relative;height:100%;overflow:clip;transform:translateZ(0);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-layers{position:absolute;inset:0 0 70px;overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-arena{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-0c0a08ad),transparent 55%,var(--color-0c0a0845));} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading{position:absolute;top:6%;left:var(--gutter);z-index:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading h3{margin-top:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-chicken{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform;transform-origin:50% 80%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-willy{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform;transform-origin:50% 80%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-willy{z-index:2;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-chicken{z-index:3;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result{position:absolute;inset:0 0 70px;width:100%;background:var(--color-090a0a);opacity:0;z-index:4;overflow:clip;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result>img{width:100%;height:100%;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result>span{position:absolute;right:22px;bottom:20px;padding:10px 14px;background:var(--color-100d0be6);border:1px solid var(--color-f6dfb350);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls{position:absolute;bottom:0;left:0;right:0;min-height:70px;background:var(--color-100d0bf2);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px var(--gutter);z-index:5;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls>div{display:flex;gap:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls a{padding:10px 0;border-bottom:1px solid transparent;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls a{border-color:var(--color-f6dfb370);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-ffffff20);z-index:6;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-progress i{display:block;height:100%;background:var(--color-f6c649);transform-origin:left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-motion{height:220svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-motion .frisby-stage{position:sticky;top:147px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-scroll:not(.fight-motion)[data-fight-scene="1"] .fight-result{opacity:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-scroll:not(.fight-motion)[data-fight-scene="1"] .frisby-layers{opacity:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-workshop{padding:var(--space-8) var(--gutter) 45px;background:var(--color-cfc9bd);color:var(--color-191715);scroll-margin-top:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-heading h3{margin-top:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-switch{display:flex;gap:20px;flex-shrink:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-switch [aria-pressed=true]{border-color:var(--color-191715);color:var(--color-191715);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair figure{margin:0;min-width:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-portrait{position:relative;overflow:clip;aspect-ratio:400/730;max-height:64svh;background:var(--color-60615f);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-portrait img{position:absolute;width:400%;height:123.288%;top:-13.6986%;max-width:none;object-fit:fill;transition:opacity var(--dur-1) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-frisby img{left:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-willy img{left:-200%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair[data-view=back] .fighter-frisby img{left:-100%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair[data-view=back] .fighter-willy img{left:-300%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair figcaption{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-19171540);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair figcaption>span{color:var(--color-625b52);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-links{display:flex;justify-content:space-between;gap:24px;margin-top:35px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #frisby{margin-top:35px;margin-bottom:55px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-stage{height:calc(100svh - 122px);min-height:470px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-motion{height:190svh;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-motion .frisby-stage{top:122px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-layers{bottom:92px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result{bottom:92px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading{top:8%;left:6vw;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading h3{margin-top:14px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-chicken{inset:auto auto 8% -42.5%;width:185%;height:auto;max-width:none;object-fit:contain;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-willy{inset:auto auto 8% -42.5%;width:185%;height:auto;max-width:none;object-fit:contain;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-arena{object-position:50% 50%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls{min-height:92px;gap:18px;align-items:end;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls>div{gap:18px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-controls a{max-width:95px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result>span{right:16px;bottom:16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-workshop{padding-top:42px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-heading{display:block;margin-bottom:24px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-switch{margin-top:18px;gap:25px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair{gap:14px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair figcaption{display:block;padding:14px 0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair figcaption>span{display:block;margin-bottom:7px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-links{gap:30px;margin-top:24px;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-scroll{height:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-stage{position:relative!important;top:auto!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-arena{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-chicken{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-willy{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .frisby-layers{transform:none!important;will-change:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-progress{display:none;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result .fight-player{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:var(--color-080808);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-player video{width:100%;height:100%;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-result[inert]{pointer-events:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-portrait{max-height:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair{max-width:700px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-chicken{width:78%;height:78%;inset:auto auto 0 0;object-position:bottom left;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-willy{width:92%;height:92%;inset:auto 0 0 auto;object-position:bottom right;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-chicken{width:145%;height:auto;inset:auto auto 1% -21%;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-willy{width:160%;height:auto;inset:auto -26% 9% auto;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair{align-items:end;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-portrait{aspect-ratio:var(--crop-width)/720;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-frisby{--crop-width:380;--crop-left:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-willy{--crop-width:425;--crop-left:747;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair[data-view=back] .fighter-frisby{--crop-width:365;--crop-left:380;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair[data-view=back] .fighter-willy{--crop-width:407;--crop-left:1190;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-portrait img{width:calc(1600 / var(--crop-width) * 100%);height:125%;top:-15.2778%;left:calc(var(--crop-left) / var(--crop-width) * -100%);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair[data-view=back] .fighter-portrait img{width:calc(1600 / var(--crop-width) * 100%);height:125%;top:-15.2778%;left:calc(var(--crop-left) / var(--crop-width) * -100%);} /* From experience.css */ html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience="choose"] #long-experience{display:none;} html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience="short"] #long-experience{display:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #experience-start[hidden]{display:none!important} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #short-experience[hidden]{display:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #long-experience[hidden]{display:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .courses-link{padding:8px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .courses-link:hover{color:var(--color-ff7054);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #short-experience{min-height:100svh;padding:130px var(--gutter) 45px;max-width:1400px;margin:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading h1{outline:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading>a{border-bottom:1px solid var(--color-ffffff50);padding:7px 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-player{width:100%;height:min(53svh,650px);max-height:none;aspect-ratio:auto;background:var(--color-080808);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-player video{width:100%;height:100%;object-fit:contain;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-contact{display:flex;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--color-ffffff35);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-contact a{border-bottom:1px solid var(--color-ffffff40);padding-bottom:5px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-contact .short-mail{margin-right:auto;overflow-wrap:anywhere;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-to-tour{display:inline-block;border-bottom:1px solid var(--color-ffffff65);padding:8px 0;margin-top:22px;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #short-experience{padding-top:108px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading{align-items:start;gap:20px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading h1{max-width:190px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading>a{text-align:right;max-width:105px;padding-top:0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-player{height:auto;aspect-ratio:16/9;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-contact{flex-wrap:wrap;gap:16px 25px;padding:23px 0;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-contact .short-mail{flex-basis:100%;margin:0;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-to-tour{margin-top:30px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #experience-start{position:relative;height:100svh;min-height:320px;overflow:clip;isolation:isolate;background:var(--color-080807);--entry-x:50%;--entry-y:50%;--entry-shift-x:0px;--entry-shift-y:0px;--entry-light:0} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-field{position:absolute;inset:-4%;pointer-events:none;transform:translate3d(var(--entry-shift-x),var(--entry-shift-y),0);transition:transform var(--dur-3) var(--ease-salsa)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-drift{position:absolute;inset:0;animation:entry-drift 22s ease-in-out infinite alternate} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-flowers{position:absolute;inset:0;background:url("./assets/entry/sunflowers.webp") center/cover no-repeat} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-reveal{position:absolute;inset:0;background:url("./assets/entry/sunflowers.webp") center/cover no-repeat} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-flowers{opacity:.39;filter:grayscale(1)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-reveal{opacity:var(--entry-light);filter:grayscale(1);mask-image:radial-gradient(ellipse 280px 240px at var(--entry-x) var(--entry-y),var(--color-000),transparent 100%);-webkit-mask-image:radial-gradient(ellipse 280px 240px at var(--entry-x) var(--entry-y),var(--color-000),transparent 100%);transition:opacity var(--dur-3) var(--ease-salsa)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,var(--color-08080714) 5%,transparent 40%,var(--color-080807a0) 100%)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-grain{position:absolute;inset:-10%;pointer-events:none;opacity:.28;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");animation:entry-grain .8s steps(1) infinite} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choices{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:30px;z-index:2;padding:24px} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice{font:400 16px/1.4 "DM Sans",sans-serif;letter-spacing:.015em;color:var(--color-d8d6cd);padding:17px 1px;position:relative;text-shadow:0 2px 15px var(--color-000);transition:color var(--dur-1) var(--ease-salsa);white-space:nowrap} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-1) var(--ease-salsa)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice:hover{color:var(--color-fff)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice:focus-visible{color:var(--color-fff)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice:hover:after{transform:scaleX(1)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice:focus-visible:after{transform:scaleX(1)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choices>span{font-size:14px;color:var(--color-6c6c64)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-status{position:absolute;top:calc(50% + 65px);left:24px;right:24px;text-align:center;font-size:14px;color:var(--color-c8c6bc);z-index:3} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal{position:absolute;left:50%;top:calc(50% - 190px);width:clamp(200px,20vw,260px);transform:translateX(-50%);pointer-events:none;mix-blend-mode:screen;opacity:.5;filter:grayscale(1);z-index:1} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal-crop{position:relative;display:block;aspect-ratio:1204/775;overflow:hidden} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal-crop img{position:absolute;width:186.88%;height:auto;max-width:none;left:-42.86%;top:-236.64%} @media(max-height:500px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal{width:155px;top:calc(50% - 135px)}} html:where(:has(body:not(.launch-merch):not(.launch-courses))):not([data-experience="choose"]) .entry-grain{animation-play-state:paused} html:where(:has(body:not(.launch-merch):not(.launch-courses))):not([data-experience="choose"]) .entry-drift{animation-play-state:paused} @keyframes entry-grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,2%)}} @keyframes entry-drift{from{transform:scale(1.015) rotate(-.3deg)}to{transform:scale(1.065) rotate(.35deg)}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-flowers{background-position:28% center}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-reveal{background-position:28% center}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-flowers{opacity:.35}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choices{gap:24px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice{font-size:16px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-reveal{mask-image:radial-gradient(circle 200px at var(--entry-x) var(--entry-y),var(--color-000),transparent);-webkit-mask-image:radial-gradient(circle 200px at var(--entry-x) var(--entry-y),var(--color-000),transparent)}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-grain{animation:none}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-drift{animation:none}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-field{transform:none;transition:none}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-reveal{display:none}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice:after{transition:none}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice{transition:none}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #experience-start{display:grid;place-items:center;height:auto;min-height:100svh} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(100%,620px);padding:36px 28px;gap:24px} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-seal{position:relative;left:auto;top:auto;transform:none;width:200px;flex-shrink:0} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy{text-align:center;max-width:510px;text-shadow:0 2px 20px var(--color-000)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p:first-child{font-size:19px;line-height:1.55;color:var(--color-eeece3);margin:0} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p+p{font-size:13px;line-height:1.5;color:var(--color-c5c2b6);margin:14px 0 0} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-choices{position:relative;inset:auto;padding:0;gap:30px} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-status{position:relative;inset:auto;margin:0;text-align:center} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-status:empty{display:none} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content{padding:30px 24px;gap:22px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-seal{width:180px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p:first-child{font-size:17px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p+p{max-width:260px;margin:14px auto 0}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-choices{gap:24px}} @media(max-height:500px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content{gap:12px;padding:20px 28px}} @media(max-height:500px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-seal{width:110px}} @media(max-height:500px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p:first-child{font-size:16px}} @media(max-height:500px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p+p{margin-top:8px}} @media(max-height:500px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-choice{padding:10px 1px}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content{width:min(100%,620px);gap:26px} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-seal{width:240px;opacity:.86;filter:none;mix-blend-mode:normal} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal-crop{aspect-ratio:1290/900;isolation:isolate} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal-crop img{opacity:0} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-seal-crop svg{display:block;width:100%;height:100%;overflow:hidden} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy{width:100%;max-width:520px;border:1px solid var(--color-d9d4c14d);background:var(--color-090a0873);padding:25px 27px;text-shadow:none;backdrop-filter:blur(8px);text-transform:uppercase} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p:first-child{font:500 13px/1.85 "DM Sans",sans-serif;letter-spacing:.095em;color:var(--color-ebe8dd)} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p+p{font:400 10px/1.7 "DM Sans",sans-serif;letter-spacing:.12em;color:var(--color-b3b0a4);margin:17px 0 0} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-choices{gap:32px} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content{padding:28px 24px;gap:23px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-seal{width:210px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy{padding:23px 20px}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p:first-child{font-size:12px;letter-spacing:.075em}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p+p{font-size:10px;max-width:none;margin:16px 0 0}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-choices{gap:25px}} @media(max-height:600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content{gap:14px;padding-top:20px;padding-bottom:20px}} @media(max-height:600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-content .entry-seal{width:150px}} @media(max-height:600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy{padding:18px 22px}} @media(max-height:600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p:first-child{font-size:12px}} @media(max-height:600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .entry-copy p+p{margin-top:10px}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #experience-start{padding-top:90px} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #experience-start{padding-top:76px}} /* From finish.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #zarco>.collection-slot{margin-top:64px;padding-top:40px;border-top:1px solid var(--line);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-heading:has(>div:only-child){grid-template-columns:1fr;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-index h3{margin-top:0;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #zarco>.collection-slot{margin-top:40px;padding-top:28px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters{gap:6px 22px;align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption{gap:5px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption>span{color:var(--color-aaa8a2);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .filters{gap:2px 21px;justify-content:flex-start;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now h3{margin-top:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-step h4{margin-top:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated{height:150svh;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-animated{height:135svh;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{justify-content:center;bottom:110px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom .scroll-cue{display:flex;flex-direction:column;align-items:center;gap:0;width:56px;height:90px;padding:10px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-cue-line{display:block;width:1px;height:44px;background:var(--color-ffffff35);overflow:hidden;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-cue-line i{display:block;width:1px;height:24px;background:currentColor;animation:scroll-cue-drop 1.7s ease-in-out infinite;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-cue-arrow{animation:scroll-cue-nudge 1.7s ease-in-out infinite;} @keyframes scroll-cue-drop{0%{transform:translateY(-25px)}70%,100%{transform:translateY(45px)}} @keyframes scroll-cue-nudge{0%,100%{transform:translateY(0);opacity:.55}60%{transform:translateY(6px);opacity:1}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-cue-line i{animation:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .scroll-cue-arrow{animation:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-bottom{display:flex;bottom:180px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-picture{transform:translate3d(0,0,0) scale(.92) rotate(-2.5deg);transform-origin:50% 50%;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .courses-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .courses-heading>span{color:var(--color-b6b2a8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:28px 0;border-top:1px solid var(--color-ffffff32);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview:last-child{padding-bottom:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview h3{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview p{color:var(--color-b6b2a8);max-width:300px;margin:0;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .courses-heading{gap:15px;margin-bottom:24px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview{grid-template-columns:1fr;gap:13px;padding:24px 0;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview p{max-width:280px;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-stage{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-fuicioso{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #kill-proceso{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #long-experience{overflow-anchor:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-heading h2{transform:none!important;will-change:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-betty{padding-bottom:0;border-bottom:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #kill-proceso{margin-bottom:0;padding-bottom:52px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure{transform:none!important;transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure:nth-child(2){transform:none!important;transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure:hover{transform:none!important;transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process figure:focus-within{transform:none!important;transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .image-zoom img{transform:none;transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process .image-zoom:hover img{transform:none;transition:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes{padding-top:64px;background-color:var(--ink);background-image:var(--paper-grain),linear-gradient(var(--color-11110f),var(--ink) 300px);background-repeat:repeat,no-repeat;background-size:180px 180px,100% 300px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes>.chapter-heading h2{margin-top:0;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #kill-proceso{margin-bottom:0;padding-bottom:36px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-reyes{padding-top:var(--space-7);}} /* From exhibition.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) #archivo.exhibition-ready{padding:110px var(--gutter) var(--space-9);background:var(--ink);color:var(--color-f1efe8);overflow:visible;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-heading h2{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-heading .filters{display:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready>.museum-feature{display:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro{max-width:310px;padding-bottom:8px;color:var(--color-b8b7af);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro p{margin:0 0 24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro a{display:inline-flex;gap:24px;align-items:center;min-height:44px;border-bottom:1px solid var(--color-ffffff50);color:var(--color-f1efe8);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro a span{transition:translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro a:hover span{translate:4px 4px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-scroll{position:relative;padding-bottom:6vh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet{position:sticky;top:104px;margin:0 0 7vh;min-width:0;scroll-margin-top:104px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-surface{background:var(--sheet-color);border:1px solid var(--color-ffffff24);padding:24px clamp(22px,3vw,48px) 36px;min-height:calc(100svh - 140px);display:flex;flex-direction:column;transform-origin:50% 0;color:var(--color-f1efe8);box-shadow:0 -15px 40px var(--color-0003);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-light .museum-sheet-surface{color:var(--color-191a14);border-color:var(--color-191a1426);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid currentColor;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-meta>span:nth-child(2){margin-right:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-meta i{padding:0 10px;opacity:.5;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-scroll-cue{opacity:.7;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:4vw;flex:1;align-items:center;padding-top:30px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{margin:0 0 26px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy p{max-width:250px;margin:0 0 28px;opacity:.8;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art{display:block;position:relative;width:100%;border:0;padding:0;color:inherit;background:var(--color-080808);overflow:hidden;cursor:pointer;aspect-ratio:16/9;max-height:65svh;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-art-classic{aspect-ratio:4/3;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art img{display:block;width:100%;height:100%;object-fit:contain;transition:scale var(--dur-3) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art:hover img{scale:1.025;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art:active img{scale:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-art-action{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;min-height:44px;padding:10px 18px;background:var(--color-f1efe8);color:var(--ink);translate:0 10px;opacity:0;transition:translate var(--dur-2) var(--ease-salsa),opacity var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art:hover .museum-art-action{translate:0 0;opacity:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art:focus-visible .museum-art-action{translate:0 0;opacity:1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-catalogue{padding-top:70px;border-top:1px solid var(--color-ffffff36);scroll-margin-top:110px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading h3{margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading p{color:var(--color-b8b7af);margin:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;perspective:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .film-tile{min-width:0;text-align:left;perspective:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-image{display:block;position:relative;aspect-ratio:4/3;background:var(--color-080808);overflow:hidden;transform:none!important;opacity:1!important;will-change:auto;border:1px solid var(--color-ffffff20);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-image img{display:block;width:100%;height:100%;object-fit:contain;background:none;transition:scale var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .film-tile:hover img{scale:1.035;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-play{position:absolute;inset:auto 14px 14px auto;width:36px;height:36px;display:grid;place-items:center;background:var(--color-f1efe8);color:var(--ink);border-radius:0;opacity:0;translate:-6px 6px;transition:opacity var(--dur-1) var(--ease-salsa),translate var(--dur-2) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .film-tile:hover .tile-play{opacity:1;translate:0 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .film-tile:focus-visible .tile-play{opacity:1;translate:0 0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-caption{display:flex;flex-direction:column;align-items:start;gap:7px;margin-top:16px;transform:none!important;opacity:1!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-caption>span{color:var(--color-aaa9a2);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-count{margin-top:40px;color:var(--color-aaa9a2);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready [hidden]{display:none!important;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready :focus-visible{outline:2px solid currentColor;outline-offset:5px;} @media(max-width:1000px){} @media(max-width:1000px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-layout{grid-template-columns:.8fr 1.2fr;gap:3vw;}} @media(max-width:1000px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #archivo.exhibition-ready{padding-top:96px;padding-bottom:60px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-heading{display:flex;gap:var(--space-2);margin-bottom:32px;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro{margin-top:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro p{margin-bottom:12px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet{position:relative;top:auto;margin-bottom:24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-surface{min-height:0;padding:18px 20px 24px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-meta{gap:12px;padding-bottom:14px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-scroll-cue{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-layout{display:flex;flex-direction:column-reverse;gap:24px;padding-top:20px;align-items:stretch;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art{max-height:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{margin-bottom:14px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3 br{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy p{margin-bottom:14px;max-width:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3 br:after{content:" ";}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-art-action{display:none;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy{position:relative;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-catalogue{padding-top:40px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading{display:block;}} @media(max-width:760px){} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading p{margin-top:16px;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall{gap:30px 14px;}} @media(max-width:760px){} @media(max-width:760px){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet{position:relative;top:auto;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-surface{transform:none!important;opacity:1!important;}} @media(prefers-reduced-motion:reduce){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art:hover img{scale:1!important;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-tile:hover img{scale:1!important;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-art-portrait{aspect-ratio:9/16;width:auto;height:62svh;max-height:62svh;max-width:100%;justify-self:center;background:transparent;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-art-portrait{height:auto;max-height:none;width:min(100%,310px);align-self:center;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{overflow-wrap:normal;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-layout{min-width:0;}} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-surface{min-height:0;}} @media(max-height:650px) and (min-width:761px){} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy p{margin-bottom:12px;}} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-layout{padding-top:20px;}} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-art{max-height:52svh;}} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-art-portrait{height:52svh;}} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-surface{padding-block:16px 22px;}} /* From navigation.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro>a{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))) .exhibition-intro>a span{transition:translate var(--dur-2) var(--ease-salsa);} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro>a:hover{background:var(--salsa);color:var(--color-18140e);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro>a:focus-visible{outline:2px solid var(--salsa);outline-offset:4px;} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-intro>a{transition:none!important;}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption{bottom:165px;} /* From windows.css */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-heading{margin-bottom:28px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-heading .micro{color:var(--color-ff8c6f);margin-bottom:16px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .window-heading>p:last-child{color:var(--color-b7b6ad);max-width:420px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-ffffff25);border-radius:16px;background:var(--color-22231f);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-2e3228);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-cover>img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-3) var(--ease-salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-number{position:absolute;top:12px;left:12px;z-index:2;padding:6px 9px;border-radius:16px;background:var(--color-151612e6);color:var(--color-f3efe6);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 18px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy h3{overflow-wrap:anywhere;margin-bottom:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy p{color:var(--color-b7b6ad);margin-bottom:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy small{color:var(--color-b7b6ad);margin-top:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy small{color:var(--color-b7b6ad);margin-top:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-pending{margin-top:auto;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-pending{min-height:44px;display:flex;align-items:center;color:var(--color-c9c8be);border-top:1px solid var(--color-ffffff26);width:100%;padding-top:12px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-type{display:grid;place-items:center;isolation:isolate;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-fast .prototype-type{background:var(--color-c9ed48);color:var(--color-1c2413);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-type>strong{z-index:1;transform:rotate(-7deg);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-type>strong>span{display:block;margin-top:8px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-track{position:absolute;inset:60% -20% -35%;border:2px solid var(--color-283c1745);border-radius:50%;rotate:-18deg;box-shadow:0 0 0 16px var(--color-c9ed48),0 0 0 18px var(--color-283c1745),0 0 0 34px var(--color-c9ed48),0 0 0 36px var(--color-283c1745);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-focus .prototype-type{background:var(--color-b7ace1);color:var(--color-30264e);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-focus .prototype-type>strong{transform:none;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .focus-orbit{position:absolute;width:210px;height:210px;border:1px solid var(--color-30264e30);border-radius:50%;right:-100px;bottom:-100px;box-shadow:0 0 0 20px var(--color-b7ace1),0 0 0 21px var(--color-30264e30);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-window{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-poster{position:relative;isolation:isolate;overflow:hidden;min-height:510px;padding:30px;background:var(--salsa);color:var(--color-21190e);border-radius:12px;display:flex;flex-direction:column;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-stamp{position:absolute;right:23px;top:40%;border:1px solid var(--color-21190e);border-radius:50%;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;rotate:13deg;background:var(--salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-poster-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:20px;border-top:1px solid var(--color-21190e55);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy{padding-right:20px;display:flex;flex-direction:column;align-items:flex-start;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-status{display:flex;align-items:center;gap:8px;color:var(--color-b7b6ad);margin-bottom:28px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-status i{width:6px;height:6px;border-radius:50%;background:var(--salsa);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy h3{margin-bottom:24px;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy p{color:var(--color-b7b6ad);margin-bottom:15px;} @media(hover:hover){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-card:hover .prototype-cover>img{transform:scale(1.045);}} @media(max-width:900px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-window{gap:25px;}} @media(max-width:900px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-poster{min-height:460px;padding:24px;}} @media(max-width:900px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-stamp{width:78px;height:78px;right:14px;}} @media(max-width:640px){html:where(:has(body:not(.launch-merch):not(.launch-courses)))[data-experience=choose] .experience-start{padding-top:138px}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) #experience-start{padding-top:138px}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-grid{grid-template-columns:1fr;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-cover{aspect-ratio:16/9;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy{padding:20px;}} @media(max-width:640px){} @media(max-width:640px){} @media(max-width:640px){} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-window{grid-template-columns:1fr;gap:30px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-poster{min-height:430px;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-stamp{right:22px;top:45%;}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy{padding:0 4px 10px;}} @media(max-width:640px){} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-cover>img{transition:none;}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-card:hover .prototype-cover>img{transform:none;}} /* From coming-soon.css */ :where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-icon{display:block;width:16px;height:16px;flex-shrink:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;min-height:calc(100svh - 180px);padding:54px 0 60px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-copy{min-width:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .eyebrow{color:var(--color-aaa99f);margin-bottom:28px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-tagline{margin-top:26px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-description{max-width:350px;color:var(--color-b6b5ab);margin-top:22px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .locked-panel{position:relative;isolation:isolate;min-height:440px;display:flex;flex-direction:column;align-items:center;padding:24px 28px 36px;border-radius:8px;background:var(--salsa);color:var(--launch-ink);overflow:hidden;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .panel-top{display:flex;justify-content:space-between;gap:15px;width:100%;border-bottom:1px solid var(--color-17181530);padding-bottom:17px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .panel-top>span:last-child{white-space:nowrap;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art{position:relative;display:grid;place-items:center;width:100%;flex:1;min-height:260px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art:before{content:"";position:absolute;width:235px;height:235px;border:1px solid var(--color-17181520);border-radius:50%;box-shadow:0 0 0 24px var(--color-ffffff08),0 0 0 48px var(--color-ffffff06);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art>.lock-icon{width:146px;height:146px;stroke-width:.7;rotate:-9deg;filter:drop-shadow(4px 8px 0 var(--color-17181512));animation:lock-arrival .9s cubic-bezier(.2,.85,.3,1.2) both;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-message{display:flex;align-items:center;gap:10px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .status-dot{width:6px;height:6px;background:currentColor;border-radius:50%;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .locked-caption{opacity:.65;margin-top:10px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-courses .locked-panel{background:var(--launch-paper);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-courses .launch-tagline{color:var(--launch-paper);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--launch-line);padding:0 0 60px;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:28px 25px;border-right:1px solid var(--launch-line);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div:first-child{padding-left:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div:last-child{border-right:0;padding-right:0;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview h2{color:var(--color-c5c4b9);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div>span{color:var(--color-8e8e83);} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview .lock-icon{color:var(--color-8e8e83);} @keyframes lock-arrival{from{opacity:0;transform:translateY(12px) rotate(-12deg) scale(.93)}to{opacity:1;transform:none}} @media(min-width:1600px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-hero{gap:80px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-hero{grid-template-columns:1fr;gap:36px;padding:40px 0;min-height:0;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .eyebrow{margin-bottom:22px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-tagline{margin-top:20px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-description{max-width:390px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .locked-panel{min-height:360px;padding:20px 22px 28px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art{min-height:220px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art:before{width:180px;height:180px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art>.lock-icon{width:120px;height:120px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview{grid-template-columns:1fr;padding-bottom:36px;}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div{padding:22px 0;border-right:0;border-bottom:1px solid var(--launch-line);}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--launch-line);}} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview>div:last-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--launch-line);}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:is(.launch-merch,.launch-courses))) .lock-art>.lock-icon{animation:none;}} /* From refinement.css */ .exhibition-intro>a{border-radius:var(--control-radius);background-image:none;box-shadow:none;} #archivo.exhibition-ready{background:radial-gradient(ellipse 65% 600px at 90% 0,var(--color-a15e3526),transparent 80%),var(--ink);} .museum-sheet-surface{background-image:radial-gradient(ellipse at 100% 0,var(--color-ffffff0d),transparent 65%),linear-gradient(160deg,transparent 55%,var(--color-00000020));box-shadow:0 -15px 40px var(--color-0003),inset 0 1px 0 var(--color-ffffff18);} .museum-sheet-light .museum-sheet-surface{background-image:radial-gradient(ellipse at 0 0,var(--color-fff9),transparent 70%),linear-gradient(150deg,transparent 45%,var(--color-b39b6822));} .about{background-image:radial-gradient(ellipse at 88% 90%,var(--color-a9583124),transparent 60%);} .prototype-card{background-image:linear-gradient(150deg,var(--color-ffffff06),transparent 70%);} body:is(.launch-merch,.launch-courses){background:radial-gradient(ellipse at 95% 25%,var(--color-945b3024),transparent 55%),radial-gradient(ellipse at 0 100%,var(--color-6d715019),transparent 50%),var(--color-171815);} .locked-panel{background:radial-gradient(ellipse at 20% 0,var(--color-ffdaa3),transparent 65%),radial-gradient(ellipse at 100% 100%,var(--color-c84528),transparent 70%),var(--color-ff8054);box-shadow:inset 0 1px 0 var(--color-fff7),0 24px 70px var(--color-0003);border:1px solid var(--color-ffffff30);border-radius:16px;} .launch-courses .locked-panel{background:radial-gradient(ellipse at 15% 5%,var(--color-fffef7),transparent 65%),radial-gradient(ellipse at 90% 100%,var(--color-c2b7a5),transparent 75%),var(--color-e5dfcf);} @media(max-width:640px){html[data-experience=choose] .experience-start{padding-top:80px}} @media(max-width:640px){#experience-start{padding-top:80px}} /* Single Museum heading and optional, intentionally empty introduction. */ #archivo .museum-piece-count{flex-shrink:0;white-space:nowrap;} #archivo .exhibition-intro:empty{display:none;} /* 02 title typography restored; no geometry declarations. Pixel-rounding fallback first. */ :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-title{font-size:clamp(75px,16vw,250px);font-size:round(nearest, clamp(75px,16vw,250px), 1px);letter-spacing:-.09em;line-height:1.3;font-weight:400;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-title>span{font-size:.7em;font-size:round(nearest, .7em, 1px);letter-spacing:0;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro h2{font-size:clamp(38px,5vw,80px);font-size:round(nearest, clamp(38px,5vw,80px), 1px);font-weight:400;letter-spacing:-.05em;line-height:1.05;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content h2{font-size:clamp(40px,5vw,70px);font-size:round(nearest, clamp(40px,5vw,70px), 1px);letter-spacing:-.06em;font-weight:400;line-height:1.05;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row h3{font-weight:500;font-size:26px;font-size:round(nearest, 26px, 1px);letter-spacing:-.035em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .footer-title{font-size:18vw;font-size:round(nearest, 18vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content h2{font-size:44px;font-size:round(nearest, 44px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-row h3{font-size:24px;font-size:round(nearest, 24px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-intro h2{font-family:var(--font-title);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name strong{font-size:18px;font-size:round(nearest, 18px, 1px);font-weight:500;line-height:1.25;} @media(max-width:1000px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name strong{font-size:16px;font-size:round(nearest, 16px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name strong{font-size:18px;font-size:round(nearest, 18px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .episode-name strong{font-size:18px;font-size:round(nearest, 18px, 1px);line-height:1.3;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .courses-heading h2{font-weight:400;font-size:clamp(38px,4vw,56px);font-size:round(nearest, clamp(38px,4vw,56px), 1px);line-height:1.05;font-family:var(--font-title);letter-spacing:-.02em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .window-heading h2{font-weight:400;font-size:clamp(40px,6vw,76px);font-size:round(nearest, clamp(40px,6vw,76px), 1px);line-height:.98;font-family:var(--font-title);letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .merch-poster h2{font-weight:400;font-size:clamp(70px,8.5vw,115px);font-size:round(nearest, clamp(70px,8.5vw,115px), 1px);line-height:.93;font-family:var(--font-title);letter-spacing:-.03em;} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .info-content .merch-poster h2{font-size:clamp(58px,18vw,88px);font-size:round(nearest, clamp(58px,18vw,88px), 1px);}} :where(:root:has(body:is(.launch-merch,.launch-courses))) h1{font-weight:400;font-size:clamp(76px,12vw,192px);font-size:round(nearest, clamp(76px,12vw,192px), 1px);line-height:1;font-family:var(--font-title);letter-spacing:-.035em;} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) h1{font-size:clamp(70px,20vw,140px);font-size:round(nearest, clamp(70px,20vw,140px), 1px);}} .episode-name strong{font-weight:500;font-size:clamp(18px,1.7vw,22px);font-size:round(nearest, clamp(18px,1.7vw,22px), 1px);line-height:1.2;font-family:var(--font-interface);letter-spacing:-.035em;} .feedback-dialog h2{font-weight:500;font-size:clamp(27px,4vw,34px);font-size:round(nearest, clamp(27px,4vw,34px), 1px);line-height:1.1;font-family:var(--font-interface);letter-spacing:-.03em;text-transform:none;} @media(max-width:640px){.episode-name strong{font-size:19px;font-size:round(nearest, 19px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{font-size:clamp(48px,7vw,112px);font-size:round(nearest, clamp(48px,7vw,112px), 1px);font-weight:400;line-height:.97;letter-spacing:-.065em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{font-size:clamp(90px,13vw,215px);font-size:round(nearest, clamp(90px,13vw,215px), 1px);font-weight:400;letter-spacing:-.08em;line-height:.84;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side{font-size:7vw;font-size:round(nearest, 7vw, 1px);line-height:.85;font-family:var(--font-interface);font-weight:700;letter-spacing:-.03em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about h2{font-size:clamp(45px,6vw,90px);font-size:round(nearest, clamp(45px,6vw,90px), 1px);font-weight:400;letter-spacing:-.06em;line-height:1.05;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{font-size:17.5vw;font-size:round(nearest, 17.5vw, 1px);line-height:.88;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{font-size:12vw;font-size:round(nearest, 12vw, 1px);line-height:.95;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .film-side{font-size:15vw;font-size:round(nearest, 15vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about h2{font-size:48px;font-size:round(nearest, 48px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{font-family:var(--font-title);font-size:clamp(100px,13.8vw,225px);font-size:round(nearest, clamp(100px,13.8vw,225px), 1px);font-weight:400;letter-spacing:-.035em;line-height:.96;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{font-family:var(--font-title);font-weight:400;text-transform:uppercase;letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading h2{font-family:var(--font-title);font-weight:400;text-transform:uppercase;letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about h2{font-family:var(--font-title);font-weight:400;text-transform:uppercase;letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-heading h3{font-family:var(--font-title);font-weight:400;text-transform:uppercase;letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{font-size:clamp(65px,8.5vw,130px);font-size:round(nearest, clamp(65px,8.5vw,130px), 1px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-word{font-family:var(--font-title);font-size:8vw;font-size:round(nearest, 8vw, 1px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading h2{font-size:clamp(55px,7vw,100px);font-size:round(nearest, clamp(55px,7vw,100px), 1px);line-height:1.1;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption strong{font-size:23px;font-size:round(nearest, 23px, 1px);font-weight:500;letter-spacing:-.035em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about h2{font-size:clamp(48px,5.3vw,80px);font-size:round(nearest, clamp(48px,5.3vw,80px), 1px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-heading h3{font-size:clamp(45px,6vw,85px);font-size:round(nearest, clamp(45px,6vw,85px), 1px);line-height:1.05;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-step h4{font-size:30px;font-size:round(nearest, 30px, 1px);font-weight:400;letter-spacing:-.04em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .intro h1{font-size:20vw;font-size:round(nearest, 20vw, 1px);line-height:1.03;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .project-caption h2{font-size:15vw;font-size:round(nearest, 15vw, 1px);line-height:1.02;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .game-word{font-size:16vw;font-size:round(nearest, 16vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading h2{font-size:58px;font-size:round(nearest, 58px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption strong{font-size:19px;font-size:round(nearest, 19px, 1px);line-height:1.1;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .about h2{font-size:12vw;font-size:round(nearest, 12vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero h1{font-weight:400;font-size:clamp(90px,14.4vw,240px);font-size:round(nearest, clamp(90px,14.4vw,240px), 1px);line-height:1.03;font-family:var(--font-title);letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter h2{font-weight:400;font-size:clamp(70px,10vw,160px);font-size:round(nearest, clamp(70px,10vw,160px), 1px);line-height:.99;font-family:var(--font-title);letter-spacing:-.02em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-caption h3{font-size:21px;font-size:round(nearest, 21px, 1px);font-weight:500;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film summary strong{font-weight:400;font-size:clamp(24px,3vw,44px);font-size:round(nearest, clamp(24px,3vw,44px), 1px);line-height:normal;font-family:var(--font-title);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid h3{font-size:25px;font-size:round(nearest, 25px, 1px);font-weight:500;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section h3{font-weight:400;font-size:clamp(40px,5vw,74px);font-size:round(nearest, clamp(40px,5vw,74px), 1px);line-height:1.08;font-family:var(--font-title);} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero h1{font-size:clamp(230px,14vw,320px);font-size:round(nearest, clamp(230px,14vw,320px), 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .hero h1{font-size:21.3vw;font-size:round(nearest, 21.3vw, 1px);line-height:1.04;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter h2{font-size:20vw;font-size:round(nearest, 20vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .screen-caption h3{font-size:20px;font-size:round(nearest, 20px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .extra-film summary strong{font-size:30px;font-size:round(nearest, 30px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tests-grid h3{font-size:23px;font-size:round(nearest, 23px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .tile-caption strong{font-size:18px;font-size:round(nearest, 18px, 1px);line-height:1.25;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .archive-heading h2{font-size:14vw;font-size:round(nearest, 14vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .model-section h3{font-size:42px;font-size:round(nearest, 42px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{font-weight:400;font-size:clamp(100px,14.1vw,235px);font-size:round(nearest, clamp(100px,14.1vw,235px), 1px);line-height:1.01;font-family:var(--font-title);letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption h2{font-weight:400;font-size:clamp(50px,7.5vw,115px);font-size:round(nearest, clamp(50px,7.5vw,115px), 1px);line-height:1.04;font-family:var(--font-title);letter-spacing:-.02em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-intro h2{font-size:clamp(55px,6.5vw,98px);font-size:round(nearest, clamp(55px,6.5vw,98px), 1px);line-height:1.03;} @media(min-width:1600px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{font-size:14vw;font-size:round(nearest, 14vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{font-size:21.2vw;font-size:round(nearest, 21.2vw, 1px);line-height:1.04;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption h2{font-size:13.5vw;font-size:round(nearest, 13.5vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-intro h2{font-size:14vw;font-size:round(nearest, 14vw, 1px);}} @media(prefers-reduced-motion:reduce){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{font-size:clamp(85px,12vw,185px);font-size:round(nearest, clamp(85px,12vw,185px), 1px);}} @media(max-height:600px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1{font-size:22vh;font-size:round(nearest, 22vh, 1px);}} @media(max-height:600px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-caption h2{font-size:13vh;font-size:round(nearest, 13vh, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now h3{font-size:28px;font-size:round(nearest, 28px, 1px);font-weight:500;letter-spacing:-.035em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco .chapter-heading h2{font-size:clamp(65px,9vw,130px);font-size:round(nearest, clamp(65px,9vw,130px), 1px);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .collection-now h3{font-size:24px;font-size:round(nearest, 24px, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-fuicioso .chapter-heading h2{font-size:18vw;font-size:round(nearest, 18vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-zarco .chapter-heading h2{font-size:19vw;font-size:round(nearest, 19vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .process-decisions h3{font-size:22px;font-size:round(nearest, 22px, 1px);font-weight:500;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-title h2{font-weight:400;font-size:clamp(90px,11vw,164px);font-size:round(nearest, clamp(90px,11vw,164px), 1px);line-height:.96;font-family:var(--font-title);letter-spacing:-.03em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .eva-title h2{font-size:25vw;font-size:round(nearest, 25vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .chapter-heading h2{font-weight:400;font-size:clamp(75px,10vw,145px);font-size:round(nearest, clamp(75px,10vw,145px), 1px);line-height:1.03;font-family:var(--font-title);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .feature-caption>strong{font-weight:400;font-size:clamp(70px,8vw,120px);font-size:round(nearest, clamp(70px,8vw,120px), 1px);line-height:1.03;font-family:var(--font-title);letter-spacing:-.025em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .chapter-octavio .chapter-heading h2{font-size:18vw;font-size:round(nearest, 18vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out>span{font-weight:400;font-size:clamp(70px,10vw,155px);font-size:round(nearest, clamp(70px,10vw,155px), 1px);line-height:1;font-family:var(--font-title);letter-spacing:-.03em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>p{font-weight:400;font-size:clamp(60px,8.6vw,132px);font-size:round(nearest, clamp(60px,8.6vw,132px), 1px);line-height:1;font-family:var(--font-title);letter-spacing:-.025em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-title>p{font-size:13vw;font-size:round(nearest, 13vw, 1px);line-height:1.04;}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .handoff-out>span{font-size:22vw;font-size:round(nearest, 22vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process>h3{font-weight:400;font-size:clamp(28px,2.6vw,38px);font-size:round(nearest, clamp(28px,2.6vw,38px), 1px);line-height:1.05;font-family:var(--font-title);letter-spacing:-.01em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .cut-process>h3{font-size:28px;font-size:round(nearest, 28px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-word{font-weight:400;font-size:clamp(130px,24vw,380px);font-size:round(nearest, clamp(130px,24vw,380px), 1px);line-height:1;font-family:var(--font-title);letter-spacing:-.035em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .octavio-word{font-size:36vw;font-size:round(nearest, 36vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route{font-weight:400;font-size:clamp(65px,10vw,160px);font-size:round(nearest, clamp(65px,10vw,160px), 1px);line-height:.98;font-family:var(--font-title);letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route>span{font-size:.38em;font-size:round(nearest, .38em, 1px);line-height:1.4;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route{font-size:14vw;font-size:round(nearest, 14vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .reyes-route>span{font-size:.55em;font-size:round(nearest, .55em, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading h3{font-weight:400;font-size:clamp(100px,16vw,270px);font-size:round(nearest, clamp(100px,16vw,270px), 1px);line-height:1.05;font-family:var(--font-title);letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-heading h3{font-weight:400;font-size:clamp(36px,5vw,80px);font-size:round(nearest, clamp(36px,5vw,80px), 1px);line-height:1.1;font-family:var(--font-title);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair figcaption>span{font-size:12px;font-size:round(nearest, 12px, 1px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair strong{font-weight:400;font-size:clamp(22px,2.6vw,40px);font-size:round(nearest, clamp(22px,2.6vw,40px), 1px);line-height:1.1;font-family:var(--font-title);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-heading h3{font-size:25vw;font-size:round(nearest, 25vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fight-workshop-heading h3{font-size:10vw;font-size:round(nearest, 10vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .fighter-pair strong{font-size:6vw;font-size:round(nearest, 6vw, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading h1{font-weight:400;font-size:clamp(25px,3vw,44px);font-size:round(nearest, clamp(25px,3vw,44px), 1px);line-height:1.1;font-family:var(--font-title);} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .short-heading h1{font-size:26px;font-size:round(nearest, 26px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .opening-brand h1.sr-only{font-size:1px;font-size:round(nearest, 1px, 1px);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview h3{font-weight:400;font-size:clamp(32px,3.7vw,51px);font-size:round(nearest, clamp(32px,3.7vw,51px), 1px);line-height:1.08;font-family:var(--font-title);letter-spacing:-.015em;} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .course-preview h3{font-size:36px;font-size:round(nearest, 36px, 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-heading h2{font-weight:400;font-size:clamp(80px,13vw,210px);font-size:round(nearest, clamp(80px,13vw,210px), 1px);line-height:.94;font-family:var(--font-title);letter-spacing:-.04em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{font-weight:400;font-size:clamp(54px,6.8vw,112px);font-size:round(nearest, clamp(54px,6.8vw,112px), 1px);line-height:.97;font-family:var(--font-title);text-transform:uppercase;letter-spacing:-.035em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading h3{font-weight:400;font-size:clamp(40px,5vw,78px);font-size:round(nearest, clamp(40px,5vw,78px), 1px);line-height:1;font-family:var(--font-title);letter-spacing:-.025em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-caption strong{font-weight:400;font-size:clamp(20px,2vw,30px);font-size:round(nearest, clamp(20px,2vw,30px), 1px);line-height:1.15;font-family:var(--font-interface);letter-spacing:-.035em;} @media(max-width:1000px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{font-size:6.8vw;font-size:round(nearest, 6.8vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready .archive-heading h2{font-size:20vw;font-size:round(nearest, 20vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{font-size:clamp(48px,13vw,80px);font-size:round(nearest, clamp(48px,13vw,80px), 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .catalogue-heading h3{font-size:11vw;font-size:round(nearest, 11vw, 1px);}} @media(max-width:760px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .exhibition-ready #film-wall .tile-caption strong{font-size:18px;font-size:round(nearest, 18px, 1px);}} @media(max-height:650px) and (min-width:761px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .museum-sheet-copy h3{font-size:clamp(44px,5vw,70px);font-size:round(nearest, clamp(44px,5vw,70px), 1px);}} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy h3{font-weight:400;font-size:clamp(19px,2.1vw,25px);font-size:round(nearest, clamp(19px,2.1vw,25px), 1px);line-height:1.15;font-family:var(--font-title);letter-spacing:-.015em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-type>strong{font-weight:400;font-size:clamp(48px,6vw,78px);font-size:round(nearest, clamp(48px,6vw,78px), 1px);line-height:.88;font-family:var(--font-title);letter-spacing:-.02em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-type>strong>span{font-weight:600;font-size:13px;font-size:round(nearest, 13px, 1px);line-height:1.8;font-family:var(--font-interface);letter-spacing:.27em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-focus .prototype-type>strong{font-size:clamp(35px,4.2vw,55px);font-size:round(nearest, clamp(35px,4.2vw,55px), 1px);line-height:1.05;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-stamp{font-weight:400;font-size:24px;font-size:round(nearest, 24px, 1px);line-height:1.2;font-family:var(--font-title);} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-stamp>span{font-weight:500;font-size:9px;font-size:round(nearest, 9px, 1px);line-height:1.5;font-family:var(--font-interface);letter-spacing:.13em;} :where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-copy h3{font-weight:400;font-size:clamp(42px,5vw,64px);font-size:round(nearest, clamp(42px,5vw,64px), 1px);line-height:1.05;font-family:var(--font-title);} @media(max-width:900px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .merch-stamp{font-size:20px;font-size:round(nearest, 20px, 1px);}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-copy h3{font-size:26px;font-size:round(nearest, 26px, 1px);}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-type>strong{font-size:72px;font-size:round(nearest, 72px, 1px);}} @media(max-width:640px){:where(:root:has(body:not(.launch-merch):not(.launch-courses))) .prototype-focus .prototype-type>strong{font-size:48px;font-size:round(nearest, 48px, 1px);}} :where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-tagline{font-weight:400;font-size:clamp(22px,3vw,40px);font-size:round(nearest, clamp(22px,3vw,40px), 1px);line-height:1.15;font-family:var(--font-title);letter-spacing:-.015em;} :where(:root:has(body:is(.launch-merch,.launch-courses))) .course-preview h2{font-size:14px;font-size:round(nearest, 14px, 1px);font-weight:500;} @media(max-width:760px){:where(:root:has(body:is(.launch-merch,.launch-courses))) .launch-tagline{font-size:30px;font-size:round(nearest, 30px, 1px);}} .collection-now h3{font-weight:500;font-size:clamp(25px,2.7vw,34px);font-size:round(nearest, clamp(25px,2.7vw,34px), 1px);line-height:1.12;font-family:var(--font-interface);letter-spacing:-.045em;} .launch-tagline{font-weight:500;font-size:clamp(24px,3vw,38px);font-size:round(nearest, clamp(24px,3vw,38px), 1px);line-height:1.12;font-family:var(--font-interface);letter-spacing:-.045em;} .course-preview h2{font-weight:500;font-size:19px;font-size:round(nearest, 19px, 1px);line-height:1.2;font-family:var(--font-interface);} /* Explicit typography values; Museum scale updated in 03c. */ .chapter h2,.chapter-octavio .chapter-heading h2{font-weight:400;letter-spacing:-.02em} #archivo.exhibition-ready .archive-heading h2{font-size:clamp(55px,calc(55px + (100vw - 390px) * 0.1266666667),188px);font-size:round(nearest,clamp(55px,calc(55px + (100vw - 390px) * 0.1266666667),188px),1px);letter-spacing:-.025em;line-height:1.1} .collection-now .collection-episode-title{font-family:var(--font-interface);font-weight:500;font-size:clamp(25px,2.7vw,34px);font-size:round(nearest,clamp(25px,2.7vw,34px),1px);letter-spacing:-.045em;line-height:1.12;text-transform:none} .footer-title{font-family:var(--font-interface);font-weight:400;text-transform:none;letter-spacing:-.09em} #archivo.exhibition-ready #film-wall .tile-caption strong{font-family:var(--font-interface);font-size:clamp(22px,calc(22px + (100vw - 390px) * 0.0057142857),28px);font-size:round(nearest,clamp(22px,calc(22px + (100vw - 390px) * 0.0057142857),28px),1px);font-weight:400;letter-spacing:-.035em;line-height:1.15;text-transform:none} .eva-title h2{letter-spacing:-.03em} /* 04 — native media and flat surfaces; 03c typography remains unchanged. */ body{background-image:none!important} :is(#long-experience,#short-experience,.site-footer,#project-dialog,#image-dialog) :is(*,*::before,*::after){border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important} :is(#long-experience,#short-experience,.site-footer,#project-dialog,#image-dialog) :is(.media-frame,.image-zoom,.episode,.episode-image,.tile-image,.film-tile,.museum-focus,.museum-index,.collection-screen,.eva-pair-card,.prototype-card,.play-symbol,.reyes-route-index,.reyes-route-index button){border-radius:0!important;background-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important} :is(.chapter,.archive,#kill-proceso){background-image:none!important} :is(.process-label,.museum-index,.exhibition-catalogue,.exhibition-filters,.about,.universe-links,.footer-bottom){border:0!important} :is(#long-experience,#short-experience,.site-footer,#project-dialog) .episode + .episode, .site-footer .universe-links > * + *{border-top:1px solid var(--line)!important} :is(#long-experience,#short-experience,#project-dialog) .media-frame{aspect-ratio:var(--ratio,16/9)!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%;background-color:transparent!important;background-size:cover!important;background-position:center!important;outline:0} :is(#long-experience,#short-experience,#project-dialog) .media-frame video{width:100%;height:100%;aspect-ratio:var(--ratio,16/9);object-fit:cover!important;background:transparent!important;max-height:none!important} :is(.episode-image,.tile-image){aspect-ratio:var(--native-ratio,auto)!important;background-size:cover!important;background-position:center!important} :is(.episode-image,.tile-image) img{width:100%!important;height:auto!important;aspect-ratio:var(--native-ratio,auto)!important;object-fit:cover!important;background:transparent!important} .image-zoom{cursor:zoom-in!important;background:none!important;border-radius:0!important} .image-zoom img{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--native-ratio,auto)!important;object-fit:cover!important;background:transparent!important} :is(.chapter,.archive,#project-dialog) img{object-fit:cover!important} .episode,.episode:is(:hover,[aria-pressed=true]){background:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important;scale:none!important} .episode .episode-image img{filter:brightness(.88)!important;transition:filter var(--dur-2) var(--ease-salsa)!important;transform:none!important;scale:none!important} .episode:is(:hover,:focus-visible) .episode-image img{filter:brightness(1)!important} .episode .episode-name{display:flex;flex-direction:row!important;align-items:baseline!important;gap:12px;flex-wrap:wrap} .episode .episode-name>strong{flex:1;min-width:0} .episode .episode-duration{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)} #archivo.exhibition-ready #film-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:1px;column-gap:16px;row-gap:0;align-items:start} #archivo.exhibition-ready #film-wall .film-tile{grid-column:auto!important;grid-row-start:auto;align-self:start;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;transform:none!important} #archivo.exhibition-ready #film-wall .tile-image{height:auto!important;min-height:0;max-height:none;border:0!important;background-color:transparent!important} #archivo.exhibition-ready #film-wall .tile-image::after{display:none!important} #archivo.exhibition-ready #film-wall .tile-image img{transform:none!important;scale:none!important;filter:none!important} #archivo.exhibition-ready #film-wall .tile-caption>span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)!important} #film-wall .tile-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none} #film-wall .tile-preview.is-playing{opacity:1} @media(min-width:1024px){#archivo.exhibition-ready #film-wall{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}} @media(prefers-reduced-motion:reduce){#film-wall .tile-preview{display:none!important}} :is(#long-experience,#short-experience,#project-dialog,#image-dialog) :is(img,video){object-fit:cover!important} :is(.depth-person,.depth-rail,.octavio-person,.reyes-bus){filter:none!important} :is(.reyes-ride-controls,.octavio-enter,.prototype-card,.museum-sheet-surface){background:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important} .entry-grain{display:none} :is(.episode,.film-tile,.image-zoom)::before,:is(.episode,.film-tile,.image-zoom)::after{background:none!important;box-shadow:none!important} .episode-duration{font-family:var(--font-interface);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em} @media(min-width:1024px){.episode-duration{font-size:12px}} :is(#project-dialog,#image-dialog,#info-dialog){border:0!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important} #info-dialog :is(*,*::before,*::after){border:0!important;box-shadow:none!important;backdrop-filter:none!important;text-shadow:none!important} :is(#project-dialog,#info-dialog) :is(article,.prototype-card,.prototype-focus,.locked-panel){background:none!important;border-radius:0!important} @media(max-width:760px){#universo .universe-links > * + *{border-top:1px solid var(--line)!important}} /* 04b: desktop media ceiling, uniform episode thumbnails, orientation. */ :root{--header-h:var(--header-height,72px)} @media(min-width:761px){ :is(#long-experience,#short-experience,#project-dialog) .media-frame{max-height:calc(100svh - var(--header-h,72px) - 48px)!important;width:min(100%,calc((100svh - var(--header-h,72px) - 48px) * (var(--ratio,16/9))))!important;margin-inline:auto!important} .image-zoom img{max-height:calc(100svh - var(--header-h,72px) - 48px)!important;width:min(100%,calc((100svh - var(--header-h,72px) - 48px) * (var(--native-ratio,1))))!important;margin-inline:auto!important} #octavio .museum-focus img{max-height:calc(100svh - var(--header-h,72px) - 48px)!important} } :is(#long-experience,#project-dialog) .episode{grid-template-columns:110px minmax(0,1fr) 16px!important;min-height:94px;align-items:center} :is(#long-experience,#project-dialog) .episode-image{width:110px!important;height:62px!important;aspect-ratio:16/9!important;background:none!important} :is(#long-experience,#project-dialog) .episode-image img{width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center 30%!important} #reyes :is(.reyes-cabin-label,.reyes-inboard,.museum-focus,.museum-index button){background:none!important} #reyes .reyes-inboard::before{background:none!important;filter:none!important} .opening-orientation{position:absolute;z-index:4;left:var(--gutter);bottom:220px;right:var(--gutter);pointer-events:none;opacity:1;transition:opacity var(--dur-3) var(--ease-salsa)} .opening-orientation p{max-width:42ch;font-family:var(--font-interface);font-weight:400;font-size:20px;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--paper);opacity:.9;margin:0 0 16px} .opening-orientation>span{font-family:var(--font-interface);font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:rgb(from var(--paper) r g b / .72);text-shadow:none;background:none} .opening-orientation.is-past{opacity:0} @media(max-width:760px){ :is(#long-experience,#project-dialog) .episode{grid-template-columns:100px minmax(0,1fr) 16px!important;min-height:86px} :is(#long-experience,#project-dialog) .episode-image{width:100px!important;height:56px!important} .opening-orientation{bottom:230px} .opening-orientation p{font-size:17px} .opening-orientation>span{font-size:11px} } @media(prefers-reduced-motion:reduce){.opening-orientation,.opening-orientation.is-past{opacity:1;transition:none}} :is(#long-experience,#project-dialog) .episode{height:94px;box-sizing:border-box;padding-block:15px!important} @media(max-width:760px){:is(#long-experience,#project-dialog) .episode{height:86px;padding-block:14px!important}} .opening-orientation[hidden]{display:none!important} @media(min-width:761px){#long-experience :is(#eva,#fuicioso,#octavio) .media-frame{margin-inline-start:0!important}} /* 04b2: keep the vertical player track as narrow as its media, desktop only. */ @media(min-width:761px){ #octavio .collection-layout{max-width:none;margin-inline:0} :is(#fuicioso,#octavio) .collection-layout:has(.collection-frame:is([style*="9/16"],[style*="9 / 16"])){ grid-template-columns:min(60%,calc((100svh - var(--header-h,72px) - 48px) * 9 / 16)) minmax(0,1fr); column-gap:var(--space-7); } :is(#fuicioso,#octavio) .collection-screen{min-width:0} } /* 05: standalone pages use the site header/footer and existing tokens. */ .publication-page{background:var(--ink);color:var(--paper)} .publication-main{padding:calc(var(--header-height,72px) + var(--space-8)) var(--gutter) var(--space-9);min-width:0} .publication-heading{min-width:0} .publication-heading h1{font-family:var(--font-title);font-weight:400;font-size:clamp(70px,calc(37.314285714px + 8.380952381vw),158px);font-size:round(nearest,clamp(70px,calc(37.314285714px + 8.380952381vw),158px),1px);line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 var(--space-6);overflow-wrap:normal} .publication-heading>p{max-width:42ch;margin:0 0 var(--space-5)} .publication-heading>.launch-tagline{font-family:var(--font-title);font-weight:400;font-size:var(--display-m);line-height:var(--display-m-leading);letter-spacing:-.02em} .publication-heading>.launch-description,.publication-heading>p:not(.micro):not(.eyebrow):not(.launch-tagline){font-family:var(--font-interface);font-size:var(--body-l);line-height:var(--body-l-leading)} .publication-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-7);align-items:start} .publication-main .prototype-grid,#info-dialog .prototype-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)} .publication-main>.prototype-grid{margin-top:var(--space-7)} .publication-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-7)} .publication-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--salsa);color:var(--ink);font-family:var(--font-interface);font-size:14px;font-weight:600;text-decoration:none} .publication-tertiary{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-interface);font-size:14px;font-weight:500;color:var(--paper);text-decoration:none} .publication-page .locked-panel{position:relative;display:flex;flex-direction:column;align-items:center;min-height:384px;padding:var(--space-5);box-sizing:border-box;background:var(--surface);background-image:none;border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:none;filter:none;color:var(--paper)} .publication-page .panel-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%} .publication-page .lock-art{display:grid;place-items:center;flex:1;min-height:192px;width:100%} .publication-page .lock-art::before{content:none} .publication-page .lock-art>.lock-icon{width:48px;height:48px;color:var(--paper);filter:none;transform:none;rotate:none;animation:none} .publication-page .lock-message{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)} .publication-page .lock-message p{margin:0;font-size:12px;font-weight:600;color:var(--paper)!important} .publication-page .status-dot{display:block;width:8px;height:8px;background:var(--salsa);border-radius:var(--radius-control);animation:none} .publication-page .locked-caption{margin:0} .publication-page .course-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);padding:var(--space-7) 0 0;margin:0;border:0} .publication-page .course-preview>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-5) 0;border-top:1px solid var(--line)} .publication-page .course-preview h2{font-family:var(--font-title);font-weight:400;font-size:var(--h3);line-height:var(--h3-leading);margin:0} .publication-page .course-preview .lock-icon{width:24px;height:24px;color:var(--muted)} [data-pending-copy][hidden]{display:none!important} @media(max-width:1023px){.publication-main .prototype-grid,#info-dialog .prototype-grid{grid-template-columns:1fr}} @media(max-width:760px){.publication-hero{grid-template-columns:1fr;gap:var(--space-6)}.publication-page .course-preview{grid-template-columns:1fr}.publication-main{padding-top:calc(var(--header-height,56px) + var(--space-7))}.publication-page .locked-panel{min-height:320px}.publication-page .lock-art{min-height:128px}}