.portfolio-redesign-page{background:#fff;overflow-x:hidden}.portfolio-redesign-page .portfolio-showcase{--portfolio-ink: #022d5c;--portfolio-sky: #55bee8;background:#fff;color:var(--portfolio-ink);width:100%}.portfolio-showcase__hero{background:#f4fcff;height:clamp(285px, 20vw, 390px);overflow:hidden;position:relative}.portfolio-showcase__hero-image{display:block;height:100%;-webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 20%);mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 20%);object-fit:cover;object-position:center 76%;position:absolute;right:-16%;top:0;width:71%}.portfolio-showcase__hero-wash{background:linear-gradient(90deg, rgba(244,252,255,0.98) 0%, rgba(237,250,254,0.96) 25%, rgba(237,250,254,0.78) 45%, rgba(237,250,254,0.14) 70%, rgba(237,250,254,0) 100%);inset:0;position:absolute}.portfolio-showcase__title{color:var(--portfolio-sky);display:flex;flex-direction:column;font-family:inherit;left:7.2vw;line-height:.9;margin:0;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);z-index:1}.portfolio-showcase__title span{font-size:clamp(47px, 4vw, 76px);font-weight:300;letter-spacing:.01em;line-height:1}.portfolio-showcase__title strong{font-size:clamp(58px, 4.8vw, 92px);font-weight:700;line-height:.98}.portfolio-showcase__content{margin:0 auto;max-width:1760px;padding:clamp(72px, 6.2vw, 120px) clamp(34px, 6.25vw, 120px) clamp(105px, 8vw, 155px)}.portfolio-showcase__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:clamp(48px, 6.1vw, 116px);row-gap:clamp(48px, 3.8vw, 74px)}.portfolio-card{background:#f5f5f5;min-width:0}.portfolio-card__media{aspect-ratio:1.54 / 1;background:#e9f6fb;overflow:hidden}.portfolio-card__image{display:block;height:100%;max-width:100%;object-fit:cover;transition:filter .25s ease, transform .25s ease;width:100%}.portfolio-card__meta{align-items:stretch;display:flex;min-height:clamp(78px, 5.5vw, 105px)}.portfolio-card__copy{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;padding:10px clamp(18px, 1.6vw, 30px)}.portfolio-card__title,.portfolio-card__location{color:var(--portfolio-ink);font-family:inherit;line-height:1.08;margin:0}.portfolio-card__title{font-size:clamp(22px, 1.65vw, 32px);font-weight:400;text-transform:uppercase}.portfolio-card__location{font-size:clamp(16px, 1.1vw, 21px);font-weight:400;margin-top:5px}.portfolio-card__action{align-items:center;background:var(--portfolio-sky);color:#fff;cursor:pointer;display:flex;flex:0 0 clamp(78px, 5.5vw, 105px);justify-content:center;transition:background-color .2s ease, box-shadow .2s ease}.portfolio-card__action svg{fill:none;height:52%;max-height:52px;max-width:52px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;width:52%}.portfolio-card__action:hover{background:#36addd;color:#fff;text-decoration:none}.portfolio-card__action:focus,.portfolio-card__action:focus-visible{color:#fff;outline:3px solid var(--portfolio-ink);outline-offset:4px;text-decoration:none}.portfolio-card:hover .portfolio-card__image,.portfolio-card:focus-within .portfolio-card__image{filter:saturate(1.04) brightness(0.96);transform:scale(1.015)}@media (max-width: 991px){.portfolio-showcase__content{padding-left:34px;padding-right:34px}.portfolio-showcase__grid{column-gap:32px}.portfolio-card__title{font-size:21px}.portfolio-card__location{font-size:16px}}@media (max-width: 767px){.portfolio-showcase__hero{height:230px}.portfolio-showcase__hero-image{-webkit-mask-image:none;mask-image:none;object-position:62% 74%;right:0;width:100%}.portfolio-showcase__hero-wash{background:linear-gradient(90deg, rgba(244,252,255,0.98), rgba(237,250,254,0.68))}.portfolio-showcase__title{left:24px}.portfolio-showcase__title span{font-size:clamp(36px, 11vw, 48px)}.portfolio-showcase__title strong{font-size:clamp(45px, 13vw, 58px)}.portfolio-showcase__content{padding:44px 20px 72px}.portfolio-showcase__grid{grid-template-columns:1fr;row-gap:34px}.portfolio-card__meta{min-height:76px}.portfolio-card__action{flex-basis:76px}}@media (max-width: 420px){.portfolio-card__title{font-size:18px}.portfolio-card__location{font-size:14px}.portfolio-card__copy{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion: reduce){.portfolio-card__image,.portfolio-card__action{transition:none}}