:root{--color-accent: #b71f22;--color-base: oklch(from var(--color-accent) .985 .0015 h);--color-contrast: #1a1a1a;--color-grey-50: oklch(from var(--color-accent) .96 .0025 h);--color-grey-100: oklch(from var(--color-accent) .9 .0025 h);--color-grey-200: oklch(from var(--color-accent) .8 .0025 h);--color-grey-300: oklch(from var(--color-accent) .7 .0025 h);--color-grey-400: oklch(from var(--color-accent) .6 .0025 h);--color-grey-500: oklch(from var(--color-accent) .5 .0025 h);--color-grey-600: oklch(from var(--color-accent) .4 .0025 h);--color-grey-700: oklch(from var(--color-accent) .3 .0025 h);--color-grey-800: oklch(from var(--color-accent) .2 .0025 h);--color-grey-900: oklch(from var(--color-accent) .1 .0025 h);--color-grey-950: oklch(from var(--color-accent) .05 .0025 h);--color-danger: #b71f22;--color-success: #24a474;--color-warning: #ffc527;--color-info: #1a1a1a;--font-text: "Lexend", system-ui, sans-serif;--font-heading: "Lexend", system-ui, sans-serif;--font-monospace: monospace;--weight-regular: 350;--weight-semibold: 600;--weight-bold: 800;--weight-black: 800;--text-xs: 14px;--text-sm: 16px;--text-md: 18px;--text-lg: 22px;--text-h1: 60px;--text-h2: 40px;--text-h3: 30px;--text-h4: 20px;--text-h5: 18px;--text-h6: 18px;--line-height-xs: 1.15;--line-height-sm: 1.25;--line-height-md: 1.5;--line-height-lg: 1.75;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--spacing-2xl: 4.5rem;--spacing-3xl: 6rem;--spacing-4xl: 8rem;--spacing-5xl: 12rem;--border-size: 3px;--border-size-lg: 5px;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 20px;--shadow-lg: 0 30px 45px -30px rgb(from var(--color-contrast) r g b / .25);--shadow-lg-hover: 0 30px 45px -20px rgb(from var(--color-contrast) r g b / .3);--shadow-xl: 25px 0 45px -25px rgb(from var(--color-contrast) r g b / .1);--aside-width: 60px;--navigation-tip-width: 60px;--navigation-card-height: 300px;--featured-aspect-ratio: 16/9;--blog-cover-height: 500px}@media(min-width:992px){:root{--text-xs: 18px;--text-sm: 20px;--text-md: 22px;--text-lg: 25px;--text-h1: 80px;--text-h2: 50px;--text-h3: 40px;--text-h4: 30px;--text-h5: 20px;--text-h6: 20px}}@font-face{src:url("/css/FiraCode-var-CT5PLU6Z.woff2") format("woff2"),url("/css/FiraCode-var-WRAUI3CQ.woff") format("woff");font-family:FiraCode;font-display:swap}@font-face{src:url("/css/Lexend-25JZADZW.woff2") format("woff2"),url("/css/Lexend-4TXG72FX.woff") format("woff");font-family:Lexend;font-display:swap}@font-face{font-style:normal;font-weight:400;src:url("/css/fontello-DMJZA3K3.woff2") format("woff2"),url("/css/fontello-SNZKLB7I.woff") format("woff");font-family:fontello;font-display:swap}[class^=icon-]:before,[class*=" icon-"]:before{display:inline-block;margin-right:.2em;margin-left:.2em;width:1em;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;font-family:fontello;text-align:center;text-decoration:inherit;text-transform:none}.icon-chevron-right:before{content:"\e800"}.icon-chevron-left:before{content:"\e801"}.icon-check:before{content:"\e948"}.icon-clipboard:before{content:"\e981"}.icon-facebook-f:before{content:"\ea75"}.icon-flickr:before{content:"\eab9"}.icon-github:before{content:"\eaec"}.icon-instagram:before{content:"\eba3"}.icon-lastfm:before{content:"\ebd8"}.icon-linkedin-in:before{content:"\ebea"}.icon-magnifying-glass:before{content:"\ec01"}.icon-pinterest-p:before{content:"\ecef"}.icon-rss:before{content:"\ed59"}.icon-spotify:before{content:"\edcd"}.icon-x-twitter:before{content:"\ef3e"}.icon-skull-crossbones:before{content:"\ef51"}.icon-cube:before{content:"\ef68"}.icon-dice:before{content:"\ef69"}.icon-eye:before{content:"\ef6a"}.icon-fire-flame-curved:before{content:"\ef6b"}.icon-gamepad:before{content:"\ef6c"}.icon-headphones-simple:before{content:"\ef6d"}.icon-heart:before{content:"\ef6e"}.icon-lightbulb:before{content:"\ef6f"}.icon-quote-left:before{content:"\ef70"}.icon-record-vinyl:before{content:"\ef71"}.icon-spray-can:before{content:"\ef72"}.icon-apple-whole:before{content:"\ef73"}.icon-asterisk:before{content:"\ef74"}.icon-bolt-lightning:before{content:"\ef75"}.icon-book-open:before{content:"\ef76"}.icon-browser:before{content:"\ef77"}.icon-camera-cctv:before{content:"\ef78"}.icon-camera-retro:before{content:"\ef79"}.icon-chart-simple:before{content:"\ef7a"}.icon-code:before{content:"\ef7b"}.icon-compact-disc:before{content:"\ef7c"}.icon-compass:before{content:"\ef7d"}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-base);width:100vw;overflow-x:hidden;color:var(--color-contrast);font-weight:var(--weight-regular);font-size:var(--text-md);line-height:var(--line-height-md);font-family:var(--font-text)}.hidden{display:none}.discrete{clip:rect(0 0 0 0);position:absolute;clip-path:inset(50%)}.overline{border-top:var(--border-size-lg) solid var(--color-accent)}.color-contrast{color:var(--color-contrast)}.highlight{position:relative;box-shadow:inset 0 5px 10px -5px rgb(from var(--color-contrast) r g b / .1);border-bottom:2px solid #ffffff;border-radius:var(--radius-md);max-width:calc(100vw - var(--spacing-md) * 2);overflow-x:auto;div,pre{background-color:transparent!important;overflow-x:auto}tr>td:nth-child(1) span{display:block;padding-left:1em!important}.button{display:none;position:absolute;top:var(--spacing-md);right:var(--spacing-md)}&:hover{.button{display:block}}}input[type=text],input[type=email],textarea{border:none;border-bottom:var(--border-size) solid var(--color-grey-50);background-color:#fff;padding:.65em .5em;width:100%;font-weight:var(--weight-regular);font-size:var(--text-md);font-family:var(--font-text);&:placeholder-shown{color:var(--color-grey-400);font-style:italic}&:focus-within{outline:none;border-color:var(--color-accent)}}textarea{min-height:150px;resize:vertical}label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-grey-800);em{color:var(--color-danger)}}.input-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);>div{width:100%}div:has(input:focus-within,textarea:focus-within){label{color:var(--color-accent)}}}.status{font-style:italic;font-size:var(--text-sm)}.status--error{color:var(--color-danger)}.status--success{color:var(--color-success)}@media(min-width:576px){.input-row{flex-wrap:nowrap}}@media(min-width:992px){.input-row{flex-wrap:wrap}}@media(min-width:1200px){.input-row{flex-wrap:nowrap}}.page{display:grid}.container{margin:var(--spacing-lg) auto;padding:var(--spacing-md);max-width:1400px}@media(min-width:768px){.page{grid-template-columns:var(--aside-width) 1fr}.container{margin:var(--spacing-3xl) auto}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:var(--weight-semibold);line-height:var(--line-height-md);font-family:var(--font-heading)}h1,.h1{font-size:var(--text-h1)}h2,.h2{font-size:var(--text-h2)}h3,.h3{font-size:var(--text-h3)}h4,.h4{font-size:var(--text-h4)}h5,.h5{font-size:var(--text-h5)}h6,.h6{font-size:var(--text-h6)}label{cursor:pointer}a{color:var(--color-accent)}blockquote{position:relative;margin-right:0;margin-left:0;font-style:italic;&:before{position:absolute;top:.05em;left:-.25ch;z-index:-1;content:"\201c";color:var(--color-grey-100);font-size:10em;line-height:1ex;font-family:Georgia,serif}}a:hover{text-underline-offset:.25rem}kbd{margin-right:.25em;margin-left:.25em;border:1px solid var(--color-grey-200);border-radius:var(--radius-sm);background-color:var(--color-grey-50);padding:.15em .45em;color:var(--color-grey-800);font-size:var(--text-sm);font-family:var(--font-monospace)}.button{--arrow-size: 1.75em;--arrow-padding: 2.5em;--arrow-offset: .4em;--arrow-offset-hover: .3em;display:inline-block;cursor:pointer;border:var(--border-size) solid var(--color-accent);background-color:var(--color-base);padding:.75em 1em;min-width:150px;color:var(--color-accent);font-weight:var(--weight-semibold);font-size:var(--text-sm)!important;line-height:1em;font-family:var(--font-text);text-align:center;text-decoration:none;&:hover{background-color:var(--color-accent);color:var(--color-base)}&.prev,&.next{position:relative;&:before,&:after{position:absolute;transition:left .15s ease-out,right .15s ease-out;font-size:var(--arrow-size)}}&.prev{padding-left:var(--arrow-padding);&:before{left:var(--arrow-offset);content:"\219c"}&:hover{&:before{left:var(--arrow-offset-hover)}}}&.next{padding-right:var(--arrow-padding);&:after{right:var(--arrow-offset);content:"\219d"}&:hover{&:after{right:var(--arrow-offset-hover)}}}}@media(min-width:992px){.button{font-size:var(--text-md)}}.container--page{h1{text-align:center}}.header{display:flex;justify-content:center;align-items:center;border-top:var(--border-size-lg) solid var(--color-accent);padding:var(--spacing-md);img{width:40px;height:40px}}@media(min-width:768px){.header{padding:var(--spacing-lg);img{width:65px;height:65px}}}.footer{background-color:var(--color-accent);padding:var(--spacing-sm);color:var(--color-base);font-size:var(--text-sm);text-align:center;a{color:var(--color-base);text-decoration:none;&:hover{text-decoration:underline}}p{margin-top:0;line-height:var(--line-height-xs);font-size:var(--text-h4);margin-bottom:var(--spacing-lg)}ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin:0;margin-bottom:var(--spacing-3xl);padding:0;font-size:1.4em;list-style:none}nav+p{font-size:.9em}i{display:block;transition:transform .1s ease-out;&:hover{transform:scale(1.2)}}}#ripples{display:block;margin-bottom:-1px;width:100%}@media(min-width:992px){.footer{padding:0 0 var(--spacing-lg) 0;ul{gap:var(--spacing-md)}p{font-size:var(--text-h3)}}}.container--blog-single{position:relative;margin-top:0;max-width:1600px;img{width:100%;height:auto}>img{max-height:150px;object-fit:cover}section{position:relative;margin:0 auto;background-color:var(--color-base);font-size:var(--text-sm);line-height:var(--line-height-lg)}h1{margin-bottom:var(--spacing-xl);font-size:var(--text-h3);line-height:var(--line-height-xs);letter-spacing:-.025em;text-align:center}aside,article{margin:0 auto;max-width:1024px;width:100%}dl{display:none;grid-template-columns:max-content auto max-content auto;gap:.5ch;font-size:var(--text-xs);line-height:var(--line-height-md);text-align:left}dt{font-weight:var(--weight-semibold)}dd{ul{display:flex;padding:0;list-style:none}li+li{&:before{content:", "}}}h2{font-size:var(--text-h3)}h3{font-size:var(--text-h4)}h4{font-size:var(--text-h5)}.suggestion{h2{font-size:var(--text-h2);text-align:center}}nav{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-lg);padding:0;a{display:grid;align-items:center;align-self:center;gap:var(--spacing-md);box-shadow:var(--shadow-lg);border-top:2px solid #fff;padding:var(--spacing-lg);width:100%;max-width:850px;color:var(--color-contrast);text-decoration:none;&:hover{i{transform:translate(.25em)}}}div{height:100%}figure{margin:0;height:100%}img{width:100%;height:100%;object-fit:cover}p{margin:0;font-size:var(--text-h4);line-height:var(--line-height-sm)}span{display:block;margin-bottom:var(--spacing-sm);color:var(--color-accent);&:after{display:block;border-bottom:var(--border-size) solid var(--color-accent);width:100%;max-width:50px;content:""}}i{display:none;transition:transform .15s ease-out;color:var(--color-accent);font-size:var(--text-h2)}}}@media(min-width:576px){.container--blog-single{>img{max-height:250px}nav{a{grid-template-columns:1fr 2fr .25fr}i{display:block}}}}@media(min-width:992px){.container--blog-single{box-shadow:var(--shadow-lg);padding:var(--spacing-4xl);>img{position:absolute;top:0;left:0;z-index:-1;height:var(--blog-cover-height);max-height:unset}section{margin-top:var(--spacing-4xl);padding:var(--spacing-2xl);&:before{position:absolute;top:0;left:0;z-index:-1;box-shadow:var(--shadow-lg);width:100%;height:var(--blog-cover-height);content:""}}header{margin-bottom:var(--spacing-4xl)}h1{margin-top:0;margin-bottom:var(--spacing-2xl);font-size:var(--text-h2)}}}@media(min-width:1200px){.container--blog-single{section{padding:var(--spacing-4xl)}dl{display:grid}}}.container--blog{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1500px;article{display:grid;position:relative;box-shadow:var(--shadow-lg);border-top:2px solid #fff}img{transition:transform 5s ease-out;width:100%;height:100%;object-fit:cover}h2{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--color-contrast);font-weight:var(--weight-semibold);font-size:var(--text-h3);line-height:var(--line-height-xs);letter-spacing:-.025em}ul{display:flex;margin-top:0;padding:0;list-style:none;a:hover{text-decoration:underline}}li:not(:last-child):after{margin-right:.5ch;content:",";color:var(--color-accent)}a{font-size:var(--text-sm);text-decoration:none}.item-image{overflow:hidden}.item-content{padding:var(--spacing-sm);>i{position:absolute;right:var(--spacing-lg);bottom:var(--spacing-lg);color:var(--color-grey-50);font-size:var(--text-h1);text-shadow:0 1px 2px #fff,0 0 2px rgb(from var(--color-contrast) r g b / .45)}}p{margin-top:0}span,time{display:none;color:var(--color-grey-500);font-size:var(--text-sm)}.button{margin-bottom:var(--spacing-lg)}}@media(min-width:768px){.container--blog{gap:var(--spacing-3xl);article{grid-template-columns:1fr 2fr}.item-content{padding:var(--spacing-2xl)}h2{font-size:var(--text-h2)}a{font-size:var(--text-md)}span,time{display:block}}}.container--breadcrumb{margin-top:0;margin-bottom:0;padding:0 var(--spacing-md);max-width:1600px}@media(min-width:992px){.container--breadcrumb{margin-bottom:var(--spacing-lg);padding:0}}.container--contact{display:grid;grid-template-columns:1fr;h1{position:absolute;clip-path:inset(50%)}form{position:relative;box-shadow:var(--shadow-lg);border-top:2px solid #fff;padding:var(--spacing-lg);p{margin:0}}i{position:absolute;right:var(--spacing-lg);bottom:var(--spacing-lg);color:var(--color-grey-50);font-size:var(--text-h2)}.input-row:has(.status)>div:first-child{width:unset}}@media(min-width:768px){.container--contact{gap:var(--spacing-xl)}}@media(min-width:992px){.container--contact{grid-template-columns:1fr 1.5fr;gap:var(--spacing-4xl);form{padding:var(--spacing-xl)}}}@media(min-width:1200px){.container--contact{align-items:center;form{padding-top:var(--spacing-2xl)}}}.menu{position:absolute;top:var(--spacing-lg);right:var(--spacing-md);z-index:10;.bar{display:flex;position:relative;justify-content:center;align-items:center;z-index:1;height:100%}label{display:flex;position:relative;justify-content:center;align-items:center;transform:rotate(90deg);transition:transform .1s ease-out;width:30px;height:30px;&:hover{span{&:nth-child(1){margin-left:calc(var(--border-size-lg) * -4.5)}&:nth-child(3){margin-left:calc(var(--border-size-lg) * 4.5)}}}}span{position:absolute;transition-duration:.1s,.3s,.25s;transition-property:margin,transform,height;transition-timing-function:ease-out;border-radius:var(--border-size-lg);background-color:var(--color-accent);width:var(--border-size-lg);height:100%;&:nth-child(1){margin-left:calc(var(--border-size-lg) * -4)}&:nth-child(3){margin-left:calc(var(--border-size-lg) * 4)}}.drawer{position:fixed;top:0;left:0;transform:translate(100%);opacity:0;transition-delay:0s,.25s;transition-duration:.25s,0s;transition-property:transform,opacity;transition-timing-function:ease-out;box-shadow:var(--shadow-lg);border-top:5px solid var(--color-accent);border-right:var(--border-size) solid var(--color-grey-100);background-color:var(--color-base);width:100vw;height:100dvh}.drawer-content{display:flex;align-items:center;box-shadow:var(--shadow-xl);width:100%;height:100%}ul{margin:0;padding:0;list-style:none;text-align:center}nav{width:100%}a{color:var(--color-grey-200);font-size:1.65em;line-height:1.75;text-decoration:none;text-transform:lowercase;&:hover{color:var(--color-accent)}&[aria-current=page]{color:var(--color-accent)}}i{display:none;position:fixed;right:.5ch;bottom:0;color:var(--color-grey-50);font-style:normal;font-weight:var(--weight-bold);font-size:1.5em;font-size:6em;line-height:1em;text-align:right}#drawer-toggle{position:absolute;opacity:0}#drawer-toggle:checked{~.drawer{transform:translate(0);opacity:1;transition-delay:0s,0s}~.bar{label{span{&:nth-child(1){transform:rotate(45deg);margin-left:0}&:nth-child(2){height:0}&:nth-child(3){transform:rotate(-45deg);margin-left:0}}&:hover{transform:rotate(90deg) scale(1.1)}}}}}body:has(#drawer-toggle:checked){overflow:hidden}@media(min-width:768px){.menu{position:sticky;top:0;right:unset;border-top:5px solid var(--color-accent);height:100dvh;label{transform:rotate(0)}.bar{background-color:var(--color-base)}label{width:40px;height:40px}.drawer{transform:translate(-100%)}.drawer-content{max-width:500px}ul{padding-left:var(--spacing-md);text-align:left}a{&:hover{i{display:block}}}#drawer-toggle:checked{~.drawer{left:var(--aside-width);transform:translate(0)}~.bar{label{&:hover{transform:rotate(0) scale(1.1)}}}}}}.container--portfolio-single{margin-top:0;header{display:flex;position:relative;justify-content:center;align-items:center;img{aspect-ratio:var(--featured-aspect-ratio)}}h1{position:absolute;font-weight:var(--weight-black);font-size:var(--text-h2);line-height:var(--line-height-xs);text-align:center}img{width:100%;max-width:1200px;height:auto}aside{font-size:var(--text-sm)}dl{text-align:center}dt{margin-bottom:var(--spacing-sm);font-weight:var(--weight-semibold)}dd{margin:0}.content{display:grid}figure{margin:0}.gallery{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}nav{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);a{display:flex;position:relative;flex-direction:column-reverse;justify-content:center;align-items:center;box-shadow:var(--shadow-lg);border-top:2px solid #fff;background:var(--color-grey-50);overflow:hidden;pointer-events:auto;color:var(--color-contrast);text-decoration:none;&:hover{img{transform:scale(1.25)}}}figure{display:flex;position:relative;justify-content:center;align-items:center}img{transition:transform 5s ease-out;width:100%;height:100%;object-fit:contain}span{display:flex;position:absolute;top:0;flex-shrink:0;justify-content:center;align-items:center;color:var(--color-accent);font-weight:400;font-size:var(--text-md);text-align:center;text-transform:uppercase;&:before,&:after{font-weight:900;flex-direction:row-reverse;margin:var(--spacing-md) 0;content:"\b7"}}p{position:absolute}}}@media(min-width:768px){.container--portfolio-single{h1{font-size:var(--text-h2)}.content{grid-template-columns:1fr 3fr;gap:var(--spacing-xl)}dl{text-align:right}aside{position:sticky;top:0;height:fit-content}nav{position:fixed;top:50dvh;left:var(--aside-width);flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - var(--aside-width));pointer-events:none;a{position:absolute;right:0;flex-direction:row-reverse;transform:translate(calc(100% - var(--navigation-tip-width) + 3px));transition:transform .3s ease-out;border-radius:var(--radius-lg) 0 0 var(--radius-lg);height:var(--navigation-card-height);&:nth-child(1){right:unset;left:0;flex-direction:row;transform:translate(calc(-100% + var(--navigation-tip-width) - 3px));border-radius:0 var(--radius-lg) var(--radius-lg) 0;span{transform:rotate(180deg)}}&:hover{transform:translate(0)}}span{position:static;top:unset;border-right:3px dotted var(--color-grey-100);width:var(--navigation-tip-width);height:100%;font-size:var(--text-xs);writing-mode:vertical-rl}figure{aspect-ratio:4/3;height:var(--navigation-card-height)}}.gallery{margin-bottom:0}}}@media(min-width:1200px){.container--portfolio-single{h1{font-size:var(--text-h1)}}}.container--portfolio{display:flex;flex-direction:column;gap:var(--spacing-xl);article{display:flex;flex-direction:column;width:100%;>a{display:flex;flex-direction:column;justify-content:center;z-index:1}&:has(a:hover){figure{transform:scale(1.025);box-shadow:var(--shadow-lg-hover)}span{transform:rotate(90deg)}}}a{position:relative;color:var(--color-contrast);text-decoration:none}h2{margin:0;font-weight:var(--weight-black);font-size:var(--text-h3);line-height:1.125em}p{margin:0;font-size:var(--text-sm);white-space:nowrap;&:before{margin-right:.5ch;content:"#";color:var(--color-accent)}}span{display:none}figure{transition-duration:.5s;transition-property:transform,box-shadow;transition-timing-function:ease-out;margin:0;box-shadow:var(--shadow-lg);border-top:2px solid #fff;aspect-ratio:var(--featured-aspect-ratio);width:100%;max-width:800px;a{display:block;background-color:var(--color-grey-50);width:100%;height:100%}}img{width:100%;height:100%;object-fit:cover}}@media(min-width:576px){.container--portfolio{h2{font-size:var(--text-h2)}}}@media(min-width:992px){.container--portfolio{gap:var(--spacing-3xl);article{justify-content:flex-end;gap:var(--spacing-lg);&:nth-child(2n){flex-direction:row-reverse;text-align:left;h2{margin-left:-10rem}span{left:0}}&:nth-child(odd){flex-direction:row;text-align:right;h2{margin-right:-10rem}span{right:0}}>a{gap:var(--spacing-md)}}span{display:flex;position:absolute;bottom:0;justify-content:center;align-items:center;transform:rotate(0);transition:transform .5s ease-out;width:3rem;height:3rem;&:before,&:after{position:absolute;background-color:var(--color-accent);width:100%;height:8px;content:""}&:after{transform:rotate(90deg)}}}}@media(min-width:992px){.container--portfolio{h2{font-size:calc(var(--text-h2) * 1.15)}}}@media(min-width:1200px){.container--portfolio{h2{font-size:var(--text-h1)}}}.container--lab{ul{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:0;list-style:none}a{display:flex;position:relative;justify-content:center;align-items:center;transform:scale(1);transition-duration:.3s;transition-property:box-shadow,transform;transition-timing-function:ease-out;box-shadow:var(--shadow-lg);border:1px solid var(--color-grey-50);border-top:2px solid #fff;border-radius:var(--radius-md);background-color:var(--color-base);padding:1.25em 1.25em 2em;&:hover{transform:scale(1.025);box-shadow:var(--shadow-lg-hover)}}img{z-index:0;filter:brightness(1);transition:filter .3s ease-out;border-radius:var(--radius-md);width:100%;height:auto;object-fit:cover;display:block}div{position:relative;&:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,transparent 65%,rgb(from var(--color-contrast) r g b / .9) 100%);left:0;top:0;border-radius:var(--radius-md)}}h2{position:absolute;bottom:var(--spacing-md);z-index:1;transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:ease-out;color:var(--color-base);font-size:var(--text-h2)}p{display:none;position:absolute;top:3.5em;left:.875em;transform:rotate(180deg);z-index:1;margin:0;color:var(--color-contrast);font-size:.65em;line-height:1;font-family:var(--font-monospace);writing-mode:vertical-rl}}#lab-canvas{position:fixed;inset:0;width:100%;height:100dvh;touch-action:none}#view-toggle{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:5;padding:var(--spacing-sm);min-width:unset;font-size:var(--text-xs)}body:not(:has(.container--lab.hidden)){#lab-canvas{display:none}}body:has(.container--lab.hidden){header,footer,#ripples{display:none}}@media(min-width:576px){.container--lab{ul{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}a{padding:1.75em 1.75em 2.5em;&:hover{h2{display:block;transform:scale(1);opacity:1}img{filter:brightness(.25)}}}div{&:after{display:none}}h2{bottom:unset;transform:scale(.9);opacity:0}p{display:block}}}@media(min-width:992px){#view-toggle{top:var(--spacing-md);right:var(--spacing-md);left:unset}}.container--lab-single{text-align:center;h1{margin-bottom:var(--spacing-lg);line-height:var(--line-height-xs)}.button{margin-bottom:var(--spacing-lg)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);img{width:100%;height:auto;object-fit:cover}}}.container--term,.container--taxonomy{header{display:flex;flex-direction:column}h1{margin:0;font-size:var(--text-h2)}p{margin:0;&:before{margin-right:.5ch;content:"#";color:var(--color-accent)}}}.container--404{text-align:center;h1{margin-top:0;margin-bottom:0;line-height:1;font-weight:var(--weight-black);font-size:calc(var(--text-h1) * 2)}}