.story-hero{padding:48px 0 38px}.project-name{font-size:19px;margin-bottom:18px}.project-tags{margin:20px 0 0}.case-social{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);border:1px solid #e9e6e2;border-radius:26px;overflow:hidden;background:#fff;align-items:stretch}.social-gallery{min-width:0;position:relative;background:white}.social-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/5}.social-slides::-webkit-scrollbar{display:none}.social-slides figure{flex:0 0 100%;scroll-snap-align:start;margin:0;min-width:0}.social-slides img{width:100%;height:100%;object-fit:contain}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:25px;padding:12px;background:white;border-top:1px solid #eee;font-size:13px}.gallery-controls button{border:0;background:none;color:#403647;padding:6px 12px}.gallery-controls button:disabled{opacity:.3;cursor:default}.social-notes{min-width:0;display:flex;flex-direction:column;border-left:1px solid #ece9e5;position:relative}.social-author{display:flex;gap:12px;align-items:center;padding:22px 25px;border-bottom:1px solid #ece9e5;flex-shrink:0}.social-author>img{width:40px;height:40px}.social-author strong{font-size:16px;display:block}.social-author span{font-size:11px;color:#777;display:block}.social-author>a{margin-left:auto;font-size:13px;background:#300a44;color:white;padding:7px 14px;border-radius:22px;text-decoration:none;white-space:nowrap}.social-notes-body{position:absolute;top:94px;bottom:0;overflow-y:auto;overscroll-behavior:contain;padding:26px 30px 36px;scrollbar-width:thin;scrollbar-color:#c8c2bc transparent}.social-notes h2{font-size:23px;line-height:1.5;margin:0 0 30px;text-wrap:initial}.social-notes h3{font-size:18px;margin:30px 0 12px}.social-notes p{font-size:16px;line-height:1.9;color:#605a64}.social-notes p+p{margin-top:18px}.social-notes b{color:#302b34;font-weight:600}.read-details{display:inline-block;margin-top:30px;font-size:14px}.case-article{margin-top:80px}.article-intro{font-size:17px;line-height:1.95;margin-bottom:48px;color:#5c5660}.demo-recording video{display:block;width:100%;aspect-ratio:8/5;background:white;border:1px solid #eee;border-radius:10px}.demo-recording figcaption{text-align:center;font-size:13px;color:#777;margin-top:14px}
@media(max-width:700px){.story-hero{padding:32px 0 28px}.story-hero h1{font-size:28px}.case-social{display:block;border-radius:16px}.social-notes{border-left:0;border-top:1px solid #eee}.social-author{padding:18px}.social-notes-body{position:static;max-height:440px;padding:22px;overflow:auto}.social-notes h2{font-size:21px}.social-notes h3{font-size:17px}.social-notes p{font-size:15px}.case-article{margin-top:45px}.article-intro{font-size:16px;margin-bottom:35px}.gallery-controls{padding:8px}.social-author>a{font-size:12px}.demo-recording figcaption{font-size:11px}}
/* Uniform portrait artwork keeps the gallery and notes aligned across slides. */
.social-slides{aspect-ratio:4/5}
.social-notes{min-height:0}
.social-slides figure{height:100%}
@media(min-width:701px){.social-notes-body{min-height:0}}
.page-evidence{margin:30px 0 0}.page-evidence img{border-radius:12px;border:1px solid #eee9e5}.page-evidence figcaption{text-align:center;color:#777;font-size:13px;margin-top:14px}.detail-subheading{font-size:21px;line-height:1.5;margin:38px 0 18px}.story-section>.compare-switch{margin-top:26px}.story-section .compare-pair{margin:28px 0 36px}.case-article .story-section{margin-bottom:68px}
@media(max-width:700px){.case-article .story-section{margin-bottom:44px}.detail-subheading{font-size:19px;margin-top:28px}.page-evidence figcaption{font-size:11px}.page-evidence img{border-radius:7px}}