html{scroll-behavior:smooth;scroll-padding-top:110px}.case-card-cover{display:block;overflow:hidden;aspect-ratio:16/10;background:#171221}.case-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.agency-case-card:hover .case-card-cover img{transform:scale(1.035)}.agency-case-card h3 a{color:inherit;text-decoration:none}.case-channel{display:inline-flex;gap:8px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:#ccbded;padding:7px 11px;border:1px solid #b196e548;border-radius:20px;background:#a98ad415}.case-channel.meta{color:#89caff;border-color:#80bce755;background:#408bd318}.case-channel.google{color:#90dcb3;border-color:#69c79d55;background:#38826022}.case-reference-note{padding:18px 22px;border:1px solid #b494ff36;border-radius:14px;background:#8670aa10;font-size:14px;line-height:1.65;color:#c9bedc;max-width:900px;margin:22px 0}.case-reference-note b{font-size:13px}.case-reference-note p{margin:8px 0}.case-reference-note a{color:#bda0ff}.case-reference-note.compact{padding:8px 10px;margin:14px 0}.case-reference-note.compact b{font-weight:400;font-size:11px}.agency-case-metrics .case-metric{padding:0;min-width:100px;gap:4px}.agency-case-metrics .case-metric strong{font-size:26px;line-height:1.2;color:#c4a8ff}.agency-case-metrics .case-metric span{font-size:12px;color:#bbb0ca;display:block}.case-read{width:100%;justify-content:space-between;margin-top:8px}.case-page{padding:40px 0 90px}.case-back{display:inline-flex;gap:8px;color:#c5b3e8;font-size:14px;text-decoration:none}.case-hero{padding:35px 0 45px}.case-hero h1{font-size:clamp(32px,4.6vw,68px);line-height:1.07;max-width:1100px;margin:24px 0;letter-spacing:-1.5px}.case-period{color:#bcb3cb}.case-key-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;padding:30px;margin-top:32px}.case-metric{display:grid;gap:10px}.case-key-figures strong{font-size:clamp(28px,3vw,45px);color:#c5a7ff;line-height:1.1}.case-metric span{font-size:14px;color:#b9afca}.case-story-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:64px}.case-toc{position:sticky;top:110px;height:max-content;display:grid;gap:6px;border-left:1px solid #8c70ba30;padding-left:14px}.case-toc a{font-size:13px;color:#b4a9c3;text-decoration:none;padding:10px;border-radius:8px}.case-toc a.active,.case-toc a:hover{background:#9872cc15;color:#d2b8ff}.case-story-section{padding:42px 0;border-bottom:1px solid #bb94df20;scroll-margin-top:110px}.case-story-section:first-child{padding-top:8px}.case-story-section h2{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.5px;margin:16px 0 22px}.case-story-section p{font-size:17px;line-height:1.8;color:#c1b9ce;white-space:pre-line;max-width:850px}.case-steps{padding:0;list-style:none;display:grid;gap:18px}.case-steps li{display:flex;gap:20px;padding:22px;background:linear-gradient(110deg,#9b70d814,#654caa04);border:1px solid #a782d523;border-radius:16px;align-items:baseline}.case-steps li>span{color:#b291ed;font-size:22px;font-weight:700}.case-steps p{margin:0}.case-screenshot-list{display:grid;gap:30px}.case-screenshot-list figure{margin:0}.case-screenshot{display:block;width:100%;padding:0;background:#fff;border:1px solid #bfb0da40;border-radius:14px;overflow:hidden;cursor:zoom-in}.case-screenshot img{display:block;width:100%;height:auto}.case-screenshot-list figcaption{font-size:12px;color:#a59bb8;margin-top:10px;display:flex;gap:7px}.case-slice-note{font-size:13px!important;color:#8f859e!important}.case-project-cta{padding:50px;text-align:center;margin:65px 0}.case-project-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:20px 0}.case-project-cta p{color:#c1b8ce;max-width:640px;margin:0 auto 28px;line-height:1.7}.case-project-cta .case-back{margin:20px 20px 0}.case-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-related a{display:grid;gap:14px;padding:24px;text-decoration:none;color:#cabadd;align-content:start}.case-related span{font-size:12px;color:#aa8cd5}.case-related b{font-size:19px;line-height:1.3}.case-image-dialog{max-width:94vw;width:1280px;background:#14111c;border:1px solid #8d76b755;border-radius:16px;padding:24px;max-height:92dvh;overflow:auto;color:white}.case-image-dialog::backdrop{background:#07060bea;backdrop-filter:blur(12px)}.case-image-dialog img{display:block;max-width:100%;height:auto;margin:auto}.case-image-dialog>button{position:sticky;top:0;float:right;width:42px;height:42px;border-radius:50%;border:1px solid #fff5;background:#282132;color:white;font-size:30px;cursor:pointer;z-index:1}.case-image-dialog p{font-size:13px;color:#b7a8ce}.case-reveal{opacity:1;transform:none}.case-motion .case-reveal{opacity:0;transform:translateY(26px);transition:opacity .6s var(--reveal-delay,0ms),transform .6s var(--reveal-delay,0ms)}.case-motion .case-reveal.is-visible{opacity:1;transform:none}.agency-contact-float{width:168px;height:168px;right:max(44px,env(safe-area-inset-right));bottom:calc(108px + env(safe-area-inset-bottom));border:2px solid #be8bff;background:radial-gradient(circle at 30% 25%,#a66df4,#6139a3 50%,#28204d);box-shadow:0 0 32px #995cffaa,0 0 70px #9c64ff50;animation:agency-strong-pulse 2.1s ease-in-out infinite}.agency-contact-float img{width:82px;height:82px}.agency-contact-float::before,.agency-contact-float::after{content:'';position:absolute;inset:-8px;border:2px solid #bd8eff;border-radius:50%;opacity:0;pointer-events:none;animation:agency-wave 2.1s ease-out infinite}.agency-contact-float::after{animation-delay:1.05s}.agency-scroll-top{right:44px}.agency-case-grid{align-items:stretch}.agency-case-copy{display:flex;flex-direction:column;height:calc(100% - 0px)}.agency-case-card .case-card-cover+.agency-case-copy{height:auto}.agency-case-copy .case-read{margin-top:auto}.agency-case-card{display:flex;flex-direction:column}.agency-case-copy{flex:1}.agency-review-grid{scroll-margin-top:110px}@keyframes agency-strong-pulse{50%{box-shadow:0 0 52px #c689ffd9,0 0 105px #a66aff85}}@keyframes agency-wave{0%{transform:scale(.95);opacity:.65}100%{transform:scale(1.45);opacity:0}}@media(max-width:1000px){.case-story-layout{grid-template-columns:1fr;gap:18px}.case-toc{position:static;display:flex;overflow-x:auto;padding:8px 0;border-left:0;border-bottom:1px solid #8c70ba30;gap:4px}.case-toc a{white-space:nowrap}.agency-contact-float{width:126px;height:126px;right:32px}.agency-contact-float img{width:60px;height:60px}}@media(max-width:600px){.case-page{padding-top:28px}.case-hero{padding-top:24px}.case-key-figures{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:24px}.case-story-section{padding:30px 0}.case-story-section p{font-size:16px}.case-steps li{padding:17px;gap:13px}.case-project-cta{padding:28px 20px;margin:36px 0}.case-related>div{grid-template-columns:1fr}.agency-contact-float{right:26px;bottom:100px;width:126px;height:126px}.agency-scroll-top{right:26px}.case-reference-note{padding:16px;font-size:13px}.case-image-dialog{padding:12px;max-width:96vw}.case-toc{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-motion .case-reveal{opacity:1;transform:none;transition:none}.agency-contact-float,.agency-contact-float::before,.agency-contact-float::after{animation:none}.case-card-cover img{transition:none}}
