@layer components{.sw-root{--sw-bg:var(--color-tinta);--sw-ink:var(--color-hueso);--sw-ink-soft:color-mix(in srgb, var(--color-hueso) 65%, transparent);--sw-accent:var(--color-acento);background:var(--sw-bg);color:var(--sw-ink);position:relative}.sw-viewport{height:100vh;position:sticky;top:0;overflow:hidden}.sw-stage{position:absolute;inset:0}.sw-scene{will-change:opacity;position:absolute;inset:0;overflow:hidden}.sw-scene__still{object-fit:cover;object-position:center 45%;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.sw-shade{z-index:20;pointer-events:none;background:linear-gradient(0deg, color-mix(in srgb, var(--sw-bg) 85%, transparent) 0%, color-mix(in srgb, var(--sw-bg) 35%, transparent) 38%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--sw-bg) 45%, transparent) 0%, transparent 18%);position:absolute;inset:0}.sw-copylayer{z-index:30;pointer-events:none;position:absolute;inset:0}.sw-copy{left:var(--gutter);right:var(--gutter);will-change:opacity, transform;flex-direction:column;justify-content:flex-end;max-width:760px;padding-bottom:clamp(44px,9vh,96px);display:flex;position:absolute;top:0;bottom:0}.sw-copy__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--sw-ink-soft);font-size:.72rem;font-weight:600}.sw-copy__title{font-family:var(--font-display);font-variation-settings:"wdth" var(--display-wdth);text-transform:uppercase;letter-spacing:-.025em;margin:.7rem 0 0;font-size:clamp(1.9rem,3.6vw,3.4rem);font-weight:700;line-height:.98}.sw-copy__title span{display:block}.sw-copy__body{color:var(--sw-ink-soft);max-width:38ch;margin-top:.9rem;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.5}.sw-copy__cta{flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:1.8rem;display:flex}.sw-btn{font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}.sw-btn--primary{color:#fff;background:var(--sw-accent);border-radius:999px;padding:15px 26px}.sw-btn--primary:hover{transform:translateY(-2px)}.sw-btn--ghost{color:var(--sw-ink);border-bottom:1px solid color-mix(in srgb, var(--sw-ink) 50%, transparent);padding:6px 0}.sw-btn--ghost:hover{opacity:.7}.sw-copy--hero{max-width:none}.sw-copy--hero .sw-copy__title{margin-top:.9rem;font-size:clamp(2.6rem,7vw,8.5rem);line-height:.9}.sw-copy--hero .sw-copy__title span{white-space:nowrap}.sw-progress{z-index:40;background:color-mix(in srgb, var(--sw-ink) 10%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.sw-progress span{transform-origin:0;background:var(--sw-ink);height:100%;display:block;transform:scaleX(0)}.sw-hint{right:var(--gutter);z-index:40;letter-spacing:.2em;text-transform:uppercase;color:var(--sw-ink-soft);align-items:center;gap:10px;font-size:.7rem;font-weight:600;display:flex;position:absolute;bottom:clamp(44px,9vh,96px)}.sw-hint i{background:color-mix(in srgb, var(--sw-ink) 30%, transparent);width:1px;height:36px;position:relative;overflow:hidden}.sw-hint i:after{content:"";background:var(--sw-ink);width:1px;height:40%;animation:1.8s ease-in-out infinite sw-linea;position:absolute;top:-40%;left:0}@keyframes sw-linea{to{top:100%}}@media (max-width:860px){.sw-copy{padding-bottom:calc(clamp(88px, 14dvh, 120px) + env(safe-area-inset-bottom))}.sw-copy__title{font-size:clamp(1.7rem,7.6vw,2.6rem)}.sw-copy--hero .sw-copy__title{font-size:clamp(2.3rem,11.5vw,4.2rem)}.sw-copy--hero .sw-copy__title span{white-space:normal}.sw-hint{display:none}}}