/* ConnectWithRahul · Interactive Edition · November 2026
   Progressive enhancements only. No changes to campaign data or client artwork. */
:root{--interactive-ring:#bffa4854;--ease-premium:cubic-bezier(.22,1,.36,1)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
html{scroll-padding-top:88px}
/* Homepage: elegant controlled editorial entrance */
.hero-copy>.tag,.hero-copy>h1,.hero-copy>.summary,.hero-copy>.buttons{animation:cwr-hero-intro .85s var(--ease-premium) both}
.hero-copy>h1{animation-delay:.09s}.hero-copy>.summary{animation-delay:.17s}.hero-copy>.buttons{animation-delay:.24s}
.hero .hero-photo{animation:cwr-photo-intro 1.05s var(--ease-premium) both}
@keyframes cwr-hero-intro{from{opacity:0;transform:translate3d(0,17px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes cwr-photo-intro{from{opacity:.35;transform:translate3d(25px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.hero-photo img{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.055);transition:transform .45s var(--ease-premium);will-change:transform}
.hero-photo:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--hero-px,55%) var(--hero-py,38%),rgba(186,250,73,.12),transparent 70%);opacity:0;transition:opacity .45s}
.hero-photo:hover:before{opacity:1}
.hero-photo-label{z-index:2}
/* Rotating focus is intentionally supplemental; it never changes claims or main copy. */
.live-focus{display:flex;align-items:center;gap:12px;margin-top:25px;min-height:26px;flex-wrap:wrap;color:#d6dfd1;font-size:12px}
.live-focus-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #bffa4817;animation:cwr-pulse 3.2s ease-in-out infinite}
.live-focus-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#879984}
.live-focus-term{font-weight:700;color:#c7efa2;transition:opacity .18s ease,transform .18s ease;min-width:172px}
.live-focus-term.is-switching{opacity:0;transform:translateY(-5px)}
@keyframes cwr-pulse{50%{box-shadow:0 0 0 9px #bffa4806}}
/* Genuine live search shared by Clients, Meta Ads Performance and Blog */
.cwr-searchbar{display:flex;align-items:center;gap:13px;margin:5px 0 20px;flex-wrap:wrap}
.cwr-searchbox{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;background:#141a15;border:1px solid #384639;border-radius:12px;max-width:470px;flex:1 1 275px;transition:border-color .2s,box-shadow .2s,background .2s}
.cwr-searchbox:focus-within{border-color:#8bbf63;box-shadow:0 0 0 3px #bffa4814;background:#171e17}
.cwr-searchbox .search-icon{color:#a1bf88;font-size:17px;line-height:1;user-select:none}
.cwr-searchbox input{flex:1;background:transparent;border:0;color:#f3f8f0;outline:0;min-height:44px;width:100%;font-size:13px;min-width:0}
.cwr-searchbox input::placeholder{color:#8b9b88}
.cwr-clear{background:#273126;color:#d4e5c9;border:1px solid #3b4d3a;border-radius:7px;font-size:15px;width:27px;height:27px;display:none;align-items:center;justify-content:center;padding:0}
.cwr-clear.show{display:flex}.cwr-clear:hover{background:#3c5235;color:var(--accent)}
.cwr-search-hint{font-size:11px;color:#889887}
.cwr-empty{margin:18px 0 26px;border:1px dashed #51664a;background:#151d16;padding:29px 22px;border-radius:16px;text-align:center;color:#c6d4c0}
.cwr-empty strong{display:block;font-size:16px;color:#f0f6eb;margin-bottom:7px}
.cwr-empty p{margin:0;font-size:12px;color:#9cab97}
.cwr-empty[hidden]{display:none!important}
.cwr-blog-categories{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}
.cwr-topic{border:1px solid #354537;background:#151d17;color:#c1ccb9;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .25s,border-color .25s,color .25s}
.cwr-topic:hover,.cwr-topic.active{background:var(--accent);color:#142010;border-color:var(--accent)}
/* Scroll reveal is applied only after JavaScript has initialized. */
html.cwr-ready .cwr-reveal:not(.cwr-revealed){opacity:0;transform:translate3d(0,20px,0)}
html.cwr-ready .cwr-reveal{transition:opacity .74s var(--ease-premium),transform .74s var(--ease-premium);transition-delay:var(--reveal-delay,0ms)}
html.cwr-ready .cwr-revealed{opacity:1;transform:translate3d(0,0,0)}
/* Mouse-responsive localized glow with no intrusive whole-card tilting */
.cwr-glow{position:relative;isolation:isolate;overflow:hidden}
.cwr-glow:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(260px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(185,250,70,.105),transparent 70%);opacity:0;transition:opacity .35s ease}
.cwr-glow:hover:before{opacity:1}
.cwr-glow>.case-body,.cwr-glow>.case-img,.cwr-glow>a,.cwr-glow>.tag,.cwr-glow>h2,.cwr-glow>p{position:relative;z-index:4}
/* Portfolio and image lightbox controls */
.lightbox.cwr-viewer{cursor:default;gap:0}
.lightbox.cwr-viewer img{max-height:calc(100vh - 112px);max-width:min(84vw,1300px);cursor:default}
.lightbox.cwr-viewer .cwr-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);right:auto;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;padding:0;background:rgba(19,28,20,.94);border:1px solid #5b7753;color:#d8fac0;box-shadow:0 8px 26px #0009;transition:background .2s,border-color .2s}
.lightbox.cwr-viewer .cwr-viewer-arrow:hover{background:#2c4526;border-color:var(--accent)}
.lightbox.cwr-viewer .cwr-prev{left:clamp(8px,2.6vw,36px)}
.lightbox.cwr-viewer .cwr-next{right:clamp(8px,2.6vw,36px)}
.lightbox.cwr-viewer .cwr-viewer-caption{position:absolute;left:50%;transform:translateX(-50%);bottom:13px;background:#101912eb;border:1px solid #42563b;border-radius:100px;padding:8px 16px;color:#c9d8c4;font-size:11px;max-width:82vw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Light footer navigation */
.cwr-to-top{position:fixed;left:21px;bottom:20px;width:44px;height:44px;border-radius:50%;background:#172318;color:#d9f5bd;border:1px solid #526b45;display:flex;align-items:center;justify-content:center;z-index:92;box-shadow:0 10px 25px #0006;font-weight:800;font-size:19px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .28s ease,transform .28s ease,visibility .28s,border-color .28s;pointer-events:none}
.cwr-to-top.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.cwr-to-top:hover{border-color:var(--accent);background:#263725}
.cwr-plan-indicator{margin:0 0 22px;border:1px solid #526541;border-radius:12px;padding:14px 17px;background:#172318;color:#cdecad;font-size:13px}
@media(max-width:580px){.cwr-searchbar{margin:10px 0 20px}.cwr-searchbox{max-width:none;flex-basis:100%}.cwr-search-hint{display:none}.live-focus{gap:8px}.live-focus-term{min-width:0;font-size:11px}.cwr-to-top{left:12px;bottom:12px;width:39px;height:39px}.lightbox.cwr-viewer img{max-width:calc(100vw - 25px);max-height:calc(100vh - 145px)}.lightbox.cwr-viewer .cwr-viewer-arrow{top:auto;bottom:22px;transform:none;width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){.hero-copy>.tag,.hero-copy>h1,.hero-copy>.summary,.hero-copy>.buttons,.hero .hero-photo,.live-focus-pulse{animation:none!important}.hero-photo img{transform:none;will-change:auto}.live-focus-term,.cwr-reveal,.cwr-to-top,.cwr-topic,.cwr-glow:before{transition:none!important}html.cwr-ready .cwr-reveal{opacity:1!important;transform:none!important}}