.of__t{margin:0}.of__a{flex-direction:column;justify-content:space-between;height:400px;padding:16px;display:flex;position:relative}.of__r{perspective:900px;width:230px;height:230px;position:absolute;top:16px;right:16px}.of__r picture,.of__r img{object-fit:cover;border-radius:50%;width:100%;height:100%}.of__r picture{transition:transform 1s var(--ease)}:is(.of__a:hover .of__r--coin picture,.of__a:focus-visible .of__r--coin picture){animation:coin-flip 1s var(--ease-io)}@keyframes coin-flip{to{transform:rotateY(360deg)}}:is(.of__a:hover .of__r--knot picture,.of__a:focus-visible .of__r--knot picture){transform:rotate(90deg)}.of__b{flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:relative}.of__h{font-size:var(--fs-card);line-height:1.15}.of__b .arr{transition:transform var(--t-hover) var(--ease)}:is(.of__a:hover .of__b .arr,.of__a:focus-visible .of__b .arr){transform:translate(4px,-4px)}@media (min-width:768px){.of__a{height:560px;padding:24px}.of__r{aspect-ratio:1;width:min(330px,47%);height:auto;top:24px;right:24px}.of__b{gap:24px}.of__b .arr{width:16px;height:16px}}