:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--curve:9px;--pad:calc(8px + 1.5625vw);--max-section-width:900px;--image-width-hero:2122px;--col-red:#d31245;--col-crimson:#860038;--col-blue:#5284c5;--col-white:#fff;--col-black:#12100f;--col-accent:var(--col-red);--col-hover:var(--col-bg);--col-border:var(--col-warm-grey);--col-bg:var(--col-stone-light,white);--col-text:var(--col-charcoal,black);--font-scale:1;--font-zoom:1;--font-size-base:calc(16px*var(--font-scale,1));--font-size-h1:calc(var(--step-mobile-5,40px)*var(--font-scale,1)*var(--font-zoom,1));--font-size-h2:calc(var(--step-mobile-4,28px)*var(--font-scale,1)*var(--font-zoom,1));--font-size-h3:calc(var(--step-mobile-3,24px)*var(--font-scale,1)*var(--font-zoom,1));--font-size-h4:calc(var(--step-mobile-2,18px)*var(--font-scale,1)*var(--font-zoom,1));--font-size-h5:calc(var(--step-mobile-1,16px)*var(--font-scale,1)*var(--font-zoom,1));--font-size-h6:calc(var(--step-mobile-0,14px)*var(--font-scale,1)*var(--font-zoom,1));--font-size-p:calc(var(--step-mobile--1,14px)*var(--font-scale,1)*var(--font-zoom,1));--time-quick:95ms;--time-medium:.295s;--time-long:.495s;--footer-height:clamp(60px,10vh,200px);--shadow-button:inset 0 -4px #930015;--button-active:translateY(5%)scale(.98);--sticky-top:66px;--peek:44px;--right-hand-column:var(--pad);--visible-height-fallback:calc(100vh - var(--sticky-top) - var(--peek));--visible-height:calc(100dvh - var(--sticky-top) - var(--peek));--shadow:0px 0px 2px #33313203,0px 0px 9px #33313205,0px 0px 21px #33313205,0px 0px 36px #33313208,0px 0px 57px #3331320a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media screen and (width>=900px){:root{--right-hand-column:calc((100vw - var(--max-section-width))/2);--font-size-h1:calc(var(--step-5,40px)*var(--font-scale,1));--font-size-h2:calc(var(--step-4,40px)*var(--font-scale,1));--font-size-h3:calc(var(--step-3,32px)*var(--font-scale,1));--font-size-h4:calc(var(--step-2,24px)*var(--font-scale,1));--font-size-h5:calc(var(--step-1,18px)*var(--font-scale,1));--font-size-h6:calc(var(--step-0,16px)*var(--font-scale,1))}}@media screen and (width>=988px){:root{--right-hand-column:calc((100vw - var(--max-section-width))/2 - 66px)}}@media screen and (reduced-motion:reduce){:root{--time-quick:1ms;--time-medium:1ms;--time-long:1ms}}:where(html,body,h1,h2,h3,h4,h5,h6,p menu,ul,ol,dl,summary,figure,picture){margin:0;padding:0}:where(html){--_col-accent:var(--shade-brand,var(--col-accent,var(--shade-red,blue)));max-width:100dvw;height:fit-content;min-height:100dvh;color:var(--col-white);caret-color:var(--_col-accent);accent-color:var(--_col-accent);scrollbar-color:var(--_col-accent)transparent;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;overscroll-behavior-y:none;scroll-behavior:smooth;-webkit-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden}:where(body){min-height:inherit;height:inherit;flex-flow:column;align-content:stretch;display:flex}:where(main){flex-direction:column;justify-content:center;align-items:center;min-width:100%;margin:auto;display:flex}:where(menu){list-style:none}:where(menu) ::marker{display:none}:where(article>header){width:100%}:where(ol){margin-top:var(--pad);margin-bottom:var(--pad)}ul{list-style:outside}ul ::marker{color:var(--col-accent)}img{z-index:1;border-radius:var(--curve,0);text-wrap:balance;font-style:italic;display:block;position:relative}table{flex-direction:column;width:100%;display:flex}table tr+tr{border-top:var(--stroke,1px)solid var(--col-accent);margin-top:0}table tr{padding:var(--pad)0}table caption{order:9999}@media screen and (width>=680px){table tr{place-items:center}table th{max-width:15%}}dl{gap:var(--pad);grid-template-columns:1fr 1fr;display:grid}dl.data-contact,dl.data-address{grid-template-columns:repeat(auto-fill,minmax(calc(50% - var(--pad)*1),10fr));gap:calc(var(--pad)/2);min-width:calc(50% - var(--pad)*1);align-items:baseline;display:grid}dl.data-contact{grid-template-columns:1fr 5fr}dd{margin:0}th{margin-right:calc(var(--pad)/2);line-height:1.2;display:block}tr{flex-direction:column;display:flex}tr+tr{margin-top:calc(var(--pad)/2)}th,dt{text-align:left}@media screen and (width>=680px){tr{flex-direction:row}th,dt{color:var(--col-warm-grey,grey);text-align:right;width:max-content}}:where(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;text-wrap:balance;text-wrap:pretty}:where(canvas,video,picture,figure,img,svg){box-sizing:border-box;max-width:100%;height:auto;display:block}:where(iframe){max-width:100%;margin-left:auto;margin-right:auto;display:block}video,canvas.canvas-full-size{visibility:hidden;width:100%}abbr{-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration-color:var(--col-white);-webkit-text-decoration-color:var(--col-white);text-decoration-color:var(--col-white);cursor:help}aside{border-radius:var(--curve);border:dashed var(--col-border)2px;padding:calc(2*var(--pad));margin-left:calc(2*var(--pad));margin-right:calc(2*var(--pad));background-color:var(--col-bg);max-width:calc(var(--max-section-width) - var(--pad)*4)}.page aside{margin:auto;margin-top:calc(var(--pad)*2)}:where(blockquote){margin:0}svg[aria-hidden=true]{position:fixed}:where(a,area,button,input,label,select,summary,option,textarea,[tabindex]){-ms-touch-action:manipulation;touch-action:manipulation;font:inherit;letter-spacing:inherit;word-spacing:inherit;appearance:none}:where(label){--padding:calc(1*var(--pad));cursor:pointer;transition:color var(--time-long)linear,background-color 90ms linear;padding:var(--padding);-webkit-user-select:none;user-select:none;text-wrap:pretty;position:relative}:where(label):hover,:where(label):focus{color:var(--col-fg,var(--shade-white));outline:none}:where(input[type=select],select){appearance:none;padding:calc(var(--pad)/2);padding-right:calc(var(--pad)*2);cursor:pointer;background-image:url(down-chevron-white.9a188766.svg);background-repeat:no-repeat;background-position-x:calc(100% - var(--pad)/2);background-position-y:50%;background-size:2lh;background-color:var(--col-bg);color:var(--col-text);font:inherit;cursor:pointer;grid-template-columns:auto 1fr;grid-template-areas:"select icon";display:grid}:where(input[type=select],select):is(:open,:focus-visible,:focus-within){background-image:url(up-chevron-white.34e7d471.svg)}:where(input[type=select],select):focus:active{max-width:none}:where(input[type=select],select)::marker{color:#fff;grid-area:icon}:where(input[type=select],select)::-ms-expand{grid-area:icon;display:none}:where(input[type=select],select) optgroup{appearance:none;font:inherit;text-transform:uppercase;margin:auto;font-weight:900}:where(input[type=select],select) option{padding:var(--pad);color:var(--col-text);background-color:var(--col-bg);text-transform:initial;text-align:left;font:inherit;transition:var(--time-quick,90ms)all ease-in;font-weight:800}:where(input[type=select],select) option:hover,:where(input[type=select],select) option:focus,:where(input[type=select],select) option:checked{color:var(--col-white);background-color:var(--col-accent)}:where(input[type=select],select){appearance:base-select}:where(input[type=select],select)::picker(select){appearance:base-select}:where(input[type=select],select)::picker(select){transition:opacity .2s ease,transform .2s linear,display .2s allow-discrete,overlay .2s allow-discrete}:where(input[type=select],select)::picker-icon{display:none}:where(input[type=select],select):not(:open)::picker(select){opacity:0;transform:scale(.95)}:where(input[type=select],select):open::picker(select){opacity:1;transform:scale(1)}:where(input[type=select],select) selectedcontent>*{transition:transform 1s linear,display 1s allow-discrete,opacity 1s;opacity:1}@starting-style{:where(input[type=select],select) selectedcontent>*{opacity:0;transform:translateY(10px)}}:where(label){color:inherit}:where(input){background-color:var(--col-bg,white);padding:calc(var(--pad)/2)calc(var(--pad)/2);font:inherit;color:var(--col-text);margin:0}:where(input,textarea,[contenteditable]){caret-color:var(--col-accent)}:where(input[type=range],input[type=submit],input[type=reset],input[type=button],button){cursor:pointer;text-align:center}form{background-color:var(--col-bg);background-color:color-mix(in oklch,var(--col-bg)75%,transparent);border-radius:var(--curve)}fieldset{padding:calc(var(--pad));border-radius:var(--curve,4px);padding-bottom:calc(var(--pad)*2);background-color:inherit;border-color:var(--col-stone)}fieldset legend{text-align:center;padding-left:calc(var(--pad));padding-right:calc(var(--pad));background-color:inherit;border-radius:var(--curve,4px);margin:0 auto;display:block}output{display:block}:where(mark){background-color:var(--col-orange);padding:calc(var(--pad)*1)calc(var(--pad)*2)}::selection{background-color:var(--col-orange);padding:calc(var(--pad)*1)calc(var(--pad)*2)}hr{width:100%;height:1rem;margin:var(--pad);background-image:radial-gradient(at 50% 0,#fff9 0,#0000 50%);border:0;padding:0;display:block}[aria-busy=true]{cursor:progress}textarea:not([rows]){min-height:10ch}audio{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--col-accent)}@media screen and (prefers-reduced-motion){html{scroll-behavior:unset}}.heading-icon:before{--size:1lh;--i:var(--icon,url(attribution_black_24dp.a38ca864.svg));content:"";width:var(--size);height:var(--size);background:var(--i)center no-repeat;margin-right:calc(var(--pad)/4);vertical-align:bottom;opacity:.75;background-size:contain;display:inline-block}table .heading-icon:before{--size:.94lh;vertical-align:text-bottom;padding-right:calc(var(--pad)/4);margin-right:auto}a[href$=\#introduction],#introduction .heading-icon{--icon:url(audiotrack-24px.db88e7e4.svg)}a[href$=\#teaser],#teaser .heading-icon{--icon:url(speaker-24px.68e67f21.svg)}a[href$=\#midi-equipment],#midi-equipment .heading-icon{--icon:url(cable.3580b0cb.svg)}a[href$=\#event],#about .heading-icon{--icon:url(accessibility_new-24px.31c402c3.svg)}a[href$=\#venue] #venue .heading-icon{--icon:url(fmd_good.3f88d247.svg)}a[href$=\#laboratory],#laboratory .heading-icon{--icon:url(biotech.f33840e0.svg)}a[href$=\#science],#science .heading-icon{--icon:url(architecture.01c98390.svg)}a[href$=\#process],#process .heading-icon{--icon:url(run_circle.528dcc6e.svg)}a[href$=\#capture-face],#capture-face .heading-icon{--icon:url(sentiment_satisfied_alt.920c2d94.svg)}a[href$=\#technology],#technology .heading-icon,a[href$=\#recognising-emotions],#recognising-emotions .heading-icon{--icon:url(smart_toy.69fbecf0.svg)}a[href$=\#research],#research .heading-icon{--icon:url(show_chart.4cf7814c.svg)}a[href$=\#history],#history .heading-icon{--icon:url(access_time.f741d9ea.svg)}a[href$=\#event],#event .heading-icon{--icon:url(event.8826e4f6.svg)}a[href$=\#faq],#faq .heading-icon{--icon:url(help_black_24dp.f3e30280.svg)}a[href$=\#waveform-visualiser],#waveform-visualiser .heading-icon{--icon:url(waves.b2c4a160.svg)}a[href$=\#shapes],#shapes .heading-icon{--icon:url(water.e5cdc011.svg)}a[href$=\#recognising-emotions],#recognising-emotions .heading-icon{--icon:url(grid_on.242735e8.svg)}a[href=\#chords],#chords .heading-icon{--icon:url(piano-24px.6808fc8b.svg)}a[href$=\#transport],#transport .heading-icon{--icon:url(hail.f1d045af.svg)}#main-content .wheelchair-accessible .heading-icon{--icon:url(accessible-24px.fba9238c.svg)}#main-content .hearing-loop .heading-icon{--icon:url(hearing.341ba639.svg)}#main-content .accesible-floors .heading-icon{--icon:url(elevator.28403f7b.svg)}#main-content .signage .heading-icon{--icon:url(follow_the_signs.588f3528.svg)}#main-content .dogs .heading-icon{--icon:url(pets.ed3b2260.svg)}#main-content .toilets .heading-icon{--icon:url(accessibility_new-24px.31c402c3.svg)}#main-content .quiet-space .heading-icon{--icon:url(noise_aware.3f5be38a.svg)}#main-content .walk .heading-icon{--icon:url(directions_walk.e7f48d32.svg)}.license.cc2{color:#0000;font-size:0}.license.cc2:before{--size:22px;content:"";vertical-align:middle;width:var(--size);height:var(--size);background-image:url(cc-icons-person.f3afd5d7.svg);background-repeat:no-repeat;background-size:contain;display:inline-block}:root{--col-red:#d31245;--col-plum:#6f263d;--col-button-red:#ba0c2f;--col-stone:#ede7dd;--col-stone-light:#e8e6df;--col-charcoal:#333132;--col-orange:#ed8b00;--col-pink:#da1884;--col-purple:#a51890;--col-blue:#0085ca;--col-green:#64a70b;--col-warm-grey:#978c87;--col-warm-grey-light:#e0dcdb}html{background-color:var(--col-stone-light)}.royal-society-logo-stacked{background-image:url(royal-society-single-line.9852b805.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:150px;height:auto}a,button,input[type=button]{appearance:none;text-align:center;border:0;outline:0;min-width:44px}a.cta,button.cta,input[type=button].cta{background-color:var(--col-button-red);box-shadow:var(--shadow-button);color:#fff;padding:var(--pad)calc(var(--pad)*2);text-align:center;min-width:175px;transition:var(--time-quick,90ms)background-color linear;border-radius:5px;font-weight:700;text-decoration:none}a.cta:hover,a.cta:focus,button.cta:hover,button.cta:focus,input[type=button].cta:hover,input[type=button].cta:focus{background-color:var(--col-plum)}a.button,button.button,input[type=button].button{color:#fff;background-color:#ba0c2f;padding:10px 20px;text-decoration:none}details{margin-top:var(--pad);border-radius:var(--curve,4px);background-color:var(--col-stone-light);box-shadow:var(--shadow)}details::details-content{opacity:0;transition:opacity var(--time-long)linear;display:none}details summary{box-sizing:border-box;cursor:pointer;background-color:var(--col-stone-light);width:100%;color:var(--col-red);padding:var(--pad)calc(var(--pad)/2)var(--pad)var(--pad);border-radius:var(--curve,4px);border:var(--stroke,1px)solid var(--col-accent);flex-wrap:wrap;grid-auto-flow:column;align-items:center;font-weight:700;display:grid}details summary:after{content:"";vertical-align:middle;transition:transform var(--time-medium,90ms)ease-in-out,color var(--time-long,90ms)ease-in-out,background-color var(--time-long,90ms)ease-in-out;filter:invert(20%)sepia(32%)saturate(7261%)hue-rotate(330deg)brightness(88%)contrast(105%);background-image:url(down-chevron.250c2f2e.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:44px;height:44px;margin-left:auto;display:inline-block}details summary img{filter:brightness(0)saturate()invert(19%)sepia(25%)saturate(2312%)hue-rotate(299deg)brightness(95%)contrast(93%);order:-1}details summary img:last-of-type{margin-right:calc(var(--pad)/4)}details>::marker{content:"";display:none}details>::-webkit-details-marker{display:none}details>:not(summary){padding:var(--pad);background-color:inherit;margin-left:auto;margin-right:auto;padding-top:0}details:hover summary{background-color:var(--col-accent);color:var(--col-stone-light)}details:hover summary:after{filter:invert()sepia(18%)saturate(2%)hue-rotate(349deg)brightness(111%)contrast(101%)}details:hover summary img{filter:invert()}details[open]::details-content{opacity:1;display:block}details[open] summary{background-color:var(--col-red);color:var(--col-stone);margin-bottom:var(--pad);animation:Fade var(--time-medium)linear 0s 1 both;border-width:0}details[open] summary:after{filter:invert()sepia(18%)saturate(2%)hue-rotate(349deg)brightness(111%)contrast(101%);transform:rotate(180deg)}details[open] summary img{filter:invert()}::details-content{padding:var(--pad)calc(var(--pad)/2);transition:height .5s ease,content-visibility .5s ease allow-discrete;height:0;overflow:clip}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}[open]::details-content{height:auto}}@font-face{font-family:Oxanium;src:url(Oxanium[wght].6b0d9eb1.ttf)format("truetype");font-style:normal;font-display:swap}:root{--font-family-metropolis:"proxima-nova","Metropolis","Helvetica",sans-serif}@font-face{font-family:Metropolis;src:url(Metropolis-Light.a7467033.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:lighter}@font-face{font-family:Metropolis;src:url(Metropolis-LightItalic.e3025b84.woff2)format("woff2");font-display:swap;font-style:italic;font-weight:lighter}@font-face{font-family:Metropolis;src:url(Metropolis-Regular.e7957aca.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:400}@font-face{font-family:Metropolis;src:url(Metropolis-RegularItalic.f68e2304.woff2)format("woff2");font-display:swap;font-style:italic;font-weight:400}@font-face{font-family:Metropolis;src:url(Metropolis-Bold.b9a82c59.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:Metropolis;src:url(Metropolis-BoldItalic.b2c4d7bd.woff2)format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:Metropolis;src:url(Metropolis-ExtraBold.1f464602.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:bolder}@font-face{font-family:Metropolis;src:url(Metropolis-ExtraBoldItalic.e126c956.woff2)format("woff2");font-display:swap;font-weight:bolder;font-style:italic}@font-face{font-family:noto-emoji;src:url(NotoEmoji-VariableFont_wght.5dca1aad.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:noto-music;src:url(NotoMusic-Regular.e252146c.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(OpenDyslexic-Regular.c84c4de6.woff2)format("woff2");font-style:normal;font-display:swap}@font-face{font-family:ReadexPro;src:url(Readexpro[HEXP,wght].e92a7de4.ttf)format("truetype");font-style:normal;font-display:swap}.font-emoji{font-family:noto-emoji}html,[data-font=default]{font-family:"Proxima Nova",var(--font-family-metropolis),sans-serif;letter-spacing:.003px;font-weight:lighter}[data-font=dsylexic]{font-family:"OpenDyslexic","Proxima Nova",var(--font-family-metropolis),sans-serif;--font-zoom:.85;font-size:85%}[data-font=readable]{font-family:ReadexPro,Proxima Nova,sans-serif;font-weight:400}[data-font=brand]{font-family:Oxanium,sans-serif;font-weight:400}.oxanium,svg text{font-family:"Oxanium","ReadexPro","Proxima Nova",var(--font-family-metropolis),sans-serif}:root{--step-mobile--2:clamp(.7387rem,1.1478rem + -.7984vw,.9882rem);--step-mobile--1:clamp(.9846rem,1.099rem + -.2232vw,1.0544rem);--step-mobile-0:clamp(1.125rem,1.005rem + .6vw,1.3125rem);--step-mobile-1:clamp(1.2004rem,.8489rem + 1.7574vw,1.7496rem);--step-mobile-2:clamp(1.2808rem,.6079rem + 3.3644vw,2.3322rem);--step-mobile-3:clamp(1.3666rem,.2516rem + 5.5749vw,3.1088rem);--step-mobile-4:clamp(1.4582rem,-.2608rem + 8.5946vw,4.144rem);--step-mobile-5:clamp(1.5559rem,-.9837rem + 12.6979vw,5.524rem);--step--2:clamp(.8442rem,2.1263rem + -1.8995vw,1.1528rem);--step--1:clamp(1.1253rem,1.5606rem + -.6449vw,1.2301rem);--step-0:clamp(1.3125rem,.7212rem + 1.1538vw,1.5rem);--step-1:clamp(1.4004rem,-.4889rem + 3.6865vw,1.9995rem);--step-2:clamp(1.4943rem,-2.1991rem + 7.2066vw,2.6653rem);--step-3:clamp(1.5944rem,-4.5824rem + 12.0523vw,3.5529rem);--step-4:clamp(1.7012rem,-7.8701rem + 18.6757vw,4.736rem);--step-5:clamp(1.8152rem,-12.3705rem + 27.6794vw,6.3131rem)}body{font-weight:600;line-height:1.7}:is(h1,h2,h3,h4,h5,h6,header){position:relative}:is(h1,h2,h3,h4,h5,h6,header).underline{padding-bottom:calc(var(--pad)*2)}:is(h1,h2,h3,h4,h5,h6,header).underline:after{content:"";bottom:var(--pad);height:var(--stroke,1px);background-color:var(--col-accent);position:absolute;left:0;right:0}:is(h1,h2,h3,h4,h5,h6,header).underline.restricted:after{left:calc(2*var(--pad));right:calc(2*var(--pad))}.hide-overflow :is(h1,h2,h3,h4,h5,h6,header).underline:after{left:calc(var(--space,1)*var(--pad));right:calc(var(--space,1)*var(--pad))}[data-countdown],dt,time,strong{font-weight:800}legend,label,em{font-style:italic;font-weight:600}legend span,legend input,legend select,legend button,label span,label input,label select,label button,em span,em input,em select,em button{font-style:normal;font-weight:600}option{font:inherit;text-transform:capitalize}h1{font-size:clamp(22px,5vw,33px);font-weight:900;line-height:1.2}@media screen and (width>=400px) and (height>=500px){h1{font-size:clamp(22px,6.5vmin,var(--font-size-h1))}}.h1{font-size:var(--font-size-h1)}h2{font-size:clamp(18px,4vw,28px);line-height:1.2}.h2{font-size:var(--font-size-h2);line-height:1.2}.h3,h3{font-size:var(--font-size-h3);line-height:1.2}blockquote,blockquote p,.h4,h4{font-size:var(--font-size-h4);line-height:1.3}p.flood{font-size:var(--font-size-h5)}.h5,p.lead,:is(article,section,div)>p:first-of-type:not([class]),h5{font-size:var(--font-size-h5);font-weight:bolder;line-height:1.4}img,summary,summary>:is(h3,h4,h5,h6),legend,figcaption,.h6,h6{font-size:var(--font-size-h6);font-weight:bolder}p{orphans:3;widows:3;font-size:var(--font-size-p);margin:0;position:relative}details p:first-of-type:not([class]){font-size:var(--font-size-h6)}p+p{padding-top:calc(var(--pad))}blockquote{grid-template-columns:auto 1fr calc(var(--pad)*2);place-items:center;gap:0 var(--pad);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". . .""icon quote."".citation."". . .";display:grid}blockquote:before{content:"“";color:var(--col-plum);grid-area:icon;font-size:360%;line-height:1}blockquote p,blockquote .quote{grid-area:quote;margin:0;padding:0}blockquote .citation{text-align:right;margin:0;margin-top:var(--pad);grid-area:citation;padding:0;font-size:66%}blockquote .citation:before{content:"—";color:var(--col-plum);margin-right:calc(var(--pad)/2)}blockquote .citation cite{font-size:66%;display:block}a:not(.cta,.button-close){color:var(--col-accent)}a:not(.cta,.button-close):focus-visible,a:not(.cta,.button-close):hover{color:var(--col-plum,var(--col-red))}legend{text-align:center}caption{text-align:left;margin:var(--pad)0;font-style:italic}.emoji{justify-content:center;align-items:center;font-family:noto-emoji;font-size:300%;font-weight:500;line-height:1.27;display:inline-flex}label .emoji{font-size:max(4cqi,66px)}.notation{justify-content:center;align-items:center;font-family:noto-music;font-size:260%;display:inline-flex}figcaption{color:inherit;line-height:1.2}address{text-align:left}address .delimiter:after{content:"";display:table}[data-scale=major] .minor,[data-scale=minor] .major{display:none}[data-key=A],[data-key=A\#]{--col-accent:var(--col-orange)}[data-key=B]{--col-accent:var(--col-red)}[data-key=C],[data-key=C\#]{--col-accent:var(--col-plum)}[data-key=D],[data-key=D\#]{--col-accent:var(--col-pink)}[data-key=E]{--col-accent:var(--col-purple)}[data-key=F],[data-key=F\#]{--col-accent:var(--col-blue)}[data-key=G],[data-key=G\#]{--col-accent:var(--col-green)}.overlaid-notes{--duration:9s;--offset-variatons:1;--path-simple:path("M20,20 C20,100 200,0 200,100");--path-wave:path("M0,0 C100,0 200,100 300,50 C400,0 500,100 600,50");--path-double-wave:path("M0,50 C100,0 200,100 300,50 C400,0 500,100 600,50 C700,0 800,100 900,50");--path-ripple:path("M0,50 C100,0 150,100 250,50 C350,0 400,100 500,50");--path-float:path("M0,100 C150,50 250,150 400,100 C550,50 650,150 800,100");--path-gentle:path("M0,50 C200,0 300,100 500,50 C700,0 800,100 1000,50");--path-smooth:path("M0,0 C100,100 300,0 400,100 C500,200 700,100 800,200");--path-sine:path("M0,50 C50,0 150,100 200,50 C250,0 350,100 400,50");--path-arc:path("M0,200 C200,200 300,0 500,0 C700,0 800,200 1000,200");--path-swing:path("M0,0 C100,0 200,100 300,0 C400,-100 500,100 600,0");--path-bounce:path("M0,50 C100,100 200,0 300,50 C400,100 500,0 600,50");--path-wave-left:path("M0,50 C-100,50 -200,0 -300,50 C-400,50 -500,0 -600,50");--path-double-wave-left:path("M0,50 C-100,50 -200,0 -300,50 C-400,50 -500,0 -600,50");--path-ripple-left:path("M0,50 C-100,50 -150,0 -250,50 C-350,50 -400,0 -500,50");--path-float-left:path("M0,100 C-150,100 -250,50 -400,100 C-550,100 -650,50 -800,100");--path-gentle-left:path("M0,50 C-200,50 -300,0 -500,50 C-700,50 -800,0 -1000,50");--path-smooth-left:path("M0,100 C-100,100 -300,50 -400,100 C-500,100 -700,50 -800,100");--path-sine-left:path("M0,50 C-50,50 -150,0 -200,50 C-250,50 -350,0 -400,50");--path-arc-left:path("M0,0 C-200,0 -300,100 -500,100 C-700,100 -800,0 -1000,0");--path-swing-left:path("M0,50 C-100,50 -200,0 -300,50 C-400,50 -500,0 -600,50");--path-bounce-left:path("M0,50 C-100,0 -200,100 -300,50 C-400,0 -500,100 -600,50");height:var(--notes-height,100vh);z-index:909;order:-9;grid-area:1/1/-1/-1;width:100%;max-width:100vw;max-height:100%;position:sticky;top:0;overflow:clip}.note-animated{--size:44px;width:var(--size);height:var(--size);z-index:202;transition:opacity var(--time-quick,90ms)linear;opacity:0;position:absolute;top:33%;left:50%}.note-animated:before{color:var(--col-accent,var(--col-plum));content:"𝅗𝅥";font-family:noto-music;font-size:440%}.note-animated:nth-child(odd).active{offset-rotate:auto;animation:FadeEnd var(--duration)var(--delay,0s)var(--offset-variatons)linear both,TravelAlongPathLeft var(--duration)var(--delay,0s)var(--offset-variatons)ease-out}.note-animated:nth-child(odd).active:before{animation:Notation var(--duration)var(--delay,0s)var(--offset-variatons)linear}.note-animated{offset-path:var(--path,var(--path-wave))}.note-animated:nth-child(0){offset-path:var(--path,var(--path-wave-left))}.note-animated:first-child{offset-path:var(--path,var(--path-wave))}.note-animated:nth-child(2){offset-path:var(--path,var(--path-double-wave-left))}.note-animated:nth-child(3){offset-path:var(--path,var(--path-double-wave))}.note-animated:nth-child(4){offset-path:var(--path,var(--path-float-left))}.note-animated:nth-child(5){offset-path:var(--path,var(--path-float))}.note-animated:nth-child(6){offset-path:var(--path,var(--path-smooth-left))}.note-animated:nth-child(7){offset-path:var(--path,var(--path-smooth))}.note-animated:nth-child(8){offset-path:var(--path,var(--path-sine-left))}.note-animated:nth-child(9){offset-path:var(--path,var(--path-sine))}.note-animated:nth-child(10){offset-path:var(--path,var(--path-float-left))}.note-animated:nth-child(11){offset-path:var(--path,var(--path-float))}.note-animated:nth-child(12){offset-path:var(--path,var(--path-ripple-left))}.note-animated.inactive{opacity:0}.note-animated.active{offset-rotate:auto 180deg;opacity:1;animation:FadeEnd var(--duration)var(--delay,0s)var(--offset-variatons)linear both,TravelAlongPathRight var(--duration)var(--delay,0s)var(--offset-variatons)ease-out}.note-animated.active:before{animation:Notation var(--duration)var(--delay,0s)var(--offset-variatons)linear}#waveforms.in-viewport~.overlaid-notes{opacity:.25;z-index:42}#research.in-viewport~.overlaid-notes{opacity:1;mix-blend-mode:soft-light}[data-show-notes].in-viewport~.overlaid-notes,[data-hide-notes].in-viewport~.overlaid-notes{display:none}.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom{--overhang:clamp(44px,4vh,66px);--mask:url(wavey-top.4b096c1b.svg);--mask-position:center top;--scale:1;--density:2;--vertical-space:calc((var(--overhang)*1.5/var(--scale,1)) + var(--vertical-margin,0px));position:relative}.wavey:before,.wavey:after,.square:before,.square:after,.sawtooth:before,.sawtooth:after,.wavey-top:before,.wavey-top:after,.square-top:before,.square-top:after,.sawtooth-top:before,.sawtooth-top:after,.wavey-bottom:before,.wavey-bottom:after,.square-bottom:before,.square-bottom:after,.sawtooth-bottom:before,.sawtooth-bottom:after{content:"";width:100%;height:calc(var(--overhang)/var(--scale,1));background-color:inherit;-webkit-mask-size:calc(100%/var(--scale,1));-webkit-mask-size:calc(100%/var(--scale,1));mask-size:calc(100%/var(--scale,1));-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-position:var(--mask-position);-webkit-mask-position:var(--mask-position);mask-position:var(--mask-position);pointer-events:none;display:none;position:absolute;left:0;overflow:clip}.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top{margin-top:var(--vertical-space)}.wavey:before,.square:before,.sawtooth:before,.wavey-top:before,.square-top:before,.sawtooth-top:before{--mask:url(wavey-top.4b096c1b.svg);--mask-position:center top;bottom:calc(100% - 1px*var(--density,1));display:block}.wavey.overlap,.square.overlap,.sawtooth.overlap,.wavey-top.overlap,.square-top.overlap,.sawtooth-top.overlap{--factor:.5;margin-top:calc(var(--overhang)*var(--factor,1)*-1);margin-bottom:calc(var(--overhang)*var(--factor,1))}.wavey.overlap-top,.square.overlap-top,.sawtooth.overlap-top,.wavey-top.overlap-top,.square-top.overlap-top,.sawtooth-top.overlap-top{margin-top:calc(var(--overhang)*var(--factor,1))}.wavey.bg-children:before,.square.bg-children:before,.sawtooth.bg-children:before,.wavey-top.bg-children:before,.square-top.bg-children:before,.sawtooth-top.bg-children:before{background-color:var(--col-bg)}.wavey,.square,.sawtooth,.wavey-bottom,.square-bottom,.sawtooth-bottom{margin-bottom:var(--vertical-space)}.wavey:after,.square:after,.sawtooth:after,.wavey-bottom:after,.square-bottom:after,.sawtooth-bottom:after{--mask:url(wavey-bottom.f75385f2.svg);--mask-position:center bottom;top:calc(100% - 1px*var(--density,1));display:block}.wavey.overlap,.square.overlap,.sawtooth.overlap,.wavey-bottom.overlap,.square-bottom.overlap,.sawtooth-bottom.overlap{--factor:.5;margin-bottom:calc(var(--overhang)*var(--factor,1))}.wavey.overlap-bottom,.square.overlap-bottom,.sawtooth.overlap-bottom,.wavey-bottom.overlap-bottom,.square-bottom.overlap-bottom,.sawtooth-bottom.overlap-bottom{margin-bottom:calc(var(--overhang)*var(--factor,1))}:is(.wavey,.square,.sawtooth).bg-clear:before,:is(.wavey,.square,.sawtooth).bg-clear:after,.bg-clear :is(.wavey,.square,.sawtooth):before,.bg-clear :is(.wavey,.square,.sawtooth):after{background-color:var(--col-bg)}p.sawtooth,p.square,p.wavey{margin-top:calc(var(--overhang)*1);padding:calc(var(--pad)*2);padding-top:calc(var(--pad)*2);padding-bottom:calc(var(--pad)*2);background-color:var(--col-bg)}p.wavey-top,p.square-top,p.sawtooth-top,p.wavey-bottom,p.square-bottom,p.sawtooth-bottom{padding-top:calc(var(--pad)*2);padding-bottom:calc(var(--pad)*2)}.sawtooth:before{--mask:url(sawtooth-top.4bffbfd9.svg)}.sawtooth:after{--mask:url(sawtooth-bottom.1bbecab9.svg)}.square{--scale:2}.square:before{--mask:url(square-top.cf6395eb.svg)}.square:after{--mask:url(square-bottom.ba1390f2.svg)}.x2{--scale:2}.x3{--scale:3}.x4{--scale:4}:is(.wavey,.square,.sawtooth,.wavey-bottom,.square-bottom,.sawtooth-bottom,.wavey-top,.square-top,.sawtooth-top).shadow{--opacity:.33;box-shadow:none;transform-style:preserve-3d;filter:drop-shadow(0px 0px 18px rgba(51,49,50,calc(var(--opacity))));transform:translateZ(0)}hr.wavey{height:calc(3*var(--overhang)/var(--scale,1));box-sizing:content-box}hr.wavey:before{top:auto;bottom:0}hr.wavey:after{top:0;bottom:auto}hr.wavey.pad,hr.wavey.pad-top{border-top:solid calc(2*var(--pad))var(--col-bg)}hr.wavey.pad,hr.wavey.pad-bottom{border-bottom:solid calc(2*var(--pad))var(--col-bg)}@media screen and (width>=680px){.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom{--overhang:clamp(88px,9vh,99px)}}@media screen and (width>=800px){.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom{--overhang:clamp(128px,12vh,120px)}}body>.menu-main{order:-2;position:sticky;top:0}.menu-main{z-index:909;pointer-events:auto;background-color:var(--col-accent);grid-area:1/1/-1/-1;justify-self:center;width:100%;margin:0 auto;padding:0}.menu-main ul{max-width:calc(var(--max-section-width));--gap:1px;background-color:var(--col-red);grid-auto-flow:dense;gap:0 var(--gap);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fit,minmax(44px,auto));grid-auto-columns:min-content;justify-content:stretch;align-items:center;margin:0 auto;list-style:none;display:grid}.menu-main li a{--size:calc(1lh + 4px);z-index:1;padding:0 calc(var(--pad)*.5);color:var(--col-white);transition:background-color var(--time-long,90ms)linear,color var(--time-long,90ms)linear;place-content:center;align-items:center;gap:calc(var(--pad)/4);box-sizing:border-box;width:fit-content;min-height:var(--sticky-top);flex-flow:column;margin:auto;font-size:75%;line-height:1;text-decoration:none;display:flex;position:relative}.menu-main li a:before{content:"";background-image:var(--icon);width:var(--size,1ch);height:var(--size,1ch);min-width:var(--size,1ch);min-height:var(--size,1ch);margin-right:calc(var(--pad)/5);vertical-align:bottom;filter:brightness(0)invert();background-repeat:no-repeat;background-size:contain;display:inline-block}.menu-main li a:hover{background-color:var(--col-plum);color:var(--col-white);transition-duration:var(--time-quick,90ms);text-decoration:none}.menu-main li a:active{transform:var(--button-active);box-shadow:var(--shadow)}.menu-main li a[aria-current]{text-underline-offset:4px;font-weight:bolder;text-decoration:underline}@media screen and (width>=480px){.menu-main ul{--gap:11px}}@media screen and (width>=680px){.menu-main ul{--gap:clamp(11px,2vw,calc(.5*var(--pad)))}.menu-main li a{flex-flow:row;font-size:100%}}@media screen and (width>=900px){.menu-main{justify-self:end}.menu-main ul{--gap:1px;overflow:hidden}.menu-main ul li a:hover{border-radius:var(--curve,4px)}}#menu-accessibility{--font-size:var(--step--2);z-index:303;width:100%;color:var(--col-text);background-color:var(--col-bg);order:-1;grid-area:menu}#menu-accessibility [data-compact] :is(label,legend){font-size:0}#menu-accessibility menu{border-top:1px solid var(--col-bg);border-bottom:4px solid var(--col-bg);justify-content:space-between;gap:0 var(--gap);align-items:stretch;gap:0 calc(var(--pad));flex-wrap:wrap;margin:0;padding:0;display:flex}#menu-accessibility li{font-size:var(--font-size-h6);display:inline}#menu-accessibility .skip-to-content-link{top:calc(100% + var(--sticky-top,0));right:var(--right-hand-column);position:absolute}#menu-accessibility .volume-control-link{order:0}#menu-accessibility .color-scheme-link{order:99}#menu-accessibility fieldset{gap:calc(var(--pad)/2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}#menu-accessibility legend{float:left;vertical-align:baseline;text-align:right;align-self:center;padding:0}#menu-accessibility legend,#menu-accessibility button,#menu-accessibility select,#menu-accessibility label{font-size:var(--font-size)}#menu-accessibility form{gap:calc(var(--pad)/2);flex-wrap:wrap;display:flex}#menu-accessibility label{text-align:center;align-items:center;gap:calc(var(--pad)/4);padding:0;display:flex}#menu-accessibility input[type=radio]{--size:44px;box-sizing:border-box;width:var(--size);height:var(--size);max-width:var(--size);max-height:var(--size);background-color:#0000;background-position:50%;background-repeat:no-repeat;display:block;overflow:hidden}#menu-accessibility #controls-volume fieldset{flex-flow:row-reverse;display:flex}#menu-accessibility #controls-volume fieldset legend{grid-area:legend}#toggle-mute{grid-area:mute}#volume{width:100%;min-width:44px;margin-left:calc(var(--pad)/2);margin-right:calc(var(--pad)/2);cursor:pointer;background:linear-gradient(#0000 49%,#000,#0000 51%);grid-area:vol;padding-left:0;padding-right:0}#palette-default{background-image:url(yard.c78e9182.svg)}#palette-contrast{background-image:url(dark_mode-24px.9588b73f.svg)}#palette-monochrome{background-image:url(flourescent-24px.ffc9a2af.svg)}#palette-colourful{background-image:url(color_lens-24px.3b200db6.svg)}#font-default{background-image:url(auto_awesome-24px.264a36be.svg)}#font-readable{background-image:url(light_mode-24px.d4f93aab.svg)}#font-dsylexic{background-image:url(diversity_2.9e9a56c1.svg)}[role=button]{cursor:pointer}a[target=_blank]{-webkit-text-decoration:none;text-decoration:none}button,input[type=checkbox],input[type=radio]{--size:var(--button-size,44px);appearance:none;border-radius:var(--curve,4px);min-width:var(--size);min-height:var(--size);pointer-events:auto;box-sizing:border-box;transition:var(--time-quick,90ms)background-color linear,var(--time-quick,90ms)border-color linear;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;outline:0}button:before,input[type=checkbox]:before,input[type=radio]:before{filter:brightness()invert()}button:hover,input[type=checkbox]:hover,input[type=radio]:hover{cursor:pointer;background-color:var(--col-hover);color:var(--col-bg)}button:hover:before,input[type=checkbox]:hover:before,input[type=radio]:hover:before{filter:brightness()invert()}button:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{background-color:var(--col-blue)}button:checked,input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--col-plum);border-color:var(--col-accent)}button:checked:focus-visible,input[type=checkbox]:checked:focus-visible,input[type=radio]:checked:focus-visible{background-color:var(--col-blue)}:is(input,button,select,.cta).ghost{background-color:inherit;color:var(--col-text);border:var(--stroke,1px)var(--col-accent)solid;box-sizing:border-box}:is(input,button,select,.cta).ghost:before{filter:invert(8%)sepia(92%)saturate(5792%)hue-rotate(343deg)brightness(101%)contrast(94%)}:is(input,button,select,.cta).full-width{flex-grow:1;display:block}:is(input,button,select,.cta).icon-chevron{--size:44px;font-size:0}:is(input,button,select,.cta).icon-chevron:before{content:"";color:var(--col-accent);font-size:var(--font-size-h4);width:var(--size);height:var(--size);background-image:url(up-chevron.c46bcc79.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;place-self:center;display:block}:is(input,button,select,.cta).center{margin-left:auto;margin-right:auto}input[type=radio]{--size:var(--button-size,80px);background-color:color-mix(in oklch,var(--col-bg)66%,transparent);border:calc(var(--size)/8)solid var(--col-stone,var(--col-charcoal));transition:opacity var(--time-quick,90ms)linear,border-width var(--time-quick,90ms)cubic-bezier(.6,-.28,.735,.045);border-radius:999px;grid-area:icon;place-content:center;display:inline-grid}input[type=radio]:hover{border-color:var(--col-accent)}input[type=radio]:active{border-width:calc(var(--size)/4)}label span{pointer-events:none;position:relative}@supports selector(:has(p)){label:has(input:checked) input[type=radio]{background-color:var(--col-accent)}label:has(input:checked):before,label:has(input:checked):after,label:has(input:checked) span{color:var(--col-white,white)}}fieldset label{gap:calc(var(--pad)/4);text-align:center;grid-template:"icon"1fr"text"/1fr;place-items:center;padding:0;line-height:1.1;display:inline-grid}fieldset label>*{grid-area:text}fieldset label>span{grid-area:icon}button,a.cta{z-index:505;touch-action:manipulation;flex-grow:1;position:relative}.cta{margin-top:var(--pad);margin-bottom:var(--pad);transition:var(--time-quick,90ms)transform linear}.cta:active{transform:var(--button-active)}.button-image{--size:var(--button-size,144px);width:var(--size);height:var(--size);color:#0000;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;flex-flow:column wrap;padding:0;display:flex}.button-close{text-align:center;box-sizing:border-box;background-color:var(--col-bg);color:#0000;border:2px solid var(--col-charcoal);outline:9px solid var(--col-bg);transition:var(--time-quick,90ms)transform linear;border-radius:99px;font-size:0;display:grid;overflow:hidden}.button-close:before{content:"^";color:#0000;background-image:url(up-chevron.c46bcc79.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-area:1/1/-1/-1;font-size:16px}.button-close:hover{color:#0000;background-color:var(--col-text)}.button-close:hover:before{background-image:url(up-chevron-white.34e7d471.svg)}.button-close:active{transform:var(--button-active)}.button-share-label{color:inherit}.button-share{--size:var(--button-size,44px);margin:var(--pad)calc(2*var(--pad));gap:var(--gap,calc(var(--pad)/2));color:inherit;flex-wrap:wrap;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.button-share img{width:100%;max-width:256px;height:auto}.button-share:before{content:"";font-size:inherit;box-sizing:border-box;width:var(--size,1lh);height:var(--size,1lh);filter:none;mix-blend-mode:difference;background-image:url(share.3640962e.svg);background-position:50%;background-repeat:no-repeat;background-size:auto;border:2px solid #000;border-radius:999px;padding:2px;display:inline-block}.button-share:hover,.button-share:focus{color:var(--color-text)}.label-button-read{height:0;margin-left:calc(-2*var(--pad) - 3px);margin-right:calc(-2*var(--pad));transform-origin:0;top:calc(2*var(--pad) + var(--sticky-top));z-index:3;background-color:#0000;padding:0;font-size:0;display:block;position:sticky;overflow:visible;transform:scale(.9)}.sticky-content-wrapper{display:block}.button-read{--offset-right:calc(44px + var(--pad));left:0;top:calc(2*var(--pad));border:2px solid var(--col-charcoal);background-color:var(--col-charcoal);width:calc(var(--pad)*2);min-height:calc(var(--pad)*2);max-width:calc(var(--pad)*2);color:#0000;opacity:.8;box-sizing:border-box;box-shadow:var(--shadow);background-image:url(play_circle.831a0877.svg),url(stop_circle.4db6495a.svg);background-position:100%;background-size:contain;border-radius:0 999px 999px 0;order:99999;font-size:0;position:absolute;transform:translate(-33%)}.button-read:before{content:"";background:inherit;background-color:#0000;border-radius:999px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:clip}.button-read[data-speaking]{background-image:url(stop_circle.4db6495a.svg)}.button-read:hover,.button-read:active{background-color:var(--col-accent)}.button-read:hover:before,.button-read:active:before{filter:brightness()invert()}label[for=toggle-midi]{width:fit-content;margin:0;padding:0}label[for=toggle-midi]:before{content:"";z-index:1;background-image:url(midi-copyright-free.6aca88fe.svg);background-position:50%;background-repeat:no-repeat;grid-area:1/1/-1/-1;display:none}label[for=toggle-midi]:has(:checked):before{filter:brightness(0%)invert()}aside>label[for=toggle-midi]{color:#0000;font-size:0;display:grid}aside>label[for=toggle-midi]:before{display:block}#toggle-midi{--size:66px;background-color:var(--col-accent);border:2px solid #000;border-radius:999px;grid-area:1/1/-1/-1;overflow:hidden}#toggle-midi:hover{border-color:var(--col-plum);background-color:var(--col-white)}#toggle-midi:checked,#toggle-midi:active:hover{filter:brightness()invert()}#button-text-size-increase:before,#button-text-size-decrease:before{content:"";filter:brightness(0);background-image:url(font_decrease_filled.37f88478.svg);background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#button-text-size-increase:hover,#button-text-size-increase:active,#button-text-size-decrease:hover,#button-text-size-decrease:active{background-color:var(--col-plum)}#button-text-size-increase:hover:before,#button-text-size-increase:active:before,#button-text-size-decrease:hover:before,#button-text-size-decrease:active:before{filter:brightness()invert()}#button-text-size-decrease:before{background-image:url(font_decrease_filled.37f88478.svg)}#button-text-size-increase:before{background-image:url(font_increase_filled.1309fdc2.svg)}#toggle-mute{appearance:none;cursor:pointer;background-image:url(volume_off-24px.07d04ba0.svg);background-size:contain;border:0;outline:0;min-width:44px;min-height:44px;margin:0;padding:0}#toggle-mute:hover{filter:invert();background-color:#17cfad}#toggle-mute:checked{background-image:url(volume_mute-24px.3f35ae7f.svg)}[data-play-timbre]{color:var(--col-text);border:1px solid var(--col-border,var(--col-text));background-color:color-mix(in srgb,var(--col-bg)60%,transparent);padding:calc(var(--pad)/2);justify-content:center;align-items:center;gap:0 calc(var(--pad)/4);flex-flow:column wrap;display:flex}[data-play-timbre]:hover{background-color:var(--col-accent);border-color:var(--col-text)}.button-play:before,button[data-control-play]:before{content:"";font-size:inherit;width:var(--size,1lh);height:var(--size,1lh);vertical-align:middle;margin-right:calc(var(--pad)/4);filter:brightness()invert();background-image:url(play_arrow.01958a60.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}[data-control-play]{border-top:var(--stroke,1px)solid white;border-bottom:var(--stroke,1px)solid white;box-sizing:border-box;min-height:var(--sticky-top);background-color:var(--col-accent);text-align:center;border-radius:0;padding:0}[data-control-play]:hover{background-color:var(--col-plum)}@media screen and (width>=480px){[data-control-play]{padding-left:calc(2*var(--pad));padding-right:calc(2*var(--pad));text-align:right}}label[for=button-happy]{grid-area:happy}#button-happy{border-radius:var(--curve)0 0 var(--curve);border-radius:var(--button-curve,var(--curve))0 0 var(--button-curve,var(--curve));color:#0000;text-align:left;text-indent:calc(var(--pad)*2);transition:var(--time-quick,90ms)transform linear;background-image:url(happy.7abcbf4c.svg);align-self:start}#button-happy:active{transform:var(--button-active)}#button-happy:hover{background-blend-mode:screen;background-color:var(--col-plum)}label[for=button-sad]{grid-area:sad}#button-sad{box-sizing:border-box;padding:var(--pad);border-radius:0 var(--button-curve,var(--curve))var(--button-curve,var(--curve))0;color:#0000;text-align:right;text-indent:77px;transition:var(--time-quick,90ms)transform linear;background-image:url(sad.c45a51e8.svg);align-self:end}#button-sad:active{transform:var(--button-active)}#button-sad:hover{background-blend-mode:screen;background-color:var(--col-plum)}#drums button{max-width:var(--sticky-top);height:var(--sticky-top);max-height:calc(var(--sticky-top) - 2*var(--stroke,1px));color:#0000;background-color:var(--col-accent);box-sizing:border-box;border:var(--stroke,1px)solid var(--col-white);border-top:none;border-left:none;border-radius:0;padding:0;font-family:noto-emoji}#drums button:before{vertical-align:middle;color:var(--col-charcoal,black);font-weight:700;display:inline-block}#drums button:hover,#drums button:active{background-color:var(--col-plum)}#song-timbre-next,#song-timbre-previous,#song-timbre-random{min-width:44px;max-height:var(--sticky-top);justify-content:center;align-items:center;gap:calc(var(--pad)/4);flex-flow:wrap;min-width:11ch;margin:0;padding:0;display:flex}#song-timbre-next:before,#song-timbre-previous:before,#song-timbre-random:before{content:"";width:var(--icon-size,44px);height:var(--icon-size,44px);vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}#song-timbre-previous:before{background-image:url(skip_previous.1dd817a3.svg)}#song-timbre-next:before{background-image:url(skip_next.912991c1.svg)}#song-timbre-random:before{background-image:url(shuffle.ef51720d.svg)}#song-timbre-select{text-align:center;font-size:var(--step--2,22px);padding-left:var(--pad);border-radius:var(--curve,4px);color:var(--col-white);border:0;place-content:center;place-items:center;width:100%;min-height:44px;margin:0;display:flex}label[for=timbre-sine]:before{content:"";color:inherit;z-index:1;box-sizing:border-box;border:4px solid;border-radius:99px;grid-area:icon;width:22px;height:22px}label[for=timbre-square]:before{content:"";color:inherit;z-index:1;box-sizing:border-box;background-color:currentColor;grid-area:icon;width:22px;height:22px}label[for=timbre-triangle]:before{content:"";color:inherit;z-index:1;box-sizing:border-box;border-bottom:22px solid;border-left:11px solid #0000;border-right:11px solid #0000;grid-area:icon;width:0;height:0}label[for=timbre-sawtooth]:before,label[for=timbre-sawtooth]:after{content:"";color:inherit;z-index:1;box-sizing:border-box;border-bottom:22px solid;border-left:22px solid #0000;grid-area:icon;width:0;height:0;padding:0}label[for=timbre-sawtooth]:before{transform:translate(-50%)}label[for=timbre-sawtooth]:after{transform:translate(50%)}a.back-to-top,a.skip-to-content{--icon:url(up-chevron.c46bcc79.svg);--anim:BackToTop;z-index:868;color:#0000;box-sizing:content-box;background-color:var(--col-accent);min-height:100%;height:var(--sticky-top);padding:calc(var(--pad)/4);grid-template-columns:0 1fr;justify-content:center;place-self:end;align-items:center;margin-bottom:1px;padding-top:0;padding-bottom:0;font-size:0;display:grid;overflow:clip}a.back-to-top:after,a.skip-to-content:after{content:"";vertical-align:middle;background-image:var(--icon);filter:invert()contrast(92%);background-position:50%;background-repeat:no-repeat;background-size:contain;order:-99;min-width:44px;min-height:44px;display:inline-block}a.back-to-top:hover:after,a.back-to-top:active:after,a.skip-to-content:hover:after,a.skip-to-content:active:after{animation:var(--anim).42s ease-in-out}a.skip-to-content{--icon:url(down-chevron.250c2f2e.svg)}a.skip-to-content:hover:after,a.skip-to-content:active:after{animation-direction:reverse}a.back-to-top{right:var(--right-hand-column);top:calc(1px + var(--sticky-top));order:-1;position:sticky}@media screen and (width>=900px){[data-play-timbre]{flex-flow:wrap}.button-read{transform:translate(0)}a.skip-to-content:after,a.back-to-top:after{display:inline-block}}@media screen and (width>=988px){.label-button-read{--offset-right:calc(3*44px + var(--pad)*2);top:calc(0*var(--pad) + var(--sticky-top));left:0}.button-read{border-color:var(--col-stone);background-position:0;border-radius:999px 0 0 999px;transform:translate(11px)}.page .button-read{transform:translate(calc(8px - 100%))}}figure{--depth:calc(var(--pad)/4);--col:var(--col-accent);background:inherit;padding-top:var(--pad);padding-bottom:var(--pad);flex-direction:column;align-content:center;display:flex;position:relative;overflow:hidden}figure>img{width:auto;height:100%;max-height:calc(100vh - 2lh - var(--footer-height) - var(--sticky-top) - var(--pad)*2);max-height:calc(100dvh - 2lh - var(--footer-height) - var(--sticky-top) - var(--pad)*2);margin-left:auto;margin-right:auto}figure>picture img{width:100%;height:auto}figure figcaption{text-align:center;color:var(--col-plum);font-style:italic;font-weight:600}figure :is(img,picture)+figcaption{min-height:2lh;padding-top:var(--pad);padding-bottom:var(--pad);background:var(--col-bg);border-radius:var(--curve,4px);margin-top:calc(var(--pad)*2);flex-direction:column;place-content:center;place-items:center;display:flex}figure.sticky{top:calc(var(--sticky-top) + var(--pad)*0);margin-bottom:calc(var(--pad)*6)}figure.sticky img{max-width:min(420px,66%)}figure.sticky figcaption{width:100%}.bumpers{border-top:var(--depth)solid var(--col);border-bottom:var(--depth)solid var(--col);margin-top:var(--pad);margin-bottom:var(--pad)}.bumpers>img{background-color:var(--col)}.corner-bumpers{--corner-size:calc(8*var(--pad));--depth:calc(var(--pad)/2);--col:var(--col-plum);padding:var(--pad);border:var(--depth)solid var(--col);margin-top:var(--pad);margin-bottom:var(--pad);-webkit-mask:conic-gradient(at var(--corner-size)var(--corner-size),#0000 75%,#000 0)0 0/calc(100% - var(--corner-size))calc(100% - var(--corner-size)),conic-gradient(#000 0 0)content-box;-webkit-mask:conic-gradient(at var(--corner-size)var(--corner-size),#0000 75%,#000 0)0 0/calc(100% - var(--corner-size))calc(100% - var(--corner-size)),conic-gradient(#000 0 0)content-box;mask:conic-gradient(at var(--corner-size)var(--corner-size),#0000 75%,#000 0)0 0/calc(100% - var(--corner-size))calc(100% - var(--corner-size)),conic-gradient(#000 0 0)content-box}.social-media{margin-left:auto}.social-media ul{gap:calc(var(--pad)/2);flex-wrap:wrap;justify-content:space-around;align-items:center;margin:0;padding:0;list-style:none;display:flex}.social-media li a{justify-content:center;align-items:center;gap:calc(var(--pad)/4);flex-direction:column;display:flex}.social-media li a:before{content:"";vertical-align:middle;box-sizing:border-box;background-repeat:no-repeat;background-size:contain;width:44px;height:44px;display:inline-block}.social-media li a:hover,.social-media li a:focus{filter:none}.socials-twitter:before{filter:invert(53%)sepia(48%)saturate(2950%)hue-rotate(176deg)brightness(98%)contrast(94%);background-image:url(twitter.6dca3116.svg);padding:3px}.socials-facebook:before{filter:invert(47%)sepia()saturate(3853%)hue-rotate(200deg)brightness(93%)contrast(105%);background-image:url(facebook.1369febb.svg)}.socials-instagram:before{filter:invert(26%)sepia(31%)saturate(7309%)hue-rotate(295deg)brightness(84%)contrast(87%);background-image:url(instagram.f13e11b5.svg)}.socials-youtube:before{filter:invert(21%)sepia()saturate(7231%)hue-rotate(2deg)brightness(96%)contrast(116%);background-image:url(youtube.e84195cd.svg)}.socials-soundcloud:before{filter:invert(57%)sepia()saturate(5201%)hue-rotate(1deg)brightness(104%)contrast(105%);background-image:url(soundcloud.c2baac6d.svg)}html:is(.error,.failure):has(dialog[open]){max-height:100vh;overflow:hidden}dialog{animation:DialogOut var(--time-quick)linear 0s 1 both;box-sizing:border-box;padding:calc(.5*var(--pad))calc(.5*var(--pad))calc(.5*var(--pad))calc(.5*var(--pad));opacity:0;pointer-events:none;background-color:inherit;border-radius:calc(1.6*var(--curve));min-height:150px;box-shadow:var(--shadow);border:2px solid #0009;align-self:center;margin:auto}dialog:not([open]){pointer-events:none;opacity:0;display:none}dialog form[method=dialog] button[type=submit]{content:"";color:#0000;z-index:-1;pointer-events:auto;background:url(close.5e2b1f52.svg) no-repeat;background-position:top calc(1*var(--pad))right calc(1*var(--pad));position:absolute;inset:0}dialog:after{opacity:1;z-index:1}dialog::backdrop{pointer-events:none;background-color:#0009}dialog form[method=dialog]{pointer-events:auto;z-index:2;order:-1}dialog img{margin-bottom:calc(.5*var(--pad));transition:opacity var(--time-quick)linear,transform var(--time-quick)linear}dialog img.loading{opacity:0}dialog[open]{--y:2%;animation:DialogIn var(--time-quick)linear 0s 1 both;opacity:1;pointer-events:auto;overscroll-behavior-y:contain;transition:width var(--time-quick)linear,height var(--time-quick)linear,opacity var(--time-quick)linear,transform var(--time-quick)linear;transition-behavior:allow-discrete;opacity:1;flex-direction:column;display:flex;overflow:hidden auto}@starting-style{dialog[open]{opacity:0;transform:translateY(var(--y,2px))}dialog[open]::backdrop{opacity:0}}@keyframes DialogIn{0%{transform:translateY(var(--y,0));opacity:.6}}@keyframes DialogOut{to{transform:translateY(var(--y,0));opacity:.6}}.gallery{--gadget-size:44px;max-width:100%}.gallery form[method=dialog] button[type=submit]{z-index:1;color:inherit;padding-top:calc(var(--pad));padding-right:55px}.gallery input[type=radio].gallery-image-toggle{z-index:1;background-color:#0000;border-color:#0000;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0}.gallery input[type=radio].gallery-image-toggle:hover,.gallery input[type=radio].gallery-image-toggle:focus-visible{border-color:var(--col-accent)}.gallery button{z-index:2;color:#0000;mix-blend-mode:exclusion;transition:color var(--time-quick)linear;background-repeat:no-repeat;background-size:contain;background-size:min(var(--gadget-size),5vw);font-weight:900;line-height:1.2}.gallery button:active{filter:opacity(.9)}.gallery button:after{content:"";background:inherit;filter:invert();transform-origin:50%;background-color:#0000;margin-top:-3px;margin-left:-3px;position:absolute;inset:0}.gallery button:active,.gallery button:hover,.gallery button:focus-visible{color:var(--col-white);border-color:var(--col-accent);background-color:var(--col-accent);text-shadow:2px 2px 0 var(--col-black)}.gallery button:active:after,.gallery button:hover:after,.gallery button:focus-visible:after{opacity:1}.gallery-grid{--size:min(90px,calc((100vw - 2*var(--pad))/13));--aspect-ratio:16/9;grid-template-columns:repeat(auto-fill,minmax(var(--size),1fr));grid-auto-rows:minmax(calc(var(--size)/var(--aspect-ratio,1)),50vw);grid-auto-rows:minmax(auto,calc(var(--size)/var(--aspect-ratio,1)));grid-auto-rows:minmax(calc(var(--size)/var(--aspect-ratio,1)),calc(var(--size)*var(--aspect-ratio,1)));grid-auto-rows:minmax(var(--size),auto);gap:var(--gap,2px);padding:var(--pad);grid-auto-flow:dense;display:grid}.gallery-grid .gallery-figure{padding:0;display:grid;position:absolute;inset:0}.gallery-grid-item{--aspect-ratio:calc(var(--width)/var(--height));width:var(--width,100%);height:var(--height,100%);transition:transform .3s ease-in-out;display:flex;position:relative}.gallery-image{max-width:100%;max-height:100%;position:absolute;inset:0}.gallery-image img{object-fit:fill;object-fit:cover;object-position:var(--object-position-x,50%)var(--object-position-y,50%);box-sizing:border-box;border:1px solid;border-radius:0;width:100%;height:100%}.gallery-image-caption{padding:2px var(--pad);z-index:2;bottom:calc(var(--pad)*.5);pointer-events:none;width:fit-content;margin:0;font-size:85%;font-style:italic;line-height:1.2;position:absolute;left:50%;right:0;transform:translate(-50%)}.gallery-image-button-previous{background-image:url(keyboard_double_arrow_left.626c87f2.svg);background-position:left var(--pad)center;text-align:left;grid-area:previous;padding-left:68px}.gallery-image-button-next{background-image:url(keyboard_double_arrow_right.27a1e32c.svg);background-position:right var(--pad)center;text-align:right;grid-area:next;padding-right:68px}.gallery-image-button-close{z-index:1;background-image:url(close.5e2b1f52.svg);background-position:top calc(1*var(--pad))right calc(1*var(--pad));text-align:right;padding:var(--pad);color:#0000;text-shadow:2px 2px 0 var(--col-black);grid-area:1/1/-1/-1;justify-content:end;display:flex}.gallery-image-button-close:before{content:"";filter:none;z-index:-1;border-radius:var(--curve,4px);width:calc(6ch + 88px);height:66px;display:block;position:absolute;top:0;right:0}.gallery-image-button-close:after{background-position:inherit;position:absolute;top:0;right:0}.gallery-image-button-close:hover:before,.gallery-image-button-close:focus-visible:before{filter:none;background-color:var(--col-accent);color:var(--col-white)}.gallery-image-button-fullscreen{background-position:left calc(var(--pad)/2)center;background-image:url(fullscreen.58509e1d.svg);background-repeat:no-repeat;background-size:44px;grid-area:fullscreen;min-height:66px;padding-left:55px}.fs .gallery-image-button-fullscreen{background-image:url(fullscreen_exit.252eadb1.svg)}.lightbox{border-radius:12px}.lightbox menu{padding:calc(.5*var(--pad));padding-bottom:calc(1*var(--pad));grid-template-columns:auto 1fr auto;grid-template-rows:auto var(--pad)1fr;z-index:1;grid-template-areas:"fullscreen close close"".close close""previous.next";gap:0;margin:0;display:grid;position:absolute;inset:0}.lightbox .gallery-figure{padding:0}.lightbox .gallery-figure img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 4ch - 2*var(--pad));max-height:calc(100dvh - 3lh - 2*var(--pad));background-color:#000;border:1px solid;position:static;inset:auto;transform:none}.lightbox .gallery-image-caption{bottom:calc(var(--pad)*1)}@media (width>=320px){.landscape{grid-area:span 2/span 3}.landscape.medium{grid-area:span 3/span 5}.landscape.big{grid-area:span 4/span 6}.portrait{grid-area:span 3/span 2}.portrait.medium{grid-area:span 4/span 3}.portrait.big{grid-area:span 6/span 4}.squared{grid-area:span 3/span 3}.squared.big{grid-area:span 4/span 4}}[data-countdown]{font:inherit}#introduction{--emoji-orientation:0deg;--emoji-rotate:auto;--emoji-anchor:auto}#hero,#hero-mask{z-index:505;padding:0;overflow:clip}#hero img,#hero svg,#hero-mask img,#hero-mask svg{max-width:var(--image-width-hero)}#hero{z-index:303;order:-2;grid-area:hero}#hero-figure{margin:0 auto;padding:0}#hero-image{max-height:calc(var(--visible-height-fallback));max-height:calc(var(--visible-height));fill:var(--col-accent)}#hero-image text{font-family:"Oxanium","ReadexPro","Proxima Nova",var(--font-family-metropolis),sans-serif;fill:inheerit;font-weight:700}#hero-mask{pointer-events:none;z-index:303;grid-area:mask;height:100dvh}html{min-height:100%;color:var(--col-text);display:grid}body{color:var(--col-text);accent-color:var(--col-accent)}.coming-soon{background-color:var(--col-red);width:100%;height:100%;color:var(--col-white);z-index:1080;flex-wrap:wrap;place-content:center;display:flex;position:fixed;top:0;left:0}.coming-soon label{gap:var(--pad);flex-direction:column;display:flex}#headline{box-sizing:border-box;color:var(--col-white);min-height:calc(var(--visible-height-fallback));min-height:calc(var(--visible-height));z-index:909;touch-action:none;pointer-events:none;scroll-behavior:smooth;scroll-snap-align:center;scroll-snap-type:y mandatory;order:-3;grid-template-rows:auto auto 1fr auto;grid-template-areas:"menu""nav""headline""share";width:100%;display:grid;position:relative}#headline:before{content:"";background-blend-mode:multiply;background-color:var(--col-blue);background-image:url(royal_society-crest.10fa7193.svg);background-repeat:no-repeat;background-size:clamp(44px,33%,128px);background-position:bottom calc(1*var(--pad))right calc(2*var(--pad));opacity:.94;grid-area:3/1/-1/-1}#headline hgroup{touch-action:none;padding:var(--pad)calc(2*var(--pad));z-index:202;gap:calc(var(--pad)/2);flex-direction:column;grid-area:headline;margin-bottom:0;display:flex;position:relative}#headline canvas{grid-area:2/1/-1/-1}#headline .piano{grid-area:1/1/-1/-1;margin-top:auto;transform:scale(-1)}#headline img.logo-royal-society-crest{top:var(--pad);right:var(--pad);z-index:1;grid-area:headline;width:clamp(100px,20%,256px);height:auto;max-height:75%;position:absolute}#headline menu{pointer-events:auto;padding:calc(var(--pad)/2);grid-area:menu;justify-self:center}#headline #share-menu{text-align:center;flex-direction:column;grid-area:share;place-items:center;display:flex}#headline #share-menu label{flex-direction:column;display:flex}.expansion{color:#0000;font-size:0}@media screen and (width>=680px){.expansion{display:inline}#headline{grid-template:"menu menu""headline headline"1fr"share nav"/auto 1fr}#headline hgroup{padding-right:calc(12ch + 4*var(--pad))}#headline:before{background-position-y:50%;background-size:clamp(64px,25%,256px);grid-area:2/1/-1/-1}}#main-content{--overlap:50vh;--notes-height:100dvh;padding-bottom:20dvh}#main-content:before{content:"";width:100%;height:100%;max-width:var(--image-width-hero);z-index:-1;mix-blend-mode:soft-light;background-image:url(hero-bg.17710efc.svg);position:fixed;top:0;left:0}#main-content:before,#hero{background-position:50%;background-repeat:no-repeat;background-size:cover}main>*,body>footer,.piano{box-sizing:border-box;z-index:808}main>:is(div,section,blockquote){padding-bottom:calc(2*var(--pad));box-sizing:border-box;width:100%;max-width:var(--max-section-width);border-radius:var(--curve);margin-left:auto;margin-right:auto;display:grid;position:relative;container-type:inline-size}body>footer{box-sizing:border-box;padding:var(--pad);flex-direction:column;align-items:center;display:flex;position:relative}main>:is(section,blockquote){background-color:var(--col-bg)}main :is(blockquote){z-index:1}main>section+section{margin-top:var(--pad)}main>section.sticky+section{margin-top:calc(4*var(--pad))}#introduction{margin-top:calc(var(--notes-height,--100vh)*-1);padding-bottom:var(--overlap,0);background:0 0;grid-template-areas:"hero""warning""mask";grid-auto-flow:row;display:grid}#introduction:after{content:"";height:50vh;display:block;position:relative}#teaser{margin-top:calc(var(--overlap)*-2)}.warning{max-width:min(80%,var(--max-section-width) - var(--pad)*2);padding:calc(var(--pad)/2)calc(var(--pad));padding-left:calc(var(--pad)/2);box-sizing:border-box;z-index:808;top:calc(var(--sticky-top) + var(--pad));top:calc(100% - var(--sticky-top) - var(--pad) - var(--footer-height));color:var(--col-white);background-color:var(--col-plum);border:2px solid var(--col-white);border-radius:var(--curve,4px);pointer-events:none;-webkit-user-select:none;user-select:none;order:-1;grid-area:warning;height:fit-content;margin-bottom:50%;margin-left:auto;margin-right:auto;position:sticky;transform:translateY(-100%)}.warning:before{--size:6.5ch;content:"";margin:0;margin-right:calc(var(--pad)/2);padding:calc(var(--pad)/4);float:left;height:var(--size);width:var(--size);vertical-align:middle;text-align:center;filter:brightness()invert();background-color:#0000;background-image:url(report_problem.48b94c85.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-area:icon;justify-content:center;align-items:center;line-height:0;display:inline-block}.warning h4{transform:translate(-1%)}.warning p{line-height:1.2}.button-share-label{flex-direction:column;padding-left:0;padding-right:0;display:flex}#midi-equipment{justify-content:stretch;align-items:center;gap:var(--pad);margin:var(--pad);grid-template:"header toggle""details details"1fr/1fr auto;display:grid}#midi-equipment hgroup{grid-area:header}#midi-equipment p{grid-area:content}#midi-equipment details{grid-area:details;margin:0}#details figure{gap:var(--pad);grid-template-areas:"caption""button""details";margin:0;padding:0;display:grid}#details figure figcaption{grid-area:caption}#details figure button{grid-area:button}#details figure dl{grid-area:details}@media screen and (width>=480px){#details figure{grid-template-columns:minmax(44px,1fr) 1fr;grid-template-areas:"caption caption""button details"}}#drum-sequencer{--i:0;flex-wrap:nowrap;justify-content:stretch;width:100%;display:flex}#drum-sequencer fieldset{padding:0}#drum-sequencer ol{counter-reset:drumstep;margin:0;list-style:none}#drum-sequencer ul{list-style:none}#drum-sequencer>li>ul li{counter-increment:drumstep;padding-left:2em;position:relative}#drum-sequencer>li>ul li:before{content:counter(drumstep,decimal-leading-zero)". ";font-variant-numeric:tabular-nums;color:var(--col-accent,#fff);position:absolute;left:0}#drum-sequencer>li{flex-grow:1;width:100%}#drum-sequencer>li label{width:100%;font-size:0}#drum-sequencer>li ol{gap:var(--gap,11px);flex-flow:column;width:100%;margin:0 auto;padding:0;list-style:inside decimal-leading-zero;display:flex;position:relative}#drum-sequencer>li ol:before{content:"";width:100%;height:calc(100%/var(--quantity,16));background-color:var(--col-accent);transform:translateY(calc(var(--i,1)*100%));display:block;position:absolute;top:0;left:0}#drum-sequencer input[type=checkbox]{border:4px solid var(--col-border)}#timbres{z-index:1999}#drums{z-index:2001;background-color:#0000;border:0;width:100%;margin:0 0 50vh;padding:0;display:block;top:134px;transform:translateY(100%)}#drums fieldset{border:0;flex-direction:row;gap:0;margin:0;padding:0;display:flex}#drums legend{float:left;order:999;margin:0;padding:0}#drums button{z-index:1999}#drums button+button{margin-left:1px}#drums legend{font-size:50%}@media screen and (width>=480px){#drums{width:fit-content;top:clamp(67px,480000000000px - 100000000000vw,91px);transform:translateY(0)}#drums fieldset{width:fit-content}}figure img{--scale:1}#button-play-kick:before{content:"🦶"}#button-play-snare:before{content:"🥁"}#button-play-hat:before{content:"🤠"}#button-play-shaker:before{content:"🪇"}#percussion{z-index:3}#technology-explanation figure>img{width:50%;min-width:320px;max-width:50%}#lab-contact{width:100%}#emotion{display:flex}#emotion fieldset{padding:0}fieldset{gap:calc(var(--pad)/2);margin:var(--pad)0;flex-wrap:wrap;justify-content:stretch;display:flex}fieldset p{flex-shrink:0;flex-basis:100%}label[for=timbre-random]{flex-direction:column;display:flex}label[for=timbre-random] .cta{order:-1;margin:0}#facilities figcaption{text-align:left}tbody{border-top:var(--stroke,2px)var(--col-accent)solid;border-bottom:var(--stroke,2px)var(--col-accent)solid;padding:var(--pad)0}#science{margin-top:20vh}.timbre-selector{--icon-size:22px;margin-top:calc(var(--pad)*2);min-height:var(--sticky-top);background-color:var(--col-bg);border:0;border-radius:0;grid-template-columns:2fr 1fr 2fr;grid-template-areas:"select select select""prev random next";justify-content:stretch;place-items:stretch stretch;gap:0 1px;margin:0;padding:0;display:grid;position:relative}.timbre-selector legend{position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.timbre-selector label{background-color:var(--col-accent);text-wrap:nowrap;max-height:100%;min-height:var(--sticky-top);justify-content:stretch;place-items:stretch stretch;font-size:0;display:block}.timbre-selector label[for=song-timbre-previous]{grid-area:prev}.timbre-selector label[for=song-timbre-next]{grid-area:next}.timbre-selector label[for=song-timbre-select]{border-bottom:var(--stroke,1px)var(--col-white,white)solid;grid-area:select}.timbre-selector label[for=song-timbre-random]{grid-area:random}.timbre-selector button,.timbre-selector select{width:100%;height:100%;color:var(--col-white);background-color:inherit;grid-area:1/1/-1/-1}.timbre-selector button:hover,.timbre-selector button:active,.timbre-selector select:hover,.timbre-selector select:active{background-color:var(--col-plum);border-radius:0}.timbre-selector button{font-size:0}@media screen and (width>=480px){.timbre-selector{grid-template-columns:2fr 4fr 2fr 1fr;grid-template-areas:"prev select next random"}.timbre-selector label[for=song-timbre-select]{border-bottom:none}}@media screen and (width>=680px){.timbre-selector{--icon-size:33px;grid-template-columns:2fr 5fr 2fr 1fr}.timbre-selector button:not(#song-timbre-random){font-size:var(--step--2,22px)}}@media screen and (width>=800px){.timbre-selector{--icon-size:44px;grid-template-columns:1fr 2fr 1fr 1fr}.timbre-selector button{font-size:var(--step--2,22px)}.timbre-selector legend{padding-left:calc(2*var(--pad));padding-right:calc(2*var(--pad));right:auto}}.emotional-chord-player{--button-curve:66px;--button-size:clamp(144px,80vh,50vw);--half-size:calc(var(--button-size)/2);grid-template-columns:var(--half-size)var(--half-size);gap:var(--pad)0;border:0;grid-template-areas:"happy sad";justify-content:center;align-items:center;display:grid}.emotional-chord-player label{gap:var(--pad);text-align:center;flex-direction:column;display:flex;overflow:clip}.emotional-chord-player label button{order:-1}.emotional-chord-player label:first-of-type{border-right:4px dotted var(--col-border,white)}#diagram-face-mood-recognition{padding-top:calc(var(--pad)*4);padding-bottom:0}#research h3:first-child{width:fit-content;display:inline-block}footer{margin-left:var(--pad);margin-right:var(--pad)}#mouse-visualiser{z-index:90000;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#wallpaper{z-index:1;background-color:inherit;mix-blend-mode:color-burn;width:100%;height:100%;position:fixed;top:0;left:0}#waveform-visualiser{grid-template-rows:auto 1fr;grid-template-areas:"title""form";display:grid}#waveform-visualiser h3{grid-area:title}#waveform-visualiser form{z-index:1;pointer-events:none;flex-flow:column-reverse wrap;grid-area:form;align-content:baseline;align-items:center;display:flex;position:relative}#waveform-visualiser form fieldset{padding-bottom:var(--pad);margin-left:auto;margin-right:auto}#waveform-visualiser form fieldset>*{pointer-events:auto;margin-top:-18%}#waveforms{grid-template-rows:auto 1fr;grid-template-areas:"controls""visualiser"}.song-controls{border:0;margin:0;padding:0}.song-controls button{margin:0}.song-controls legend{float:left}#visualiser{z-index:-1;width:100%;height:100dvh;margin-top:-100dvh;display:block}.in-viewport #visualiser{display:block}#waveforms form{grid-area:controls}#song-in-pixels{width:100%;height:100%;min-height:128px;position:absolute;top:0;left:0}#playback{overflow:visible}#lab-venue-details{gap:var(--pad);flex-wrap:wrap;display:flex}#lab-venue-details :is(h5,h6){flex-basis:100%}#lab-contact{grid-area:2/1/-1/-1}#biography{gap:var(--pad);flex-direction:column;display:flex}#biography img{width:auto;margin:0 auto}#affiliates{--space:calc(( 100vw - 480px )/2);color:var(--col-plum);text-align:center;width:100%;margin-top:-15%}#affiliates figure>img{min-height:auto}#affiliates ul{gap:calc(2*var(--pad));border-radius:var(--curve);background-color:color-mix(in rgba,var(--col-bg)66%,transparent);grid-template-columns:repeat(auto-fit,minmax(min(180px,33%),1fr));place-content:center;place-items:center;max-width:480px;margin-left:auto;margin-right:auto;list-style:none;display:grid;position:relative}#affiliates ul:after{content:"";visibility:hidden;background-image:url(royal_society-crest.10fa7193.svg);background-position:100%;background-repeat:no-repeat;background-size:contain;width:100px;height:100%;position:absolute}#affiliates ul:before{content:"×";z-index:-1;font-size:300%;position:absolute;top:50%;left:49%;transform:translate(-50%,-50%)}@media screen and (width>=480px){#biography{flex-direction:row;align-items:self-start}#biography picture{max-width:20%}}@media screen and (width>=680px){#affiliates ul:after{visibility:visible;left:100%}}#socials ul{gap:var(--pad);list-style-position:inside;display:flex}button.cta,a.cta{display:inline-block}#emotion .notation{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));display:grid}#event-info{flex-direction:column;display:flex}.venue-address figcaption{order:-1}.smallprint{--size:.8lh;max-width:900px;line-height:1.2;display:inline-block}.smallprint .emoji{float:left}.smallprint em{margin-bottom:calc(var(--pad)/2);display:block}a[href$=designerzen\.com]{text-decoration:none}a[href$=designerzen\.com]:before{content:"";margin:0 calc(var(--pad)/10);vertical-align:baseline;width:var(--size,1ch);height:var(--size,1ch);background-image:url(designerzen.cce8ea68.svg);background-repeat:no-repeat;background-size:contain;display:inline-block}.awesomething:before{content:"";margin:0 calc(var(--pad)/10);vertical-align:baseline;width:var(--size,1ch);height:var(--size,1ch);background-image:url(awesomething-logo.45.d1c17714.svg);background-repeat:no-repeat;background-size:contain;display:inline-block}.map{border:2px solid var(--col-accent,black);border-radius:var(--curve,4px);box-sizing:border-box;margin-top:var(--pad);width:100%;max-height:69dvh}.link-map{margin-bottom:calc(2*var(--pad));margin-left:var(--pad);padding:calc(var(--pad)/2)var(--pad);background-color:var(--col-bg);border-radius:var(--curve);box-shadow:var(--shadow);align-self:flex-start;display:inline-block;position:absolute;bottom:0;left:0}.link-map:before{content:"👀";margin-right:calc(var(--pad)/2);font-family:noto-emoji}.logo{width:222px}.logo-royal-society{transform:scale(.93)translateY(-1%)}:target{scroll-margin-block:max(5ex,var(--sticky-top))}#circle-of-fifths-sythnesizer{z-index:99999;pointer-events:none;touch-action:none;position:relative}.instrument-circular{scroll-snap-type:y proximity;scroll-snap-align:start;scroll-snap-stop:always;touch-action:none;grid-template-rows:1fr auto auto;grid-template-areas:"caption""interactive""toggles";align-items:end;margin-top:-40px;display:grid}.instrument-circular>*{grid-area:1/1/-1/-1}.instrument-circular label,.instrument-circular input,.instrument-circular button,.instrument-circular a{pointer-events:all}.instrument-circular figcaption{grid-area:caption}.instrument-circular svg{z-index:1;border-radius:100%;grid-area:interactive;position:relative}.instrument-circular form{justify-content:space-between;gap:var(--pad);grid-area:toggles;display:flex}.instrument-circular fieldset{gap:var(--pad);border:0;flex-wrap:wrap;justify-content:center;margin:0;padding:0;display:flex}.instrument-circular legend{order:99;margin:0 auto}.instrument-circular text{font-family:inherit}.instrument-circular .fifths-emotion-text{pointer-events:none;font-family:noto-emoji,Noto Emoji,sans-serif}#emotion fieldset{align-items:center}.emotion-selector{border-radius:var(--curve,4px);pointer-events:none;margin:0;margin-left:var(--pad);margin-right:var(--pad);justify-content:center;align-items:center;gap:var(--gap,var(--pad,1rem));flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.emotion-selector .button-close{top:0;right:calc(var(--pad)*1.5);z-index:909;pointer-events:all;position:absolute}.emotion-selector a{pointer-events:auto}.emotion-selector fieldset{pointer-events:auto;z-index:1;gap:var(--pad);flex-wrap:wrap;justify-content:center;justify-self:center;align-items:start;margin:0;display:flex;position:relative}.emotion-selector fieldset output{grid-area:1/1/-1/0}.emotion-selector fieldset label::first-of-type{grid-area:1/1/-1/0}.emotion-selector .octave-selector{flex-wrap:nowrap}@media screen and (width>=800px){.instrument-circular fieldset{border:0;flex-direction:row;display:flex}@supports (shape-outside:circle(50%)){.instrument-circular svg{float:left;shape-outside:circle(50%)}}}#circular-synthesizer{padding-bottom:calc(4*var(--pad));pointer-events:none;border-radius:9999px;overflow:clip}svg.circle-of-fifths{pointer-events:all;max-height:var(--visible-height-fallback);max-height:var(--visible-height);background-color:var(--col-stone-light);background-color:color-mix(in srgb,var(--col-stone-light)66%,transparent);margin:auto}svg.circle-of-fifths path{transition:fill var(--time-quick,90ms)linear;fill:var(--col-accent);cursor:pointer;pointer-events:auto;will-change:fill}svg.circle-of-fifths path:focus{stroke:var(--col-accent);stroke-width:4px;outline:none}svg.circle-of-fifths textPath{color:var(--col-accent)}svg.circle-of-fifths .circle-of-fifths-harmonies path:hover,svg.circle-of-fifths .circle-of-fifths-tonics path:hover{stroke:var(--col-white);stroke-width:2px;animation:.8s cubic-bezier(.4,0,.2,1) infinite alternate both Throb}svg.circle-of-fifths .circle-of-fifths-harmonies path:active,svg.circle-of-fifths .circle-of-fifths-tonics path:active{animation:.1s cubic-bezier(.4,0,.2,1) infinite both Peak}svg.circle-of-fifths .fifths-frame{fill:var(--col-plum)}svg.circle-of-fifths .fifths-emotion{-webkit-user-select:none;user-select:none;touch-action:none;fill:var(--col-warm-grey-light);border-radius:99%}svg.circle-of-fifths text{color:currentColor}.curved-text-tone,.curved-text-frequency,.curved-text-timbre{text-transform:capitalize}.piano-key{transition:opacity var(--time-quick,90ms)linear,fill var(--time-quick,90ms)linear;will-change:fill;border-radius:10%}.piano-key .piano-key-name{visibility:hidden}.piano-key:hover{fill:var(--col-warm-grey);opacity:.98}.piano-key:hover .piano-key-name{visibility:visible}.piano-key.active,.piano-key.active:hover{fill:var(--col-accent,var(--shade-brand,red))}.piano-key:focus{outline:none}.piano-key:focus-visible{stroke-width:4px;stroke:var(--col-accent);outline:none}.piano-key-white{fill:#fff;background-color:#fff}.piano-key-black{fill:#000;background-color:#000}.piano-key-black:focus-visible{stroke-width:4px;stroke:var(--col-accent)}.piano-key-indicators{pointer-events:none}.piano-note-indicator{transition:opacity var(--time-quick,90ms)linear;stroke:#fff;stroke-width:.3px;fill:#ff0;opacity:0}#headline .piano-key-black{fill:#fff;stroke:#0000;background-image:none}#headline .piano-key-white{fill:#0000;stroke:#fff;background-color:#fff}.piano{--overhang:calc(-50% + 50vw);--c:calc(100% - var(--footer-height));min-height:calc(100px + var(--footer-height));max-width:min(100%,100dvw);transition:bottom var(--time-medium,90ms)cubic-bezier(.175,.885,.32,1.275);pointer-events:none;flex-direction:column;display:flex;position:sticky;bottom:0;overflow:hidden}.piano .piano-keys{pointer-events:all;transform:translateY(calc(var(--c)))translateX(var(--overhang));transition:transform var(--time-medium,90ms)cubic-bezier(.175,.885,.32,1.275);min-width:max(100%,1408px);max-height:min(148px,33vh);margin:auto auto 0;position:absolute;bottom:0}.piano.show-full-keyboard .piano-keys{transform:translateY(0)translateX(var(--overhang))}@keyframes Peak{0%{fill:var(--col-warm-grey-light,var(--col-white))}}@keyframes Throb{0%{fill:var(--col-warm-grey-light,var(--col-white))}}@keyframes BackToTop{50%{opacity:0;transform:translateY(-66%)}51%{transform:translateY(66%)}0%,to{opacity:1;transform:translateY(0)}}@keyframes identifier{}@keyframes Notation{0%{content:"𝅘𝅥𝅯"}20%{content:"𝅘𝅥𝅯"}40%{content:"𝅘𝅥𝅮"}60%{content:"𝅘𝅥"}80%{content:"𝅗𝅥"}to{content:"𝅗𝅥";scale:2}}@keyframes OffsetPathChangeLeft{0%,20%{offset-path:var(--path-arc-left)}20.1%,40%{offset-path:var(--path-double-wave-left)}40.1%,60%{offset-path:var(--path-float-left)}60.1%,80%{offset-path:var(--path-ripple-left)}80.1%,to{offset-path:var(--path-wav-left)}}@keyframes OffsetPathChangeRight{0%,20%{offset-path:var(--path-arc)}20.1%,40%{offset-path:var(--path-double-wave)}40.1%,60%{offset-path:var(--path-float)}60.1%,80%{offset-path:var(--path-ripple)}80.1%,to{offset-path:var(--path-wave)}}@keyframes TravelAlongPathRight{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes TravelAlongPathLeft{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes FadeEnd{0%{opacity:0}3%,90%{opacity:1}to{opacity:0}}@keyframes FadeTo{to{opacity:var(--opacity,1)}}@keyframes TranslateTo{to{transform:translate(var(--x,0),var(--y,0))rotate(var(--tilt,var(--rotate,0)))}}@keyframes RockTranslated{0%,to{transform:translate(var(--x,0),var(--y,0))rotate(0)scale(var(--scale,1))}33%{transform:translate(var(--x,0),var(--y,0))rotate(var(--tilt,var(--rotate,0)))scale(var(--scale,1))}66%{transform:translate(var(--x,0),var(--y,0))rotate(calc(-1*(var(--tilt,var(--rotate,0)))))scale(var(--scale,1))}}@keyframes TranslateFrom{0%{transform:translate(var(--x,0),var(--y,0))rotate(var(--tilt,var(--rotate,0)))}}@keyframes Rock{0%,to{transform:translate(var(--x,0),var(--y,0))rotate(0%)}10%,30%,50%,70%,90%{transform:translate(var(--x,0),var(--y,0))rotate(var(--tilt,12deg))}20%,40%,60%,80%{transform:translate(var(--x,0),var(--y,0))rotate(calc(-1*var(--tilt,12deg)))}}@keyframes Text-Scroller{0%{transform:translateY(20%)}to{transform:translateY(0)}}[data-theme=default]{--col-bg:var(--col-stone-light,white);--col-text:var(--col-charcoal,black)}[data-theme=contrast]{--shadow:0px 0px 2px #ffffff03,0px 0px 9px #ffffff05,0px 0px 21px #ffffff05,0px 0px 36px #ffffff08,0px 0px 57px #ffffff0a;--col-accent:red;--col-button-red:green;filter:invert()contrast(92%)}[data-theme=contrast] img{filter:invert()brightness(.8)contrast(1.2)}[data-theme=contrast] .icon{filter:brightness(0)}[data-theme=contrast] .qr{filter:none}[data-theme=contrast] svg.circle-of-fifths,[data-theme=contrast] .circle-of-fifths-tonics{filter:invert()}[data-theme=contrast] .logo-drake-music{filter:brightness()}[data-theme=contrast] .logo-royal-society{filter:brightness(66%)}[data-theme=monochrome]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;--col-bg:var(--col-white,white);--col-text:var(--col-black,black);filter:grayscale()contrast(112%)}[data-theme=monochrome] .piano{filter:invert()}[data-theme=monochrome] img{filter:brightness(.8)contrast(1.2)}[data-theme=bright]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--col-bg:var(--col-white,white);--col-text:var(--col-black,black)}[data-theme=colourful]{--col-bg:var(--col-white,white);--col-text:var(--col-black,black)}.sr-only{clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.pad-top{padding-top:calc(var(--pad)*4)}.pad-bottom{padding-bottom:calc(var(--pad)*4)}.pad-v{padding-top:calc(var(--pad)*4);padding-bottom:calc(var(--pad)*4)}header,hgroup,h1,h2,h3,h4,h5,blockquote,hr,details,aside,figure,figcaption,form,blockquote,.flood,.box,.label-button-read{column-span:all}figure{break-after:column}.z-top{z-index:99999}.comic{mix-blend-mode:multiply}.bumpers{margin-top:var(--pad);margin-bottom:var(--pad)}.page{width:100%;padding:calc(2*var(--pad));box-sizing:border-box;background-color:inherit;margin-left:auto;margin-right:auto;position:relative}.viewport-height{min-height:var(--visible-height,100vh)}.viewport-width{min-width:100vw;margin:0 calc(50% - 50vw)}.block{display:block!important}.centralise{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.fixed-width{max-width:var(--max-section-width,1000px);margin-left:auto;margin-right:auto}.full-width{width:100%;max-width:100vw;padding-left:0;padding-right:0}.full-height{background:inherit;min-height:100dvh}p.full-height{place-items:center;display:grid}img.flood{height:calc(100% - var(--footer-height,0) - var(--sticky-top,0));width:auto;max-width:100vw;max-height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}a.secret-link{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}a.secret-link:hover,a.secret-link:focus,a.secret-link:active{text-decoration:underline}.bg-children:not(.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom)>header:first-of-type{padding-top:calc(1*var(--space)*var(--pad))}.bg-children:not(.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom)>:last-child{padding-bottom:calc(1*var(--space)*var(--pad))}.bg-children{--space:2;display:grid;position:relative}.bg-children>header{padding:calc(2*var(--pad))}.bg-children>:not(section,button,article,div,hr){min-width:100%;padding-left:calc(1*var(--space)*var(--pad));padding-right:calc(1*var(--space)*var(--pad));box-sizing:border-box}.bg-children>:last-child{padding-bottom:calc(2*var(--pad))}.bg-children>:not(section,label,button,article,div,.bg-clear,hr){background-color:var(--col-bg)}.bg-children *+.bg-clear:not(.flood-fill-parent){border-top:solid calc(2*var(--pad))var(--col-bg)}.bg-children :not(.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom)+.bg-clear{border-color:var(--col-bg)}.bg-children .bg-clear+:not(.wavey,.square,.sawtooth,.wavey-top,.square-top,.sawtooth-top,.wavey-bottom,.square-bottom,.sawtooth-bottom){border-top:solid calc(2*var(--pad))var(--col-bg)}hr{clear:both;background:var(--col-warm-grey-light);color:var(--col-warm-grey-light);margin:0 0 calc(var(--pad)*2 - 1px)0;border:0;height:1px;display:block}.bg-children hr{min-height:calc(var(--pad)*4);background-color:color-mix(in rgba,var(--col-charcoal)66%,transparent);background-color:#0000004d;margin:0}.add-window-curves-top{--cuve-size:99px;position:relative}.add-window-curves-top:before{content:"";height:var(--cuve-size);top:0;left:0;bottom:calc(-1*var(--cuve-size));width:calc(var(--cuve-size)/2);border-top-left-radius:calc(var(--cuve-size)/2);box-shadow:0 calc(var(--cuve-size)/-2)0 0 var(--col-bg);position:absolute}.add-window-curves-top:after{content:"";height:var(--cuve-size);top:0;right:0;bottom:calc(-1*var(--cuve-size));width:calc(var(--cuve-size)/2);border-top-right-radius:calc(var(--cuve-size)/2);box-shadow:0 calc(var(--cuve-size)/-2)0 0 var(--col-bg);position:absolute}.bg-holey{background-color:#0000;margin-top:0;padding:0}.bg-holey figure:before{content:"";background-color:#0074d9;border-top-left-radius:25px;width:25px;height:50px;position:absolute;bottom:-50px;box-shadow:0 -25px #001f3f}.bg-clear-holey{--space:2;margin-right:calc(-1*var(--space)*var(--pad));margin-left:calc(-1*var(--space)*var(--pad))}.bg-translucent{--alpha:66%;background-color:color-mix(in srgb,var(--col-bg)var(--alpha,66%,transparent))}.bg-clear{background-color:#0000}.bg{background-color:var(--col-bg)}.bg .sticky.full-height+p:before{content:"";background-image:linear(to top,transparent 0%,var(--col-bg)100%);height:25vh;display:block;position:absolute;bottom:100%;left:0;right:0}.bg-dark{background-color:var(--col-charcoal)}.tongue{border-top:var(--pad)solid var(--col-accent)}.box{padding:var(--pad);margin:var(--pad)0;clear:both;border:var(--stroke,1px)solid var(--col-accent)}.box:after{content:"";clear:both;display:table}.grid{grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(12,1fr);display:grid}.grid-icon-menu{--quantity:4;--gap:calc(var(--pad)/2);--size:calc(100%/var(--quantity));border:var(--col-border)2px dashed;padding:var(--pad);border-radius:var(--curve);gap:var(--gap,0)var(--pad);counter-reset:steps;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));grid-template-areas:"icons""texts";list-style:none;display:grid;position:relative}.grid-icon-menu li:first-of-type{--i:calc(1 - 1)}.grid-icon-menu li:nth-of-type(2){--i:calc(2 - 1)}.grid-icon-menu li:nth-of-type(3){--i:calc(3 - 1)}.grid-icon-menu li:nth-of-type(4){--i:calc(4 - 1)}.grid-icon-menu li:nth-of-type(5){--i:calc(5 - 1)}.grid-icon-menu li:nth-of-type(6){--i:calc(6 - 1)}.grid-icon-menu li:nth-of-type(7){--i:calc(7 - 1)}.grid-icon-menu li:nth-of-type(8){--i:calc(8 - 1)}.grid-icon-menu:not(:focus-within,:hover):before{content:"Menu";text-align:left;z-index:0;top:var(--pad);text-align:center;opacity:0;animation:FadeTo var(--time-quick,90ms)linear .5s both;font-size:150%;position:absolute;left:0;right:0}.grid-icon-menu li{grid-area:icons}.grid-icon-menu li a{color:#0000;text-align:center;counter-increment:steps;gap:calc(var(--pad)/2);pointer-events:none;transition:color var(--time-quick,90ms)linear;flex-direction:column;text-decoration:none;display:flex}.grid-icon-menu li a:before{color:var(--col-plum);content:counter(steps)".";visibility:hidden;text-align:left;z-index:1;font-size:200%}.grid-icon-menu li a img{--x:calc(var(--pad)/2 + (100% + var(--pad))*var(--i));pointer-events:all;width:calc(var(--size) - var(--pad));transform:translate(var(--x,0),var(--y,0));border:4px solid var(--col-charcoal);box-sizing:border-box;transform-origin:50%;transition:border-color var(--time-quick,90ms)linear;border-radius:999px;margin:0;padding:0}.grid-icon-menu li a:hover,.grid-icon-menu li a:focus{border-color:var(--col-plum);color:var(--col-plum)}.grid-icon-menu li a:hover:before,.grid-icon-menu li a:focus:before{visibility:visible}.grid-icon-menu li a:hover img,.grid-icon-menu li a:focus img{--scale:1.1;border-color:var(--col-accent)}:is(a,button).centralise{margin-left:auto;margin-right:auto}.shadow{box-shadow:var(--shadow)}.hide-overflow{--space:2;min-width:calc(100% - var(--pad)*2*var(--space));padding-left:calc(var(--space)*var(--pad));padding-right:calc(var(--space)*var(--pad));display:grid;overflow:clip}.clip-overflow{overflow:clip}.flood-fill-parent{box-shadow:var(--col-bg)0 0 0 200vmax;padding:calc(1*var(--space)*var(--pad))calc(1*var(--space)*var(--pad));margin:0}.flood-fill-parent legend{background-color:var(--col-bg)}.split,.split-2{--half:calc(( var(--max-section-width))/2);--margins:calc(100% - var(--half));--column-gap:calc(var(--pad)*2);column-width:calc(var(--half) - var(--pad)*4);column-gap:var(--column-gap);column-rule:1px dotted var(--col-warm-grey-light)}.float{float:left}.outside-leaning-polygon{shape-outside:polygon(-6% 106.19%,95% 4.21%,97% 38.31%,34px 104.87%);margin-right:var(--pad)}.glyph-grid-list-char{-webkit-user-select:all;user-select:all;color:inherit;font-size:400%}.glyph-grid-list-char:hover{color:var(--col-accent)}.glyph-grid-list{max-width:min(100%,var(--max-section-width));grid-template-rows:repeat(auto-fit,minmax(256px,1fr));grid-template-columns:repeat(auto-fit,minmax(256px,1fr));display:grid}.icon-plus{--b:10px;--col:#0000 90deg,#000 0;--size:50px;width:var(--size);height:var(--size);aspect-ratio:1;background:conic-gradient(from 90deg at var(--b)var(--b),var(--col))calc(100% + var(--b)/2)calc(100% + var(--b)/2)/calc(50% + var(--b))calc(50% + var(--b))}.overflow-scroll-x{--g:radial-gradient(55% 20px,#0009,#0000);background:linear-gradient(#fff 10px,#0000 40px calc(100% - 40px),#fff calc(100% - 10px))local,var(--g)left/100% 200%,var(--g)right/100% 200%;overflow:auto}.overflow-scroll-y{--g:radial-gradient(55% 20px,#0009,#0000);background:linear-gradient(#fff 10px,#0000 40px calc(100% - 40px),#fff calc(100% - 10px))local,var(--g)top/100% 200%,var(--g)bottom/100% 200%;overflow:auto}:is(h1,h2,h3,h4,h5,h6,p,figcaption).middle{text-align:center}.hidden-link{color:#0000;font-size:0;transform:translateY(5px)}.detach-z-index{z-index:initial}.detach-z-index>*{z-index:2}.text-scroller-vertical{line-height:1.2;font-size:var(--font-size-h5);margin-top:var(--pad);margin-bottom:var(--pad);grid-template-columns:auto auto;grid-template-areas:"lead trail";column-gap:.55ex;width:fit-content;margin-left:auto;margin-right:auto;display:grid;position:relative}.text-scroller-vertical:after{content:"";background-image:linear-gradient(to bottom,transparent,var(--col-bg)66%);z-index:1;grid-area:1/1/-1/-1;width:100%;height:max(5ch,50vh);display:block;position:absolute;bottom:0;left:0}.text-scroller-vertical h5{font-weight:250;font-size:inherit;text-align:right;grid-area:lead;place-self:start end;position:sticky;top:calc(50% - .5lh);bottom:calc(50% - .5lh);transform:translateY(calc(1lh - 100%))}.text-scroller-vertical ul{font-size:inherit;flex-direction:column;grid-area:trail;gap:66vh;padding:0;list-style:none;display:flex}.text-scroller-vertical ul:after{content:"";padding-bottom:calc(50vh - .5lh)}.text-scroller-vertical ul li{font-size:inherit;background-color:var(--col-bg);scroll-snap-align:center;width:100%;padding-bottom:3lh;position:sticky;top:calc(50% - .5lh)}.text-scroller-vertical ul li:before{content:"";background-image:linear-gradient(to bottom,transparent,var(--col-bg)50%);z-index:1;height:calc(50vh - 1lh);display:block;position:absolute;bottom:100%;left:0;right:0}.text-scroller-vertical ul li:first-of-type:before{display:none}.text-scroller-vertical ul li:last-of-type{padding-bottom:0}@supports (overflow:clip){.text-scroller-vertical{overflow:clip}.text-scroller-vertical:before{content:"";background-image:linear-gradient(to bottom,transparent,var(--col-bg));z-index:1;grid-area:trail;width:100%;height:max(5ch,50vh);display:block;position:sticky;top:0%;bottom:0;transform:translateY(50vh)}}@media screen and (width>=800px){.text-scroller-vertical h5{transform:none}}.text-scroller-vertical+*{z-index:2}.sticky{top:var(--sticky-top,0);position:sticky}.sticky.top{top:0}:is(h1,h2,h3,h4,h5,h6)>.sticky{display:block}.stackable>.sticky+*{background-color:var(--col-bg);position:relative}.stackable figure.sticky{background:0 0;padding-bottom:50vh}ul.gallery{gap:var(--pad);grid-template-columns:repeat(auto-fit,minmax(44px,1fr));grid-auto-flow:dense;margin-top:var(--pad);padding:0;list-style:none;display:grid}ul.gallery figure{box-shadow:var(--shadow);border:0;grid-template-areas:"stuff";margin:0;padding:0;display:grid}ul.gallery figure>picture,ul.gallery figure>img{grid-area:stuff;max-width:100%}ul.gallery figure figcaption{color:#0000;z-index:1;text-align:center;background-color:#0000;grid-area:stuff;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}ul.gallery figure:hover figcaption{color:var(--col-accent)}ul.gallery:nth-child(3n){background-color:#12cc12;grid-column:span 4}ul.gallery:nth-child(5n){background-color:#f5ecec;grid-column:span 3}ul.gallery:nth-child(7n){background-color:#f35810;grid-column:span 2}[hidden]{display:none!important}[inert]{pointer-events:none}@media screen and (prefers-reduced-motion:no-preference){.animation-rock\:on-hover{transition:transform var(--time-quick)ease-out}.in-viewport .animation-rock,.in-viewport .animation-rock\:on-hover:hover{--tilt:22deg;--duration:calc(1*6s);transform-origin:50%;transform:translate(var(--x,0),var(--y,0));animation:RockTranslated var(--duration,90ms)infinite var(--delay,0s)both ease-out}}@property --milliseconds{syntax:"<integer>";inherits:false;initial-value:0}.counting-loop{counter-reset:ms var(--milliseconds);animation:1s steps(100,end) infinite count}.counting-loop:after{content:Counter(ms)}@keyframes Counter{to{--milliseconds:100}}
/*# sourceMappingURL=sitemap.1b12ce56.css.map */