#portfolio .work__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(135px,calc((100vw - 3rem)/6),300px);gap:clamp(.6rem,1vw,1.15rem)}#portfolio .project{display:block;grid-column:span 6;grid-row:span 2;height:100%;min-height:0;color:#fff;background:#111}#portfolio .project[data-tile=landscape]{grid-column:span 8;grid-row:span 2}#portfolio .project[data-tile=portrait]{grid-column:span 4;grid-row:span 4}#portfolio .project[data-tile=square]{grid-column:span 4;grid-row:span 2}#portfolio .project[data-tile=full]{grid-column:1/-1;grid-row:span 2}#portfolio .project .project__media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#fff}#portfolio .project .project__media img{object-fit:cover;object-position:var(--cover-focus,center);scale:var(--cover-zoom,1);width:100%;height:100%}#portfolio .project .project__media img{transform-origin:var(--cover-focus,center)}#portfolio .project .project__info{position:absolute;inset:auto 0 0;height:auto;min-height:8rem;padding:clamp(1.2rem,2vw,2.2rem);color:#fff;background:linear-gradient(0deg,#000e 0%,#000a 63%,transparent 100%);padding-top:4rem;z-index:2}#portfolio .project .project__info b{font-size:clamp(1.3rem,2vw,2.6rem);line-height:1.05}#portfolio .project .project__info small{font-size:clamp(.6rem,.7vw,.78rem);color:#fff;opacity:.9}#portfolio .project .project__info i{background:#1114;backdrop-filter:blur(8px);border-color:#ffffffb3}#portfolio .project[data-cover=renova-se] .project__media img{object-fit:contain;scale:1;padding:clamp(1rem,3vw,3rem)}#portfolio .project[data-cover=renova-se] .project__info{color:#27323b;background:linear-gradient(0deg,#fff 0%,#fff 65%,#fffc 90%,transparent 100%)}#portfolio .project[data-cover=renova-se] .project__info small{color:#27323b}#portfolio .project[data-cover=renova-se] .project__info i{color:#27323b;background:#fff8;border-color:#27323b}.language-flag{width:21px!important;height:14px!important;border-radius:2px;overflow:hidden;flex:none}.experience-bar [data-language]{display:flex;gap:.4rem;font-size:10px;min-height:34px}.experience-bar [data-theme-choice=coffee]:before{content:"";width:12px;height:12px;border-radius:50%;background:#9e6541;border:1px solid currentColor}@media(max-width:1000px){#portfolio .work__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row}#portfolio .project,#portfolio .project[data-tile]{grid-column:auto;grid-row:auto;height:auto;aspect-ratio:1}#portfolio .project:nth-of-type(3n+1){aspect-ratio:4/5}#portfolio .project .project__info{min-height:8rem}#portfolio .project .project__info b{font-size:clamp(1.2rem,3vw,1.7rem)}}@media(max-width:680px){:root{--jr-tools:84px}.experience-bar{height:var(--jr-tools)}.experience-bar__note{display:none}.experience-bar__controls{display:grid;grid-template-columns:1fr;gap:0;width:100%}.experience-group{justify-content:center}.experience-group+.experience-group{border-left:0;margin:0;padding:0}.experience-bar [data-language]{min-width:90px;justify-content:center}.experience-bar [data-theme-choice],.experience-bar [data-contrast-choice]{min-width:44px}#portfolio .work__grid{grid-template-columns:minmax(0,1fr);gap:.75rem}#portfolio .project,#portfolio .project[data-tile]{aspect-ratio:4/3}#portfolio .project:nth-of-type(3n+2){aspect-ratio:4/5}#portfolio .project:nth-of-type(3n){aspect-ratio:1}#portfolio .project .project__info b{font-size:1.4rem}#portfolio .project .project__info{min-height:8rem;padding:4rem 1.3rem 1.3rem}}@media(prefers-reduced-motion:reduce){#portfolio .project,#portfolio .project .project__media:after{transition:none!important;translate:none!important}}#portfolio .work__grid:not([data-active-category=all]){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:clamp(1rem,2vw,2rem);padding-inline:var(--gutter,1.25rem)}#portfolio .work__grid:not([data-active-category=all]) .project{grid-column:auto;grid-row:auto;aspect-ratio:4/3;height:auto}#portfolio .work__grid:not([data-active-category=all]) .project[data-grid-wide]{grid-column:1/-1;aspect-ratio:2/1}@media(min-width:681px)and (max-width:1000px){#portfolio .work__grid[data-active-category=all] .project{aspect-ratio:4/3}#portfolio .work__grid[data-active-category=all] .project[data-grid-wide]{grid-column:1/-1;aspect-ratio:2/1}}@media(max-width:680px){#portfolio .work__grid:not([data-active-category=all]){grid-template-columns:minmax(0,1fr)}#portfolio .work__grid:not([data-active-category=all]) .project,#portfolio .work__grid:not([data-active-category=all]) .project[data-grid-wide]{grid-column:auto;aspect-ratio:4/3}}