.project-detail{color:#252a2c;background:#fff;min-height:100svh;padding:0 3.6vw}.project-toolbar{justify-content:space-between;align-items:center;gap:32px;max-width:576px;height:108px;margin:auto;display:flex}.project-toolbar a{display:block}.back-folder{object-fit:contain;width:72px;height:72px}.detail-wordmark{width:240px;max-width:35vw;height:auto}.view-toggle{color:#9db4c5;place-items:center;width:72px;height:72px;display:grid}.grid-glyph,.feed-glyph{grid-template-columns:repeat(3,1fr);gap:4px;width:36px;height:36px;display:grid}.grid-glyph i{border:1px solid}.feed-glyph{grid-template-columns:1fr;gap:5px}.feed-glyph i{border-top:2px solid}.feed-glyph i:nth-child(n+4){display:none}.project-grid-paper{--paper-cell:calc(92.8vw / 24);--grid-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M0 6.4v51.2M6.4 0h51.2' fill='none' stroke='%23dce0e2' stroke-width='1'/%3E%3C/svg%3E")}.project-intro{background-image:var(--grid-pattern);background-size:var(--paper-cell) var(--paper-cell);min-height:calc(var(--paper-cell)*4);padding:var(--paper-cell) 0 0;text-align:center;letter-spacing:.03em;text-transform:uppercase;font-size:12px}.project-intro>h1,.project-intro>p,.project-intro>details{width:calc(var(--paper-cell)*10);background:#fff;margin:0 auto;padding:6px 12px}.project-intro h1{font:inherit}.project-intro p{line-height:1.7}.project-intro details{padding-top:20px;padding-bottom:24px}.project-intro summary{cursor:pointer;border-top:1px solid #252a2c;padding-top:24px;list-style:none}.project-intro summary:before{content:"⊕";margin-right:8px}.project-intro details[open] summary:before{content:"⊖"}.project-intro details p{text-transform:none;padding:20px 4px 0;font-size:15px}.project-media-grid{grid-template-columns:minmax(0,1fr);display:grid}.media-module{--columns:var(--desktop-columns);--frame-width:var(--desktop-width);--frame-height:var(--desktop-height);--frame-start:var(--desktop-start);--cell:calc(92.8vw / var(--columns));min-width:0;padding:calc(var(--cell)*1) 0 var(--cell);background-image:var(--grid-pattern);background-size:var(--cell) var(--cell);margin:0;scroll-margin-top:24px;position:relative}.project-media{margin-left:calc(var(--cell)*var(--frame-start));width:calc(var(--cell)*var(--frame-width));height:calc(var(--cell)*var(--frame-height));background:#fff;position:relative}.media-canvas{width:100%;height:100%;position:relative;overflow:hidden}.project-image-button,.loop-video{width:100%;height:100%;display:block;position:relative}.project-image-button{cursor:zoom-out}.project-image-button:focus-visible{outline-offset:-3px}.project-media img,.project-media video{object-fit:var(--asset-fit,contain);width:100%;height:100%;transform:scale(var(--asset-scale,1));transform-origin:50%;display:block}.project-media video{background:0 0}.media-corners{pointer-events:none;color:#252a2c;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.media-corners path{stroke:currentColor;stroke-width:1px}.corners-mobile{display:none}@media (hover:hover){.project-media:hover .media-corners{opacity:1}}.project-media:has(:focus-visible) .media-corners{opacity:1}.media-module figcaption{width:calc(var(--cell)*var(--frame-width));margin-left:calc(var(--cell)*var(--frame-start));min-height:var(--cell);letter-spacing:.03em;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;font-size:12px;display:flex}.media-module figcaption span{overflow-wrap:anywhere;background:#fff;max-width:100%;padding:8px 16px}.overview .project-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview .media-module{--cell:calc(92.8vw / 24)}.overview .project-image-button{cursor:zoom-in}.project-detail-footer{text-align:center;padding:64px 0 32px;font-size:14px}.media-unavailable,.project-error{text-align:center;padding:48px 24px}.media-unavailable{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.media-unavailable button,.project-error button,.project-error a{margin:16px;text-decoration:underline;display:inline-block}.enable-sound{color:#252a2c;background:#fff;padding:8px 12px;font-size:12px;position:absolute;bottom:12px;right:12px}@media (max-width:600px){.project-toolbar{gap:20px;height:88px}.back-folder,.view-toggle{width:44px;height:44px}.detail-wordmark{width:160px}.project-grid-paper{--paper-cell:calc(92.8vw / 20)}.project-intro>h1,.project-intro>p,.project-intro>details{width:calc(var(--paper-cell)*16)}.media-module{--columns:var(--mobile-columns);--frame-width:var(--mobile-width);--frame-height:var(--mobile-height);--frame-start:var(--mobile-start)}.corners-desktop{display:none}.corners-mobile{display:block}.overview .project-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview .media-module{--cell:calc(92.8vw / 16)}.media-module figcaption{min-height:44px;font-size:11px}.media-module figcaption span{padding:8px}.media-unavailable{padding:12px;font-size:12px}}