.portal-tone{--brand-deep:#123d8c;--brand:#1d56c9;--brand-soft:#3d74e0;--brand-pale:#e4ecfc;--on-brand:#fff}.landing-panel{background-image:linear-gradient(135deg, color-mix(in oklab, var(--section) 55%, transparent), color-mix(in oklab, var(--brand-pale) 45%, transparent))}.landing-marker{--marker:color-mix(in oklab, var(--brand) 22%, transparent);background-image:linear-gradient(transparent 56%, var(--marker) 56%, var(--marker) 94%, transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;padding:0 .1em}.scene-cursor{display:none}.scene-before{opacity:0}.scene-after{opacity:1}.scene-drag{transform:translate(var(--dx,0), var(--dy,0))}.scene-expand{max-height:var(--open-h,8rem);overflow:hidden}@media (prefers-reduced-motion:no-preference){.landing-marker{animation:.9s cubic-bezier(.22,.8,.24,1) .3s both landing-marker-sweep}.scene-cursor{z-index:5;left:var(--x0);top:var(--y0);pointer-events:none;animation:6s cubic-bezier(.32,.72,0,1) infinite scene-cursor;display:block;position:absolute}.scene-click{animation:6s ease-out infinite scene-click}.scene-before{opacity:1;animation:6s linear infinite scene-before}.scene-after{opacity:0;animation:6s linear infinite scene-after}.scene-drag{animation:6s cubic-bezier(.32,.72,0,1) infinite scene-drag;transform:none}.scene-expand{max-height:0;animation:6s cubic-bezier(.32,.72,0,1) infinite scene-expand}.scene-cursor,.scene-click,.scene-before,.scene-after,.scene-drag,.scene-expand{animation-delay:var(--scene-delay,0s)}}@keyframes landing-marker-sweep{0%{background-size:0% 100%}to{background-size:100% 100%}}@keyframes scene-cursor{0%,6%{left:var(--x0);top:var(--y0)}28%,35%{left:var(--x1);top:var(--y1)}55%,74%{left:var(--x2,var(--x1));top:var(--y2,var(--y1))}94%,to{left:var(--x0);top:var(--y0)}}@keyframes scene-click{0%,30%{opacity:0;transform:scale(.3)}32%{opacity:.9;transform:scale(.6)}44%,to{opacity:0;transform:scale(2)}}@keyframes scene-before{0%,35%{opacity:1}38%,94%{opacity:0}97%,to{opacity:1}}@keyframes scene-after{0%,35%{opacity:0}38%,92%{opacity:1}96%,to{opacity:0}}@keyframes scene-drag{0%,35%{opacity:1;transform:none}55%,90%{transform:translate(var(--dx,0), var(--dy,0));opacity:1}94%{transform:translate(var(--dx,0), var(--dy,0));opacity:0}96%{opacity:0;transform:none}to{opacity:1;transform:none}}@keyframes scene-expand{0%,35%{max-height:0}48%,90%{max-height:var(--open-h,8rem)}97%,to{max-height:0}}
