/*!
 * Description: M2M CSS framework, build with SASS
 * Author:      Simone Silvestroni, Cambridge (UK)
 * Author URI:  https://minutestomidnight.co.uk
 * Version:     1.1
 **/body>header,body>footer,main>aside,main>section,main>article,.last-update{display:grid;grid-template-columns:1fr min(47rem, 100%) 1fr;grid-template-rows:auto 1fr auto}.portfolio-items ul{display:grid;grid-gap:3rem;grid-template-columns:repeat(auto-fit, minmax(27rem, auto))}@media(max-width: 550px){.portfolio-items ul{grid-template-columns:1fr}}@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/ibmplexsans-regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/ibmplexsans-italic.woff2") format("woff2");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/ibmplexsans-bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/ibmplexsans-bolditalic.woff2") format("woff2");font-weight:bold;font-style:italic;font-display:swap}:root{--font-primary: "IBM Plex Sans", sans-serif;--font-secondary: Georgia, Palatino Linotype, Palatino, URW Palladio L, P052, serif;--font-mono: ui-monospace, Source Code Pro, Menlo, Cascadia Code, Consolas, DejaVu Sans Mono, monospace;--border-radius-standard: 0.5rem;--border-radius-double: 1rem;--nav-gap: 1.5rem}*,*::before,*::after{box-sizing:border-box}*{margin:0;line-height:1.6}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-secondary);font-size:calc(1rem + .3vw);color:#454545}body>header,body>main,body>footer{padding-inline:calc(1rem + 2vw)}body>header{margin-block:2.5rem 4rem}main>*+*{margin-block-start:4rem}body>footer{background:rgba(230,230,230,.5);margin-block-start:4rem;padding-block:4rem}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;hyphens:auto}.skip-links{margin-block-end:2rem}.skip-links a:first-child{padding-inline-end:1rem}aside>*+*{margin-block-start:2rem}aside>h2,aside>h3,aside>h4,aside>h5,aside>h6,aside+p{margin-block-start:0}section>*+*,article>*+*{margin-block-start:1.5rem}section+h2,section+h3,section+h4,section+h5,section+h6,article+h2,article+h3,article+h4,article+h5,article+h6{margin-block-start:0}section h2,section h3,section h4,section h5,section h6,article h2,article h3,article h4,article h5,article h6{margin-block-start:3rem}h1{font-size:calc(1.8rem + .45vw)}h2{font-size:calc(1.3rem + .2vw)}h3{font-size:calc(1.2rem + .2vw)}h4{font-size:calc(1.1rem + .2vw)}h5{font-size:calc(1.1rem + .2vw)}h6{font-size:calc(1.1rem + .2vw)}h2,h3,h4,h5,h6{color:#000}h1,h2,h3,h4,h5,h6{line-height:125%}h3,h4,h5,h6{margin-block-start:3rem}h3{font-weight:normal}h4{font-variant:small-caps;text-transform:lowercase;letter-spacing:2px}h5,h6{font-style:italic;font-weight:normal}a{color:#000;text-decoration-color:#666;text-decoration-thickness:2px;text-underline-offset:.1rem}a:hover{text-decoration-thickness:3px;text-decoration-color:#8be9fd}a:focus-visible,a:active{outline:3px solid #000}nav[aria-label="Main navigation"],nav[aria-label="Secondary navigation"]{display:flex;align-items:flex-start;margin-block-start:1rem}nav[aria-label="Main navigation"] ul,nav[aria-label="Secondary navigation"] ul{display:flex;flex-wrap:wrap;column-gap:var(--nav-gap);row-gap:1rem;align-items:center;list-style-type:none;padding-inline-start:0}nav[aria-label="Main navigation"] a,nav[aria-label="Secondary navigation"] a{font-size:calc(.8rem + .3vw);text-transform:uppercase;letter-spacing:calc(.4px + .125vw);color:#454545;text-decoration:none}nav[aria-label="Main navigation"] a:hover,nav[aria-label="Secondary navigation"] a:hover{color:#585858;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px}nav[aria-label="Footer navigation"]{margin-block:1.5rem}nav[aria-label="Footer navigation"] ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style-type:none;padding-inline-start:0}nav[aria-label="Footer navigation"] ul li{font-size:calc(.85rem + .25vw)}form fieldset{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:1rem;padding:0 2rem 2rem 2rem;border-radius:var(--border-radius-standard);border:2px solid #d9d9d9}form fieldset>*+*{margin-block-start:1rem}form label{display:block;flex-basis:100%;font-size:smaller;font-weight:bold;cursor:pointer}form input,form button,form textarea,form select{font:inherit}form input[type=search],form input[type=text]{flex-grow:1;padding-block:.2rem;padding-inline:.4rem;border-radius:var(--border-radius-standard);background:rgba(255,255,255,.5)}form input[type=search]:focus,form input[type=text]:focus{outline:.3rem solid #ccf;background:rgba(230,230,230,.5)}form input[type=submit]{font-weight:bold;padding-block:.2rem;padding-inline:.8rem;border-radius:var(--border-radius-standard);background:#f3f3f3}footer p{margin-block-start:1rem}img,picture,figure,video,canvas,svg{display:block;max-width:100%}main img{height:auto}p:has(img){margin-block-start:2.5rem}img+em{display:block;font-family:var(--font-secondary);text-align:left;color:#585858;margin-block-start:.8rem}figure{overflow-x:auto;margin-block-start:3rem;margin-block-end:1rem}figure.fullscreen img{min-width:100%}figure.fullscreen figcaption{width:75%}@media(max-width: 650px){figure.fullscreen figcaption{width:100%}}figcaption{font-family:var(--font-secondary);font-style:italic;line-height:1.4;color:#585858;margin-block-start:1rem}video+p{font-family:var(--font-secondary);font-size:smaller;margin-block:1rem}main ul{list-style-type:circle;padding-inline-start:calc(1rem + .25vw)}main ul>*+*{margin-block-start:.5rem}main ul li ul{list-style-type:square;margin-block-start:.5rem}main ul li ul li ul{list-style-type:disc}dt{font-weight:bold;color:#585858}dd{margin-block-start:.25rem;margin-block-end:1.5rem;padding-inline-start:1.5rem}code,pre,kbd,samp{font-family:var(--font-mono);color:#000}kbd{border:1px solid #d9d9d9;border-bottom:3px solid #d9d9d9;border-radius:var(--border-radius-standard);padding:0 .4rem}pre{max-width:100%;overflow:auto;margin:2rem 0;padding:1rem;border:1px solid #d9d9d9}pre code{margin:0;padding:0;background:rgba(0,0,0,0)}pre span{font-family:var(--font-mono)}blockquote{margin-block:2rem .5rem}blockquote>p{font-family:var(--font-secondary);padding:calc(.5rem + 2.5vw);background-color:#fff}blockquote cite{display:block;font-style:normal;letter-spacing:1px;margin-block-start:1rem}blockquote cite:before{content:"– "}details{margin-bottom:1rem}summary{cursor:pointer;font-weight:bold;font-variant:small-caps;text-transform:lowercase;letter-spacing:1px;word-break:break-all}table{border-collapse:collapse;margin:2rem 0;min-width:100%}td,th{text-align:left;padding:.5rem;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}th,tr:nth-child(even){background-color:#fffaf0}table caption{font-weight:bold;margin-bottom:.5rem}.iframe-container{position:relative;overflow:hidden;margin:3rem 0;padding-block-start:56.25%}.iframe-container iframe{position:absolute;width:100%;height:100%;left:0;top:0;border:0;background-color:rgba(0,0,0,0)}.iframe-bandcamp iframe{width:100%;background:#fff;margin:2rem 0;box-shadow:6px 6px #b3b3b3;border:0}.iframe-bandcamp.bc-single iframe{border:0;height:120px}.iframe-bandcamp.bc-ep iframe{border:0;height:220px}.iframe-bandcamp.bc-album iframe{border:0;height:400px}abbr[title]{cursor:help;text-decoration-line:underline;text-decoration-style:dotted}mark{color:#000;padding:2px 4px;background-color:#ffc}sup,sub{font-size:65%;vertical-align:baseline;position:relative}sup{top:-0.4rem}sub{top:.3rem}hr{border:none;height:1px;background:#d9d9d9;margin:2rem auto}:root{--colour-day: #fff;--colour-dim: #4F4F4F;--colour-extra: #F2F0E5;--colour-night: #000;--colour-light: #f3f3f3;--colour-transparent: rgba(255, 255, 255, 0.5) --border-radius-standard: 0.5rem;--border-radius-double: 1rem;--nav-gap: 1.5rem}html{background:var(--colour-light) url("/assets/images/dirt.png");background-repeat:no-repeat;background-size:1250px 800px;background-position:20% 3rem}body{font-family:var(--font-primary);background:rgba(0,0,0,0) url("/assets/images/flat-mountains.svg");background-position:right bottom;background-size:100% 65rem;background-repeat:no-repeat}body>footer{position:relative;background:rgba(255,255,255,.5)}body>footer:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:1rem;width:100%;background:rgba(0,0,0,0) url("/assets/images/footer-decoration.svg");background-repeat:no-repeat}body:before{content:"";display:block;position:fixed;top:0;left:0;right:0;width:100%;height:.5rem;border-block-start:1px dotted #454545;background-color:rgba(192,192,192,.5)}body>header>*,body>footer>*,main>aside>*,main>section>*,main>article>*,.last-update>*{grid-column:2}h1{font-size:calc(2.2rem + .45vw);font-weight:normal !important}body.homepage h1{margin:auto;width:100%;mask-image:url("../images/scratches.png");mask-size:400px 400px}@media(min-width: 575px){body.homepage h1{width:calc(100% - 20vw)}}mark{border-top-left-radius:16px;border-top-right-radius:12px;border-bottom-right-radius:20px;border-bottom-left-radius:22px;background:linear-gradient(90deg, rgba(242, 241, 175, 0) 0, rgba(242, 241, 175, 0.75) 5%, rgba(242, 241, 175, 0.25) 95%, rgba(242, 241, 175, 0) 100%)}mark.small{font-weight:bold}code,pre,kbd,samp{font-size:95%}pre{border:2px double #aaa55f}nav[aria-label="Secondary navigation"]{justify-content:left;margin-block-end:4rem}.current{font-weight:bolder;color:#000 !important;text-decoration:underline !important;text-decoration-thickness:3px !important}body.post .author{margin-block-end:1.5rem}body.post .author a{display:inline-block;text-decoration-thickness:1px}body.post .author img{display:inline-block;vertical-align:middle;margin-inline-end:.3rem;border-radius:10rem}.author-card{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-block:2rem}.author-card img{width:calc(40px + 5vw);border-radius:30em}.author-card p{flex:2;margin:0}body.post article footer{display:flex;flex-direction:column;row-gap:2rem;margin-block:5rem;padding-block:3rem;border-top:2px solid #d9d9d9;border-bottom:2px solid #d9d9d9}.pagination{display:flex;column-gap:1rem;justify-content:space-between;margin-block-end:6rem}.pagination a{flex-shrink:2;text-decoration:none;hyphens:auto;padding:2rem;border:1px solid rgba(0,0,0,0);border-radius:var(--border-radius-standard)}.pagination a:hover{transition:background-color,.5s;border:1px solid #b1b1b1}.pagination a.pagination-next{text-align:right;margin-inline-start:auto}.pagination span:first-child{display:block;font-weight:bold;font-size:smaller;margin-block-end:.1rem}body.tags time{display:block;margin-block:1rem}.portfolio-items ul{list-style:none;margin:0;padding:0}.portfolio-items ul li{aspect-ratio:1/1;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;padding-inline:1rem;padding-block:1rem;background-color:rgba(255,255,255,.5);transition:.2s transform}.portfolio-items ul li h4{text-transform:uppercase;font-size:smaller;letter-spacing:1px;text-align:center;margin-block-start:2rem}.portfolio-items ul li img{display:block;margin-block:2rem;max-width:94%}.portfolio-items ul li>div{display:flex;column-gap:1rem;justify-content:center;margin-block-end:2rem}.portfolio-items ul li>div span{background-color:#fff}.portfolio-items a{margin-block-start:0}body.tags article,body.web-design article,body.sound-design article{margin-block:2rem}body.tags article:first-of-type,body.web-design article:first-of-type,body.sound-design article:first-of-type{margin-block-start:3rem}body.tags article:before,body.web-design article:before,body.sound-design article:before{display:block;float:left;content:"";width:.4rem;height:100%;padding:5rem 0;margin-inline-end:1rem;background-image:url("../images/border.svg");background-repeat:repeat-y;background-size:cover;background-position:left}body.tags article:nth-child(even):before,body.web-design article:nth-child(even):before,body.sound-design article:nth-child(even):before{transform:scaleY(-1)}body.tags article:after,body.web-design article:after,body.sound-design article:after{content:"";visibility:hidden;display:block;height:0;clear:both}body.tags article h2,body.tags article h3,body.web-design article h2,body.web-design article h3,body.sound-design article h2,body.sound-design article h3{margin-block-start:0}body.notes main img,body.note main img,body.note main svg{display:inline}audio{width:100%}.audioplayer{padding:1rem;border-radius:var(--border-radius-double);background-color:rgba(255,255,255,.5)}.audioplayer span{display:block;float:left;font-family:var(--sans-font);font-size:smaller;font-weight:bold;margin-block-end:1rem;padding:0;border-radius:var(--border-radius-double)}.list-hr-group{list-style:none;margin-block-start:0;padding-block-start:1rem;padding-inline-start:0}.list-hr-group li{list-style-type:none;margin-block-end:1rem;padding-block-end:1rem;border-block-end:1px solid #d9d9d9}body.post article footer .taxonomy li a,.tag-cloud li a,.cta,.cta-inline,body.tags article p>a,body.web-design article p>a,body.sound-design article p>a,.portfolio-items ul li>div span{font-family:var(--font-primary);text-transform:uppercase;text-decoration:none;padding-inline:1rem;padding-block:.5rem}.cta-inline,body.tags article p>a,body.web-design article p>a,body.sound-design article p>a{display:inline-block;background:rgba(255,255,255,.5)}.cta{font-weight:bold;color:var(--colour-day);letter-spacing:1px;padding-inline:1.25rem;padding-block:.75rem;background-color:var(--colour-dim)}.cta{font-size:smaller}p:has(.cta){display:flex;margin-block-start:4rem;margin-block-end:2rem}body.post article footer .taxonomy li,.tag-cloud li{margin-block-end:1rem;margin-inline-end:1rem}body.post article footer .taxonomy li a,.tag-cloud li a{display:inline-block;background-color:#d9d9d9;border-radius:0}.footnote{padding-inline:4px;text-decoration:none;border-radius:var(--border-radius-double)}.footnotes ol{padding-inline-start:1rem}details{padding:1.5rem;border:4px solid #f2f1af}details[open]{padding:1.5rem;background-color:#f2f1af}details[open]>p,details[open]>ul{margin-block-start:1rem}.last-update{font-family:var(--font-secondary);font-size:smaller;padding-block:4rem}.fullscreen{grid-column:1/-1}.fullscreen img,.fullscreen video{min-width:100%}.skip-links{margin-block-end:0}.skip-links a{position:absolute;top:-50em;right:1%;line-height:1;font-size:1.2rem;text-transform:lowercase;font-variant:small-caps;font-weight:bold;color:#f3f3f3;padding:1rem;transition:top .3s;background:#000}.skip-links a:focus{top:0}.portfolio-items a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-10000em;z-index:10}.portfolio-items ul li>div span:hover,body.tags article p>a:hover,body.web-design article p>a:hover,body.sound-design article p>a:hover,.cta:hover,.cta-inline:hover,body.post article footer .taxonomy li a:hover,.tag-cloud li a:hover{opacity:.6;transition:.3s opacity}.portfolio-items ul li:hover{transform:scale(1.025);transition:.2s transform}.cols{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;column-gap:1.5rem;row-gap:2rem;margin-block:2.5rem}.cols *{flex:1 400px}.list-inline,body.post article footer .taxonomy,.tag-cloud{list-style:none;padding-inline-start:0}.list-inline li,body.post article footer .taxonomy li,.tag-cloud li{list-style-type:none;display:inline-block}.list-table{list-style:none;padding-inline-start:0}.list-table li{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:.5rem 0;border-bottom:2px solid rgba(230,230,230,.5)}.list-table li:hover{border-bottom:2px solid #000;transition:.5s border}.list-table li a{display:inline-block;text-decoration-thickness:1px;width:100%}.list-table li a:hover{text-decoration-thickness:3px}.list-table li time{padding-inline-start:2rem}body>footer p,mark.small,body.post .author,.list-table time,.footnotes{font-size:smaller !important}.portfolio-items ul li>div span{font-size:75% !important}form input[type=submit],blockquote cite,mark.small,.pagination span:first-child{text-transform:lowercase;font-variant:small-caps}time,.portfolio-items ul li>div span{color:#4f4f4f !important}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%);white-space:nowrap !important;border:0 !important}.portfolio-items ul li{box-shadow:rgba(15,15,15,.03) 0px 1px 2px,rgba(15,15,15,.03) 0px 2px 4px,rgba(15,15,15,.03) 0px 4px 8px,rgba(15,15,15,.03) 0px 8px 16px,rgba(15,15,15,.03) 0px 16px 32px,rgba(15,15,15,.03) 0px 32px 64px}@media print{html,body{background:#fff}body::before,body>footer,p:has(a.cta),nav[aria-label="Main navigation"],nav[aria-label="Secondary navigation"],div.pagination,.last-update,body.post .author a:first-child{display:none}section>*+*,article>*+*{margin-block-start:1rem}section+h2,section+h3,section+h4,section+h5,section+h6,article+h2,article+h3,article+h4,article+h5,article+h6{margin-block-start:0}section h2,section h3,section h4,section h5,section h6,article h2,article h3,article h4,article h5,article h6{margin-block-start:1rem}body.post article footer{border-bottom:none}body.post article footer>p{display:none}blockquote>p{background-color:#fff;border-left:3px solid var(--colour-extra)}body.homepage .list-table{margin-block-end:3rem}details{border-color:#f5f5f5}details[open]{background-color:#f5f5f5}}