.website-study{--ux-accent:#585d68}.website-study h1{letter-spacing:-.05em;font-family:PTP Editorial,Georgia,serif;font-size:clamp(50px,7vw,100px);line-height:.95}.website-screen-pair{grid-template-columns:minmax(0,1fr) minmax(0,.28fr);align-items:start;gap:24px;margin:26px 0;display:grid}.website-screen-pair figure{min-width:0;margin:0}.website-screen-pair img{border:1px solid #d9dce0;width:100%;height:auto;display:block}.website-screen-pair figcaption,.website-navigation-proof figcaption,.website-archive figcaption{color:#5c6169;margin-top:10px;font-size:12px;line-height:1.5}.website-navigation-proof{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);align-items:start;gap:8%;padding:24px 0 48px;display:grid}.website-navigation-proof figure{margin:0}.website-navigation-proof img{width:100%;max-width:340px;height:auto;display:block}.website-route-list h3{margin:0 0 22px;font-size:28px;font-weight:500}.website-route-list>a{border-top:1px solid #cbd0d5;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:22px 0;font-size:20px;display:flex}.website-route-list>a span{color:#585e69;font-size:14px}.website-route-list>p{color:#616671;margin-top:26px;font-size:14px;line-height:1.7}.website-archive{margin:20px 0 48px}.website-archive img{border:1px solid #d9dce0;width:100%;display:block}.website-study .ux-flow h3{font-size:18px}.website-study .ux-flow p{line-height:1.6}.website-study .ux-links{flex-wrap:wrap}.website-study a:focus-visible{outline-offset:5px;outline:2px solid #2b3544}@media (max-width:700px){.website-screen-pair{grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:10px}.website-screen-pair figcaption{font-size:10px}.website-navigation-proof{grid-template-columns:1fr;gap:26px}.website-navigation-proof figure{max-width:270px}.website-route-list>a{flex-direction:column;align-items:flex-start;gap:8px;font-size:19px}.website-study h1{font-size:58px}.website-study .ux-flow{padding-left:0}}