.approved-case[data-slug="topix"]{color-scheme:dark;--bg:#090909;--text:#f4f4f2;--muted:#999;--line:#282828}.approved-case[data-slug="topix"] *{box-sizing:border-box}.approved-case[data-slug="topix"]{scroll-behavior:smooth;scroll-padding-top:90px}.approved-case[data-slug="topix"]{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:400}.approved-case[data-slug="topix"] button,.approved-case[data-slug="topix"] a,.approved-case[data-slug="topix"] input{-webkit-tap-highlight-color:transparent}.approved-case[data-slug="topix"] a{color:inherit;text-decoration:none}.approved-case[data-slug="topix"] button{font:inherit;color:inherit;cursor:pointer}.approved-case[data-slug="topix"] button:focus-visible,.approved-case[data-slug="topix"] a:focus-visible{outline:2px solid #eee;outline-offset:6px}.approved-case[data-slug="topix"] h1,.approved-case[data-slug="topix"] h2,.approved-case[data-slug="topix"] h3,.approved-case[data-slug="topix"] h4,.approved-case[data-slug="topix"] p{margin:0;font-weight:400}.approved-case[data-slug="topix"] h1,.approved-case[data-slug="topix"] h2,.approved-case[data-slug="topix"] h3{letter-spacing:-.045em}.approved-case[data-slug="topix"] p{color:#aaa;font-size:18px;line-height:1.55}.approved-case[data-slug="topix"] svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.approved-case[data-slug="topix"] img{max-width:100%;display:block;object-fit:cover}.approved-case[data-slug="topix"] .wrap{max-width:1240px;width:calc(100% - 80px);margin-left:auto;margin-right:auto}.approved-case[data-slug="topix"] .site-header{height:94px;max-width:1320px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.approved-case[data-slug="topix"] .site-header>a img{width:150px;height:38px;object-fit:contain}.approved-case[data-slug="topix"] .site-header>div{display:flex;align-items:center;gap:28px;font-size:13px}.approved-case[data-slug="topix"] .site-header>div>a{display:flex;gap:12px;align-items:center;color:#ccc}.approved-case[data-slug="topix"] .site-header svg{width:17px}.approved-case[data-slug="topix"] .site-header button{background:none;border:1px solid #333;border-radius:6px;padding:10px 14px;font-size:12px;color:#bbb}.approved-case[data-slug="topix"] .hero{max-width:1480px;width:calc(100% - 40px);height:min(72vw,690px);min-height:550px;margin:0 auto;position:relative;overflow:hidden;border-radius:12px}.approved-case[data-slug="topix"] .hero-photo,.approved-case[data-slug="topix"] .hero-photo>img,.approved-case[data-slug="topix"] .hero-shade,.approved-case[data-slug="topix"] .hero-content{position:absolute;inset:0;width:100%;height:100%}.approved-case[data-slug="topix"] .hero-photo>img{object-position:center 43%}.approved-case[data-slug="topix"] .hero-shade{background:linear-gradient(180deg,#0005 0%,transparent 28%,#0004 56%,#000d 100%)}.approved-case[data-slug="topix"] .hero-content{padding:38px 48px;display:flex;flex-direction:column;justify-content:space-between}.approved-case[data-slug="topix"] .hero-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.02em}.approved-case[data-slug="topix"] .client-word{font-weight:500;letter-spacing:-.025em;font-size:25px}.approved-case[data-slug="topix"] .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:55px}.approved-case[data-slug="topix"] .hero h1{font-size:clamp(80px,9vw,140px);letter-spacing:-.06em;line-height:1.05;margin-bottom:12px}.approved-case[data-slug="topix"] .hero h2{font-size:clamp(24px,2.75vw,40px);line-height:1.16;max-width:600px;letter-spacing:-.035em}.approved-case[data-slug="topix"] .hero-bottom>p{max-width:325px;color:#ddd;font-size:16px;line-height:1.5;margin-bottom:5px}.approved-case[data-slug="topix"] .case-bar{max-width:1240px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0;border-bottom:1px solid var(--line);font-size:13px;color:#aaa}.approved-case[data-slug="topix"] .case-bar>a{display:flex;align-items:center;gap:16px;white-space:nowrap;color:#ddd}.approved-case[data-slug="topix"] .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:54px 0 65px}.approved-case[data-slug="topix"] .stats>div{border-right:1px solid #2b2b2b;padding:4px 30px}.approved-case[data-slug="topix"] .stats>div:first-child{padding-left:0}.approved-case[data-slug="topix"] .stats>div:last-child{border:0}.approved-case[data-slug="topix"] .stats strong{font-size:clamp(28px,3.5vw,47px);line-height:1.15;font-weight:400;letter-spacing:-.04em;display:block;margin-bottom:16px}.approved-case[data-slug="topix"] .stats span{font-size:15px;line-height:1.5;color:#999}.approved-case[data-slug="topix"] .intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:75px 0 110px;border-top:1px solid var(--line)}.approved-case[data-slug="topix"] .intro h2{font-size:50px;line-height:1.08;max-width:520px}.approved-case[data-slug="topix"] .intro>div{display:grid;gap:34px}.approved-case[data-slug="topix"] .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#999;display:block;margin-bottom:16px}.approved-case[data-slug="topix"] .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;margin-bottom:38px}.approved-case[data-slug="topix"] .section-heading h2{font-size:46px;line-height:1.12;max-width:660px}.approved-case[data-slug="topix"] .section-heading>p{font-size:17px;max-width:380px;margin-top:4px}.approved-case[data-slug="topix"] .work{margin-bottom:118px}.approved-case[data-slug="topix"] .workbench{border:1px solid #303030;border-radius:12px;overflow:hidden;background:#121212}.approved-case[data-slug="topix"] .work-controls{height:69px;border-bottom:1px solid #303030;display:flex;align-items:stretch;padding:0 24px;gap:26px}.approved-case[data-slug="topix"] .work-controls button{background:none;border:0;border-bottom:2px solid transparent;font-size:15px;color:#969696;padding:0 4px}.approved-case[data-slug="topix"] .work-controls button[aria-selected=true]{border-bottom-color:#fff;color:#fff}.approved-case[data-slug="topix"] .work-controls>span{margin-left:auto;align-self:center;color:#777;font-size:11px}.approved-case[data-slug="topix"] .work-panel{height:610px;position:relative;overflow:hidden;background:#121212}.approved-case[data-slug="topix"] .work-panel[hidden]{display:none}.approved-case[data-slug="topix"] .window-head{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;font-size:13px;border-bottom:1px solid #333}.approved-case[data-slug="topix"] .window-head span{font-size:11px;color:#aaa}.approved-case[data-slug="topix"] .shopping-window,.approved-case[data-slug="topix"] .feed-window,.approved-case[data-slug="topix"] .course-window,.approved-case[data-slug="topix"] .edit-window,.approved-case[data-slug="topix"] .landing-preview,.approved-case[data-slug="topix"] .creative-library{width:90%;height:560px;margin:35px auto 0;border:1px solid #3b3b3b;border-radius:10px;background:#1a1a1a;overflow:hidden}.approved-case[data-slug="topix"] .google-search{border:1px solid #5d5d5d;border-radius:28px;margin:27px 28px 20px;width:66%;display:flex;gap:24px;align-items:center;padding:14px 20px;font-size:18px}.approved-case[data-slug="topix"] .google-search svg{margin-left:auto}.approved-case[data-slug="topix"] .google-g{color:#c7d9ff;font-size:27px;font-weight:600}.approved-case[data-slug="topix"] .sponsored{font-size:13px;margin:0 29px 15px;color:#bbb}.approved-case[data-slug="topix"] .shopping-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 29px}.approved-case[data-slug="topix"] .shopping-products>div{background:#222;border:1px solid #494949;border-radius:7px;overflow:hidden;padding-bottom:17px}.approved-case[data-slug="topix"] .shopping-products img{width:100%;height:200px;object-fit:cover;background:#eee}.approved-case[data-slug="topix"] .shopping-products>div:first-child img{object-fit:contain}.approved-case[data-slug="topix"] .shopping-products a{display:block;padding:14px 13px 7px;font-size:17px;line-height:1.3;color:#a4c7f9;pointer-events:none}.approved-case[data-slug="topix"] .shopping-products b,.approved-case[data-slug="topix"] .shopping-products small{display:block;padding:3px 13px;font-size:12px;font-weight:400}.approved-case[data-slug="topix"] .shopping-products small{color:#aaa}.approved-case[data-slug="topix"] .mock-caption{display:block;padding:17px 29px;font-size:11px;color:#888}.approved-case[data-slug="topix"] .feed-header{padding:28px}.approved-case[data-slug="topix"] .feed-header h3{font-size:32px;margin-bottom:5px}.approved-case[data-slug="topix"] .feed-header p{font-size:14px}.approved-case[data-slug="topix"] .feed-line{display:flex;gap:23px;padding:18px 29px;border-top:1px solid #333;align-items:center;font-size:14px}.approved-case[data-slug="topix"] .feed-line>span{font-size:11px;color:#777}.approved-case[data-slug="topix"] .feed-line b{font-weight:400;width:160px}.approved-case[data-slug="topix"] .feed-line em{font-style:normal;font-size:12px;color:#999;width:120px}.approved-case[data-slug="topix"] .line-fill{flex:1;height:5px;background:linear-gradient(90deg,#aaa 70%,#2a2a2a 70%);background-size:150% 100%;animation:case-topix-feed 6s var(--delay) infinite ease-in-out}.approved-case[data-slug="topix"] .feed-footer{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:24px 29px;border-top:1px solid #333}.approved-case[data-slug="topix"] .social-deck{display:flex;gap:38px;justify-content:center;padding:36px 30px}.approved-case[data-slug="topix"] .social-card{width:380px;background:#fafafa;color:#202020;border-radius:9px;overflow:hidden;border:1px solid #ddd;flex-shrink:0}.approved-case[data-slug="topix"] .social-card:nth-child(2){margin-top:60px}.approved-case[data-slug="topix"] .social-top{display:flex;align-items:center;padding:12px 14px;gap:9px}.approved-case[data-slug="topix"] .avatar{background:#252525;color:white;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:14px}.approved-case[data-slug="topix"] .social-top b{display:block;font-size:12px;font-weight:500}.approved-case[data-slug="topix"] .social-top small{color:#656565;font-size:10px;display:block;margin-top:3px}.approved-case[data-slug="topix"] .dots{margin-left:auto;font-size:20px}.approved-case[data-slug="topix"] .social-image{width:100%;height:300px}.approved-case[data-slug="topix"] .social-caption{padding:18px 17px}.approved-case[data-slug="topix"] .social-caption>b{font-size:25px;letter-spacing:-.04em;line-height:1.02;display:block;font-weight:500}.approved-case[data-slug="topix"] .social-caption>span{font-size:12px;line-height:1.4;display:block;margin-top:10px;max-width:270px}.approved-case[data-slug="topix"] .social-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-top:1px solid #ddd;font-size:11px}.approved-case[data-slug="topix"] .social-bottom b{display:flex;gap:10px;align-items:center;font-weight:500}.approved-case[data-slug="topix"] .social-bottom svg{width:14px}.approved-case[data-slug="topix"] .email-stage{height:100%;position:relative;overflow:hidden;padding-left:8%}.approved-case[data-slug="topix"] .email-tape{display:flex;gap:40px;align-items:flex-start;padding-top:30px;animation:case-topix-email-scroll 19s infinite cubic-bezier(.4,0,.2,1)}.approved-case[data-slug="topix"] .email-paper{width:390px;flex-shrink:0;background:var(--paper);color:var(--paper-ink);padding:28px 26px 24px;border-radius:3px}.approved-case[data-slug="topix"] .email-paper:nth-child(2){margin-top:110px}.approved-case[data-slug="topix"] .email-paper .client-word{display:block;text-align:center;font-size:22px;padding-bottom:20px;border-bottom:1px solid #0003}.approved-case[data-slug="topix"] .email-paper h3{font-size:49px;line-height:.98;font-weight:650;margin:24px 0 17px;letter-spacing:-.055em}.approved-case[data-slug="topix"] .email-paper>p{font-size:13px;line-height:1.45;color:inherit;max-width:280px;margin-bottom:23px}.approved-case[data-slug="topix"] .email-hero{width:100%;height:260px;border-radius:2px}.approved-case[data-slug="topix"] .email-cta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:13px 18px;background:var(--paper-ink);color:var(--paper);border-radius:30px;font-size:12px}.approved-case[data-slug="topix"] .email-cta svg{width:18px}.approved-case[data-slug="topix"] .email-editorial{display:flex;gap:18px;margin-top:30px;padding-top:22px;border-top:1px solid #0003;align-items:center}.approved-case[data-slug="topix"] .email-editorial>img{width:108px;height:143px}.approved-case[data-slug="topix"] .email-editorial h4{font-size:25px;line-height:1.06;letter-spacing:-.04em}.approved-case[data-slug="topix"] .email-editorial p{color:inherit;font-size:12px;line-height:1.4;margin-top:10px}.approved-case[data-slug="topix"] .email-paper>small{font-size:10px;display:block;margin-top:28px;text-align:center}.approved-case[data-slug="topix"] .email-platform{position:absolute;bottom:22px;right:24px;background:#171717e8;border:1px solid #494949;backdrop-filter:blur(20px);padding:16px 20px;border-radius:10px;display:flex;align-items:center;gap:15px}.approved-case[data-slug="topix"] .email-platform img{width:28px;height:28px;object-fit:contain}.approved-case[data-slug="topix"] .email-platform span{font-size:15px}.approved-case[data-slug="topix"] .email-platform small{display:block;font-size:11px;color:#aaa;margin-top:5px}.approved-case[data-slug="topix"] .course-feature{height:290px;position:relative}.approved-case[data-slug="topix"] .course-feature img{width:100%;height:100%;object-position:50% 35%}.approved-case[data-slug="topix"] .course-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000a)}.approved-case[data-slug="topix"] .course-feature h3{position:absolute;bottom:25px;left:25px;font-size:36px;line-height:1.06;z-index:1}.approved-case[data-slug="topix"] .module-grid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.approved-case[data-slug="topix"] .module-grid img{height:88px;width:100%}.approved-case[data-slug="topix"] .module-grid b{font-weight:400;display:block;font-size:15px;margin-top:10px}.approved-case[data-slug="topix"] .module-grid small{font-size:10px;color:#999;display:flex;justify-content:space-between;align-items:center}.approved-case[data-slug="topix"] .module-grid small svg{width:14px;height:14px}.approved-case[data-slug="topix"] .video-preview{width:67%;height:300px;margin:20px auto;position:relative}.approved-case[data-slug="topix"] .video-preview img{width:100%;height:100%;object-position:50% 30%}.approved-case[data-slug="topix"] .video-preview svg{position:absolute;width:55px;height:55px;left:calc(50% - 28px);top:calc(50% - 28px);fill:#fffa;stroke:none}.approved-case[data-slug="topix"] .edit-tracks{padding:0 30px;position:relative}.approved-case[data-slug="topix"] .edit-tracks>div{display:flex;align-items:center;gap:5px;margin:6px 0}.approved-case[data-slug="topix"] .edit-tracks span{width:80px;font-size:12px}.approved-case[data-slug="topix"] .edit-tracks i{display:block;background:#535353;flex:1;height:20px;border-radius:3px;border:1px solid #737373}.approved-case[data-slug="topix"] .edit-tracks i:nth-child(2){flex:2}.approved-case[data-slug="topix"] .edit-playhead{position:absolute;left:110px;right:30px;top:0;bottom:0;border-left:2px solid #ddd;animation:case-topix-playhead 9s linear infinite}.approved-case[data-slug="topix"] .bakery-site{width:87%;margin:35px auto;background:#e8d8bc;color:#432e16;padding:25px 35px;position:relative;min-height:600px}.approved-case[data-slug="topix"] .bakery-nav{font-size:28px;font-weight:650;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #715c37;padding-bottom:14px;letter-spacing:.025em}.approved-case[data-slug="topix"] .bakery-nav span{font-size:11px;font-weight:400}.approved-case[data-slug="topix"] .bakery-site h3{font-size:70px;font-family:Georgia,serif;line-height:1.04;margin-top:45px;width:55%;position:relative;z-index:1}.approved-case[data-slug="topix"] .bakery-site>img{position:absolute;right:35px;top:107px;width:41%;height:395px}.approved-case[data-slug="topix"] .bakery-site>p{font-size:14px;color:inherit;margin-top:40px;max-width:40%}.approved-case[data-slug="topix"] .locales{display:flex;gap:24px;justify-content:center;padding:30px}.approved-case[data-slug="topix"] .locales>div{width:40%;height:520px;position:relative;overflow:hidden;border-radius:6px}.approved-case[data-slug="topix"] .locales img{width:100%;height:100%}.approved-case[data-slug="topix"] .locales>div:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.approved-case[data-slug="topix"] .locales span,.approved-case[data-slug="topix"] .locales h3{position:absolute;z-index:1;left:20px}.approved-case[data-slug="topix"] .locales span{top:20px;background:#0008;padding:9px;border-radius:4px;font-size:11px}.approved-case[data-slug="topix"] .locales h3{bottom:30px;font-size:42px;line-height:1.05}.approved-case[data-slug="topix"] .library-posts{display:flex;gap:18px;padding:25px}.approved-case[data-slug="topix"] .library-posts>div{width:33.3%}.approved-case[data-slug="topix"] .library-posts img{height:340px;width:100%;border-radius:5px}.approved-case[data-slug="topix"] .library-posts b{display:block;margin-top:13px;font-weight:400;font-size:19px}.approved-case[data-slug="topix"] .library-posts span{display:block;font-size:11px;color:#999;margin-top:6px}.approved-case[data-slug="topix"] .library-footer{padding:15px 25px;color:#aaa;font-size:13px}.approved-case[data-slug="topix"] .search-ad{padding:23px 27px;background:#151515}.approved-case[data-slug="topix"] .search-ad small{font-size:11px;color:#b5b5b5}.approved-case[data-slug="topix"] .search-ad h4{font-size:23px;color:#a1bcec;margin:9px 0}.approved-case[data-slug="topix"] .search-ad p{font-size:13px}.approved-case[data-slug="topix"] .landing-hero{height:280px;position:relative}.approved-case[data-slug="topix"] .landing-hero img{height:100%;width:100%;object-position:50% 35%}.approved-case[data-slug="topix"] .landing-hero:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#0009,transparent)}.approved-case[data-slug="topix"] .landing-hero h3{position:absolute;left:25px;bottom:30px;font-size:43px;line-height:1.02;z-index:1}.approved-case[data-slug="topix"] .landing-strip{padding:20px 25px;display:flex;justify-content:space-between;font-size:14px;align-items:center}.approved-case[data-slug="topix"] .intent-preview{padding:50px 60px}.approved-case[data-slug="topix"] .intent-preview h3{font-size:50px;line-height:1.05;margin-bottom:40px}.approved-case[data-slug="topix"] .intent-preview>div{display:flex;gap:18px;align-items:center;font-size:20px;border-top:1px solid #353535;padding:25px 0}.approved-case[data-slug="topix"] .intent-preview>div>span{font-size:12px;color:#666}.approved-case[data-slug="topix"] .intent-preview b{font-weight:400;margin-left:auto;font-size:13px;color:#aaa}.approved-case[data-slug="topix"] .process{margin-bottom:115px}.approved-case[data-slug="topix"] .motion-card{border:1px solid #333;border-radius:12px;overflow:hidden;background:#101010}.approved-case[data-slug="topix"] .phase-controls{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #333}.approved-case[data-slug="topix"] .phase-controls button{background:none;border:0;border-right:1px solid #333;border-bottom:2px solid transparent;color:#999;padding:23px 25px;display:flex;align-items:center;text-align:left;gap:13px;font-size:15px}.approved-case[data-slug="topix"] .phase-controls button:last-child{border-right:0}.approved-case[data-slug="topix"] .phase-controls button[aria-pressed=true]{border-bottom-color:#eee;background:#191919;color:#eee}.approved-case[data-slug="topix"] .phase-controls small{font-size:11px;color:#888}.approved-case[data-slug="topix"] .phase-controls svg{margin-left:auto;width:20px}.approved-case[data-slug="topix"] .motion-card iframe{width:100%;height:auto;aspect-ratio:1120/660;border:0;display:block;background:#101010}.approved-case[data-slug="topix"] .process-controls{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:25px 28px;border-top:1px solid #2d2d2d;min-height:124px}.approved-case[data-slug="topix"] .process-controls p{font-size:15px;line-height:1.5;max-width:730px;min-height:46px}.approved-case[data-slug="topix"] .process-controls>div{display:flex;gap:10px;flex-shrink:0}.approved-case[data-slug="topix"] .process-controls button{border:1px solid #363636;background:none;border-radius:6px;padding:11px 15px;white-space:nowrap;color:#bbb;font-size:12px;display:flex;align-items:center;gap:10px}.approved-case[data-slug="topix"] .process-controls button svg{width:16px;height:16px}.approved-case[data-slug="topix"] .technical{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:40px}.approved-case[data-slug="topix"] .technical article{border-top:1px solid #333;padding-top:21px}.approved-case[data-slug="topix"] .technical article>span{font-size:11px;color:#777}.approved-case[data-slug="topix"] .technical h3{font-size:23px;margin:17px 0 12px;letter-spacing:-.025em}.approved-case[data-slug="topix"] .technical p{font-size:15px}.approved-case[data-slug="topix"] .story{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:120px;align-items:center}.approved-case[data-slug="topix"] .story-picture{height:560px;border-radius:10px;overflow:hidden}.approved-case[data-slug="topix"] .story-picture img{height:100%;width:100%}.approved-case[data-slug="topix"] .story h2{font-size:45px;line-height:1.08;margin-bottom:28px}.approved-case[data-slug="topix"] .story blockquote{margin:30px 0;color:#bbb;font-size:22px;line-height:1.45;letter-spacing:-.02em}.approved-case[data-slug="topix"] .story cite{display:block;font-size:13px;font-style:normal;color:#888;margin-top:25px;letter-spacing:0}.approved-case[data-slug="topix"] .stack{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #333;padding-top:25px;margin-top:35px}.approved-case[data-slug="topix"] .stack>span{padding:8px 10px;border:1px solid #303030;border-radius:4px;font-size:11px;color:#aaa}.approved-case[data-slug="topix"] .cta{border-top:1px solid #333;border-bottom:1px solid #333;padding:70px 0;margin-bottom:80px;position:relative}.approved-case[data-slug="topix"] .cta h2{font-size:67px;line-height:1.05;max-width:640px}.approved-case[data-slug="topix"] .cta p{margin:25px 0;font-size:16px}.approved-case[data-slug="topix"] .button{display:inline-flex;align-items:center;gap:25px;border:1px solid #454545;border-radius:6px;padding:15px 20px;font-size:14px}.approved-case[data-slug="topix"] .button svg{width:20px;height:20px}.approved-case[data-slug="topix"] .cta .button{position:absolute;right:0;bottom:80px}.approved-case[data-slug="topix"] .next-case{display:flex;align-items:center;gap:40px;padding:0 0 60px}.approved-case[data-slug="topix"] .next-case>div{flex:1}.approved-case[data-slug="topix"] .next-case>div>span{color:#888;font-size:12px}.approved-case[data-slug="topix"] .next-case h2{font-size:45px;margin:12px 0}.approved-case[data-slug="topix"] .next-case p{font-size:15px}.approved-case[data-slug="topix"] .next-case>img{width:170px;height:130px;border-radius:5px}.approved-case[data-slug="topix"] .next-case>svg{width:45px;height:45px}.approved-case[data-slug="topix"] footer{border-top:1px solid #292929;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 45px;color:#777;font-size:11px}.approved-case[data-slug="topix"] .gallery-intro{padding:70px 0 65px}.approved-case[data-slug="topix"] .gallery-intro h1{font-size:clamp(55px,6vw,83px);line-height:1.04;margin:27px 0 36px}.approved-case[data-slug="topix"] .gallery-intro h1>span{color:#777}.approved-case[data-slug="topix"] .gallery-intro>div{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.approved-case[data-slug="topix"] .gallery-intro p{max-width:620px;font-size:17px}.approved-case[data-slug="topix"] .gallery-filter{display:flex;justify-content:space-between;gap:20px;color:#888;padding:20px 0;border-top:1px solid #333;font-size:12px}.approved-case[data-slug="topix"] .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}.approved-case[data-slug="topix"] .tile-image{height:390px;border-radius:8px;position:relative;overflow:hidden}.approved-case[data-slug="topix"] .tile-image>img{width:100%;height:100%;object-position:50% 40%;transition:transform .7s ease}.approved-case[data-slug="topix"] .case-tile:hover .tile-image>img{transform:scale(1.025)}.approved-case[data-slug="topix"] .tile-shade{position:absolute;inset:0;background:linear-gradient(transparent 15%,#0002 35%,#000c 100%)}.approved-case[data-slug="topix"] .tile-number{position:absolute;left:25px;top:25px;font-size:12px}.approved-case[data-slug="topix"] .tile-metric{position:absolute;left:25px;bottom:25px;right:60px}.approved-case[data-slug="topix"] .tile-metric strong{font-size:61px;line-height:1.04;letter-spacing:-.05em;font-weight:400;display:block;margin-bottom:10px}.approved-case[data-slug="topix"] .tile-metric>span{font-size:20px;letter-spacing:-.03em}.approved-case[data-slug="topix"] .tile-arrow{position:absolute;right:25px;bottom:26px}.approved-case[data-slug="topix"] .tile-info h2{font-size:27px;margin:20px 0 8px;letter-spacing:-.035em}.approved-case[data-slug="topix"] .tile-info>p{font-size:12px}.approved-case[data-slug="topix"] .tile-info>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2d2d2d;margin-top:18px;padding-top:14px;color:#888;font-size:10px;line-height:1.6}.approved-case[data-slug="topix"] .tile-info b{white-space:nowrap;font-size:11px;font-weight:400;color:#ddd;display:flex;align-items:center;gap:7px}.approved-case[data-slug="topix"] .tile-info svg{width:15px;height:15px}.approved-case[data-slug="topix"] .review-note{margin:80px 0;border:1px solid #333;padding:25px 28px;border-radius:6px;display:flex;gap:40px;align-items:flex-start}.approved-case[data-slug="topix"] .review-note>span{font-size:12px;white-space:nowrap;margin-top:4px}.approved-case[data-slug="topix"] .review-note p{font-size:13px;max-width:820px}.approved-case[data-slug="topix"].paused *{animation-play-state:paused!important}@keyframes case-topix-email-scroll{0%,15%{transform:translateY(0)}68%,87%{transform:translateY(-245px)}100%{transform:translateY(0)}}@keyframes case-topix-feed{0%,100%{background-position:0}55%{background-position:100%}}@keyframes case-topix-playhead{from{transform:translateX(0)}to{transform:translateX(70%)}}
@media(min-width:1450px){.approved-case[data-slug="topix"] .hero-content{padding-left:max(48px,calc((100% - 1240px)/2));padding-right:max(48px,calc((100% - 1240px)/2))}}
@media(max-width:900px){.approved-case[data-slug="topix"] .wrap{width:calc(100% - 48px)}.approved-case[data-slug="topix"] .hero-content{padding:30px}.approved-case[data-slug="topix"] .hero-bottom{display:block}.approved-case[data-slug="topix"] .hero-bottom>p{max-width:470px;margin-top:24px;font-size:15px}.approved-case[data-slug="topix"] .hero{height:650px}.approved-case[data-slug="topix"] .hero h1{font-size:90px}.approved-case[data-slug="topix"] .hero h2{font-size:33px}.approved-case[data-slug="topix"] .intro{gap:40px}.approved-case[data-slug="topix"] .intro h2{font-size:40px}.approved-case[data-slug="topix"] .section-heading{gap:35px}.approved-case[data-slug="topix"] .section-heading h2{font-size:37px}.approved-case[data-slug="topix"] .section-heading>p{max-width:300px;font-size:15px}.approved-case[data-slug="topix"] .story{gap:35px}.approved-case[data-slug="topix"] .story h2{font-size:37px}.approved-case[data-slug="topix"] .story-picture{height:460px}.approved-case[data-slug="topix"] .phase-controls button{padding:19px 15px;gap:8px;font-size:13px}.approved-case[data-slug="topix"] .phase-controls svg{display:none}.approved-case[data-slug="topix"] .technical{gap:24px}.approved-case[data-slug="topix"] .process-controls{gap:20px;padding:20px}.approved-case[data-slug="topix"] .process-controls p{font-size:14px}.approved-case[data-slug="topix"] .tile-image{height:330px}.approved-case[data-slug="topix"] .tile-metric strong{font-size:48px}.approved-case[data-slug="topix"] .tile-info>div{display:block}.approved-case[data-slug="topix"] .tile-info b{margin-top:10px}.approved-case[data-slug="topix"] .gallery-intro>div{display:block}.approved-case[data-slug="topix"] .gallery-intro .button{margin-top:28px}.approved-case[data-slug="topix"] .shopping-window,.approved-case[data-slug="topix"] .feed-window,.approved-case[data-slug="topix"] .course-window,.approved-case[data-slug="topix"] .edit-window,.approved-case[data-slug="topix"] .landing-preview,.approved-case[data-slug="topix"] .creative-library{width:93%}.approved-case[data-slug="topix"] .social-card{width:320px}.approved-case[data-slug="topix"] .social-deck{gap:22px}.approved-case[data-slug="topix"] .email-paper{width:340px}.approved-case[data-slug="topix"] .email-paper h3{font-size:43px}.approved-case[data-slug="topix"] .email-stage{padding-left:5%}.approved-case[data-slug="topix"] .work-controls{gap:20px}.approved-case[data-slug="topix"] .google-search{width:84%;font-size:16px}.approved-case[data-slug="topix"] .cta h2{font-size:57px}.approved-case[data-slug="topix"] .cta .button{position:static}.approved-case[data-slug="topix"] .bakery-site h3{font-size:54px}.approved-case[data-slug="topix"] .locales h3{font-size:34px}.approved-case[data-slug="topix"] .gallery-filter>span:last-child{display:none}}
@media(max-width:620px){.approved-case[data-slug="topix"] .wrap{width:calc(100% - 36px)}.approved-case[data-slug="topix"] .site-header{height:78px;padding:0 18px}.approved-case[data-slug="topix"] .site-header>a img{width:112px;height:30px}.approved-case[data-slug="topix"] .site-header>div{gap:14px;font-size:11px}.approved-case[data-slug="topix"] .site-header>div>a svg{display:none}.approved-case[data-slug="topix"] .site-header button{padding:8px;font-size:10px}.approved-case[data-slug="topix"] .hero{width:calc(100% - 20px);min-height:0;height:640px;border-radius:8px}.approved-case[data-slug="topix"] .hero-content{padding:24px 20px}.approved-case[data-slug="topix"] .hero-top{align-items:flex-start;gap:15px}.approved-case[data-slug="topix"] .hero-top>.client-word{font-size:21px;max-width:220px}.approved-case[data-slug="topix"] .hero-top>span:last-child{font-size:10px;white-space:nowrap;margin-top:5px}.approved-case[data-slug="topix"] .hero h1{font-size:70px;letter-spacing:-.065em}.approved-case[data-slug="topix"] .hero h2{font-size:30px;max-width:320px}.approved-case[data-slug="topix"] .hero-bottom>p{font-size:14px;line-height:1.45;margin-top:22px;max-width:330px}.approved-case[data-slug="topix"] .hero-photo>img{object-position:50% 37%}.approved-case[data-slug="topix"] .hero-shade{background:linear-gradient(#0006,transparent 20%,#0003 40%,#000d 100%)}.approved-case[data-slug="topix"] .case-bar{width:calc(100% - 36px);padding:22px 0;align-items:flex-start;gap:15px;font-size:11px}.approved-case[data-slug="topix"] .case-bar>span{max-width:220px;line-height:1.6}.approved-case[data-slug="topix"] .case-bar a{font-size:11px;gap:6px}.approved-case[data-slug="topix"] .case-bar svg{width:16px;height:16px}.approved-case[data-slug="topix"] .stats{padding:32px 0 40px;gap:12px}.approved-case[data-slug="topix"] .stats>div{padding:0 10px 0 0}.approved-case[data-slug="topix"] .stats strong{font-size:25px;overflow-wrap:normal;line-height:1.2;margin-bottom:11px}.approved-case[data-slug="topix"] .stats span{font-size:11px}.approved-case[data-slug="topix"] .intro{display:block;padding:45px 0 65px}.approved-case[data-slug="topix"] .intro h2{font-size:36px;margin-bottom:35px;max-width:330px}.approved-case[data-slug="topix"] .intro>div{gap:25px}.approved-case[data-slug="topix"] .intro p{font-size:16px}.approved-case[data-slug="topix"] .eyebrow{font-size:10px;margin-bottom:12px}.approved-case[data-slug="topix"] .section-heading{display:block;margin-bottom:26px}.approved-case[data-slug="topix"] .section-heading h2{font-size:35px;max-width:360px}.approved-case[data-slug="topix"] .section-heading p{max-width:100%;font-size:15px;margin-top:20px}.approved-case[data-slug="topix"] .work{margin-bottom:65px}.approved-case[data-slug="topix"] .work-controls{height:60px;padding:0 17px;gap:24px}.approved-case[data-slug="topix"] .work-controls button{font-size:13px}.approved-case[data-slug="topix"] .work-controls>span{display:none}.approved-case[data-slug="topix"] .work-panel{height:580px}.approved-case[data-slug="topix"] .shopping-window,.approved-case[data-slug="topix"] .feed-window,.approved-case[data-slug="topix"] .course-window,.approved-case[data-slug="topix"] .edit-window,.approved-case[data-slug="topix"] .landing-preview,.approved-case[data-slug="topix"] .creative-library{width:calc(100% - 28px);margin-top:18px;height:545px}.approved-case[data-slug="topix"] .window-head{padding:15px;font-size:11px;gap:12px}.approved-case[data-slug="topix"] .window-head span{font-size:9px;text-align:right;max-width:160px}.approved-case[data-slug="topix"] .google-search{margin:23px 15px 18px;width:calc(100% - 30px);font-size:12px;gap:12px;padding:11px}.approved-case[data-slug="topix"] .google-search svg{width:17px}.approved-case[data-slug="topix"] .google-g{font-size:22px}.approved-case[data-slug="topix"] .sponsored{margin-left:15px;font-size:11px}.approved-case[data-slug="topix"] .shopping-products{margin:0 15px;display:flex;gap:10px;overflow:hidden}.approved-case[data-slug="topix"] .shopping-products>div{flex:0 0 160px}.approved-case[data-slug="topix"] .shopping-products img{height:195px}.approved-case[data-slug="topix"] .shopping-products a{font-size:15px}.approved-case[data-slug="topix"] .shopping-products b{font-size:11px}.approved-case[data-slug="topix"] .mock-caption{font-size:10px;padding:18px 15px}.approved-case[data-slug="topix"] .feed-header{padding:22px 16px}.approved-case[data-slug="topix"] .feed-header h3{font-size:25px}.approved-case[data-slug="topix"] .feed-header p{font-size:12px}.approved-case[data-slug="topix"] .feed-line{gap:9px;padding:20px 15px;font-size:12px}.approved-case[data-slug="topix"] .feed-line b{width:106px}.approved-case[data-slug="topix"] .feed-line em{width:72px;font-size:9px}.approved-case[data-slug="topix"] .feed-line>span{font-size:9px}.approved-case[data-slug="topix"] .feed-footer{padding:23px 15px;font-size:10px}.approved-case[data-slug="topix"] .feed-footer svg{width:18px}.approved-case[data-slug="topix"] .social-deck{justify-content:flex-start;padding:20px 17px;gap:16px}.approved-case[data-slug="topix"] .social-card{width:284px}.approved-case[data-slug="topix"] .social-image{height:276px}.approved-case[data-slug="topix"] .social-caption>b{font-size:23px}.approved-case[data-slug="topix"] .social-caption>span{font-size:11px}.approved-case[data-slug="topix"] .social-bottom{font-size:10px}.approved-case[data-slug="topix"] .email-stage{padding-left:18px}.approved-case[data-slug="topix"] .email-paper{width:282px;padding:23px 19px}.approved-case[data-slug="topix"] .email-paper h3{font-size:40px}.approved-case[data-slug="topix"] .email-paper p{font-size:12px}.approved-case[data-slug="topix"] .email-paper .client-word{font-size:19px}.approved-case[data-slug="topix"] .email-hero{height:236px}.approved-case[data-slug="topix"] .email-tape{gap:18px}.approved-case[data-slug="topix"] .email-platform{bottom:15px;right:14px;padding:12px}.approved-case[data-slug="topix"] .email-platform span{font-size:12px}.approved-case[data-slug="topix"] .email-platform small{font-size:9px}.approved-case[data-slug="topix"] .email-platform img{width:22px}.approved-case[data-slug="topix"] .email-editorial>img{width:87px;height:120px}.approved-case[data-slug="topix"] .email-editorial h4{font-size:22px}.approved-case[data-slug="topix"] .course-feature{height:300px}.approved-case[data-slug="topix"] .course-feature h3{font-size:30px;left:16px;bottom:23px}.approved-case[data-slug="topix"] .module-grid{padding:14px;gap:9px}.approved-case[data-slug="topix"] .module-grid img{height:85px}.approved-case[data-slug="topix"] .module-grid b{font-size:12px}.approved-case[data-slug="topix"] .module-grid small{font-size:9px}.approved-case[data-slug="topix"] .video-preview{width:90%;height:290px}.approved-case[data-slug="topix"] .edit-tracks{padding:0 15px}.approved-case[data-slug="topix"] .edit-tracks span{width:57px;font-size:10px}.approved-case[data-slug="topix"] .edit-playhead{left:76px}.approved-case[data-slug="topix"] .bakery-site{width:calc(100% - 28px);margin-top:18px;padding:21px 19px;min-height:590px}.approved-case[data-slug="topix"] .bakery-nav{font-size:22px}.approved-case[data-slug="topix"] .bakery-nav span{font-size:9px;max-width:80px}.approved-case[data-slug="topix"] .bakery-site h3{font-size:49px;width:100%;margin-top:26px}.approved-case[data-slug="topix"] .bakery-site>img{left:19px;right:19px;width:calc(100% - 38px);top:250px;height:270px}.approved-case[data-slug="topix"] .bakery-site>p{font-size:11px;max-width:100%;margin-top:22px}.approved-case[data-slug="topix"] .locales{justify-content:flex-start;padding:18px;gap:16px}.approved-case[data-slug="topix"] .locales>div{width:270px;flex-shrink:0}.approved-case[data-slug="topix"] .locales h3{font-size:37px}.approved-case[data-slug="topix"] .library-posts{padding:15px;gap:12px;overflow:hidden}.approved-case[data-slug="topix"] .library-posts>div{width:195px;flex-shrink:0}.approved-case[data-slug="topix"] .library-posts img{height:355px}.approved-case[data-slug="topix"] .library-posts b{font-size:18px}.approved-case[data-slug="topix"] .library-footer{font-size:12px;padding:20px 15px;line-height:1.5}.approved-case[data-slug="topix"] .intent-preview{padding:35px 20px}.approved-case[data-slug="topix"] .intent-preview h3{font-size:37px;margin-bottom:35px}.approved-case[data-slug="topix"] .intent-preview>div{font-size:15px;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:24px 0}.approved-case[data-slug="topix"] .intent-preview>div>b{font-size:11px;flex-basis:100%;padding-left:25px}.approved-case[data-slug="topix"] .landing-hero{height:300px}.approved-case[data-slug="topix"] .landing-hero h3{font-size:35px;left:18px}.approved-case[data-slug="topix"] .search-ad{padding:21px 18px}.approved-case[data-slug="topix"] .search-ad h4{font-size:20px}.approved-case[data-slug="topix"] .search-ad p{font-size:11px}.approved-case[data-slug="topix"] .landing-strip{font-size:11px;padding:17px}.approved-case[data-slug="topix"] .phase-controls button{padding:16px 10px;display:block;line-height:1.3;font-size:12px}.approved-case[data-slug="topix"] .phase-controls small{display:block;margin-bottom:10px}.approved-case[data-slug="topix"] .motion-card iframe{aspect-ratio:560/920}.approved-case[data-slug="topix"] .process-controls{display:block;padding:20px 18px}.approved-case[data-slug="topix"] .process-controls p{font-size:14px;min-height:84px}.approved-case[data-slug="topix"] .process-controls>div{margin-top:20px}.approved-case[data-slug="topix"] .process-controls button{font-size:11px;padding:10px 13px}.approved-case[data-slug="topix"] .technical{display:block;margin-top:25px}.approved-case[data-slug="topix"] .technical article{padding:19px 0 24px}.approved-case[data-slug="topix"] .technical h3{font-size:23px;margin:13px 0 10px}.approved-case[data-slug="topix"] .technical p{font-size:14px}.approved-case[data-slug="topix"] .process{margin-bottom:45px}.approved-case[data-slug="topix"] .story{display:block;margin-bottom:65px}.approved-case[data-slug="topix"] .story-picture{height:400px;margin-bottom:33px}.approved-case[data-slug="topix"] .story h2{font-size:36px}.approved-case[data-slug="topix"] .story-copy>p{font-size:16px}.approved-case[data-slug="topix"] .story blockquote{font-size:21px}.approved-case[data-slug="topix"] .stack{margin-top:26px}.approved-case[data-slug="topix"] .cta{padding:45px 0;margin-bottom:50px}.approved-case[data-slug="topix"] .cta h2{font-size:43px}.approved-case[data-slug="topix"] .cta p{font-size:15px;margin:23px 0}.approved-case[data-slug="topix"] .next-case{gap:18px;padding-bottom:45px}.approved-case[data-slug="topix"] .next-case h2{font-size:28px}.approved-case[data-slug="topix"] .next-case p{font-size:12px}.approved-case[data-slug="topix"] .next-case>img{width:85px;height:104px}.approved-case[data-slug="topix"] .next-case>svg{display:none}.approved-case[data-slug="topix"] footer{align-items:flex-start;font-size:10px;line-height:1.5}.approved-case[data-slug="topix"] .gallery-intro{padding:36px 0 40px}.approved-case[data-slug="topix"] .gallery-intro h1{font-size:45px;margin:20px 0 28px}.approved-case[data-slug="topix"] .gallery-intro p{font-size:15px}.approved-case[data-slug="topix"] .gallery-intro .button{font-size:12px;padding:12px 15px}.approved-case[data-slug="topix"] .gallery-filter{font-size:11px}.approved-case[data-slug="topix"] .case-grid{display:block}.approved-case[data-slug="topix"] .case-tile{display:block;margin-bottom:36px}.approved-case[data-slug="topix"] .tile-image{height:350px}.approved-case[data-slug="topix"] .tile-metric strong{font-size:54px}.approved-case[data-slug="topix"] .tile-metric>span{font-size:19px}.approved-case[data-slug="topix"] .tile-info h2{font-size:24px;margin-top:17px}.approved-case[data-slug="topix"] .tile-info>p{font-size:11px}.approved-case[data-slug="topix"] .tile-info>div{display:flex;font-size:9px;align-items:flex-start}.approved-case[data-slug="topix"] .tile-info b{margin-top:0;font-size:10px}.approved-case[data-slug="topix"] .review-note{margin:40px 0;display:block;padding:20px}.approved-case[data-slug="topix"] .review-note p{font-size:12px;margin-top:13px}}
@media(prefers-reduced-motion:reduce){.approved-case[data-slug="topix"]{scroll-behavior:auto}.approved-case[data-slug="topix"] *,.approved-case[data-slug="topix"] *:before,.approved-case[data-slug="topix"] *:after{animation:none!important;transition:none!important}}
.approved-case[data-slug="topix"].case-page[data-case="colorful-standard"] .hero-photo>img{object-position:50% 0%}.approved-case[data-slug="topix"].case-page[data-case="topix"] .hero-photo>img{object-position:50% 18%}.approved-case[data-slug="topix"].case-page[data-case="fotproffsen"] .hero-photo>img{object-position:50% 78%}.approved-case[data-slug="topix"].case-page[data-case="cotonshoppen"] .hero-photo>img{object-position:50% 82%}.approved-case[data-slug="topix"].case-page[data-case="oelands"] .hero-photo>img{object-position:50% 53%}
.approved-case[data-slug="topix"].case-page[data-case="topix"] .module-grid img,.approved-case[data-slug="topix"].case-page[data-case="topix"] .video-preview img{object-fit:contain;background:#252525}

.approved-case[data-slug="topix"][data-case="topix"] .section-heading h2{font-size:44px;line-height:1.12;max-width:620px}
.approved-case[data-slug="topix"][data-case="topix"] .section-heading>p{max-width:400px}
.approved-case[data-slug="topix"][data-case="topix"] .work-panel{height:auto;min-height:0;background:#141414}
.approved-case[data-slug="topix"][data-case="topix"] .workbench{border-color:#333;background:#141414}
.approved-case[data-slug="topix"][data-case="topix"] .work-controls>span{color:#aaa}
.approved-case[data-slug="topix"] .tp-platform{margin:32px;border:1px solid #404040;border-radius:9px;overflow:hidden;background:#f1f0ed;color:#252525}
.approved-case[data-slug="topix"] .tp-platform-nav{height:68px;display:flex;align-items:center;gap:36px;padding:0 28px;background:#1a1a1a;color:#ecece8}
.approved-case[data-slug="topix"] .tp-platform-nav>img{width:82px;height:39px;object-fit:contain}
.approved-case[data-slug="topix"] .tp-platform-nav>span{font-size:13px}.approved-case[data-slug="topix"] .tp-platform-nav .tp-library-count{margin-left:auto;color:#b5b5b2;font-size:11px}
.approved-case[data-slug="topix"] .tp-library-layout{display:grid;grid-template-columns:202px minmax(0,1fr);min-height:512px}
.approved-case[data-slug="topix"] .tp-categories{padding:32px 18px;border-right:1px solid #d8d6d1;background:#e9e8e4}
.approved-case[data-slug="topix"] .tp-categories>span{display:block;color:#6e6e68;font-size:11px;padding:0 13px;margin-bottom:18px}
.approved-case[data-slug="topix"] .tp-topic{display:flex;align-items:center;gap:12px;background:none;border:1px solid transparent;width:100%;border-radius:5px;padding:14px 12px;font-size:13px;text-align:left;color:#66665f;margin-bottom:6px}
.approved-case[data-slug="topix"] .tp-topic>span{color:#88877f;font-size:10px}.approved-case[data-slug="topix"] .tp-topic>svg{width:13px;height:13px;margin-left:auto}
.approved-case[data-slug="topix"] .tp-topic:hover{background:#deddd7;color:#252525}.approved-case[data-slug="topix"] .tp-topic[aria-pressed=true]{background:#fff;border-color:#d3d1ca;color:#252525}
.approved-case[data-slug="topix"] .tp-topic:focus-visible{outline-color:#252525;outline-offset:2px}
.approved-case[data-slug="topix"] .tp-course{padding:28px;min-width:0}
.approved-case[data-slug="topix"] .tp-course-cover{background:var(--course);padding:30px 34px;border-radius:6px;min-height:260px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;overflow:hidden}
.approved-case[data-slug="topix"] .tp-course-cover>div>span{display:block;font-size:11px;margin-bottom:30px;color:#4c5056}
.approved-case[data-slug="topix"] .tp-course-cover h3{font-size:42px;line-height:1.03;letter-spacing:-.045em;max-width:350px;margin-bottom:17px;color:#23262c}
.approved-case[data-slug="topix"] .tp-course-cover p{font-size:12px;line-height:1.5;color:#52565d;max-width:260px}
.approved-case[data-slug="topix"] .topic-art{display:block;width:100%;height:auto;max-height:220px;stroke:#2b313d;stroke-width:2.3}
.approved-case[data-slug="topix"] .topic-art rect{fill:currentColor;fill-opacity:.075}
.approved-case[data-slug="topix"] .tp-cover-art{color:#2b313d;width:100%;min-width:0}
.approved-case[data-slug="topix"] .tp-course-bottom{display:grid;grid-template-columns:1fr 1.55fr;gap:30px;margin-top:25px}
.approved-case[data-slug="topix"] .tp-course-bottom>div>span{font-size:10px;color:#6d6b66;line-height:1.5;display:block;margin-bottom:10px}
.approved-case[data-slug="topix"] .tp-course-bottom h4{font-size:23px;line-height:1.2;letter-spacing:-.035em}
.approved-case[data-slug="topix"] .tp-course-bottom ol{list-style:none;padding:0;margin:0}
.approved-case[data-slug="topix"] .tp-course-bottom li{border-top:1px solid #d5d3cc;padding:13px 0;display:flex;align-items:center;gap:14px;font-size:12px;color:#454541}
.approved-case[data-slug="topix"] .tp-course-bottom li>span{font-size:10px;color:#7b7870}.approved-case[data-slug="topix"] .tp-course-bottom li svg{margin-left:auto;width:14px;height:14px}
.approved-case[data-slug="topix"] .tp-production{padding:36px;display:grid;grid-template-columns:1.3fr 1fr;gap:58px;align-items:center}
.approved-case[data-slug="topix"] .tp-stories{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.approved-case[data-slug="topix"] .tp-stories figure{margin:0;overflow:hidden;border-radius:8px}
.approved-case[data-slug="topix"] .tp-stories figure:nth-child(2){margin-top:42px}
.approved-case[data-slug="topix"] .tp-stories img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;display:block}
.approved-case[data-slug="topix"] .tp-production-copy h3{font-size:43px;line-height:1.08;margin:0 0 24px}
.approved-case[data-slug="topix"] .tp-production-copy p{font-size:16px;line-height:1.65;max-width:365px}
.approved-case[data-slug="topix"] .tp-production-rule{margin-top:32px;border-top:1px solid #383838;padding-top:23px;display:flex;gap:25px;align-items:center}
.approved-case[data-slug="topix"] .tp-production-rule strong{font-size:59px;font-weight:400;line-height:1;letter-spacing:-.05em}
.approved-case[data-slug="topix"] .tp-production-rule span{color:#aaa;font-size:12px;line-height:1.5}
.approved-case[data-slug="topix"] .tp-production-copy>small{display:block;font-size:10px;color:#919191;margin-top:30px}
.approved-case[data-slug="topix"] .tp-testimonial{padding:65px 0 64px;border-top:1px solid #333;border-bottom:0;margin-bottom:0}
.approved-case[data-slug="topix"] .tp-testimonial blockquote{margin:32px 0 44px;max-width:1060px;font-size:47px;line-height:1.23;letter-spacing:-.035em;font-weight:400}
.approved-case[data-slug="topix"] .tp-testimonial>div{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:0;border-top:0}
.approved-case[data-slug="topix"] .tp-testimonial>div>span{font-size:13px;color:#aaa}.approved-case[data-slug="topix"] .tp-testimonial img{width:93px;height:44px;object-fit:contain}
.approved-case[data-slug="topix"][data-case="topix"] .cta p{max-width:550px}
@media(max-width:1000px){
 .approved-case[data-slug="topix"][data-case="topix"] .section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
 .approved-case[data-slug="topix"][data-case="topix"] .section-heading h2{font-size:36px}
 .approved-case[data-slug="topix"] .tp-platform{margin:22px}.approved-case[data-slug="topix"] .tp-library-layout{grid-template-columns:155px 1fr}.approved-case[data-slug="topix"] .tp-categories{padding:25px 10px}.approved-case[data-slug="topix"] .tp-topic{font-size:12px;padding:13px 8px;gap:8px}.approved-case[data-slug="topix"] .tp-course{padding:20px}.approved-case[data-slug="topix"] .tp-course-cover{padding:25px;gap:8px;min-height:270px}.approved-case[data-slug="topix"] .tp-course-cover h3{font-size:31px}.approved-case[data-slug="topix"] .tp-course-bottom{grid-template-columns:1fr;gap:20px}.approved-case[data-slug="topix"] .tp-course-bottom h4{display:none}.approved-case[data-slug="topix"] .tp-course-bottom>div>span{margin-bottom:0}
 .approved-case[data-slug="topix"] .tp-production{padding:25px;gap:30px;grid-template-columns:1.15fr 1fr}.approved-case[data-slug="topix"] .tp-production-copy h3{font-size:34px}.approved-case[data-slug="topix"] .tp-production-copy p{font-size:14px}.approved-case[data-slug="topix"] .tp-stories{gap:12px}
 .approved-case[data-slug="topix"] .tp-testimonial blockquote{font-size:39px}
}
@media(max-width:620px){
 .approved-case[data-slug="topix"][data-case="topix"] .section-heading{display:block}
 .approved-case[data-slug="topix"][data-case="topix"] .section-heading h2{font-size:34px}
 .approved-case[data-slug="topix"][data-case="topix"] .work-controls{gap:20px;padding:0 16px}
 .approved-case[data-slug="topix"][data-case="topix"] .work-controls button{font-size:12px}
 .approved-case[data-slug="topix"] .tp-platform{margin:14px;border-radius:7px}.approved-case[data-slug="topix"] .tp-platform-nav{padding:0 17px;gap:20px;height:60px}.approved-case[data-slug="topix"] .tp-platform-nav>img{width:64px;height:32px}.approved-case[data-slug="topix"] .tp-platform-nav>span{font-size:11px}.approved-case[data-slug="topix"] .tp-platform-nav .tp-library-count{display:none}
 .approved-case[data-slug="topix"] .tp-library-layout{display:block}.approved-case[data-slug="topix"] .tp-categories{padding:13px 12px;display:flex;gap:5px;overflow-x:auto;border-right:0;border-bottom:1px solid #d2d0c9;scrollbar-width:thin}.approved-case[data-slug="topix"] .tp-categories>span{display:none}.approved-case[data-slug="topix"] .tp-topic{flex-shrink:0;width:auto;margin:0;padding:10px 9px;font-size:11px;gap:0}.approved-case[data-slug="topix"] .tp-topic>span,.approved-case[data-slug="topix"] .tp-topic>svg{display:none}
 .approved-case[data-slug="topix"] .tp-course{padding:16px}.approved-case[data-slug="topix"] .tp-course-cover{min-height:360px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:23px}.approved-case[data-slug="topix"] .tp-course-cover>div>span{font-size:10px;margin-bottom:19px}.approved-case[data-slug="topix"] .tp-course-cover h3{font-size:32px;max-width:235px}.approved-case[data-slug="topix"] .tp-course-cover p{font-size:11px;max-width:230px}.approved-case[data-slug="topix"] .tp-cover-art{width:160px;align-self:flex-end;margin-top:15px}.approved-case[data-slug="topix"] .topic-art{max-height:145px}.approved-case[data-slug="topix"] .tp-course-bottom{margin-top:23px;gap:15px}.approved-case[data-slug="topix"] .tp-course-bottom li{font-size:12px;padding:15px 0;gap:11px}
 .approved-case[data-slug="topix"] .tp-production{display:flex;flex-direction:column;padding:20px 17px 28px;gap:32px}.approved-case[data-slug="topix"] .tp-stories{width:100%;gap:12px}.approved-case[data-slug="topix"] .tp-stories figure:nth-child(2){margin-top:24px}.approved-case[data-slug="topix"] .tp-production-copy{width:100%}.approved-case[data-slug="topix"] .tp-production-copy h3{font-size:34px}.approved-case[data-slug="topix"] .tp-production-copy p{font-size:15px}.approved-case[data-slug="topix"] .tp-production-rule{margin-top:25px}.approved-case[data-slug="topix"] .tp-production-copy>small{margin-top:24px}
 .approved-case[data-slug="topix"] .tp-testimonial{padding:40px 0;margin-bottom:0}.approved-case[data-slug="topix"] .tp-testimonial blockquote{font-size:30px;line-height:1.28;margin:24px 0 30px}.approved-case[data-slug="topix"] .tp-testimonial>div>span{font-size:11px;max-width:200px}.approved-case[data-slug="topix"] .tp-testimonial img{width:70px}
}

/* Keep the result and its unit together in the hero. */
.approved-case[data-slug="topix"][data-case="topix"] .hero h1{font-size:clamp(72px,8.2vw,118px);white-space:nowrap}
@media(max-width:620px){.approved-case[data-slug="topix"][data-case="topix"] .hero h1{font-size:clamp(43px,13.4vw,68px)}}

.approved-case[data-slug="topix"]{min-height:100vh;color-scheme:dark;overflow:clip}
.approved-case[data-slug="topix"] .publication-toolbar{max-width:1240px;width:calc(100% - 80px);margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px;color:#aaa}
.approved-case[data-slug="topix"] .publication-toolbar a:hover{color:#fff}
.approved-case[data-slug="topix"] .publication-toolbar button{border:1px solid #333;background:transparent;border-radius:6px;padding:10px 14px;font-size:12px;color:#bbb}
@media(max-width:620px){.approved-case[data-slug="topix"] .publication-toolbar{width:calc(100% - 36px);font-size:12px}}