:root{--unit:30px}*{box-sizing:border-box}body{margin:0;font-family:franklin-gothic-std,sans-serif;font-weight:400;font-size:12px;color:#111;background-color:#f9f7f4}.page{height:100vh;overflow:hidden;padding:var(--unit);gap:calc(var(--unit) * 2)}.left-column,.page{position:relative;display:flex}.left-column{flex-direction:column;width:max-content;flex-shrink:0}.sidebar{display:flex;flex-direction:column}.logo{display:block;color:#111;text-decoration:none;font-weight:600;font-size:18px;line-height:1.1;text-transform:uppercase}.category,.logo{margin-bottom:var(--unit)}.category-name{font-weight:500;margin-bottom:1px}.project-link{display:block;color:#111;font-family:EB Garamond,serif;font-weight:400;font-size:12px;line-height:1.15;text-decoration:none;padding:2px 0}.project-link:hover{opacity:.8}.sidebar:has(.project-link.active) .project-link:not(.active){opacity:.65}.project-link.category-name{font-family:franklin-gothic-std,sans-serif;font-size:12px;font-weight:500;font-style:normal}.content{flex:1 1;min-width:0;flex-direction:column}.content,.media-area{min-height:0;display:flex}.media-area{position:relative;flex:1 1;overflow:hidden;align-items:center;justify-content:center;margin-bottom:var(--unit)}.info-content{position:absolute;top:0;left:0;max-width:33%;font-family:EB Garamond,serif;font-size:12px;line-height:1.6}.info-content p{margin:0 0 1em}.gallery{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:default}.media-image{max-width:100%;max-height:100%;object-fit:scale-down}.caption{position:absolute;bottom:0;left:0;width:calc(100% + var(--unit));font-family:EB Garamond,serif;font-size:12px;font-weight:400;font-style:italic;white-space:pre-line}.film-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:calc(var(--unit) * 1.5);padding-bottom:var(--unit)}.film-item{width:100%;flex-shrink:0}.film-embed{width:100%;aspect-ratio:16/9}.film-cast{margin-top:8px;font-family:EB Garamond,serif;font-size:12px;font-weight:400;font-style:italic;white-space:pre-line}.film-single{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.film-item-single{width:100%;max-height:100%;aspect-ratio:16/9}.film-item-single .film-embed{width:100%;height:100%}.mobile-only{display:none}@media (max-width:1024px){.desktop-only{display:none}.page{height:auto;overflow:visible;padding:0;gap:0}.mobile-only,.page{display:block}:root{--mobile-header-h:104px}.mobile-header{position:relative;z-index:11;min-height:var(--mobile-header-h);background:#f9f7f4;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:var(--unit)}.mobile-logo{margin-bottom:0;line-height:1.1}.mobile-logo-project{font-family:EB Garamond,serif;font-weight:400;font-size:12px;text-transform:none}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:24px;background:none;border:none;padding:0;cursor:pointer}.hamburger span{display:block;height:2px;background:#111}.mobile-nav-overlay{position:fixed;inset:0;z-index:10;background:#f9f7f4;overflow-y:auto;padding:var(--unit);padding-top:calc(var(--mobile-header-h) + var(--unit) / 2)}.mobile-nav-overlay:has(.project-link.active) .project-link:not(.active){opacity:.65}.content,.media-area{display:block}.media-area{position:static;height:auto;overflow:visible;margin-bottom:0;padding:0 var(--unit)}.mobile-gallery{display:flex;flex-direction:column;gap:var(--unit);padding-bottom:var(--unit)}.mobile-gallery-image{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}.film-scroll,.film-single{position:static;overflow:visible;padding-bottom:var(--unit)}.film-item-single{width:100%;max-height:none;aspect-ratio:16/9}.info-content{position:static;max-width:100%;padding-top:var(--unit)}}