@charset "UTF-8";:root{--icon-size: 1em;--burger-button-width: 1em;--burger-button-height: calc(var(--burger-button-width) * .75);--burger-button-stroke: 5px;--circle-icon-size: var(--icon-size);--square-icon-size: var(--icon-size);--circle-icon-margin: calc(var(--circle-icon-size) * .1666667);--square-icon-margin: calc(var(--square-icon-size) * .1);--z-index-1: 10000;--z-index-2: 1000;--z-index-3: 100;--z-index-4: 10;--z-index-5: 1;--transition-fast: .3s ease;--transition-moderate: .5s ease;--transition-slow: .8s ease;--grotesk: "Nouvelle Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--serif: "Rekja", serif;--noire: "Noire", sans-serif;--symbol-font: "Farrari", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--active-font: var(--grotesk);--font-size-sm: clamp(.875rem, .806rem + .222vw, 1rem);--font-size-md: clamp(1.125rem, .8rem + .7vw, 1.45rem);--font-size-lg: clamp(2rem, 1.6rem + 1.9vw, 4rem);--line-height-sm: 1.2;--line-height-md: 1.1;--line-height-lg: 1;--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-bold: 600;--border-width: 1px;--margin-xxs: 4px ;--margin-xs: 8px ;--margin-sm: 16px ;--margin-md: 32px ;--margin-lg: 48px ;--margin-xl: 64px ;--margin-2xl: 128px ;--margin-3xl: 256px ;--spacing-inline: var(--margin-md);--spacing-block: var(--margin-md);--spacing-indent: clamp(2.188rem, 1.84rem + 1.111vw, 2.813rem);--container-width: 100%;--sidebar-width: 80vw;--breakpoint-xs: 25rem;--breakpoint-sm: 35rem;--breakpoint-md: 52rem;--breakpoint-lg: 66rem;--breakpoint-xl: 81.25rem;--circle-size: 200%;--blend-mode: hard-light}@media screen and (width > 52rem){:root{--spacing-inline: var(--margin-md)}}@media screen and (width > 66rem){:root{--spacing-inline: var(--margin-lg)}}@media screen and (width < 25rem){:root{--sidebar-width: 85vw}}main{margin-top:var(--margin-xl);margin-bottom:var(--margin-3xl)}header .header__background{background-color:transparent}.project-title{margin-bottom:var(--margin-md);cursor:pointer}.project-title .only-title{margin-left:var(--spacing-indent)}.project-title .arrow{transition:margin-top var(--transition-fast);position:absolute;margin-top:-.2em}.project-description{position:relative;height:fit-content;overflow:hidden;width:100%;transition:height var(--transition-fast)}.lead{position:sticky;top:100px}.hero-wrapper{transition:margin-top var(--transition-fast);position:sticky;top:0;width:100%}@media screen and (width < 52rem){.hero-wrapper{top:var(--header-height, 50px)}}.hero-wrapper img{width:100%}.project-description__inner{padding-bottom:var(--margin-lg)}.project-description__credits,.project-description__filters{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.project-description__text{text-indent:var(--spacing-indent)}.project-description__credits{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));height:fit-content}.project-description__credits dd{margin-bottom:var(--margin-sm);height:fit-content}.project-description__filters li{text-transform:capitalize}.project-description__filters li:before{content:"●";margin-right:2px}.lead{display:block;width:100%;height:fit-content}.hero-wrapper img,.hero-wrapper video{width:100%;height:auto;vertical-align:middle}.hero-wrapper:has(iframe){aspect-ratio:16/9}.hero-wrapper:has(iframe) iframe{width:100%;height:100%;outline:none;border:none}.lead a{text-decoration:underline}.lead a:hover{text-decoration:none}.loading-message{position:relative;width:100%;height:4em;margin-bottom:var(--margin-lg)}.loading-message__text{position:absolute;width:auto;text-align:center;top:0;left:50%;translate:-50%;font-size:var(--font-size-lg);animation:shake 2s ease;animation-iteration-count:infinite}.added-content{margin-bottom:var(--margin-2xl);margin-top:var(--margin-3xl);position:relative}@keyframes shake{0%{transform:rotate(0)}10%{transform:rotate(-9deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-2deg)}60%{transform:rotate(5deg)}70%{transform:rotate(-1deg)}80%{transform:rotate(6deg)}90%{transform:rotate(-2deg)}to{transform:rotate(9deg)}}
