.project-details{background-color:var(--surface, #ffffff);color:var(--on-surface, #000000);--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{--project-details-media-height: 23.125rem;--project-details-list-height: 30rem}}.project-details__inner{display:flex;flex-direction:column;gap:var(--space-md)}.project-details__eyebrow{margin:0;color:var(--eyebrow-colour, #d90b05);font-size:.875rem;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 .project-details__video,.project-details video.project-details__image{block-size:auto;min-block-size:0;max-block-size:none;aspect-ratio:16/9}@media screen and (min-width: 992px){.project-details__body:has(.project-details__video,video.project-details__image){container-type:inline-size;--project-details-list-height: calc((100cqi - var(--space-2xl)) * 9 / 32)}}.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:2px solid var(--project-details-media-ring, #ffffff);outline-offset:4px;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:1rem;letter-spacing:-.5px;overflow-wrap:anywhere}.project-details__label{flex:0 0 48%;color:var(--headings-color, #272829);font-weight:600;line-height:1.5}.project-details__value{flex:1 1 auto;color:var(--on-surface, #585a5a);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;padding-bottom:.1em;font-weight:600;text-decoration:none;background-repeat:no-repeat;--underline-out: 0;--underline-in: 0;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:right bottom .046em,left bottom .046em;background-size:calc((1 - var(--underline-out)) * 100%) max(1px,.05em),calc(var(--underline-in) * 100%) max(1px,.05em);transition:--underline-in .35s cubic-bezier(.625,.05,0,1),--underline-out .35s cubic-bezier(.625,.05,0,1) .35s,color .35s var(--ease-cubic)}@media (hover: hover){.project-details__value a:hover,.project-details__value a:focus-visible{--underline-out: 1;--underline-in: 1;transition:--underline-out .35s cubic-bezier(.625,.05,0,1),--underline-in .35s cubic-bezier(.625,.05,0,1) .35s,color .35s var(--ease-cubic)}}:where(html[data-mouse]) .project-details__value a:hover,:where(html[data-mouse]) .project-details__value a:focus-visible{--underline-out: 1;--underline-in: 1;transition:--underline-out .35s cubic-bezier(.625,.05,0,1),--underline-in .35s cubic-bezier(.625,.05,0,1) .35s,color .35s var(--ease-cubic)}@media (prefers-reduced-motion: reduce){.project-details__value a{transition:color .35s var(--ease-cubic)}.project-details__value a:hover,.project-details__value a:focus-visible{--underline-out: 0;--underline-in: 0}}.project-details.section-appearance--dark,[data-theme-status=dark] .project-details{--project-details-link: var(--on-surface, #ffffff)}