.sketch-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:25px 15px;background:#fbfaf6;border-radius:15px}.sketch-grid figcaption{font-size:9px;text-align:center}.sketch-grid img{border-radius:8px}.sketch-grid .zoom:hover{transform:translateY(-3px)}.phone:after{content:'';position:absolute;top:10px;left:35%;width:30%;height:3%;background:#111;border-radius:30px;pointer-events:none}.goal .mini-icon{width:27px;height:27px;font-size:0}.goal .mini-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rose .mini-icon{color:#c27168}.lilac .mini-icon{color:#626c62}.mint .mini-icon{color:#626c62}@media(max-width:900px){.sketch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;padding:20px}}@media(max-width:600px){.sketch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 9px;padding:16px 12px}.sketch-grid figcaption{font-size:7px}.phone:after{top:8px}}
@media(max-width:600px){.case-rail .back{display:flex;align-items:center;min-height:44px}.intro-grid>div>p,.goal ul,.research-grid article>p:not(.eyebrow),.persona p,.split-copy p,.decision-grid p:last-child,.iteration-list p:not(.eyebrow),.reflection-grid p:last-child{font-size:14px}.project-brief p:last-child,.subheading p,.takeaways p,.walkthrough p:not(.eyebrow),.validation-plan article p{font-size:13px}.scope-strip span{font-size:11px}.project-stats>div{font-size:11px}.project-stats dt{width:52px}.accessibility-strip p{font-size:13px}.product-note p{font-size:12px}.persona-question p{font-size:16px}.walkthrough ol{font-size:12px}}