/* Preserve complete device mockups, including their studio margins. */
body img[src*="/projects/mockups/"]{object-fit:contain!important;object-position:center!important;transform:none!important;background:#c6c2bd}
body .ip-project>div:has(img[src*="/projects/mockups/"]){aspect-ratio:4/3}
body .v4-page .v4-case-cover-section{padding-block:48px}
body .v4-case-cover:has(img[src*="/projects/mockups/"]){width:100%;max-width:720px;margin-inline:auto;padding:20px}
body .v4-case-cover>img[src*="/projects/mockups/"]{display:block;width:100%;height:auto;aspect-ratio:4/3}
/* Shared content grid, section spacing and heading scale. */
#work .wm-project-sticky{height:auto;max-height:none;padding-block:var(--section-space)!important}
#work :is(.wm-work-heading,.wm-project-window,.wm-project-controls){width:var(--wamix-content-width);max-width:var(--wamix-content-max);margin-inline:auto;padding-inline:0}
#work .wm-work-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:48px}
#work .wm-work-heading .eyebrow{margin:0 0 14px;font-size:10px}
#work .wm-work-heading h2{font-size:clamp(32px,3.1vw,44px);line-height:1.2;letter-spacing:-.035em;margin:0}
#work .wm-work-heading h2 em{font-style:normal;background:linear-gradient(110deg,#8de1ff,#21a9f2,#0377b8);background-clip:text;color:transparent}
#work .wm-work-heading .view-more{flex-shrink:0;white-space:nowrap}
#work .wm-project-window{overflow-x:auto;overflow-y:hidden;padding-block:0}
#work .wm-project-track{width:100%;padding:0;gap:64px;align-items:stretch}
#work .wm-project{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px;flex:0 0 64%;width:64%;min-width:0}
#work .wm-project-visual{justify-self:start;display:block;width:100%;height:auto;max-height:none!important;aspect-ratio:4/3!important;padding:0;border:0;border-radius:16px;overflow:hidden;background:#c6c2bd}
#work .wm-project-visual img{position:static;display:block;width:100%;height:100%!important;max-height:none;aspect-ratio:4/3!important;filter:none}
#work .wm-project-copy{min-width:0;padding:0}
#work .wm-project-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:10px}
#work .wm-project h3{font-size:clamp(22px,2vw,28px)!important;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px!important;min-height:0!important}
#work .wm-project p{font-size:14px;line-height:1.75;min-height:0!important;max-width:none;margin:0 0 16px}
#work .wm-project-copy>.wm-link{font-size:14px;border:0;border-bottom:1px solid #f4f3ee3d;padding:8px 0;border-radius:0;background:transparent}
/* Text links must not inherit the filled-button hover or rectangular glow. */
#work .wm-project-copy>.wm-link{box-shadow:none;transform:none;transition:color .2s,border-color .2s}
#work .wm-project-copy>.wm-link:is(:hover,:focus-visible,:active){color:#8de1ff;background:transparent;box-shadow:none;transform:none;border-color:#8de1ff}
#work .wm-project-controls{margin-top:28px}
@media(min-width:851px){
 #work.is-pinned .wm-project-sticky{position:sticky;top:var(--project-top,70px);display:block}
 #work.is-pinned .wm-project-window{overflow:hidden}
 #work .wm-project-position{display:block}
}
@media(min-width:851px) and (max-width:1100px){#work .wm-project{flex-basis:76%;width:76%}#work .wm-project-track{gap:48px}}
@media(max-width:850px){
 #work .wm-work-heading{display:block;margin-bottom:26px}
 #work .wm-work-heading h2{font-size:34px}
 #work .wm-work-heading .view-more{margin-top:18px}
 #work .wm-project-window{overflow:clip}
 #work .wm-project-track{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 #work .wm-project{display:block;grid-row:1;grid-column:1;width:100%}
 #work .wm-project-copy{padding:22px 0 0}
 #work .wm-project h3{font-size:24px!important}
 #work .wm-project p{min-height:76px!important;margin-bottom:14px}
 #work .wm-project-controls{margin-top:24px}
 body .v4-page .v4-case-cover-section{padding-block:32px}
 body .v4-case-cover:has(img[src*="/projects/mockups/"]){max-width:560px;padding:12px}
}
@media(max-width:412px){#work .wm-work-heading h2{font-size:29px;line-height:1.25}#work .wm-project h3{font-size:20px!important}}