/* Compact, browsable leadership story. */
.capability-carousel{margin-top:38px}
.capability-list{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border:0;margin:0;padding:2px 2px 8px}
.capability-list::-webkit-scrollbar{display:none}
.capability-list .capability-card{position:relative;display:flex;flex:0 0 calc((100% - 28px)/3);flex-direction:column;gap:10px;min-width:0;min-height:218px;scroll-snap-align:start;padding:21px;border:1px solid #332a45;border-radius:17px;background:radial-gradient(circle at 90% 0,#55438c24,transparent 55%),#0e0b15}
.capability-card .capability-number{font-size:11px;color:#b9a4e6;padding:0}
.capability-card h3{font-family:var(--display);font-size:23px;line-height:1.12;font-weight:600;margin:0;color:#f5f1fb}
.capability-card p{grid-column:auto;grid-row:auto;font-size:12px;line-height:1.55;color:#c5becf;margin:0}
.capability-card small{margin-top:auto;color:#aa98c5;font-size:11px;line-height:1.35}
.capability-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;color:#a99db9;font-size:12px}
.capability-controls>div{display:flex;gap:8px}
.capability-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #514267;border-radius:50%;background:#171121;color:#f7f3fe;font-size:20px;cursor:pointer}
.capability-controls button:hover,.capability-controls button:focus-visible{background:#382653;border-color:#bda4e9}
[dir=rtl] .capability-list .capability-card{min-height:230px}
[dir=rtl] .capability-card h3{font-size:22px;line-height:1.4}
[dir=rtl] .capability-card p{font-size:15px;line-height:1.5}
[dir=rtl] .capability-card small{font-size:13px}

/* Leadership opens into a focused, keyboard-accessible native dialog. */
#leadership-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.leadership-case-card{position:relative;display:grid;grid-template-columns:38% 1fr;gap:0;min-height:150px;width:100%;padding:0;overflow:hidden;border:1px solid #352c42;border-radius:17px;background:#0d0a13;color:#fff;text-align:start;cursor:pointer;transition:border-color .2s,translate .2s,box-shadow .2s}
.leadership-case-card:hover,.leadership-case-card:focus-visible{translate:0 -3px;border-color:#9d83ca;box-shadow:0 12px 30px #351d562f}
.leadership-case-card>img{grid-column:1;grid-row:1/3;width:100%;height:100%;min-height:150px;object-fit:cover;background:#15101e;filter:saturate(.8)}
.leadership-case-card .case-index{position:absolute;z-index:1;top:12px;inset-inline-start:12px;padding:5px 7px;border-radius:30px;background:#08070cba;color:#fff;font-size:10px}
.leadership-case-card-copy{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:23px 34px 23px 20px;min-width:0}
.leadership-case-card-copy strong{font-family:var(--display);font-size:25px;line-height:1.1;font-weight:600}
.leadership-case-card-copy small{font-size:12px;line-height:1.45;color:#bfb3ce}
.case-card-open{position:absolute;bottom:15px;inset-inline-end:15px;font-size:17px;color:#c5a6fb}
[dir=rtl] .leadership-case-card-copy{padding:23px 20px 23px 34px}
[dir=rtl] .leadership-case-card-copy strong{font-size:22px;line-height:1.35}
[dir=rtl] .leadership-case-card-copy small{font-size:14px}
.leadership-dialog{position:fixed;inset:0;max-width:min(900px,calc(100vw - 32px));max-height:min(88dvh,920px);width:100%;margin:auto;padding:0;overflow:auto;border:1px solid #7d66a9;border-radius:22px;background:#0b0910;color:#f7f4fb;box-shadow:0 30px 100px #000e}
.leadership-dialog::backdrop{background:#020104d9;backdrop-filter:blur(9px)}
#leadership-dialog-content{padding:32px;direction:inherit}
.leadership-dialog-head{display:flex;justify-content:space-between;gap:24px;align-items:start}
.leadership-dialog-head .section-eyebrow{font-size:11px;margin-bottom:10px;color:#b29cea}
.leadership-dialog-head h2{font-family:var(--display);font-size:clamp(33px,4vw,51px);line-height:1.05;font-weight:600}
.leadership-dialog-head p:last-child{margin-top:12px;color:#b8adca;font-size:14px}
.leadership-dialog-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #65527c;border-radius:50%;background:#1b1425;color:#fff;font-size:27px;cursor:pointer}
.leadership-dialog-close:hover,.leadership-dialog-close:focus-visible{background:#433051}
.leadership-dialog figure{margin:25px 0 30px}
.leadership-dialog figure img{display:block;width:100%;height:clamp(220px,35vw,390px);object-fit:contain;border-radius:13px;background:#17131e}
.leadership-dialog figcaption{margin-top:10px;color:#ada4b7;font-size:11px;line-height:1.55}
.leadership-dialog .case-narrative{gap:20px 28px}
.leadership-dialog .case-narrative>div{padding:18px;border:1px solid #2a2334;border-radius:12px;background:#100d16}
.leadership-dialog-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:26px;padding:11px 18px;border:1px solid #785fa0;border-radius:99px;background:#1b1429;color:#f5ecff;font-size:13px;font-weight:700}
.leadership-dialog-link:hover{background:#3c2956}
[dir=rtl] .leadership-dialog-head h2{line-height:1.35}
[dir=rtl] .leadership-dialog-head p:last-child,[dir=rtl] .leadership-dialog .case-narrative dd{font-size:16px}

/* Awards read as achievements rather than a footnote. */
.recognition{margin-top:50px;padding:0;border:0;background:none}
.recognition>h3{margin-bottom:18px}
.recognition ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.recognition li{display:flex;align-items:center;gap:17px;min-height:112px;padding:20px;border:1px solid #463765;border-radius:16px;background:linear-gradient(120deg,#19112b,#0d0b12 70%);color:#eee8f8}
.recognition-mark{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #997ac8;border-radius:50%;background:#6b4a9929;color:#cfb7ff;font-size:23px}
.recognition-copy{display:flex;flex-direction:column;gap:7px}
.recognition-copy small{font-size:10px;color:#a995ca;font-variant-numeric:tabular-nums}
.recognition-copy strong{font-size:14px;line-height:1.45;font-weight:600;color:#f3edf9}
[dir=rtl] .recognition-copy strong{font-size:16px;line-height:1.5}

/* Service information is tighter; the work itself remains in the portfolio. */
.service-offers{gap:14px;margin-top:32px}
.service-offer,.marketing-offer{padding:24px}
.offer-heading,.marketing-offer .offer-heading{margin-bottom:18px}
.service-offer h3,.service-offer:not(.marketing-offer) h3,.marketing-offer h3{font-size:29px;line-height:1.18;min-height:0}
.offer-copy>p,.marketing-offer .offer-copy>p{min-height:0;max-width:52ch;margin-top:12px;font-size:12px;line-height:1.55}
.service-offer ul,.marketing-offer ul{gap:9px;margin-top:18px;padding-top:17px}
.service-offer:not(.marketing-offer):not(.digital-offer) ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.marketing-offer ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 17px;padding:18px;align-self:start;margin-top:0}
.service-offer li,.marketing-offer li{font-size:11px;line-height:1.48}
.service-enquiry{margin-top:18px}
.digital-offer{gap:0 28px}
[dir=rtl] .service-offer h3,[dir=rtl] .marketing-offer h3{font-size:29px;line-height:1.4}
[dir=rtl] .offer-copy>p,[dir=rtl] .marketing-offer .offer-copy>p{font-size:15px;line-height:1.55}
[dir=rtl] .service-offer li,[dir=rtl] .marketing-offer li{font-size:13px;line-height:1.5}

/* The final actions stay in one line; the FAQ contact panel needs no portrait. */
.contact-card{padding-top:34px}
.contact-card h3{max-width:14ch}
.contact-intents article:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:12px;align-content:start}
.contact-intents article:first-child>h3,.contact-intents article:first-child>p{grid-column:1/-1}
.contact-intents article:first-child>a{width:100%;margin:0;white-space:normal}

@media(max-width:900px){
 .capability-list .capability-card{flex-basis:calc((100% - 14px)/2)}
 .marketing-offer ul{grid-template-columns:1fr 1fr;margin-top:20px}
}
@media(max-width:650px){
 .capability-carousel{margin-top:28px}
 .capability-list .capability-card{flex-basis:85%;min-height:220px}
 #leadership-cases{grid-template-columns:1fr;gap:10px}
 .leadership-case-card{min-height:125px;grid-template-columns:34% 1fr}
 .leadership-case-card>img{min-height:125px}
 .leadership-case-card-copy{padding:17px 25px 17px 14px}
 .leadership-case-card-copy strong{font-size:21px}
 .leadership-dialog{max-height:92dvh}
 #leadership-dialog-content{padding:20px}
 .leadership-dialog .case-narrative{grid-template-columns:1fr;gap:10px}
 .leadership-dialog figure{margin:18px 0}
 .recognition ul{grid-template-columns:1fr}
 .recognition li{min-height:98px;padding:17px}
 .marketing-offer ul{grid-template-columns:1fr;gap:8px;padding:16px}
 .service-offer:not(.marketing-offer):not(.digital-offer) ul{grid-template-columns:1fr}
 .service-offer,.marketing-offer{padding:22px}
 .contact-intents article:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-intents article:first-child>a{padding:10px 12px;font-size:12px;line-height:1.3;text-align:center}
 [dir=rtl] .contact-intents article:first-child>a{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.leadership-case-card{transition:none;translate:none!important}.capability-list{scroll-behavior:auto}}

/* Short, quiet contact actions inside the service cards. */
.service-offer .service-enquiry{width:fit-content;min-height:42px;padding:10px 17px;font-size:12px;gap:9px;border:1px solid #6382f4;border-radius:99px;background:#4169e1;box-shadow:0 6px 18px #4169e125;text-decoration:none}
.service-offer .service-enquiry:hover{background:#557cf0;border-color:#94adff}
.service-enquiry .icon{width:16px;height:16px}
[dir=rtl] .service-offer .service-enquiry{font-size:14px}
.work-bottom{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding-top:40px}
.work-bottom>:is(.all-projects,.portfolio-download){margin:0;min-height:52px}
.capability-carousel{max-width:100%;margin-inline:auto}
.capability-list{position:relative;display:block;height:300px;overflow:hidden;padding:0;perspective:1600px;touch-action:pan-y;cursor:grab;user-select:none;scroll-snap-type:none}
.capability-list .capability-card{position:absolute;top:50%;left:50%;width:310px;height:228px;min-height:228px;flex:none;margin:0;transform-origin:90% center;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s,border-color .3s;box-shadow:0 15px 30px #0007;backface-visibility:hidden;will-change:transform}
.capability-list .capability-card.is-active{border-color:#a98ad5;background:radial-gradient(circle at 90% 0,#63458d40,transparent 65%),#171020}
.capability-list.is-dragging{cursor:grabbing}
.capability-list.is-dragging .capability-card{transition:none}
.capability-list:focus-visible{outline:2px solid #9a7bc9;outline-offset:4px;border-radius:16px}
.capability-controls{justify-content:center;flex-direction:column;gap:10px;margin-top:5px;text-align:center}
.capability-controls button{width:44px;height:44px}
.capability-pause{font-size:16px!important}
[dir=rtl] .capability-list .capability-card{min-height:248px;height:248px}
@media(max-width:650px){.capability-list{height:290px}.capability-list .capability-card{width:min(280px,75vw);height:230px;min-height:230px}.capability-card h3{font-size:22px}.capability-controls{margin-top:0}}
@media(prefers-reduced-motion:reduce){.capability-list .capability-card{transition:none}}

/* Hero actions follow the owner's reference: one row, then the job enquiry. */
.hero-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:22px}
.hero-project,.hero-actions .hero-cv{min-height:52px;padding:10px 0;border:0;border-bottom:1px solid #8e819c;border-radius:0;background:none;box-shadow:none;white-space:nowrap;font-size:13px;color:#e5dfee}
.hero-project:hover,.hero-actions .hero-cv:hover{background:none;color:#fff;border-color:#c6b1e5}
.hero-hiring{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #8e819c;border-radius:0;background:none;box-shadow:none;width:fit-content}
.hero-hiring:hover{background:none}
.hero-actions .hero-primary{flex:none;font-size:14px;padding-inline:21px}
.hero-project{gap:9px}
.hero-actions .hero-cv{gap:9px}
.marketing-offer .offer-heading>span{font-size:14px;font-weight:700;color:#d5c1f2;letter-spacing:.025em}
.marketing-offer .offer-heading>.icon{width:28px;height:28px;opacity:1}
.marketing-offer h3{font-size:36px;max-width:14ch}
.marketing-offer ul{background:#171024;border:1px solid #766091;padding:21px;gap:16px 20px}
.marketing-offer li{font-size:14px;line-height:1.55;color:#eee7f6;padding-inline-start:17px}
.marketing-offer li::before{width:5px;height:5px;background:#bc9bf0}
.digital-offer ul{padding:21px;margin-top:0;border:1px solid #635076;border-radius:14px;background:#151020;gap:12px}
.digital-offer li{font-size:14px;line-height:1.55;color:#eee7f6}
[dir=rtl] .marketing-offer .offer-heading>span{font-size:17px;letter-spacing:0}
[dir=rtl] .marketing-offer h3{font-size:34px;max-width:none}
[dir=rtl] .marketing-offer li,[dir=rtl] .digital-offer li{font-size:16px;line-height:1.6}
@media(min-width:651px) and (max-width:1100px){.hero-actions{gap:14px}.hero-actions .hero-primary{padding-inline:17px;font-size:12px}.hero-project,.hero-actions .hero-cv{font-size:12px}}
@media(max-width:650px){.hero-actions{display:flex;flex-wrap:wrap;gap:14px 20px}.hero-actions .hero-primary{width:100%;justify-content:center}.hero-actions .hero-project,.hero-actions .hero-cv{width:auto;flex:1;min-width:0;min-height:48px;padding:8px 0;font-size:12px;white-space:normal}.hero-hiring{width:fit-content;justify-content:flex-start}.marketing-offer h3{font-size:32px;max-width:none}.marketing-offer .offer-heading{gap:15px}.marketing-offer .offer-heading>span{font-size:12px}.marketing-offer ul,.digital-offer ul{padding:18px;gap:12px}.marketing-offer li,.digital-offer li{font-size:13px}[dir=rtl] .hero-project,[dir=rtl] .hero-actions .hero-cv{font-size:14px}[dir=rtl] .marketing-offer .offer-heading>span{font-size:15px}}

/* Clear action pairs, a stronger experience band, and an image-led gallery. */
.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:550px}
.hero-actions>a,.hero-actions .hero-project,.hero-actions .hero-cv,.hero-actions .hero-hiring{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;margin:0;padding:12px 15px;border:1px solid #67567e;border-radius:14px;background:#0e0b16;color:#f3edf9;font-size:13px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;box-shadow:inset 0 1px 0 #ffffff12}
.hero-actions .hero-primary{min-height:58px;background:linear-gradient(110deg,#3454b4,#6240a0);border-color:#9a83d0}
.hero-actions .hero-project{min-height:58px;background:#21172e;border-color:#9880ba}
.hero-actions>a:hover{background:#302044;border-color:#bd9beb}
.hero-actions .hero-hiring>span{text-decoration:none}
.hero-actions .hero-cv,.hero-actions .hero-hiring{color:#d0c4df;font-size:12px}
.brand-strip{position:relative;margin-top:36px;padding:36px 0 42px;border:0;background:#000;overflow:hidden}
.brand-kicker{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#ccb9ec;font-weight:700}
.brand-context{font-size:13px;color:#b8adca;margin-top:12px;margin-bottom:30px;line-height:1.5}
.brand-strip-inner{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:38px;align-items:center}
.brand-rows{gap:30px}
.brand-rows .brand-track.seamless{gap:45px}
.brand-rows .brand-track.seamless img{width:145px;max-width:145px;height:56px;opacity:.8}
.brand-proof{border:0;padding:0;gap:12px;align-self:stretch;justify-content:center;white-space:normal;background:none}
.brand-proof strong{font-family:'DM Sans',Arial,sans-serif;font-size:82px;font-weight:600;line-height:1;letter-spacing:-.065em;color:#f1edf8;font-variant-numeric:lining-nums tabular-nums}
.brand-proof strong sup{display:inline-block;font-size:.46em;line-height:1;vertical-align:top;margin-top:.12em;margin-inline-start:.08em;letter-spacing:0;font-weight:400;color:#b59cdd}
.brand-proof span{font-size:14px;line-height:1.5;max-width:140px;text-align:center;color:#ded4ea}
.project-filters,.website-filters{display:flex;flex-wrap:wrap;gap:10px}
.project-browser{padding:0;border:0;border-radius:0;background:#000;box-shadow:none}
.project-filters button,.website-filters button{display:flex;align-items:center;flex:0 1 auto;justify-content:center;gap:13px;min-height:52px;padding:11px 17px;border:1px solid #493c59;border-radius:99px;background:#0e0b14;font-size:14px;font-weight:600;color:#c8bed4;line-height:1.35}
.project-filters button:hover,.website-filters button:hover{color:#fff;border-color:#705991;translate:0 -2px}
.project-filters button[aria-pressed=true],.website-filters button[aria-pressed=true]{background:linear-gradient(110deg,#334aa0,#513478);border-color:#a88bd7;color:#fff;box-shadow:0 5px 20px #48317625}
.project-filters .filter-count,.website-filters .web-filter-count{display:grid;place-items:center;flex:none;width:27px;min-width:27px;height:27px;margin:0;padding:0 5px;border-radius:30px;font-size:12px;color:#c5b4df;background:#ffffff0b;font-variant-numeric:tabular-nums}
.website-filters button[aria-pressed=true] .web-filter-count{background:#a5a7ff20;color:#cbd4ff}
.project-result-count,.website-result-count{font-size:12px;color:#ad9fbc;margin-top:18px}
[dir=rtl] .project-filters button,[dir=rtl] .website-filters button{font-size:17px}
.leadership-case-card{display:flex;flex-direction:column;min-height:0;border-radius:20px;background:#100b19}
.leadership-case-card>img{width:100%;height:240px;min-height:0;object-fit:cover;object-position:50% 35%;filter:none}
.leadership-case-card-copy{padding:23px 48px 24px 23px;gap:9px;justify-content:flex-start;width:100%}
.leadership-case-card-copy strong{font-size:29px;line-height:1.15}
.leadership-case-card-copy small{font-size:14px;color:#bfb0d0;line-height:1.5}
.leadership-case-card .case-index{top:16px;inset-inline-start:16px;font-size:12px;padding:7px 10px;background:#110b20c9;border:1px solid #b79bdf5c}
.case-card-open{bottom:28px;inset-inline-end:22px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #81669c;border-radius:50%}
.service-offer:not(.marketing-offer):not(.digital-offer) li{font-size:14px;line-height:1.6;color:#e0d6ec;padding-inline-start:17px}
.service-offer:not(.marketing-offer):not(.digital-offer) ul{gap:16px 20px;padding-top:22px}
.service-offer:not(.marketing-offer):not(.digital-offer) li::before{width:5px;height:5px;background:#bb9be7}
.websites-section>.more-websites{display:flex;width:fit-content;margin:38px auto 0;justify-content:center}
[dir=rtl] .brand-kicker{letter-spacing:0;font-size:17px}
[dir=rtl] .brand-context{font-size:16px}
[dir=rtl] .service-offer:not(.marketing-offer):not(.digital-offer) li{font-size:16px}
[dir=rtl] .leadership-case-card-copy{padding:23px 23px 24px 48px}
[dir=rtl] .leadership-case-card-copy strong{font-size:27px}
[dir=rtl] .leadership-case-card-copy small{font-size:16px}
@media(max-width:650px){
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hero-actions>a,.hero-actions .hero-primary,.hero-actions .hero-project,.hero-actions .hero-cv,.hero-actions .hero-hiring{padding:12px 9px;min-height:56px;font-size:12px;gap:7px}
 [dir=rtl] .hero-actions>a{font-size:14px}
 .brand-strip{margin-top:25px;padding:32px 0}
 .brand-kicker{font-size:12px;line-height:1.5;letter-spacing:.07em}
 .brand-context{font-size:12px;margin-bottom:23px}
 .brand-strip-inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:28px}
 .brand-rows .brand-track.seamless img{width:125px;max-width:125px;height:48px}
 .brand-rows{gap:22px}
 .brand-proof{flex-direction:row;border:0;padding:0;gap:24px}
 .brand-proof strong{font-size:70px}
 .brand-proof span{font-size:14px;max-width:125px;text-align:start}
 .project-filters,.website-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .project-browser{padding:0;border-radius:0}
 .project-filters button,.website-filters button{padding:10px 12px;min-height:51px;font-size:12px;justify-content:space-between;border-radius:13px}
 .project-filters button:first-child,.website-filters button:first-child{grid-column:1/-1;justify-content:center}
 .project-filters .filter-count,.website-filters .web-filter-count{flex:none;width:24px;min-width:24px;height:24px;font-size:11px}
 [dir=rtl] .project-filters button,[dir=rtl] .website-filters button{font-size:14px}
 .leadership-case-card>img{height:205px;min-height:0}
 .leadership-case-card-copy{padding:19px 48px 21px 19px}
 .leadership-case-card-copy strong{font-size:26px}
 .leadership-case-card-copy small{font-size:13px}
 .service-offer:not(.marketing-offer):not(.digital-offer) li{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.brand-rows .brand-track.seamless{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:22px}.brand-rows .brand-track.seamless img{width:100%;max-width:125px}}

/* Direct email and WhatsApp access share one compact floating position. */
.floating-contacts{position:fixed;right:26px;bottom:26px;z-index:45;display:flex;flex-direction:column;gap:10px;visibility:hidden;opacity:0;translate:0 20px;transition:opacity .25s,translate .25s,visibility .25s}
.scrolled .floating-contacts{visibility:visible;opacity:1;translate:0}
.floating-contacts .floating-contact,.scrolled .floating-contacts .floating-contact{position:relative;inset:auto;display:grid;place-items:center;width:58px;height:58px;min-height:58px;padding:0;border-radius:50%;transform:none;opacity:1;pointer-events:auto;box-shadow:inset 0 1px 0 #ffffff25,0 6px 22px #0008}
.floating-contacts .icon{width:23px;height:23px}
.floating-contacts .floating-whatsapp{border-color:#537f74;background:#10201deb}
.floating-contacts .floating-whatsapp .icon{width:25px;height:25px}
.floating-contacts .floating-whatsapp:hover{background:#1c3931;border-color:#8ecbb3}
.viewing-project .floating-contacts{display:none}
@media(max-width:650px){.floating-contacts{right:14px;bottom:calc(16px + env(safe-area-inset-bottom));gap:8px}.floating-contacts .floating-contact,.scrolled .floating-contacts .floating-contact{width:50px;height:50px;min-height:50px}.floating-contacts .icon{width:21px;height:21px}.floating-contacts .floating-whatsapp .icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.floating-contacts{transition:none}}
@media(max-width:650px){.work-bottom{gap:10px;flex-wrap:nowrap}.work-bottom>:is(.all-projects,.portfolio-download){min-width:0;min-height:50px;padding:10px 13px;font-size:11px;text-align:center;white-space:normal;gap:7px;flex:1}[dir=rtl] .work-bottom>:is(.all-projects,.portfolio-download){font-size:13px}}