@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--black:#000;--white:#fff;--muted:#0003;--gutter:clamp(16px, 2vw, 20px);--section-gap:clamp(120px, 30vw, 500px);--fs-140:clamp(2.5rem, 9vw, 8.75rem);--fs-80:clamp(2rem, 5.5vw, 5rem);--fs-40:clamp(1.25rem, 2.75vw, 2.5rem);--fs-20:clamp(.9375rem, 1.2vw, 1.25rem);--fs-18:clamp(.875rem, 1.1vw, 1.125rem);--font-sans:"ABC Areal", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.header{z-index:60;padding:clamp(14px, 2vw, 24px) var(--gutter);color:var(--white);mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.header__logo,.header__menu,.header__clock{pointer-events:auto;font-size:var(--fs-18);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;font-weight:500;line-height:1}.header__logo{font-weight:500}.header__menu{z-index:60;color:var(--white);mix-blend-mode:difference;font-size:calc(var(--fs-18) * 2);cursor:pointer;background:0 0;border:0;padding:0;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.header__clock{font-variant-numeric:tabular-nums}@media (max-width:640px){.header{flex-direction:column;justify-content:center;align-items:center;row-gap:10px}.header__logo{font-size:16px}.header__clock{font-size:18px}}.menu-overlay{z-index:55;padding:var(--gutter);justify-content:center;align-items:flex-end;padding-bottom:30px;display:flex;position:fixed;inset:0}.menu-overlay__card{background:var(--black);width:min(1000px,100%);min-height:min(520px,72svh);color:var(--white);border-radius:20px;flex-direction:column;align-items:center;padding:clamp(48px,8vh,80px) 20px 20px;display:flex;position:relative}.menu-overlay__list{flex-direction:column;align-items:center;gap:15px;margin:0;padding:0;list-style:none;display:flex}.menu-overlay__link{text-transform:uppercase;color:var(--white);font-size:clamp(40px,5vw,70px);font-weight:400;line-height:.72;display:inline-block;position:relative}.menu-overlay__face{transition:opacity .3s;display:block}.menu-overlay__face--static{font-weight:400}.menu-overlay__face--italic{opacity:0;font-style:italic;font-weight:400;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.menu-overlay__link:hover .menu-overlay__face--static{opacity:0}.menu-overlay__link:hover .menu-overlay__face--italic{opacity:1}}.menu-overlay__footer{text-transform:uppercase;width:100%;color:var(--white);white-space:nowrap;justify-content:center;align-items:center;margin-top:auto;display:flex}.menu-overlay__close{font-family:inherit;font-size:calc(var(--fs-18) * 2);text-transform:uppercase;color:var(--white);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;line-height:1}.site-main{display:block}.section{width:100%;padding:clamp(56px, 9vw, 120px) var(--gutter)}.home>*+*{margin-top:var(--section-gap)}.home .section{padding-block:0}@media (max-width:640px){.home>*+*{margin-top:350px}.section--services+.media-band,.media-band+.section--contact{margin-top:0}}.section__label{font-size:var(--fs-20);color:var(--muted);margin-bottom:10px;font-weight:500;display:block}[id]{scroll-margin-top:80px}.prose p{margin:0}.prose--80{font-size:var(--fs-80);letter-spacing:-.01em;font-weight:500;line-height:.94}.prose--40{font-size:var(--fs-40);font-weight:500;line-height:1.05}.prose--legal{font-size:var(--fs-20);font-weight:400;line-height:1.5}.prose--legal p+p{margin-top:1em}@media (max-width:640px){#about .section__label{font-size:20px}#about .prose--80{overflow-wrap:break-word;font-size:40px;line-height:35px}}.hero{width:100%;height:calc(56.25vw + 100px);position:relative;overflow:hidden}.hero__video{object-fit:cover;width:100%;height:100%}@media (max-width:640px){.hero{height:calc(178.7vw + 150px)}}.smiley{width:100%;padding:clamp(24px, 4vw, 64px) var(--gutter);font-size:var(--fs-80);text-align:center;font-weight:700}.media-band{width:100%;overflow:hidden}.media-band__video{width:100%;height:auto;display:block}@media (max-width:640px){#about+.media-band{height:calc(178.7vw + 150px)}#about+.media-band .media-band__video{object-fit:cover;width:100%;height:100%}}.work-list{margin:0;padding:0;list-style:none}.work-row{border-bottom:1px solid var(--black);font-size:var(--fs-20);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.work-row__link{z-index:1;position:absolute;inset:0}.work-row__face{grid-area:1/1;grid-template-columns:18.66% 27.31% 26.72% 21.03% 1fr;align-items:baseline;padding-block:10px;transition:opacity .3s,padding-inline .3s;display:grid}.work-row__face--static{font-weight:500}.work-row__face--italic{opacity:0;font-style:italic;font-weight:400}.work-row:last-child{border-bottom:0}.work-row__num,.work-row__name,.work-row__service,.work-row__year{justify-self:start}.work-row__num{font-variant-numeric:tabular-nums}.work-row__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.work-row__progress{text-align:right;justify-self:end}@media (hover:hover) and (pointer:fine){.work-row:hover .work-row__face--static{opacity:0}.work-row:hover .work-row__face--italic{opacity:1}.work-row:hover .work-row__face{padding-inline:clamp(8px,1vw,14px)}}@media (max-width:860px){.work-row__face{grid-template-columns:3ch 1fr auto;grid-template-areas:"num name progress""num service year";gap:2px 10px}.work-row__num{grid-area:num}.work-row__name{grid-area:name}.work-row__service{color:var(--muted);grid-area:service}.work-row__year{color:var(--muted);grid-area:year}.work-row__progress{grid-area:progress}}@media (max-width:640px){#work .section__label{text-align:left;font-size:20px}.work-row__face{flex-direction:row;justify-content:space-between;align-items:baseline;gap:45px;min-width:0;padding-block:15px;display:flex}.work-row__name{flex:auto}.work-row__num,.work-row__year,.work-row__progress{display:none}.work-row__name{text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:40px;font-weight:500;line-height:.9;overflow:hidden}.work-row__service{color:var(--black);text-align:right;white-space:nowrap;flex-shrink:0;font-size:16px;line-height:1}}.section--services{grid-template-columns:auto 1fr;align-items:start;column-gap:clamp(96px,16vw,232px);display:grid}.section--services .section__label{margin-bottom:0}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px) clamp(96px,16vw,232px);display:grid}.service-link{font-size:var(--fs-80);color:var(--black);line-height:.75;display:grid}.service-link__face{grid-area:1/1;transition:opacity .3s}.service-link__arrow{display:none}.service-link__face--static{font-weight:500}.service-link__face--italic{opacity:0;font-style:italic;font-weight:400}@media (hover:hover) and (pointer:fine){.service-link:hover .service-link__face--static{opacity:0}.service-link:hover .service-link__face--italic{opacity:1}}@media (max-width:640px){.section--services{grid-template-columns:minmax(0,1fr);row-gap:10px}.section--services .section__label{text-align:left;font-size:20px}.service-list{grid-template-columns:minmax(0,1fr);row-gap:0}.service-link{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;font-size:45px;line-height:1.03}.service-link__face{overflow-wrap:break-word;min-width:0}.service-link__arrow{grid-area:1/2;justify-self:end;font-size:45px;font-weight:500;display:block}}.section--contact{margin-bottom:var(--section-gap);grid-template-columns:auto 1fr;align-items:start;column-gap:clamp(96px,14vw,239px);display:grid}.section--contact .section__label{margin-bottom:0}@media (max-width:640px){.section--contact{grid-template-columns:minmax(0,1fr);row-gap:10px;margin-bottom:350px}.section--contact .section__label{text-align:left}.section--contact .prose--40{text-align:left;font-size:40px;line-height:35px}.section--contact .prose--40,.section--contact .prose--40 p{overflow-wrap:break-word;min-width:0}}.service-grid{width:100%;padding:clamp(24px, 6vw, 56px) var(--gutter) 0}.service-grid+.cta{margin-top:var(--section-gap);margin-bottom:var(--section-gap);padding-block:0}.service-projects{margin:0;padding:0;list-style:none}.big-row{border-bottom:1px solid var(--black);font-size:var(--fs-80);line-height:.9;display:grid}.big-row__face{grid-area:1/1;align-items:baseline;gap:clamp(24px,27vw,460px);padding-block:clamp(14px,2vw,24px);transition:opacity .3s,padding-inline .3s,gap .3s;display:flex}.big-row__face--static{font-weight:500}.big-row__face--italic{opacity:0;font-style:italic;font-weight:400}@media (hover:hover) and (pointer:fine){.big-row:hover .big-row__face--static{opacity:0}.big-row:hover .big-row__face--italic{opacity:1}.big-row:hover .big-row__face{gap:clamp(24px,24vw,400px);padding-inline:clamp(8px,2vw,30px)}}.service-projects li:last-child .big-row{border-bottom:0}.big-row__num{font-variant-numeric:tabular-nums;flex:none}.big-row__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.big-row__year{flex-shrink:0;margin-left:auto}@media (max-width:640px){.big-row__face{flex-wrap:wrap;gap:6px 12px}.big-row__year{margin-left:0}}.service-hero{width:100%;height:50svh;position:relative;overflow:hidden}.service-hero img,.service-hero video{object-fit:cover;width:100%;height:100%}.service-heading{z-index:60;font-size:var(--fs-18);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;color:var(--white);mix-blend-mode:difference;pointer-events:none;margin:0;font-weight:500;line-height:1;position:fixed;top:clamp(14px,2vw,24px);left:50%;transform:translate(-50%)}.cta{width:100%;padding:clamp(48px, 8vw, 96px) var(--gutter);font-size:var(--fs-80);text-align:center;color:var(--black);place-items:center;font-weight:700;line-height:.94;display:grid}.cta__face{grid-area:1/1;transition:opacity .3s}.cta__face--static{font-weight:700}.cta__face--italic{opacity:0;font-style:italic;font-weight:700}@media (hover:hover) and (pointer:fine){.cta:hover .cta__face--static{opacity:0}.cta:hover .cta__face--italic{opacity:1}}.project__header{padding-top:50svh;padding-inline:var(--gutter);padding-bottom:clamp(24px,4vw,48px)}.project__title{font-size:var(--fs-20);color:var(--muted);margin-bottom:clamp(10px,1.5vw,16px);font-weight:500;display:block}.project__gallery{--gallery-gap:clamp(24px, 4vw, 64px);column-gap:var(--gallery-gap);row-gap:var(--gallery-gap);padding-inline:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project__gallery img,.project__gallery video{width:100%;height:auto;display:block}.project__gallery .prose,.media--full{grid-column:1/-1}.media--half-left{grid-column:1/2}.media--half-right{grid-column:2/3}@media (max-width:640px){.media--half-left,.media--half-right{grid-column:1/-1}}.project__nav{z-index:50;font-size:calc(var(--fs-18) * 2);text-transform:uppercase;color:var(--white);mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;padding:0;font-weight:400;display:flex;position:fixed;bottom:50px;left:20px;right:20px}.project__nav a{pointer-events:auto;text-decoration:none}.project+.cta{margin-top:var(--section-gap);margin-bottom:var(--section-gap);padding-block:0}.contact-page{text-align:center;min-height:100vh;padding:calc(80px + var(--gutter)) var(--gutter) clamp(48px, 8vw, 96px);flex-direction:column;justify-content:center;align-items:center;display:flex}.contact-page .cta{margin-top:clamp(64px,12vw,160px)}.contact-info{font-size:var(--fs-140);letter-spacing:-.01em;font-weight:700;line-height:.95}.contact-info__row{white-space:nowrap;display:block}.contact-info__link{display:inline-block;position:relative}.contact-info__face{transition:opacity .3s;display:block}.contact-info__face--static{font-weight:700}.contact-info__face--italic{opacity:0;font-style:italic;font-weight:700;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.contact-info__link:hover .contact-info__face--static{opacity:0}.contact-info__link:hover .contact-info__face--italic{opacity:1}}@media (max-width:640px){.contact-info{font-size:clamp(22px,8vw,40px)}.contact-info__row{white-space:normal;overflow-wrap:anywhere;display:block}.contact-info__link{max-width:100%}}.legal{padding-top:clamp(80px,12vw,160px);padding-bottom:clamp(48px,8vw,96px)}.footer{align-items:flex-end;height:calc(56.25vw + 100px);display:flex;position:relative;overflow:hidden}.footer__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (max-width:640px){.footer{aspect-ratio:1080/1924;height:auto}}.footer__bar{z-index:1;justify-content:space-between;align-items:center;gap:var(--gutter);width:100%;padding:var(--gutter);font-size:var(--fs-20);color:var(--white);font-weight:500;display:flex;position:relative}.footer__link,.footer__brand{white-space:nowrap}@media (hover:hover) and (pointer:fine){.footer__link:hover{text-underline-offset:3px;text-decoration:underline}}@media (max-width:640px){.footer__bar{padding:0;display:block;position:absolute;inset:0}.footer__link--contact,.footer__brand{white-space:nowrap;font-size:40px;position:absolute;left:50%;transform:translate(-50%)}.footer__link--contact{top:8.4%}.footer__brand{top:45.7%}.footer__link--imprint,.footer__link--privacy{font-size:16px;position:absolute;bottom:10px}.footer__link--imprint{left:var(--gutter)}.footer__link--privacy{right:var(--gutter)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
