.portfolio-overview{background:#0d1013;padding:110px 0}.portfolio-overview-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:32px}.portfolio-overview-head h2{font:700 clamp(48px,6vw,84px)/.86 Manrope,sans-serif;letter-spacing:-.06em;margin:12px 0 0}.portfolio-overview-head h2 em{font:400 1.02em "Instrument Serif",serif;color:var(--coral)}.portfolio-overview-head .text-link{margin:0 0 8px;white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:minmax(330px,38vw);gap:16px}.portfolio-tile{position:relative;border-radius:28px;overflow:hidden;border:1px solid #30373c;min-height:330px;transition:transform .25s ease,border-color .25s ease}.portfolio-tile:hover{transform:translateY(-4px);border-color:#596369}.tile-featured{grid-row:span 2;background:#14191c}.tile-lime{background:var(--lime);color:#12150d}.tile-paper{background:var(--paper);color:var(--ink)}.tile-violet{background:var(--violet)}.tile-coral{background:var(--coral);color:#17110e}.portfolio-shot{position:absolute;inset:0;overflow:hidden;background:#1b2125}.portfolio-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,10,11,.72) 100%);pointer-events:none}.tile-lime .portfolio-shot:after,.tile-paper .portfolio-shot:after,.tile-coral .portfolio-shot:after{background:linear-gradient(180deg,transparent 38%,rgba(255,255,255,.08) 58%,rgba(0,0,0,.58) 100%)}.portfolio-shot iframe{position:absolute;inset:0;width:150%;height:1500px;border:0;pointer-events:none;transform:translateY(-250px) scale(.67);transform-origin:top left}.tile-lime .portfolio-shot iframe{transform:translateY(-345px) scale(.67)}.tile-paper .portfolio-shot iframe{transform:translateY(-300px) scale(.67)}.tile-violet .portfolio-shot iframe{transform:translateY(-390px) scale(.67)}.tile-coral .portfolio-shot iframe{transform:translateY(-315px) scale(.67)}.portfolio-tile-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px;color:#fff}.portfolio-tile-copy h3{font:700 clamp(30px,3.2vw,52px)/.9 Manrope,sans-serif;letter-spacing:-.05em;margin:10px 0 8px}.portfolio-tile-copy p{margin:0;opacity:.72;font-size:12px}.tile-featured .portfolio-tile-copy{padding:32px}.tile-featured .portfolio-tile-copy h3{font-size:clamp(42px,5vw,72px)}@media(max-width:1050px){.portfolio-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(340px,52vw)}.tile-featured{grid-row:span 1;grid-column:span 2}.portfolio-overview-head{align-items:start;flex-direction:column}.portfolio-overview-head .text-link{margin:0}}@media(max-width:620px){.portfolio-overview{padding:78px 0}.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:390px}.tile-featured{grid-column:auto}.portfolio-shot iframe{width:175%;transform:translateY(-220px) scale(.58)}.tile-lime .portfolio-shot iframe,.tile-paper .portfolio-shot iframe,.tile-violet .portfolio-shot iframe,.tile-coral .portfolio-shot iframe{transform:translateY(-220px) scale(.58)}.portfolio-tile-copy,.tile-featured .portfolio-tile-copy{padding:22px}.portfolio-overview-head h2{font-size:50px}}