.entry{position:fixed;z-index:2000;inset:0;background:#07101f;color:#eef3f6;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity 1s cubic-bezier(.65,0,.2,1),visibility 1s}.entry.leaving{opacity:0;visibility:hidden;pointer-events:none}body.entry-open{overflow:hidden}.entry-noise{position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.entry:before,.entry:after{content:"";position:absolute;top:50%;width:calc(50% - 190px);height:1px;background:linear-gradient(90deg,transparent,rgba(173,195,207,.38))}.entry:before{left:2vw}.entry:after{right:2vw;transform:rotate(180deg)}.entry-brand{position:absolute;top:5vh;left:50%;transform:translateX(-50%);font-size:1.2rem}.entry-kicker{position:absolute;top:10vh;margin:0;text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:#7e96a6}.entry-axis{position:absolute;left:50%;top:16vh;bottom:14vh;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.13),transparent)}.entry-axis span{position:absolute;width:5px;height:5px;border:1px solid rgba(255,255,255,.35);border-radius:50%;left:-2px}.entry-axis span:first-child{top:0}.entry-axis span:last-child{bottom:0}.compass-wrap{width:300px;height:300px;position:relative;display:grid;place-items:center;touch-action:none;cursor:grab}.compass-wrap:active{cursor:grabbing}.compass{position:relative;width:236px;height:236px;border:1px solid rgba(213,227,235,.22);border-radius:50%;will-change:transform;transition:transform .12s ease-out}.compass:before,.compass:after{content:"";position:absolute;background:rgba(218,231,237,.48);left:50%;top:-18px;transform:translateX(-50%);width:2px;height:20px}.compass:after{top:auto;bottom:-18px}.ticks{position:absolute;inset:-1px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(224,235,240,.47) 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 0 44%,#000 45% 52%,transparent 53%)}.cardinals b{position:absolute;font:400 1.45rem Georgia,serif;color:#d7e0e5}.cardinals .n{top:18px;left:50%;transform:translateX(-50%)}.cardinals .e{right:23px;top:50%;transform:translateY(-50%) rotate(90deg)}.cardinals .s{bottom:18px;left:50%;transform:translateX(-50%) rotate(180deg)}.cardinals .w{left:20px;top:50%;transform:translateY(-50%) rotate(-90deg)}.needle{position:absolute;inset:0}.needle:before,.needle:after{content:"";position:absolute;left:50%;top:50%;background:#d9e3e8;transform:translate(-50%,-50%)}.needle:before{width:1px;height:96px}.needle:after{height:1px;width:96px}.needle i{position:absolute;top:20px;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:13px solid var(--orange)}.compass-core{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(80,103,119,.18);border:1px solid rgba(255,255,255,.08)}.bearing{position:absolute;right:-24px;bottom:23px;font:500 .72rem 'Barlow Condensed';letter-spacing:.16em;color:#7892a2}.enter-button{position:absolute;top:calc(50% + 195px);background:transparent;border:1px solid rgba(206,221,229,.3);color:#edf3f6;text-transform:uppercase;letter-spacing:.17em;font:600 .7rem Inter;padding:1.1rem 1.5rem;min-width:180px;cursor:pointer;transition:.35s}.enter-button b{color:var(--orange);margin-left:18px}.enter-button:hover,.enter-button:focus-visible{background:#eef3f6;color:#07101f;border-color:#eef3f6;outline:none}.coordinates{position:absolute;bottom:5vh;margin:0;font:500 .85rem 'Barlow Condensed';letter-spacing:.18em;color:#afbec7}.entry-hint{position:absolute;right:3vw;bottom:5vh;margin:0;text-transform:uppercase;font-size:.65rem;letter-spacing:.16em;color:#657b89}@media(max-width:540px){.entry:before,.entry:after{width:calc(50% - 125px)}.entry-brand{top:4vh}.entry-kicker{top:9vh}.compass-wrap{width:250px;height:250px}.compass{width:196px;height:196px}.enter-button{top:calc(50% + 155px)}.coordinates{bottom:4vh;font-size:.72rem}.entry-hint{display:none}}