﻿:root{--step--2: clamp(0.6944rem, 0.6923rem + 0.0106vw, 0.7035rem);--step--1: clamp(0.8333rem, 0.8088rem + 0.1228vw, 0.9377rem);--step-0: clamp(1rem, 0.9412rem + 0.2941vw, 1.25rem);--step-1: clamp(1.2rem, 1.0903rem + 0.5485vw, 1.6663rem);--step-2: clamp(1.44rem, 1.2562rem + 0.919vw, 2.2211rem);--step-3: clamp(1.728rem, 1.4379rem + 1.4503vw, 2.9607rem);--step-4: clamp(2.0736rem, 1.6329rem + 2.2036vw, 3.9467rem);--step-5: clamp(2.4883rem, 1.8359rem + 3.2619vw, 5.2609rem);--space-3xs: clamp(0.25rem, 0.2353rem + 0.0735vw, 0.3125rem);--space-2xs: clamp(0.5rem, 0.4706rem + 0.1471vw, 0.625rem);--space-xs: clamp(0.75rem, 0.7059rem + 0.2206vw, 0.9375rem);--space-s: clamp(1rem, 0.9412rem + 0.2941vw, 1.25rem);--space-m: clamp(1.5rem, 1.4118rem + 0.4412vw, 1.875rem);--space-l: clamp(2rem, 1.8824rem + 0.5882vw, 2.5rem);--space-xl: clamp(3rem, 2.8235rem + 0.8824vw, 3.75rem);--space-2xl: clamp(4rem, 3.7647rem + 1.1765vw, 5rem);--space-3xl: clamp(6rem, 5.6471rem + 1.7647vw, 7.5rem);--space-3xs-2xs: clamp(0.25rem, 0.1618rem + 0.4412vw, 0.625rem);--space-2xs-xs: clamp(0.5rem, 0.3971rem + 0.5147vw, 0.9375rem);--space-xs-s: clamp(0.75rem, 0.6324rem + 0.5882vw, 1.25rem);--space-s-m: clamp(1rem, 0.7941rem + 1.0294vw, 1.875rem);--space-m-l: clamp(1.5rem, 1.2647rem + 1.1765vw, 2.5rem);--space-l-xl: clamp(2rem, 1.5882rem + 2.0588vw, 3.75rem);--space-xl-2xl: clamp(3rem, 2.5294rem + 2.3529vw, 5rem);--space-2xl-3xl: clamp(4rem, 3.1765rem + 4.1176vw, 7.5rem);--space-xs-m: clamp(0.75rem, 0.4853rem + 1.3235vw, 1.875rem);--space-s-l: clamp(1rem, 0.6471rem + 1.7647vw, 2.5rem);--space-m-l: clamp(1.5rem, 1.2647rem + 1.1765vw, 2.5rem);--space-s-xl: clamp(1rem, 0.3529rem + 3.2353vw, 3.75rem);--space-s-2xl: clamp(1rem, 0.0588rem + 4.7059vw, 5rem);--space-m-xl: clamp(1.5rem, 0.9706rem + 2.6471vw, 3.75rem);--space-xl-3xl: clamp(3rem, 1.9412rem + 5.2941vw, 7.5rem);--ratio: 1.5;--min-flex-width: 11rem;--max-content-width: 50ch;--inline-padding: 4vw;--full-width: max(var(--max-content-width),100%);--radius: var(--step--2);--menu-height: var(--space-3xl);--color-hicks: hsl(45,95%,45%);--color-contact: hsl(50,96%,49%);--color-complimentary: hsl(229,26%,32%);--color-bkgd: hsl(45,18%,94%);--color-bkgd-contrast: hsl(40,5%,98%);--color-nav-bkgd: hsl(40,5%,98%);--color-text-dark: hsl(229,10%,10%);--color-text: hsl(229,25%,20%);--color-text-light: hsl(229,15%,50%);--color-border: color-mix(in hsl, var(--color-text) 20%, var(--color-bkgd));--color-shadow-initial: hsla(229,15%,10%, 0.04);--color-shadow-hover: hsla(229,15%,10%, 0.05);--rtsl-blue: #382986}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;background-repeat:no-repeat;scroll-margin-top:var(--space-m)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth;height:100%}:focus:not(:focus-visible){outline:none}img,svg,picture{max-width:100%;height:auto;display:block}a img{font-size:var(--step-0)}fieldset{border:0}.sr-only{left:-9999rem;top:auto;width:1px;height:1px;overflow:hidden;position:absolute}.admin-bar{top:unset !important;bottom:0;border-top:1px solid var(--admin-bar--border-color);border-bottom:unset !important}@font-face{font-family:"f37 Beckett";font-weight:400;font-style:normal;src:url("../fonts/F37Beckett-Regular.woff2") format("woff2"),url("../fonts/F37Beckett-Regular.woff") format("woff")}@font-face{font-family:"f37 Beckett";font-weight:400;font-style:italic;src:url("../fonts/F37Beckett-RegularItalic.woff2") format("woff2"),url("../fonts/F37Beckett-RegularItalic.woff") format("woff")}@font-face{font-family:"f37 Beckett";font-weight:600;font-style:normal;src:url("../fonts/F37Beckett-Demi.woff2") format("woff2"),url("../fonts/F37Beckett-Demi.woff") format("woff")}@font-face{font-family:"f37 Beckett";font-weight:700;font-style:italic;src:url("../fonts/F37Beckett-BoldItalic.woff2") format("woff2"),url("../fonts/F37Beckett-BoldItalic.woff") format("woff")}@font-face{font-family:"f37 Beckett";font-weight:800;font-style:normal;src:url("../fonts/F37Beckett-ExtraBold.woff2") format("woff2"),url("../fonts/F37Beckett-ExtraBold.woff") format("woff")}@font-face{font-family:"f37 Beckett";font-weight:700;font-style:normal;src:url("../fonts/F37Beckett-Bold.woff2") format("woff2"),url("../fonts/F37Beckett-Bold.woff") format("woff")}@font-face{font-family:"JetBrainsMono";font-style:normal;src:url("/assets/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2") format("woff2"),url("/assets/fonts/JetBrainsMono/JetBrainsMono-Regular.woff") format("woff")}body{font-family:"f37 Beckett",sans-serif;font-weight:400;font-size:var(--step-0);line-height:var(--ratio);color:var(--color-text)}time{display:block}h3 em,h3 em a{font-weight:700}a{color:inherit;transition:all .3s ease-in-out;text-decoration-thickness:1.25px;text-underline-offset:2.5px;text-decoration-color:var(--color-hicks);font-weight:600}a:hover,a:focus{text-decoration-color:inherit;text-decoration-thickness:2px}nav a{text-decoration:none;font-weight:700}h1,h2,h3,strong,cite{font-weight:700;text-wrap:balance}h1 a,h2 a,h3 a,strong a,cite a{font-weight:700}h1{font-size:var(--step-4);letter-spacing:-0.1rem;line-height:1.1;max-width:30ch}h2{font-size:var(--step-2);letter-spacing:-0.01rem;line-height:1.2}h2 svg{width:var(--step-2)}h3{font-size:var(--step-0);letter-spacing:-0.01rem;line-height:1.333}.post-title h3{line-height:1.2}h4{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07rem;font-weight:800}small,aside,cite,.tags,.caption,figcaption,nav.main{font-size:var(--step--1)}aside h4{opacity:.65}.colophon p{font-size:var(--step--1)}.org{text-transform:uppercase;letter-spacing:.1rem;font-weight:700}ul{padding-inline-start:var(--space-xs)}ol{list-style-type:none}ol li{counter-increment:list-item;position:relative;padding-inline-start:2.5rem}ol li>*+*{margin-block-start:var(--space-s)}ol li+li{margin-block-start:.5lh}ol li:before{content:counter(list-item);position:absolute;left:0;width:var(--space-m);height:var(--space-m);line-height:var(--space-m);border-radius:var(--space-m);text-align:center;display:inline-block;font-weight:700;aspect-ratio:1/1;background:var(--color-contact);color:#111}li p+p{margin-block-start:var(--space-2xs)}ul.no-list{list-style-type:none;padding-inline-start:unset}ul.no-list>*+*{margin-block-start:var(--space-3xs)}nav ul,ul.flex{list-style-type:none;padding-inline-start:unset}nav ul>*+*,ul.flex>*+*{margin-block-start:unset}cite,.caption,figcaption{line-height:1.5;padding-inline-start:var(--space-s);font-weight:400;position:relative}cite:before,.caption:before,figcaption:before{content:"↑";position:absolute;left:0}img+figcaption{margin-block-start:var(--space-xs)}.intro{font-size:var(--step-1);line-height:1.4;letter-spacing:-0.01rem;text-wrap:balance;font-weight:700;color:var(--color-complimentary)}input,button{font-size:var(--step-0);line-height:var(--ratio);font-family:"f37 Beckett",sans-serif}form#search{width:calc(100% - 2rem)}form#search input{width:100%}.search{transition:all .2s ease-in-out;opacity:.5}.search label{cursor:pointer}.search:focus,.search:has(input:focus),.search:hover{opacity:1}.search input[type=search]{-webkit-appearance:none;border-radius:0;padding:0 .5rem;color:var(--color-text);background-color:unset;line-height:calc(var(--baseline)*1.5);border:0;border-bottom:2px solid var(--color-text);width:100%;transition:all .2s ease-in-out}.search input[type=search]::placeholder{color:var(--color-text);opacity:.6}.search input[type=search]:focus{width:100%}blockquote{border-left:4px solid var(--color-hicks);padding-left:var(--space-m);font-weight:700}blockquote p{text-indent:-0.5rem}blockquote p:before{content:open-quote}blockquote p:after{content:close-quote}pre,code{font-family:"JetBrainsMono","Consolas",monospace;font-size:92%;background-color:var(--color-text);color:#fff}code{border-radius:4px;padding:var(--space-3xs) var(--space-2xs)}pre{border-radius:var(--radius);padding:var(--space-s);overflow:auto;white-space:pre-wrap}pre code{padding:0}hr{height:1px;border:0;background:var(--color-border);clear:both}.download a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;padding:var(--space-2xs) var(--space-s);border-radius:var(--step--2);background:var(--color-contact);color:#222;font-weight:700}.download a svg{border-bottom:2px solid var(--color-hicks)}.download a svg #Arrow{transition:all .4s ease-in-out;transform:translateY(0)}.download a:hover svg,.download a:focus svg{border-bottom:2px solid #222}.download a:hover svg #Arrow,.download a:focus svg #Arrow{transform:translateY(24px)}body{min-height:100%;background-color:var(--color-bkgd);display:flex;flex-wrap:wrap}.hide{display:none}.custom-palette{--rtsl-blue: var(--color-text)}.flow>*+*{margin-block-start:1lh}.flow .flex>*,.flow>h2+h4{margin-block-start:unset}.flow header+*{margin-block-start:unset}.flow>*+h2{margin-block-start:var(--space-xl)}.flow>h2+*{margin-block-start:var(--space-xs)}.flow>h3+*{margin-block-start:var(--space-xs)}.flow>*+h3{margin-block-start:var(--space-l)}.flow>h4+*{margin-block-start:var(--space-3xs)}.mbs-xs{margin-block-start:var(--space-xs)}.mbs-s{margin-block-start:var(--space-s)}.mbs-l{margin-block-start:var(--space-l)}.mbs-xl{margin-block-start:var(--space-xl)}.mbs-2xl{margin-block-start:var(--space-2xl)}.section{margin-block-start:var(--space-2xl);padding-inline:var(--inline-padding)}.max-flex-width{max-width:var(--min-flex-width)}.max-content-width{max-width:var(--max-content-width)}.inline-centre{margin-inline:auto}.top-border{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-s)}header{display:flex;flex-direction:column;justify-content:space-between}header aside+h1{margin-block-start:var(--space-s-2xl)}header aside{font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-3xs) var(--space-s) var(--space-3xs) var(--space-3xs)}.fr,.fl{height:auto;max-width:33%;margin:0 var(--space-xs) var(--space-xs) var(--space-xs)}.fr{float:right;margin-inline-end:0}.fl{float:left;margin-inline-start:0}.flex.gap-3xs,.grid.gap-3xs{gap:var(--space-3xs)}.flex.gap-2xs,.grid.gap-2xs{gap:var(--space-2xs)}.flex.gap-xs,.grid.gap-xs{gap:var(--space-xs)}.flex.gap-0,.grid.gap-0{gap:0}.flex.gap-m,.grid.gap-m{gap:var(--space-m)}.flex.gap-l,.grid.gap-l{gap:var(--space-l)}.flex.gap-xl,.grid.gap-xl{gap:var(--space-xl)}.flex.gap-2xl,.grid.gap-2xl{gap:var(--space-2xl)}.flex{display:flex;gap:var(--space-s);flex-wrap:wrap}.flex.inline{display:inline-flex}.flex.align-center{align-items:center}.flex.align-end{align-items:end}.flex.justify-between{justify-content:space-between}.flex.cols>*{flex:1 0 var(--min-flex-width)}.flex.cols-large>*{flex:1 0 22rem}.flex.cols-large figcaption{flex-basis:100%}.flex.cols-2-1{align-items:start;gap:var(--space-l)}.flex.cols-2-1>*:first-child{flex:2 0 clamp(var(--min-flex-width),var(--min-flex-width)*2 + var(--space-2xl),100%)}.flex.cols-2-1>*:first-child>*:not(.grid,.full,pre){max-width:var(--max-content-width)}.flex.cols-2-1>*:last-child{flex:1 0 clamp(var(--min-flex-width),var(--min-flex-width) + var(--space-s),100%)}.flex.cols-1-2{align-items:start;gap:var(--space-l);container-type:inline-size}.flex.cols-1-2>*:first-child{flex-grow:1;flex-basis:clamp(var(--min-flex-width),var(--min-flex-width) + var(--space-s),100%)}.flex.cols-1-2>*:last-child{flex-grow:2;flex-basis:clamp(var(--min-flex-width),var(--min-flex-width)*2 + var(--space-2xl),100%)}.flex.cols-1-2>*:last-child>*:not(.grid,.full){max-width:var(--max-content-width)}.post>*:not(.grid,.full,pre,.max-flex-width){max-width:var(--max-content-width)}.grid{display:grid;gap:var(--space-s)}.grid.label{grid-template-columns:min-content 1fr;row-gap:unset}.grid.cols{grid-template-columns:repeat(auto-fit, minmax(var(--min-flex-width), 1fr))}.grid.cols>*{display:flex;flex-wrap:wrap}.grid.small{align-items:center;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}.grid.large{grid-template-columns:repeat(auto-fit, minmax(13rem, 1fr))}.grid.xlarge{grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}main{padding-block:var(--space-s-l);container-name:main;container-type:inline-size}main>*{padding-inline:var(--inline-padding)}main>*.edge figcaption{max-width:var(--max-content-width)}.lastfm{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-s);overflow-x:hidden;overflow-y:visible;padding-block-end:var(--space-s)}.lastfm>div{flex-shrink:0}.lastfm a{text-decoration:none}.lastfm img,.now-playing img{width:5rem;height:5rem;box-shadow:0 1px 3px var(--color-shadow-hover),0 3px 6px var(--color-shadow-initial)}.now-playing{margin-inline-end:var(--space-xl);text-decoration:none;gap:var(--space-2xs)}.now-playing .track-info{flex:1 0;line-height:1.2;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3xs);font-size:var(--step--1)}.now-playing .track-info em{font-weight:400}.site-meta .now-playing{margin:unset}.site-meta .now-playing h4{margin-block-start:0;font-size:var(--step--2)}.site-meta .now-playing h4 svg{width:var(--step-0);height:var(--step-0)}.site-meta .now-playing img{width:var(--space-xl);height:var(--space-xl)}.menu-icon,#menu-toggle,nav.main .site-meta{display:none}.logo{margin-inline-start:-0.2rem;max-width:9rem}.logo a{display:block;background-size:100%}.logo .logotype{fill:var(--color-text)}.logo .swirl{fill:var(--color-hicks);fill:var(--color-text)}nav.main{flex-grow:1;flex-basis:clamp(16rem,18%,100%);container-type:inline-size;container-name:main-nav}nav.main>*{position:sticky;top:0;padding:var(--space-s-l) var(--space-m)}.template-project nav.main,.template-product nav.main{--color-nav-bkgd: transparent}.main-nav{display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-template-rows:min-content min-content min-content;line-height:2.2}.main-nav li a{display:inline-block;text-transform:uppercase;letter-spacing:.15rem;opacity:.6}.main-nav li a:before{content:" →";display:inline-block;color:var(--color-hicks);opacity:0;width:0;transition:all .2s ease-in-out}.main-nav li a:hover,.main-nav li a:focus{opacity:1}.main-nav li a:hover:before,.main-nav li a:focus:before{opacity:1;width:16px}.main-nav li a:after{border-block-end:solid 1.5px var(--color-hicks)}.main-nav a.active,.home .main-nav li:first-child a{color:var(--color-text);opacity:1}.main-nav a.active:before,.home .main-nav li:first-child a:before{opacity:1;width:16px}@container main-nav (min-width: 100vw){.logo{min-height:unset}nav.main>*{display:flex;flex-wrap:wrap;padding-inline:var(--inline-padding);position:fixed;left:0;right:0;z-index:1;background:var(--color-bkgd)}nav.main>* ul.main-nav{width:100%;max-height:0;height:0;opacity:0;overflow:hidden;transition:all .2s ease-in-out;margin-inline-start:40px}nav.main>* label.menu-icon{display:block;white-space:nowrap;cursor:pointer;transition:all .2s ease-in-out;margin-inline-start:auto;height:38px;display:flex}nav.main>* label.menu-icon svg{fill:currentColor;align-self:end}nav.main>* label.menu-icon svg rect{transition:all .2s ease-in-out;transform-origin:center center}nav.main>* label.menu-icon:hover,nav.main>* label.menu-icon:active{color:var(--color-hicks)}nav.main>* #menu-toggle:checked~.menu-icon{color:var(--color-hicks)}nav.main>* #menu-toggle:checked~.menu-icon .bar{opacity:0}nav.main>* #menu-toggle:checked~.menu-icon #turn1{transform:rotate(45deg)}nav.main>* #menu-toggle:checked~.menu-icon #turn2{transform:rotate(-45deg)}nav.main>* #menu-toggle:checked~ul{height:auto;max-height:500px;overflow:visible;opacity:1;margin-block-start:var(--space-xs)}nav.main>*:has(#menu-toggle:checked){box-shadow:0 8px 12px var(--color-shadow-hover),0 4px 8px var(--color-shadow-initial)}}@container main (min-width: 100vw){header{margin-block:var(--space-3xl) 1lh}}@container main (max-width: 99vw){header{margin-block-end:var(--space-m);min-height:3lh}.post>*:not(.full,pre){margin-inline-start:var(--space-xl)}footer .site-meta{display:none}.sticky{position:sticky;top:var(--space-l)}}@container main-nav (max-width: 99vw){nav.main>*{height:100vh;display:flex;flex-direction:column;padding-inline:var(--inline-padding) 0}nav.main .site-meta{display:block;margin-block-start:auto}nav.main .main-nav{display:unset}.logo{margin-block-end:var(--space-m)}.home header,.home .logo,.work header,.work .logo{margin-block-end:var(--space-l)}}@container main (min-width:32rem){.grid.troika :first-child{grid-column:1/span 2;grid-row:1/span 2}}@container main (min-width: 47rem){.episode .audio{position:sticky;top:var(--space-m)}.episode .audio>div{position:sticky;top:var(--space-m)}}@container main (min-width: 52rem){.year .summary{position:sticky;top:var(--space-l)}}.breadcrumb{font-size:var(--step--1)}.breadcrumb li a:before{content:"← "}.breadcrumb li:after{content:" / ";opacity:.4}.breadcrumb li:last-child{display:none}.main-content{flex-basis:0;flex-grow:999;min-inline-size:68%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;margin-inline:auto;container-type:inline-size;container-name:main}aside.flex{column-gap:var(--space-l);row-gap:var(--space-xs)}aside.flex ul{list-style-type:none;column-gap:var(--space-3xs);row-gap:0}.tags{column-gap:var(--space-3xs);row-gap:0}.tags li:after{content:" /";opacity:.5}.tags li:last-child:after{content:""}.services{opacity:.66}footer{padding:var(--space-xl) var(--inline-padding) var(--space-2xl) var(--inline-padding)}.icons{margin-block-start:var(--space-3xs);gap:var(--space-2xs)}.icons svg{opacity:.6;transition:all .2s ease-in-out}.icons a:hover svg,.icons a:focus svg,.icons button:hover svg,.icons button:focus svg{opacity:1}iframe{display:block;width:100%;border-radius:var(--radius)}.video{aspect-ratio:16/9;height:auto}.video iframe{aspect-ratio:16/9;height:auto;border:none}.backanforth{padding-block:var(--space-m);justify-content:space-between;margin-block-start:var(--space-xl)}.backanforth>*{flex:1 0 clamp(24ch,50%,100%)}.backanforth h4{font-weight:600}.backanforth .previous{text-align:left}.backanforth .previous a:hover svg,.backanforth .previous:focus svg{transform:translateX(-0.5rem)}.backanforth .next{text-align:right}.backanforth .next a:hover svg,.backanforth .next:focus svg{transform:translateX(0.5rem)}.backanforth .next svg{order:1}.backanforth a{padding:var(--space-s) 0;text-align:center;align-items:center;text-decoration:none}.backanforth a:hover h3,.backanforth a:focus h3{text-decoration:underline}.backanforth a div{flex:1}.backanforth a svg{width:32px;height:32px;color:var(--color-hicks);transition:all .2s ease-in-out}.card{display:flex;flex-wrap:wrap;row-gap:var(--space-2xs);column-gap:var(--space-s)}.card>*:first-child{flex-grow:1}.card figure{border-radius:var(--radius);overflow:hidden;transition:all .2s ease-in-out;box-shadow:0 4px 8px var(--color-shadow-initial)}.card figure img{object-fit:contain;width:100%;height:100%}.card h3{font-size:var(--step-0)}.card h3:after{content:" →";display:inline-block;color:var(--color-hicks);margin-inline-start:.5ch;transition:all .2s ease-in-out}.card h4{font-size:var(--step--1)}.card time{font-weight:600;opacity:.66;font-size:var(--step--1)}.card img.icon{width:18px;height:auto}.card p{font-weight:400;font-size:var(--step--1)}.card.horizontal{flex-direction:row}.card.horizontal>*:first-child{flex-basis:var(--min-flex-width)}.card.horizontal>*:last-child{flex-grow:2;flex-basis:var(--min-flex-width)}a.card{text-decoration:none}a.card:focus figure,a.card:hover figure{box-shadow:0 8px 12px var(--color-shadow-hover),0 4px 8px var(--color-shadow-initial);transform:scale(1.02)}a.card:focus h3:after,a.card:hover h3:after{transform:translateX(1ch)}.masonry{columns:16rem auto;column-gap:var(--space-l);column-rule:1px solid var(--color-border)}.masonry>div{break-inside:avoid;padding-block-end:var(--space-m)}ul.gigs{columns:12rem auto;column-gap:var(--space-xl);column-rule:1px solid var(--color-border);list-style-type:none;padding-inline-start:unset;line-height:1.3}ul.gigs li{break-inside:avoid}ul.gigs li+li{margin-block-start:var(--space-s)}ul.gigs em{font-style:normal;font-size:var(--step--1)}.latest .card{gap:0}.latest .card figure{aspect-ratio:1/1}.latest .card figure img{object-fit:cover}.latest .card .post-title{padding:var(--space-s)}.latest .journal .card{background-color:#fff;border-radius:var(--radius);overflow:hidden}.latest .journal .card figure{border-radius:0}.latest .troika h4 svg{max-height:var(--step--1);width:auto;display:inline-block}.latest .troika h4 svg path{fill:var(--color-text)}.latest h4{margin-block-end:var(--space-2xs);transition:transform .2s ease-in-out}.year+.year{margin-block-start:var(--space-l);border-block-start:2px solid var(--color-border);padding-block:var(--space-l)}.year .archives li{display:grid;grid-template-columns:6ch 1fr;gap:var(--space-xs)}.year .archives li+li{margin-block-start:var(--space-3xs)}.year .archives li time{font-variant-numeric:tabular-nums;opacity:.6}audio{width:100%;display:block}.audio img{border-radius:var(--radius) var(--radius) 0 0}.audio audio{border-radius:0 0 var(--radius) var(--radius)}.audio audio::-webkit-media-controls-panel{-webkit-appearance:none;border-radius:0 0 var(--radius) var(--radius)}.troika-logo{margin:0 0 0 -0.5rem}.site-meta{margin-block-start:var(--space-2xl)}.site-meta h4{margin-block-start:var(--space-2xs)}.screenshot img{border:var(--space-xs) solid #17191b;border-radius:var(--radius);box-shadow:0 .15rem .5rem rgba(22,23,29,.2),0 .5rem 2rem rgba(22,23,29,.15)}.cover{box-shadow:0 4px 8px var(--color-shadow-hover),0 2px 3px var(--color-shadow-initial);border-radius:2px}.iphone img{max-width:300px;margin-inline:auto;box-shadow:0 .15rem .5rem rgba(22,23,29,.2),0 .5rem 2rem rgba(22,23,29,.15);border-radius:18px}.music-grid .post ol{max-width:unset}.music-grid ol{padding-inline-start:unset;display:grid;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));column-gap:var(--space-l);row-gap:var(--space-xl);max-width:100%}.music-grid ol>*+*{margin-block-start:unset}.music-grid ol li{padding-inline-start:unset}.music-grid ol li h3{margin-block:var(--space-xs) var(--space-3xs)}.music-grid ol li:before{position:absolute;left:-0.5rem;top:-0.5rem}.music-grid ol figure{order:-1;margin-block-end:var(--space-3xs)}.music-grid ol figure a{display:block}.music-grid ol figure a:focus,.music-grid ol figure a:hover{box-shadow:0 8px 12px var(--color-shadow-hover),0 4px 8px var(--color-shadow-initial);transform:translate(0, -1rem) scale(1.03)}.music-grid ol figure img{box-shadow:0 4px 8px var(--color-shadow-hover),0 2px 3px var(--color-shadow-initial);border-radius:4px}.card.audio-card{border-radius:var(--radius);background-color:var(--color-text);overflow:hidden;gap:0}.card.audio-card figure{border-radius:unset}.card.audio-card :after{display:none}.audio-player{width:100%;padding:var(--space-xs);font-size:var(--step--1);color:#fff;height:100%}.player-controls{display:flex;align-items:center;gap:var(--space-xs)}.play-pause-btn{width:var(--space-m);height:var(--space-m);border:none;border-radius:var(--space-m);background:none;color:#fff;cursor:pointer;display:flex;place-content:center;transition:background-color .2s}.play-pause-btn span{width:var(--space-m);height:var(--space-m)}.time-display{font-variant-numeric:tabular-nums;margin-block-start:-8px;margin-inline-start:calc(var(--space-m) + var(--space-xs));opacity:.8}.progress-container{flex:1}.progress-bar{width:100%;height:6px;background:var(--color-text-light);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--color-contact);border-radius:3px;width:0%;transition:width .1s ease}.audio-element{display:none}.home header aside,.work header aside{height:40px;display:flex;flex-direction:column;justify-content:end}.home h1,.work h1{max-width:23ch}.grid.folio{--folio-columns: 2;grid-template-columns:repeat(var(--folio-columns), 1fr)}.grid.folio :nth-child(1),.grid.folio :nth-child(4),.grid.folio :nth-child(5),.grid.folio :nth-child(8),.grid.folio :nth-child(9),.grid.folio :nth-child(12){grid-column:span 2}.grid.folio .card{height:100%;flex-direction:column}.grid.folio .card figure img{object-fit:cover}@container main (min-width:45rem){.grid.folio{--folio-columns: 3}}@container main (min-width:68rem){.grid.folio{--folio-columns: 5}.grid.folio :nth-child(1){grid-column:span 4 !important;grid-row:1/span 2}.grid.folio :nth-child(1) .card figure img{object-fit:contain}.grid.folio :nth-child(2){grid-row:1}.grid.folio :nth-child(3){grid-row:2}}#victoria-and-albert-museum-icon-system .project-thumbnail{background-color:#010101}.archive .logo a{background-image:url(/assets/logo/history/hicks-2017.svg);background-size:contain;background-repeat:no-repeat;transition:background-image .2s ease-in-out}.archive .logo svg{opacity:0}.archive .logo.year-2016 a,.archive .logo.year-2015 a{background-image:url(/assets/logo/history/hicks-2015.svg);height:2.8rem}.archive .logo.year-2014,.archive .logo.year-2013,.archive .logo.year-2012{max-width:100%}.archive .logo.year-2014 a,.archive .logo.year-2013 a,.archive .logo.year-2012 a{background-image:url(/assets/logo/history/hicks-2012.svg);height:3rem}.archive .logo.year-2011,.archive .logo.year-2010,.archive .logo.year-2009,.archive .logo.year-2008{max-width:100%}.archive .logo.year-2011 a,.archive .logo.year-2010 a,.archive .logo.year-2009 a,.archive .logo.year-2008 a{background-image:url(/assets/logo/history/hicks-2008.svg);height:3rem}.archive .logo.year-2007,.archive .logo.year-2006{max-width:100%}.archive .logo.year-2007 a,.archive .logo.year-2006 a{background-image:url(/assets/logo/history/hicks-2006.svg);height:3rem}.archive .logo.year-2005,.archive .logo.year-2004{max-width:100%}.archive .logo.year-2005 a,.archive .logo.year-2004 a{background-image:url(/assets/logo/history/hicks-2004.svg);height:3rem}.archive .logo.year-2003,.archive .logo.year-2002{max-width:100%}.archive .logo.year-2003 a,.archive .logo.year-2002 a{background-image:url(/assets/logo/history/hicks-2002.svg);height:3rem}.archive .logo.year-2001{max-width:100%}.archive .logo.year-2001 a{background-image:url(/assets/logo/history/hicks-2001.svg);height:3rem}.archive .logo.year-1972{max-width:100%}.archive .logo.year-1972 a{background-image:url(/assets/logo/history/hicks-1972.svg);height:3rem}.icon{vertical-align:text-bottom}.appicon img{max-width:5rem;max-height:5rem;border-radius:22%}.colophon svg{display:inline;vertical-align:sub}[class^=icon-]{background-position:left center;height:var(--space-s);line-height:var(--space-s);font-size:var(--step--1);padding-inline:calc(var(--space-s) + .5ch) 0;background-size:contain;margin-inline-end:1rem;font-weight:700}a.icon-bc{background-image:url(/assets/icons/bandcamp.svg)}a.icon-sp{background-image:url(/assets/icons/spotify.svg)}a.icon-am{background-image:url(/assets/icons/apple.svg)}a.icon-ap{background-image:url(/assets/icons/apple_podcasts.svg)}a.icon-az{background-image:url(/assets/icons/amazon.svg)}a.icon-rss{background-image:url(/assets/icons/subscribe.svg)}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(0.9);transform:scale(0.9);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}@view-transition{navigation:auto}@keyframes pulse{0%{opacity:1;transform:scale(1.2)}50%{opacity:.3;transform:scale(1)}100%{opacity:1;transform:scale(1.2)}}@keyframes pop{0%{opacity:0;transform:scale(0.7)}100%{opacity:1;transform:scale(1)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes swipe{to{clip-path:inset(0 0 0 0)}}@keyframes logoslash{from{transform:rotate(-8deg) translateY(70%) scaleX(0)}to{transform:rotate(-8deg) translateY(70%) scaleX(1)}}@keyframes slash{from{transform:rotate(-8deg) translateY(var(--base-half)) scaleX(0)}to{transform:rotate(-8deg) translateY(var(--base-half)) scaleX(1)}}@keyframes slideinleft{from{opacity:0;transform:translateX(-3rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideinright{from{opacity:0;transform:translateX(2rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(2rem)}100%{opacity:1;transform:translateY(0)}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes rotate-right{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate-left{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.animate{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:ease-in-out}.animate.duration-60s{animation-duration:60s}.animate.duration-30s{animation-duration:30s}.animate.duration-20s{animation-duration:20s}.animate.duration-10s{animation-duration:10s}.animate.duration-5s{animation-duration:5s}.animate.duration-1s{animation-duration:1s}.animate.duration-075s{animation-duration:.75s}.animate.duration-05s{animation-duration:.5s}@media screen and (prefers-reduced-motion: reduce){.animate.start{animation:none !important;transform:unset;opacity:1 !important}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.8s}.delay-1s{animation-delay:1s}.dash{stroke-dasharray:1000;stroke-dashoffset:-1000}.dash.start{animation-name:dash}.slide-left{opacity:0}.slide-left.start{animation-name:slideinleft}.slide-right{opacity:0}.slide-right.start{animation-name:slideinright}.slide-up{opacity:0}.slide-up.start{animation-name:slideinup}.fade-in{opacity:0}.fade-in.start{animation-name:fadein}.pop{opacity:0;animation-timing-function:cubic-bezier(0.26, 0.53, 0.74, 1.48)}.pop.start{animation-name:pop}.pulse{animation-timing-function:cubic-bezier(0.26, 0.53, 0.74, 1.48)}.pulse.start{animation-name:pulse}.rotate-right{transform-origin:50% 50%}.rotate-right.start{animation-name:rotate-right}.rotate-left{transform-origin:50% 50%}.rotate-left.start{animation-name:rotate-left}.swipe-right{clip-path:inset(0 100% 0 0)}.swipe-right.start{animation-name:swipe}.swipe-down{clip-path:inset(0 0 100% 0)}.swipe-down.start{animation-name:swipe}/*# sourceMappingURL=styles.css.map */
