*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:SharpGroteskBook25;font-display:swap;src:url(/fonts/sharp-grotesk-25-medium/SharpGroteskBook25.woff2)format("woff2"),url(/fonts/sharp-grotesk-25-medium/SharpGroteskBook25.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/montserrat-v15-latin/montserrat-v15-latin-300.woff2)format("woff2"),url(/fonts/montserrat-v15-latin/montserrat-v15-latin-300.woff)format("woff")}html,body{color:#fff;background-color:#000;width:100%;min-height:100%;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.4}#app{background-color:#000;justify-content:center;width:100%;min-height:100svh;display:flex;position:relative;overflow-x:clip}.container{z-index:2;flex-direction:column;justify-content:space-between;width:100%;max-width:1920px;padding:48px 12% 40px;display:flex;position:relative}@media (width<=600px){.container{padding:32px 8%}}.font-primary{font-family:SharpGroteskBook25}a.link{color:#fff;margin-top:15px;font-family:SharpGroteskBook25;font-weight:700;text-decoration:none;display:block}#background-blur{z-index:0;width:100%;height:100%;position:absolute;inset:0}#portrait-img{object-fit:cover;object-position:top center;z-index:1;width:45%;height:100%;position:absolute;top:0;right:0}@media (width<=600px){#portrait-img{display:none}}#avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;margin-bottom:24px}@media (width>=601px){#avatar{display:none}}#hero-content-wrapper{z-index:3;color:#fff;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}#hero-content-wrapper h1{font-size:clamp(3rem,9vw,172px);line-height:.9;font-weight:unset}#hero-content-wrapper h1 span{display:block}#hero-content-wrapper h1 span#text-jan{animation:4s textAnimationJan;position:relative;left:-.05em}@media (width<=600px){#hero-content-wrapper h1 span#text-jan{left:0}}#hero-content-wrapper h1 span#text-brombach{animation:4s textAnimationBrombach;position:relative;left:.08em}@media (width<=600px){#hero-content-wrapper h1 span#text-brombach{left:0}}#hero-content-wrapper p{max-width:46ch;margin-top:2rem;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.4}@media (width>=600px){#hero-content-wrapper p{font-size:1.2rem}}#hero-content-wrapper p a{letter-spacing:0;transition:all .25s}#hero-content-wrapper p a:hover{letter-spacing:10px}@keyframes textAnimationJan{0%{left:110%}30%{left:5%}to{left:-.05em}}@keyframes textAnimationBrombach{0%{left:-110%}30%{left:-5%}to{left:.08em}}#opacity-cards-wrapper{z-index:3;grid-template-columns:1fr;gap:8px;display:grid;position:relative}@media (width>=600px){#opacity-cards-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1140px){#opacity-cards-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}}#opacity-cards-wrapper .opacity-box:hover svg path{fill:#939597}#opacity-cards-wrapper .opacity-box a{color:inherit;width:100%;height:100%;padding:24px 30px;font-family:SharpGroteskBook25;font-size:100%;text-decoration:none;display:block}@media (width>=1140px){#opacity-cards-wrapper .opacity-box a{min-height:14vw;padding:30px}}#opacity-cards-wrapper .opacity-box a svg{width:2em;height:2em;position:absolute;top:50%;right:12%;transform:translateY(-50%)}#opacity-cards-wrapper .opacity-box a svg path{fill:#fff}@media (width>=1140px){#opacity-cards-wrapper .opacity-box a svg{bottom:10%;top:unset;transform:unset}}.opacity-box{-webkit-backdrop-filter:saturate(89.3%)blur(12px);backdrop-filter:saturate(89.3%)blur(12px);color:#fff;background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:11px;transition:all .25s;position:relative;box-shadow:0 0 20px #0000001a}.opacity-box:hover{color:#939597;background-color:#f5df4d}.social-links{flex-wrap:wrap;gap:4px;margin:24px 0 0 -10px;list-style:none;display:flex}.social-links a{opacity:.75;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .25s;display:flex}.social-links a:hover,.social-links a:focus-visible{opacity:1}.social-links svg{fill:#fff;width:22px;height:22px}#latest{z-index:3;margin-top:48px;position:relative}#latest h2{font-size:1.25rem;font-weight:unset;margin-bottom:8px}.latest-list{column-gap:32px;list-style:none;display:grid}@media (width>=600px){.latest-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1140px){.latest-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.latest-list li{border-top:1px solid #ffffff26}.latest-list a{color:inherit;gap:2px;padding:16px 0;text-decoration:none;display:grid}.latest-list a:hover .latest-title,.latest-list a:focus-visible .latest-title{text-decoration:underline}.latest-meta{opacity:.6;font-size:.8rem}.latest-title{font-family:SharpGroteskBook25;font-size:1.1rem}.latest-text{opacity:.8;font-size:.95rem}#site-about h1{font-size:42px;line-height:.8}#site-about a.back-breadcrumb{justify-self:flex-end}#site-about ul{list-style-type:none}#site-about ul li{padding:5px 0}#site-about ul li b{font-family:SharpGroteskBook25;display:block}#site-about ul li img{max-width:100%;height:auto}#site-projects{justify-content:flex-start}#site-projects h1{font-size:clamp(2.5rem,6vw,96px);line-height:.9;font-weight:unset;margin:24px 0 40px}.project-grid{grid-template-columns:1fr;gap:8px;list-style:none;display:grid}@media (width>=600px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1140px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card a{height:100%;color:inherit;align-content:start;gap:4px;padding:24px 30px;text-decoration:none;display:grid}.project-meta{opacity:.7;font-size:.8rem}.project-title{font-family:SharpGroteskBook25;font-size:1.25rem}.project-text{opacity:.85;font-size:.95rem}