/* A curved edge ribbon: light handle, layered fade, uninterrupted reversals. */
html{scrollbar-gutter:stable}
.hdr.compass{position:fixed;top:50%;right:0;bottom:auto;left:auto;width:44px;height:154px;transform:translateY(-50%);color:#fff;z-index:65;background:none;transition:opacity .28s ease}
.compass-dock{position:relative;width:100%;height:100%}
.compass-trigger{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding-left:6px;border:1px solid #ffffff24;border-right:0;border-radius:100% 0 0 100% / 35% 0 0 35%;background:#161616;box-shadow:-6px 0 22px #0002;transition:background .35s}
.compass-trigger:hover{background:#26221f}
.compass-rim{position:absolute;left:7px;top:38%;width:1px;height:24%;background:var(--orange-hi);opacity:.9;border-radius:2px}
.compass-orbit{display:flex;gap:4px;height:17px;align-items:center}
.compass-orbit i{display:block;height:14px;width:1px;background:#fff;border-radius:2px}.compass-orbit i:last-child{height:9px}
.compass-caption{writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;font-weight:500}
.compass-hint{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(5px,-50%);white-space:nowrap;background:#151515;padding:7px 11px;border-radius:4px;font-size:10px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.compass-dock:focus-within .compass-hint{opacity:1;transform:translate(0,-50%)}
.compass-trigger:focus-visible{outline:2px solid var(--orange-hi);outline-offset:3px}
body:has(.page-atlas[open]) .hdr.compass{opacity:0;pointer-events:none}
.page-atlas{position:fixed;inset:50% 0 auto auto;translate:0 -50%;width:min(370px,calc(100vw - 16px));height:min(600px,calc(100dvh - 32px));max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:visible;overscroll-behavior:contain}
.page-atlas::backdrop{background:#10101020;opacity:0;transition:opacity .5s ease}
.page-atlas.is-visible::backdrop{opacity:1}
.atlas-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:42px 54px 32px 48px;background:radial-gradient(ellipse at 110% 40%,#302219 0,transparent 70%),#141414;border:1px solid #ffffff25;border-right:0;border-radius:42% 0 0 42% / 13% 0 0 13%;overflow:hidden;box-shadow:-20px 10px 60px #0002;opacity:0;transform:translateX(20px) scaleX(.97);transform-origin:right center;transition:opacity .48s ease,transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.page-atlas.is-visible .atlas-panel{opacity:1;transform:translateX(0) scaleX(1)}
.page-atlas.closing .atlas-panel{transition-duration:.36s}
.atlas-rings{position:absolute;left:12px;top:17%;bottom:17%;width:1px;background:linear-gradient(transparent,#ffffff24,transparent);pointer-events:none}
.atlas-rings::after{content:"";position:absolute;left:0;top:38%;width:1px;height:24%;background:var(--orange-hi);box-shadow:0 0 10px #f24a1240}
.atlas-signature{font-size:19px;font-weight:600;letter-spacing:-.045em;line-height:1;color:#fff}
.atlas-signature sup{font-size:8px;margin-left:2px}
.atlas-edition{font-size:8px;line-height:1.55;letter-spacing:.12em;color:#85837e;margin-top:12px}
.atlas-links{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;margin:19px 0}
.atlas-link{position:relative;display:flex;align-items:center;gap:15px;min-height:0;flex:1;max-height:57px;padding:7px 10px 7px 0;border-bottom:1px solid #ffffff12;opacity:0;transform:translateX(12px);transition:opacity .4s ease,transform .65s cubic-bezier(.22,1,.36,1),color .25s;background:none}
.page-atlas.is-visible .atlas-link{opacity:1;transform:translateX(0);transition-delay:calc(50ms + var(--order) * 35ms)}
.page-atlas.closing .atlas-link{transition-delay:0ms;transition-duration:.22s}
.atlas-link small{font-size:8px;letter-spacing:.1em;color:#676761;min-width:16px}
.atlas-link span{font-family:var(--display);font-size:31px;font-weight:500;letter-spacing:-.045em;line-height:1.15;transition:translate .45s cubic-bezier(.22,1,.36,1)}
.atlas-link b{font-size:16px;font-weight:400;color:#64615c;margin-left:auto;opacity:0;translate:-5px 0;transition:opacity .3s,translate .4s}
.atlas-link.on{color:#ff723d}.atlas-link.on small{color:#e2734d}
.atlas-link.on b{opacity:1;translate:0 0;color:#ff723d}
.atlas-link:hover{color:#ff895a}.atlas-link:hover span{translate:5px 0}.atlas-link:hover b{opacity:1;translate:0 0;color:#ff895a}
.atlas-current{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.07em;color:#74726d;padding-top:5px}
.atlas-current b{font-weight:400;color:#c4c1bb;margin-left:auto;font-size:9px;letter-spacing:0}
.atlas-current i{width:4px;height:4px;border-radius:50%;background:var(--orange-hi)}
.atlas-close{position:absolute;right:0;top:50%;translate:0 -50%;width:39px;height:154px;border-radius:100% 0 0 100% / 35% 0 0 35%;background:#ffffff05;color:#b9b5ae;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding-left:5px;border:1px solid #ffffff0a;border-right:0;z-index:2;transition:background .3s,color .3s}
.atlas-close>span{font-size:23px;line-height:1;font-weight:300}.atlas-close small{font-size:7px;letter-spacing:.17em;writing-mode:vertical-rl}
.atlas-close:hover{color:#fff;background:#ffffff0a}
.atlas-link:focus-visible,.atlas-close:focus-visible{outline:2px solid #ff723d;outline-offset:3px;border-radius:2px}
body.atlas-open{overflow:hidden}
.phero{padding-top:86px}
@media(max-width:600px){.hdr.compass{width:39px;height:140px}.compass-hint{display:none}.page-atlas{width:min(350px,calc(100vw - 14px));height:min(580px,calc(100dvh - 28px))}.atlas-panel{padding:35px 49px 29px 40px}.atlas-link span{font-size:28px}.atlas-close{width:34px;height:140px}.phero{padding-top:70px}}
@media(max-height:530px){.atlas-panel{padding-top:22px;padding-bottom:19px}.atlas-edition{display:none}.atlas-links{margin:14px 0}.atlas-link{padding:5px 5px 5px 0}.atlas-link span{font-size:23px}.atlas-signature{font-size:16px}.atlas-current{font-size:6px}.atlas-close{height:120px}}
@media(prefers-reduced-motion:reduce){.hdr.compass,.compass-trigger,.compass-hint,.atlas-panel,.page-atlas::backdrop,.atlas-close,.atlas-link,.atlas-link span,.atlas-link b{transition:none!important}.atlas-panel,.atlas-link{transform:none}.atlas-link:hover span{translate:0 0}}