@layer normalize{/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--neutral-white);line-height:1.5;font-family:var(--font-family-text)}@layer basic-typography{:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-display);font-weight:800;margin:0 0 1em;line-height:1.1;color:var(--text-color);text-transform:uppercase}@media screen and (max-width: 33em){:is(h1,h2,h3,h4,h5,h6){hyphens:auto}}p+:is(h1,h2,h3,h4,h5,h6),ul+:is(h1,h2,h3,h4,h5,h6),ol+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5em}h1{font-size:3.625rem}h2{font-size:clamp(1.75rem,32/1920*100vw,2rem)}h3{font-size:clamp(1.25rem,23/1920*100vw,1.4375rem)}h4,h5,h6{font-size:1rem;margin-bottom:.3em}:is(p,ul,ol,address,blockquote,dl,details,button,time,label,table){margin:0 0 1.5em;color:var(--text-color);font-size:clamp(1rem,18/1920*100vw,1.125rem)}ul,ol{padding-left:1.875rem}ul li,ol li{margin-bottom:.25em}ul li p,ol li p{margin:0}dl{display:grid;grid-template-columns:auto 1fr;column-gap:1em}dl dt,dl dd{display:block;margin:0}dl dt{grid-column:1/2}dl dd{grid-column:2/3}b,strong{font-weight:bold}em,i{font-style:italic}a{color:var(--text-color);text-decoration:underline;text-underline-offset:.1em;text-decoration-thickness:1px}a:hover,a:focus-visible{text-decoration-thickness:2px}address{font-style:normal}img{display:block;width:100%;height:auto;margin:0}figure{margin:0 0 2em 0}figcaption{padding-top:.25em}blockquote{margin-bottom:1.5em}blockquote>p{font-style:italic}blockquote cite{font-style:normal;display:block}hr{border:none;border-top:1px solid var(--text-color);margin-top:var(--gap-y);margin-bottom:var(--gap-y)}iframe{width:100%;border:none}form{color:var(--text-color)}button{padding:0;margin:0;appearance:none;background:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--text-color)}}*,*::before,*::after{box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}html.show-sidebar,body.show-sidebar{overflow:hidden}main{flex:1 0 auto}@media screen and (orientation: landscape){main{display:flex;flex-direction:column}}.site-wrapper{overflow:hidden;min-height:100%;display:flex;flex-direction:column;background:var(--neutral-white)}@layer layout-utilities{.-l-container,.grid{max-width:120rem;padding-left:var(--gap-x);padding-right:var(--gap-x);width:100%;margin:auto}.-l-sidebar{overflow:auto;display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:calc(var(--gap-x)/2);padding:calc(var(--gap-y)*2) 1.875rem var(--gap-y);grid-template-areas:"body side"}@media screen and (orientation: landscape){.-l-sidebar{padding-left:calc(var(--gap-x)*2);padding-right:calc(var(--gap-x)*2)}}.-l-close-sidebar{margin-right:.75rem;order:0;will-change:transform;transition:transform .1s ease-out 0s}.-l-close-sidebar:hover,.-l-close-sidebar:focus-visible{transform:scale(1.2)}.-l-sidebar-side{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;position:sticky;top:0;gap:var(--gutter)}@media screen and (orientation: landscape){.-l-sidebar-side{height:calc(100dvh - var(--gap-y)*3)}}.-l-sidebar-body{grid-area:body;padding-bottom:var(--gap-y)}}@layer molecule-utilities{.-m-cta,.sidebar p a:only-child{color:var(--cta-text-color, var(--neutral-white));background-color:var(--cta-background-color, var(--brand-black));border-radius:3em;font-size:1.125rem;width:min(20.375rem,100%);padding:.9em .9em .7em;border:none;line-height:1;display:block;cursor:pointer;text-align:center;text-decoration:none;font-weight:500;transition:.07s ease-out 0s;transition-property:color,background-color;will-change:color,background-color}.-m-cta:hover,.sidebar p a:hover:only-child,.-m-cta:focus-visible,.sidebar p a:focus-visible:only-child{color:var(--cta-text-color-hover, var(--neutral-white));background-color:var(--cta-background-color-hover, var(--highlight-color))}.-m-cta+.-m-cta,.sidebar p a:only-child+.-m-cta,.sidebar p .-m-cta+a:only-child,.sidebar p a:only-child+a:only-child{margin-top:.625rem}.-m-cta.-secondary,.sidebar p a.-secondary:only-child{background-color:var(--cta-background-color, var(--highlight-color))}.-m-cta.-secondary:hover,.sidebar p a.-secondary:hover:only-child,.-m-cta.-secondary:focus-visible,.sidebar p a.-secondary:focus-visible:only-child{background-color:var(--cta-background-color-hover, var(--brand-black))}.-m-btn-close{width:1.25rem;aspect-ratio:1;line-height:0}.-m-btn-close span{overflow:hidden;display:block;height:0;width:0}.-m-btn-close svg path[stroke]{stroke:var(--text-color)}.-m-brand-vertical{margin:0;writing-mode:vertical-rl;flex:1;display:flex;align-items:center;line-height:.75;gap:var(--gutter);white-space:nowrap;font-family:var(--font-family-text)}.-m-brand-vertical:before{content:"";display:inline-block;background:var(--text-color);flex:1;block-size:1px;writing-mode:sideways-rl}}:root{--brand-black: #373737;--brand-red: #EA515A;--brand-black: #373737;--brand-black-light: #68707A;--brand-green: #29505b;--neutral-white: white;--neutral-black: black;--font-family-text: "Sinews Sans", system-ui, sans-serif;--font-family-display: "Avenir", system-ui, sans-serif;--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);--gap-y: 1.25rem;--gap-x: 1.25rem;--gutter: 1.25rem;--text-color: var(--brand-black);--highlight-color: var(--brand-red)}@media screen and (min-width: 46em){:root{--gap-y: 2.5rem;--gap-x: 2.5rem}}@font-face{font-family:"Sinews Sans";src:url("../fonts/sinewssanspro-720wt_regular_italic-webfont.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:"Sinews Sans";src:url("../fonts/sinewssanspro-720wt_regular-webfont.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Sinews Sans";src:url("../fonts/sinewssanspro-1000wt_medium-webfont.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Avenir";src:url("../fonts/avenirltstd-black-webfont.woff2") format("woff2");font-weight:800;font-style:normal}.introbanner{--text-color: var(--neutral-white);--cta-text-color: var(--brand-black);--cta-background-color: var(--text-color);--cta-text-color-hover: var(--neutral-white);--cta-background-color-hover: var(--brand-black);position:absolute;background:rgba(255,255,255,.3);z-index:1;inset:0;padding:.375rem;backdrop-filter:blur(4px);display:none}.introbanner-show .introbanner{display:flex}.introbanner__inner{margin:auto;max-width:26.25rem;padding:var(--gap-x) calc(var(--gutter)*1.25);background:var(--brand-red)}.introbanner__inner h2{font-family:var(--font-family-text);font-size:2rem;margin-bottom:var(--gutter)}.introbanner__inner p,.introbanner__inner ul{font-size:1.125rem}.introbanner__inner ul{list-style:none;padding:0}.introbanner__inner ul>li{margin-bottom:.5em}.introbanner__inner ul>li>span{background-size:contain;background-repeat:no-repeat;width:1.4375rem;aspect-ratio:1;display:inline-block;filter:brightness(100);vertical-align:middle;margin-right:.5ch}.introbanner__inner ul .icon-info{background-image:url("../img/info.svg")}.introbanner__inner ul .icon-filter{background-image:url("../img/control.svg")}.introbanner__inner button{margin-left:auto;margin-right:auto;width:min(15.3125rem,100%)}.grid{--columns: 7;--cam-x: 0px;--cam-y: 0px;--cam-z: 1;--x: calc(min(100vw, 120rem) / 2 - 100%);--y: calc(min(100vw, 120rem) / 2 - 100%)}.js body:not(.is-loaded) .grid{opacity:0}@media screen and (orientation: portrait){.grid{--columns: 9}}.grid-wrapper{touch-action:manipulation;margin:-18% auto;display:flex;justify-content:center;padding-right:10%}@media screen and (orientation: portrait){.grid-wrapper{padding-right:0;margin-left:-70%;margin-right:-70%;margin-bottom:-10%}}@media screen and (orientation: landscape){.grid-wrapper{transition:transform .7s var(--ease-out-quint) 0s;will-change:transform}.show-sidebar .grid-wrapper{transform:translateX(min(-25%, 25rem))}}.grid-container{container-type:inline-size;position:relative;transform:rotateX(55deg) rotateZ(-45deg);background:var(--neutral-white);width:95svh;flex:0 1 auto}@media screen and (orientation: landscape){.grid-container{width:120svh}}.grid-items{--cz: var(--cam-z);--ccx: calc(var(--canvas-w) / 2 * 1px);--ccy: calc(var(--canvas-h) / 2 * 1px);margin:0;padding:0}.grid-layout{visibility:hidden;width:100%;display:grid;grid-template-columns:repeat(var(--columns), 1fr);z-index:0}.grid-layout .slot{aspect-ratio:1;border:1px dashed var(--text-color);margin-top:-1px;margin-left:-1px;overflow:hidden;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:1.5rem;color:var(--text-color)}.grid-layout .slot.blocked{opacity:0}.grid-items{position:absolute;inset:0;z-index:1;pointer-events:none}.grid-items li{margin:0;padding:0;list-style:none}.grid-item{--base-size: calc(1 / var(--columns) * 100%);--size: 1;--image-width: 100%;--image-height: 100%;position:absolute;left:0;top:0;width:var(--base-size);aspect-ratio:1;transform:translate(var(--x), var(--y));will-change:transform;transition:.7s var(--ease-out-quint) 0s;transition-property:transform,opacity;z-index:var(--z)}.grid-item[data-size="2"]{--size: 2}.grid-item[data-span=row]{width:calc(var(--base-size)*var(--size));aspect-ratio:var(--size)}.grid-item[data-span=column]{width:var(--base-size);aspect-ratio:calc(1/var(--size));--image-width: calc(100% * var(--size));--image-height: calc(100% / var(--size))}.grid-item>span{content:"";display:flex;inset:0;position:absolute;pointer-events:all}.grid-item a,.grid-item figure{position:absolute;inset:0;margin:0}.grid-item figure{inset:-15%;pointer-events:none}.grid-item figure img,.grid-item figure .animation{position:absolute;top:50%;left:50%;width:var(--image-width);height:var(--image-height);will-change:opacity;transition:opacity 0s linear 0s;transform:translate(-50%, -50%) rotateZ(45deg) scaleY(1.7434467956)}.grid-item figure .animation{z-index:3;opacity:0}.grid-item figure .highres{opacity:0}.grid-item.is-focus img,.grid-item.is-focus .animation{transition-duration:.37s}.grid-item.is-focus figure:has(img.is-loaded) .lowres{opacity:0}.grid-item.is-focus figure:has(img.is-loaded) .highres{opacity:1}.grid-item.is-focus figure:has(img.is-loaded):has(.animation.ready) img{opacity:0}.grid-item.is-focus figure:has(img.is-loaded):has(.animation.ready) .animation{opacity:1}.grid-item figcaption{margin:0;padding:0;height:0;width:0;display:block;overflow:hidden}.grid-item.is-focus{--ix: calc(var(--ccx) - 50% - var(--i-shift-y, 0%) + var(--i-shift-x, 0%));--iy: calc(var(--ccy) - 50% + var(--i-shift-y, 0%) + var(--i-shift-x, 0%));transform:translate(var(--ix), var(--iy)) scale(var(--cz))}@media screen and (orientation: portrait){.show-detail .grid-item.is-focus{--i-shift-y: -30cqi}}@media screen and (orientation: landscape){.show-detail .grid-item.is-focus{--i-shift-y: -5cqi;--i-shift-x: -15cqi}}.is-zoomed .grid-item:not(.is-focus){opacity:0;transition-delay:0s,.15s;transform:translateX(calc(var(--x) + var(--vx) * 300%)) translateY(calc(var(--y) + var(--vy) * 300%))}.is-zoomed .grid-item:not(.is-focus) span{pointer-events:none}.grid-item:hover:not([data-inactive]):not(.is-focus),.grid-item:focus-visible:not([data-inactive]):not(.is-focus),.grid-item:focus-within:not([data-inactive]):not(.is-focus),.grid-item.focus-me:not([data-inactive]):not(.is-focus){transform:translate(calc(var(--x) + 1rem), calc(var(--y) - 1rem));animation-play-state:paused}body:not(.show-sidebar):not(.show-detail) .grid-item:not(:hover):not(:focus-visible):not(:focus-within):not([data-inactive]):not(.is-focus).bounce-me{animation:1s linear 0s 1 normal both bounce}.grid-item[data-inactive]{opacity:0;transform:translate(calc(var(--x) - 15rem), calc(var(--y) + 15rem))}.grid-item[data-inactive] a,.grid-item[data-inactive]>span{pointer-events:none}.grid-title{--text-color: var(--brand-green);position:absolute;margin:0;font-family:var(--font-family-text);left:45%;top:43%;white-space:nowrap;font-weight:500;line-height:.9;letter-spacing:-0.02em;transform:scaleX(0.7) scaleY(0.8);transform-origin:0 50%;transition:.7s var(--ease-out-quint) 0s;transition-property:transform,opacity}@media screen and (orientation: landscape){.grid-title{font-size:12.25cqi}}@media screen and (orientation: portrait){.grid-title{font-size:9.25cqi;left:32%;top:44%}}.grid-title small{display:block;text-transform:none;white-space:nowrap;font-size:.2em;letter-spacing:normal}@media screen and (orientation: portrait){.grid-title small{text-indent:-2.5em}}.grid-title br{display:none}.show-detail .grid-title{opacity:0;transform:scaleX(0.7) scaleY(0.8) translateX(100%)}.grid-decorations{display:contents}.grid-decorations>span{position:absolute;background-repeat:no-repeat;background-size:contain;transform:rotateZ(45deg) scaleY(1.7434467956);transition:.7s var(--ease-out-quint) .4s;transition-property:transform,opacity;will-change:transform,opacity}.show-detail .grid-decorations>span{opacity:0;transform:translate(5rem, -5rem) rotateZ(45deg) scaleY(1.7434467956);transition-delay:0s}.grid-decorations .deco-1{background-image:url("../img/deco-1.webp");transition-delay:.5s;left:13%;top:74%;width:10%;height:9%}@media screen and (orientation: portrait){.grid-decorations .deco-1{left:66%;top:49%;width:8%;height:7%}}.grid-decorations .deco-2{background-image:url("../img/deco-2.webp");transition-delay:.4s;left:93%;top:50%;width:25%;height:7%}@media screen and (orientation: portrait){.grid-decorations .deco-2{left:-16%;top:91%}}.grid-decorations .deco-3{background-image:url("../img/feuerwanze.webp");transition-delay:.3s;left:65%;top:1%;width:10%;height:8%}.grid-decorations .deco-3>svg{width:153% !important;height:153% !important;position:relative;top:-33%;left:-28%;opacity:0}.grid-decorations .deco-3.ready{background:none}.grid-decorations .deco-3.ready svg{opacity:1}@media screen and (orientation: portrait){.grid-decorations .deco-3{left:96%;top:2%;width:7%;height:5%}}@keyframes bounce{0%,100%{transform:translate(var(--x), var(--y))}15%{transform:translate(calc(var(--x) + 1rem), calc(var(--y) - 1rem))}30%,70%{transform:translate(var(--x), var(--y))}50%{transform:translate(calc(var(--x) + 0.5rem), calc(var(--y) - 0.5rem))}}.grid .grid-item{--corr-x: 0px;--corr-y: 0px}.grid .grid-item figure .animation{left:calc(50% + var(--corr-x));top:calc(50% + var(--corr-y))}.grid .grid-item[data-uuid=lL2oVGMkIA9fGFXK]{--corr-x: 10.6%;--corr-y: -1.1%}.grid .grid-item[data-uuid=t3gtCwVbcIhAtoFd]{--corr-x: -0.4%;--corr-y: 1.7%}.grid .grid-item[data-uuid="5wmJ3Z6VPQDRnSjY"]{--corr-x: -0.4%;--corr-y: 1.7%}.grid .grid-item[data-uuid=vkhnD2ntGGBSNJfm]{--corr-x: 0.8%;--corr-y: 0%}.grid .grid-item[data-uuid="0pT59IF8wCG6WyMG"]{--corr-x: 0.3%;--corr-y: 2.7%}.grid .grid-item[data-uuid=qOnHleHH5X6O0P4P]{--corr-x: -1.4%;--corr-y: 0.9%}.grid .grid-item[data-uuid="6gKbg9OKVXCNjUsP"]{--corr-x: 1.1%;--corr-y: 0.7%}.grid .grid-item[data-uuid="61GYuenra35dl6Kx"]{--corr-x: -1.4%;--corr-y: -3.1%}.grid .grid-item[data-uuid="2gFhHKJb2bmeOnft"]{--corr-x: 2.6%;--corr-y: -0.7%}.grid .grid-item[data-uuid="2O3sgQFrpp0H5PjU"]{--corr-x: 1%;--corr-y: 0.7%}.grid .grid-item[data-uuid=GJOaOkgT4q0ExeuX]{--corr-x: -1%;--corr-y: 0.7%}.grid .grid-item[data-uuid=frqYjhK7qBjAPiuf]{--corr-x: 0%;--corr-y: 0.7%}.grid .grid-item[data-uuid=J0TPwCO96XRY72w6]{--corr-x: -1%;--corr-y: 0.5%}.grid .grid-item[data-uuid=MfZFOKlllvtUBKSu]{--corr-x: -1%;--corr-y: 0.5%}.grid .grid-item[data-uuid=CmL79KSlP93z33Du]{--corr-x: -1%;--corr-y: 1.5%}.grid .grid-item[data-uuid=mCZqUBeRWou593ff]{--corr-x: 2%;--corr-y: -0.5%}.grid .grid-item[data-uuid=vqPpYiB5ENciBauc]{--corr-x: -2%;--corr-y: -0.4%}.sidebar{--sidebar-background: var(--brand-black);--text-color: var(--neutral-white);position:fixed;z-index:30;inset:0;pointer-events:none}.sidebar[data-view=page]{--sidebar-background: var(--neutral-white);--text-color: var(--brand-black)}.sidebar[data-view=page]:has(article[data-content-id=info]){--sidebar-background: var(--highlight-color);--text-color: var(--neutral-white);--cta-text-color: var(--brand-black);--cta-background-color: var(--neutral-white);--cta-text-color-hover: var(--neutral-white);--cta-background-color-hover: var(--brand-black)}@media screen and (orientation: landscape){.sidebar{inset:0 0 0 calc(100% - min(50%,35.625rem))}}.sidebar p:has(a:only-child){margin-top:2em}.sidebar p:has(a:only-child):not(:last-child){margin-bottom:2em}.sidebar p:last-child{margin-bottom:0}.sidebar:not([data-view=nav]) .nav-tab-control,.sidebar:not([data-view=nav]) nav{display:none !important}.sidebar:not([data-view=page]) article{display:none !important}.sidebar .inside{background:var(--sidebar-background);position:absolute;inset:0;pointer-events:auto;transform:translateX(100%);will-change:transform;transition:transform .8s var(--ease-out-quint) 0s}.show-sidebar .sidebar .inside{transform:none}.sidebar:not(:has(input[value=filter]:checked)) .filterlist{display:none !important}.sidebar:not(:has(input[value=projects]:checked)) .projectlist{display:none !important}.sidebar .meta .sidebar-legalpage-link,.sidebar .meta label{text-decoration:underline;text-underline-offset:.1em;color:var(--text-color);font-size:1.125rem;margin:0;text-align:right}.sidebar .meta .sidebar-legalpage-link:hover,.sidebar .meta .sidebar-legalpage-link:focus-visible,.sidebar .meta label:hover,.sidebar .meta label:focus-visible{text-decoration-thickness:2px}.sidebar .meta label{cursor:pointer}.sidebar .meta label input{display:none}.sidebar .meta label:has(input:checked){color:var(--highlight-color)}.sidebar .meta .nav-tab-control{display:flex;flex-direction:column;order:1}.sidebar .meta h1{order:2}.sidebar .meta .sidebar-legalpage-link{order:3}.sidebar .filterlist{display:flex;flex-direction:column;gap:var(--gap-y)}.sidebar .filterlist h3{margin-bottom:.1em}.sidebar .filterlist label{margin:0;cursor:pointer}.sidebar .filterlist input{display:none}.sidebar .filterlist ul{list-style:none;padding:0 0 0 1em;margin:0}.sidebar .filterlist ul li{margin:0}.sidebar .filterlist ul li:before{content:"";display:inline-block;aspect-ratio:1;width:.375rem;border:1px solid var(--text-color);background:var(--bullet-background, transparent);margin-right:.2em;margin-bottom:.1em;vertical-align:middle}.sidebar .filterlist ul li:hover:before,.sidebar .filterlist ul li:focus-visible:before{--bullet-background: var(--text-color)}.sidebar .filterlist ul li:has(input:checked),.sidebar .filterlist ul:not(:has(input:checked)) li:first-child{--text-color: var(--highlight-color);--bullet-background: var(--highlight-color)}.sidebar .filterlist .reset-filter{appearance:none;padding:0;margin:0;width:fit-content;text-align:left;text-decoration:underline;text-underline-offset:.1em;color:var(--text-color);font-size:1.125rem}.sidebar .filterlist .reset-filter:hover,.sidebar .filterlist .reset-filter:focus-visible{--text-color: var(--highlight-color)}.sidebar .projectlist{list-style:none;margin:0;padding:0}.sidebar .projectlist li{margin-bottom:calc(var(--gutter)*.75)}.sidebar .projectlist a{font-size:clamp(1.25rem,23/1920*100vw,1.4375rem);font-family:var(--font-family-display);font-weight:800;hyphens:auto;line-height:1}.sidebar .projectlist a:not(:hover):not(:focus-visible){color:var(--text-color)}.sidebar article :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-text)}.projectdetail{pointer-events:none;position:fixed;z-index:30;inset:0 0 0 50%}@media screen and (orientation: portrait){.projectdetail{opacity:0;position:relative;will-change:opacity;transition:opacity .2s ease-out 0s;height:0;inset:0;overflow:hidden}.show-detail .projectdetail{opacity:1;margin-top:max(-60svh,-135svw);height:auto;overflow:visible;transition-delay:.2s}}.projectdetail .projectwebsite-link:not([href^=http]){display:none}@media screen and (max-width: 33em){.projectdetail .meta{position:relative}}@media screen and (min-width: 33em){.projectdetail .meta{--text-color: var(--highlight-color)}}.projectdetail .meta h1{order:2}@media screen and (max-width: 33em){.projectdetail .meta h1{display:none}}.projectdetail .meta .projectwebsite-link{order:1;text-align:right}@media screen and (max-width: 33em){.projectdetail .meta .projectwebsite-link{display:none}}@media screen and (max-width: 33em){.projectdetail .meta #close-sidebar{position:fixed;top:5rem;right:.8125rem;z-index:40}}.projectdetail .inside{pointer-events:auto}@media screen and (orientation: landscape){.projectdetail .inside{background:var(--neutral-white);position:absolute;inset:0;transform:translateX(100%);will-change:transform;transition:transform .8s var(--ease-out-quint) 0s}}.show-detail .projectdetail .inside{transform:none}@media screen and (orientation: portrait){.projectdetail .body{overflow:hidden}}.projectdetail .body .projectwebsite-link{margin-top:2em}@media screen and (min-width: 33em){.projectdetail .body .projectwebsite-link{display:none}}@media screen and (min-width: 33em){.projectdetail .body .projectdetail-close{display:none}}.site-header{padding:var(--gap-y) 0;position:relative;z-index:2}.site-header>div{display:flex;gap:var(--gutter);align-items:center}@media screen and (min-width: 46em){.site-header>div{padding-left:calc(var(--gap-x)*2);padding-right:calc(var(--gap-x)*2)}}.header-brand img{display:block;width:clamp(11.25rem,50vw,17.5rem)}.header-languages{margin-left:auto;margin-right:0}.header-tools{display:flex;gap:var(--gutter);align-items:center}.header-infopage-link{overflow:hidden;display:block;text-indent:-100em;width:1.625rem;aspect-ratio:1;background:center/contain url("../img/info.svg") no-repeat;transition:.05s ease-out 0s}.header-infopage-link:hover,.header-infopage-link:focus-visible{transform:scale(1.1)}.header-open-nav{appearance:none;border:none;margin:0;padding:0;cursor:pointer;position:relative;background:rgba(0,0,0,0);z-index:20;transition:.05s ease-out 0s}.show-detail .header-open-nav{opacity:0;pointer-events:none}.header-open-nav span{text-indent:-100em;display:block;overflow:hidden;width:3.5625rem;aspect-ratio:1;border-radius:50%;position:relative;z-index:2}.header-open-nav:hover,.header-open-nav:focus-visible{transform:scale(1.1)}.header-open-nav:before{content:"";position:absolute;inset:1rem;z-index:3;background:center/contain url("../img/control.svg") no-repeat}@media screen and (max-width: 33em){.header-open-nav{position:fixed;left:50%;bottom:calc(var(--gap-y)*2);margin-left:-1.75rem}.header-open-nav span{background:var(--highlight-color)}.header-open-nav:before{filter:invert(1) brightness(10)}}.languages{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;position:relative;height:1.875rem;width:1.875rem}.languages li{margin:0;padding:0;cursor:pointer}.languages li.is-active{order:-1}.languages li.is-active a{pointer-events:none}.languages li:not(.is-active){display:none}.languages a{text-transform:uppercase;color:var(--text-color);font-size:1.375rem;font-weight:800;display:block;text-align:center;text-decoration:none}.languages:has(:hover) li:not(.is-active),.languages:has(:focus-visible) li:not(.is-active){display:block}/*# sourceMappingURL=site.css.map */