.work__title,.cards{width:min(var(--width-full),var(--max-width));padding-right:calc((100vw - min(var(--width-full),var(--max-width)))/2);padding-left:calc((100vw - min(var(--width-full),var(--max-width)))/2)}:root{--items-per-page: 3;--card-height: calc(var(--card-width) / 1.778)}@media screen and (max-width: 1200px){:root{--items-per-page: 2}}@media screen and (max-width: 800px){:root{--items-per-page: 1}}.work__title{margin-bottom:70px}.work__title>span{color:var(--light-umber)}.manipulation{display:flex;justify-content:flex-end;padding-bottom:20px}.sort{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--gap);--fg: var(--umber);--bg: var(--cream)}.sort__input{display:none}.sort__label{position:relative;padding-left:17px;cursor:pointer}.sort__label:before{transition-timing-function:cubic-bezier(.63,.01,.59,.68);transition-duration:.2;transition-property:background-color;position:absolute;top:5px;left:0;width:10px;height:10px;content:"";border:1px solid var(--fg);border-radius:50%;background-color:var(--bg)}.sort__input:checked+.sort__label:before{background-color:var(--fg)}.cards{display:grid;grid-template-columns:repeat(var(--items-per-page),1fr);grid-row-gap:40px;grid-column-gap:var(--gap);--card-width: 100%}@media screen and (max-width: 600px){.cards{grid-row-gap:var(--gap)}}.cards-wrapper{overflow:hidden}.card{flex:0 0 var(--card-width);width:var(--card-width)}.card__imagery{position:relative;display:block;overflow:hidden;height:var(--card-height);padding:0;border-radius:var(--image-radius)}.card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card__background{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:var(--image-radius);background-color:var(--cream)}.card__flag{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family--flag),sans-serif;font-size:.75rem;line-height:var(--font-lead--flag);letter-spacing:calc(.001rem * var(--font-kern--flag));text-transform:var(--font-transform--flag);position:absolute;top:16px;right:16px;padding:8px 12px;text-decoration:none;color:var(--green);border-radius:20px;background-color:var(--dark-green)}.card__details{display:grid;margin-top:8px;padding-bottom:10px;border-bottom:1px solid var(--lighter-gray);grid-template-columns:1fr auto;grid-template-rows:auto}@media screen and (max-width: 600px){.card__details{border-bottom:none}}.card__details__name{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family--body-sans),sans-serif;font-size:var(--font-size--body-sans);line-height:normal;letter-spacing:calc(.001rem * var(--font-kern--body-sans));text-transform:var(--font-transform--body-sans);display:inline-block;width:auto;text-decoration:none;color:inherit;justify-self:start;grid-area:1/1}.card__details__arrow{text-decoration:none;justify-self:end;grid-area:1/2/span 2/2;--fg: var(--umber);--bg: var(--green)}.card__details__subtitle{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family--body-serif),sans-serif;font-size:var(--font-size--body-serif);line-height:var(--font-lead--body-serif);letter-spacing:calc(.001rem * var(--font-kern--body-serif));text-transform:var(--font-transform--body-serif);position:relative;text-decoration:none;color:var(--light-umber);justify-self:start;grid-area:2/1}
