:root{--c-text: #1b1217;--c-background: #f7f6f2;--c-a: #cae6ff;--c-a-dark: #a0cef6;--c-b: #ffd8e1;--c-b-dark: #f0bfcb;--c-c: #d2eeb0;--c-c-dark: #c5ec97;--c-d: #ebd1fb;--c-d-dark: #dfbaf6;--s-xxs: .25rem;--s-xs: .5rem;--s-s: .9rem;--s-m: 1.5rem;--s-l: 2rem;--s-xl: 3rem;--s-xxl: 5rem;--s-xxxl: 10rem;--s-xxxxl: 10rem;--grid-col-num: 12;--grid-col-gutter: 3rem;--l-tight: 1;--l-regular: 1.3;--l-loose: 1.8;--t-xs: 14px;--t-s: 16px;--t-m: 18px;--t-l: 21px;--t-xl: 24px;--t-xxl: 30px;--t-xxxl: 36px;--t-left: "Francis Gradient Left";--t-right: "Francis Gradient Right";--t-outside: "Francis Gradient Outside";--t-inside: "Francis Gradient Inside"}@media screen and (min-width: 512px){:root{--s-xxs: .25rem;--s-xs: .5rem;--s-s: 1rem;--s-m: 1.5rem;--s-l: 2rem;--s-xl: 3rem;--s-xxl: 5rem;--s-xxxl: 10rem;--s-xxxxl: 10rem}}@media screen and (min-width: 768px){:root{--s-xxs: .25rem;--s-xs: .5rem;--s-s: 1rem;--s-m: 1.5rem;--s-l: 2rem;--s-xl: 3rem;--s-xxl: 5rem;--s-xxxl: 10rem;--s-xxxxl: 10rem}}@media screen and (min-width: 1024px){:root{--s-xxs: .25rem;--s-xs: .5rem;--s-s: 1rem;--s-m: 1.5rem;--s-l: 2rem;--s-xl: 3rem;--s-xxl: 5rem;--s-xxxl: 10rem;--s-xxxxl: 10rem}}@media screen and (min-width: 512px){:root{--t-xs: 14px;--t-s: 16px;--t-m: 18px;--t-l: 18px;--t-xl: 24px;--t-xxl: 30px;--t-xxxl: 50px}}@media screen and (min-width: 768px){:root{--t-xs: 14px;--t-s: 16px;--t-m: 21px;--t-l: 24px;--t-xl: 28px;--t-xxl: 36px;--t-xxxl: 60px}}@media screen and (min-width: 1024px){:root{--t-xs: 14px;--t-s: 16px;--t-m: 21px;--t-l: 24px;--t-xl: 30px;--t-xxl: 40px;--t-xxxl: 70px}}.projects__title{padding:var(--s-l);margin:0;display:flex;flex-wrap:wrap;font-family:Francis Gradient Left,sans-serif;font-display:swap;font-weight:400;font-style:normal;font-size:var(--t-xxxl);line-height:var(--l-tight);-moz-font-feature-settings:"ss01";-webkit-font-feature-settings:"ss01";font-feature-settings:"ss01" on}.project__details{padding:var(--s-l);margin:0;display:flex;flex-wrap:wrap}.project__overview{flex-basis:100%;width:100%}@media screen and (min-width: 512px){.project__overview{flex-basis:calc(75% - 1rem);width:calc(75% - 1rem);margin-left:1rem}}@media screen and (min-width: 1024px){.project__overview{flex-basis:calc(50% - 1rem);width:calc(50% - 1rem);margin-left:1rem}}.project__title{flex-basis:100%;margin-top:0;font-family:Francis Gradient Left,sans-serif;font-display:swap;font-weight:400;font-style:normal;font-size:var(--t-xxxl);line-height:var(--l-tight);-moz-font-feature-settings:"ss01";-webkit-font-feature-settings:"ss01";font-feature-settings:"ss01" on}.project__description{max-width:30em}.project__description a{display:inline-block;transform:translateY(0);transition:all .2s ease;text-decoration-thickness:2px}@media (hover: hover) and (pointer: fine){.project__description a:hover{transform:translateY(-2px)}}.project__links{display:flex;flex-wrap:wrap}.project__link a{margin:0;display:inline}.project__meta{flex-basis:100%;width:100%;margin-top:0;columns:2}@media screen and (min-width: 512px){.project__meta{flex-basis:calc(25% - 1rem);width:calc(25% - 1rem);margin-right:1rem;columns:1}}@media screen and (min-width: 1024px){.project__meta{flex-basis:calc(50% - 1rem);width:calc(50% - 1rem);margin-right:1rem;columns:2}}.project__meta-detail{display:flex;flex-wrap:wrap;margin-bottom:var(--s-s);break-inside:avoid}.project__meta-title{margin:0;margin-bottom:var(--s-xs);padding:0;flex-basis:100%;font-weight:700;font-family:Francis Gradient Outside,sans-serif;font-display:swap;font-weight:400;font-style:normal;font-size:var(--t-m);line-height:var(--l-regular);-moz-font-feature-settings:"ss01";-webkit-font-feature-settings:"ss01";font-feature-settings:"ss01" on}.project__meta-subtitle{font-family:Archivo,sans-serif;font-display:swap;font-weight:400;font-style:italic;font-size:var(--t-s);line-height:var(--l-regular)}.project__meta-body{margin:0;margin-bottom:var(--s-xs);padding:0;flex-basis:100%;font-family:Archivo,sans-serif;font-display:swap;font-weight:400;font-style:normal;font-size:var(--t-s);line-height:var(--l-regular)}.project__gallery{margin:var(--s-l);flex-wrap:wrap;width:100%;flex-basis:100%;box-sizing:border-box;position:relative}.project__spacer{width:2rem}.project__sizer{flex-basis:calc(50% - 1rem);width:calc(50% - 1rem)}@media screen and (min-width: 768px){.project__sizer{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}}.project__image-container{color:var(--c-text);margin:0 0 var(--s-l) 0;position:relative;box-sizing:border-box}.project__image--large{flex-basis:100%;width:100%}@media screen and (min-width: 768px){.project__image--large{flex-basis:calc(50% - 1rem);width:calc(50% - 1rem)}}.project__image--small{flex-basis:calc(50% - 1rem);width:calc(50% - 1rem)}@media screen and (min-width: 768px){.project__image--small{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}}.project__image{width:100%;position:relative;z-index:-1;filter:drop-shadow(10px 10px 15px var(--c-d))}.project__video-container{margin-bottom:var(--s-l);color:var(--c-text);text-decoration:none}.project__video--large,.project__video--small{flex-basis:100%;width:100%}@media screen and (min-width: 768px){.project__video--small{flex-basis:calc(50% - 1rem);width:calc(50% - 1rem);margin-right:2rem}}.project__video{overflow:hidden;padding-top:56.25%;position:relative;filter:drop-shadow(10px 10px 15px var(--c-d))}.project__video iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.project__navigation{flex-basis:100%;padding:var(--s-l);margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}.project__navigation--right{justify-content:flex-end}.project__navigation-title{flex-basis:100%;margin-bottom:var(--s-s);font-family:Francis Gradient Left,sans-serif;font-display:swap;font-weight:400;font-style:normal;font-size:var(--t-xxl);line-height:var(--l-regular);-moz-font-feature-settings:"ss01";-webkit-font-feature-settings:"ss01";font-feature-settings:"ss01" on}@media screen and (min-width: 768px){.project__navigation-title{flex-basis:auto;margin-bottom:0}}.project__navigation-title--left{display:inline-block;transform:translate(0);transition:all .2s ease}@media (hover: hover) and (pointer: fine){.project__navigation-title--left:hover{transform:translate(-10px)}}.project__navigation-title--right{display:inline-block;transform:translate(0);transition:all .2s ease;text-align:right}@media (hover: hover) and (pointer: fine){.project__navigation-title--right:hover{transform:translate(10px)}}