@font-face{font-family:Suisse Intl;src:url(/fonts/SuisseIntl-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:optional}:root{--bg:#f9f8f5;--bg-framed:#fafaf8;--ink:#000;--ink-mid:#767676;--ink-faint:#b8b8b8;--line:#000;--accent-font:#2e75b6;--accent-lehre:#3a9c3a;--accent-external:#d1332e;--gap:19px;--gap-row:21px;--side:32px;--fs:26px;--fs-small:18px;--font:"Suisse Intl", sans-serif}@media (width<=700px){:root{--side:14px;--fs:23px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141412;--bg-framed:#1d1d1b;--ink:#edede9;--ink-mid:#9a9a9a;--ink-faint:#55554f;--line:#edede9}}:root[data-theme=dark]{--bg:#111110;--bg-framed:#1a1a18;--ink:#fff;--ink-mid:#9a9a9a;--ink-faint:#4e4e4e;--line:#fff}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs);min-height:100vh;line-height:1.3;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-size:var(--fs);font-weight:400}a{color:inherit;text-decoration:none}button{font-family:var(--font);font-size:var(--fs);color:var(--ink)}:focus-visible{outline:2px solid var(--accent-font);outline-offset:2px}*,:before,:after{transition:background-color .3s,border-color .3s,color .3s,fill .3s,stroke .3s}.theme-toggle,.theme-toggle *,.say-hello-icon,.say-hello-icon *{transition:none}.divider{border:none;border-top:2px solid var(--line);margin:0 var(--side)}nav.topnav{padding:22px var(--side);min-height:calc(44px + 1.3 * var(--fs));justify-content:flex-start;align-items:center;display:flex}.nav-left{top:22px;left:var(--side);z-index:10;align-items:baseline;gap:18px;display:flex;position:fixed}.nav-left .logo{color:var(--ink)}.nav-left .logo.dimmed{color:var(--ink-mid)}.nav-left a{color:var(--ink-mid);transition:color .15s}.nav-left a:hover,.nav-left a.active{color:var(--ink)}.nav-right{top:22px;right:var(--side);z-index:10;align-items:center;gap:18px;display:flex;position:fixed}.overlay .nav-right{right:calc(var(--side) + var(--scrollbar-width,0px))}.theme-toggle{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--accent-font)}.theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}.lang-switch{align-items:center;gap:8px;display:flex}a.lang-switch{color:var(--ink);transition:color .15s}a.lang-switch:hover{color:var(--accent-font)}.lang-option{cursor:pointer;align-items:center;gap:6px;display:flex}.lang-option .dot{border:1px solid var(--ink);border-radius:50%;width:18px;height:18px;display:inline-block;position:relative}.lang-option[aria-current=true] .dot{background:var(--ink);border-color:var(--ink)}.lang-option:not([aria-current=true]):hover .dot:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:4px}.intro{padding:14px var(--side) 36px;max-width:760px}.intro p{line-height:1.3}.say-hello{align-items:center;gap:16px;margin-top:0;display:flex}.say-hello-icon{color:var(--ink);display:inline-flex}.say-hello-icon:hover{color:var(--accent-font)}.section-title{padding:32px var(--side) 16px;flex-wrap:nowrap;align-items:baseline;gap:20px;display:flex}.search-input{font-family:var(--font);font-size:var(--fs);color:var(--ink);caret-color:var(--ink);background:0 0;border:none;width:220px;min-width:0;padding:2px 0}.search-input::placeholder{color:var(--ink-faint)}.search-input:focus{outline:none}@media (width<=480px){.search-input{flex:1;width:auto}}.filters{padding:16px var(--side) 8px;flex-direction:column;gap:6px;display:flex}@media (width>=701px){.filters>summary{display:none}}.filter-row{flex-wrap:wrap;align-items:center;gap:3px 16px;display:flex}.filter-group{display:contents}.filter-divider{background:var(--line);align-self:center;width:2px;height:26px;margin:0 8px}.filter-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;line-height:1.2;display:flex}@media (width<=700px){.filter-btn{font-size:var(--fs-small)}}html.js-mobile-init #filters-toggle>.filter-row{display:none}@media (width<=700px){.filters{padding:8px var(--side);gap:0}.filters>summary{cursor:pointer;font-size:var(--fs-small);justify-content:space-between;align-items:center;padding:10px 0;list-style:none;display:flex}.filters>summary::-webkit-details-marker{display:none}.filters>summary:after{content:"+";text-align:center;flex:none;width:1em;transition:transform .25s}.filters[open]>summary:after{transform:rotate(45deg)}.filters>.filter-row{padding-top:10px}}.filter-btn .ring{border:1px solid var(--ink);border-radius:50%;flex:none;width:18px;height:18px;position:relative}.filter-btn[aria-checked=true] .ring{background:var(--ink);border-color:var(--ink)}@media (hover:hover){.filter-btn:not([aria-checked=true]):hover .ring:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:4px}}.grid-wrap{padding:8px var(--side) 180px}.grid{column-gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));row-gap:0;display:grid}@media (width<=1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{cursor:pointer;display:contents}.tile[hidden]{display:none}.tile-image{align-self:end;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.tile-image img{width:100%;display:block}.tile-text{min-width:0;margin-top:10px;margin-bottom:var(--gap-row)}.tile-label{color:var(--frame-color);display:block}.tile-label+.tile-title{margin-top:2px}.tile-title,.tile-label{overflow-wrap:break-word;word-break:break-word}.tile.font{--frame-color:var(--accent-font)}.tile.lehre{--frame-color:var(--accent-lehre)}.tile.external{--frame-color:var(--accent-external)}.tile.lehre .tile-image img{filter:grayscale()contrast(1.05)}.tile.lehre .tile-image:after{content:"";pointer-events:none;background:var(--accent-lehre);mix-blend-mode:screen;position:absolute;inset:0}footer{padding:28px var(--side) 24px;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=640px){footer{grid-template-columns:1fr}}@media (width<=700px){footer{font-size:var(--fs-small)}}footer .col{flex-direction:column;gap:6px;display:flex}footer .col .address-block{line-height:1.3}footer .col a:hover{color:var(--accent-font)}.legal-row{padding:16px var(--side) 32px;font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.legal-row .legal-links{gap:16px;display:flex}.footer-wordmark{width:auto;height:auto;margin:24px var(--side) 16px;transition:filter .3s;display:block}:root[data-theme=dark] .footer-wordmark{filter:invert()brightness(.93)}.overlay{background:var(--bg);z-index:100;display:none;position:fixed;inset:0;overflow-y:auto}.overlay.open{display:block}.overlay nav.topnav{padding-bottom:10px}nav.topnav:has(+.overlay-close-row){min-height:calc(44px + 1.3 * var(--fs) + 38px);padding-bottom:10px}.overlay-close-row{top:calc(44px + 1.3 * var(--fs));right:calc(var(--side) - 6px);z-index:10;position:fixed}.overlay .overlay-close-row{right:calc(var(--side) - 6px + var(--scrollbar-width,0px))}.close-btn{cursor:pointer;background:0 0;border:none;padding:6px;line-height:0}.close-btn svg line{stroke:var(--ink);stroke-width:1.2px}.close-btn:hover svg line{stroke:var(--accent-font)}.slider{padding:0 var(--side) 22px}.slider-track{touch-action:pan-y;cursor:grab;user-select:none;width:100%;height:84vh;max-height:920px;position:relative;overflow:hidden}@media (width<=700px){.slider-track{height:58vh}}.slider-track:active{cursor:grabbing}.slider-track .slide{justify-content:center;align-items:center;transition:transform .4s;display:flex;position:absolute;inset:0;transform:translate(100%)}.slider-track .slide img{object-fit:contain;-webkit-user-drag:none;user-drag:none;width:auto;max-width:100%;height:100%}.slider-track .slide.active{transform:translate(0)}.slider-nav{padding:12px var(--side) 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.slider-count{justify-self:start}.slider-arrows{grid-column:2;justify-self:center;gap:28px;display:flex}.arrow-btn{cursor:pointer;background:0 0;border:none;padding:6px;line-height:0}.arrow-btn svg path{stroke:var(--ink);stroke-width:1.3px;fill:none}.arrow-btn:hover svg path{stroke:var(--accent-font)}.info-block{padding:48px var(--side) 80px;grid-template-columns:1fr 1.4fr;gap:48px;max-width:1400px;display:grid}@media (width<=760px){.info-block{grid-template-columns:1fr;gap:28px}}@media (width<=700px){.info-block{font-size:var(--fs-small)}}.meta dl{grid-template-columns:auto 1fr;gap:8px 16px;display:grid}.meta dt{padding-top:1px}.desc h2{margin-bottom:14px}.desc .subtitle{max-width:85ch;margin-top:-8px;margin-bottom:14px}.desc p{max-width:85ch;margin-bottom:18px;line-height:1.35}.desc .credits-title{margin-top:20px;margin-bottom:8px}.desc .credit-line{margin-bottom:3px}.detail{padding:0 var(--side) 0}.detail-slider{margin-bottom:8px}.detail-slider .slider-nav{padding:12px 0 0}.detail-image{width:100%;overflow:hidden}.detail-image img{width:100%;display:block}.detail-image.framed{border:1px solid var(--line);background:var(--bg-framed);padding:var(--gap)}.detail .info-block{max-width:1400px;padding:40px 0 64px}.related-links{flex-wrap:wrap;gap:6px 14px;display:flex}.related-links a{color:var(--accent-font)}.related-links a:hover{text-decoration:underline}.font-tester{padding-bottom:64px}.tester-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px;margin-bottom:24px;padding-bottom:24px;display:flex}.tester-control{color:var(--ink-mid);flex-direction:column;gap:6px;display:flex}.tester-control input[type=range]{width:200px}.tester-sample{word-break:break-word;margin-bottom:32px;line-height:1.2}.tester-glyphs{flex-direction:column;gap:12px;display:flex}.tester-glyph-line{word-break:break-word;line-height:1.3}.works-section{padding-bottom:64px}.works-section .section-title{padding-left:0;padding-right:0}.blend-frame{width:100%;height:100%;position:relative}.blend-image{object-fit:contain;-webkit-user-drag:none;user-drag:none;width:auto;max-width:100%;height:100%;margin:auto;position:absolute;inset:0}.blend-image-top{opacity:0}.blend-range{z-index:1;appearance:none;cursor:pointer;background:0 0;width:94%;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.blend-range::-webkit-slider-runnable-track{background:#fff;border-radius:2px;height:3px;box-shadow:0 0 0 1px #00000080}.blend-range::-moz-range-track{background:#fff;border-radius:2px;height:3px;box-shadow:0 0 0 1px #00000080}.blend-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;width:20px;height:20px;margin-top:-8.5px}.blend-range::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;width:20px;height:20px}.spread-viewer-wrap{margin-bottom:64px}.spread-viewer{background:#000;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:64px 0;position:relative;left:50%;right:50%}.spread-viewer-track{pointer-events:none;justify-content:center;align-items:center;height:84vh;max-height:920px;display:flex;position:relative;overflow:hidden}@media (width<=700px){.spread-viewer-track{height:58vh}}.spread-zone{background:#000;width:50%;position:absolute;top:0;bottom:0}.spread-zone:before{content:"";opacity:0;background:#1a1a1a;width:20%;transition:opacity .15s;position:absolute;top:0;bottom:0}.spread-zone:hover:before{opacity:1}.spread-zone-left{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M20 6 L10 16 L20 26' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 16 16,w-resize;left:0}.spread-zone-left:before{left:0}.spread-zone-right{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M12 6 L22 16 L12 26' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 16 16,e-resize;right:0}.spread-zone-right:before{right:0}.spread-page{object-fit:contain;opacity:0;-webkit-user-drag:none;user-drag:none;pointer-events:none;width:auto;max-width:90%;height:auto;max-height:90%;position:absolute}.spread-page.active{opacity:1}.works-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.work-tile{flex-direction:column;display:flex}.work-title{margin-top:8px}.work-by{margin-top:2px}.info-section{padding:48px var(--side)}.info-section .section-title{padding:0 0 20px}.info-page>.info-section:first-child{padding-top:14px}.info-page>.info-section.info-section-last{padding-bottom:220px}.info-lead{max-width:70ch;line-height:1.3}.info-lead+.info-lead{margin-top:14px}.legal-text{font-size:var(--fs-small)}.legal-text-columns{columns:2;column-gap:40px}@media (width<=700px){.legal-text-columns{columns:1}}.legal-text-columns h2{break-after:avoid-column;break-inside:avoid}.legal-text h2{font-size:var(--fs-small);margin-bottom:10px}.legal-text .info-lead{margin-bottom:34px}.legal-text .info-lead:last-child{margin-bottom:0}.legal-text a:hover{color:var(--accent-font)}.legal-note{color:var(--ink-mid)}.legal-text h2#cookies{border-bottom:2px solid var(--line);padding-bottom:10px}.info-intro{grid-template-columns:320px 1fr;align-items:start;gap:40px;display:grid}@media (width<=760px){.info-intro{grid-template-columns:1fr}}.info-intro-image{border:1px solid var(--line);background:var(--bg-framed);overflow:hidden}.info-intro-image img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.info-accordion{border-top:2px solid var(--line)}.cv-category,.faq-item{border-bottom:2px solid var(--line)}.cv-category>summary,.faq-item>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;list-style:none;transition:color .15s;display:flex}.cv-category>summary::-webkit-details-marker{display:none}.faq-item>summary::-webkit-details-marker{display:none}.cv-category>summary:hover,.faq-item>summary:hover{color:var(--accent-font)}.cv-category>summary:after,.faq-item>summary:after{content:"+";text-align:center;flex:none;width:1em;transition:transform .25s}.cv-category[open]>summary:after,.faq-item[open]>summary:after{transform:rotate(45deg)}.cv-count{margin-left:16px;margin-right:auto}.faq-item>summary{justify-content:flex-start}.faq-item>summary:after{margin-left:auto}.cv-body{padding:0 0 28px}.faq-item p{max-width:65ch;padding:0 0 24px;line-height:1.35}.cv-image{border:1px solid var(--line);background:var(--bg-framed);max-width:420px;margin-bottom:20px;overflow:hidden}.cv-image img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.cv-year-block+.cv-year-block{margin-top:18px}.cv-year{font-size:var(--fs-small);margin-bottom:4px}.cv-list{list-style:none}.cv-list li{font-size:var(--fs-small);white-space:pre-line;max-width:75ch;margin-bottom:14px;line-height:1.35}.cv-list li:last-child{margin-bottom:0}.cv-list a:hover{color:var(--accent-font)}.principles-grid,.partners-list{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=900px){.principles-grid,.partners-list{grid-template-columns:1fr}}.section-title.info-title-ruled{border-bottom:2px solid var(--line);margin-bottom:20px}.principle h2{border-bottom:2px solid var(--line);margin-bottom:14px;padding-bottom:14px}.principle p{max-width:45ch;line-height:1.35}.partner-image{border:1px solid var(--line);background:var(--bg-framed);margin-bottom:14px;overflow:hidden}.partner-image img{aspect-ratio:4/3;object-fit:cover;filter:grayscale();width:100%;transition:filter .4s;display:block}.partner-image:hover img{filter:grayscale(0)}.partner h2{margin-bottom:2px}.partner .partner-loc{margin-bottom:10px;display:block}.partner-text{line-height:1.35;font-size:var(--fs-small)}