.website-blocks-module__VjBMzW__page{background:var(--background);color:var(--foreground);padding:13rem 0 7rem}.website-blocks-module__VjBMzW__category{width:var(--content);margin-inline:auto}.website-blocks-module__VjBMzW__categoryTabs{z-index:45;border-block:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--background) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;position:fixed;top:80px;left:0}.website-blocks-module__VjBMzW__categoryTabs>div{width:var(--content);scrollbar-width:none;margin:auto;display:flex;overflow-x:auto}.website-blocks-module__VjBMzW__categoryTabs a{color:var(--muted);text-align:center;white-space:nowrap;flex:1;padding:.9rem .75rem;font-size:.7rem;transition:background .2s,color .2s;position:relative}.website-blocks-module__VjBMzW__categoryTabs a:hover,.website-blocks-module__VjBMzW__categoryTabs a:focus-visible{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--foreground)}.website-blocks-module__VjBMzW__categoryTabs a[aria-current=location]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--foreground)}.website-blocks-module__VjBMzW__categoryTabs a[aria-current=location]:after{background:var(--accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:0;left:24%;right:24%}.website-blocks-module__VjBMzW__blockNav{z-index:15;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;border-radius:12px;width:14.5vw;max-height:calc(100vh - 180px);padding:.8rem;position:fixed;top:155px;left:1.25vw;overflow:auto}.website-blocks-module__VjBMzW__blockNav>strong{color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;display:block}.website-blocks-module__VjBMzW__blockNav>div{margin-top:.55rem;display:grid}.website-blocks-module__VjBMzW__blockNav a{color:var(--muted);padding:.18rem 0;font-size:.67rem;line-height:1.22}.website-blocks-module__VjBMzW__blockNav a:hover,.website-blocks-module__VjBMzW__blockNav a:focus-visible{color:var(--foreground)}.website-blocks-module__VjBMzW__blockNav .website-blocks-module__VjBMzW__blockNavCategory{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.14rem;font-size:.64rem;font-weight:700}.website-blocks-module__VjBMzW__category{margin-bottom:8rem;scroll-margin-top:155px}.website-blocks-module__VjBMzW__categoryHeading>span,.website-blocks-module__VjBMzW__block>header>span{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;font-weight:700}.website-blocks-module__VjBMzW__categoryHeading{border-bottom:1px solid color-mix(in srgb,var(--foreground) 15%,transparent);grid-template-columns:auto 1fr auto;align-items:end;gap:1rem;padding-bottom:1rem;display:grid}.website-blocks-module__VjBMzW__categoryHeading h2{font-family:var(--font-display),Georgia,serif;margin:0;font-size:clamp(2rem,4vw,4.2rem);font-weight:500;line-height:1}.website-blocks-module__VjBMzW__categoryHeading p{color:var(--muted);margin:0;font-size:.68rem}.website-blocks-module__VjBMzW__blockList{gap:2rem;margin-top:2rem;display:grid}.website-blocks-module__VjBMzW__block{border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);background:color-mix(in srgb,var(--surface) 52%,transparent);border-radius:22px;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.2rem,2.5vw,2.5rem);scroll-margin-top:155px;display:grid}.website-blocks-module__VjBMzW__block>header{grid-row:1/span 2}.website-blocks-module__VjBMzW__block>header h3{font-family:var(--font-display),Georgia,serif;letter-spacing:-.035em;margin:.5rem 0 .8rem;font-size:clamp(1.8rem,3.2vw,3.6rem);font-weight:500;line-height:.95}.website-blocks-module__VjBMzW__block>header p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.65}.website-blocks-module__VjBMzW__block>header aside{border-left:2px solid var(--accent);color:var(--muted);gap:.35rem;margin-top:1.4rem;padding-left:.8rem;font-size:.72rem;line-height:1.55;display:grid}.website-blocks-module__VjBMzW__block>header aside b{color:var(--foreground);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.website-blocks-module__VjBMzW__block.website-blocks-module__VjBMzW__noCustomise>header{grid-row:auto}.website-blocks-module__VjBMzW__preview{background:var(--demo-bg);min-height:340px;color:var(--demo-text);font-family:var(--demo-body);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--demo-text) 12%,transparent);border-radius:16px;transition:background .35s,color .35s;position:relative;overflow:hidden}.website-blocks-module__VjBMzW__preview button,.website-blocks-module__VjBMzW__preview input{font:inherit}.website-blocks-module__VjBMzW__headerDemo{border-bottom:1px solid color-mix(in srgb,var(--demo-text) 16%,transparent);background:color-mix(in srgb,var(--demo-bg) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 1.5rem;display:grid}.website-blocks-module__VjBMzW__headerDemo>b{font-family:var(--demo-display);letter-spacing:.08em}.website-blocks-module__VjBMzW__headerDemo nav{color:var(--demo-muted);gap:1.4rem;font-size:.68rem;display:flex}.website-blocks-module__VjBMzW__headerDemo i{justify-self:end;font-style:normal}.website-blocks-module__VjBMzW__bars{gap:.6rem;display:grid}.website-blocks-module__VjBMzW__bars i{background:color-mix(in srgb,var(--demo-text) 16%,transparent);border-radius:999px;height:.55rem;display:block}.website-blocks-module__VjBMzW__bars i:nth-child(2){width:75%}.website-blocks-module__VjBMzW__bars i:nth-child(3){width:88%}.website-blocks-module__VjBMzW__bars i:nth-child(4){width:60%}.website-blocks-module__VjBMzW__topDemo{align-content:center;gap:2rem;height:100%;padding:3rem;display:grid}.website-blocks-module__VjBMzW__topDemo button{border:1px solid color-mix(in srgb,var(--demo-text) 22%,transparent);background:var(--demo-surface);width:42px;height:42px;color:var(--demo-text);border-radius:50%;position:absolute;bottom:1.5rem;right:1.5rem}.website-blocks-module__VjBMzW__footerDemo{align-content:center;gap:1.5rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__footerDemo>div{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.website-blocks-module__VjBMzW__footerDemo span{font-weight:700}.website-blocks-module__VjBMzW__footerDemo span small{color:var(--demo-muted);margin-top:.5rem;font-weight:400;line-height:1.6;display:block}.website-blocks-module__VjBMzW__footerDemo>small{border-top:1px solid color-mix(in srgb,var(--demo-text) 14%,transparent);color:var(--demo-muted);padding-top:1rem}.website-blocks-module__VjBMzW__mediaDemo,.website-blocks-module__VjBMzW__embedDemo{background:radial-gradient(circle at 30% 25%,var(--demo-accent),transparent 26%),linear-gradient(145deg,var(--demo-surface),var(--demo-bg));place-content:center;justify-items:center;gap:1rem;display:grid;position:absolute;inset:0}.website-blocks-module__VjBMzW__mediaDemo button,.website-blocks-module__VjBMzW__embedDemo button{border:1px solid color-mix(in srgb,var(--demo-text) 45%,transparent);background:color-mix(in srgb,var(--demo-bg) 55%,transparent);width:58px;height:58px;color:var(--demo-text);border-radius:50%;place-items:center;display:grid}.website-blocks-module__VjBMzW__mediaDemo strong{font-family:var(--demo-display);font-size:2.2rem}.website-blocks-module__VjBMzW__embedDemo span{color:var(--demo-muted);font-size:.65rem}.website-blocks-module__VjBMzW__galleryDemo{grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .7fr .7fr;gap:.6rem;height:100%;padding:1.2rem;display:grid}.website-blocks-module__VjBMzW__galleryDemo i,.website-blocks-module__VjBMzW__workDemo i{background:linear-gradient(135deg,var(--demo-accent),var(--demo-surface));border-radius:10px}.website-blocks-module__VjBMzW__galleryDemo i:first-child{grid-row:1/-1}.website-blocks-module__VjBMzW__galleryDemo i:last-child{grid-column:2/-1}.website-blocks-module__VjBMzW__photoDemo{align-items:center;gap:.7rem;height:100%;padding:1rem;display:flex;overflow:hidden}.website-blocks-module__VjBMzW__photoDemo i{background:linear-gradient(155deg,var(--demo-accent),var(--demo-surface));border-radius:10px;flex:none;width:34%;height:72%}.website-blocks-module__VjBMzW__photoDemo i:nth-child(2n){height:55%}.website-blocks-module__VjBMzW__hoverDemo{grid-template-columns:1fr 1fr;height:100%;display:grid}.website-blocks-module__VjBMzW__hoverDemo>div{background:linear-gradient(135deg,var(--demo-surface),var(--demo-accent));place-items:center;display:grid}.website-blocks-module__VjBMzW__hoverDemo>div:last-child{filter:saturate(.3)brightness(.72)}.website-blocks-module__VjBMzW__workDemo{grid-template-columns:1fr 1fr;gap:.6rem;height:100%;padding:1rem;display:grid}.website-blocks-module__VjBMzW__workDemo .website-blocks-module__VjBMzW__lead{grid-column:1/-1}.website-blocks-module__VjBMzW__caseDemo{align-content:center;gap:.7rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__caseDemo strong,.website-blocks-module__VjBMzW__contactDemo strong,.website-blocks-module__VjBMzW__brandDemo strong{font-family:var(--demo-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:500;line-height:1}.website-blocks-module__VjBMzW__caseDemo i{background:linear-gradient(135deg,var(--demo-accent),var(--demo-surface));border-radius:10px;height:125px}.website-blocks-module__VjBMzW__caseDemo span{color:var(--demo-muted)}.website-blocks-module__VjBMzW__contactDemo,.website-blocks-module__VjBMzW__brandDemo{align-content:center;gap:1rem;height:100%;padding:3rem;display:grid}.website-blocks-module__VjBMzW__contactDemo p,.website-blocks-module__VjBMzW__brandDemo span{color:var(--demo-muted)}.website-blocks-module__VjBMzW__contactDemo button,.website-blocks-module__VjBMzW__formDemo button,.website-blocks-module__VjBMzW__secretDemo button{background:var(--demo-accent);color:var(--demo-bg);border:0;border-radius:999px;justify-self:start;padding:.65rem .9rem;font-weight:700}.website-blocks-module__VjBMzW__marqueeDemo{align-items:center;gap:3rem;height:100%;padding-inline:1rem;display:flex;overflow:hidden}.website-blocks-module__VjBMzW__marqueeDemo span{font-family:var(--demo-display);white-space:nowrap;font-size:1.5rem}.website-blocks-module__VjBMzW__cardGrid,.website-blocks-module__VjBMzW__opportunityDemo,.website-blocks-module__VjBMzW__textureDemo{grid-template-columns:1fr 1fr;align-content:center;gap:1rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__miniCard{border:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent);background:var(--demo-surface);border-radius:12px;align-content:end;gap:.35rem;min-height:120px;padding:1rem;display:grid}.website-blocks-module__VjBMzW__miniCard small{color:var(--demo-muted)}.website-blocks-module__VjBMzW__textureDemo{grid-template-columns:repeat(3,1fr)}.website-blocks-module__VjBMzW__textureDemo .website-blocks-module__VjBMzW__miniCard{background:radial-gradient(circle at 25% 15%,color-mix(in srgb,var(--demo-accent) 30%,transparent),transparent 42%),var(--demo-surface)}.website-blocks-module__VjBMzW__themeDemo{place-content:center;justify-items:center;gap:1rem;height:100%;display:grid}.website-blocks-module__VjBMzW__themeDemo>div,.website-blocks-module__VjBMzW__brandDemo>div{gap:.6rem;display:flex}.website-blocks-module__VjBMzW__themeDemo i,.website-blocks-module__VjBMzW__brandDemo i{background:var(--demo-accent);border-radius:50%;width:52px;height:52px}.website-blocks-module__VjBMzW__themeDemo i:nth-child(2),.website-blocks-module__VjBMzW__brandDemo i:nth-child(2){background:var(--demo-surface)}.website-blocks-module__VjBMzW__themeDemo i:nth-child(3),.website-blocks-module__VjBMzW__brandDemo i:nth-child(3){background:var(--demo-text)}.website-blocks-module__VjBMzW__brandDemo i:nth-child(4){background:var(--demo-muted)}.website-blocks-module__VjBMzW__themeDemo button{border:1px solid color-mix(in srgb,var(--demo-text) 22%,transparent);background:var(--demo-surface);width:42px;height:42px;color:var(--demo-text);border-radius:50%}.website-blocks-module__VjBMzW__themeDemo span{color:var(--demo-muted)}.website-blocks-module__VjBMzW__formDemo{gap:.7rem;width:min(75%,320px);margin:auto;padding-top:3.2rem;display:grid}.website-blocks-module__VjBMzW__formDemo strong{font-family:var(--demo-display);font-size:1.7rem}.website-blocks-module__VjBMzW__formDemo input,.website-blocks-module__VjBMzW__secretDemo input{border:1px solid color-mix(in srgb,var(--demo-text) 16%,transparent);background:var(--demo-bg);color:var(--demo-text);border-radius:7px;padding:.7rem}.website-blocks-module__VjBMzW__formDemo small{color:var(--demo-muted);text-align:center}.website-blocks-module__VjBMzW__filterDemo,.website-blocks-module__VjBMzW__toolsDemo{align-content:center;gap:1rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__filterDemo label,.website-blocks-module__VjBMzW__toolsDemo label{border:1px solid color-mix(in srgb,var(--demo-text) 17%,transparent);color:var(--demo-muted);border-radius:999px;padding:.75rem 1rem}.website-blocks-module__VjBMzW__filterDemo>div{flex-wrap:wrap;gap:.5rem;display:flex}.website-blocks-module__VjBMzW__filterDemo b,.website-blocks-module__VjBMzW__filterDemo button{border:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);background:var(--demo-surface);color:var(--demo-text);border-radius:999px;padding:.55rem .7rem;font-size:.62rem}.website-blocks-module__VjBMzW__popoverDemo{place-content:center;height:100%;display:grid;position:relative}.website-blocks-module__VjBMzW__popoverDemo>button{border:1px solid color-mix(in srgb,var(--demo-text) 20%,transparent);background:var(--demo-surface);color:var(--demo-text);border-radius:999px;padding:.8rem 1rem}.website-blocks-module__VjBMzW__popoverDemo>div{border:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);background:var(--demo-surface);border-radius:12px;width:180px;padding:.5rem;display:grid;position:absolute;top:52%;left:50%;transform:translate(-10%,-5%);box-shadow:0 20px 50px #00000040}.website-blocks-module__VjBMzW__popoverDemo>div>*{padding:.65rem}.website-blocks-module__VjBMzW__dialogDemo{background:color-mix(in srgb,var(--demo-bg) 60%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;display:grid;position:absolute;inset:0}.website-blocks-module__VjBMzW__dialogDemo>div{border:1px solid color-mix(in srgb,var(--demo-text) 15%,transparent);background:var(--demo-surface);border-radius:14px;gap:1rem;width:min(78%,360px);padding:1.5rem;display:grid;box-shadow:0 24px 70px #00000047}.website-blocks-module__VjBMzW__dialogDemo small{color:var(--demo-muted)}.website-blocks-module__VjBMzW__dialogDemo div span{gap:.5rem;display:flex}.website-blocks-module__VjBMzW__dialogDemo button{background:var(--demo-accent);color:var(--demo-bg);border:0;border-radius:999px;padding:.5rem .75rem}.website-blocks-module__VjBMzW__dialogDemo div span>button:last-child{color:var(--demo-text);background:0 0}.website-blocks-module__VjBMzW__dialogDemo aside{background:var(--demo-accent);color:var(--demo-bg);border-radius:8px;padding:.65rem;font-size:.62rem;position:absolute;bottom:1rem;right:1rem}.website-blocks-module__VjBMzW__editDemo{align-content:center;gap:.8rem;height:100%;padding:3rem;display:grid}.website-blocks-module__VjBMzW__editDemo>div{align-items:center;gap:1rem;display:flex}.website-blocks-module__VjBMzW__editDemo strong{font-family:var(--demo-display);font-size:2.8rem}.website-blocks-module__VjBMzW__editDemo button{border:1px solid color-mix(in srgb,var(--demo-text) 22%,transparent);width:36px;height:36px;color:var(--demo-text);background:0 0;border-radius:50%}.website-blocks-module__VjBMzW__editDemo>span{color:var(--demo-muted);font-size:.68rem}.website-blocks-module__VjBMzW__listDemo{align-content:center;gap:.6rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__listDemo>div{border:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent);background:var(--demo-surface);cursor:grab;border-radius:9px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.8rem;padding:.8rem;transition:opacity .2s,transform .2s;display:grid}.website-blocks-module__VjBMzW__listDemo>div:active{cursor:grabbing}.website-blocks-module__VjBMzW__listDemo>div.website-blocks-module__VjBMzW__dragging{opacity:.45;transform:scale(.98)}.website-blocks-module__VjBMzW__listDemo i,.website-blocks-module__VjBMzW__listDemo small{color:var(--demo-muted)}.website-blocks-module__VjBMzW__listDemo small{gap:.25rem;display:flex}.website-blocks-module__VjBMzW__listDemo small button{border:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);width:28px;height:28px;color:var(--demo-text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.website-blocks-module__VjBMzW__listDemo small button:disabled{opacity:.25;cursor:not-allowed}.website-blocks-module__VjBMzW__timelineDemo,.website-blocks-module__VjBMzW__songDemo{align-content:center;gap:1rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__timelineDemo>span,.website-blocks-module__VjBMzW__songDemo>span{border-top:1px solid color-mix(in srgb,var(--demo-text) 14%,transparent);padding-top:1rem}.website-blocks-module__VjBMzW__timelineDemo small{color:var(--demo-muted)}.website-blocks-module__VjBMzW__opportunityDemo{grid-template-columns:1fr}.website-blocks-module__VjBMzW__opportunityDemo .website-blocks-module__VjBMzW__miniCard{min-height:90px}.website-blocks-module__VjBMzW__secretDemo{place-items:center;height:100%;display:grid}.website-blocks-module__VjBMzW__secretDemo>div{border:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);background:var(--demo-surface);border-radius:14px;gap:.8rem;width:240px;padding:1.2rem;display:grid}.website-blocks-module__VjBMzW__printDemo{align-content:center;justify-items:center;gap:.8rem;height:100%;padding:1rem;display:grid}.website-blocks-module__VjBMzW__printDemo>span,.website-blocks-module__VjBMzW__printDemo small{color:var(--demo-muted);font-size:.65rem}.website-blocks-module__VjBMzW__printDemo>div{aspect-ratio:.707;background:var(--demo-text);grid-template-columns:1fr 1fr;gap:.45rem;width:160px;padding:1rem;display:grid;box-shadow:0 15px 40px #00000040}.website-blocks-module__VjBMzW__printDemo>div i{background:color-mix(in srgb,var(--demo-bg) 18%,var(--demo-text))}.website-blocks-module__VjBMzW__toolsDemo>div{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.website-blocks-module__VjBMzW__toolsDemo .website-blocks-module__VjBMzW__miniCard{min-height:100px}.website-blocks-module__VjBMzW__songDemo>b,.website-blocks-module__VjBMzW__songDemo small{color:var(--demo-accent)}.website-blocks-module__VjBMzW__songDemo small{display:block}.website-blocks-module__VjBMzW__chordDemo,.website-blocks-module__VjBMzW__pianoDemo{place-content:center;justify-items:center;gap:1rem;height:100%;display:grid}.website-blocks-module__VjBMzW__chordDemo strong,.website-blocks-module__VjBMzW__pianoDemo strong{font-family:var(--demo-display);font-size:2rem}.website-blocks-module__VjBMzW__fretboard{border-block:4px solid var(--demo-text);background:repeating-linear-gradient(to bottom,transparent 0 33px,color-mix(in srgb,var(--demo-text) 35%,transparent) 34px 35px);grid-template-columns:repeat(6,1fr);width:150px;height:175px;display:grid}.website-blocks-module__VjBMzW__fretboard i{border-right:1px solid var(--demo-text)}.website-blocks-module__VjBMzW__pianoDemo>div{display:flex}.website-blocks-module__VjBMzW__pianoDemo i{border:1px solid color-mix(in srgb,var(--demo-text) 45%,transparent);background:var(--demo-text);width:27px;height:120px;display:block}.website-blocks-module__VjBMzW__pianoDemo .website-blocks-module__VjBMzW__keyOn{background:var(--demo-accent)}.website-blocks-module__VjBMzW__customise h4{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.72rem}.website-blocks-module__VjBMzW__customise>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.website-blocks-module__VjBMzW__customise button{border:1px solid color-mix(in srgb,var(--foreground) 13%,transparent);min-width:0;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:.35rem;transition:border-color .2s,transform .2s}.website-blocks-module__VjBMzW__customise button:hover,.website-blocks-module__VjBMzW__customise button:focus-visible{border-color:color-mix(in srgb,var(--foreground) 42%,transparent);transform:translateY(-2px)}.website-blocks-module__VjBMzW__customise button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.website-blocks-module__VjBMzW__customise svg{border-radius:7px;width:100%;height:auto;display:block}@media (max-width:1300px){.website-blocks-module__VjBMzW__blockNav{display:none}}@media (max-width:1000px){.website-blocks-module__VjBMzW__block{grid-template-columns:1fr}.website-blocks-module__VjBMzW__block>header{grid-row:auto}.website-blocks-module__VjBMzW__preview{min-height:320px}}@media (max-width:700px){.website-blocks-module__VjBMzW__page{padding-top:10rem}.website-blocks-module__VjBMzW__categoryTabs{top:72px}.website-blocks-module__VjBMzW__categoryTabs>div{width:100%}.website-blocks-module__VjBMzW__categoryTabs a{flex:none;padding:.8rem .9rem}.website-blocks-module__VjBMzW__category{margin-bottom:5rem;scroll-margin-top:135px}.website-blocks-module__VjBMzW__categoryHeading{grid-template-columns:auto 1fr}.website-blocks-module__VjBMzW__categoryHeading p{grid-column:2}.website-blocks-module__VjBMzW__block{border-radius:16px;padding:1rem;scroll-margin-top:135px}.website-blocks-module__VjBMzW__preview{min-height:300px}.website-blocks-module__VjBMzW__customise>div{grid-template-columns:repeat(3,1fr)}.website-blocks-module__VjBMzW__headerDemo nav{display:none}.website-blocks-module__VjBMzW__footerDemo>div,.website-blocks-module__VjBMzW__textureDemo,.website-blocks-module__VjBMzW__toolsDemo>div{grid-template-columns:1fr 1fr}.website-blocks-module__VjBMzW__cardGrid{padding:1rem}}@media (prefers-reduced-motion:reduce){.website-blocks-module__VjBMzW__preview{transition:none}}.website-blocks-module__VjBMzW__demoMark{background:var(--demo-accent);flex:none;width:30px;height:30px;display:inline-block;-webkit-mask:url(/brand/froghat-favicon.svg) 50%/contain no-repeat;mask:url(/brand/froghat-favicon.svg) 50%/contain no-repeat}.website-blocks-module__VjBMzW__headerDemo>b,.website-blocks-module__VjBMzW__footerDemo>b{align-items:center;gap:.55rem;display:flex}.website-blocks-module__VjBMzW__headerDemo>button{color:var(--demo-text);cursor:pointer;background:0 0;border:0;justify-self:end}.website-blocks-module__VjBMzW__headerMenu{z-index:2;border:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);background:var(--demo-surface);color:var(--demo-text);border-radius:8px;padding:.65rem;line-height:1.8;position:absolute;top:64px;right:1rem}.website-blocks-module__VjBMzW__mediaDemo.website-blocks-module__VjBMzW__isActive,.website-blocks-module__VjBMzW__embedDemo.website-blocks-module__VjBMzW__isActive{background:radial-gradient(circle at 65% 30%,var(--demo-accent),transparent 30%),linear-gradient(220deg,var(--demo-surface),var(--demo-bg))}.website-blocks-module__VjBMzW__mediaDemo button,.website-blocks-module__VjBMzW__embedDemo button,.website-blocks-module__VjBMzW__contactDemo button,.website-blocks-module__VjBMzW__formDemo button,.website-blocks-module__VjBMzW__secretDemo button,.website-blocks-module__VjBMzW__filterDemo button{cursor:pointer}.website-blocks-module__VjBMzW__galleryDemo button{background:linear-gradient(135deg,var(--demo-accent),var(--demo-surface));cursor:zoom-in;border:0;border-radius:10px}.website-blocks-module__VjBMzW__galleryDemo button:first-child{grid-row:1/-1}.website-blocks-module__VjBMzW__galleryDemo button:last-of-type:not(.website-blocks-module__VjBMzW__galleryLightbox){grid-column:2/-1}.website-blocks-module__VjBMzW__galleryDemo .website-blocks-module__VjBMzW__galleryLightbox{z-index:3;border:1px solid color-mix(in srgb,var(--demo-text) 20%,transparent);background:linear-gradient(135deg,var(--demo-accent),var(--demo-surface));color:var(--demo-text);cursor:zoom-out;place-items:end;padding:1rem;font-size:2rem;display:grid;position:absolute;inset:1rem}.website-blocks-module__VjBMzW__photoDemo{animation:9s ease-in-out infinite alternate website-blocks-module__VjBMzW__photo-drift}.website-blocks-module__VjBMzW__hoverDemo{width:100%;color:var(--demo-text);cursor:pointer;background:0 0;border:0;position:relative}.website-blocks-module__VjBMzW__hoverDemo>span{background:linear-gradient(135deg,var(--demo-surface),var(--demo-accent));place-items:center;transition:opacity .35s,transform .35s;display:grid;position:absolute;inset:0}.website-blocks-module__VjBMzW__hoverDemo>span:nth-child(2){opacity:0;filter:saturate(1.3);transform:scale(1.05)}.website-blocks-module__VjBMzW__hoverDemo:hover>span:nth-child(2),.website-blocks-module__VjBMzW__hoverDemo:focus-visible>span:nth-child(2),.website-blocks-module__VjBMzW__hoverDemo.website-blocks-module__VjBMzW__isActive>span:nth-child(2){opacity:1;transform:scale(1)}.website-blocks-module__VjBMzW__hoverDemo>small{z-index:2;background:color-mix(in srgb,var(--demo-bg) 78%,transparent);color:var(--demo-muted);border-radius:999px;padding:.45rem .65rem;position:absolute;bottom:1rem;right:1rem}.website-blocks-module__VjBMzW__marqueeDemo{padding:0}.website-blocks-module__VjBMzW__marqueeDemo>div{align-items:center;gap:3rem;width:max-content;animation:18s linear infinite website-blocks-module__VjBMzW__logo-marquee;display:flex}.website-blocks-module__VjBMzW__marqueeDemo:hover>div{animation-play-state:paused}.website-blocks-module__VjBMzW__marqueeDemo i{background:var(--demo-accent);width:64px;height:64px;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;flex:none;display:block}.website-blocks-module__VjBMzW__themeDemo strong{font-family:var(--demo-display);font-size:2.2rem;font-weight:500}.website-blocks-module__VjBMzW__themeDemo p{max-width:280px;color:var(--demo-text);text-align:center;margin:0}.website-blocks-module__VjBMzW__filterDemo aside{border:1px solid color-mix(in srgb,var(--demo-text) 17%,transparent);background:var(--demo-surface);color:var(--demo-muted);border-radius:10px;padding:.8rem;font-size:.7rem}@keyframes website-blocks-module__VjBMzW__logo-marquee{to{transform:translate(calc(-50% - 1.5rem))}}@keyframes website-blocks-module__VjBMzW__photo-drift{to{transform:translate(-12%)}}@media (prefers-reduced-motion:reduce){.website-blocks-module__VjBMzW__marqueeDemo>div,.website-blocks-module__VjBMzW__photoDemo{animation-play-state:paused}}@media (min-width:701px){.website-blocks-module__VjBMzW__category,.website-blocks-module__VjBMzW__block{scroll-margin-top:190px}}.website-blocks-module__VjBMzW__cardGrid>button{color:var(--demo-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.website-blocks-module__VjBMzW__cardGrid>button:hover .website-blocks-module__VjBMzW__miniCard,.website-blocks-module__VjBMzW__cardGrid>button:focus-visible .website-blocks-module__VjBMzW__miniCard{border-color:var(--demo-accent);transform:translateY(-2px)}.website-blocks-module__VjBMzW__cardGrid .website-blocks-module__VjBMzW__miniCard{transition:border-color .2s,transform .2s}.website-blocks-module__VjBMzW__printDemo small{align-items:center;gap:.45rem;display:flex}.website-blocks-module__VjBMzW__printDemo small button{border:1px solid color-mix(in srgb,var(--demo-text) 18%,transparent);background:var(--demo-surface);color:var(--demo-text);cursor:pointer;border-radius:50%}.website-blocks-module__VjBMzW__toolsDemo>input{border:1px solid color-mix(in srgb,var(--demo-text) 17%,transparent);color:var(--demo-text);background:0 0;border-radius:999px;padding:.75rem 1rem}.website-blocks-module__VjBMzW__songDemo label{border-top:1px solid color-mix(in srgb,var(--demo-text) 14%,transparent);gap:.2rem;padding-top:1rem;display:grid}.website-blocks-module__VjBMzW__songDemo input{width:100%;color:var(--demo-text);background:0 0;border:0;border-bottom:1px solid #0000;padding:.25rem 0}.website-blocks-module__VjBMzW__songDemo input:focus{border-bottom-color:var(--demo-accent);outline:0}.website-blocks-module__VjBMzW__categoryHeading{display:block}.website-blocks-module__VjBMzW__videoModes{flex-wrap:wrap;gap:.65rem;margin-top:1.4rem;display:flex}.website-blocks-module__VjBMzW__videoModes button{border:1px solid color-mix(in srgb,var(--foreground) 24%,transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:.8rem 1rem;font-size:.74rem;font-weight:700}.website-blocks-module__VjBMzW__videoModes button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--foreground)}.website-blocks-module__VjBMzW__themeDemo{grid-template-rows:52px 48px 46px 24px;place-content:center;gap:.65rem}.website-blocks-module__VjBMzW__themeDemo>div{align-items:center;height:52px}.website-blocks-module__VjBMzW__themeDemo strong{place-items:center;width:320px;height:48px;margin:0;font-size:2.2rem;line-height:48px;display:grid}.website-blocks-module__VjBMzW__themeDemo p{place-items:center;width:320px;height:46px;line-height:1.25;display:grid}.website-blocks-module__VjBMzW__themeDemo>span{place-items:center;width:320px;height:24px;line-height:24px;display:grid}.website-blocks-module__VjBMzW__photoMarquee{height:100%;overflow:hidden}.website-blocks-module__VjBMzW__photoMarquee>div{align-items:center;gap:.7rem;width:max-content;height:100%;padding-inline:.35rem;display:flex}.website-blocks-module__VjBMzW__photoMarquee i{background:linear-gradient(155deg,var(--demo-accent),var(--demo-surface));border-radius:10px;flex:none;width:165px;height:66%;display:block}.website-blocks-module__VjBMzW__photoMarquee i:nth-child(6n+2){background:linear-gradient(35deg,var(--demo-muted),var(--demo-surface))}.website-blocks-module__VjBMzW__photoMarquee i:nth-child(6n+3){background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 65%,var(--demo-text)),var(--demo-bg))}.website-blocks-module__VjBMzW__photoMarquee i:nth-child(6n+4){background:linear-gradient(35deg,color-mix(in srgb,var(--demo-muted) 72%,var(--demo-accent)),var(--demo-surface))}.website-blocks-module__VjBMzW__photoMarquee i:nth-child(6n+5){background:linear-gradient(145deg,var(--demo-surface),color-mix(in srgb,var(--demo-accent) 45%,var(--demo-bg)))}.website-blocks-module__VjBMzW__photoMarquee i:nth-child(6n){background:linear-gradient(35deg,color-mix(in srgb,var(--demo-text) 24%,var(--demo-surface)),var(--demo-muted))}.website-blocks-module__VjBMzW__embedDemo.website-blocks-module__VjBMzW__hero{align-content:center}.website-blocks-module__VjBMzW__embedDemo.website-blocks-module__VjBMzW__background{background:linear-gradient(180deg,transparent 25%,color-mix(in srgb,var(--demo-bg) 85%,transparent)),radial-gradient(circle at 65% 30%,var(--demo-accent),transparent 30%),var(--demo-surface);align-content:end;justify-items:start;padding:2rem}.website-blocks-module__VjBMzW__embedDemo.website-blocks-module__VjBMzW__background button{position:absolute;bottom:1.5rem;right:1.5rem}.website-blocks-module__VjBMzW__embedDemo strong{font-family:var(--demo-display);font-size:2.2rem;font-weight:500}.website-blocks-module__VjBMzW__filterDemo>small{color:var(--demo-muted)}.website-blocks-module__VjBMzW__filterDemo .website-blocks-module__VjBMzW__filterOptions button[aria-pressed=true]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-bg)}.website-blocks-module__VjBMzW__listDemo>div[data-animal=cats]{background:color-mix(in srgb,#d78a98 14%,var(--demo-surface))}.website-blocks-module__VjBMzW__listDemo>div[data-animal=dogs]{background:color-mix(in srgb,#d4a95c 15%,var(--demo-surface))}.website-blocks-module__VjBMzW__listDemo>div[data-animal=frogs]{background:color-mix(in srgb,#78a96a 16%,var(--demo-surface))}.website-blocks-module__VjBMzW__listDemo>div.website-blocks-module__VjBMzW__moved{animation:.5s website-blocks-module__VjBMzW__list-moved}.website-blocks-module__VjBMzW__timelineDemo>b:not(:first-child){color:var(--demo-muted);margin-top:.4rem}.website-blocks-module__VjBMzW__timelineDemo .website-blocks-module__VjBMzW__previousEvent{opacity:.58}.website-blocks-module__VjBMzW__chordTool{grid-template-columns:minmax(120px,.55fr) 1fr;align-items:center;gap:1.25rem;height:100%;padding:1.5rem;display:grid}.website-blocks-module__VjBMzW__chordTool>label{color:var(--demo-muted);gap:.5rem;font-size:.7rem;display:grid}.website-blocks-module__VjBMzW__chordTool input{border:1px solid color-mix(in srgb,var(--demo-text) 20%,transparent);background:var(--demo-surface);width:100%;color:var(--demo-text);border-radius:9px;padding:.75rem;font-size:1rem;transition:border-color .2s,color .2s}.website-blocks-module__VjBMzW__chordTool input.website-blocks-module__VjBMzW__invalidChord{color:#ef4444;border-color:#ef4444}.website-blocks-module__VjBMzW__diagramStack{grid-template-rows:1fr auto;grid-template-columns:145px 1fr;align-items:center;gap:.35rem 1rem;display:grid}.website-blocks-module__VjBMzW__diagramStack>strong{font-family:var(--demo-display);writing-mode:vertical-rl;grid-row:1/-1;font-size:1.5rem;transform:rotate(180deg)}.website-blocks-module__VjBMzW__guitarDiagram{width:145px;height:160px;color:var(--demo-text);overflow:visible}.website-blocks-module__VjBMzW__guitarDiagram line{stroke:currentColor;stroke-width:2px}.website-blocks-module__VjBMzW__guitarDiagram text{fill:currentColor;font:16px var(--demo-body)}.website-blocks-module__VjBMzW__guitarDiagram .website-blocks-module__VjBMzW__openString{fill:none;stroke:currentColor;stroke-width:2px}.website-blocks-module__VjBMzW__guitarDiagram .website-blocks-module__VjBMzW__fingerDot{fill:var(--demo-accent);stroke:var(--demo-bg);stroke-width:2px}.website-blocks-module__VjBMzW__pianoDiagram{width:210px;max-width:100%;height:auto}.website-blocks-module__VjBMzW__pianoWhite{fill:color-mix(in srgb,var(--demo-text) 94%,white);stroke:var(--demo-bg);stroke-width:1.5px}.website-blocks-module__VjBMzW__pianoBlack{fill:color-mix(in srgb,var(--demo-bg) 85%,black);stroke:var(--demo-bg);stroke-width:1px}.website-blocks-module__VjBMzW__pianoActive{fill:var(--demo-accent);stroke:var(--demo-bg);stroke-width:1.5px}.website-blocks-module__VjBMzW__transposeDemo{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:center;gap:1.5rem;height:100%;padding:2rem;display:grid}.website-blocks-module__VjBMzW__transposeControl,.website-blocks-module__VjBMzW__transposeResult{gap:.75rem;display:grid}.website-blocks-module__VjBMzW__transposeControl{border-right:1px solid color-mix(in srgb,var(--demo-text) 16%,transparent);align-content:center;padding-right:1.5rem}.website-blocks-module__VjBMzW__transposeControl label{color:var(--demo-muted);gap:.55rem;font-size:.72rem;display:grid}.website-blocks-module__VjBMzW__transposeDemo select{border:1px solid color-mix(in srgb,var(--demo-text) 20%,transparent);background:var(--demo-surface);width:100%;color:var(--demo-text);font-family:var(--demo-display);border-radius:10px;padding:.75rem;font-size:1.65rem}.website-blocks-module__VjBMzW__transposeResult>span{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.website-blocks-module__VjBMzW__transposeDemo b{background:var(--demo-accent);min-width:0;color:var(--demo-bg);border-radius:8px;place-items:center;padding:.7rem .35rem;display:grid}.website-blocks-module__VjBMzW__transposeDemo small{color:var(--demo-muted)}@keyframes website-blocks-module__VjBMzW__photo-marquee{to{transform:translate(calc(-50% - .35rem))}}@keyframes website-blocks-module__VjBMzW__list-moved{0%{opacity:.45;transform:translateY(18px)}60%{transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.website-blocks-module__VjBMzW__themeDemo strong,.website-blocks-module__VjBMzW__themeDemo p,.website-blocks-module__VjBMzW__themeDemo>span{width:240px}.website-blocks-module__VjBMzW__chordTool{grid-template-columns:1fr}.website-blocks-module__VjBMzW__diagramStack{grid-template-columns:32px 1fr}.website-blocks-module__VjBMzW__diagramStack>strong{font-size:1.1rem}.website-blocks-module__VjBMzW__guitarDiagram{width:120px}.website-blocks-module__VjBMzW__pianoDiagram{width:170px}}@media (prefers-reduced-motion:reduce){.website-blocks-module__VjBMzW__photoMarquee>div{animation-play-state:paused}.website-blocks-module__VjBMzW__listDemo>div.website-blocks-module__VjBMzW__moved{animation:none}}.website-blocks-module__VjBMzW__diagramStack{grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;gap:.35rem}.website-blocks-module__VjBMzW__guitarDiagram{width:165px;height:175px}.website-blocks-module__VjBMzW__pianoDiagram{width:230px}.website-blocks-module__VjBMzW__diagramStack>strong{display:none}.website-blocks-module__VjBMzW__pianoActiveBlack{fill:var(--demo-accent);stroke:var(--demo-bg);stroke-width:1.5px}@media (max-width:700px){.website-blocks-module__VjBMzW__transposeDemo{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.website-blocks-module__VjBMzW__transposeControl{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 16%,transparent);padding:0 0 1rem}.website-blocks-module__VjBMzW__transposeResult>span{grid-template-columns:repeat(4,1fr)}}.website-blocks-module__VjBMzW__headerScrollDemo{overscroll-behavior:contain;scrollbar-width:thin;background:var(--demo-bg);height:340px;overflow-y:auto}.website-blocks-module__VjBMzW__headerScrollDemo .website-blocks-module__VjBMzW__headerDemo{z-index:3;background:0 0;transition:background-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}.website-blocks-module__VjBMzW__headerScrollDemo .website-blocks-module__VjBMzW__headerDemo.website-blocks-module__VjBMzW__headerScrolled{background:color-mix(in srgb,var(--demo-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 26px #0000002e}.website-blocks-module__VjBMzW__headerHero,.website-blocks-module__VjBMzW__headerContent{text-align:center;place-content:center;justify-items:center;gap:.7rem;height:270px;padding:2rem;display:grid}.website-blocks-module__VjBMzW__headerHero{background:linear-gradient(145deg,color-mix(in srgb,var(--demo-surface) 64%,var(--demo-text)),var(--demo-bg));margin-top:-78px;padding-top:90px}.website-blocks-module__VjBMzW__headerHero strong{font-family:var(--demo-display);font-size:2rem;font-weight:500}.website-blocks-module__VjBMzW__headerHero span{font-size:1.3rem}.website-blocks-module__VjBMzW__headerContent{background:color-mix(in srgb,var(--demo-surface) 78%,var(--demo-bg))}.website-blocks-module__VjBMzW__headerContent strong{max-width:360px;font-family:var(--demo-display);font-size:1.6rem;font-weight:500;line-height:1.15}.website-blocks-module__VjBMzW__headerContent small{color:var(--demo-accent);letter-spacing:.12em}.website-blocks-module__VjBMzW__galleryDemo button:nth-child(2){background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 74%,var(--demo-text)),var(--demo-surface))}.website-blocks-module__VjBMzW__galleryDemo button:nth-child(3){background:linear-gradient(35deg,var(--demo-muted),var(--demo-surface))}.website-blocks-module__VjBMzW__galleryDemo button:nth-child(4){background:linear-gradient(145deg,color-mix(in srgb,var(--demo-surface) 76%,var(--demo-accent)),var(--demo-bg))}.website-blocks-module__VjBMzW__hoverDemo>span:first-child{background:linear-gradient(145deg,var(--demo-surface),var(--demo-bg));font-family:var(--demo-display);font-size:1.8rem}.website-blocks-module__VjBMzW__hoverDemo>span:nth-child(2){background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 88%,var(--demo-text)) 0 18px,var(--demo-surface) 18px 36px);color:var(--demo-bg);font-family:var(--demo-display);filter:none;font-size:2.3rem;font-weight:700;transform:scale(1.08)rotate(-1deg)}.website-blocks-module__VjBMzW__customRequest{text-align:center;justify-items:center;gap:1.25rem;margin:0 auto 7rem;padding:clamp(3rem,7vw,6rem) 1rem;display:grid}.website-blocks-module__VjBMzW__customRequest p{max-width:700px;font-family:var(--font-display),Georgia,serif;margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:1.02}.website-blocks-module__VjBMzW__customRequest a{background:var(--accent);color:var(--background);border-radius:12px;padding:.9rem 1.35rem;font-size:.78rem;font-weight:700;display:inline-flex}