/* Four case studies share one desktop row. Phone keeps the touch carousel. */
@media(min-width:701px){
 #work .projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 #work .project-info{gap:10px;align-items:flex-start;min-height:112px}
 #work .project-info>div{min-width:0}
 #work .project-info h3{font-size:clamp(18px,1.6vw,23px);line-height:1.2}
 #work .project-info span,#work .case-result{font-size:15px;line-height:1.55}
}
@media(min-width:701px) and (max-width:1100px){#work .project-info{min-height:146px}}
/* Actual work, in monochrome with a little colour returning on interaction. */
#home .hero-card-creative .hero-card-art img{object-fit:cover;object-position:center 28%;filter:grayscale(1);opacity:.94}
#home .hero-card-creative .hero-card-art:after{background:linear-gradient(0deg,#08070af2 0%,#08070ae8 18%,#08070a30 56%,transparent 78%)}
#home .hero-card-creative:hover .hero-card-art img,#home .hero-card-creative[data-slot='front'] .hero-card-art img{filter:grayscale(.2)}
#services .creative-image-plate{background:#08070a}
#services .creative-image-plate img{width:100%;height:auto;aspect-ratio:2;object-fit:contain;object-position:top;filter:grayscale(1);transition:filter .3s}
#services .creative-sculpture:hover .creative-image-plate img{filter:grayscale(.2)}
#services .creative-image-plate:after{background:linear-gradient(0deg,#08070a,transparent 48%)}
/* The correction begins as soon as the deliberately wrong phrase appears. */
.rewrite-ready .phrase-cost{color:#dfa5a8}
.phrase-strike-second{position:absolute;left:-1%;right:-1%;top:58%;height:.03em;min-height:2px;border-radius:2px;background:#f0ce36;transform:rotate(2deg) scaleX(0);transform-origin:right center;pointer-events:none}
.rewrite-ready[data-rewrite='strike'] .phrase-strike{transition:transform .82s cubic-bezier(.18,.65,.2,1)}
.rewrite-ready[data-rewrite='strike'] .phrase-strike-second,.rewrite-ready[data-rewrite='removing'] .phrase-strike-second{transform:rotate(2deg) scaleX(1)}
.rewrite-ready[data-rewrite='strike'] .phrase-strike-second{transition:transform .65s cubic-bezier(.18,.65,.2,1) .16s}

