.portfolio-hero{padding-top:70px;padding-bottom:45px}.portfolio-hero h1{font-size:clamp(60px,8vw,120px);line-height:1.04}.portfolio-hero .section-heading{margin-bottom:45px}.portfolio-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;font-size:9px;letter-spacing:.16em;color:var(--muted)}.portfolio-grid{padding:0 var(--gutter);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(240px,27vw,390px);gap:20px}.portfolio-item{position:relative;display:block;height:100%;overflow:hidden;background:#191919;color:#fff}.portfolio-item:nth-child(1),.portfolio-item:nth-child(6){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s;object-position:center 38%}.portfolio-item:hover img{transform:scale(1.035)}.media-label{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:55px 20px 20px;background:linear-gradient(transparent,#000d);font-size:12px}.media-label>span{font-size:23px}.play{display:none}.portfolio-end{text-align:center;background:#141510;margin-top:70px}.portfolio-end h2{font-size:clamp(48px,5.4vw,80px)}.portfolio-end .actions{justify-content:center;margin-top:32px}.portfolio-end .text-link{font-size:12px}@media(min-width:1600px){.portfolio-grid{padding-left:max(var(--gutter),calc((100vw - 1440px)/2));padding-right:max(var(--gutter),calc((100vw - 1440px)/2))}}@media(max-width:900px){.portfolio-grid{gap:14px}.portfolio-hero{padding-top:50px}}@media(max-width:640px){.portfolio-hero{padding:42px 24px 30px}.portfolio-hero h1{font-size:64px}.portfolio-hero .section-heading{margin-bottom:28px}.portfolio-meta{font-size:8px;letter-spacing:.05em}.portfolio-meta span:last-child{display:none}.portfolio-grid{padding:0 24px;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:14px}.portfolio-item:nth-child(1),.portfolio-item:nth-child(6){grid-column:span 2;grid-row:auto;aspect-ratio:1.08}.portfolio-item{aspect-ratio:3/4}.media-label{font-size:10px;padding:40px 12px 12px;gap:5px}.portfolio-end{margin-top:45px}.portfolio-end .actions{gap:18px}.portfolio-end h2{font-size:48px}}@media(prefers-reduced-motion:reduce){.portfolio-item img{transition:none}.portfolio-item:hover img{transform:none}}