*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0f0b09}button{font:inherit}.hub-stage{position:relative;width:1649px;height:928px;overflow:hidden;isolation:isolate;color:#d7c59b;font-family:"Source Serif 4",Georgia,serif;transform-origin:0 0;background:#110e0c}
.hub-gallery,.hub-backdrop,.hub-vignette{position:absolute;inset:0;pointer-events:none}.hub-gallery{z-index:0}.hub-backdrop{opacity:0;background-size:cover;background-position:center 43%;filter:brightness(.40) contrast(1.12) grayscale(.88) saturate(.16) sepia(.04);transition:opacity 3.5s ease-in-out}.hub-backdrop.is-current{opacity:1}.hub-gallery:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,24,17,.16),rgba(15,12,8,.22)),linear-gradient(180deg,rgba(15,12,8,.26),rgba(34,24,17,.30) 44%,rgba(15,12,8,.68)),radial-gradient(ellipse 82% 74% at 50% 45%,rgba(34,24,17,.05),rgba(15,12,8,.30) 56%,rgba(8,6,4,.72))}
.hub-vignette{z-index:1;background:linear-gradient(180deg,rgba(15,12,8,.13),rgba(15,12,8,.25))}
.hub-top{position:absolute;z-index:4;left:0;top:17px;right:0;height:33px;text-align:center}.hub-brand{font:600 14px/30px system-ui,sans-serif;color:#e8dfd0}.hub-tools{position:absolute;right:15px;top:0;display:flex;align-items:center;gap:16px}.hub-help,.hub-sound{width:21px;height:23px;padding:0;color:#a99051;background:transparent;border:0;display:grid;place-items:center}.hub-help{cursor:default;opacity:.8}.hub-sound{cursor:pointer}.hub-tools svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.hub-sound:hover,.hub-sound:focus-visible{color:#f5d88e;outline:0;filter:drop-shadow(0 0 5px #ddad4d)}.hub-sound[aria-pressed=true] .speaker-wave{display:none}.hub-sound[aria-pressed=true]{opacity:.6}
.hub-title{position:absolute;z-index:3;top:100px;left:574px;width:501px;height:auto;user-select:none;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
/* The original Hub uses a fixed hit target, only the artwork scales.
   Text never moves, grows or becomes covered by its icon. */
.hub-main{position:absolute;left:299px;right:286px;top:352px;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:start;overflow:visible}
.hub-icon{appearance:none;position:relative;z-index:1;width:100%;min-width:0;height:215px;display:flex;align-items:center;flex-direction:column;margin:0;padding:0;border:0;background:none;color:#c8a976;cursor:pointer;text-align:center;outline-offset:4px}
.hub-icon-picture{display:grid;place-items:center;width:138px;height:138px;flex:0 0 138px;overflow:visible}
.hub-link-image-hit{position:relative;display:grid;place-items:center;width:100%;height:100%;pointer-events:auto}
.hub-link-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;filter:saturate(.90);transform:scale(1);transform-origin:50% 55%;transition:transform 120ms cubic-bezier(.22,.72,.25,1);backface-visibility:hidden}
.hub-link-image-hit:hover .hub-link-image,.hub-icon:focus-visible .hub-link-image{transform:scale(1.055)}
.hub-icon-embers{position:absolute;left:-4%;right:-4%;top:-18%;bottom:-8%;width:108%;height:126%;display:block;pointer-events:none;overflow:visible;transform:translateZ(0);backface-visibility:hidden}
.hub-icon-embers--back{z-index:0}.hub-icon-embers--front{z-index:2}
.hub-icon-heading{display:block;min-height:20px;margin-top:4px;color:#c8a976;text-transform:uppercase;font-size:16px;letter-spacing:1.3px;line-height:1.06;white-space:nowrap;text-shadow:0 1px 3px #000}.hub-icon-sub{display:block;margin-top:8px;color:#c9bb9c;font:400 12.5px/1.2 "Source Serif 4",Georgia,serif;white-space:nowrap;text-shadow:0 1px 3px #000}.hub-icon:hover .hub-icon-heading,.hub-icon:focus-visible .hub-icon-heading{color:#f5e0b2}.hub-icon:focus-visible{outline:2px solid #ab8147;border-radius:7px}
.hub-links{position:absolute;z-index:4;left:360px;right:360px;top:722px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.hub-pill{height:51px;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:6px 12px;border:1px solid #ad945f;border-radius:100px;background:rgba(0,0,0,.3);color:#ded3b5;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap;text-align:left}.hub-pill svg{width:24px;height:24px;flex:none;stroke:#009a58;fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px #00a15f33)}.hub-pill span{display:grid;gap:2px;min-width:0}.hub-pill strong{font:500 14px/1.12 "Source Serif 4",Georgia,serif;text-transform:uppercase}.hub-pill small{font:400 11px/1.12 "Source Serif 4",Georgia,serif}.hub-pill:hover,.hub-pill:focus-visible{background:rgba(87,66,29,.51);box-shadow:0 0 12px #d4aa5644;transform:translateY(-2px);outline:0}.hub-pill:hover svg,.hub-pill:focus-visible svg{stroke:#4aca95;filter:drop-shadow(0 0 6px #17b980aa)}
.hub-greeting{position:absolute;z-index:3;left:0;right:0;bottom:41px;margin:0;text-align:center;color:#e2d2a9;font:600 21px/1.2 "Source Serif 4",Georgia,serif;text-shadow:0 2px 5px black}
@media (prefers-reduced-motion:reduce){.hub-backdrop{transition:none}.hub-icon-embers{display:none}.hub-icon-picture,.hub-pill{transition:none}}