.project-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-10);justify-content:center;padding:var(--spacing-5) var(--spacing-10)}@media screen and (min-width:480px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.project-grid .project{display:block;background-color:var(--grey-200)}.project-grid .project .project-image{overflow:hidden}.project-grid .project img{aspect-ratio:var(--ratio-widescreen);object-fit:cover;transition:all .5s var(--ease-1)}.project-grid .project .project-overlay{padding:var(--spacing-4)}.project-grid .project .project-overlay p{font-size:14px}.project-grid .project .project-overlay strong{color:var(--brand-1);transition:all .5s var(--ease-1)}.project-grid .project:hover img,.project-grid .project:focus img{scale:1.1}.project-grid .project:hover strong,.project-grid .project:focus strong{font-weight:900}.project-title,.project-after{text-align:center;max-width:1800px;display:flex;flex-direction:column;justify-content:center;margin:0 var(--spacing-5)}@media screen and (min-width:768px){.project-title,.project-after{margin:0 var(--spacing-20);padding-inline:var(--spacing-20)}}@media screen and (min-width:1440px){.project-title,.project-after{margin:0 auto}}.project-title h1,.project-after h1{font-size:var(--fs-wolf)}@media screen and (min-width:768px){.project-title h1,.project-after h1{font-size:var(--fs-lion)}}@media screen and (min-width:1024px){.project-title h1,.project-after h1{font-size:60px}}.project-title p,.project-after p{display:flex;justify-content:center;flex-direction:column;align-items:center}.project-title p a,.project-after p a{margin-block:var(--spacing-3);--btn-bg-colour: var(--brand-1);--btn-bg-colour-interactive: var(--brand-3);--btn-border-colour: var(--brand-1);--btn-border-colour-interactive: var(--white);--btn-text-colour: var(--white);--btn-text-colour-interactive: var(--white);cursor:pointer;display:inline-block;text-decoration:none;background-color:var(--btn-bg-colour);border:1px solid var(--btn-border-colour);font-size:var(--font-size-fox);letter-spacing:.025em;padding:var(--spacing-3) var(--spacing-4);color:var(--btn-text-colour);transition:all .4s linear;font-family:var(--font-heading);text-align:center;font-weight:400;display:flex;width:fit-content;border-radius:var(--spacing-10)}@media screen and (min-width:1440px){.project-title p a,.project-after p a{padding:var(--spacing-3) var(--spacing-10)}}.project-title p a:after,.project-after p a:after{content:url("data:image/svg+xml,%3csvg%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.65036%202.30383L1.0334%207.9208C0.927805%208.0264%200.756598%208.0264%200.651%207.9208L0.0791985%207.349C-0.026395%207.24341%20-0.0264002%207.07221%200.0791871%206.96661L5.69549%201.34964H0.847397C0.69806%201.34964%200.576998%201.22858%200.576998%201.07924V0.2704C0.576998%200.121062%200.69806%200%200.847398%200H7.7296C7.87894%200%208%200.121062%208%200.2704V7.15261C8%207.30195%207.87894%207.42301%207.7296%207.42301H6.92076C6.77142%207.42301%206.65036%207.30195%206.65036%207.15261V2.30383Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");display:block;width:0;transition:width .5s var(--ease-1),height .5s var(--ease-1),margin-left .5s var(--ease-1);fill:var(--white);height:0;margin-left:0}.project-title p a:hover:not(:disabled),.project-title p a:active:not(:disabled),.project-title p a:focus:not(:disabled),.project-after p a:hover:not(:disabled),.project-after p a:active:not(:disabled),.project-after p a:focus:not(:disabled){background-color:var(--btn-bg-colour-interactive);color:var(--btn-text-colour-interactive);border-color:var(--btn-border-colour-interactive);box-shadow:none;text-shadow:none;text-decoration:none}.project-title p a:hover:not(:disabled):after,.project-title p a:active:not(:disabled):after,.project-title p a:focus:not(:disabled):after,.project-after p a:hover:not(:disabled):after,.project-after p a:active:not(:disabled):after,.project-after p a:focus:not(:disabled):after{content:url("data:image/svg+xml,%3csvg%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.65036%202.30383L1.0334%207.9208C0.927805%208.0264%200.756598%208.0264%200.651%207.9208L0.0791985%207.349C-0.026395%207.24341%20-0.0264002%207.07221%200.0791871%206.96661L5.69549%201.34964H0.847397C0.69806%201.34964%200.576998%201.22858%200.576998%201.07924V0.2704C0.576998%200.121062%200.69806%200%200.847398%200H7.7296C7.87894%200%208%200.121062%208%200.2704V7.15261C8%207.30195%207.87894%207.42301%207.7296%207.42301H6.92076C6.77142%207.42301%206.65036%207.30195%206.65036%207.15261V2.30383Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");width:var(--spacing-2);height:var(--spacing-2);margin-left:var(--spacing-2)}.project-title p a.button--large,.project-after p a.button--large{--btn-font-size: 2.5rem}.project-title p a:disabled,.project-title p a[disabled],.project-after p a:disabled,.project-after p a[disabled]{--btn-bg-colour: var(--grey-600);--btn-text-colour: var(--white);--btn-border-colour: var(--grey-600);opacity:.75;cursor:not-allowed}.project-title p a br,.project-after p a br{display:none}.project-after{margin-bottom:var(--spacing-5)}