/* A shared two-tone headline language: forest to leaf on paper, mint to lime on ink. */
:root{--headline-gradient:linear-gradient(110deg,#24674a 4%,#478125 55%,#657b1d 100%)}
.dark,.immersive-hero,.cinematic-panel,.closing-image-section,.pf-hero,.pf-pricing-hero,.work-hero{--headline-gradient:linear-gradient(110deg,#c4eed2 4%,#a7de79 52%,#d2eb83 100%)}
.lime-headline{letter-spacing:-.045em;font-weight:500}
.lime-headline .headline-accent,.immersive-hero .study-title .headline-line.headline-accent,.pf-collection-heading h2 span,.pf-pricing-hero h1 span,.pf-hero-number{background:var(--headline-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#42804e}
.lime-headline .headline-line.headline-accent{font-weight:400}
.pf-experience{--pf-purple:#568b4a}.pf-collection-heading h2 span{--headline-gradient:linear-gradient(110deg,#24674a,#478125 55%,#657b1d)}
.pf-hero-copy>.eyebrow,.pf-pricing-hero .eyebrow{color:#c2d5b7}.pf-pricing-hero h1 span{--headline-gradient:linear-gradient(110deg,#c4eed2,#a7de79 52%,#d2eb83)}
@media(forced-colors:active){.headline-accent,.pf-collection-heading h2 span,.pf-pricing-hero h1 span,.pf-hero-number{-webkit-text-fill-color:currentColor!important;background:none!important}}
.pf-hero h1 .headline-accent{background:var(--headline-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.project-cover.project-screenshot{background:#e9eae6;padding:24px;display:flex;align-items:center;justify-content:center}
.project-cover.project-screenshot img{object-fit:contain;object-position:center;width:100%;height:100%;border-radius:5px}
@media(max-width:650px){.project-cover.project-screenshot{padding:14px}}

.project-detail-media img{object-fit:contain;object-position:top}.work-live-link{display:inline-flex;margin:20px 0;font-size:16px;border-bottom:1px solid currentColor;padding-bottom:5px;gap:15px}