.case-route{display:flex;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:28px;font:11px var(--mono);color:#8b8374}.case-return{display:flex;justify-content:space-between;padding-top:29px;padding-bottom:42px;font:11px var(--mono);color:#8b8374}.case-study{padding:0;margin-inline:auto}.case-document .footer{margin-top:0}
@media(max-width:800px){
.case-route,.case-return{font-size:10px}.study-tip .case-artboard{width:100%;max-width:100%}.study-tip .section{height:auto;min-height:0;padding:40px 24px}.study-tip h2,.study-tip .brief h2{font-size:34px;letter-spacing:-1px;line-height:1.17}.study-tip h3{font-size:23px}.study-tip p,.study-tip .intro{font-size:16px!important;line-height:1.65;max-width:100%}.study-tip .section-label{font-size:10px;letter-spacing:1px;gap:12px;margin-bottom:28px}.study-tip .hero{padding-bottom:35px}.study-tip .hero-header img{width:130px}.study-tip .hero-header .eyebrow{font-size:7px;letter-spacing:.5px;max-width:130px}.study-tip .hero-title{position:relative;left:auto;top:auto;font-size:120px;letter-spacing:-8px;margin:30px 0 15px}.study-tip .hero-sub,.study-tip .hero-copy,.study-tip .hero-tags,.study-tip .hero-meta{position:relative;inset:auto}.study-tip .hero-sub{font-size:23px;letter-spacing:-.5px}.study-tip .hero-copy{margin-top:20px}.study-tip .hero-tags{flex-wrap:wrap;margin:25px 0;gap:6px}.study-tip .hero-tags span{font-size:8px;padding:7px 10px}.study-tip .hero .hero-home{position:relative;inset:auto;width:72%!important;transform:rotate(-4deg);margin:35px auto 45px}.study-tip .hero .hero-club{display:none}.study-tip .hero:after{display:none}.study-tip .hero-meta{grid-template-columns:1fr;gap:15px}.study-tip .hero-meta strong{font-size:13px}.study-tip .brief-content,.study-tip .logic-map,.study-tip .motion-grid,.study-tip .motion-list,.study-tip .outlook{grid-template-columns:1fr;gap:26px}.study-tip .brief-content{margin-top:30px}.study-tip .brief-list h3{font-size:20px}.study-tip .logic-map{margin-top:30px;padding:25px 0}.study-tip .status-cards{flex-direction:column;margin-top:30px;gap:14px}.study-tip .status-card{min-height:0;padding:22px}.study-tip .status-card b{font-size:45px}.study-tip .status-card .permanent-tag{position:static;display:block;margin-top:10px}.study-tip .logic-bottom,.study-tip .chart-heading,.study-tip .chart-note{flex-direction:column;gap:18px}.study-tip .progress .device,.study-tip .club .device,.study-tip .pwa .device{position:relative;inset:auto;max-width:85%;margin:35px auto 0}.study-tip .progress .token{position:relative;inset:auto;width:230px;height:230px;margin:35px auto}.study-tip .progress .token-copy{position:relative;inset:auto;width:auto}.study-tip .progress .orbit,.study-tip .reward-chip{display:none}.study-tip .club-explainer,.study-tip .sum-parts,.study-tip .club-qr-note{width:auto;max-width:100%}.study-tip .club-explainer{margin-top:30px}.study-tip .club-sum{font-size:76px;letter-spacing:-4px}.study-tip .club-sum small{font-size:35px;letter-spacing:-1px}.study-tip .sum-parts{gap:14px}.study-tip .sum-parts b{font-size:23px}.study-tip .sum-parts small{font-size:10px}.study-tip .qr-glyph{flex-shrink:0}.study-tip .chart-types{flex-direction:column;gap:10px}.study-tip .chart-types span{font-size:12px}.study-tip .browser-bar span{font-size:8px;margin-left:7px}.study-tip .journey{flex-direction:column;gap:35px;margin-top:30px}.study-tip .journey:before{display:none}.study-tip .journey-item{width:100%}.study-tip .journey-item .device{max-width:85%}.study-tip .motion-grid{margin-top:30px}.study-tip .motion-art{height:300px}.study-tip .pwa-points article{gap:12px}.study-tip .outlook .future{border-left:0;border-top:1px solid #b5c9a733;padding:25px 0 0}.study-tip .outro h2{font-size:43px;letter-spacing:-1.5px}.study-tip .outro .footer-line{flex-direction:column;align-items:start;gap:25px;margin-top:30px}.study-tip .outro .footer-line img{width:155px}.study-tip .outro p{text-align:left;font-size:12px!important}.study-tip .case-subnote{font-size:8px;line-height:1.7}.study-tip .outlook p br{display:none}
}
@media(max-width:800px){.study-alt .outcome h2{font-size:34px!important}}

.study-tip .outro{height:auto;min-height:0;padding-bottom:75px}
@media(max-width:800px){.study-tip .outro{padding-bottom:40px}}

.study-alt .hero{height:880px}.study-alt .hero-copy{margin-top:0}.study-alt .hero-device{top:190px}.study-alt .outcome{height:auto;min-height:0;padding-bottom:72px}
/* The feed capture includes a 30px browser gutter: show its 750px content only. */
.study-alt .feed-duo .phone{aspect-ratio:375/844}.study-alt .feed-duo .phone .screen{width:104%;max-width:none;height:100%;object-fit:fill}
@media(max-width:800px){.study-alt .hero{height:auto!important;min-height:0}.study-alt .hero-device{position:relative;inset:auto;width:100%;transform:none;margin:36px 0}.study-alt .hero-bottom{position:relative;inset:auto;margin-top:30px;gap:20px;flex-wrap:wrap}.study-alt .outcome{padding-bottom:45px}}