:root{--bg:#ffffff;--fg:#0b0b0b;--muted:rgba(11,11,11,.45);--soft:rgba(0,0,0,.06);--orange:#1d5288}
:root[data-theme=dark]{--bg:#050505;--fg:#f2f1ed;--muted:rgba(242,241,237,.48);--soft:rgba(242,241,237,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;transition:background .35s,color .35s}
body.menu-open{overflow:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}.site-shell{min-height:100vh}

/* Page Transition Curtain APAX Paris */
.page-transition-curtain{position:fixed;z-index:9990;inset:0;pointer-events:none;display:flex}
.curtain-panel{width:50vw;height:100vh;background:#ffffff;transition:transform .7s cubic-bezier(.77,0,.175,1)}
:root[data-theme=dark] .curtain-panel{background:#050505}
.curtain-left{transform:translateX(-100%)}
.curtain-right{transform:translateX(100%)}
.page-transition-curtain.animating .curtain-left{transform:translateX(0)}
.page-transition-curtain.animating .curtain-right{transform:translateX(0)}

.topbar{position:fixed;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.page-label{margin:0;font-size:36px;line-height:.95;letter-spacing:-.055em;font-weight:600}.top-actions{display:flex;gap:16px;align-items:center;margin-left:auto;pointer-events:auto}
.round-button,.menu-button{border:0;background:transparent}.round-button{width:36px;height:36px;font-size:22px}.menu-button,.close-button{padding:8px 17px 9px;background:var(--soft);border:0;font-size:14px;border-radius:20px}
.identity{position:fixed;z-index:20;inset:0 auto 0 20px;width:217px;pointer-events:none;display:flex;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.view-switcher{position:fixed;z-index:40;top:144px;left:20px;display:grid;gap:8px;pointer-events:auto;transition:opacity .35s ease,visibility .35s ease}
body.nav-scrolling-hide:not(.menu-open) .topbar{transform:translateY(-100%);opacity:0;pointer-events:none!important}
body.nav-scrolling-hide:not(.menu-open) .identity{transform:translateY(-28px);opacity:0;pointer-events:none!important}
.view-switcher button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:var(--soft);opacity:.5;transition:.2s}.view-switcher button:hover,.view-switcher button.active{opacity:1;transform:scale(1.06)}
.feature-icon,.grid-icon,.list-icon{display:block;width:13px;height:13px}.feature-icon{border:1px solid currentColor}.grid-icon{border:1px solid currentColor;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 4px)}.list-icon{background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 4px)}
.wordmark{pointer-events:auto;text-decoration:none;font-size:62px;line-height:.7;letter-spacing:-.095em;font-weight:600;display:flex;flex-direction:column}.wordmark span:last-child{font-size:24px;letter-spacing:-.055em;margin:13px 0 0 3px}.discipline{position:absolute;bottom:22px;margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.project-filters{position:absolute;z-index:50 !important;left:365px;right:20px;top:138px;display:flex;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;align-items:center;padding:6px 0 12px !important;box-sizing:border-box}.project-filters::-webkit-scrollbar{display:none}.project-filters button,.all-projects-link{flex-shrink:0 !important;white-space:nowrap !important}.project-filters button{border:1.5px solid rgba(0,0,0,.18);background:transparent;padding:7px 16px;height:34px;border-radius:999px;color:rgba(11,11,11,.75);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease,border-color .25s ease;box-sizing:border-box;display:inline-flex;align-items:center}.project-filters button:hover,.project-filters button.active{color:var(--bg) !important;background:var(--fg) !important;border-color:var(--fg) !important;transform:translateY(-2px) scale(1.025)}.all-projects-link{position:relative;z-index:2;border:1.5px solid var(--fg) !important;background:transparent !important;padding:0 20px !important;height:34px;border-radius:999px;color:var(--fg) !important;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;white-space:nowrap !important;display:inline-flex;align-items:center;gap:6px;line-height:1;box-sizing:border-box;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease;margin-left:8px}.all-projects-link:hover{background:var(--fg) !important;color:var(--bg) !important;border-color:var(--fg) !important;transform:translateY(-2px) scale(1.025);box-shadow:0 4px 14px rgba(0,0,0,.18)}
:root[data-theme=dark] .project-filters button{border-color:rgba(242,241,237,.25);color:rgba(242,241,237,.8)}
:root[data-theme=dark] .project-filters button:hover,:root[data-theme=dark] .project-filters button.active{color:#050505 !important;background:#f4f3ef !important;border-color:#f4f3ef !important}
.projects{margin-left:365px;padding:216px 20px 80px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{min-width:0;animation:enter .7s both;animation-delay:var(--delay)}.project-card[hidden]{display:none}.project-card a{display:block;text-decoration:none}.image-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}.image-wrap img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .45s ease}.project-card:hover img{transform:scale(1.045);filter:saturate(1.1) contrast(1.02)}
.project-meta{height:0;overflow:hidden;opacity:0;display:grid;grid-template-columns:1fr auto;transition:height .3s,opacity .3s,padding .3s}.project-card:hover .project-meta{height:66px;opacity:1;padding-top:10px}.project-meta h2,.project-meta p{margin:0;font-size:13px;font-weight:600}.project-meta p{color:rgba(11,11,11,.72);text-align:right}:root[data-theme=dark] .project-meta p{color:rgba(242,241,237,.78)}.project-meta span{grid-column:1/-1;font-size:10px;font-weight:600;color:rgba(11,11,11,.85);margin-top:7px;text-transform:uppercase;letter-spacing:.08em;transition:color .2s}:root[data-theme=dark] .project-meta span{color:rgba(242,241,237,.88)}.project-card:hover .project-meta span{color:var(--fg)}
.projects--feature{grid-template-columns:1fr;margin-left:320px;padding-right:13vw}.projects--feature .image-wrap{aspect-ratio:16/9}.projects--feature .project-card:not([hidden]):not(:first-of-type){display:none}.projects--feature .project-meta{height:auto;opacity:1;padding-top:12px}.projects--list{display:block;padding-top:170px}.projects--list .project-card a{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:20px;border-top:1px solid var(--soft);padding:12px 0}.projects--list .image-wrap{aspect-ratio:4/3}.projects--list .project-meta{opacity:1;height:auto;display:grid}.projects--list .project-card:hover .project-meta{height:auto;padding-top:0}.projects--list .project-meta span{display:none}
.landing-footer{margin:20px 20px 0 365px;padding:20px 0 24px;border-top:1px solid var(--soft);display:flex;gap:28px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.landing-footer a{margin-left:auto;text-decoration:none}
.projects-pagination-wrap{margin-left:365px;padding:20px 20px 40px 0;display:flex;flex-direction:column;gap:24px}.custom-pagination .pagination-container{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.custom-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--soft);background:transparent;color:var(--fg);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.05em;transition:all .25s ease}.custom-pagination .page-link.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.custom-pagination .page-link.active,.custom-pagination a.page-link:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.custom-pagination a[rel=prev],.custom-pagination a[rel=next],.custom-pagination span[rel=prev],.custom-pagination span[rel=next]{padding:0 18px!important}.view-all-box{display:flex;justify-content:flex-end;align-items:center;padding-top:20px;border-top:1px solid var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.btn-view-all{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:var(--orange);color:#ffffff;text-decoration:none;font-weight:600;font-size:11px;letter-spacing:.08em;transition:transform .25s ease,box-shadow .25s ease}.btn-view-all:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(29,82,136,.35)}@media(max-width:900px){.projects-pagination-wrap{margin-left:0;padding:20px 14px 40px}.view-all-box{flex-direction:column;gap:16px;align-items:flex-start}}

/* APAX Menu Overlay (Animasi Smooth Slide-Down / Framer Motion Style) */
.apax-menu-overlay{position:fixed;z-index:9000;inset:0;background:var(--bg);color:var(--fg);padding:24px 30px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-100%);opacity:1;visibility:hidden;pointer-events:none;transition:transform .75s cubic-bezier(.77,0,.175,1),visibility .75s step-end}
.apax-menu-overlay.open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .75s cubic-bezier(.77,0,.175,1),visibility 0s step-start}

.apax-menu-header{display:flex;justify-content:space-between;align-items:center;width:100%}
.apax-menu-logo{text-decoration:none;font-size:52px;line-height:.7;letter-spacing:-.095em;font-weight:700;display:flex;flex-direction:column;color:var(--fg)}
.apax-menu-logo span:last-child{font-size:20px;letter-spacing:-.055em;margin-top:8px}
.apax-menu-top-right{display:flex;gap:14px;align-items:center}
.apax-menu-theme,.apax-menu-close{border:0;background:var(--soft);padding:8px 18px;border-radius:20px;font-size:13px;color:var(--fg);cursor:pointer;transition:all .2s ease}
.apax-menu-theme{width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%}
.apax-menu-close:hover,.apax-menu-theme:hover{background:var(--fg);color:var(--bg)}

.apax-menu-body{display:grid;grid-template-columns:240px 1fr 240px;align-items:center;gap:40px;height:calc(100vh - 180px);width:100%}
.apax-menu-left{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.apax-menu-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px}

.apax-nav-item-wrap{overflow:hidden;display:block}
.apax-nav-item{font-size:clamp(24px,3.2vw,40px);font-weight:700;letter-spacing:-.04em;text-decoration:none;color:var(--fg);display:inline-flex;align-items:baseline;gap:6px;transform:translateY(115%);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s cubic-bezier(.16,1,.3,1)}
.apax-nav-item sup{font-size:13px;font-weight:500;color:var(--orange)}
.apax-nav-item:hover{opacity:.65;transform:translateX(8px)}

/* Staggered Motion Delays saat Menu Terbuka */
.apax-menu-overlay.open .apax-menu-left .apax-nav-item-wrap:nth-child(1) .apax-nav-item{transform:translateY(0);opacity:1;transition-delay:.28s}
.apax-menu-overlay.open .apax-menu-left .apax-nav-item-wrap:nth-child(2) .apax-nav-item{transform:translateY(0);opacity:1;transition-delay:.34s}
.apax-menu-overlay.open .apax-menu-left .apax-nav-item-wrap:nth-child(3) .apax-nav-item{transform:translateY(0);opacity:1;transition-delay:.40s}

.apax-menu-overlay.open .apax-menu-right .apax-nav-item-wrap:nth-child(1) .apax-nav-item{transform:translateY(0);opacity:1;transition-delay:.31s}
.apax-menu-overlay.open .apax-menu-right .apax-nav-item-wrap:nth-child(2) .apax-nav-item{transform:translateY(0);opacity:1;transition-delay:.37s}
.apax-menu-overlay.open .apax-menu-right .apax-nav-item-wrap:nth-child(3) .apax-nav-item{transform:translateY(0);opacity:1;transition-delay:.43s}

.apax-menu-center{display:flex;justify-content:center;align-items:center;height:100%}
.apax-center-media{width:100%;max-width:540px;aspect-ratio:1/1;max-height:56vh;overflow:hidden;border-radius:6px;box-shadow:0 12px 36px rgba(0,0,0,.08);transform:scale(1.12);opacity:0;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .85s ease;transition-delay:.22s}
.apax-menu-overlay.open .apax-center-media{transform:scale(1);opacity:1}
.apax-center-img{width:100%;height:100%;object-fit:cover;display:block}

.apax-social-list{list-style:none;padding:0;margin:12px 0 0;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;transition-delay:.46s}
.apax-menu-overlay.open .apax-social-list{opacity:1;transform:translateY(0)}
.apax-social-list a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--fg);text-decoration:none;font-size:14px;transition:all .25s ease}
.apax-social-list a:hover{background:var(--fg);color:var(--bg);transform:scale(1.1)}

.apax-menu-footer{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:var(--muted);letter-spacing:.05em;border-top:1px solid var(--soft);padding-top:16px}
.apax-footer-quote{margin:0;font-size:11px;color:var(--muted)}
.menu-overlay{position:fixed;z-index:100;inset:0;background:var(--orange);color:#0b0b0b;padding:20px;transform:translateY(-105%);transition:transform .65s cubic-bezier(.76,0,.24,1);display:grid;grid-template-columns:1fr 2fr;align-items:center}.menu-overlay.open{transform:translateY(0)}.close-button{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.1)}.menu-mark{font-size:72px;line-height:.66;letter-spacing:-.09em;font-weight:600}.menu-overlay nav{display:flex;flex-direction:column}.menu-overlay nav a{text-decoration:none;font-size:clamp(64px,9vw,140px);line-height:.84;letter-spacing:-.075em}.menu-overlay nav a:hover{color:#f4f3ef}.menu-overlay sup{font-size:14px;letter-spacing:0;vertical-align:top}.menu-overlay p{position:absolute;bottom:20px;left:20px;margin:0;font-size:12px}
.studio-section{background:var(--bg);color:var(--fg);padding:120px 20px;display:grid;grid-template-columns:clamp(100px,12vw,160px) 1fr;gap:30px;border-top:1px solid var(--soft)}.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.studio-copy h2{margin:0 0 70px;font-size:clamp(52px,7.7vw,120px);line-height:.86;letter-spacing:-.07em;font-weight:600;max-width:11ch}.studio-copy>p{font-size:17px;line-height:1.45;max-width:55ch;margin:0 0 80px;color:var(--muted)}.service-lines{display:flex;flex-direction:column}.service-lines span{font-size:clamp(26px,3.5vw,56px);line-height:1.1;border-bottom:1px solid var(--soft);padding:16px 0;letter-spacing:-.05em;white-space:nowrap;display:block}.service-lines sup{font-size:13px;letter-spacing:.08em;margin-right:20px;vertical-align:top;color:var(--orange)}
.packages-section{padding:140px 20px;background:var(--bg);color:var(--fg);border-top:1px solid var(--soft)}.packages-heading{display:grid;grid-template-columns:clamp(100px,12vw,160px) 1fr;gap:30px;margin-bottom:100px}.packages-heading h2{margin:0;font-size:clamp(50px,7.5vw,116px);line-height:.88;letter-spacing:-.07em;font-weight:600;max-width:10ch}.packages-heading p{max-width:45ch;margin:30px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.package-list{border-top:1px solid var(--soft)}.package-item{display:grid;grid-template-columns:55px 1.65fr 1.1fr 0.9fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--soft);transition:padding .3s,background .3s,opacity .5s,transform .5s;opacity:1!important;transform:none!important;color:inherit;text-decoration:none;cursor:pointer}.package-item:hover{padding-left:12px;padding-right:12px;background:var(--soft)}.package-item:hover .package-cta{color:var(--orange);border-color:var(--orange)}.package-number,.package-scope>p,.package-price>p{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.package-title h3{margin:0;font-size:clamp(20px,2.1vw,35px);line-height:1.05;letter-spacing:-.045em;font-weight:600}.package-title p{margin:10px 0 0;max-width:35ch;font-size:12px;line-height:1.45;color:var(--muted)}.package-title span{display:inline-block;margin-top:16px;padding:6px 12px;border-radius:20px;background:var(--orange);color:#ffffff;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.package-scope>p,.package-price>p{margin:2px 0 13px}.package-scope ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.package-scope li{font-size:12px}.package-scope li::before{content:'—';color:var(--muted);margin-right:8px}.package-price{display:flex;flex-direction:column;align-items:flex-start}.package-price strong{font-size:22px;letter-spacing:-.04em;font-weight:500}.package-price small{font-size:10px;color:var(--muted);margin-top:6px}.package-price a,.package-price .package-cta{margin-top:auto;padding-top:25px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid currentColor;display:inline-block;transition:color .2s ease,border-color .2s ease}
.contact-section{min-height:100vh;padding:140px 20px 28px;background:var(--bg);color:var(--fg);display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;align-content:center;border-top:1px solid var(--soft)}.contact-intro h2{margin:50px 0 30px;font-size:clamp(58px,8vw,118px);line-height:.85;letter-spacing:-.075em;font-weight:600}.contact-intro>p{font-size:16px;line-height:1.55;max-width:45ch;color:rgba(11,11,11,.72);font-weight:500}:root[data-theme=dark] .contact-intro>p{color:rgba(242,241,237,.78)}.contact-whatsapp{display:inline-block;margin-top:30px;color:var(--fg);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:5px;font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.contact-form-wrap{align-self:center}.editorial-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.editorial-form label{display:flex;flex-direction:column;gap:8px;border-bottom:1.5px solid rgba(0,0,0,.2);padding-bottom:9px}:root[data-theme=dark] .editorial-form label{border-bottom-color:rgba(255,255,255,.2)}.editorial-form label span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(11,11,11,.75);font-weight:700}:root[data-theme=dark] .editorial-form label span{color:rgba(242,241,237,.8)}.editorial-form input,.editorial-form select,.editorial-form textarea{width:100%;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:16px;font-weight:500;padding:6px 0;resize:vertical;border-radius:0}.editorial-form input::placeholder,.editorial-form textarea::placeholder{color:rgba(11,11,11,.45);font-weight:400}:root[data-theme=dark] .editorial-form input::placeholder,:root[data-theme=dark] .editorial-form textarea::placeholder{color:rgba(242,241,237,.48)}.editorial-form select{appearance:none}.editorial-form .form-wide{grid-column:1/-1}.editorial-form button[type="submit"]{grid-column:1/-1;border:1px solid var(--fg);background:var(--fg);color:var(--bg);display:flex;justify-content:space-between;padding:18px 24px;text-transform:uppercase;font-size:13px;letter-spacing:.1em;font-weight:700;transition:.2s;border-radius:999px}.editorial-form button[type="submit"]:hover{background:var(--orange);border-color:var(--orange);color:#ffffff}.form-message{margin-bottom:24px;padding:12px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}.form-message.success{color:#163d21}.contact-meta{grid-column:1/-1;display:flex;justify-content:space-between;align-self:end;margin-top:80px;padding-top:16px;border-top:1px solid var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(11,11,11,.65);font-weight:600}:root[data-theme=dark] .contact-meta{color:rgba(242,241,237,.7)}.contact-meta a{text-decoration:none;color:inherit}.contact-meta a:hover{color:var(--fg)}

/* Custom Select Dropdown Animation & Theme Styling */
.form-select-group{position:relative}
.custom-select-wrap{position:relative;width:100%}
.custom-select-trigger{width:100%;border:0 !important;outline:0 !important;background:transparent !important;color:var(--fg) !important;font:inherit;font-size:16px;font-weight:500;padding:6px 0 !important;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;border-radius:0 !important;box-shadow:none !important}
.custom-select-trigger .select-arrow{font-size:12px;color:rgba(11,11,11,.6);transition:transform .35s cubic-bezier(.16,1,.3,1)}
:root[data-theme=dark] .custom-select-trigger .select-arrow{color:rgba(242,241,237,.6)}
.custom-select-wrap.open .select-arrow{transform:rotate(180deg);color:var(--orange)}
.custom-select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:200;background:var(--bg);color:var(--fg);border:1.5px solid rgba(0,0,0,.15);border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.12);list-style:none;padding:8px 0;margin:0;opacity:0;visibility:hidden;transform:translateY(-12px);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility .3s ease}
:root[data-theme=dark] .custom-select-options{border-color:rgba(255,255,255,.2);box-shadow:0 14px 36px rgba(0,0,0,.65)}
.custom-select-wrap.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}
.custom-option{padding:12px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;justify-content:space-between;align-items:center}
.custom-option:hover{background:var(--soft);color:var(--orange)}
.custom-option.selected{font-weight:700;color:var(--orange);background:rgba(29,82,136,.08)}
.project-filters button .filter-count{font-size:11px;opacity:.65;margin-left:3px;font-weight:500;letter-spacing:0}.project-filters button.active .filter-count{opacity:.95}
@keyframes enter{from{opacity:0;transform:translateY(22px)}}
@media(max-width:900px){.page-label{font-size:30px}.identity{position:static;height:190px;width:auto;padding:90px 20px 20px;align-items:flex-end}.wordmark{font-size:50px}.discipline{display:none}.view-switcher{position:fixed;z-index:35;top:auto;bottom:20px;left:20px !important;right:auto !important;transform:none !important;grid-auto-flow:column;background:var(--bg);padding:6px 10px;border-radius:30px;border:1.5px solid var(--soft);box-shadow:0 8px 24px rgba(0,0,0,.2)}.projects,.projects--feature,.projects--list{margin-left:0;padding:20px 20px 80px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-filters{position:relative;left:auto;top:auto;display:flex;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 14px !important;width:100%;box-sizing:border-box}.project-filters::-webkit-scrollbar{display:none}.project-filters button,.all-projects-link{flex-shrink:0 !important;white-space:nowrap !important}.project-filters button:first-child{margin-left:20px !important}.project-filters .all-projects-link{margin-right:20px !important}.projects--feature{display:block}.projects--list{padding-top:20px}.landing-footer{margin:0 20px;flex-wrap:wrap}.landing-footer a{width:100%;margin:0}.menu-overlay{grid-template-columns:1fr}.menu-mark{display:none}.studio-section,.packages-heading{grid-template-columns:1fr}.service-lines span{white-space:normal}.studio-copy h2{margin-top:45px}.packages-heading h2{margin-top:45px}.package-item{grid-template-columns:45px 1fr 1fr}.package-price{grid-column:2}.contact-section{grid-template-columns:1fr;padding-top:100px}.contact-meta{grid-column:1;flex-direction:column;gap:8px}.contact-intro h2{margin-top:40px}}
@media(max-width:540px){.projects{grid-template-columns:1fr}.image-wrap{aspect-ratio:1.2}.project-meta,.project-card:hover .project-meta{height:auto;opacity:1;padding-top:9px;padding-bottom:12px}.menu-overlay nav a{font-size:56px}.studio-section{padding:90px 15px}.studio-copy h2{font-size:50px}.service-lines span{font-size:38px}.packages-section{padding:90px 15px}.packages-heading{margin-bottom:60px}.package-item{grid-template-columns:30px 1fr;gap:18px}.package-scope,.package-price{grid-column:2}.package-price a{margin-top:22px}.contact-section{padding-inline:15px}.contact-intro h2{font-size:52px}.editorial-form{grid-template-columns:1fr}.editorial-form .form-wide,.editorial-form button{grid-column:1}.contact-meta{margin-top:30px}}
@media(max-width:900px){.apax-menu-overlay{padding:20px 16px}.apax-menu-body{grid-template-columns:1fr;gap:20px;height:auto;margin:auto 0;padding:24px 0}.apax-menu-left,.apax-menu-right{align-items:center;text-align:center;gap:12px}.apax-menu-center{display:none}.apax-social-list{justify-content:center;margin-top:8px}.apax-menu-footer{flex-direction:column;gap:8px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Motion system */
.scroll-progress{position:fixed;z-index:120;top:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left center;will-change:transform}
.pointer-glow{position:fixed;z-index:0;top:-180px;left:-180px;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(236,77,43,.1),transparent 68%);opacity:0;transition:opacity .4s;will-change:transform}.pointer-glow.active{opacity:1}
.wordmark{animation:wordmarkIn 1s .15s cubic-bezier(.2,.8,.2,1) both}.discipline{animation:motionFadeIn 1s .65s both}
.image-wrap{position:relative;background:var(--soft)}.image-wrap::after{content:'';position:absolute;z-index:2;inset:0;background:var(--fg);transform:scaleX(1);transform-origin:right center;transition:transform .85s cubic-bezier(.76,0,.24,1);pointer-events:none}.image-wrap.is-loaded::after{transform:scaleX(0)}.image-wrap img{height:calc(100% + 36px);margin-top:-18px;opacity:.2;transform:translateY(var(--parallax,0)) scale(1.16);filter:saturate(.55) blur(4px);transition:transform 1.3s .12s cubic-bezier(.16,1,.3,1),opacity .8s .12s ease,filter 1.1s .12s ease}.image-wrap img.is-loaded{opacity:1;transform:translateY(var(--parallax,0)) scale(1);filter:saturate(.82) blur(0)}.project-card:hover img.is-loaded{transform:translateY(var(--parallax,0)) scale(1.035);filter:saturate(1) blur(0)}
.menu-overlay nav a{transform:translateY(45px);opacity:0;transition:color .2s,transform .55s,opacity .55s}.menu-overlay.open nav a{transform:none;opacity:1}.menu-overlay.open nav a:nth-child(1){transition-delay:.18s}.menu-overlay.open nav a:nth-child(2){transition-delay:.24s}.menu-overlay.open nav a:nth-child(3){transition-delay:.3s}.menu-overlay.open nav a:nth-child(4){transition-delay:.36s}
.package-item{transition:padding .3s,background .3s,opacity .65s var(--item-delay),transform .65s var(--item-delay);opacity:0;transform:translateY(28px)}.package-item.is-visible{opacity:1;transform:none}
[data-reveal-section] .section-kicker,[data-reveal-section] h2,[data-reveal-section] .studio-copy>p,[data-reveal-section] .packages-heading p,[data-reveal-section] .contact-intro>p,[data-reveal-section] .contact-whatsapp,[data-reveal-section] .contact-form-wrap{opacity:0;transform:translateY(32px);transition:opacity .75s,transform .75s cubic-bezier(.2,.75,.2,1)}
[data-reveal-section].is-visible .section-kicker,[data-reveal-section].is-visible h2,[data-reveal-section].is-visible .studio-copy>p,[data-reveal-section].is-visible .packages-heading p,[data-reveal-section].is-visible .contact-intro>p,[data-reveal-section].is-visible .contact-whatsapp,[data-reveal-section].is-visible .contact-form-wrap{opacity:1;transform:none}
[data-reveal-section].is-visible h2{transition-delay:.08s}[data-reveal-section].is-visible .studio-copy>p,[data-reveal-section].is-visible .packages-heading p,[data-reveal-section].is-visible .contact-intro>p{transition-delay:.16s}[data-reveal-section].is-visible .contact-whatsapp,[data-reveal-section].is-visible .contact-form-wrap{transition-delay:.24s}
@keyframes wordmarkIn{from{opacity:0;transform:translateY(30px);letter-spacing:-.04em}}@keyframes motionFadeIn{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.package-item,[data-reveal-section] *{opacity:1!important;transform:none!important}.pointer-glow,.scroll-progress{display:none!important}.image-wrap::after{display:none!important}.image-wrap img{opacity:1!important;transform:none!important;filter:saturate(.82)!important}}

/* Keep the category controls visually separate from project results. */
@media(min-width:901px){.projects--list{padding-top:205px}.projects--grid{padding-top:225px}.projects--feature{padding-top:225px}}

/* Fixed portfolio controls leave the stage before the editorial sections. */
.identity,.page-label{transition:opacity .35s ease,visibility .35s ease,transform .5s cubic-bezier(.2,.75,.2,1)}
body.beyond-projects .identity{opacity:0;visibility:hidden;transform:translateX(-28px);pointer-events:none}
body.beyond-projects .page-label{opacity:0;visibility:hidden;transform:translateY(-15px)}
body.beyond-projects .topbar{pointer-events:none}
body.beyond-projects .top-actions{pointer-events:auto}
body.beyond-projects .view-switcher{display:none}
@media(max-width:900px){body.beyond-projects .identity{display:none}body.beyond-projects .page-label{display:none}}

/* APAX-inspired featured slideshow */
.projects--feature{position:relative}.projects--feature .project-card{display:none}.projects--feature .project-card.is-featured-active,.projects--feature .project-card.is-featured-leaving{display:block}.projects--feature .project-card.is-featured-leaving{position:absolute;z-index:1;top:225px;left:0;right:13vw;pointer-events:none;animation:featureOut .55s cubic-bezier(.76,0,.24,1) both}.projects--feature .project-card.is-featured-active{position:relative;z-index:2}.projects--feature .project-card.is-featured-entering .image-wrap{animation:featureIn .75s cubic-bezier(.76,0,.24,1) both}.projects--feature .image-wrap{cursor:e-resize}.projects--feature .image-wrap::before{content:'klik untuk proyek berikutnya';position:absolute;z-index:3;left:14px;top:13px;padding:6px 9px;background:rgba(5,5,5,.72);color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.09em;opacity:0;transform:translateY(-5px);transition:.25s;pointer-events:none}.projects--feature .image-wrap:hover::before{opacity:1;transform:none}.feature-progress{display:none}.projects--feature .is-featured-active .feature-progress{display:block;position:absolute;z-index:4;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.28);overflow:hidden}.projects--feature .is-featured-active .feature-progress::after{content:'';display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;animation:featureProgress 3.5s linear both}
@keyframes featureIn{from{clip-path:inset(0 100% 0 0);transform:scale(.985)}to{clip-path:inset(0);transform:none}}@keyframes featureOut{to{opacity:0;transform:scale(.975)}}@keyframes featureProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.projects--feature .project-card.is-featured-leaving{top:20px;left:14px;right:14px}.projects--feature .image-wrap::before{display:none}}
@media(prefers-reduced-motion:reduce){.projects--feature .is-featured-active .feature-progress::after{animation:none;transform:scaleX(1)}}
.projects--feature .project-card.is-featured-active,.projects--feature .project-card.is-featured-leaving{display:block!important}

/* Selected-projects presentation used directly on the home page. */
.projects--selected{display:block;margin-left:365px;padding:225px 20px 120px 0;min-height:100vh}.projects--selected .project-card{width:43%;animation:none}.projects--selected .project-card>a{display:block}.projects--selected .image-wrap{position:fixed;z-index:8;left:59%;right:20px;top:50%;width:auto;aspect-ratio:1/1;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:opacity .18s,visibility .18s,clip-path .72s cubic-bezier(.76,0,.24,1)}.projects--selected .project-card.is-selected-active .image-wrap{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0)}.projects--selected .image-wrap::before,.projects--selected .feature-progress{display:none!important}.projects--selected .image-wrap img{height:calc(100% + 36px);transform:translateY(var(--parallax,0)) scale(1.06)}.projects--selected .project-card.is-selected-active .image-wrap img{transform:translateY(var(--parallax,0)) scale(1)}.projects--selected .project-meta,.projects--selected .project-card:hover .project-meta{display:block;height:auto;opacity:1;padding:5px 0;overflow:visible}.projects--selected .project-meta h2{font-size:clamp(30px,3.4vw,56px);line-height:.95;letter-spacing:-.06em;color:var(--muted);transition:color .25s,transform .25s}.projects--selected .project-card.is-selected-active .project-meta h2{color:var(--fg);transform:translateX(8px)}.projects--selected .project-meta p{display:block;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.09em;opacity:0;transition:opacity .25s;margin:5px 0 0 8px}.projects--selected .project-card.is-selected-active .project-meta p{opacity:1}.projects--selected .project-meta span{display:none}.projects--selected .project-card[hidden]{display:none}.projects--selected+.landing-footer{position:relative;z-index:12}.beyond-projects .projects--selected .image-wrap{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:900px){.projects--selected{margin-left:0;padding:20px 14px 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.projects--selected .project-card{width:auto}.projects--selected .image-wrap{position:relative;inset:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;clip-path:none;aspect-ratio:4/3}.projects--selected .project-meta,.projects--selected .project-card:hover .project-meta{padding:9px 0 18px}.projects--selected .project-meta h2{font-size:15px;line-height:1.2;color:var(--fg)}.projects--selected .project-card.is-selected-active .project-meta h2{transform:none}.projects--selected .project-meta p,.projects--selected .project-card.is-selected-active .project-meta p{opacity:1;margin-left:0}.beyond-projects .projects--selected .image-wrap{opacity:1!important;visibility:visible!important}}
@media(max-width:540px){.projects--selected{grid-template-columns:1fr}}
.all-projects-link{display:inline-flex;align-items:center;margin-left:7px;padding:6px 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--soft);transition:color .2s,border-color .2s}.all-projects-link:hover{color:var(--fg);border-color:var(--fg)}
.menu-overlay.open nav a:nth-child(5){transition-delay:.42s}
@media(max-height:760px) and (min-width:541px){.menu-overlay nav a{font-size:clamp(48px,7.5vw,96px)}}
.image-wrap { position: relative; overflow: hidden; contain: paint layout; transform: translateZ(0); -webkit-transform: translateZ(0); }
@keyframes pureWipeIn { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.image-wrap img.img-a, .image-wrap img.img-b { position: absolute; inset: 0; width: 100%; height: calc(100% + 36px); margin-top: -18px; object-fit: cover; opacity: 0; z-index: 1; pointer-events: none; will-change: clip-path, opacity; transform: translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.image-wrap img.is-active { opacity: 1; z-index: 2; clip-path: none; pointer-events: auto; }
.image-wrap img.is-incoming { opacity: 1; z-index: 3; animation: pureWipeIn 0.65s cubic-bezier(0.76, 0, 0.24, 1) forwards; pointer-events: auto; }

.category-tooltip-pill {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  color: #0b0b0b;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.22s ease-out, transform 0.12s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.08);
  white-space: nowrap;
}
.category-tooltip-pill .badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000000;
}
.image-wrap.is-hovering .category-tooltip-pill {
  opacity: 1;
}

.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:rgba(11,11,11,.65);font-weight:600}
:root[data-theme=dark] .section-kicker{color:rgba(242,241,237,.7)}

/* Testimonials */
.testimonials-section{padding:140px 20px;background:var(--bg);color:var(--fg)}.testimonials-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:100px}.testimonials-heading h2{margin:0;max-width:11ch;font-size:clamp(52px,7.5vw,116px);line-height:.88;letter-spacing:-.07em;font-weight:600}.testimonial-list{border-top:1px solid var(--soft)}.testimonial-item{display:grid;grid-template-columns:70px minmax(0,2fr) minmax(220px,1fr);gap:30px;padding:34px 0;border-bottom:1px solid var(--soft)}.testimonial-index{font-size:13px;color:rgba(11,11,11,.55);font-weight:600;letter-spacing:.1em}.testimonial-item blockquote{margin:0;max-width:38ch;font-size:clamp(20px,2.35vw,36px);line-height:1.16;letter-spacing:-.04em}.testimonial-person{display:flex;flex-direction:column;align-items:flex-start;padding-top:3px}.testimonial-person strong{font-size:15px;font-weight:600;color:var(--fg)}.testimonial-person span{margin-top:5px;color:rgba(11,11,11,.62);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;font-weight:500}.testimonial-person small{margin-top:auto;padding-top:20px;color:#ffb400;font-size:16px;letter-spacing:4px;font-weight:700}
:root[data-theme=dark] .testimonial-index,:root[data-theme=dark] .testimonial-person span{color:rgba(242,241,237,.68)}

/* Complete contact information */
.contact-details{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;gap:24px;margin-top:85px;padding-top:20px;border-top:1px solid rgba(0,0,0,.25)}
.contact-map{min-height:420px;overflow:hidden;background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.2);border-radius:6px}
.contact-map iframe{display:block;width:100%;height:100%;min-height:420px;border:0;filter:none;transition:filter .3s}
.contact-map:hover iframe{filter:none}
.contact-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,0,0,.25);border-left:1px solid rgba(0,0,0,.25)}
.contact-facts>a,.contact-facts>div{min-width:0;padding:22px 18px;border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);color:var(--fg);text-decoration:none;display:flex;flex-direction:column;gap:14px;transition:background .3s}
.contact-facts>a:hover{background:var(--soft)}
.contact-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:6px}
.contact-facts span i{font-size:12px;color:var(--fg)}
.contact-facts strong{font-size:16px;line-height:1.4;font-weight:600;word-break:break-word;color:var(--fg)}
.contact-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;padding-top:12px}
.contact-socials a{color:#ffffff !important;text-decoration:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:10px 20px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.contact-socials a i{font-size:15px;color:#ffffff !important}
.contact-socials a.social-tt{background:#000000 !important}
.contact-socials a.social-yt{background:#e60000 !important}
.contact-socials a.social-wa{background:#25d366 !important}
.contact-socials a.social-ig{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important}
.contact-socials a:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.menu-overlay.open nav a:nth-child(6){transition-delay:.48s}@media(max-height:820px) and (min-width:541px){.menu-overlay nav a{font-size:clamp(43px,6.6vw,84px)}}
@media(max-width:900px){.testimonials-heading{grid-template-columns:1fr;margin-bottom:60px}.testimonials-heading h2{margin-top:42px}.testimonial-item{grid-template-columns:38px 1fr}.testimonial-person{grid-column:2}.contact-details{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:340px}}
@media(max-width:540px){.testimonials-section{padding:90px 15px}.testimonials-heading h2{font-size:50px}.testimonial-item{grid-template-columns:25px 1fr;gap:14px}.testimonial-item blockquote{font-size:21px}.contact-facts{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:280px}.contact-socials{gap:14px}}
.projects--feature .project-card.is-featured-leaving{display:none!important;animation:none!important;position:static!important}.projects--feature .project-card.is-featured-entering .image-wrap{animation:featureInClean .76s cubic-bezier(.22,1,.36,1) both}.projects--feature .project-card.is-featured-entering .project-meta{animation:metaIn .5s .16s ease both}
@keyframes featureInClean{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes metaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}


/* Logo Auto Theme Switching */
:root[data-theme="dark"] .logo-dark, [data-theme="dark"] .logo-dark { display: block !important; }
:root[data-theme="dark"] .logo-light, [data-theme="dark"] .logo-light { display: none !important; }
:root[data-theme="light"] .logo-dark, [data-theme="light"] .logo-dark { display: none !important; }
:root[data-theme="light"] .logo-light, [data-theme="light"] .logo-light { display: block !important; }


/* Enhanced Responsive Brand Logo */
.brand-top-logo {
  height: 52px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  transition: transform .25s ease, opacity .25s ease;
}
.brand-top-logo:hover {
  transform: scale(1.04);
}
@media (max-width: 900px) {
  .brand-top-logo {
    height: 44px;
  }
}
@media (max-width: 480px) {
  .brand-top-logo {
    height: 40px;
  }
}


/* Swapped Wordmark (Top-Left) and Emblem Logo (Bottom-Left) */
.topbar-wordmark {
  pointer-events: auto;
  text-decoration: none;
  color: var(--fg);
  display: inline-flex;
  flex-direction: column;
  line-height: .75;
  letter-spacing: -.07em;
  font-weight: 700;
  font-size: 38px;
  transition: opacity .2s ease, transform .2s ease;
  animation: motionFadeIn .8s .15s cubic-bezier(.2,.8,.2,1) both;
}
.topbar-wordmark span:last-child {
  font-size: 16px;
  letter-spacing: -.04em;
  margin-top: 6px;
  margin-left: 2px;
  font-weight: 600;
  color: var(--muted);
}
.topbar-wordmark:hover {
  opacity: .8;
}
.identity-emblem-link {
  pointer-events: auto;
  display: inline-block;
  text-decoration: none;
  transition: transform .25s ease, opacity .25s ease;
  animation: motionFadeIn .8s .25s cubic-bezier(.2,.8,.2,1) both;
}
.identity-emblem-link:hover {
  transform: scale(1.05);
}
.identity-emblem {
  height: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  max-width: 120px !important;
  object-fit: contain !important;
  display: block;
}
@media (max-width: 900px) {
  .topbar-wordmark {
    font-size: 30px;
  }
  .topbar-wordmark span:last-child {
    font-size: 13px;
    margin-top: 4px;
  }
  .identity-emblem {
    height: 60px;
  }
}


/* Floating WhatsApp Button (Smart Scroll) */
.floating-wa-btn {
  position: fixed;
  z-index: 99;
  bottom: 24px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #25d366;
  color: #ffffff !important;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), opacity .25s ease, box-shadow .2s ease;
  pointer-events: auto;
  animation: motionFadeIn .8s .4s cubic-bezier(.2, .8, .2, 1) both;
}
.floating-wa-btn i {
  font-size: 20px;
  line-height: 1;
}
.floating-wa-btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 30px rgba(37, 211, 102, 0.55);
  color: #ffffff !important;
}
body.nav-scrolling-hide:not(.menu-open) .floating-wa-btn {
  transform: translateY(28px);
  opacity: 0;
  pointer-events: none !important;
}
@media (max-width: 900px) {
  .floating-wa-btn {
    bottom: 20px;
    right: 20px;
    padding: 9px 15px;
    font-size: 12px;
  }
}
