.landing{--nav-h:65px}.hero-display{font-size:clamp(44px,11vw,64px)}.hero-art{border:1.5px solid var(--border-strong);border-radius:var(--radius-lg)}.hero-sello{top:calc(-1 * var(--space-8));right:calc(-1 * var(--space-6));width:128px;height:128px;position:absolute;transform:rotate(8deg)}.scene-title{font-size:clamp(28px,7vw,40px);line-height:1.15}.scene-states{gap:var(--space-12);display:grid}.scene-state{align-content:center;justify-items:center;display:grid}.scene-rail{display:none}.scene-reveal{display:contents}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.scene{view-timeline:--scene block;height:400vh}.scene-stage{top:var(--nav-h);height:calc(100svh - var(--nav-h));position:sticky;overflow:hidden}.scene-states{gap:0;height:100%;position:relative}.scene-state{pointer-events:none;will-change:transform, opacity;align-content:start;animation:none;animation-timeline:--scene;animation-range:contain;position:absolute;inset:0}@media (min-width:1024px){.scene-state{align-content:center}}.scene-state[data-step="1"]{animation-name:scene-signal}.scene-state[data-step="2"]{animation-name:scene-dossier}.scene-state[data-step="3"]{animation-name:scene-gift}.scene-state[data-step="4"]{animation-name:scene-reply}.scene-reveal{animation:linear both scene-reveal;animation-timeline:--scene;display:block}.scene-reveal[data-at="1"]{animation-range:contain 76% contain 81%}.scene-reveal[data-at="2"]{animation-range:contain 84% contain 89%}.scene-reveal[data-at="3"]{animation-range:contain 91% contain 95%}.scene-rail{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}@media (min-width:1024px){.scene-rail{gap:var(--space-3);display:grid}}.scene-rail li{align-items:center;gap:var(--space-3);color:var(--ink-muted);animation:none;animation-timeline:--scene;animation-range:contain;display:flex}.scene-rail li:before{content:"";background:var(--lead-hot);width:12px;height:12px;opacity:calc(.2 + .8 * var(--rail-on));transform:translate(calc(-3px * var(--rail-on)), calc(-3px * var(--rail-on)));box-shadow:calc(3px * var(--rail-on)) calc(3px * var(--rail-on)) 0 var(--border-strong);border-radius:3px}.scene-rail li[data-step="1"]{animation-name:rail-1}.scene-rail li[data-step="2"]{animation-name:rail-2}.scene-rail li[data-step="3"]{animation-name:rail-3}.scene-rail li[data-step="4"]{animation-name:rail-4}}}@keyframes scene-signal{0%{opacity:0;transform:translateY(32px)}5%,20%{opacity:1;transform:none}28%,to{opacity:0;transform:scale(1.8)}}@keyframes scene-dossier{0%,20%{opacity:0;transform:scale(.6)}28%,45%{opacity:1;transform:none}53%,to{opacity:0;transform:translateY(-40px)scale(.92)}}@keyframes scene-gift{0%,47%{opacity:0;transform:translateY(48px)}55%,70%{opacity:1;transform:none}77%,to{opacity:0;transform:scale(1.4)}}@keyframes scene-reply{0%,72%{opacity:0;transform:scale(.85)}78%,to{opacity:1;transform:none}}@keyframes scene-reveal{0%{opacity:0;transform:translate(4px,4px)}to{opacity:1;transform:none}}@property --rail-on{syntax:"<number>";inherits:true;initial-value:0}@keyframes rail-1{0%,25%{color:var(--ink);--rail-on:1}27%,to{color:var(--ink-muted);--rail-on:0}}@keyframes rail-2{0%,25%{color:var(--ink-muted);--rail-on:0}27%,50%{color:var(--ink);--rail-on:1}52%,to{color:var(--ink-muted);--rail-on:0}}@keyframes rail-3{0%,50%{color:var(--ink-muted);--rail-on:0}52%,74%{color:var(--ink);--rail-on:1}76%,to{color:var(--ink-muted);--rail-on:0}}@keyframes rail-4{0%,74%{color:var(--ink-muted);--rail-on:0}76%,to{color:var(--ink);--rail-on:1}}