.service-grid-expanded{gap:25px}.service-grid-expanded .service-card{padding:32px;display:flex;flex-direction:column}.service-grid-expanded h3{font-size:35px;line-height:1.08;margin:28px 0 18px}.service-grid-expanded .scope-list{font-size:14px;line-height:1.7;padding-left:18px;margin:23px 0}.scope-list li{padding:4px 0}.service-grid-expanded .service-link{margin-top:auto}.service-grid-expanded .brief-shortcut{margin-top:6px;font-size:12px}.service-smart{background:linear-gradient(135deg,#e3d7f0,#c3abd8)}.service-creative{background:linear-gradient(135deg,#f5dce2,#d7a0ae)}
.showcase{padding-top:85px;padding-bottom:85px;background:radial-gradient(ellipse at 90% 10%,#cfb2d080,transparent 50%),linear-gradient(120deg,#efddc9,#e3c7b9);overflow:clip}.showcase h2{font-size:54px}.showcase h2 .serif{color:var(--purple)}.showcase-intro{max-width:650px;font-size:16px;margin-top:22px;color:#49414e}.example-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 25px}.example-tabs button,.client-tabs button{padding:12px 18px;border:1px solid #6f5b704f;border-radius:30px;background:#f6f0e7aa;font-size:13px;min-height:44px}.example-tabs button[aria-pressed=true],.client-tabs button[aria-pressed=true]{background:#242332;color:#f6f0e7}.example-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.example-panel[hidden]{display:none}.example-notes h3{font-size:36px;margin:20px 0}.example-notes p,.example-notes li{font-size:15px;line-height:1.7}.example-notes ul{padding-left:18px;margin:20px 0}.concept-pill{font-size:10px;letter-spacing:.12em;border:1px solid #6f5b7055;padding:8px 12px;border-radius:20px;display:inline-block}.mini-client,.workflow-demo,.campaign-demo{background:#f6f0e7;border-radius:20px;border:1px solid #fff9;box-shadow:10px 15px 0 #bd9e8b66;overflow:hidden}.client-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px;font-size:12px;border-bottom:1px solid #d6c9bc}.client-top span{font-size:8px;letter-spacing:.08em}.client-tabs{padding:15px 20px;display:flex;gap:10px}.client-tabs button{padding:8px 14px;font-size:11px}.client-screen{padding:30px;position:relative;isolation:isolate;min-height:340px;background:linear-gradient(120deg,#eee1ce,#d7c5d4)}.client-screen h3{font-family:Georgia,serif;font-size:44px;line-height:1.08;white-space:pre-line;max-width:320px}.client-screen p:not(.section-kicker){font-size:14px;max-width:340px;margin:20px 0}.client-screen .section-kicker{font-size:9px}.client-sculpture{position:absolute;width:200px;height:270px;border-radius:120px 120px 0 0;right:-70px;top:20px;z-index:-1;background:linear-gradient(130deg,#f6eee1,#bc9eb9);box-shadow:inset 2px 2px #fff8}.workflow-demo,.campaign-demo{padding:32px}.workflow-demo h3{font-size:43px}.workflow-demo ol{padding:0;list-style:none;margin:25px 0}.workflow-demo li{padding:15px;border:1px solid #ccbfcf;border-radius:10px;margin-bottom:10px;font-size:14px}.workflow-demo li.complete{background:#ded0ee;border-color:#6d4cb5}.workflow-demo #flow-status{font-size:12px;line-height:1.6;margin-top:20px;min-height:58px}.campaign-demo #campaign-art{padding:30px 20px;background:#6d4cb5;color:#f6f0e7;border-radius:12px;min-height:300px;margin-bottom:25px}.campaign-demo #campaign-step{font-size:10px;letter-spacing:.12em}.campaign-demo h3{font-size:43px;white-space:pre-line;margin:25px 0}.campaign-demo #campaign-copy{font-size:14px;max-width:300px}.sample-caption{font-size:11px;line-height:1.6;margin-top:15px}.creative-demo{max-width:390px;margin:auto}.creative-demo img{width:100%;height:auto;border-radius:16px;display:block}.creative-demo video{width:100%;max-height:500px;background:#242332;border-radius:12px;margin-top:15px}.creative-demo details{margin-top:16px}.creative-demo summary{cursor:pointer;padding:14px;border:1px solid #8e758b;border-radius:10px;font-size:13px}.client-screen .button{font-size:11px}.example-notes .text-link{min-height:44px}.showcase .client-screen:focus-within{outline-offset:4px}
@media(max-width:800px){.example-panel{grid-template-columns:1fr;gap:35px}.example-notes{max-width:600px}.showcase{padding-top:60px;padding-bottom:60px}.showcase h2{font-size:43px}.example-tabs{gap:8px}.example-tabs button{font-size:12px;padding:10px 14px}.service-grid-expanded h3{font-size:30px}}
@media(max-width:640px){.service-grid-expanded .service-card{padding:26px}.service-grid-expanded h3{font-size:30px}.scope-list{font-size:14px!important}.showcase h2{font-size:40px}.showcase-intro{font-size:14px}.example-tabs{margin-top:25px}.example-tabs button{flex:1 1 44%;font-size:11px;padding:10px}.client-top{padding:15px}.client-top strong{font-size:11px}.client-top span{font-size:7px}.client-tabs{padding:12px;gap:6px}.client-tabs button{font-size:11px;padding:7px 12px}.client-screen{padding:25px 20px;min-height:340px}.client-screen h3{font-size:36px}.client-screen p:not(.section-kicker){font-size:14px}.client-screen .button{gap:10px;padding:12px 14px}.workflow-demo,.campaign-demo{padding:25px 20px}.workflow-demo h3,.campaign-demo h3{font-size:35px}.example-notes h3{font-size:31px}.campaign-demo #campaign-art{padding:25px 15px}.creative-demo{max-width:330px}.field input[type=url]{font-size:16px}}
@media(prefers-reduced-motion:reduce){.example-panel *{transition:none!important}}
