.client-social-case{--client-accent:#b8ef8f;--client-dark:#0d211a;--client-tint:#203a2d;background:#0b1312;color:#f3f6f1;overflow:hidden}.client-inspo{--client-accent:#ffe34f;--client-dark:#181609;--client-tint:#3b3317;background:#121212}.client-social-case em{font-family:Georgia,serif;color:var(--client-accent);font-weight:400}.client-social-case .eyebrow{color:var(--client-accent)}.social-case-hero{padding:55px 0 0;background:radial-gradient(ellipse at 85% 40%,var(--client-tint),transparent 65%)}.social-case-head{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.social-case-logo{width:130px;height:85px;object-fit:contain;margin:15px 0;background:#f1f6ed;padding:10px}.client-inspo .social-case-logo{background:#222125}.social-case-name{font-size:1.2rem;letter-spacing:-.02em;margin-bottom:25px}.social-case-head h1{font-size:clamp(3.3rem,5vw,5.4rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 30px}.social-case-head>div>p:not(.eyebrow):not(.social-case-name){color:#c2cdc9;line-height:1.8;max-width:580px}.social-case-head .button{margin:20px 0;background:var(--client-accent);color:#162014;border-color:var(--client-accent)}.social-case-stage{height:680px;position:relative}.social-case-piece{position:absolute;width:61%;background:#14231e;border:7px solid #dcebd9;box-shadow:0 25px 65px #0006;transition:transform .4s}.social-case-piece img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;background:var(--client-dark)}.social-case-piece>span{display:block;font-size:.5rem;letter-spacing:.13em;padding:14px 8px;color:#e8f2df}.piece-0{top:10px;left:0;transform:rotate(-7deg)}.piece-1{right:-3%;bottom:10px;transform:rotate(9deg)}.social-case-piece:hover{transform:rotate(0) translateY(-10px);z-index:2}.social-case-court{position:absolute;inset:80px 0 70px;border:1px solid #a9d49855;transform:rotate(14deg)}.social-case-court:before,.social-case-court:after{content:'';position:absolute;border:1px solid #a9d49844;inset:15% 0}.social-case-court:after{inset:0 50% 0 0;border-width:0 1px 0 0}.client-inspo .social-case-court{border:0;background:linear-gradient(120deg,transparent 30%,#f5df4520 30% 50%,transparent 50%);transform:skew(-18deg)}.client-inspo .social-case-court:before,.client-inspo .social-case-court:after{display:none}.client-inspo .social-case-piece{border-color:#373323;background:#222016}.social-case-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #adbdac3d;padding:30px 0;margin-top:50px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#bcc9bd}.social-case-context,.social-case-content,.social-case-closing{padding:100px 0}.social-case-context>.container{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.client-social-case h2{font-size:clamp(2.8rem,4.2vw,4.5rem);line-height:1.06;letter-spacing:-.05em;margin:25px 0}.social-case-context p{max-width:580px;line-height:1.8;color:#bdc9c4}.social-case-context dl{margin:0}.social-case-context dl>div{border-top:1px solid #9aa99555;padding:24px 0}.social-case-context dt{font-size:1.8rem;letter-spacing:-.035em;color:var(--client-accent)}.social-case-context dd{margin:12px 0 0;line-height:1.8;color:#bdc9c4;font-size:.95rem}.social-case-content{background:#e8efe5;color:#14251c}.client-inspo .social-case-content{background:#edeade;color:#242116}.social-case-content em,.social-case-content .eyebrow{color:#326a3a}.client-inspo .social-case-content em,.client-inspo .social-case-content .eyebrow{color:#78611d}.social-case-gallery-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end}.social-case-gallery-heading>p{max-width:350px;line-height:1.8}.social-case-controls{display:flex;gap:12px;justify-content:flex-end;margin:20px 0}.social-case-controls button{width:50px;height:50px;background:transparent;border:1px solid #6f8872;color:#152419;font-size:1.4rem;cursor:pointer}.social-case-feed{display:flex;gap:25px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:10px 0 30px}.social-case-post{flex:0 0 28%;min-width:0;scroll-snap-align:start}.social-case-post img{width:100%;height:auto;display:block}.social-case-post>span{display:block;font-size:.53rem;letter-spacing:.1em;margin-top:22px;line-height:1.8}.social-case-post h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.035em;margin-top:15px}.social-case-closing>.container{display:flex;gap:85px;align-items:center}.social-case-closing>.container>img{width:180px;height:140px;object-fit:contain;background:#f1f6ed;padding:15px}.client-inspo .social-case-closing>.container>img{background:#222125}.social-case-closing h2{font-size:3rem}.social-case-closing .button{background:var(--client-accent);border-color:var(--client-accent);color:#161b13}.social-case-closing .text-link{display:block;margin-top:25px;color:#d4dfcf}.client-social-case :is(a,button,.social-case-feed):focus-visible{outline:3px solid #ef8edd;outline-offset:5px}