.back-top{min-height:64px;gap:17px}
.home-compass{position:relative;display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border:1px solid #b89358;border-radius:50%;background:radial-gradient(circle at 37% 28%,#2d6257,#103e36 65%);box-shadow:inset 0 0 0 3px #9b7943,inset 0 0 0 4px #e2c58b,0 3px 9px #001d2b40;isolation:isolate}
.home-compass::after{content:'';position:absolute;inset:6px;border-radius:50%;background:linear-gradient(125deg,#fff6d714,transparent 48%);pointer-events:none}
.home-compass>svg{width:48px;height:48px;overflow:visible;color:var(--cream);stroke-width:1}
.back-top:hover .home-compass svg{animation:none}
.compass-ticks{stroke:#d1b777;stroke-width:.7;opacity:.6}
.compass-letters{fill:#e9d8b2;stroke:none;font:5px Otherlight,Arial,sans-serif;text-anchor:middle}
.compass-needle{transform-origin:32px 32px;stroke:none}
.compass-north{fill:var(--coral)}
.compass-south{fill:#e8d8b1}
.compass-pin{fill:#b99557;stroke:#f8e7bb;stroke-width:.8}
.back-top:focus-visible{outline-offset:8px}
@media(max-width:760px){.back-top{gap:10px}.home-compass{width:52px;height:52px;flex-basis:52px}.home-compass>svg{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.compass-needle{transform:none!important}}
.motion-paused .compass-needle{transform:none!important}
@media(forced-colors:active){.home-compass{background:Canvas;border:2px solid ButtonText;box-shadow:none}.home-compass::after{display:none}.compass-ticks{stroke:ButtonText;opacity:1}.compass-letters,.compass-north{fill:ButtonText}.compass-south{fill:Canvas;stroke:ButtonText}.compass-pin{fill:Canvas;stroke:ButtonText}}