#portfolio-sites{scroll-margin-top:100px}
.wow-demos{margin:48px 0 90px;padding:38px 0 32px;border-block:1px solid var(--ink-line)}
.wow-demo-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:40px}
.wow-demo-heading .eyebrow{color:var(--accent);margin-bottom:20px}
.wow-demo-heading h3{font-size:clamp(30px,3.7vw,50px);line-height:1.12;letter-spacing:-.04em}
.wow-demo-heading>p{font-size:17px;line-height:1.75;color:#b8bec5;max-width:46ch}
.wow-demo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.wow-demo{display:flex;align-items:center;gap:22px;min-width:0;padding:24px 0;border-top:1px solid var(--ink-line);color:inherit;text-decoration:none;transition:color .25s}
.wow-demo img{width:130px;height:94px;object-fit:cover;flex-shrink:0;transition:filter .3s,transform .3s;filter:saturate(.75)}
.wow-demo-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.wow-demo-copy strong{font-size:clamp(19px,2vw,26px);font-weight:500;line-height:1.2;letter-spacing:-.03em}
.wow-demo-copy>span{font-size:12px;color:#aeb5bf}
.wow-demo-arrow{font-size:26px;margin-left:auto;color:var(--accent);transition:transform .3s}
.wow-demo:hover,.wow-demo:focus-visible{color:var(--accent)}
.wow-demo:hover img{filter:saturate(1);transform:rotate(-2deg)}
.wow-demo:hover .wow-demo-arrow{transform:translate(3px,-3px)}
.wow-demo:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.wow-demo-note{font-size:12px;line-height:1.7;color:#aeb5bf;margin-top:24px;max-width:85ch}
@media(max-width:850px){.wow-demo-list{column-gap:24px}.wow-demo img{width:90px;height:78px}.wow-demo{gap:15px}.wow-demo-heading{gap:28px}}
@media(max-width:600px){.wow-demo-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.wow-demo-list{grid-template-columns:1fr}.wow-demos{margin-top:30px;margin-bottom:60px;padding-top:28px}.wow-demo{padding:20px 0}.wow-demo img{width:100px;height:78px}.wow-demo-copy strong{font-size:22px}.wow-demo-heading>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wow-demo,.wow-demo img,.wow-demo-arrow{transition:none}.wow-demo:hover img,.wow-demo:hover .wow-demo-arrow{transform:none}}