.project-detail{--scene-color:var(--page-light);--action-focus:#1c1d20;color:#000;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Arial,sans-serif;font-weight:600;position:fixed;inset:0;overflow:hidden}.project-detail::backdrop{background:0 0}.project-detail-shade{background:var(--scene-color);opacity:0;position:absolute;inset:0}.project-detail-ui{z-index:2;scrollbar-width:none;overscroll-behavior:contain;opacity:0;padding-top:8rem;position:absolute;inset:0;overflow:auto}.project-detail-ui::-webkit-scrollbar{display:none}.project-detail-nav{z-index:6;opacity:1;background:0 0;align-items:center;min-height:8rem;padding-inline:4.8vw;display:flex;position:absolute;inset:0 0 auto}.project-detail[data-state=open] .project-detail-nav{background:var(--scene-color)}.project-detail .design-nav__brand{color:#000;mix-blend-mode:normal}.project-detail-back{width:114px;height:var(--control-height);color:#f3f3ef;cursor:pointer;background:#1c1d20;border:0;border-radius:99px;justify-content:center;align-items:center;padding:0;font:600 14px/1 Arial,sans-serif;transition:none;display:flex;position:absolute;top:clamp(1.25rem,2.1vw,2.5rem);left:50%;transform:translate(-50%)}.project-detail[data-state=opening] .project-detail-back{visibility:hidden}.project-back-arrows{flex:none;width:18px;height:18px;transition:width .45s cubic-bezier(.22,1,.36,1),margin .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.project-back-arrows-leading{margin-right:10px}.project-back-arrows-trailing{width:0}.project-back-arrow{place-items:center;width:18px;height:18px;font-size:18px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;left:0}.project-back-arrow-next{transform:translate(140%)}@media (hover:hover){.project-detail-back:hover .project-back-arrows-leading{width:0;margin-right:0}.project-detail-back:hover .project-back-arrows-leading .project-back-arrow{transform:translate(-140%)}.project-detail-back:hover .project-back-arrows-trailing{width:18px;margin-left:10px}.project-detail-back:hover .project-back-arrow-next{transform:translate(0)}}.project-case{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1.25rem,1.5vw,2rem);min-height:calc(100dvh - 8rem);padding:1rem 4.8vw 3rem;display:grid}.project-case[hidden]{display:none}.project-case-copy{--project-copy-gap:clamp(2.5rem, 6dvh, 5rem);gap:var(--project-copy-gap);padding-block:1rem;min-width:0;padding-left:clamp(1.5rem,3vw,4rem);display:grid}.project-case h2{letter-spacing:-.065em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.35rem,4.8vw,6.2rem);font-weight:600;line-height:1.03}.project-case-summary{max-width:36rem;font-size:clamp(1.25rem,1.7vw,1.75rem);line-height:1.6}.project-case-facts{grid-template-columns:1fr 1.4fr;gap:1.5rem;margin:0;font-size:1.3125rem;line-height:1.7;display:grid}.project-case-facts h3{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.7rem;font-size:.875rem;line-height:1.4}.project-case-facts ul{padding:0;list-style:none}.project-case .project-case-source{justify-self:start}.project-case-media{background:0 0;border-radius:24px;align-self:center;width:100%;height:min(64dvh,48vw);min-height:16rem;position:relative;overflow:hidden}.project-flight{z-index:3;pointer-events:none;transform-origin:0 0;position:fixed;top:0;left:0}.project-detail-effects{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(at 25% 8%,#fff3 0%,#0000 60%),radial-gradient(at 50% 45%,#0000 38%,#1c1d201a 100%);position:absolute;inset:0}.project-detail [data-project-scene][data-project-presented]{aspect-ratio:auto;background:0 0;width:100%;height:100%}.project-detail [data-project-presented] .project-poster{object-fit:contain;width:115.385%;max-width:none;height:100%;position:absolute;top:0;left:-7.69231%}.project-detail [data-project-renderer]{z-index:4!important}.project-detail :focus-visible{outline-offset:5px;outline:2px solid #1c1d20}.project-case-source:focus-visible,.project-detail-back:focus-visible{outline-offset:5px}html[data-input-modality=pointer] .project-detail-back:focus{outline:none}@media (width>=701px) and (height<=900px){.project-detail-ui{padding-top:6.5rem}.project-detail-nav{min-height:6.5rem}.project-case{min-height:calc(100dvh - 6.5rem);padding-block:clamp(.75rem,2dvh,1.25rem) clamp(1rem,3dvh,2rem)}.project-case-copy{--project-copy-gap:clamp(2rem, 6dvh, 3.5rem);padding-block:0;padding-left:clamp(1rem,2vw,2.5rem)}.project-case h2{font-size:clamp(2.25rem,min(4.4vw,6.5dvh),4.4rem)}.project-case-summary{font-size:clamp(1.125rem,2.2dvh,1.375rem);line-height:1.5}.project-case-facts{gap:1rem;font-size:clamp(1.0625rem,2dvh,1.25rem);line-height:1.5}.project-case-facts h3{margin-bottom:.65rem}.project-case-media{height:min(60dvh,44vw,100dvh - 9.75rem);min-height:0}}@media (width<=700px){.project-detail-ui{padding-top:6.25rem}.project-detail-nav{min-height:6.25rem;padding-inline:5vw}.project-detail[data-state=open] .project-detail-nav{background:0 0}.project-detail-back{top:1.25rem}.project-case{grid-template-columns:1fr;align-items:start;gap:1.25rem;min-height:0;padding:0 5vw 3rem}.project-case-media{aspect-ratio:1.45;grid-row:1;height:auto;min-height:0}.project-case-copy{padding:0}.project-case h2{font-size:clamp(2.25rem,9.5vw,3.75rem)}.project-case-summary{font-size:1.25rem}.project-case-facts{gap:1rem;font-size:1.125rem}}@media (width<=620px){.project-detail .design-nav__contact{display:none}}@media (prefers-reduced-motion:reduce){.project-back-arrow,.project-back-arrows{transition:none}}