/* Adaptación en JavaScript/CSS del componente ScrollExpand de React Bits. */
.scroll-expand{position:relative;width:100%;background:#111;color:#fff}.scroll-expand__track{position:relative;width:100%}.scroll-expand__stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;--se-title-size:clamp(48px,9vw,138px)}.scroll-expand__frame{position:absolute;inset:0;overflow:hidden;clip-path:inset(16% 21% 16% 21% round 24px);will-change:clip-path;background:#171716}.scroll-expand__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;will-change:transform;transform-origin:center;user-select:none;-webkit-user-drag:none}.scroll-expand__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.08) 47%,rgba(0,0,0,.32));opacity:0}.scroll-expand__title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 6%;color:#fff;font:500 var(--se-title-size)/.82 'Playfair Display';letter-spacing:-.075em;text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.45);pointer-events:none;will-change:opacity,transform}.scroll-expand__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6%;text-align:center;opacity:0;will-change:opacity,transform}.scroll-expand__content{display:flex;flex-direction:column;align-items:center}.scroll-expand__content p{margin:0 0 17px;font:10px 'DM Mono';letter-spacing:.13em}.scroll-expand__content h2{margin:0 0 32px;font:500 clamp(50px,9vw,124px)/.82 'Playfair Display';letter-spacing:-.075em}.scroll-expand__hint{position:absolute;right:0;bottom:24px;left:0;margin:0;color:rgba(255,255,255,.7);font:10px 'DM Mono';letter-spacing:.14em;text-align:center;pointer-events:none;will-change:opacity,transform}.scroll-expand__hint span{display:inline-block;margin-left:8px;font-size:15px;animation:scroll-expand-arrow 1.5s ease-in-out infinite}@keyframes scroll-expand-arrow{50%{transform:translateY(5px)}}
@media(max-width:780px){.scroll-expand__stage{height:100svh}.scroll-expand__frame{clip-path:inset(19% 8% 19% 8% round 18px)}.scroll-expand__media{object-position:center 30%}.scroll-expand__content h2{font-size:clamp(48px,15vw,75px)}.scroll-expand__hint{bottom:18px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.scroll-expand__frame{clip-path:inset(0 round 0)!important}.scroll-expand__media{transform:scale(1)!important}.scroll-expand__title,.scroll-expand__hint{display:none}.scroll-expand__scrim{opacity:.45!important}.scroll-expand__overlay{opacity:1!important;transform:none!important}.scroll-expand__hint span{animation:none}}