.selected-project-image{position:relative;overflow:hidden}.selected-project-copy>a:has(.ships-arrow){position:relative}.ships-arrow{margin-left:.4em;position:absolute;left:100%}@media (prefers-reduced-motion:no-preference){@media (hover:hover) and (pointer:fine){.selected-project-image img{transition:transform var(--m-base) var(--m-ease)}.selected-project-image:hover img,.selected-project-image:focus-visible img{transform:scale(1.03)}.ships-arrow{transition:transform var(--m-fast) var(--m-ease)}.selected-project-copy>a:hover .ships-arrow,.selected-project-copy>a:focus-visible .ships-arrow{transform:translate(4px)}}@supports (animation-timeline:view()){.selected-project-image{view-timeline-name:--ships-shot}.selected-project-image img{animation:linear both ships-wipe;animation-timeline:--ships-shot;animation-range:entry 15%}@keyframes ships-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.selected-project-image:after{content:"";background:linear-gradient(to right, var(--orchid) 0 2px, transparent 2px);pointer-events:none;animation:linear both ships-wipe-line;animation-timeline:--ships-shot;animation-range:entry 15%;position:absolute;inset:0}@keyframes ships-wipe-line{0%{opacity:1;transform:translate(0)}85%{opacity:1}to{opacity:0;transform:translate(100%)}}.shipgrid .ships-row{animation:linear both m-rise;animation-timeline:view();animation-range:entry calc(var(--i,0) * 6%) entry calc(70% + var(--i,0) * 6%)}.shipgrid .ships-row:hover,.shipgrid .ships-row:focus-within{z-index:2}}}
