*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#091d2e;font-family:var(--serif);color:#e8dec5;-webkit-font-smoothing:antialiased}.stage{position:fixed;inset:0;overflow:hidden;background:linear-gradient(rgba(195,218,238,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(195,218,238,.042) 1px,transparent 1px),linear-gradient(rgba(195,218,238,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(195,218,238,.014) 1px,transparent 1px),#091d2e;background-size:80px 80px,80px 80px,16px 16px,16px 16px}.glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(255,145,0,.04) 0%,transparent 68%)}svg.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.coord{position:absolute;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#c3daee1f;pointer-events:none}.chrome{position:absolute;top:0;left:0;right:0;padding:18px 30px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#c3daee47;z-index:20;pointer-events:none}.stamp{border:1px solid rgba(195,218,238,.14);padding:2px 8px}.centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;pointer-events:none;z-index:3;text-align:center}.compass-wrap{display:flex;justify-content:center;margin-bottom:14px;height:96px;align-items:flex-end}.compass-wrap svg{display:block;overflow:visible;transition:filter .3s}.centre.lit .compass-wrap svg{filter:drop-shadow(0 0 10px rgba(255,145,0,.22))}.compass-svg .stroke{stroke:#c3daee80;stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round}.compass-svg .fill{fill:#c3daee80;stroke:none}.compass-svg .needle{fill:#c3daee80}.compass-svg .pencil,.centre.lit .compass-svg .needle{fill:#ff9100}.compass-root,.leg-l,.leg-r{transform-origin:0 6px}.wm{font-family:"DM Serif Display",serif;font-weight:400;font-style:normal;font-size:48px;letter-spacing:-.03em;line-height:1;margin:0;color:#e8dec5eb;transition:color .3s}.wm .acc{color:#ff9100;font-style:normal}.cap-area{position:relative;margin-top:12px;min-height:54px}.cap-state{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;gap:5px;transition:opacity .25s}.cap-hover,.centre.lit .cap-default{opacity:0}.centre.lit .cap-hover{opacity:1}.cap-mono{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#c3daee6b}.cap-dim{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#c3daee38}.cap-pn{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#ff9100}.cap-pd{font-family:var(--serif);font-style:italic;font-size:13px;line-height:1.4;color:#e8dec5b3;max-width:260px;margin:0 auto;text-wrap:pretty}.cap-pg{font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#ff9100b3;margin-top:2px}.body{position:absolute;z-index:6;will-change:transform;text-decoration:none;cursor:pointer}.body svg{display:block;overflow:visible}.body svg line,.body svg rect,.body svg circle,.body svg ellipse,.body svg polyline,.body svg polygon,.body svg path{stroke:#c3daee5c;fill:none;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,stroke-width .3s}.body svg text{stroke:none;fill:#c3daee3d;font-family:monospace;font-size:6.5px;letter-spacing:.06em;transition:fill .3s}.body.lit svg line,.body.lit svg rect,.body.lit svg circle,.body.lit svg ellipse,.body.lit svg polyline,.body.lit svg polygon,.body.lit svg path{stroke:#ff9100;stroke-width:1}.body.lit svg text{fill:#ff9100cc}.sub{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;width:40px;margin-left:-20px;margin-top:-20px;opacity:0;pointer-events:none;transform:scale(.7);transition:opacity .28s,transform .32s cubic-bezier(.2,.8,.3,1)}.sub:nth-child(1){transition-delay:.04s}.sub:nth-child(2){transition-delay:.09s}.body.lit .sub{opacity:1;transform:scale(1);pointer-events:auto}.sub-icon{width:30px;height:30px;border:1px solid rgba(255,145,0,.45);background:#ff91000f;display:flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s}.sub:hover .sub-icon{background:#ff910038;box-shadow:0 0 12px #ff910059}.sub-icon svg{width:13px;height:13px;stroke:#ff9100;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sub-cap{font-family:var(--mono);font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#ff910099;white-space:nowrap;text-align:center}.b-lbl{margin-top:7px;text-align:center;pointer-events:none}.b-name{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#c3daee66;transition:color .25s;display:inline-block}.body.lit .b-name{color:#ff9100}@media(max-width:767px){.stage,.chrome,.centre,.glow,.coord,svg.lines{display:none!important}.mobile{display:block}}@media(min-width:768px){.mobile{display:none}}.mobile{min-height:100vh;background:#091d2e;padding-bottom:56px;background-image:linear-gradient(rgba(195,218,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(195,218,238,.04) 1px,transparent 1px);background-size:40px 40px}.m-top{position:sticky;top:0;z-index:10;background:#091d2edb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(195,218,238,.08);padding-top:env(safe-area-inset-top,0)}.m-chrome{display:flex;justify-content:space-between;padding:12px 18px 6px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#c3daee47}.m-compass-wrap{display:flex;justify-content:center;align-items:center;padding:2px 0 10px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:transparent;border:0;width:100%}.m-compass-svg{display:block;overflow:visible;transition:filter .3s}.m-compass-wrap.lit .m-compass-svg{filter:drop-shadow(0 0 8px rgba(255,145,0,.28))}.m-compass-svg .stroke{stroke:#c3daee80;stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round}.m-compass-svg .fill{fill:#c3daee80;stroke:none}.m-compass-svg .needle{fill:#c3daee80;transition:fill .3s}.m-compass-svg .pencil,.m-compass-wrap.lit .m-compass-svg .needle{fill:#ff9100}.m-compass-root{transform-origin:0 6px}.m-hero{padding:32px 22px 40px;text-align:center;border-bottom:1px solid rgba(195,218,238,.07)}.m-wm{font-family:var(--serif);font-style:italic;font-weight:400;font-size:56px;letter-spacing:-.03em;color:#e8dec5eb;margin:0;line-height:1}.m-wm .acc{color:#ff9100;font-style:normal}.m-cap{margin-top:18px;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#c3daee66;line-height:1.7}.m-scroll-hint{margin-top:24px;font-family:var(--mono);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#c3daee52}.m-panels{padding:0}.m-panel{min-height:64vh;padding:32px 22px 36px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(195,218,238,.07);transition:background .4s}.m-panel.active{background:#ff910006}.m-panel-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#c3daee5c;margin-bottom:18px;transition:color .35s}.m-panel.active .m-panel-head{color:#ff9100b3}.m-panel-bp{display:flex;justify-content:center;align-items:center;margin:4px 0 22px;text-decoration:none;-webkit-tap-highlight-color:transparent}.m-panel-bp svg{display:block;width:min(86vw,340px);height:auto;overflow:visible}.m-panel-bp svg line,.m-panel-bp svg rect,.m-panel-bp svg circle,.m-panel-bp svg ellipse,.m-panel-bp svg polyline,.m-panel-bp svg polygon,.m-panel-bp svg path{stroke:#c3daee57;fill:none;stroke-width:.9;stroke-linecap:round;transition:stroke .45s}.m-panel.active .m-panel-bp svg line,.m-panel.active .m-panel-bp svg rect,.m-panel.active .m-panel-bp svg circle,.m-panel.active .m-panel-bp svg ellipse,.m-panel.active .m-panel-bp svg polyline,.m-panel.active .m-panel-bp svg polygon,.m-panel.active .m-panel-bp svg path{stroke:#ff9100}.m-panel-bp svg text{font-family:var(--mono);font-size:7px;fill:#c3daee57;stroke:none;transition:fill .45s}.m-panel.active .m-panel-bp svg text{fill:#ff9100b8}.m-panel-name{font-family:var(--serif);font-style:italic;font-weight:400;font-size:34px;letter-spacing:-.018em;color:#e8dec5eb;text-align:center;margin:0 0 10px}.m-panel-desc{font-family:var(--serif);font-style:italic;font-size:14.5px;line-height:1.55;color:#e8dec585;text-align:center;max-width:30ch;margin:0 auto 22px;text-wrap:pretty}.m-panel-go{display:inline-block;align-self:center;padding:14px 24px;min-height:48px;min-width:160px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#ff9100;border:1px solid rgba(255,145,0,.34);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent}.m-panel-go:active{background:#ff91000f}