; no per-SVG @import needed. */ /* Only the compass needle animates — all other elements are static */ .naml-cring { transform-box:view-box; transform-origin:82px 82px; } .naml-needle { transform-box:view-box; transform-origin:82px 82px; animation:namlSettle 2.4s cubic-bezier(0.34,1.2,0.64,1) forwards, namlSeek 8s ease-in-out 2.4s infinite; will-change:transform; } /* Compass needle: settle from east, overshoot north, damp to micro-oscillation */ @keyframes namlSettle { 0% { transform: rotate(90deg); } 35% { transform: rotate(-15deg); } 55% { transform: rotate(8deg); } 70% { transform: rotate(-4deg); } 82% { transform: rotate(2deg); } 91% { transform: rotate(-1deg); } 100% { transform: rotate(0.3deg); } } @keyframes namlSeek { 0%,100% { transform: rotate(0.3deg); } 33% { transform: rotate(-0.4deg); } 67% { transform: rotate(0.6deg); } } @media (prefers-reduced-motion:reduce){ .naml-needle { animation:none!important; transform:none!important; } } OCEANUS OCCIDENTALIS CATAY INDIA TERRA INCOGNITA NEW HOLLAND RUSSIA AFRICA SAHARA ARABIA MARE ARABICUM MARE INDICUM SIAM CHINA N S E W NOMADIC ALMANAC WORLD TRAVEL INTELLIGENCE

VISA & PASSPORT