.portfolio{background:#fff;color:#0b0b0b;overflow:hidden}.portfolio-head{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end;margin-bottom:72px}.portfolio-head h2{font-size:clamp(2.8rem,5vw,5.8rem);line-height:.97;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0 0}.portfolio-head h2 em{font-style:normal;color:#ff3d00}.portfolio-intro p{color:#696969;line-height:1.7;margin-bottom:28px}.portfolio-intro a{display:inline-flex;gap:12px;align-items:center;padding-bottom:9px;border-bottom:1px solid #151515;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.portfolio-intro a span{color:#ff3d00}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:70px}.project-card{display:block;min-width:0}.project-card:nth-child(even){margin-top:110px}.project-card.project-featured{grid-column:span 2;margin-top:0}.project-media{position:relative;overflow:hidden;background:#111;aspect-ratio:1.28/1;isolation:isolate}.project-featured .project-media{aspect-ratio:2.05/1}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.68));opacity:.35;transition:opacity .4s ease;z-index:1}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .5s ease;will-change:transform}.project-view{position:absolute;right:24px;bottom:22px;z-index:2;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#ff3d00;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(18px) scale(.8);transition:.35s ease}.project-card:hover .project-media img,.project-card:focus-visible .project-media img{transform:scale(1.055);filter:saturate(1.08)}.project-card:hover .project-media:after,.project-card:focus-visible .project-media:after{opacity:.68}.project-card:hover .project-view,.project-card:focus-visible .project-view{opacity:1;transform:none}.project-meta{display:grid;grid-template-columns:1fr auto;align-items:end;padding-top:20px;border-top:1px solid #d8d8d8;margin-top:18px}.project-meta>span{grid-column:1/-1;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#777;margin-bottom:12px}.project-meta h3{font-size:clamp(1.65rem,2.7vw,3rem);line-height:1;letter-spacing:-.05em;text-transform:uppercase;margin:0}.project-meta small{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.behance-strip{margin-top:110px;padding:24px 0;border-top:1px solid #111;border-bottom:1px solid #111;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;text-transform:uppercase;font-size:.71rem;letter-spacing:.13em;transition:.25s}.behance-strip span:nth-child(2),.behance-strip span:nth-child(3){color:#777}.behance-strip strong{font-size:1.45rem;color:#ff3d00;transition:.25s}.behance-strip:hover{padding-left:14px;padding-right:14px;background:#0b0b0b;color:#fff}.behance-strip:hover strong{transform:rotate(45deg)}@media(max-width:900px){.portfolio-head{grid-template-columns:1fr;gap:30px}.project-grid{column-gap:20px;row-gap:50px}.project-card:nth-child(even){margin-top:65px}.project-view{opacity:1;width:auto;height:auto;border-radius:0;padding:12px 14px;transform:none;right:12px;bottom:12px}.behance-strip{grid-template-columns:1fr auto}.behance-strip span:nth-child(2),.behance-strip span:nth-child(3){display:none}}@media(max-width:560px){.portfolio-head h2{font-size:2.75rem}.project-grid{grid-template-columns:1fr;row-gap:48px}.project-card.project-featured{grid-column:auto}.project-card:nth-child(even){margin-top:0}.project-featured .project-media,.project-media{aspect-ratio:1.18/1}.project-meta h3{font-size:1.65rem}.project-meta small{display:none}.behance-strip{margin-top:75px}}