.sn-hero{grid-template-columns:minmax(0,1fr) clamp(230px,24vw,310px);gap:42px}
.sn-hero-mark.sn-compass{display:block;text-align:center}
.sn-compass-shell{position:relative;width:100%;aspect-ratio:1;filter:drop-shadow(0 15px 13px #151c1724);transform-origin:50% 55%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s ease}
.sn-compass-face{display:block;width:100%;height:100%;transform-origin:center;transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.sn-compass-seal{position:absolute;left:40.2%;top:40.2%;width:19.6%;height:19.6%;border-radius:50%;object-fit:contain}
.sn-compass>span{font-size:9px;letter-spacing:.18em;color:#655e43;margin-top:12px}
@media(hover:hover) and (pointer:fine){.sn-compass:hover .sn-compass-shell{transform:perspective(700px) translateY(-9px) rotateX(8deg) rotateY(-9deg) rotate(-3deg);filter:drop-shadow(0 23px 19px #151c1740)}.sn-compass:hover .sn-compass-face{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sn-compass-shell,.sn-compass-face{transition:none}.sn-compass:hover .sn-compass-shell,.sn-compass:hover .sn-compass-face{transform:none}}
@media(max-width:1000px) and (min-width:761px){.sn-hero{grid-template-columns:minmax(0,1fr) 220px;gap:26px}}
@media(max-width:760px){.sn-hero{display:block;position:relative}.sn-hero-mark.sn-compass{position:absolute;top:29px;right:0;width:88px}.sn-hero>div:first-child>.eyebrow{max-width:calc(100% - 106px);min-height:88px;display:flex;align-items:center;margin-bottom:18px}.sn-compass>span{display:none}.sn-compass-shell{filter:drop-shadow(0 5px 5px #151c1726)}}