@font-face{font-family:Heros;src:url('assets/heros-condensed-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:Heros;src:url('assets/heros-condensed-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url('assets/bebas-neue-regular.woff2') format('woff2');font-display:swap}
:root{--background:#c6c6c6;--ink:#111;--surface:#b0b0b0;--surface-hover:#b8b8b8;--accent:#f04b16;--accent-ink:var(--accent);--muted:#525252;--rule:#11111126;--font-heading:'Bebas Neue','Arial Narrow',sans-serif;--font-body:Heros,'Arial Narrow',sans-serif;--gutter:40px;color-scheme:light}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:var(--background);color:var(--ink);font-family:var(--font-body);overscroll-behavior:none}
a,button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
a{text-decoration:none}button{cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
img{max-width:100%;user-select:none;-webkit-user-drag:none}
::selection{background:var(--accent);color:var(--ink)}
.highlight{background:linear-gradient(transparent .025em,var(--accent) .025em,var(--accent) 1.02em,transparent 1.02em);color:var(--ink);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.identity-name.highlight,.view-brand .highlight,.intro-name>.highlight,.about-name .highlight{display:inline-block;background:var(--accent);line-height:.72;padding:calc(.1em + 2px) calc(.06em + 2px) 2px;white-space:nowrap}
.language-switch{position:fixed;z-index:60;top:18px;right:20px;display:flex;align-items:center;gap:5px;background:var(--background);font-size:14px}
.language-switch button{position:relative;min-height:32px;padding:4px;border:0;background:none;color:var(--muted)}
.language-switch button[aria-pressed=true]{color:var(--ink)}
.language-switch button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:4px;right:4px;height:2px;background:var(--accent)}
.language-switch>span{color:var(--muted)}
[hidden]{display:none!important}
.direct-route .intro,.direct-route .experience{display:none}
.direct-route .view{display:block}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px;background:var(--ink);color:var(--background);transform:translateY(-150%)}
.skip-link:focus{transform:none}

/* Spatial archive */
.experience{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:var(--background)}
.experience:before,.experience:after{position:absolute;left:0;right:0;z-index:5;content:'';pointer-events:none}
.experience:before{top:0;height:145px;background:linear-gradient(#c6c6c6f5,#c6c6c6a6 42%,#c6c6c600)}
.experience:after{bottom:0;height:165px;background:linear-gradient(0deg,#c6c6c6fa,#c6c6c6b8 40%,#c6c6c600)}
.stage{position:absolute;inset:0;overflow:hidden;perspective:900px;perspective-origin:50% 50%;cursor:grab;touch-action:none}
.stage:focus{outline:0}.stage.is-dragging{cursor:grabbing}
.world{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.tile{position:absolute;top:50%;left:50%;width:300px;height:183px;padding:0;margin:0;border:0;background:transparent;pointer-events:auto;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}
.tile-surface{position:absolute;inset:0;overflow:hidden;border-radius:5px;background:var(--surface);backface-visibility:hidden;transform:scale(.985);transition:background .3s,box-shadow .3s;box-shadow:inset 0 0 0 1px #11111108}
.tile-surface.is-transparent{background:transparent;box-shadow:none}
.tile-surface.is-transparent:not(.is-empty) .tile-label{color:var(--ink);text-shadow:0 1px 5px var(--background)}
.tile img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transform:scale(1.035);transition:filter .45s}
.tile:hover img,.tile:focus-visible img,.tile.is-focused img{filter:none}
.tile:hover .is-empty{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--accent)}
.tile-label{position:absolute;left:10px;right:10px;bottom:12px;font-size:14px;line-height:1;text-align:center;opacity:0;color:var(--ink);transition:opacity .3s}
.tile:hover .tile-label,.tile:focus-visible .tile-label{opacity:1}
.tile-surface:not(.is-empty) .tile-label{color:#fff;text-shadow:0 1px 9px #000}
.tile:focus-visible{outline:0}.tile:focus-visible .tile-surface{box-shadow:inset 0 0 0 2px var(--accent)}
.archive-header,.filter-dock,.instruction,.focus-readout,.depth,.category-index{position:fixed;z-index:8}
.archive-header{inset:0 0 auto;height:80px;pointer-events:none}
.identity,.primary-nav{pointer-events:auto}
.identity{position:absolute;top:20px;left:20px;display:flex;align-items:flex-start;gap:18px}
.identity-name{font-family:var(--font-heading);font-weight:400;font-size:29px;line-height:.85;letter-spacing:0}
.identity-role{color:var(--muted);font-size:14px;line-height:1.05}
.primary-nav{position:absolute;top:17px;right:112px;display:flex;gap:24px}
.primary-nav a,.primary-nav button,.view-nav a{position:relative;padding:6px 0;min-height:32px;font-size:14px}
.primary-nav button{border:0;background:none}
.primary-nav a:after,.primary-nav button:after,.filters button:after,.view-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.primary-nav a:hover:after,.primary-nav a[aria-current=page]:after,.primary-nav button:hover:after,.primary-nav button[aria-pressed=true]:after,.filters button[aria-pressed=true]:after,.view-nav a:hover:after{transform:scaleX(1)}
.filter-dock{bottom:16px;left:0;right:0;pointer-events:none}
.filters{display:flex;justify-content:center;gap:23px}
.filters button{position:relative;min-height:35px;padding:0;border:0;background:transparent;color:var(--muted);font-size:14px;pointer-events:auto}
.filters button:hover,.filters button[aria-pressed=true]{color:var(--ink)}
.filters .view-toggle{margin-left:7px;padding-left:22px;border-left:1px solid var(--muted)}
.instruction,.focus-readout,.depth{margin:0;font-size:13px;line-height:1;color:var(--muted)}
.instruction{left:20px;bottom:25px;text-transform:uppercase;letter-spacing:.02em}
.focus-readout{overflow:hidden;text-overflow:ellipsis;left:50%;bottom:68px;max-width:40vw;transform:translateX(-50%);color:var(--ink);white-space:nowrap}
.depth{right:20px;bottom:25px;font-variant-numeric:tabular-nums}
.category-index{right:22px;bottom:100px;width:225px;padding-left:20px;border-left:1px solid var(--accent);max-height:45vh;overflow-y:auto}
.category-index button{display:flex;justify-content:space-between;gap:20px;width:100%;min-height:32px;padding:4px 0;border:0;background:none;font-size:14px;text-align:left}
.category-index button:hover{color:var(--accent-ink)}
.category-index small{color:var(--muted);font-size:12px}
.work-index{position:fixed;inset:66px 0 0;z-index:7;overflow-y:auto;overscroll-behavior:contain;background:var(--background);padding:40px var(--gutter) 120px}
.work-index:focus{outline:0}
.work-index-inner{max-width:1600px;margin:0 auto}
.work-index h1{margin:0 0 24px;font:400 clamp(66px,9vw,132px)/.95 var(--font-heading)}
.work-index-jumps{display:flex;gap:26px;overflow-x:auto;margin-bottom:34px;padding-bottom:8px;scrollbar-width:thin}
.work-index-jumps button{display:flex;align-items:baseline;gap:7px;flex:none;padding:4px 0;border:0;border-bottom:2px solid var(--accent);background:none;font:400 25px/1 var(--font-heading)}
.work-index-jumps button:hover{color:var(--accent-ink)}
.work-index-jumps span{color:var(--muted);font:14px/1 var(--font-body)}
.work-index-list{display:block}
.work-index-group{scroll-margin-top:20px;margin-bottom:50px}
.work-index-group h2{display:flex;align-items:baseline;gap:14px;margin:0;padding:17px 0 13px;border-top:1px solid var(--ink);font:400 clamp(42px,5vw,72px)/1 var(--font-heading)}
.work-index-group h2 small{color:var(--muted);font:16px/1 var(--font-body)}
.work-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;border-bottom:1px solid var(--rule)}
.work-index-list.is-single .work-index-group h2{display:none}
.work-index-list.is-single .work-index-grid{border-top:1px solid var(--ink)}
.work-index-item{display:grid;grid-template-columns:30px 116px minmax(0,1fr) 20px;align-items:center;gap:15px;min-width:0;min-height:112px;padding:14px 0;border-top:1px solid var(--rule)}
.work-index-number{align-self:start;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}
.work-index-image{display:block;width:116px;aspect-ratio:1.6;background:var(--surface);overflow:hidden}
.work-index-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .25s}
.work-index-item:hover img,.work-index-item:focus-visible img{filter:none}
.work-index-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.work-index-copy strong{font:400 clamp(26px,3vw,39px)/.98 var(--font-heading);overflow-wrap:anywhere}
.work-index-copy small{color:var(--muted);font-size:14px;line-height:1.1}
.work-index-arrow{align-self:start;color:var(--accent-ink);font-size:21px}
.work-index-item:hover .work-index-copy strong{color:var(--accent-ink)}
.show-index .stage,.show-index .instruction,.show-index .focus-readout,.show-index .depth,.show-index .category-index{visibility:hidden}
.show-index .archive-header{background:var(--background);border-bottom:1px solid var(--rule)}
.show-index .filter-dock{padding-top:28px;background:linear-gradient(transparent,var(--background) 45%)}

/* Opening screen */
.intro{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--background);overflow:hidden;touch-action:none;transition:opacity 1s,visibility 1s}
.intro-name{position:relative;z-index:2;width:calc(100% - 36px);display:flex;justify-content:space-between;align-items:baseline;margin:0;font:400 clamp(100px,19vw,300px)/.85 var(--font-heading);letter-spacing:0;pointer-events:none}
.intro-name span:first-child{transform:translateY(-7vh)}
.intro-name span:last-child{transform:translateY(7vh)}
.intro-portrait{position:absolute;z-index:4;left:50%;top:51%;width:min(35vw,490px);height:auto;max-height:68svh;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}
.intro-role{position:absolute;z-index:5;top:25px;left:25px;margin:0;font-size:16px;white-space:nowrap}
.enter{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);min-height:42px;padding:10px;border:0;background:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.enter:after{content:'';position:absolute;bottom:0;left:calc(50% - 18px);width:36px;height:2px;background:var(--accent);transition:width .25s,left .25s}
.enter:hover:after{width:100%;left:0}
.intro-pictures{position:absolute;inset:0;perspective:900px}
.intro-picture{position:absolute;width:11vw;max-width:180px;min-width:88px;aspect-ratio:1.55;object-fit:cover;filter:grayscale(1);opacity:.7;transform:rotate(var(--rotate,0deg));animation:drift 12s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.intro-blank{background:var(--surface);border:1px solid #1111110c;border-radius:2px;opacity:.58;filter:none}
@keyframes drift{to{translate:8px -16px;rotate:3deg}}
.intro-leaving .intro{opacity:0;visibility:hidden}
.is-intro .archive-header,.is-intro .filter-dock,.is-intro .instruction,.is-intro .focus-readout,.is-intro .depth{opacity:0;pointer-events:none}
.archive-header,.filter-dock,.instruction,.focus-readout,.depth{transition:opacity .7s}
.intro-leaving .world{animation:gallery-enter 1.2s cubic-bezier(.16,1,.3,1)}
@keyframes gallery-enter{from{opacity:.15;scale:.78}to{opacity:1;scale:1}}

/* About and project views */
.view{position:fixed;inset:0;z-index:30;overflow-x:hidden;overflow-y:auto;background:var(--background);color:var(--ink);overscroll-behavior:contain;animation:page-in .55s ease}
.view:focus{outline:0}
@keyframes page-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.view-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:28px;min-height:60px;padding:0 var(--gutter);border-bottom:1px solid var(--rule);background:var(--background)}
.view-nav a{white-space:nowrap}
.view-nav .view-brand{font-family:var(--font-heading);font-weight:400;font-size:27px;letter-spacing:0}
.view-nav nav{margin-left:auto;display:flex;gap:24px;padding-right:75px}
.about-hero{position:relative;height:clamp(430px,68svh,620px);min-height:0;padding:24px var(--gutter) 0;display:flex;flex-direction:column;justify-content:space-between}
.about-role{margin:0 9% 0 auto;max-width:180px;font-size:18px;line-height:1.15;color:var(--muted)}
.about-name{position:relative;z-index:2;margin:0;font:400 clamp(105px,17.5vw,255px)/.85 var(--font-heading);letter-spacing:0;padding-bottom:.12em;display:flex;flex-direction:column;justify-content:space-between;flex:1;padding-top:10px;gap:0;pointer-events:none}
.about-name>span{display:block}.about-name>span:last-child{text-align:right}
.about-portrait{position:absolute;z-index:3;left:50%;top:53%;width:min(25vw,315px);margin:0;transform:translate(-50%,-43%)}
.about-portrait img{display:block;width:100%;height:auto;max-height:43svh;object-fit:contain}
.about-copy{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:8px var(--gutter) 110px;border-top:1px solid var(--rule)}
.about-aside{min-width:0}
.about-aside .section-label{line-height:1}
.about-photo{margin:15px 0 0;width:100%;aspect-ratio:4/5;overflow:hidden}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.section-label{margin:0;font-family:var(--font-heading);font-weight:400;font-size:26px}
.about-text{min-width:0;container-type:inline-size;padding-top:44px}
.lead-line{display:block;text-wrap:balance}
.about-lead{max-width:760px;margin:0 0 64px;font:400 clamp(30px,6.7cqw,58px)/1.08 var(--font-heading);letter-spacing:0}
.about-body{max-width:64ch;text-wrap:pretty;margin:0 0 26px;color:var(--muted);font:400 23px/1.45 var(--font-body)}
.about-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:64px;padding-top:22px;border-top:1px solid var(--rule)}
.about-contact>a:first-child{display:flex;align-items:center;gap:18px;font:400 clamp(42px,5vw,70px)/1 var(--font-heading)}
.about-contact>a:first-child span:last-child{color:var(--accent)}
.contact-email{font-size:21px;line-height:1.3;border-bottom:1px solid var(--ink)}
.contact-email:hover{color:var(--accent-ink);border-color:var(--accent)}
.social-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px;font-size:19px}
.social-links a{border-bottom:1px solid var(--ink)}
.social-links a:hover{color:var(--accent-ink);border-color:var(--accent)}
.seo-index{padding:50px var(--gutter) 100px}
.seo-index h1{margin:0 0 44px;font:400 clamp(80px,12vw,180px)/.9 var(--font-heading)}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}
.seo-card{display:flex;flex-direction:column;min-width:0;gap:7px}
.seo-card-image{display:block;aspect-ratio:1.64;background:var(--surface);overflow:hidden}
.seo-card-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .25s}
.seo-card:hover .seo-card-image img{filter:none}
.seo-card-title{font:400 clamp(25px,3vw,42px)/1 var(--font-heading)}
.seo-card-meta{font-size:14px;color:var(--muted)}
.seo-card:hover .seo-card-title{color:var(--accent-ink)}
.practice{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:0 var(--gutter) 100px}
.practice-links{display:flex;flex-direction:column}
.practice-links a{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-top:1px solid var(--rule);font:400 clamp(38px,5vw,72px)/1 var(--font-heading)}
.practice-links a:last-child{border-bottom:1px solid var(--rule)}
.practice-links .practice-index{font:14px var(--font-body);color:var(--accent-ink)}
.practice-links a:hover{color:var(--accent-ink)}
.project-page{background:var(--background);color:var(--ink);min-height:100%}
.project-hero{padding:60px var(--gutter) 54px}
.project-kicker{margin:0 0 22px;font-size:15px;color:var(--accent-ink)}
.project-title{margin:0 0 .38em;padding:0;font:400 clamp(76px,12vw,184px)/1.02 var(--font-heading);letter-spacing:0;text-wrap:balance;overflow-wrap:normal;hyphens:manual}
.project-title--long{font-size:clamp(64px,8vw,132px)}
.title-line{display:block}
.project-facts{display:flex;flex-wrap:wrap;gap:35px 90px;margin:0;padding-top:25px;border-top:1px solid var(--rule)}
.project-facts div{min-width:150px}
.project-facts dt{margin:0 0 8px;font-size:14px;color:var(--muted)}
.project-facts dd{margin:0;font-size:20px;line-height:1.3}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:0 var(--gutter) 34px;align-items:start}
.project-media{grid-column:1/-1;margin:0;min-width:0}
.project-media--half{grid-column:auto;align-self:stretch;display:flex;align-items:center;justify-content:center}
.project-media img,.project-media video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.project-page--white-media .project-media{background:#fff}
.project-media--half img,.project-media--half video{max-height:85svh}
.project-media--artwork{padding:6%}
.project-media--artwork img{max-height:68svh}
.project-media--dark,.project-media--dark img{background:#111}
.project-media--banner{padding:8% 0}
.project-media video{max-height:88svh;background:var(--surface)}
.video-embed{position:relative;aspect-ratio:16/9;background:var(--surface)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-blank{width:100%;aspect-ratio:16/10;background:var(--surface);border:1px solid #11111108}
.media-blank--video{aspect-ratio:16/9}
.next-project{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px var(--gutter);border-top:1px solid var(--rule);min-height:210px}
.next-project small{font-size:14px;align-self:flex-start}
.next-project strong{margin-left:auto;min-width:0;text-wrap:balance;font:400 clamp(40px,7vw,110px)/1 var(--font-heading);letter-spacing:0}
.next-project>span{font-size:55px;color:var(--accent-ink);transition:transform .25s}
.next-project:hover>span{transform:translateX(8px)}

@media(min-width:1700px){.intro-name{font-size:18vw}}
@media(max-width:1000px) and (min-width:701px){.work-index-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  :root{--gutter:18px}
  .stage{perspective:560px}
  .identity{left:15px;top:23px;gap:11px}.identity-name{font-size:24px}.identity-role{display:none}
  .primary-nav{right:98px;top:13px;gap:13px}.primary-nav a,.primary-nav button{font-size:14px;padding:9px 0}
  .language-switch{right:12px;top:16px;font-size:13px;gap:3px}
  .intro-name{width:calc(100% - 30px);flex-direction:column;gap:clamp(60px,14vh,125px);font-size:31vw;line-height:.83}
  .intro-name span:first-child{transform:translateY(-2vh)}.intro-name span:last-child{align-self:flex-end;transform:translateY(2vh)}
  .intro-portrait{width:50vw;max-height:52svh;top:50%}
  .intro-role{top:22px;left:17px;font-size:14px}
  .intro-picture{width:24vw;min-width:0;max-width:140px}.enter{bottom:22px;font-size:12px}
  .filter-dock{bottom:15px;overflow-x:auto;scrollbar-width:none}.filter-dock::-webkit-scrollbar{display:none}.filters{justify-content:flex-start;gap:16px;width:max-content;min-width:100%;padding:0 15px}.filters button{min-height:42px;font-size:14px;white-space:nowrap}.filters .view-toggle{margin-left:0;padding-left:17px}
  .instruction{left:15px;bottom:70px;font-size:12px}
  .focus-readout{left:auto;right:15px;bottom:70px;max-width:42vw;font-size:12px;transform:none}
  .depth{top:72px;bottom:auto;right:15px;font-size:12px}
  .category-index{display:none}
  .work-index{inset:57px 0 0;padding:28px var(--gutter) 110px}
  .work-index h1{font-size:clamp(36px,10vw,60px);margin-bottom:19px}
  .work-index-jumps{gap:18px;margin-bottom:20px}.work-index-jumps button{font-size:22px}
  .work-index-group{margin-bottom:36px}.work-index-group h2{font-size:39px;padding:13px 0 10px}
  .work-index-grid{grid-template-columns:1fr}
  .work-index-item{grid-template-columns:23px 74px minmax(0,1fr) 14px;gap:10px;min-height:91px;padding:10px 0}
  .work-index-image{width:74px}
  .work-index-copy strong{font-size:27px}
  .work-index-copy small{font-size:12px}
  .work-index-arrow{font-size:17px}
  .view-nav{padding:0 15px;gap:14px;min-height:57px}.view-nav a{font-size:14px}.view-nav .view-brand{font-size:24px}.view-nav nav{gap:17px;padding-right:78px}
  .about-hero{height:clamp(350px,58svh,500px);min-height:0;padding-top:20px}.about-role{font-size:16px;margin-right:0}
  .about-name{font-size:32vw;line-height:.85;padding-bottom:.17em;padding-top:8px;gap:0}.about-portrait{width:45vw;top:53%}
  .about-portrait img{max-height:33svh}
  .about-copy,.practice{display:block;padding:35px var(--gutter) 75px}.section-label{margin-bottom:18px}
  .about-photo{max-width:280px;aspect-ratio:5/4;margin:0 0 30px}
  .about-text{padding-top:0}
  .about-lead{font-size:clamp(21px,8.5cqw,50px);margin-bottom:40px}.about-body{font-size:20px;line-height:1.5}
  html[lang=de] .about-lead{font-size:clamp(20px,8.2cqw,50px)}
  .seo-index{padding:40px var(--gutter) 75px}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .seo-card-title{font-size:26px}.seo-card-meta{font-size:12px}
  .practice{padding-top:0}.practice-links a{font-size:48px}
  .project-hero{padding:38px var(--gutter) 36px}.project-kicker{margin-bottom:20px;font-size:14px}
  .project-title{font-size:16.3vw;margin:0 0 35px;line-height:1.02}
  .project-title--long{font-size:10.8vw}
  .project-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}.project-facts div{min-width:0}
  .project-facts div:last-child{grid-column:1/-1}
  .project-facts dt{font-size:13px}.project-facts dd{font-size:17px;overflow-wrap:anywhere}
  .project-gallery{grid-template-columns:1fr;gap:22px;padding:0 12px 22px}
  .project-media--half{grid-column:1/-1}
  .project-media--artwork{padding:9%}
  .next-project{min-height:170px;flex-wrap:wrap;padding:28px 18px;gap:15px}.next-project small{width:100%}.next-project strong{margin:0;font-size:14vw}.next-project>span{font-size:35px}
  .tile-surface{border-radius:4px}
}
@media(max-width:380px){
  .view-nav{padding:0 12px;gap:10px}
  .view-nav a{font-size:12px}
  .view-nav .view-brand{font-size:21px}
  .view-nav nav{padding-right:62px;gap:0}
  .language-switch{right:10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}