/* Alternate work presentation; shared typography and navigation stay in the main stylesheets. */
.work-alternate #work .wp-project{padding:40px 0 100px;align-items:center}
.work-alternate #work .wa-row{display:grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);gap:clamp(64px,7vw,120px);align-items:center}
.work-alternate #work .wp-project:nth-child(even) .wa-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.work-alternate #work .wp-project:nth-child(even) .wa-copy{grid-column:1;grid-row:1}
.work-alternate #work .wp-project:nth-child(even) .wa-artwork{grid-column:2;grid-row:1}
.work-alternate #work a.wa-artwork{display:flex;align-items:flex-start;justify-content:flex-end;gap:28px;overflow:visible;aspect-ratio:auto;border-radius:0;background:none;isolation:auto;transform:none}
.work-alternate #work .wp-project:nth-child(even) a.wa-artwork{justify-content:flex-start}
.work-alternate #work .wa-artwork img{flex:none;height:auto;object-fit:contain;box-shadow:0 3px 7px #00000024,0 12px 28px #0000000c;transform:none;transition:none}
.work-alternate #work .wa-artwork .wa-desktop{width:760px;border-radius:24px}
.work-alternate #work .wa-artwork .wa-phone{width:220px;border-radius:32px}
.work-alternate #work .wa-split{padding-bottom:90px}
.work-alternate #work .wa-split img:nth-child(2){margin-top:90px}
.work-alternate #work .wa-cash{padding-bottom:60px}
.work-alternate #work .wa-cash img:nth-child(2){margin-top:60px}
.work-alternate .wa-copy{max-width:580px}
.work-alternate .wa-copy h2{margin:0 0 24px;text-align:left}
.work-alternate .wa-copy p{margin:0 0 28px}
.work-alternate .wa-outcomes{display:flex;flex-wrap:wrap;gap:28px;margin:30px 0 40px}
.work-alternate .wa-outcomes>div{display:flex;flex-direction:column}
.work-alternate .wa-outcomes dd{order:-1;font-size:clamp(24px,2.6vw,40px);line-height:1.2;margin:0 0 5px; font-weight: 300; font-family: "Outfit", san-serif;}

.work-alternate .wa-outcomes dt{font-size:14px;line-height:1.5;color:#757575}
.work-alternate .wa-case-link{display:inline-block;color:inherit;font-weight:600;text-decoration:none;padding:8px 0}
.work-alternate .wa-case-link:hover{text-decoration:underline;text-underline-offset:5px}


.work-alternate #work .wa-artwork img:hover {
    transform: none !important;
}

@media(max-width:900px){.work-alternate #work .wa-row,.work-alternate #work .wp-project:nth-child(even) .wa-row{grid-template-columns:1fr;gap:40px}.work-alternate #work .wp-project:nth-child(even) .wa-copy,.work-alternate #work .wp-project:nth-child(even) .wa-artwork{grid-column:auto;grid-row:auto}.work-alternate #work a.wa-artwork,.work-alternate #work .wp-project:nth-child(even) a.wa-artwork{justify-content:center;gap:16px}.work-alternate #work .wa-artwork .wa-desktop{width:100%}.work-alternate #work .wa-artwork .wa-phone{width:calc((100% - 32px)/3)}.work-alternate #work .wa-cash .wa-phone{width:calc((100% - 16px)/2);max-width:220px}.work-alternate #work .wa-split{padding-bottom:0}.work-alternate #work .wa-split img:nth-child(2){margin-top:40px}.work-alternate #work .wa-cash{padding-bottom:0}.work-alternate #work .wa-cash img:nth-child(2){margin-top:30px}.work-alternate .wa-copy{max-width:600px}.work-alternate #work .wp-project{padding:28px 0 64px}.work-alternate .wa-outcomes{margin:24px 0}}

/* Desktop phone compositions: balanced vertically, with an inset Cash pair. */
@media(min-width:901px){
 .work-alternate #work .wa-split-project{padding-top:70px;padding-bottom:70px}
 .work-alternate #work .wa-split{padding-top:30px;padding-bottom:0}
 /* Scale the cropped compositions through 1700px, then reveal more at a fixed size. */
 .work-alternate #work .wa-artwork .wa-desktop{width:clamp(760px,54.285714vw,922.857px)}
 .work-alternate #work .wa-split .wa-phone{width:clamp(240px,17.142857vw,291.429px);max-width:none}
 .work-alternate #work a.wa-cash{justify-content:flex-start;margin-left:0;width:100%;gap:40px;padding-bottom:0}
 .work-alternate #work .wa-cash .wa-phone{width:min(clamp(260px,20vw,320px),calc((100% - 40px)/2));max-width:320px}
}

@media(prefers-reduced-motion:no-preference){
 .work-alternate #work .wa-artwork img{transform:translate3d(0,var(--wa-entrance-y,0px),0)}
}

/* All testimonials are visible; the original section heading keeps its typography. */
.work-alternate .wa-testimonials{padding:50px 0 100px}
.work-alternate .wa-testimonial-layout{display:grid;grid-template-columns:1fr 3fr;gap:48px}
.work-alternate .wa-testimonial-layout .quote-title{float:none;width:auto;margin:0}
.work-alternate .wa-testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.work-alternate .wa-testimonial{box-sizing:border-box;min-width:0;margin:0;padding:30px;background:#f5f5f4;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.work-alternate .wa-testimonial blockquote{margin:0;padding:0;border:0}
.work-alternate .wa-testimonial blockquote p{font-size:17px;line-height:1.65;color:#343434;margin:0}
.work-alternate .wa-testimonial figcaption{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;color:#737373}
.work-alternate .wa-testimonial figcaption img{width:40px;height:40px;flex:none;border-radius:50%;margin:0;padding:0}
.work-alternate .wa-testimonial figcaption strong{display:block;font-weight:600;color:#343434}
.work-alternate .wa-testimonial figcaption span{display:block}
@media(max-width:1100px){.work-alternate .wa-testimonial-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:650px){.work-alternate .wa-testimonial-grid{grid-template-columns:1fr}.work-alternate .wa-testimonial{padding:24px;aspect-ratio:auto;min-height:300px}}

/* Reference recording: simultaneous downward slide, 800ms movement, 2.5s per phrase. */
@media(prefers-reduced-motion:no-preference){
 .work-alternate .hero-endings>span{animation-name:wa-hero-ending;animation-timing-function:cubic-bezier(.4,0,.2,1)}
}
@keyframes wa-hero-ending{
 0%,22.667%{opacity:1;transform:translateY(0)}
 33.333%,80%{opacity:0;transform:translateY(100%)}
 89.333%{opacity:0;transform:translateY(-100%)}
 100%{opacity:1;transform:translateY(0)}
}

/* A modest size increase for large desktop displays; keep the existing page width. */
@media(min-width:1915px){
 .work-alternate .sixty.hi{font-size:58px}
 .work-alternate #work .wa-copy{max-width:700px}
 .work-alternate #work .wa-copy h2{font-size:62px}
 .work-alternate #work .wa-copy p{font-size:20px}
 .work-alternate #work .wa-outcomes dd{font-size:48px}
 .work-alternate #work .wa-outcomes dt{font-size:18px}
 .work-alternate #work .wa-case-link{font-size:20px}
 .work-alternate #work .wa-artwork .wa-desktop{width:1015px}
 .work-alternate #work .wa-split .wa-phone{width:320px}
 .work-alternate #work .wa-cash .wa-phone{width:min(352px,calc((100% - 40px)/2));max-width:352px}
 .work-alternate .sixty.hi {
    max-width: 1200px;
}

}
/* Keep one measured gap between the lowest mockup and the project heading. */
@media(max-width:900px){
 .work-alternate #work a.wa-artwork{padding:0;margin:0}
 .work-alternate #work .wa-copy{margin-top:0;padding-top:0}
 .work-alternate #work .wa-copy h2{margin-top:0;padding-top:0}
}
@media(max-width:750px){
 .work-alternate #work .wa-row,
 .work-alternate #work .wp-project:nth-child(even) .wa-row{row-gap:32px}
}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 .work-alternate #work .wa-copy{transform:translate3d(0,var(--wa-entrance-y,0px),0)}
 .work-alternate #work .wa-artwork img:hover{transform:translate3d(0,var(--wa-entrance-y,0px),0)!important}
}