: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}.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;text-transform:uppercase}.category,.logo{margin-bottom:16px}.category-name{font-weight:500;margin-bottom:4px}.project-link{display:block;color:#111;font-weight:400;text-decoration:none;padding:2px 0}.project-link:hover{opacity:.8}.project-link.category-name{font-weight:500}.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%}.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:contain}.caption{position:absolute;bottom:0;left:0;width:calc(100% + var(--unit));font-size:12px;font-weight:400;font-style:italic}.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}.mobile-header{position:relative;z-index:11;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:var(--unit)}.mobile-logo{margin-bottom:0}.mobile-logo-project{font-weight:400;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:#fff;overflow-y:auto;padding:var(--unit);padding-top:calc(var(--unit) * 2 + 24px)}.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:100%;height:auto}.info-content{position:static;max-width:100%}}