@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}button{appearance:none;background:0 0;border:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100dvh;text-rendering:optimizeLegibility;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{block-size:auto;max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}}@layer basic{@font-face{font-family:Inter;src:url(/assets/fonts/inter.var.subset.woff2)format("woff2");font-display:swap;font-weight:100 700}@font-face{font-family:Inter-fallback;font-display:swap;size-adjust:106%;ascent-override:90%;advance-override:1;src:local(Arial)}@font-face{font-family:RockSalt;src:url(/assets/fonts/rocksalt.sveta.subset.woff2)format("woff2");font-display:block;font-weight:100 700}@view-transition{navigation: auto;}:root{--text-hue:30;--text-color:hsl(var(--text-hue)6% 15%/1);--text-color2:hsl(var(--text-hue)10% 25%/1);--back-color:hsl(var(--text-hue)5% 95%/1);--back-color2:hsl(var(--text-hue)15% 90%/1);--brand-color:#00f;--font-main:"Inter","Inter-fallback","Arial",sans-serif;--font-weight:420;--font-weight-light:200;--font-weight-semibold:400;--font-weight-bold:550;--font-weight-extra-light:100;font-variation-settings:"CRSV" 1;--letter-spacing-small:.05ch;--letter-spacing-big:.1ch;--duration:.35s;--easing:ease-in-out}@media (prefers-color-scheme:dark){:root{--text-color:hsl(var(--text-hue)6% 85%/1);--text-color2:hsl(var(--text-hue)10% 65%/1);--back-color:hsl(var(--text-hue)5% 5%/1);--back-color2:hsl(var(--text-hue)5% 20%/1)}img{filter:brightness(.95)contrast(1.05)}}:root{fill:var(--text-color);stroke:var(--text-color);--column-width:65ch;--gap:var(--space-xs-s);--lh:1.6;--lhh:1.2;--border-radius:5px;--step--1:clamp(.75rem,calc(.46rem + .36vw),1.03rem);--step-0:clamp(1rem,calc(.62rem + .48vw),1.38rem);--step-1:clamp(1.33rem,calc(.83rem + .63vw),1.83rem);--step-2:clamp(1.78rem,calc(1.1rem + .85vw),2.44rem);--step-3:clamp(2.37rem,calc(1.47rem + 1.13vw),3.26rem);--step-4:clamp(3.16rem,calc(1.95rem + 1.5vw),4.34rem);--space-3xs:clamp(.25rem,calc(.12rem + .16vw),.38rem);--space-2xs:clamp(.5rem,calc(.31rem + .24vw),.69rem);--space-xs:clamp(.75rem,calc(.43rem + .4vw),1.06rem);--space-s:clamp(1rem,calc(.62rem + .48vw),1.38rem);--space-m:clamp(1.5rem,calc(.93rem + .71vw),2.06rem);--space-l:clamp(2rem,calc(1.24rem + .95vw),2.75rem);--space-xl:clamp(3rem,calc(1.86rem + 1.43vw),4.13rem);--space-2xl:clamp(4rem,calc(2.48rem + 1.9vw),5.5rem);--space-3xl:clamp(6rem,calc(3.71rem + 2.86vw),8.25rem);--space-3xs-2xs:clamp(.25rem,calc(-.19rem + .56vw),.69rem);--space-2xs-xs:clamp(.5rem,calc(-.07rem + .71vw),1.06rem);--space-xs-s:clamp(.75rem,calc(.12rem + .79vw),1.38rem);--space-s-m:clamp(1rem,calc(-.08rem + 1.35vw),2.06rem);--space-m-l:clamp(1.5rem,calc(.23rem + 1.59vw),2.75rem);--space-l-xl:clamp(2rem,calc(-.16rem + 2.7vw),4.13rem);--space-xl-2xl:clamp(3rem,calc(.46rem + 3.17vw),5.5rem);--space-2xl-3xl:clamp(4rem,calc(-.32rem + 5.4vw),8.25rem);--space-s-xl:clamp(1rem,calc(-2.17rem + 3.97vw),4.13rem);--space-m-xl:clamp(1.5rem,calc(-1.17rem + 3.33vw),4.13rem);--space-l-2xl:clamp(2rem,calc(-1.56rem + 4.44vw),5.5rem);--space-xs-l:clamp(.75rem,calc(-1.28rem + 2.54vw),2.75rem);--space-xs-2xl:clamp(.75rem,calc(-4.08rem + 6.03vw),5.5rem)}::selection{color:var(--back-color);background:var(--text-color)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--text-color2)var(--back-color);background:var(--back-color);color:var(--text-color)}svg{fill:var(--text-color);stroke:var(--text-color)}body.is-loading *,body.is-loading :before,body.is-loading :after{transition:none!important;animation:none!important}body,input,select,textarea{line-height:var(--lh);font-family:var(--font-main);font-size:var(--step-0);font-weight:var(--font-weight)}h1,h2,h3,h4,h5,h6{line-height:var(--lhh);font-weight:var(--font-weight-light)}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}sup{font-size:.7em}hr{margin:var(--gap)0;border:0}a:not([class]){transition:text-decoration-color var(--duration)var(--easing),color var(--duration)var(--easing);text-decoration:underline .075em;text-decoration-color:var(--brand-color);text-underline-offset:.2em}a:not([class]):hover{color:#2626ff;text-decoration-color:#0000}:where(:not(:active)):focus-visible{outline:dashed 2px var(--text-color2);outline-offset:5px}img{border-radius:var(--border-radius)}.stack>*+*{margin-top:calc(var(--lh)*1em)}.stack>*+:where(h1,h2,h3,h4){margin-top:calc(var(--lhh)*1em)}.flex-stack{gap:var(--space-m);flex-direction:column;display:flex}}@layer layout{body{grid-template-rows:auto 1fr auto;grid-template-columns:max-content 1fr;display:grid}#site-header{grid-column:1/3}nav{grid-area:span 2/1/auto/2}main,#site-footer{grid-column:2/3}}@layer components{#site-footer{margin-bottom:var(--gap);margin-top:var(--space-xl-2xl);padding-inline:var(--gap);gap:var(--space-s);text-align:center;flex-direction:column;display:flex;&>:last-child{text-align:right}}a.top{width:100%;max-width:10ch;display:block}a.top svg{stroke-width:50px;width:var(--space-l);height:var(--space-l);stroke-linecap:round;transition:all .3s ease-in-out}a.top:hover svg{stroke-width:70px}.items{column-width:480px;column-gap:var(--space-m);& .item{break-inside:avoid;padding-bottom:var(--space-m);gap:var(--space-2xs);flex-direction:column;display:flex;& picture{background:var(--back-color2);padding:var(--space-l-xl);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuZGV2L3N2Z2pzIiB2aWV3Qm94PSIwIDAgNzAwIDcwMCIgd2lkdGg9IjcwMCIgaGVpZ2h0PSI3MDAiIG9wYWNpdHk9IjEiPjxkZWZzPjxmaWx0ZXIgaWQ9Im5ubm9pc2UtZmlsdGVyIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHByaW1pdGl2ZVVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJsaW5lYXJSR0IiPgoJPGZlVHVyYnVsZW5jZSB0eXBlPSJ0dXJidWxlbmNlIiBiYXNlRnJlcXVlbmN5PSIwLjIiIG51bU9jdGF2ZXM9IjQiIHNlZWQ9IjE1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHJlc3VsdD0idHVyYnVsZW5jZSI+PC9mZVR1cmJ1bGVuY2U+Cgk8ZmVTcGVjdWxhckxpZ2h0aW5nIHN1cmZhY2VTY2FsZT0iMTIiIHNwZWN1bGFyQ29uc3RhbnQ9IjEiIHNwZWN1bGFyRXhwb25lbnQ9IjIwIiBsaWdodGluZy1jb2xvcj0iIzc5NTdBOCIgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBpbj0idHVyYnVsZW5jZSIgcmVzdWx0PSJzcGVjdWxhckxpZ2h0aW5nIj4KICAgIAkJPGZlRGlzdGFudExpZ2h0IGF6aW11dGg9IjMiIGVsZXZhdGlvbj0iMTEyIj48L2ZlRGlzdGFudExpZ2h0PgogIAk8L2ZlU3BlY3VsYXJMaWdodGluZz4KICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGluPSJzcGVjdWxhckxpZ2h0aW5nIiByZXN1bHQ9ImNvbG9ybWF0cml4Ij48L2ZlQ29sb3JNYXRyaXg+CjwvZmlsdGVyPjwvZGVmcz48cmVjdCB3aWR0aD0iNzAwIiBoZWlnaHQ9IjcwMCIgZmlsbD0idHJhbnNwYXJlbnQiPjwvcmVjdD48cmVjdCB3aWR0aD0iNzAwIiBoZWlnaHQ9IjcwMCIgZmlsbD0iIzc5NTdhOCIgZmlsdGVyPSJ1cmwoI25ubm9pc2UtZmlsdGVyKSI+PC9yZWN0Pjwvc3ZnPg==)}& span{text-decoration:underline;text-decoration-color:var(--back-color);text-underline-offset:.2em;text-decoration-skip-ink:none;transition:text-decoration-color var(--duration)var(--easing);text-decoration-style:solid;text-decoration-thickness:.2em}&:hover span{text-decoration-color:var(--brand-color)}@media (prefers-color-scheme:dark){& picture{background-blend-mode:difference}}& img{box-shadow:0 4px 10px #000}& picture:has(.sp1){padding:0}& img.sp1{box-shadow:none}}}.painting-container{text-align:center;place-items:center;display:grid;& img{max-block-size:95vh;inline-size:auto}}main{--content:min(var(--column-width),calc(100% - var(--gap)*2));--full:minmax(0,1fr);--main-gap:var(--gap);--feature:minmax(0,12ch);--popout:minmax(0,var(--space-s-m));grid-template-columns:[full-start]var(--main-gap)[max-start]var(--full)[feature-start]var(--feature)[popout-start]var(--popout)[content-start]var(--content)[content-end]var(--popout)[popout-end]var(--feature)[feature-end]var(--full)[max-end]var(--main-gap)[full-end];grid-auto-rows:min-content;place-content:center;display:grid}main>*{grid-column:content}main.stack>:first-child{margin-top:0}main>.feature{grid-column:feature}main>.popout{grid-column:popout}main>.max{grid-column:max}main>.full{grid-column:full}@media screen and (width<=75ch){main>picture,main.index>a{grid-column:full}}#site-header{place-content:center;min-block-size:25vh;display:grid;overflow-x:hidden}#site-header a.logo{font-family:RockSalt,sans-serif;font-size:var(--step-4);view-transition-name:logo;flex-direction:column;align-items:center;line-height:1;display:flex;& svg{transition:all var(--duration)var(--easing);margin-block-start:var(--space-3xs);margin-block-end:calc(var(--space-3xs)*-1)}&:hover svg{fill:var(--brand-color)}}}@layer utils{.hide{visibility:hidden}.fhide{display:none!important}.fade-in{animation:.5s fadeIn}.fade-out{animation:.5s ease-in forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.two-columns{gap:var(--space-m);flex-wrap:wrap;display:flex}.two-columns>:first-child{flex:25ch}.two-columns.small>:first-child{flex:15ch;max-block-size:35vh}.two-columns>:not(:first-child){flex:3 40ch}.centered{place-items:center;display:grid}}