:root{color:#0a0a0a;font-synthesis:none;text-rendering:optimizelegibility;--page-gutter:clamp(10px, 1.22vw, 18px);--grid-gutter:clamp(10px, 1.22vw, 18px);background:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:#fff;min-width:320px;min-height:100%}body{background:#fff;min-width:320px;min-height:100%;margin:0;overflow-x:hidden}img{max-width:100%;display:block}.portfolio{width:100%;padding:0 var(--page-gutter)}.portfolio__work{position:relative}.portfolio__title{z-index:2;color:#fff;letter-spacing:0;white-space:nowrap;mix-blend-mode:exclusion;pointer-events:none;justify-content:space-between;align-items:flex-start;width:100%;height:0;margin:0;font-family:Libre Bodoni,"Bodoni 72",Didot,serif;font-size:170px;font-weight:700;line-height:1;display:flex;position:sticky;top:0}.portfolio__title span:first-child{text-align:left}.portfolio__title span:last-child{text-align:right}.portfolio__grid{gap:var(--grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:clamp(28px,2.45vw,36px) 0 0;list-style:none;display:grid}.portfolio__tile{aspect-ratio:3/2;background:#eee;min-width:0;overflow:hidden}.portfolio__tile img{object-fit:cover;width:100%;height:100%}.portfolio__clients{padding:clamp(18px,1.8vw,28px) clamp(12px,1.35vw,20px) clamp(24px,2.6vw,40px)}.portfolio__clients ul{color:gray;white-space:nowrap;justify-content:space-between;align-items:center;gap:18px;margin:0;padding:0;font-size:clamp(10px,.82vw,12px);font-weight:400;line-height:1.2;list-style:none;display:flex}@media (width<=1100px){.portfolio__title{font-size:11.55vw}}@media (width<=600px){:root{--page-gutter:8px;--grid-gutter:8px}.portfolio__grid{grid-template-columns:minmax(0,1fr);padding-top:18px}.portfolio__clients{padding:18px 4px 24px}.portfolio__clients ul{white-space:normal;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;font-size:10px;display:grid}.portfolio__clients li:nth-child(2n){text-align:right}}