.panel-hero{gap:60px}.project-compass{min-width:0;background:#d9dad3;border:1px solid #bec2b5;border-radius:15px;padding:22px;box-shadow:2px 4px 0 #bdc1b3,12px 20px 30px #41473514;align-self:center}.compass-top{display:flex;justify-content:space-between;font-size:9px;gap:15px}.compass-face{position:relative;padding:22px 0 14px;max-width:360px;margin:auto}.north-index{position:absolute;top:15px;left:50%;transform:translateX(-50%);font-size:18px;color:#cf410f;z-index:3}.compass-dial{position:relative;aspect-ratio:1;border-radius:50%;background:#e9e8e2;border:9px solid #c6cabe;box-shadow:inset 0 0 0 1px #a5ad99,inset 0 3px 8px #535d4220,0 2px 2px #fff6;touch-action:none;cursor:grab;user-select:none}.compass-dial:focus-visible{outline:2px solid #cf410f;outline-offset:5px}.dragging .compass-dial{cursor:grabbing}.compass-rotor,.compass-markers{position:absolute;inset:0;border-radius:50%;transition:transform 170ms ease-out}.dragging .compass-rotor,.dragging .compass-markers{transition:none}.compass-ticks{position:absolute;inset:7px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#717966 0 1deg,transparent 1deg 5deg);mask:radial-gradient(transparent 62%,#000 62%);-webkit-mask:radial-gradient(transparent 62%,#000 62%)}.cardinal{position:absolute;font:10px Consolas,monospace;color:#5d6751;z-index:1}.north{top:13%;left:50%;transform:translateX(-50%)}.south{bottom:13%;left:50%;transform:translateX(-50%)}.east{right:13%;top:50%;transform:translateY(-50%)}.west{left:13%;top:50%;transform:translateY(-50%)}.compass-rose{position:absolute;inset:24%;background:#bdc3b3;clip-path:polygon(50% 0,57% 42%,100% 50%,57% 58%,50% 100%,43% 58%,0 50%,43% 42%)}.compass-rose:after{content:'';position:absolute;inset:0;background:#cf410f;clip-path:polygon(50% 0,57% 42%,50% 50%,43% 42%)}.compass-markers{pointer-events:none}.compass-marker{position:absolute;left:calc(50% - 17px);top:calc(50% - 17px);height:34px;width:34px;padding:0;border:1px solid #afb6a3;border-radius:50%;background:#e9e8e2;color:#36412b;transform:rotate(var(--position)) translateY(calc(-1 * var(--radius, 120px)));font:10px Consolas,monospace;cursor:pointer;pointer-events:auto;box-shadow:0 1px 2px #0001}.compass-marker span{display:block;transform:rotate(var(--counter,0deg))}.compass-marker[aria-pressed=true]{background:#cf410f;color:white;border-color:#cf410f}.compass-marker:hover{border-color:#20211e}.compass-marker:focus-visible{outline:2px solid #20211e;outline-offset:3px}.compass-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:70px;width:70px;display:grid;place-items:center;background:#d9dad3;border:1px solid #b5bca9;border-radius:50%;box-shadow:2px 3px 5px #0002;pointer-events:none}.compass-hub>span{font-size:30px;letter-spacing:-2px;margin-top:-4px}.compass-hub i{position:absolute;bottom:11px;width:4px;height:4px;background:#cf410f;border-radius:50%}.bearing{text-align:center;margin-top:10px;color:#5d6751;font-size:9px;letter-spacing:2px}.compass-display{background:#b7c1a0;border:1px solid #9da88a;border-radius:4px;padding:16px 18px;box-shadow:inset 0 2px 4px #3f4a2820;color:#2a3725}.display-meta{display:flex;justify-content:space-between;font-size:8px;gap:15px}.project-name{font-size:clamp(23px,2.5vw,32px);letter-spacing:-1.4px;margin-top:13px;overflow-wrap:anywhere}.project-description{font-size:11px;line-height:1.5;margin-top:8px}.compass-open{display:flex;justify-content:space-between;border-top:1px solid #8e9b7c;margin-top:15px;padding-top:10px;font-size:11px}.compass-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.compass-navigation button{height:36px;width:40px;border:1px solid #afb6a3;border-radius:4px;background:#e9e8e2;color:#20211e;box-shadow:0 2px 0 #b9bfae;cursor:pointer;font-size:18px}.compass-navigation button:hover{background:#cf410f;color:white;border-color:#cf410f}.compass-navigation button:active{transform:translateY(2px);box-shadow:none}.compass-navigation p{text-align:center;font-size:8px;letter-spacing:.6px;line-height:1.7}.compass-navigation p span{font-size:8px;letter-spacing:0;color:#575951}.project-register article:target{background:#d9dad3;outline:1px solid #b5bca9;outline-offset:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.panel-hero{gap:35px}.project-compass{padding:18px}.compass-marker{--radius:95px}.compass-face{max-width:290px}.panel h1{font-size:clamp(45px,6vw,65px)}}@media(max-width:650px){.project-compass{width:100%;max-width:370px;margin:auto;padding:18px}.compass-marker{--radius:110px}.compass-face{max-width:310px}.panel h1{font-size:clamp(40px,10vw,65px)}.project-name{font-size:28px}.compass-top{font-size:8px}.compass-navigation p{font-size:7px}}@media(max-width:370px){.compass-marker{--radius:91px}.project-compass{padding:15px}.compass-hub{height:58px;width:58px}.compass-hub>span{font-size:26px}.compass-navigation p span{font-size:7px}}@media(prefers-reduced-motion:reduce){.compass-rotor,.compass-markers{transition:none}}
/* Field compass — aluminium cabinet, dark instrument face. */
.project-compass{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:20px 17px;max-width:425px;width:100%;padding:34px 30px 26px;background:linear-gradient(115deg,#e0e1dd 0%,#bebfba 43%,#d4d5cf 72%,#c3c5be 100%);border:1px solid #9b9f95;border-radius:22px;box-shadow:inset 0 0 0 2px #edece677,inset 0 0 0 4px #a7aaa022,1px 5px 0 #8e9288,2px 11px 0 #6a6e65,12px 28px 36px #30372c35;transform:rotate(-5deg);isolation:isolate}.project-compass:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(93deg,#fff0 0 2px,#ffffff13 2px 3px,#00000004 3px 4px);z-index:-1}.compass-top{grid-column:1/-1;order:0;padding:0 4px 3px;font-size:8px;color:#383e32}.compass-display{grid-column:1;grid-row:2;min-height:140px;background:linear-gradient(135deg,#151816,#252824);border:3px solid #777c70;outline:1px solid #e6e7dd;border-radius:9px;padding:13px 12px;color:#e0e3d8;box-shadow:inset 0 3px 8px #0009,0 2px 0 #ffffff80;min-width:0;display:flex;flex-direction:column;justify-content:center}.bearing{color:#e0e3d8;text-align:left;font-size:30px;letter-spacing:-1px;line-height:1;margin:0 0 10px}.display-meta{font-size:6px;color:#afb7a5;letter-spacing:.2px}.project-name{font:14px/1.3 Consolas,monospace;letter-spacing:-.5px;margin-top:5px;color:#eceee7}.project-description{display:none}.compass-open{font:8px Consolas,monospace;letter-spacing:.1px;border-color:#454c3e;margin-top:8px;padding-top:7px}.compass-open:hover{color:#ff763d}.compass-navigation{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;gap:14px;margin:0;padding:2px 0}.compass-navigation button{height:50px;width:50px;border-radius:50%;font-size:20px;flex-shrink:0}.compass-navigation .compass-prev{height:65px;width:65px;border:1px solid #656b60;background:radial-gradient(circle at 40% 30%,#dadbd4,#a7aaa0 65%,#7c8275 66%,#464d41 75%);box-shadow:inset 0 0 0 5px #b7bbb0,2px 5px 0 #454d3f,4px 9px 7px #0004;color:#333a2d;position:relative}.compass-prev:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#f55621;top:11px;left:30px;box-shadow:0 0 0 1px #c64a1d}.compass-navigation .compass-next{background:#f45c1a;border:1px solid #b54210;box-shadow:inset 0 0 0 2px #ff834733,1px 3px 0 #8d3717,2px 5px 5px #0003;color:#3d240e;margin-left:18px}.compass-navigation button:hover{filter:brightness(1.12)}.compass-navigation p{position:absolute;left:25px;right:25px;bottom:13px;font-size:6px;line-height:1.3;letter-spacing:1px;color:#3b4233}.compass-navigation p span{display:none}.compass-face{grid-column:1/-1;grid-row:3;padding:3px 0 20px;width:100%;max-width:none;margin:0}.compass-dial{background:radial-gradient(circle at 38% 25%,#2b2e2a,#161915 80%);border:8px solid #555c4e;box-shadow:0 0 0 2px #92988b,0 0 0 4px #e9e9e2,0 0 0 5px #8a9181,inset 0 0 0 2px #080c07,inset 0 5px 12px #0008,0 4px 6px #0004}.compass-ticks{inset:7px;background:repeating-conic-gradient(from -.25deg,#d5dacb 0 .5deg,transparent .5deg 2deg);mask:radial-gradient(transparent 65%,#000 65%);-webkit-mask:radial-gradient(transparent 65%,#000 65%)}.compass-ticks:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -.5deg,#f0f0e8 0 1deg,transparent 1deg 10deg);mask:radial-gradient(transparent 61%,#000 61%);-webkit-mask:radial-gradient(transparent 61%,#000 61%)}.cardinal{font:18px Arial,sans-serif;color:#dce0d4}.north{color:#f56b28;top:16%}.south{bottom:16%}.east{right:16%}.west{left:16%}.north-index{top:7px;font-size:15px;z-index:4;color:#ff6725;text-shadow:1px 2px 2px #000}.compass-rose{inset:24%;background:linear-gradient(90deg,#6e7667 49%,#d3d7cb 50%);clip-path:polygon(50% 0,53% 44%,85% 50%,53% 54%,50% 100%,47% 54%,15% 50%,47% 44%);filter:drop-shadow(2px 3px 2px #000)}.compass-rose:after{display:none}.compass-hub{height:31px;width:31px;background:linear-gradient(135deg,#e1e3da,#878f7e);border:2px solid #656e5a;box-shadow:1px 3px 3px #0008,inset 0 0 0 2px #ced3c4}.compass-hub>span{font-size:0}.compass-hub:after{content:'';height:2px;width:10px;background:#4f5944;transform:rotate(-35deg)}.compass-hub i{display:none}.compass-marker{background:#23291f;color:#c8d1bd;border:1px solid #68775b;height:26px;width:26px;left:calc(50% - 13px);top:calc(50% - 13px);font-size:8px;box-shadow:0 2px 3px #0008}.compass-marker[aria-pressed=true]{background:#d94c13;border-color:#ff7c3b;color:#fff1db}.compass-marker:hover{border-color:#e7ebdf}.compass-marker:focus-visible{outline-color:#fff}.cabinet-screws{position:absolute;inset:0;pointer-events:none;z-index:5}.cabinet-screws i{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#353b31 0 36%,#969e8c 40% 53%,#e4e6dd 57% 65%,#727c67 70%);box-shadow:0 1px 1px #fff8}.cabinet-screws i:after{content:'';position:absolute;inset:5px 7px;background:#b9c1ae;transform:rotate(38deg)}.cabinet-screws i:nth-child(1){top:10px;left:10px}.cabinet-screws i:nth-child(2){top:10px;right:10px}.cabinet-screws i:nth-child(3){bottom:10px;left:10px}.cabinet-screws i:nth-child(4){bottom:10px;right:10px}.panel-hero{padding-top:70px;padding-bottom:85px}
@media(max-width:1000px){.project-compass{grid-template-columns:minmax(0,1fr) 65px;padding:30px 23px 25px;gap:15px 12px}.compass-navigation .compass-prev{width:56px;height:56px}.compass-prev:after{left:25px}.compass-navigation .compass-next{width:42px;height:42px;margin-left:15px}.project-name{font-size:12px}.compass-display{padding:11px 10px}.bearing{font-size:25px}.compass-top{font-size:6px}}
@media(max-width:650px){.project-compass{max-width:340px;width:94%;padding:32px 23px 25px;transform:rotate(-4deg)}.project-name{font-size:13px}.compass-display{min-height:132px}.compass-top{font-size:7px}.compass-hub{width:29px;height:29px}.compass-hub>span{font-size:0}.compass-navigation p{font-size:6px}.panel-hero{padding-top:45px;padding-bottom:65px}}
/* Finish: a restrained cabinet, etched rotation cue and dedicated launch key. */
.project-compass{max-width:365px;justify-self:center;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #edece677,inset 0 0 0 4px #a7aaa022,1px 4px 0 #8e9288,2px 8px 0 #6a6e65,14px 25px 28px #30372c28}.project-compass:before{opacity:.4}.project-compass .compass-display{min-height:132px}.project-availability{font:6px/1.4 Consolas,monospace;color:#acb69f;letter-spacing:.7px;margin-top:7px}.project-name{font-size:13px}.compass-navigation .compass-next[aria-disabled=true]{cursor:default;background:#ed632b;color:#5c2d16}.compass-next[aria-disabled=true]:hover{filter:none}.compass-navigation .compass-prev:before{content:'';position:absolute;top:8px;left:50%;height:13px;width:2px;background:#efeee6;border-radius:2px;transform:rotate(25deg);transform-origin:center 20px}.compass-prev:after{display:none}.compass-navigation p.rotation-hint{display:flex;align-items:center;justify-content:center;gap:9px;bottom:13px;left:25px;right:25px;line-height:1;color:#505849;transition:opacity 160ms}.compass-navigation p.rotation-hint span{display:inline;font-size:7px;letter-spacing:.4px;color:inherit}.rotation-hint svg{flex-shrink:0}.dragging .rotation-hint{opacity:.4}.compass-dial:hover{box-shadow:0 0 0 2px #92988b,0 0 0 4px #e9e9e2,0 0 0 5px #8a9181,inset 0 0 0 2px #080c07,inset 0 5px 12px #0008,0 4px 6px #0004,0 0 0 7px #d2673533}.compass-dial{outline-offset:9px}.compass-face{padding-bottom:25px}.project-compass .compass-navigation .compass-next{font-size:23px}.project-compass .compass-navigation .compass-prev:hover{filter:brightness(1.06)}
@media(max-width:1000px){.project-compass{max-width:340px}.project-name{font-size:11px}.project-compass .compass-display{padding:12px 9px}.compass-navigation p.rotation-hint span{font-size:6px}.compass-navigation p.rotation-hint{gap:5px}}
@media(max-width:650px){.project-compass{max-width:330px;width:94%}.project-name{font-size:12px}.project-compass{grid-template-columns:minmax(0,1fr) 60px}.compass-navigation p.rotation-hint span{font-size:7px}}