.gx{background:var(--h-parchment);position:relative;overflow:hidden}.gx:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#14273503 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#14273503 0 1px,#0000 1px 4px);position:absolute;inset:0}.gx>*{position:relative}.gx-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:clamp(32px,5vw,80px);padding:clamp(80px,10vw,140px) 0 clamp(40px,5vw,64px);display:grid}.gx-head .lede{margin-top:22px}.gx-figures{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.gx-figures>div{border-bottom:1px solid var(--line);padding:20px 0 18px}.gx-figures>div:nth-child(odd){border-right:1px solid var(--line);padding-right:18px}.gx-figures>div:nth-child(2n){padding-left:24px}.gx-figures strong{font-family:var(--font-display);color:var(--fg);font-size:clamp(34px,3.6vw,48px);font-weight:500;line-height:1;display:block}.gx-figures span{letter-spacing:.14em;text-transform:uppercase;color:var(--h-slate);margin-top:8px;font-size:12px;display:block}@media (max-width:900px){.gx-head{grid-template-columns:1fr}}.gx-filters{scroll-margin-top:calc(var(--header-h) + 20px);border-bottom:1px solid var(--line);margin-bottom:clamp(56px,7vw,96px);padding-bottom:26px}.gx .filter-bar{border:0;margin:0;padding:0}.gx .filter-bar button:disabled{opacity:.35;cursor:default}.gx .filter-bar button[aria-pressed=true]{background:var(--h-ink);border-color:var(--h-ink);color:var(--h-parchment)}.gx-rhythms{flex-wrap:wrap;align-items:center;gap:4px 2px;margin-top:18px;display:flex}.gx-rhythms-label{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-soft);margin-right:12px;font-size:10.5px}.gx-rhythms button{color:var(--fg-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 10px;font-size:13px;transition:color .3s,border-color .3s}.gx-rhythms button:hover{color:var(--fg)}.gx-rhythms button[aria-pressed=true]{color:var(--h-ink);border-bottom-color:var(--h-brass)}.gx-rhythms button:focus-visible,.gx-rhythm:focus-visible,.gx-piece:focus-visible{outline:2px solid var(--h-brass-text);outline-offset:4px}.gx-wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(64px,7vw,104px) clamp(36px,4.5vw,72px);display:grid}@media (max-width:1020px){.gx-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.gx-wall{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}.gx-piece{color:inherit;animation:card-in .9s var(--ease) both;flex-direction:column;text-decoration:none;display:flex}.gx-piece.is-wide{grid-column:1/-1;width:min(100%,1120px);margin-inline:auto}.gx-hang{flex:1;justify-content:center;align-items:center;padding-top:26px;display:flex;position:relative}.gx-spot{pointer-events:none;opacity:.6;width:115%;height:92%;transition:opacity .6s var(--ease);background:radial-gradient(closest-side,#fff6e0e6,#fff6e059 55%,#fff6e000 100%);position:absolute;top:-8%;left:50%;transform:translate(-50%)}.gx-piece.is-wide .gx-spot{width:90%}.gx-frame{transition:transform .7s var(--ease);position:relative}.gx-frame .gframe{filter:drop-shadow(0 18px 20px #14273542)drop-shadow(0 3px 5px #1427352e);transition:filter .7s var(--ease)}.gx-piece:hover .gx-frame{transform:translateY(-6px)}.gx-piece:hover .gx-frame .gframe{filter:drop-shadow(0 30px 26px #1427354d)drop-shadow(0 4px 8px #14273533)}.gx-piece:hover .gx-spot{opacity:1}.gx-caption{border-top:1px solid var(--line);text-align:center;margin-top:30px;padding-top:18px}.gx-piece.is-wide .gx-caption{max-width:560px;margin-inline:auto}.gx-coast{letter-spacing:.14em;text-transform:uppercase;color:var(--h-brass-text);margin:0 0 8px;font-size:11.5px;font-weight:600}.gx-caption h2{font-family:var(--font-display);color:var(--fg);margin:0;font-size:clamp(24px,2.2vw,28px);font-weight:600;line-height:1.2;transition:color .3s}.gx-piece:hover .gx-caption h2{color:var(--h-brass-text)}.gx-place{color:var(--fg-soft);margin:6px 0 0;font-size:14px}.gx-signature{border:1px solid var(--line);background:#fff9;border-radius:999px;align-items:center;gap:10px;max-width:100%;margin:14px 0 0;padding:6px 14px 6px 12px;font-size:12.5px;display:inline-flex}.gx-signature .lamp-wrap{gap:0}.gx-sig-name{color:var(--fg-body);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.gx-sig-char{color:var(--h-brass-text);font-variant-numeric:tabular-nums;flex:none}.gx-meta{letter-spacing:.06em;color:var(--h-slate);margin:14px 0 0;font-size:12.5px}.gx-meta i{opacity:.6;margin:0 .7em;font-style:normal}.gx-empty{text-align:center;color:var(--fg-soft);padding:60px 0 20px}.gx-guide{border-top:1px solid var(--line);margin-top:clamp(110px,12vw,170px);padding-top:clamp(64px,7vw,96px)}.gx-guide-head{max-width:760px;margin-bottom:clamp(40px,5vw,64px)}.gx-guide-head .lede{margin-top:22px}.gx-guide-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.gx-rhythm{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--h-parchment);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .4s var(--ease);flex-direction:column;gap:14px;padding:26px 24px 24px;display:flex}.gx-rhythm:hover,.gx-rhythm[aria-pressed=true]{background:var(--h-stone)}.gx-rhythm-top{justify-content:space-between;align-items:baseline;display:flex}.gx-abbr{font-family:var(--font-display);color:var(--h-brass-text);font-size:26px;line-height:1}.gx-count{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);font-size:10px}.gx-rhythm-name{color:var(--fg);font-size:15px;font-weight:600}.gx-rhythm-about{color:var(--fg-soft);margin-top:-8px;font-size:13.5px;line-height:1.55}.gx-rhythm-eg{border-top:1px solid var(--line);color:var(--fg-body);margin-top:auto;padding-top:12px;font-size:12px}.gx-rhythm-eg small{color:var(--fg-soft);margin-top:2px;font-size:11px;display:block}.gx-outro{padding:clamp(90px,10vw,140px) 0 clamp(80px,10vw,130px)}.gx-outro-card{background:var(--h-stone)}@media (prefers-reduced-motion:reduce){.gx-piece{animation:none}.gx-frame,.gx-frame .gframe{transition:none}}.chart-page.gx{padding-top:48px}.chart-hang{margin-inline:auto;padding-top:20px;position:relative}.chart-hang .gx-spot{opacity:1}.chart-signature{border:1px solid var(--line);background:#fff9;flex-direction:column;gap:14px;margin-top:34px;padding:20px 22px;display:flex}.chart-signature p{margin:0}.chart-signature .mini-head{margin:0 0 6px;display:block}.chart-signature strong{font-family:var(--font-display);color:var(--fg);font-size:24px;font-weight:500;line-height:1.15;display:block}.chart-signature .cs-char{color:var(--h-brass-text);margin-top:4px;font-size:13px;display:block}.chart-rhythms ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chart-rhythms li{border:1px solid var(--line);color:var(--fg-body);border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 10px;font-size:12.5px;display:inline-flex}.chart-rhythms .lamp-wrap{gap:0}.chart-signature .cs-plain{opacity:.8;margin-top:3px;font-size:13px;line-height:1.4;display:block}.gx-rhythm-plain{opacity:.75;margin-top:2px;font-style:normal;display:block}
