@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}}.shot{border:1px solid var(--color-line);background:var(--color-void);aspect-ratio:9/16;width:100%;max-width:300px;margin:0;overflow:hidden}.shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.shot--tall{aspect-ratio:9/19.5}.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%)}