html[data-theme] #portfolio .work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:stretch;gap:clamp(1rem,2.4vw,2.5rem);padding-inline:var(--gutter,1.25rem);width:100%;max-width:none;margin:0}html[data-theme] #portfolio .work__grid .project,html[data-theme] #portfolio .work__grid .project[data-tile]{position:relative;display:flex;flex-direction:column;grid-column:auto;grid-row:auto;width:100%;max-width:none;min-width:0;height:auto;min-height:0;aspect-ratio:auto;align-self:stretch;overflow:visible;background:var(--site-panel);color:var(--site-text);opacity:1;translate:none;transform:none}html[data-theme] #portfolio .work__grid .project[hidden]{display:none!important}html[data-theme] #portfolio .project:before,html[data-theme] #portfolio .project:after,html[data-theme] #portfolio .project .project__media:before,html[data-theme] #portfolio .project .project__media:after,html[data-theme] #portfolio .project__overlay,html[data-theme] #portfolio .project__tag-concept{display:none!important}html[data-theme] #portfolio .work__grid .project .project__media{position:relative;inset:auto;display:block;flex:0 0 auto;width:100%;height:auto;min-width:0;aspect-ratio:3/2;overflow:hidden;background:#080808;opacity:1;filter:none;mix-blend-mode:normal}html[data-theme] #portfolio .work__grid .project .project__media img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-height:none;max-width:none;margin:0;padding:0;aspect-ratio:auto;object-fit:contain;object-position:center;opacity:1;filter:none!important;mix-blend-mode:normal;transform:none;scale:1;transition:none}html[data-theme] #portfolio .work__grid .project .project__info{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;flex:1 0 auto;min-width:0;min-height:9rem;height:auto;padding:clamp(1.2rem,2vw,1.8rem);gap:1rem;background:var(--site-panel);color:var(--site-text);overflow:visible}html[data-theme] #portfolio .work__grid .project .project__info>span{display:grid;gap:.55rem;min-width:0;max-width:100%}html[data-theme] #portfolio .work__grid .project .project__info b{font-family:JR Inter,Arial,sans-serif;font-size:clamp(1.2rem,1.85vw,1.9rem);line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere;word-break:normal;white-space:normal}html[data-theme] #portfolio .work__grid .project .project__info small{font-size:.66rem;line-height:1.65;letter-spacing:.06em;color:var(--site-muted);opacity:1;max-width:none;white-space:normal;overflow-wrap:anywhere}html[data-theme] #portfolio .work__grid .project .project__info i{flex:0 0 auto;width:44px;height:44px;min-width:44px;background:transparent;color:var(--site-text);border-color:var(--site-rule);backdrop-filter:none}html[data-theme] #portfolio .work__grid .project .film-preview-frame{position:absolute;inset:0;width:100%;height:100%}html[data-theme] #portfolio .work__grid .project .film-preview-frame>.film-hover-preview{object-fit:contain}html[data-theme] #portfolio .project .film-preview-frame.is-previewing>img{opacity:0}html[data-theme] #portfolio .work__grid .project[data-grid-wide]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-column:1/-1;justify-self:stretch;max-width:none;aspect-ratio:auto;align-items:stretch}html[data-theme] #portfolio .work__grid .project[data-grid-wide] .project__info{min-height:0}@media(min-width:1101px){html[data-theme] #portfolio .work__grid[data-visible-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme] #portfolio .work__grid[data-visible-count="3"] .project[data-grid-wide]{display:flex;grid-column:auto}html[data-theme] #portfolio .work__grid[data-visible-count="3"] .project .project__info{min-height:10rem}}@media(max-width:680px){html[data-theme] #portfolio .work__grid,html[data-theme] #portfolio .work__grid[data-visible-count="3"]{grid-template-columns:minmax(0,1fr);gap:1.5rem}html[data-theme] #portfolio .work__grid .project[data-grid-wide]{display:flex;grid-template-columns:none;grid-column:auto}html[data-theme] #portfolio .work__grid .project .project__info{min-height:8.5rem;padding:1.2rem}html[data-theme] #portfolio .work__grid .project .project__info b{font-size:clamp(1.15rem,4.8vw,1.5rem)}}