@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-in;animation-timeline:view();animation-range:entry cover 30%}}}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.device{aspect-ratio:9/17;width:100%;max-width:300px;overflow:hidden}.dotfield{isolation:isolate;position:relative}.dotfield:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--color-line-strong) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}