/* Advertising client strip — scoped to this category only. */
.ad-clients{--client-muted:#a2aa9b;margin:32px 0 0;width:100%;border-block:1px solid #b8c9ab24;padding:24px 0;overflow:hidden;text-align:center}
.ad-clients-heading{margin:0 0 20px;color:var(--client-muted);font:500 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.ad-client-window{overflow:hidden;scrollbar-width:none;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ad-client-window::-webkit-scrollbar{display:none}
.ad-client-track{display:flex;width:max-content;animation:ad-client-scroll 100s linear infinite;will-change:transform}
.ad-client-group{display:flex;flex:none;align-items:center;gap:48px;padding:0 24px}
.ad-client{display:flex;flex:none;align-items:center;justify-content:center;width:150px;height:58px;opacity:.72;transition:opacity .2s}
.ad-client img{display:block;max-width:145px;max-height:44px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.ad-client.bg-logo img{filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:screen}
.ad-client img[src*="super-pharm"],.ad-client img[src*="tnuva"]{filter:grayscale(1) brightness(2)}
.ad-client img[src*="tara"]{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.ad-client:hover{opacity:1}
.ad-explore{display:flex;justify-content:center;padding:28px 0 36px}
.ad-explore .hero-work-button{position:static;display:inline-flex;align-items:center;justify-content:center;gap:16px;inset:auto;margin:0;min-height:56px;padding:12px 24px 12px 27px;border:1px solid #bbce9e66;border-radius:999px;background:#d5e7a608;color:var(--fg);font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.4;transition:border-color .2s,background .2s,transform .2s}
.ad-explore .hero-work-button:hover{border-color:#b9cc9e;background:#d5e7a611;transform:translateY(-2px)}
.ad-explore .hero-work-button:hover .hero-work-arrow{transform:translateY(2px)}
html[lang=he] .ad-explore .hero-work-button{font-family:Heebo,Arial,sans-serif}
.ad-opening{display:flex;flex-direction:column;min-height:calc(100svh - 90px);min-height:calc(100dvh - 90px)}
.ad-opening .category-intro{flex:1;width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 28px 28px}
.ad-opening .category-intro .collection-all{align-self:center}
.ad-opening .category-intro .eyebrow{margin-top:24px}
.ad-opening .category-intro h1{font-family:Oswald,Arial,sans-serif;font-size:clamp(56px,8.6vw,112px);font-weight:500;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase;text-align:center;margin:22px auto 28px;text-wrap:balance}
.ad-opening .category-intro h1 strong{font-weight:700;color:var(--green)}
.ad-opening .category-intro p{font-family:Manrope,Arial,sans-serif;font-size:18px;line-height:1.85;color:var(--dim);max-width:650px;margin:0 auto;text-align:center}
html[lang=he] .ad-opening .category-intro h1{font-family:Assistant,Heebo,Arial,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.1}
html[lang=he] .ad-opening .category-intro h1 strong{font-weight:800}
html[lang=he] .ad-opening .category-intro p{font-family:Heebo,Arial,sans-serif}
@media(max-width:700px){.ad-opening .category-intro{padding:30px 18px 24px}.ad-opening .category-intro h1{font-size:clamp(34px,10.8vw,64px);line-height:1.08;margin-bottom:25px}.ad-opening .category-intro p{font-size:16px;line-height:1.9;max-width:390px}html[lang=he] .ad-opening .category-intro h1{font-size:clamp(33px,9.8vw,59px);line-height:1.15}html[lang=fr] .ad-opening .category-intro h1{font-size:clamp(31px,9.4vw,56px)}}
@media(max-width:600px){.ad-opening{min-height:calc(100svh - 76px);min-height:calc(100dvh - 76px)}}
.ad-opening .ad-clients,.ad-opening .ad-explore{flex-shrink:0}
@media(max-width:700px){.ad-explore .hero-work-button{font-size:15px;min-height:54px;padding:12px 21px 12px 25px;gap:14px}}
@media(prefers-reduced-motion:reduce){.ad-explore .hero-work-button{transition:none}.ad-explore .hero-work-button:hover,.ad-explore .hero-work-button:hover .hero-work-arrow{transform:none}}
#projects[data-category=advertising]{scroll-margin-top:110px}
@keyframes ad-client-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.ad-clients{margin-top:24px;padding:20px 0}.ad-client-group{gap:28px;padding:0 14px}.ad-client{width:128px;height:48px}.ad-client img{max-width:122px;max-height:38px}.ad-clients-heading{font-size:10px}.ad-explore{padding:22px 0 28px}}