@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{text-rendering:optimizelegibility;min-height:100dvh;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:Roboto;src:url(/assets/fonts/roboto.var.subset.woff2)format("woff2");font-optical-sizing:auto;font-display:swap;font-weight:100 900;font-stretch:75 100;font-style:normal;font-variation-settings:"wdth" 100}@font-face{font-family:Roboto-fallback;src:local(Arial);size-adjust:99%;ascent-override:normal;descent-override:28%;line-gap-override:normal}@font-face{font-family:Roboto-Slab;src:url(/assets/fonts/roboto-slab.var.subset.woff2)format("woff2");font-display:swap;font-weight:100 700}@font-face{font-family:Roboto-Slab-fallback;src:local(Georgia);size-adjust:103%;ascent-override:98%;descent-override:25%;line-gap-override:normal}@view-transition{navigation:auto}html{color-scheme:light dark}:root{--font-family-text:"Roboto", "Roboto-fallback", "Arial", sans-serif;--font-family-head:"Roboto-Slab", "Roboto-Slab-fallback", "Arial", serif;interpolate-size:allow-keywords;--brand-hue:16;--brand-saturation:69%;--brand-lightness:69%;--color-primary:hsl(var(--brand-hue), var(--brand-saturation), var(--brand-lightness));--color-text:hsl(var(--brand-hue), 20%, 15%);--color-back:hsl(var(--brand-hue), 10%, 93%);--color-border:hsl(var(--brand-hue), 10%, 83%);--color-primary-5:color-mix(in oklab, var(--color-primary), var(--color-back) 5%);--color-primary-10:color-mix(in oklab, var(--color-primary), var(--color-back) 10%);--color-primary-15:color-mix(in oklab, var(--color-primary), var(--color-back) 15%);--color-primary-20:color-mix(in oklab, var(--color-primary), var(--color-back) 20%);--color-primary-25:color-mix(in oklab, var(--color-primary), var(--color-back) 25%);--color-primary-30:color-mix(in oklab, var(--color-primary), var(--color-back) 30%);--color-text-5:color-mix(in oklab, var(--color-text), var(--color-back) 5%);--color-text-10:color-mix(in oklab, var(--color-text), var(--color-back) 10%);--color-text-15:color-mix(in oklab, var(--color-text), var(--color-back) 15%);--color-text-20:color-mix(in oklab, var(--color-text), var(--color-back) 20%);--color-text-25:color-mix(in oklab, var(--color-text), var(--color-back) 25%);--color-text-30:color-mix(in oklab, var(--color-text), var(--color-back) 30%);--color-back-5:color-mix(in oklab, var(--color-back), var(--color-text) 5%);--color-back-10:color-mix(in oklab, var(--color-back), var(--color-text) 10%);--color-back-15:color-mix(in oklab, var(--color-back), var(--color-text) 15%);--color-back-20:color-mix(in oklab, var(--color-back), var(--color-text) 20%);--color-back-25:color-mix(in oklab, var(--color-back), var(--color-text) 25%);--color-back-30:color-mix(in oklab, var(--color-back), var(--color-text) 30%);--text-color2:color-mix(in oklab, var(--text-color) 60%, var(--back-color));--back-color2:color-mix(in oklab, var(--back-color) 95%, var(--text-color));--back-color3:color-mix(in oklab, var(--back-color) 85%, var(--text-color));--accent-color:#e69679;--accent-color2:color-mix(in oklab, var(--accent-color) 60%, var(--back-color));--font-weight:400;--font-weight-light:350;--font-weight-medium:450;--font-weight-semibold:500;--font-weight-bold:700;--border-radius:var(--space-2xs);--duration:.25s;--easing:ease-in-out}@media (prefers-color-scheme:dark){:root{--brand-lightness:31%;--color-text:hsl(var(--brand-hue), 10%, 80%);--color-back:hsl(var(--brand-hue), 5%, 10%);--color-border:hsl(var(--brand-hue), 10%, 20%);--font-weight:369;--font-weight-light:300;--font-weight-medium:400;--font-weight-semibold:500}img{filter:brightness(.9)contrast(1.1)saturate(.9)}}:root{fill:var(--color-text);stroke:var(--color-text);--column-width:75ch;--gap:var(--space-xs-s);--lh:1.6;--lhh:1.2;--step--1:clamp(.85rem, .6976rem + .1905vi, 1rem);--step-0:clamp(1.0625rem, .872rem + .2381vi, 1.25rem);--step-1:clamp(1.3281rem, 1.09rem + .2976vi, 1.5625rem);--step-2:clamp(1.6602rem, 1.3625rem + .372vi, 1.9531rem);--step-3:clamp(2.0752rem, 1.7032rem + .465vi, 2.4414rem);--step-4:clamp(2.594rem, 2.129rem + .5813vi, 3.0518rem);--space-3xs:clamp(.25rem, .1865rem + .0794vi, .3125rem);--space-2xs:clamp(.5625rem, .499rem + .0794vi, .625rem);--space-xs:clamp(.8125rem, .6855rem + .1587vi, .9375rem);--space-s:clamp(1.0625rem, .872rem + .2381vi, 1.25rem);--space-m:clamp(1.625rem, 1.371rem + .3175vi, 1.875rem);--space-l:clamp(2.125rem, 1.744rem + .4762vi, 2.5rem);--space-xl:clamp(3.1875rem, 2.6161rem + .7143vi, 3.75rem);--space-2xl:clamp(4.25rem, 3.4881rem + .9524vi, 5rem);--space-3xl:clamp(6.375rem, 5.2321rem + 1.4286vi, 7.5rem);--space-3xs-2xs:clamp(.25rem, -.131rem + .4762vi, .625rem);--space-2xs-xs:clamp(.5625rem, .1815rem + .4762vi, .9375rem);--space-xs-s:clamp(.8125rem, .3681rem + .5556vi, 1.25rem);--space-s-m:clamp(1.0625rem, .2371rem + 1.0317vi, 1.875rem);--space-m-l:clamp(1.625rem, .7361rem + 1.1111vi, 2.5rem);--space-l-xl:clamp(2.125rem, .4742rem + 2.0635vi, 3.75rem);--space-xl-2xl:clamp(3.1875rem, 1.3462rem + 2.3016vi, 5rem);--space-2xl-3xl:clamp(4.25rem, .9484rem + 4.127vi, 7.5rem);--space-s-l:clamp(1.0625rem, -.3978rem + 1.8254vi, 2.5rem);--space-m-xl:clamp(1.625rem, -.5337rem + 2.6984vi, 3.75rem);--space-xs-l:clamp(.8125rem, -.9018rem + 2.1429vi, 2.5rem)}::selection{color:var(--color-back);background:var(--color-text)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--color-text) var(--color-back);background:var(--color-back);color:var(--color-text)}svg{fill:var(--color-text);stroke:var(--color-text)}body{min-block-size:100dvh}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-family-text);font-size:var(--step-0);font-weight:var(--font-weight);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{line-height:var(--lhh);font-family:var(--font-family-head);font-weight:var(--font-weight-semibold);letter-spacing:-.05ch;text-wrap:balance}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);text-decoration-color:var(--color-text-10);text-underline-offset:.15em;text-decoration-line:underline;text-decoration-thickness:.1em}a:not([class]):hover{text-decoration-color:#0000}:where(:not(:active)):focus-visible{outline:dashed 2px var(--color-text-10);outline-offset:5px}img{border-radius:var(--border-radius)}.stack>*+*{margin-top:calc(var(--lh) * 1em)}.flex-stack{gap:var(--space-m);flex-direction:column;display:flex}}@layer layout{body{grid-template-columns:var(--gap) max-content 1fr var(--gap);grid-template-rows:auto 1fr auto;display:grid}#site-header{grid-column:2/4}nav{grid-area:span 2/2/auto/3}main,#site-footer{grid-column:3/4}}@layer components{.banner{min-height:50vh;padding:var(--space-m-xl);justify-content:center;align-items:center;gap:var(--space-l) var(--space-s);flex-wrap:wrap-reverse;margin-block-start:0;display:flex;&>:first-child{flex:5 28ch}&>:last-child{flex:29ch}& h1 span:first-child{color:#0000;background-clip:text;background-image:linear-gradient(90deg, var(--color-text-15), var(--color-text-25), var(--color-text-15))}& h1 span:last-child{color:#0000;background-clip:text;background-image:linear-gradient(90deg, var(--color-primary), var(--color-primary-30), var(--color-primary));font-size:calc(var(--step-3) + 10%);font-weight:calc(var(--font-weight-semibold) + 100)}@media screen and (width>=500px){& h1 span:first-child{white-space:nowrap}}& picture{border-image:linear-gradient(to right, var(--color-primary), var(--color-primary-30)) 1;border-width:var(--space-s-m);border-style:solid;border-image-repeat:space}& picture img{mix-blend-mode:exclusion}& .subscript{font-size:var(--step--1)}}ul.breadcrumbs{line-height:1;font-size:var(--step--1);opacity:.95;flex-wrap:wrap;gap:1ch;max-width:none;margin-block-start:0;padding-bottom:.5em;display:flex}ul.breadcrumbs li{white-space:nowrap;padding:0;display:inline-block}ul.breadcrumbs li:after{content:">";color:var(--color-text-20);padding-left:1ch}ul.breadcrumbs li:last-child:after{content:"";display:none}ul.breadcrumbs li:last-child:not(:first-child){color:var(--color-text-20);padding-block-start:1px}ul.breadcrumbs+h1{margin-block-start:0}ul.breadcrumbs+section{margin-block-start:var(--space-xs)}:where(button,input[type=button],input[type=submit],input[type=reset],.button){cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-align:center;padding:var(--space-xs) 2ch;white-space:nowrap;font-size:var(--step-1);background-color:var(--color-back-5);color:inherit;box-shadow:inset 0 0 1px 1px var(--color-back-30);border-radius:var(--border-radius);width:fit-content;height:fit-content;transition:background-color var(--duration) var(--easing);justify-content:center;align-items:center;gap:1ch;display:inline-flex}:where(button,input[type=button],input[type=submit],input[type=reset],.button) span{letter-spacing:normal}:where(button,input[type=button],input[type=submit],input[type=reset],.button).small{font-size:unset}:where(button,input[type=button],input[type=submit],input[type=reset],.button).alt{background-color:var(--color-primary-30);box-shadow:none}:where(button,input[type=button],input[type=submit],input[type=reset],.button):where(:not(:active):hover){background-color:var(--color-back-10)}:where(button,input[type=button],input[type=submit],input[type=reset],.button).alt:where(:not(:active):hover){background-color:var(--color-primary-20)}:where(button,input[type=button],input[type=submit],input[type=reset],.button):active{background-color:var(--color-back-15)}:where(button,input[type=button],input[type=submit],input[type=reset],.button).alt:active{background-color:var(--color-primary-10)}.card-service{margin-block:var(--space-m-l) 0;&>.card-service-content{gap:var(--space-m);flex-wrap:wrap;display:flex;&>:first-child{flex:35ch;&>p.subscript{font-size:var(--step--1)}}&>:last-child{flex:3 28ch;&>h4{color:var(--color-text-20)}}}&>.card-servive-footer{align-items:center;gap:var(--space-m);flex-direction:row;justify-content:space-between;display:flex;&>.card-servive-price{font-size:var(--step-2);color:var(--color-text-10);font-weight:var(--font-weight-semibold)}@media screen and (width<=500px){flex-direction:column;justify-content:center}}& ul{color:var(--color-text-5);gap:var(--space-2xs);flex-direction:column;padding-inline-start:2ch;line-height:1.5;list-style:outside;display:flex}}#cta{margin-top:var(--space-2xl-3xl);text-align:center;grid-column:3/4;width:clamp(280px,100%,50ch);margin-inline:auto;&>div{gap:var(--space-m);flex-wrap:wrap;justify-content:space-around;display:flex}& a[href^=mailto\:]{color:var(--color-primary);text-decoration-color:var(--color-primary);text-decoration-thickness:1px}}#cta form{margin-top:var(--space-l-xl)}details{transition:all var(--duration) var(--easing);padding-block:var(--space-s);border-radius:var(--border-radius);margin-inline:calc(var(--gap)* -1);padding-inline:var(--gap);&[open]{background-color:var(--color-back-10);margin-block:var(--space-s) var(--space-m);&:last-of-type{margin-block-end:0}&:first-of-type{margin-block-start:0}}&:hover{background-color:var(--color-back-10)}}summary{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;padding-block:var(--space-s);margin-block:calc(var(--space-s)* -1);font-weight:var(--font-weight-semibold);transition:all var(--duration) var(--easing);justify-content:space-between;align-items:center;gap:1ch;font-size:1.1em;display:flex;&::marker{content:""}&:after{content:"";aspect-ratio:1;transform-origin:50%;mix-blend-mode:difference;background:url(/assets/icons/arrow.svg) 0 0/cover;flex:0 0 2ch;transition:transform .5s;display:block;transform:rotate(-90deg)}[open] &:after{transform:rotate(90deg)}}details summary::-webkit-details-marker{display:none}::details-content{transition:all var(--duration) var(--easing), content-visibility var(--duration) allow-discrete;height:0;overflow:clip}[open]::details-content{height:auto;padding-bottom:.5em}dialog{--max-width:calc(100vw - 2*var(--gap));inline-size:min(50ch, var(--max-width));border-radius:var(--border-radius);background:var(--color-back-10);box-shadow:inset 0 0 1px 1px var(--color-back-30);border:none;margin:auto;& header{justify-content:space-between;align-items:center;display:flex;& button.close-modal{stroke-width:.45em;stroke-linecap:round;color:var(--color-text-10);padding:var(--space-xs);box-shadow:none;background-color:var(--color-back-10);&:hover{background-color:var(--color-back-20)}}}&,&::backdrop{transition:display var(--duration) allow-discrete, overlay var(--duration) allow-discrete, opacity var(--duration), transform var(--duration);opacity:0;transition-timing-function:var(--easing)}&[open]{opacity:1;&::backdrop{opacity:1}}@starting-style{&[open],&[open]::backdrop{opacity:0}&[open]{transform:translateY(100px)}}&::backdrop{backdrop-filter:blur(5px)brightness(.25)}}html:has(dialog[open]){overflow:hidden}#site-footer{text-align:right;margin-bottom:var(--gap);margin-top:var(--space-xl-2xl);opacity:.85;font-size:var(--step--1)}#site-footer li{margin-block-start:.5em}#site-footer li a{flex-direction:row;align-items:center;gap:1ch;text-decoration:none;display:inline-flex}#site-footer p.logo{font-size:var(--step-4);margin-block-start:0}#site-footer p.logo+p{margin-block-start:.25em}a.top{text-align:right;background:var(--color-back-5);border-radius:var(--border-radius);max-width:15ch;padding:var(--space-m);inline-size:fit-content;transition:background-color var(--duration) var(--easing);place-items:center;margin-block-end:var(--space-s);margin-inline-start:auto;display:grid;&:hover{background-color:var(--color-back-10)}&:active{background-color:var(--color-back-15)}}a.top svg{stroke-width:6em;width:var(--space-l);height:var(--space-l);transition:all var(--duration) var(--easing);stroke-linecap:round;stroke:var(--color-text-30)}a.top:hover svg{stroke-width:7em;stroke:var(--color-text-20)}form>button{margin-top:var(--space-s);align-self:center}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{appearance:none;color:var(--color-text);border-radius:var(--border-radius);background:var(--color-back-5);font-size:var(--step-0);box-shadow:inset 0 0 1px 1px var(--color-back-30);border:none;outline:0;padding:.75em 1.75ch;text-decoration:none;transition:box-shadow .3s ease-in-out;display:block}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{box-shadow:inset 0 0 1px 1px var(--color-text-20)}::-webkit-input-placeholder{color:var(--color-text-10)}:-moz-placeholder-shown{color:var(--color-text-10)}::-moz-placeholder{color:var(--color-text-10)}:-ms-placeholder-shown{color:var(--color-text-10)}form:invalid input:required:user-invalid{box-shadow:inset 0 0 2px 1px #b53a21}.items{--min-size:21ch;grid-template-columns:repeat(auto-fit, minmax(var(--min-size), 1fr));gap:var(--space-l) var(--space-s);display:grid}.items.color2{padding:var(--space-s-m)}.items.big{--min-size:30ch}@media screen and (width<=500px){.items.small{row-gap:var(--space-s)}}.item{padding:var(--space-s);background-color:var(--section-color);flex-direction:column;display:flex;&:has(a){justify-content:space-between;& h3{margin-block-end:auto}}&.border-primary{box-shadow:inset 0 0 2px 0 var(--color-primary);border-radius:var(--border-radius)}& h3{font-size:var(--step-1)}& ul{font-size:var(--step--1);padding-inline-start:2ch;list-style:outside}& img{mix-blend-mode:overlay;@media (prefers-color-scheme:dark){mix-blend-mode:screen}}& picture{border-radius:var(--border-radius);background-color:#00000040;margin-inline:auto;@media (prefers-color-scheme:dark){background:0 0}}& picture+h3{margin-block-start:var(--space-m);margin-block-end:auto}& .button{inline-size:auto}}a.item{transition:background-color var(--duration) var(--easing);&:hover{background-color:var(--color-back-5)}}a.item.border-primary{transition:box-shadow var(--duration) var(--easing);&:hover{box-shadow:inset 0 0 1px 2px var(--color-primary);background-color:#0000}}.ext-link{color:var(--color-primary);transition:text-decoration-color var(--duration) var(--easing);text-decoration-color:var(--color-primary);text-underline-offset:.15em;justify-content:center;align-items:center;gap:.5ch;text-decoration-line:underline;text-decoration-thickness:.1em;display:inline-flex;&:hover{text-decoration-color:#0000}}.logo{font-size:var(--step-2);font-family:var(--font-family-head);letter-spacing:-.05ch;font-weight:700;& span:first-child{background-image:linear-gradient(var(--color-primary) 0 0);transition:all var(--duration) var(--easing);padding-inline-start:var(--space-xs);display:inline-block}& span:nth-child(2){background-size:0 100%;background-image:linear-gradient(var(--color-primary) 0 0);transition:background-size var(--duration) var(--easing);background-position:0;background-repeat:no-repeat;padding-inline-end:var(--space-xs);display:inline-block}&:hover span:nth-child(2){background-size:100% 100%}}main{--content:min(var(--column-width), 100%);--full:minmax(0, 1fr);--main-gap:minmax(0, var(--gap));--feature:minmax(0, 22ch);--popout:minmax(0, var(--space-s-l));grid-column:3/4;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) var(--main-gap) [max-end full-end];grid-auto-rows:min-content;display:grid;overflow-x:hidden}main>*{grid-column:content}main :where(.color1,.color2,.color3,.color-primary){padding:var(--space-m-l) var(--space-s-l);border-radius:var(--border-radius);overflow-x:hidden;&.small-border{padding:var(--space-s)}}main>.feature{grid-column:feature}main>.popout{grid-column:popout}main>.max{grid-column:max}main>.full{grid-column:full}main .color1{--section-color:var(--color-back)}main .color2{--section-color:var(--color-back-5)}main .color3{--section-color:var(--color-back-10)}main .color4{--section-color:var(--color-back-15)}.color-primary{--col1:color-mix(in oklab, var(--color-primary-30) 15%, var(--color-back-10)10%);--col2:color-mix(in oklab, var(--color-primary-30) 35%, var(--color-back-10)10%);background:linear-gradient(45deg, var(--col1), var(--col2))}main>section:where(:not(:first-child)){margin-block:var(--space-xl-2xl) 0}main h2+section{margin-block-start:var(--space-m-l)}main p+section{margin-block-start:var(--space-l-xl)}main>section.small{margin-block:var(--space-m-l) 0}main section,main div{background-color:var(--section-color)}main section.flex-stack>:last-child{margin-block-start:auto}@media screen and (width<=1200px){main>.max{grid-column:full-start/full-end}}@media screen and (width>=1200px){main:has(.breadcrumbs){margin-block-start:-2em}}.two-columns{gap:var(--space-m);flex-wrap:wrap;display:flex}.two-columns>:first-child{flex:25ch}.two-columns>:not(:first-child){flex:3 40ch}nav{--navtop:calc(var(--space-xl) + 2 * var(--gap));top:var(--navtop);height:calc(100vh - var(--navtop));height:calc(100dvh - var(--navtop));view-transition-name:main-nav;flex-direction:column;grid-area:span 2/2/auto/3;justify-content:space-between;align-self:start;place-items:start;padding-block-end:var(--space-l);display:flex;position:sticky;& ul{list-style:none;& li a{color:inherit;padding-inline:var(--space-xs);padding-block:var(--space-2xs);border-radius:var(--border-radius);transition:background-color var(--duration) var(--easing);letter-spacing:-.05ch;border:none;text-decoration:none;display:block;&:hover{background-color:var(--color-back-5)}}& li>ul{font-size:var(--step--1);border-left:solid 4px var(--color-primary);max-inline-size:24ch;font-weight:var(--font-weight);padding-inline-start:2ch}}}nav>button{font-size:var(--step-2);padding:var(--space-m);color:var(--color-text-10);box-shadow:none}nav>ul{max-inline-size:fit-content;font-weight:var(--font-weight-medium);opacity:.9;transition:opacity var(--duration) var(--easing);letter-spacing:.05ch;margin:0;padding:0}nav:hover>ul{opacity:1}@media screen and (width<=1200px){nav{background-color:var(--color-back);width:100%;transition:transform var(--duration) var(--easing);z-index:100;padding-inline-start:calc(var(--gap) + var(--space-xl));position:fixed;left:0;transform:translate(-100vw)}nav>ul{opacity:1}}#pagination ol{color:var(--color-text-10);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em 1ch;margin-block-start:var(--space-m-xl);display:flex;&>li>a[aria-current],& [inert]{pointer-events:none;color:var(--color-back-30)}& .button{box-shadow:none;block-size:var(--space-xl-2xl);padding-inline:1em}& svg{stroke:currentColor;stroke-width:.4em;stroke-linecap:round;height:1em}&>li:last-child svg{transform:rotate(180deg)}}.post :where(ul,ol):not([class]){padding-inline-start:2ch;& li:not(:first-child),& li>ul{margin-block-start:1em}}.post ul{list-style-type:disc}.post ol{list-style-type:auto}.post h2+p:has(em){margin-block-start:var(--space-xs);line-height:1.2;&>em{font-size:var(--step-1);color:var(--color-text-10);font-weight:var(--font-weight-light)}}.post-image-container img{object-fit:cover;filter:url(#natural-shadow-filter);max-block-size:75vh;inline-size:100%;@media (prefers-color-scheme:dark){filter:brightness(.9)contrast(1.1)saturate(.9)url(#natural-shadow-filter)}}.post picture:not(.post-image-container picture){max-block-size:80vh;inline-size:fit-content;margin-inline:auto}.post img:not(.post-image-container img){object-fit:cover;filter:url(#natural-shadow-filter);block-size:100%;inline-size:auto;@media (prefers-color-scheme:dark){filter:brightness(.9)contrast(1.1)saturate(.9)url(#natural-shadow-filter)}}.post table{inline-size:max(300px,100%);min-inline-size:fit-content;& th{font-weight:var(--font-weight-semibold);background-color:var(--color-back-10);vertical-align:top;white-space:nowrap;padding-block:1em}& tr{border-bottom:solid 1px var(--color-back-15);&:nth-child(2n){background-color:var(--color-back-5)}}& tbody tr:last-child{border:0}& :where(td,th){text-align:center;padding-block:.5em;padding-inline:1ch;&:first-child{text-align:left}&:last-child{text-align:right}}}.table-wrapper{border-radius:1ch;grid-column:popout;overflow-x:auto}.post-meta{gap:var(--space-3xs);font-size:var(--step--1);color:var(--color-text-20);padding-block:var(--space-xs);flex-wrap:wrap;justify-content:space-between;margin-block-start:var(--space-2xs);display:flex;&>:last-child:is(span){flex:100%}& a{text-decoration-thickness:1px}}blockquote{border-radius:var(--border-radius);padding:var(--space-m-l) var(--space-s-m);background-color:var(--color-back-5);flex-direction:column;grid-column:popout;gap:1lh;display:flex}code{background:var(--color-back-10);padding:.25ex 1ch}.post-list-meta{font-size:var(--step--1);color:var(--color-text-10);font-weight:var(--font-weight-light);align-items:center;gap:3ch;margin-block-start:var(--space-3xs);display:flex;&>div{align-items:center;gap:var(--space-3xs);display:flex;&>span:not(:last-of-type){margin-inline-end:1ch}}}.post-menu{gap:var(--space-m);justify-content:space-evenly;display:flex;&>button:not([popover]){aspect-ratio:1;box-shadow:none;&>svg{height:var(--space-l)}}& [popover]{color:var(--color-text);border-radius:var(--border-radius);box-shadow:0 0 var(--space-2xs) var(--color-back);border:none;width:min(45ch,100%);margin:auto 0 0 auto;padding:0;&>button{text-align:initial;box-shadow:none;padding:var(--space-m);white-space:normal;font-size:var(--step-0);background:var(--color-back-10);display:block}}& [popover]:popover-open{translate:0}& [popover]{transition:translate var(--duration) var(--easing), display var(--duration) ease-out allow-discrete, overlay var(--duration) ease-out allow-discrete;translate:0 100%}@starting-style{& [popover]:popover-open{translate:0 100%}}}.post-comments{& h3{font-size:var(--step-1);color:var(--color-text-10);align-items:center;gap:1ch;display:flex;&>svg{height:var(--space-l);aspect-ratio:1}}& .answer{margin-block-end:var(--space-l-xl);margin-inline-start:var(--space-m-xl);& svg{border-radius:50%}& span.logo{font-size:var(--step-2)}}& p{color:var(--color-text-10)}}#site-header{padding-block:var(--gap);height:calc(var(--space-xl) + 2* var(--gap));z-index:100;pointer-events:none;justify-content:start;align-items:center;display:flex;position:sticky;top:0}#site-header>*{pointer-events:all}#site-header svg.icon{aspect-ratio:1;height:100%;transition:all var(--duration) var(--easing);grid-area:1/1}:where(#menu-toggle,#contact-toggle){display:none}#site-header label:hover svg{opacity:.85}#site-header label,#site-header a.icon{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;height:100%;color:var(--color-text-20);place-items:center;display:grid}@media screen and (width>=1200px){#site-header label.menu-label{display:none}}#menu-toggle:checked~nav{transform:translate(0)}#menu-toggle:checked+#site-header label.menu-label svg path.p1,#menu-toggle:checked+#site-header label.menu-label svg path.p2,#menu-toggle:checked+#site-header label.menu-label svg path.p3{transition:d var(--duration) var(--easing)}#menu-toggle:checked+#site-header label.menu-label svg path.p1{d:path("M20,80 L80,20")}#menu-toggle:checked+#site-header label.menu-label svg path.p2{d:path("M50,50 L50,50")}#menu-toggle:checked+#site-header label.menu-label svg path.p3{d:path("M20,20 L80,80")}#site-header .icon path{stroke:currentColor;stroke-width:.5em;stroke-linecap:round;transition:all var(--duration) var(--easing)}#site-header .cross{color:var(--color-text-30);transform:scale(0)}body:has(#menu-toggle:checked){overflow:hidden}@supports ((-webkit-hyphens:none)) and (not ((-moz-appearance:none))){#site-header.icon{transition:all var(--duration) var(--easing)}#menu-toggle:checked+#site-header .hamburger{color:var(--color-text-30);transform:scale(0)}#menu-toggle:checked+#site-header .cross{color:var(--color-text-20);transform:scale(1)}}@media screen and (width<=1200px){#site-header{padding-inline:var(--gap);background:var(--color-back);z-index:100;pointer-events:all;grid-column:1/5}}svg.icon{fill:currentColor;stroke:none;height:1em}svg.icon-inv{fill:none;stroke:currentColor;height:1em}svg.drawing{fill:none;stroke:currentColor;stroke-width:1px;width:100%;max-height:85vh;margin-inline:auto}svg.pic{stroke:none}svg.pic>:first-child{fill:#0000}svg.pic>:not(:first-child){fill:currentColor}svg text{stroke:none}#tags-menu ol{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex;&>li>a[aria-current],& [inert]{pointer-events:none;background:var(--color-back);box-shadow:inset 0 0 1px 1px var(--color-back-30)}& .button{color:var(--color-text-20);transition:all var(--duration) var(--easing);box-shadow:inset 0 0 1px 1px #0000;&:hover{background:var(--color-back-5);box-shadow:inset 0 0 1px 1px var(--color-back-30)}}}ul.list{font-weight:var(--font-weight-light);padding-inline-start:2ch;list-style:outside}::view-transition-group(root){animation-duration:var(--duration);animation-timing-function:var(--easing)}@view-transition{navigation:auto}}@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}}.centered{place-items:center;display:grid}.text-light{font-style:italic;font-weight:var(--font-weight-light);color:var(--color-text-20)}.reveal,.scale-reveal{animation-timeline:view()}}