.portfolio-hero__title-mask{margin-block:-.08em;padding-block:.08em;display:block;overflow:hidden}.portfolio-hero--motion-ready .portfolio-hero__eyebrow,.portfolio-hero--motion-ready .portfolio-hero__copy{opacity:0;transform:translateY(14px)}.portfolio-hero--motion-ready .portfolio-hero__title-line{opacity:0;display:block;transform:translateY(110%)}.portfolio-hero--motion-ready.is-visible .portfolio-hero__eyebrow{animation:.52s cubic-bezier(.22,1,.36,1) both portfolio-hero-copy-reveal}.portfolio-hero--motion-ready.is-visible .portfolio-hero__title-line{animation:.85s cubic-bezier(.22,1,.36,1) 80ms both portfolio-hero-title-reveal}.portfolio-hero--motion-ready.is-visible .portfolio-hero__title-mask:nth-of-type(2) .portfolio-hero__title-line{animation-delay:.18s}.portfolio-hero--motion-ready.is-visible .portfolio-hero__copy{animation:.62s cubic-bezier(.22,1,.36,1) .36s both portfolio-hero-copy-reveal}@keyframes portfolio-hero-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-hero-title-reveal{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.portfolio-page{padding-top:clamp(2.5rem,4vw,4rem)}.portfolio-page .portfolio-intro{gap:clamp(1rem,3vw,3rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.portfolio-page .portfolio-intro__heading{gap:.65rem}.portfolio-media{isolation:isolate;background:var(--color-warm);position:relative;overflow:hidden}.portfolio-media__image,.portfolio-media picture{width:100%;height:auto;display:block}.portfolio-media__image{z-index:0;transition:transform .52s cubic-bezier(.22,1,.36,1);position:relative}.portfolio-media__overlay{z-index:1;background:linear-gradient(#0000 18%,#11100e0a 42%,#11100e7a);transition:background .28s;position:absolute;inset:0}.portfolio-media__caption{z-index:2;color:#fff;letter-spacing:.13em;text-transform:uppercase;opacity:0;justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;font-weight:700;line-height:1.35;transition:opacity .26s,transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:.9rem;left:1rem;right:1rem;transform:translateY(6px)}.portfolio-media:hover .portfolio-media__caption,.portfolio-media:focus-within .portfolio-media__caption{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.portfolio-media:hover .portfolio-media__image,.portfolio-media:focus-within .portfolio-media__image{transform:scale(1.04)}.portfolio-media:hover .portfolio-media__overlay,.portfolio-media:focus-within .portfolio-media__overlay{background:linear-gradient(#11100e08 18%,#11100e1f 42%,#11100e9e)}}@media (hover:none),(width<=980px){.portfolio-media__caption{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-hero--motion-ready .portfolio-hero__eyebrow,.portfolio-hero--motion-ready .portfolio-hero__title-line,.portfolio-hero--motion-ready .portfolio-hero__copy{opacity:1;animation:none;transform:none}.portfolio-media__image,.portfolio-media__overlay,.portfolio-media__caption{transition:none}}