/* A restrained index around the louder project scenes. */
.opening-rail .opening-next{display:grid;place-items:center;width:44px;min-height:44px;font-size:26px;text-decoration:none;border:0}
#zarco>.collection-slot{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.chapter-heading:has(>div:only-child){grid-template-columns:1fr}
.cut-index h3{margin-top:0}
@media(max-width:760px){#zarco>.collection-slot{margin-top:40px;padding-top:28px}}
.filters{gap:6px 22px;align-items:center}
.filters button{border:0;border-bottom:1px solid transparent;border-radius:0;padding:12px 0;color:#b7b3ac;min-height:44px}
.filters button:hover{color:var(--paper)}
.filters button[aria-pressed=true]{background:transparent;color:var(--paper);border-color:currentColor}
.filters button:focus-visible{outline-offset:3px}
.episode-name{gap:7px}
.episode-name .micro{font-size:12px}
.episode-name strong{font-size:18px;line-height:1.3}
.tile-caption{gap:5px}
.tile-caption>span{font-size:14px;line-height:1.5;color:#aaa8a2}
.museum-index>button:focus-visible,.episode:focus-visible{outline-offset:-2px}
.info-row .small-note{font-size:14px;line-height:1.6}
.info-action{line-height:1.5}
.footer-bottom{font-size:14px;line-height:1.5}
.universe-links button{align-items:end;min-height:145px}
.universe-links button:hover>span:last-child{transform:rotate(90deg)}
.chapter-nav a{font-size:14px;min-height:28px;align-items:center}
.eva-stack-index button{opacity:1;color:#a6a2b1}
.eva-stack-index button:hover,.eva-stack-index button[aria-pressed=true]{color:var(--paper)}
.reyes-route-index button{color:#b5b4c1}
@media(max-width:1000px) and (min-width:761px){.chapter-nav{overflow-x:auto;justify-content:flex-start;gap:24px;scrollbar-width:thin}.chapter-nav a{flex-shrink:0}}
@media(max-width:760px){
 .filters{gap:2px 21px;justify-content:flex-start}
 .filters button{font-size:14px;padding:11px 0}
 .chapter-nav{gap:14px}
 .chapter-nav a,.chapter-nav a:last-child{font-size:14px}
 .chapter-nav a[aria-current=true]>span{display:none}
 .chapter-nav a:last-child>span{display:inline}
 .reyes-route-index button{font-size:14px}
 .eva-stack-index button{width:44px;height:44px;color:#c8c3d2}
 .eva-stack-index button[aria-pressed=true]{color:#101119}
 .universe-links button{min-height:110px}
 .footer-bottom{font-size:14px;gap:22px 15px}
 .footer-bottom span{font-size:12px}
 .gallery-controls button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.universe-links button:hover>span:last-child{transform:none}}

/* Titles sit directly on their content once redundant metadata is removed. */
.collection-now h3,.cut-step h4{margin-top:0}

/* Betty enters directly; there is no repeated Matrix cover to scroll past. */
.handoff-animated{height:150svh}
@media(max-width:760px){.handoff-animated{height:135svh}}

/* The header holds the brand; a small moving cue introduces the scroll. */
.opening-brand h1.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;font-size:1px}
.opening-bottom{justify-content:center;bottom:110px}
.opening-bottom .scroll-cue{display:flex;flex-direction:column;align-items:center;gap:0;width:56px;height:90px;border:0;padding:10px;color:var(--paper);filter:drop-shadow(0 2px 5px #000)}
.scroll-cue-line{display:block;width:1px;height:44px;background:#ffffff35;overflow:hidden}
.scroll-cue-line i{display:block;width:1px;height:24px;background:currentColor;animation:scroll-cue-drop 1.7s ease-in-out infinite}
.scroll-cue-arrow{font-size:25px;line-height:1;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){.scroll-cue-line i,.scroll-cue-arrow{animation:none}.opening-bottom{display:flex;bottom:180px}}

.opening-picture{transform:translate3d(0,0,0) scale(.92) rotate(-2.5deg);transform-origin:50% 50%}
.opening-rail .opening-next{visibility:hidden}
@media(prefers-reduced-motion:reduce){.opening-rail .opening-next{visibility:visible!important}}

/* Course concepts are a preview, with no purchase or enrolment controls. */
.info-dialog[data-panel="cursos"]{width:min(1050px,94vw);background:#111;color:var(--paper)}
.info-dialog[data-panel="cursos"] .info-content{padding:26px 4vw 40px}
.courses-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.info-content .courses-heading h2{font:400 clamp(38px,4vw,56px)/1.05 'Anton',sans-serif;letter-spacing:-.02em;margin:0}
.courses-heading>span{font-size:13px;color:#b6b2a8}
.course-preview{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:28px 0;border-top:1px solid #ffffff32}
.course-preview:last-child{padding-bottom:0}
.course-preview h3{font:400 clamp(32px,3.7vw,51px)/1.08 'Anton',sans-serif;letter-spacing:-.015em;margin:0}
.course-preview p{font-size:16px;line-height:1.5;color:#b6b2a8;max-width:300px;margin:0}
@media(max-width:760px){.info-dialog[data-panel="cursos"] .info-content{padding:24px 6vw 32px}.courses-heading{gap:15px;margin-bottom:24px}.courses-heading>span{font-size:12px}.course-preview{grid-template-columns:1fr;gap:13px;padding:24px 0}.course-preview h3{font-size:36px}.course-preview p{font-size:15px;max-width:280px}}

/* A quiet print texture; the footage keeps its native detail. */
:root{--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.065'/%3E%3C/svg%3E")}
body,.opening-stage,.chapter-zarco,.chapter-betty,.chapter-reyes,.chapter-fuicioso,.archive,#kill-proceso{background-image:var(--paper-grain);background-repeat:repeat;background-size:180px 180px}

/* Stable chapter seams, including reverse scrolling. */
#long-experience{overflow-anchor:none}
.chapter-heading h2{transform:none!important;will-change:auto}
.chapter-betty{padding-bottom:0;border-bottom:0}
#kill-proceso{margin-bottom:0;padding-bottom:52px}
.cut-process figure,.cut-process figure:nth-child(2),.cut-process figure:hover,.cut-process figure:focus-within{transform:none!important;transition:none}
.cut-process .image-zoom img,.cut-process .image-zoom:hover img{transform:none;transition:none}
.chapter-reyes{padding-top:64px;background-color:#101010;background-image:var(--paper-grain),linear-gradient(#11110f,#101010 300px);background-repeat:repeat,no-repeat;background-size:180px 180px,100% 300px}
.chapter-reyes>.chapter-heading h2{margin-top:0}
@media(max-width:760px){#kill-proceso{margin-bottom:0;padding-bottom:36px}.chapter-reyes{padding-top:44px}}

.logo-crop img{height:auto}