/* Projects: homepage motion and responsive type, preserving collection layouts. */
.portfolio-hero::before{inset:-12% 0;transform:translate3d(0,var(--project-shift,0px),0)}
.portfolio-page .stubborn__headline{max-width:100%;white-space:normal}
.portfolio-page .stubborn__body{margin-top:5vh}
@media(min-width:2201px){
 .portfolio-hero h1{font-size:clamp(108px,5vw,160px);line-height:.93}
 .portfolio-hero__eyebrow{font-size:clamp(20px,1vw,28px);line-height:1.35}
 .portfolio-feature__title{font-size:clamp(96px,4.5vw,144px);line-height:.96}
 .portfolio-feature__category{font-size:clamp(16px,.8vw,24px);line-height:1.35}
 .portfolio-feature__services{font-size:clamp(24px,1.1vw,32px);line-height:1.3}
 .portfolio-feature__description{max-width:1200px;font-size:clamp(36px,1.65vw,48px);line-height:1.23}
 .portfolio-feature__cta{font-size:clamp(18px,.85vw,24px);line-height:1.25}
 .portfolio-identities{grid-template-columns:clamp(360px,17vw,500px) minmax(0,1fr)}
 .portfolio-identities__intro h2{font-size:clamp(36px,1.7vw,50px);line-height:1.06}
 .portfolio-identities__intro p{font-size:clamp(32px,1.45vw,42px);line-height:1.22}
 .portfolio-archives__intro h2{font-size:clamp(64px,3vw,96px);line-height:.96}
 .portfolio-archives__intro p{font-size:clamp(36px,1.65vw,48px);line-height:1.2}
 .portfolio-card__title-row h3{font-size:clamp(28px,1.3vw,40px);line-height:1.25}
 .portfolio-card__category{font-size:clamp(14px,.7vw,20px);line-height:1.4}
}
@media(max-width:728px){
 .portfolio-page .stubborn__content{padding:30px;align-items:flex-start}
 .portfolio-page .stubborn__headline{font-size:clamp(24px,11vw,42px);line-height:.9;text-align:right;width:100%}
 .portfolio-page .stubborn__body{font-size:21px;line-height:1.1;margin-top:20px;width:100%;text-align:right}
 .portfolio-page .stubborn__btn{margin-top:40px;font-size:clamp(14px,1.4vw,22px)}
}
@media(prefers-reduced-motion:no-preference){.portfolio-hero::before{will-change:transform}}
@media(prefers-reduced-motion:reduce){.portfolio-hero::before{transform:none;will-change:auto}}

/* Keep the project CTA label and arrow on one line on phones too. */
.portfolio-page .stubborn__btn{display:inline-flex;flex-wrap:nowrap;white-space:nowrap}
.portfolio-page .stubborn__btn img{flex:none}