@font-face{font-family:Apercu;src:url('/assets/apercu-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Apercu;src:url('/assets/apercu-bold.otf') format('opentype');font-weight:700;font-display:swap}
.portfolio-edition{--ed-bg:#efefe8;--ed-ink:#151515;--ed-accent:#2b21c2;--ed-gap:clamp(12px,2vw,32px);--ed-title:Apercu,sans-serif;--ed-crop:4/3;margin:0;color:var(--ed-ink);background:var(--ed-bg);font:16px/1.5 Apercu,system-ui,sans-serif}
.portfolio-edition *{box-sizing:border-box}
.portfolio-edition a{color:inherit}
.portfolio-edition a:focus-visible,.portfolio-edition button:focus-visible{outline:2px solid var(--ed-accent);outline-offset:4px}
.portfolio-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--ed-gap);align-items:center;padding:22px clamp(16px,4vw,72px);border-bottom:1px solid currentColor}
.portfolio-brand{text-decoration:none;font-weight:700;font-size:clamp(19px,2.3vw,32px);letter-spacing:-.06em;line-height:1}
.portfolio-categories,.portfolio-side,.portfolio-language{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,1.6vw,26px)}
.portfolio-categories{justify-content:center}
.portfolio-categories a{font-weight:700;font-size:clamp(11px,1.05vw,15px);text-decoration:none;padding-block:7px;white-space:nowrap}
.portfolio-categories a:hover,.portfolio-categories a[aria-current]{text-decoration:underline;text-underline-offset:5px;color:var(--ed-accent)}
.portfolio-side{font-size:12px;justify-content:flex-end}
.portfolio-language{gap:8px}
.portfolio-side a{text-decoration:none}
.portfolio-side a:hover,.portfolio-language a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.portfolio-main{max-width:1800px;margin:auto;padding:clamp(18px,4vw,76px)}
.portfolio-heading,.portfolio-project h1{font:700 clamp(38px,7vw,110px)/.98 var(--ed-title);letter-spacing:-.06em;margin:0 0 clamp(18px,3vw,46px);overflow-wrap:anywhere}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px) var(--ed-gap)}
.portfolio-card{display:grid;gap:8px;align-content:start;text-decoration:none;font-size:clamp(15px,1.7vw,24px);font-weight:700;line-height:1.14}
.portfolio-card img,.portfolio-no-image{display:block;width:100%;height:auto;aspect-ratio:var(--ed-crop);object-fit:cover;background:color-mix(in srgb,var(--ed-bg),var(--ed-ink) 12%)}
.portfolio-card:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
.portfolio-project{max-width:1260px;margin:auto}
.portfolio-project header{margin-bottom:22px}
.portfolio-back{display:inline-block;margin-bottom:14px;font-size:13px}
.portfolio-project figure{margin:0}
.portfolio-project img{display:block;max-width:100%;height:auto}
.portfolio-project figcaption,.portfolio-credit{font-size:.84em;margin-block:8px}
.portfolio-model-credits{font-size:.8em;margin-top:32px}
.portfolio-model-credits summary{cursor:pointer;width:fit-content;padding-block:8px}
.portfolio-copy{max-width:66ch;margin-block:clamp(18px,4vw,52px);font-size:clamp(17px,2.4vw,24px)}
.portfolio-copy p{margin-block:0 12px}
.portfolio-gallery{display:grid;gap:var(--ed-gap);margin-top:var(--ed-gap)}
.portfolio-film{aspect-ratio:16/9;margin-top:var(--ed-gap);background:#151515}
.portfolio-film iframe{width:100%;height:100%;border:0}
.portfolio-visually-hidden,.portfolio-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.portfolio-skip:focus{position:absolute;top:8px;left:8px;background:var(--ed-bg);z-index:20;padding:8px}
.portfolio-edition[data-layout="03"],.portfolio-edition[data-layout="bilddruck"]{--ed-bg:#e8ed3b;--ed-ink:#1d2495;--ed-accent:#161b76;--ed-title:Georgia,serif;--ed-crop:3/2}
.portfolio-edition:is([data-layout="02"],[data-layout="nocturne"],[data-layout="vision"],[data-layout="web-practice"]){--ed-bg:#111118;--ed-ink:#f7f4ec;--ed-accent:#c9bdff}
.portfolio-edition[data-layout="00"]{--ed-bg:#fff;--ed-ink:#161616;--ed-accent:#333}
.portfolio-edition[data-layout="01"]{--ed-bg:#f6f1e7;--ed-title:Georgia,serif;--ed-crop:4/5}
.portfolio-edition[data-layout="05"]{--ed-bg:#ece8ef;--ed-ink:#271e41;--ed-accent:#5a3189}
.portfolio-edition[data-layout="lichtlabor"]{--ed-bg:#1c1830;--ed-ink:#f2eaff;--ed-accent:#c8a6ff}
.portfolio-edition[data-layout="remixer"]{--ed-bg:#f4eaf1;--ed-ink:#281530;--ed-accent:#9a1868}
.portfolio-edition[data-layout="resonanz"]{--ed-bg:#ebe6da;--ed-ink:#232323;--ed-title:Georgia,serif}
.portfolio-edition[data-layout="bildmaschine"]{--ed-bg:#e9e7e1;--ed-ink:#212121;--ed-gap:10px;--ed-crop:1}
.portfolio-edition[data-layout="atelier"]{--ed-bg:#ffede3;--ed-ink:#3a211a;--ed-accent:#991f15}
.portfolio-edition[data-layout="blick"]{--ed-bg:#f7f6f0;--ed-ink:#15191c;--ed-crop:3/2}
.portfolio-edition[data-layout="web-editorial"]{--ed-bg:#f3f1e7;--ed-title:Georgia,serif}
.portfolio-edition[data-layout="web-interaction"]{--ed-bg:#172e24;--ed-ink:#e8ffad;--ed-accent:#d3ed94}
.portfolio-edition:is([data-layout="01"],[data-layout="03"],[data-layout="blick"],[data-layout="resonanz"]) .portfolio-home .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.portfolio-edition:is([data-layout="02"],[data-layout="nocturne"],[data-layout="vision"],[data-layout="web-practice"]) .portfolio-home .portfolio-card:first-child{grid-column:span 2}
@media(max-width:850px){.portfolio-head{grid-template-columns:1fr auto;padding-block:12px}.portfolio-categories{grid-row:2;grid-column:1/-1;justify-content:space-between}.portfolio-side{grid-column:2;grid-row:1}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.portfolio-head{gap:7px}.portfolio-categories{gap:5px}.portfolio-categories a{font-size:clamp(9px,2.55vw,12px);white-space:normal}.portfolio-card span{overflow-wrap:anywhere}.portfolio-project img{width:100%}}
.portfolio-stage{--ed-accent:#2b21c2;--ed-gap:12px;margin:0}
.portfolio-stage .stage{height:clamp(150px,calc(100svh - var(--stage-header-height,100px) - 32px),1200px)}
.portfolio-stage .stage canvas{touch-action:pinch-zoom}
.portfolio-stage .stage-still-link{display:none}
.portfolio-stage .stage[data-scene=still] .stage-still-link{display:block;position:absolute;inset:0;z-index:1}
.portfolio-stage .stage-still-link:focus-visible{outline-offset:-4px}
@media(prefers-reduced-motion:no-preference){.portfolio-home .portfolio-card{animation:portfolio-arrive .38s ease-out both}.portfolio-home .portfolio-card:nth-child(n+3){animation-delay:.035s}.portfolio-home .portfolio-card:nth-child(n+5){animation-delay:.07s}@keyframes portfolio-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

.portfolio-stage .stage-selection{display:block;min-height:0;padding:0}
.portfolio-edition [data-portfolio-experiment] .studio-hero{margin:0;max-width:none}
.portfolio-edition [data-portfolio-experiment] .studio-heading{padding-top:0}
.portfolio-film-detail summary{cursor:pointer;list-style:none;position:relative}
.portfolio-film-detail summary::-webkit-details-marker{display:none}
.portfolio-film-poster img{width:100%}
.portfolio-play-open,.portfolio-play-close{display:inline-block;padding:8px 13px;border-radius:24px;background:var(--ed-bg);color:var(--ed-ink);border:1px solid currentColor;font-weight:700}
.portfolio-play-open{position:absolute;left:14px;bottom:14px}
.portfolio-play-close,.portfolio-film-detail[open] .portfolio-play-open,.portfolio-film-detail[open] .portfolio-film-poster{display:none}
.portfolio-film-detail[open] .portfolio-play-close{display:inline-block}
.portfolio-film-detail .portfolio-film{margin-top:12px}

.portfolio-film-source{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px;text-underline-offset:.25em}