.project-details{background-color:var(--surface, #ffffff);color:var(--on-surface, #000000);padding-block:var(--space-4xl);--project-details-media-height: 32.5rem;--project-details-media-min: 23.125rem;--project-details-caption-overhang: 4.5rem;interpolate-size:allow-keywords}@media screen and (max-width: 991px){.project-details{padding-block:var(--space-2xl);--project-details-media-height: 23.125rem;--project-details-list-height: 30rem}}.project-details__inner{display:flex;flex-direction:column;gap:var(--space-lg)}.project-details__eyebrow{margin:0;color:var(--eyebrow-colour, #d90b05);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-.5px}@media screen and (max-width: 991px){.project-details__eyebrow{font-size:.875rem}}.project-details__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl);align-items:start}@media screen and (max-width: 991px){.project-details__body{grid-template-columns:1fr;gap:var(--space-3xl)}}.project-details__media{position:relative;min-width:0}.project-details__image,.project-details__video{display:block;inline-size:100%;block-size:var(--project-details-media-height);min-block-size:var(--project-details-media-min);max-block-size:var(--project-details-media-height);object-fit:cover}.project-details__sound{position:absolute;z-index:2;top:var(--space-2xl);right:var(--space-2xl);padding:0;border:0;background:none;line-height:0;cursor:pointer}.project-details__sound:focus-visible{outline:.125em solid var(--project-details-media-ring, #ffffff);outline-offset:.25em;border-radius:9999px}.project-details__caption{position:absolute;z-index:1;inset-inline-start:var(--space-4xl);inset-block-end:0;transform:translateY(50%);inline-size:20rem;max-inline-size:calc(100% - var(--space-4xl) * 2)}@media screen and (max-width: 991px){.project-details__caption{inset-inline-start:var(--space-lg);inline-size:18rem;max-inline-size:calc(100% - var(--space-lg) * 2)}}.project-details__media:has(.project-details__caption){margin-block-end:var(--project-details-caption-overhang)}.project-details__disclosure{min-inline-size:0}.project-details__disclosure::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease-cubic),content-visibility .5s allow-discrete}.project-details__disclosure[open]::details-content{block-size:auto}.project-details__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block-end:var(--space-2xl);border-block-end:1px solid var(--surface-border, #e6e7e8);cursor:pointer;list-style:none}.project-details__summary::-webkit-details-marker{display:none}.project-details__summary-text{color:var(--on-surface, #000000);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-.5px}.project-details__caret{flex:none;inline-size:1.5rem;block-size:1.5rem;color:var(--on-surface-muted, #bbbdbe);transition:transform .5s var(--ease-cubic),color .5s var(--ease-cubic)}.project-details__disclosure[open]>.project-details__summary .project-details__caret{color:var(--on-surface, #000000);transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.project-details__disclosure::details-content,.project-details__caret{transition:none}}.project-details__list{margin:0;min-width:0;max-block-size:var(--project-details-list-height, var(--project-details-media-height));overflow-y:auto;overflow-x:hidden;border-block-start:1px solid var(--surface-border, #e6e7e8)}.project-details__list::-webkit-scrollbar{inline-size:.5rem}.project-details__list::-webkit-scrollbar-track{background-color:var(--surface-border, #e6e7e8);border-radius:0}.project-details__list::-webkit-scrollbar-thumb{background-color:var(--on-surface, #000000);border-radius:0;border:0}@supports not selector(::-webkit-scrollbar){.project-details__list{scrollbar-width:thin;scrollbar-color:var(--on-surface, #000000) var(--surface-border, #e6e7e8)}}.project-details__list:focus-visible{outline:2px solid var(--project-details-ring, #d90b05);outline-offset:2px}@media screen and (max-width: 991px){.project-details__list{border-block-start:0}.project-details__list:focus-visible{outline-offset:-2px}}@media screen and (min-width: 992px){.project-details__summary{display:none}.project-details__disclosure::details-content{content-visibility:visible;block-size:auto;overflow:visible;transition:none}}@supports not selector(::details-content){@media screen and (min-width: 992px){.project-details__summary{display:flex}}}.project-details__row{display:flex;align-items:baseline;gap:var(--space-2xl);padding-block:var(--space-2xl);border-block-end:1px solid var(--surface-border, #e6e7e8)}@media screen and (max-width: 991px){.project-details__row{padding-block:var(--space-lg)}}.project-details__label,.project-details__value{margin:0;font-size:1.25rem;letter-spacing:-.5px;overflow-wrap:anywhere}@media screen and (max-width: 991px){.project-details__label,.project-details__value{font-size:1rem}}.project-details__label{flex:0 0 48%;color:var(--on-surface, #000000);font-weight:600;line-height:1.5}.project-details__value{flex:1 1 auto;color:var(--on-surface, #2e2f30);font-weight:400;line-height:1.6}.project-details__value>:first-child{margin-block-start:0}.project-details__value>:last-child{margin-block-end:0}.project-details__value a{color:var(--project-details-link, #d90b05);font-weight:500;text-decoration:underline;text-decoration-skip-ink:none}.project-details__value a:hover,.project-details__value a:focus-visible{text-decoration-thickness:2px}.project-details.section-appearance--dark,[data-theme-status=dark] .project-details{--project-details-link: var(--on-surface, #ffffff)}