/* Contact actions echo the rounded Deco template, in CSFG's palette. */
.conversion-actions{display:flex;gap:12px;position:relative;z-index:1;flex-shrink:0}
.conversion-actions>a{display:flex;align-items:center;gap:17px;min-width:210px;min-height:82px;padding:18px 23px;border-radius:17px;transition:transform .25s,box-shadow .25s}
.conversion-call{background:#fff;color:var(--black)}.conversion-whatsapp{background:#1fca69;color:#082715}
.conversion-actions .csfg-icon{width:31px;height:31px;flex-shrink:0;stroke-width:1.7}
.conversion-actions span{display:grid;gap:3px}.conversion-actions small{font-size:11px;opacity:.72}.conversion-actions b{font-size:15px;font-weight:800}
.conversion-actions a:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0002}
.contact-banner{padding:38px 0;background:var(--black);color:white}.contact-banner>.container{position:relative;overflow:hidden;gap:35px;padding:48px;border:1px solid #ffffff21;border-radius:28px;background:linear-gradient(115deg,#343429,#1c1d1b)}
.contact-banner>.container:before{content:'';position:absolute;inset-inline-end:-110px;top:-210px;width:420px;height:420px;border:60px solid #ffc50009;border-radius:50%;pointer-events:none}
.contact-banner .eyebrow{color:var(--yellow);margin-bottom:15px}.contact-banner h2{font-size:clamp(36px,3.5vw,54px)}.contact-banner-copy{color:#bfc0b6;font-size:13px;margin-top:16px}
.floating-contact{position:fixed;z-index:80;left:22px;bottom:max(22px,env(safe-area-inset-bottom));display:grid;gap:10px;direction:ltr}
.floating-contact>a{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;box-shadow:0 6px 22px #0003;position:relative;transition:transform .25s}
.floating-contact .conversion-call{background:var(--yellow);color:var(--black)}.floating-contact .csfg-icon{width:26px;height:26px;stroke-width:1.65}
.floating-contact>a>span{position:absolute;left:66px;top:50%;transform:translate(-6px,-50%);display:grid;gap:2px;background:var(--black);color:#fff;padding:10px 17px;border-radius:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;pointer-events:none;font-size:12px}
.floating-contact small{font-size:10px;color:#bfc0b6}.floating-contact>a:is(:hover,:focus-visible)>span{opacity:1;visibility:visible;transform:translate(0,-50%)}.floating-contact>a:hover{transform:translateY(-3px)}
.back-to-top{inset-inline-end:auto;inset-inline-start:auto;left:auto;right:22px}.dialog-open .floating-contact{visibility:hidden}
/* One uninterrupted logo ribbon, with progressive enhancement and soft edges. */
.clients-marquee{overflow-x:auto;overflow-y:hidden;direction:ltr;padding-block:8px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);scrollbar-width:thin}
.clients-track{display:flex;width:max-content}.clients-grid{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:16px;margin:0;padding:0 16px 0 0;list-style:none}
.clients-grid .client-tile{flex:0 0 190px;width:190px;height:128px;padding:25px;transition:border-color .25s;background:white}
.clients-grid .client-tile img{max-width:100%;max-height:78px;width:auto;height:auto;object-fit:contain}.clients-grid .client-tile:hover{transform:none}
.clients-marquee.is-ready{overflow-x:hidden}.clients-marquee.is-ready .clients-track{animation:clients-drift var(--marquee-duration,180s) linear infinite;animation-play-state:paused}
.clients-marquee.is-running .clients-track{animation-play-state:running}.clients-marquee:is(:hover,:focus-within) .clients-track{animation-play-state:paused}
.clients-footer{justify-content:space-between;flex-direction:row;align-items:center}.clients-pause{display:inline-flex;align-items:center;gap:10px;border:1px solid #cbc9be;background:transparent;padding:11px 16px;font-size:11px;min-height:44px}.clients-pause:hover{background:#fff}.clients-pause>span:first-child{font-size:14px}
@keyframes clients-drift{to{transform:translateX(-50%)}}
/* Six measured facts, with the final values always available without scripts. */
.company-numbers{background:var(--black);color:white;position:relative;overflow:hidden}
.company-numbers:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffc50007,transparent 65%),repeating-linear-gradient(90deg,transparent,transparent 119px,#ffffff03 120px)}
.company-numbers>.container{position:relative}.numbers-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:60px}.numbers-heading>p{max-width:340px;color:#aeb0a6;font-size:14px}.numbers-heading em{color:var(--yellow)}
.numbers-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid #ffffff23;padding:38px 0}
.number-card{padding:0 16px;text-align:center;border-inline-end:1px solid #ffffff23;min-width:0}.number-card:last-child{border:0}.number-card>.csfg-icon{width:42px;height:42px;color:var(--yellow);margin:0 auto 23px;stroke-width:1.25}
.number-value{display:flex;justify-content:center;align-items:baseline;font-family:var(--display);font-weight:600;font-size:clamp(36px,3.6vw,56px);line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.number-value small{font-family:var(--font);font-size:11px;margin-left:5px;letter-spacing:0}.number-value .number-word{font-size:clamp(26px,2.8vw,43px);line-height:1.42;letter-spacing:-.02em}
.number-card h3{font-family:var(--font);font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;margin-top:14px;min-height:32px}.number-rule{display:block;width:27px;height:2px;background:var(--yellow);margin:18px auto}.number-card p{color:#afb1a6;font-size:11px;line-height:1.8}.numbers-note{font-size:10px;text-align:end;color:#9b9e92;margin-top:16px}
/* A visual invitation beside the same validated enquiry form as Contact. */
.home-enquiry{background:#eae9e1}.home-enquiry-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}.home-enquiry-story>p:not(.eyebrow){max-width:440px;margin-top:28px;font-size:14px}.home-enquiry-story figure{position:relative;margin-top:35px}.home-enquiry-story img{width:100%;height:300px;object-fit:cover}.home-enquiry-story figcaption{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;gap:14px;padding:30px 22px 18px;background:linear-gradient(transparent,#111d);color:white;font-size:11px}.home-enquiry-story figcaption svg{color:var(--yellow)}.home-enquiry .contact-form{background:#fff;border-top:4px solid var(--yellow);padding:38px;box-shadow:0 18px 50px #15161608;min-width:0}.home-enquiry .contact-form h2{font-size:36px}.home-enquiry .contact-form>p:not(.eyebrow){font-size:12px}
/* Full-bleed neutral cartography with a yellow custom location marker. */
.location-section{background:var(--paper)}.location-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding-block:55px}.location-heading .eyebrow{margin-bottom:14px}.location-heading h2{font-size:clamp(32px,3.5vw,48px)}.location-heading>p{font-size:13px;max-width:250px}.location-map-shell{height:clamp(580px,78vh,850px);position:relative;isolation:isolate;background:#e5e3d9;overflow:hidden}.location-map{position:absolute;inset:0;background:#e5e3d9;z-index:0;direction:ltr}.location-map .leaflet-tile-pane{filter:grayscale(1) sepia(.18) saturate(.55)}
.location-card{position:absolute;inset-inline-start:max(56px,calc((100% - 1328px)/2));bottom:55px;z-index:500;width:325px;padding:28px;background:var(--black);color:white;box-shadow:0 12px 38px #15161626;border-top:3px solid var(--yellow)}.location-card-label{font-size:9px;letter-spacing:.15em;color:var(--yellow)}.location-card h3{font-family:var(--display);font-size:43px;margin-block:12px}.location-card h3>span{font-family:var(--font);font-size:11px;margin-inline-start:6px}.location-card p{color:#c3c4b9;font-size:12px}.location-card .button{width:100%;margin-top:22px;gap:13px;min-height:48px;font-size:11px}
.map-fullscreen{position:absolute;right:18px;top:18px;z-index:500;display:flex;align-items:center;gap:10px;border:1px solid #ccc9bd;padding:12px 16px;background:#fff;color:#151616;font-size:11px;min-height:44px}.map-fullscreen svg{width:18px;height:18px}.map-status{position:absolute;top:18px;left:65px;right:170px;z-index:450;pointer-events:none;font-size:11px;color:#151616;background:#ffffffe8;padding:9px 13px;width:fit-content;max-width:calc(100% - 240px)}
.location-marker{background:none;border:0}.location-marker-dot{display:grid;place-items:center;width:56px;height:56px;background:var(--yellow);color:#151616;border:4px solid #151616;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 22px #15161640}.location-marker-dot b{transform:rotate(45deg);font:800 12px var(--font)}
.location-map .leaflet-tooltip{background:var(--black);border:0;color:#fff;padding:8px 12px;font-family:var(--font);font-size:11px;box-shadow:none}.location-map .leaflet-tooltip-top:before{border-top-color:var(--black)}.location-map .leaflet-control-attribution{font-size:10px}.location-map .leaflet-control-attribution a{color:#454a41}.location-map-shell:fullscreen{height:100dvh;width:100vw}.location-map-shell.is-expanded{position:fixed;inset:0;width:100vw;height:100dvh;z-index:2000}.map-expanded{overflow:hidden}
[dir=rtl] .number-card h3{letter-spacing:0;font-size:12px}[dir=rtl] .number-word{font-family:var(--font);font-size:25px}[dir=rtl] .conversion-actions b{font-size:14px}
@media(max-width:1200px){.contact-banner>.container{padding:35px;flex-wrap:wrap}.conversion-actions>a{min-width:190px}.numbers-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}.number-card:nth-child(3){border:0}.number-value{font-size:54px}.number-value .number-word{font-size:40px}.home-enquiry-grid{gap:35px}.home-enquiry .contact-form{padding:28px}.number-card h3{min-height:0}.number-card:nth-child(n+4){padding-top:35px;border-top:1px solid #ffffff23}}
@media(max-width:800px){.home-enquiry-grid{grid-template-columns:1fr;gap:35px}.home-enquiry-story{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.home-enquiry-story figure{grid-column:2;grid-row:1/4;margin:0}.home-enquiry-story img{height:100%;min-height:330px}.home-enquiry-story>p:not(.eyebrow){margin-top:20px}.home-enquiry-story .eyebrow{font-size:9px}.home-enquiry-story h2{font-size:40px}.numbers-heading{gap:30px;margin-bottom:35px}.numbers-heading>p{max-width:250px}.location-heading{align-items:start;flex-direction:column;gap:20px}.location-card{inset-inline-start:24px;bottom:40px;width:290px}.location-card h3{font-size:35px}.map-status{top:70px;left:15px;right:15px;max-width:calc(100% - 30px)}.clients-grid .client-tile{flex-basis:160px;width:160px;height:112px;padding:22px}}
@media(max-width:600px){.contact-banner>.container{padding:30px 22px;gap:28px;border-radius:22px}.contact-banner h2{font-size:38px}.conversion-actions{width:100%;gap:10px}.conversion-actions>a{flex:1;min-width:0;min-height:75px;padding:13px 12px;gap:10px;border-radius:13px}.conversion-actions .csfg-icon{width:25px;height:25px}.conversion-actions b,[dir=rtl] .conversion-actions b{font-size:11px}.conversion-actions small{font-size:9px}.floating-contact{left:14px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}.floating-contact>a{width:47px;height:47px}.floating-contact>a>span{left:57px}.back-to-top{right:14px;bottom:16px}.clients-grid{gap:12px;padding-right:12px}.clients-grid .client-tile{flex-basis:145px;width:145px;height:106px;padding:20px}.clients-footer{gap:15px;align-items:center}.clients-footer .text-link,.clients-pause{font-size:10px}.clients-footer .text-link{gap:12px}.clients-marquee{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.numbers-heading{flex-direction:column;align-items:start;gap:25px}.numbers-heading>p{max-width:none}.numbers-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:30px;row-gap:30px}.number-card{padding-inline:10px}.number-card:nth-child(3){border-inline-end:1px solid #ffffff23}.number-card:nth-child(2n){border-inline-end:0}.number-card:nth-child(n+3){padding-top:30px;border-top:1px solid #ffffff23}.number-card>.csfg-icon{width:36px;height:36px;margin-bottom:16px}.number-value{font-size:43px}.number-value .number-word{font-size:32px}.number-value small{font-size:9px}.number-card h3{font-size:9px;letter-spacing:.04em}.number-card p{font-size:10px}.home-enquiry-story{display:block}.home-enquiry-story h2{font-size:46px}.home-enquiry-story figure{margin-top:28px}.home-enquiry-story img{height:230px;min-height:0}.home-enquiry .contact-form{padding:27px 20px}.home-enquiry .contact-form h2{font-size:32px}.location-map-shell{height:700px}.location-card{bottom:42px;inset-inline-start:78px;width:calc(100% - 100px);max-width:325px;padding:20px}.location-card h3{font-size:30px;margin-block:8px}.location-card-label{font-size:8px}.location-card .button{margin-top:16px}.map-fullscreen{right:12px;top:12px}.location-heading{padding-block:40px}}
@media(max-width:360px){.conversion-actions{flex-direction:column}.conversion-actions>a{justify-content:center}.conversion-actions b{font-size:13px}.number-value{font-size:37px}.number-value .number-word{font-size:28px}}
@media(prefers-reduced-motion:reduce){.clients-marquee.is-ready{overflow-x:auto}.clients-marquee.is-ready .clients-track{animation:none}.clients-grid[aria-hidden=true],.clients-pause{display:none!important}.floating-contact a,.floating-contact a>span,.conversion-actions a{transition:none}}
