.page-module__5ua83q__header{background:#000;flex-direction:column;justify-content:flex-end;min-height:60vh;padding:0 3rem 6rem;display:flex;position:relative}.page-module__5ua83q__eyebrow{letter-spacing:.5em;text-transform:uppercase;color:#8a8a8a;margin-bottom:2rem;font-size:.7rem}.page-module__5ua83q__heading{color:#fff;margin-bottom:2rem;font-size:clamp(4rem,12vw,10rem);font-weight:200;line-height:.9}.page-module__5ua83q__accent{color:#e63946}.page-module__5ua83q__subheading{color:#8a8a8a;max-width:500px;font-size:1.1rem;font-weight:300;line-height:1.8}.page-module__5ua83q__chordSection{background:#000;padding:6rem 3rem}.page-module__5ua83q__chordCategory{max-width:1400px;margin:0 auto 6rem}.page-module__5ua83q__categoryTitle{letter-spacing:.5em;text-transform:uppercase;color:#8a8a8a;border-bottom:1px solid #ffffff0d;margin-bottom:2rem;padding-bottom:1.5rem;font-size:.7rem}.page-module__5ua83q__chordGrid{background:#ffffff0d;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1px;display:grid}.page-module__5ua83q__chordCard{text-align:center;cursor:pointer;background:#000;padding:2rem;transition:background .3s}.page-module__5ua83q__chordCard:hover,.page-module__5ua83q__chordCard.page-module__5ua83q__active{background:#0a0a0a}.page-module__5ua83q__chordCard:hover .page-module__5ua83q__chordName,.page-module__5ua83q__chordCard.page-module__5ua83q__active .page-module__5ua83q__chordName{color:#e63946}.page-module__5ua83q__chordName{color:#fff;font-size:2rem;font-weight:200;transition:color .3s}.page-module__5ua83q__chordType{letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a;margin-top:.5rem;font-size:.6rem}.page-module__5ua83q__diagramContainer{z-index:100;background:#000;border:1px solid #ffffff1a;flex-direction:column;align-items:center;width:380px;padding:2.5rem;display:flex;position:fixed;top:140px;right:3rem;box-shadow:0 10px 40px #00000080}.page-module__5ua83q__diagramHeader{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:2rem;display:flex;position:relative}.page-module__5ua83q__diagramInfo{text-align:left}.page-module__5ua83q__diagramTitle{color:#e63946;margin-bottom:.5rem;font-size:4rem;font-weight:200;line-height:1}.page-module__5ua83q__diagramType{color:#fff;font-size:.8rem;font-weight:300}.page-module__5ua83q__diagramLabel{text-transform:uppercase;letter-spacing:.15em;color:#8a8a8a;margin-top:.5rem;font-size:.65rem}.page-module__5ua83q__diagram{width:100%;max-width:300px;margin:0 auto;position:relative}.page-module__5ua83q__fretboard{width:100%;height:auto;overflow:visible}.page-module__5ua83q__string{stroke:#fff3;stroke-width:2px}.page-module__5ua83q__fret{stroke:#ffffff1a;stroke-width:2px}.page-module__5ua83q__nut{stroke:#fffc;stroke-width:4px}.page-module__5ua83q__finger{fill:#e63946}.page-module__5ua83q__openString{fill:none;stroke:#8a8a8a;stroke-width:2px}.page-module__5ua83q__fingerNumber{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:14px;font-weight:400}.page-module__5ua83q__stringLabel{fill:#8a8a8a;text-anchor:middle;font-size:16px;font-weight:300}.page-module__5ua83q__closeDiagram{color:#8a8a8a;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1;transition:color .3s}.page-module__5ua83q__closeDiagram:hover{color:#fff}.page-module__5ua83q__controls{justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:2rem;display:flex}.page-module__5ua83q__controlBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;transition:background .3s}.page-module__5ua83q__controlBtn:hover{background:#e63946}.page-module__5ua83q__controlText{color:#8a8a8a;font-variant-numeric:tabular-nums;font-size:.8rem}@media (max-width:1000px){.page-module__5ua83q__header{padding:0 2rem 4rem}.page-module__5ua83q__chordSection{padding:4rem 2rem}.page-module__5ua83q__diagramContainer{border:none;border-top:1px solid #ffffff1a;width:100%;padding:2rem 1.5rem;position:fixed;inset:auto 0 0;box-shadow:0 -10px 40px #00000080}.page-module__5ua83q__diagramHeader{flex-direction:row;align-items:center}.page-module__5ua83q__diagram{max-width:240px}}