/* ================================================================
   BBB CMS — PREMIUM FRONTEND FOUNDATION
   ================================================================ */
:root{
  --bbb-accent:var(--green);
  --bbb-accent-2:var(--brown);
  --bbb-surface:var(--body-bg);
  --bbb-card:var(--card-bg);
  --bbb-line:var(--line-color);
  --bbb-text:var(--text);
  --bbb-muted:var(--muted);
  --bbb-gold-glow:color-mix(in srgb,var(--green) 34%,transparent);
}
html{scroll-behavior:smooth}
.cms2{background:var(--body-bg)!important;color:var(--text);font-family:Inter,Arial,sans-serif}
.cms2 main[data-builder-root]{overflow:clip!important}
.cms2 h1,.cms2 h2,.cms2 h3,.cms2 h4{font-family:inherit;letter-spacing:-.035em}
.cms2 .container{width:min(var(--container-width,1240px),calc(100% - max(32px,var(--container-gutter,40px))));margin-inline:auto}
.cms2 .section-space{padding-block:var(--section-space,92px)}

/* Header: mark only */
.cms2-header{background:color-mix(in srgb,var(--header-bg) 92%,transparent)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none!important;border-bottom:1px solid var(--header-border)!important}
.cms2-nav{min-height:var(--zp-header-height-desktop,76px)!important;gap:26px!important}
.cms2-brand{flex:0 0 var(--zp-header-logo-desktop,48px)!important;width:var(--zp-header-logo-desktop,48px);height:calc(var(--zp-header-logo-desktop,48px) + 10px);padding:4px 0;display:grid!important;place-items:center}
.cms2-brand img{width:var(--zp-header-logo-desktop,48px)!important;height:var(--zp-header-logo-desktop,48px)!important;max-width:var(--zp-header-logo-desktop,48px)!important;object-fit:contain!important;filter:drop-shadow(0 4px 14px var(--bbb-gold-glow))}
.cms2-navigation{gap:var(--zp-header-nav-gap,26px)!important}
.cms2-nav-group{display:flex;align-items:center}
.cms2-nav-item{min-width:0!important;display:flex!important;align-items:center!important;padding:9px 2px!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.09em;font-weight:780!important;color:var(--header-muted)!important}
.cms2-nav-item svg{display:none!important}
.cms2-nav-item:hover,.cms2-nav-item.active{color:var(--header-text)!important}
.cms2-nav-item.active:after{height:2px!important;width:100%!important;background:var(--green)!important;box-shadow:0 0 16px var(--bbb-gold-glow)}
.cms2-language .language-button{min-height:38px;padding:7px 9px!important;border-radius:10px!important}
.cms2-language .language-button img{width:25px!important}
.cms2-call-button{border-radius:10px!important;background:var(--green)!important;color:#101010!important;padding:11px 16px!important;box-shadow:0 8px 24px var(--bbb-gold-glow)}

/* Core buttons */
.cms2 .btn{min-height:var(--button-height,48px);padding-inline:var(--button-padding-x,22px);border-radius:var(--radius-button,10px);background:var(--button-primary-bg,var(--green));color:var(--button-primary-text,#0b0b0d);border:1px solid var(--button-primary-border,var(--green));box-shadow:var(--button-primary-shadow,none);text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;font-weight:850;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.cms2 .btn:hover{transform:translateY(-2px);background:var(--button-primary-hover-bg,var(--brown));color:var(--button-primary-hover-text,#0b0b0d);box-shadow:0 12px 34px var(--bbb-gold-glow)}
.cms2 .btn.secondary{background:var(--button-secondary-bg,transparent)!important;color:var(--button-secondary-text,var(--text))!important;border-color:var(--button-secondary-border,var(--green))!important;box-shadow:none}
.cms2 .btn.secondary:hover{background:var(--button-secondary-hover-bg,var(--green))!important;color:var(--button-secondary-hover-text,#0b0b0d)!important}

.bbb-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.bbb-kicker:before{content:"";width:20px;height:1px;background:currentColor;box-shadow:0 0 12px currentColor}

/* Hero */
.bbb-hero{position:relative;isolation:isolate;min-height:760px;display:grid;align-items:center;padding:82px 0 72px;background:
  radial-gradient(circle at 70% 42%,color-mix(in srgb,var(--green) 13%,transparent),transparent 32%),
  linear-gradient(180deg,color-mix(in srgb,var(--body-bg) 97%,var(--green) 3%),var(--body-bg));
  border-bottom:1px solid var(--line-color)}
.bbb-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--line-color) 26%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line-color) 22%,transparent) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 72%);opacity:.38}
.bbb-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(520px,.97fr);gap:52px;align-items:center}
.bbb-hero-copy{position:relative;z-index:4;max-width:690px}
.bbb-hero h1{margin:20px 0 24px;font-size:clamp(3.4rem,6.2vw,6.25rem);line-height:.93;color:var(--hero-text);font-weight:650;letter-spacing:-.062em;text-wrap:balance}
.bbb-hero h1::selection{background:var(--green);color:#080808}
.bbb-hero-lead{max-width:610px;margin:0;color:var(--hero-muted);font-size:1.08rem;line-height:1.78}
.bbb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.bbb-hero-actions .btn{min-width:164px}
.bbb-capability-strip{margin-top:46px;padding-top:20px;border-top:1px solid var(--line-color);color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}

.bbb-hero-visual{position:relative;height:590px;perspective:1400px}
.bbb-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--green) 42%,transparent);border-radius:50%;filter:drop-shadow(0 0 14px var(--bbb-gold-glow));opacity:.54}
.orbit-one{width:560px;height:265px;right:-60px;top:172px;transform:rotate(-15deg)}
.orbit-two{width:480px;height:220px;right:5px;top:200px;transform:rotate(12deg)}
.bbb-device-laptop{position:absolute;z-index:2;width:510px;height:327px;right:20px;top:102px;border:1px solid #3b3b3f;border-radius:17px;background:#0a0a0c;box-shadow:0 44px 90px rgba(0,0,0,.48),0 0 60px color-mix(in srgb,var(--green) 14%,transparent);transform:rotateY(-9deg) rotateX(4deg) rotateZ(-3deg);overflow:hidden}
.bbb-device-laptop:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-22px;height:24px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#3d3d40,#101012);box-shadow:0 10px 18px rgba(0,0,0,.45)}
.bbb-laptop-topbar{height:42px;display:flex;align-items:center;gap:6px;padding:7px 13px;border-bottom:1px solid #252529;background:#101012}
.bbb-laptop-topbar img{width:29px;height:29px;object-fit:contain;margin-right:auto}.bbb-laptop-topbar i{width:5px;height:5px;border-radius:50%;background:#444}
.bbb-laptop-screen{height:calc(100% - 42px);display:flex;flex-direction:column;justify-content:center;padding:38px;background:radial-gradient(circle at 82% 35%,rgba(255,255,255,.08),transparent 33%),linear-gradient(135deg,#09090b,#16161a);color:#f5f5f5}
.bbb-laptop-screen span{font-size:.56rem;letter-spacing:.2em;color:var(--green)}
.bbb-laptop-screen strong{margin:12px 0;font:600 2.42rem/.95 var(--font-heading,Inter Display,Inter,sans-serif);letter-spacing:-.045em}.bbb-laptop-screen em{font-style:normal;color:var(--green)}.bbb-laptop-screen small{color:#8f8f94}
.bbb-device-phone{position:absolute;z-index:4;width:166px;height:337px;right:-5px;top:254px;border:5px solid #202024;border-radius:29px;background:linear-gradient(160deg,#111115,#050506);box-shadow:0 38px 70px rgba(0,0,0,.55),0 0 42px var(--bbb-gold-glow);padding:42px 17px 20px;color:#fff;transform:rotate(6deg)}
.bbb-phone-notch{position:absolute;top:8px;left:50%;width:58px;height:13px;border-radius:999px;background:#030304;transform:translateX(-50%)}
.bbb-device-phone img{width:28px;height:28px;object-fit:contain;margin-bottom:28px}.bbb-device-phone strong{display:block;font:700 1.22rem/1.05 var(--font-heading,Inter Display,Inter,sans-serif);letter-spacing:-.04em}.bbb-device-phone em{color:var(--green);font-style:normal}.bbb-device-phone small{position:absolute;bottom:19px;left:17px;color:#6f7075;font-size:.56rem;text-transform:uppercase;letter-spacing:.12em}
.bbb-floating-mark{position:absolute;z-index:5;right:102px;bottom:16px;width:92px;height:92px;border-radius:24px;border:1px solid color-mix(in srgb,var(--green) 44%,#2c2c2e);background:linear-gradient(145deg,#171719,#080809);display:grid;place-items:center;box-shadow:0 20px 45px rgba(0,0,0,.42),0 0 28px var(--bbb-gold-glow);transform:rotate(8deg)}.bbb-floating-mark img{width:72px;height:72px;object-fit:contain}
.bbb-gold-trace{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 12px var(--green);transform-origin:left center;opacity:.7}.trace-a{width:620px;right:-80px;top:455px;transform:rotate(-13deg)}.trace-b{width:470px;right:15px;top:480px;transform:rotate(7deg)}

/* Section heading */
.bbb-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:50px;align-items:end;margin-bottom:42px}.bbb-section-heading h2{max-width:680px;margin:10px 0 0;color:var(--text);font-size:clamp(2.35rem,4.4vw,4.5rem);line-height:.98;font-weight:650}.bbb-section-heading>p{margin:0;color:var(--muted);line-height:1.75}.bbb-section-heading.compact-heading{grid-template-columns:1fr auto;align-items:end}.bbb-text-link{color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}

/* Services */
.bbb-services{background:var(--body-bg);border-bottom:1px solid var(--line-color)}
.bbb-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bbb-service-card{position:relative;min-height:294px;padding:25px;border:1px solid var(--line-color);border-radius:var(--radius-medium);background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 94%,var(--green) 6%));box-shadow:var(--shadow-card);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.bbb-service-card:before{content:"";position:absolute;inset:auto -20% -65% 25%;height:210px;background:radial-gradient(circle,color-mix(in srgb,var(--green) 16%,transparent),transparent 68%);opacity:0;transition:.25s}.bbb-service-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--green) 58%,var(--line-color));box-shadow:var(--shadow-floating)}.bbb-service-card:hover:before{opacity:1}
.bbb-service-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:42px}.bbb-service-icon img,.bbb-service-icon svg{max-width:46px;max-height:46px;object-fit:contain}.bbb-card-index{position:absolute;right:22px;top:22px;color:color-mix(in srgb,var(--muted) 68%,transparent);font-size:.66rem;letter-spacing:.14em}.bbb-service-card h3{margin:0 0 12px;font-size:1.28rem}.bbb-service-card p{min-height:70px;margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.65}.bbb-service-card a{position:relative;color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* Work */
.bbb-work{background:var(--section-alt-bg);border-bottom:1px solid var(--line-color)}
.bbb-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bbb-project-card{border:1px solid var(--line-color);border-radius:var(--radius-medium);background:var(--card-bg);overflow:hidden;box-shadow:var(--shadow-card)}.bbb-project-media{aspect-ratio:1.42;overflow:hidden;background:#0c0c0e}.bbb-project-media button{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.bbb-project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.bbb-project-card:hover .bbb-project-media img{transform:scale(1.035)}.bbb-project-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--green) 13%,transparent),transparent 42%),#0a0a0b}.bbb-project-placeholder img{width:120px;height:120px;object-fit:contain;opacity:.84}.bbb-project-meta{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:20px}.bbb-project-meta span{color:var(--green);font-size:.59rem;font-weight:900;letter-spacing:.14em}.bbb-project-meta h3{margin:6px 0 7px;font-size:1.18rem}.bbb-project-meta p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.bbb-project-meta>a{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--line-color);border-radius:50%;color:var(--green)}
.bbb-empty-projects{min-height:300px;display:grid;place-items:center;text-align:center;padding:45px;border:1px dashed color-mix(in srgb,var(--line-color) 80%,var(--green));border-radius:var(--radius-large);background:var(--card-bg)}.bbb-empty-projects p{max-width:620px;color:var(--muted);line-height:1.7}.bbb-empty-visual{width:210px;height:92px;display:flex;gap:8px;align-items:end;justify-content:center}.bbb-empty-visual span{display:block;width:54px;border:1px solid var(--line-color);border-radius:8px;background:linear-gradient(145deg,var(--section-alt-bg),var(--card-bg))}.bbb-empty-visual span:nth-child(1){height:62px}.bbb-empty-visual span:nth-child(2){height:88px;border-color:color-mix(in srgb,var(--green) 50%,var(--line-color))}.bbb-empty-visual span:nth-child(3){height:72px}

/* CMS showcase */
.bbb-cms-showcase{position:relative;background:var(--body-bg);border-bottom:1px solid var(--line-color)}
.bbb-cms-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(570px,1.3fr);gap:55px;align-items:center}
.bbb-cms-copy{max-width:470px}.bbb-cms-mark{width:78px;height:78px;display:grid;place-items:center;margin-bottom:26px;border:1px solid color-mix(in srgb,var(--green) 48%,var(--line-color));border-radius:22px;background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 92%,var(--green) 8%));box-shadow:0 16px 40px var(--bbb-gold-glow)}.bbb-cms-mark img{width:62px;height:62px;object-fit:contain}.bbb-cms-copy h2{margin:12px 0 18px;font-size:clamp(2.7rem,5vw,4.7rem);line-height:.94}.bbb-cms-copy p{margin:0 0 28px;color:var(--muted);line-height:1.75}
.bbb-cms-dashboard{min-height:480px;display:grid;grid-template-columns:178px 1fr;border:1px solid #2f3033;border-radius:20px;background:#0c0d0f;color:#ececef;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.34),0 0 50px color-mix(in srgb,var(--green) 10%,transparent)}
.bbb-cms-dashboard aside{padding:18px 13px;background:#111214;border-right:1px solid #27282c}.bbb-dashboard-brand{display:flex;align-items:center;gap:9px;padding:0 5px 19px;border-bottom:1px solid #292a2e}.bbb-dashboard-brand img{width:35px;height:35px;object-fit:contain}.bbb-dashboard-brand strong{font-size:.78rem}.bbb-cms-dashboard nav{display:grid;gap:5px;margin-top:16px}.bbb-cms-dashboard nav span,.bbb-cms-dashboard nav b{display:block;padding:9px 10px;border-radius:8px;font-size:.72rem;color:#94969c;font-weight:650}.bbb-cms-dashboard nav b{background:color-mix(in srgb,var(--green) 18%,#16171a);color:var(--green)}
.bbb-dashboard-main{padding:22px}.bbb-dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.bbb-dashboard-head small{display:block;color:#777a81;font-size:.57rem;letter-spacing:.14em}.bbb-dashboard-head strong{display:block;margin-top:3px;font-size:1.32rem}.bbb-dashboard-head i{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--green),#24252a 47%,#0a0a0b 50%)}
.bbb-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.bbb-dashboard-stats article{padding:14px;border:1px solid #2a2b2f;border-radius:11px;background:#15161a}.bbb-dashboard-stats small{color:#7c7e85;font-size:.59rem}.bbb-dashboard-stats strong{display:block;margin:7px 0;font-size:1.38rem}.bbb-dashboard-stats em{font-style:normal;color:#8ca784;font-size:.56rem}.bbb-dashboard-table{margin-top:15px;padding:16px;border:1px solid #292a2e;border-radius:12px;background:#121317}.bbb-dashboard-table>div,.bbb-dashboard-table p{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center}.bbb-dashboard-table>div{padding-bottom:11px;border-bottom:1px solid #292a2e}.bbb-dashboard-table>div span{color:#6d7077;font-size:.62rem}.bbb-dashboard-table p{margin:0;padding:12px 0;border-bottom:1px solid #242529;font-size:.7rem}.bbb-dashboard-table p:last-child{border:0}.bbb-dashboard-table p span{color:#8ca784}

/* Process */
.bbb-process{background:var(--section-alt-bg);border-bottom:1px solid var(--line-color)}
.bbb-process-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:56px}.bbb-process-line:before{content:"";position:absolute;left:8%;right:8%;top:27px;height:1px;background:linear-gradient(90deg,transparent,var(--green) 12%,var(--green) 88%,transparent);opacity:.58}.bbb-process-line article{position:relative;z-index:1;text-align:center}.bbb-step-icon{width:56px;height:56px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;background:var(--section-alt-bg);color:var(--green);font-size:.62rem;font-weight:900;box-shadow:0 0 20px color-mix(in srgb,var(--green) 12%,transparent)}.bbb-process-line h3{margin:0 0 8px;font-size:.9rem;color:var(--text)}.bbb-process-line p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}

/* CTA */
.bbb-final-cta{position:relative;padding:76px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--footer-bg) 96%,var(--green) 4%),var(--footer-bg));color:var(--footer-text);overflow:hidden}.bbb-final-cta:before{content:"";position:absolute;width:600px;height:240px;left:-120px;bottom:-100px;border:1px solid color-mix(in srgb,var(--green) 48%,transparent);border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 45px var(--bbb-gold-glow)}.bbb-final-cta-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.bbb-final-cta h2{max-width:700px;margin:10px 0 0;color:var(--footer-text);font-size:clamp(2.7rem,5vw,5.1rem);line-height:.94}.bbb-final-cta p{color:var(--footer-muted);line-height:1.7}

/* Inner pages brought into same visual system */
.cms2 .page-hero{padding:110px 0 72px!important;background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--green) 12%,transparent),transparent 30%),var(--section-alt-bg)!important;border-bottom:1px solid var(--line-color)}.cms2 .page-hero h1{margin:10px 0 10px;font-size:clamp(3rem,6vw,6rem);line-height:.95}.cms2 .page-hero p{max-width:720px;font-size:1.05rem;line-height:1.7}.cms2 .service-detail-card,.cms2 .contact-card,.cms2 .project-card,.cms2 .program-chip{border-radius:var(--radius-medium)!important;box-shadow:var(--shadow-card)!important}.cms2 .service-detail-card{background:var(--card-bg)!important}.cms2 .service-index,.cms2 .section-kicker{color:var(--green)!important}.cms2 .contact-channel-icon{background:var(--section-alt-bg)!important;border-color:var(--line-color)!important}

/* Footer */
.cms2 .site-footer{padding-top:var(--bbb-footer-space-desktop,68px)!important;background:var(--footer-bg)!important}.cms2 .site-footer.bbb-footer-divider{border-top:1px solid var(--header-border,var(--line-color))}.cms2 .site-footer .footer-brand img{width:min(100%,var(--bbb-footer-logo-desktop,260px))!important;max-height:140px!important;object-fit:contain!important;object-position:left center!important}.cms2 .site-footer h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.cms2 .site-footer p,.cms2 .site-footer a{font-size:.84rem;line-height:1.75}.cms2 .site-footer a:hover{color:var(--green)!important}.cms2 .footer-credit-bar{background:color-mix(in srgb,var(--footer-bg) 96%,var(--green) 4%)!important}.cms2 .footer-credit-bar a{color:var(--green)!important}
.cms2 .site-footer.bbb-footer-style-editorial .footer-grid{column-gap:clamp(42px,5vw,92px);row-gap:48px}.cms2 .site-footer.bbb-footer-style-editorial .footer-brand p{max-width:390px}.cms2 .site-footer.bbb-footer-style-balanced .footer-grid{column-gap:38px}.cms2 .site-footer.bbb-footer-style-compact{padding-top:max(34px,calc(var(--bbb-footer-space-desktop,68px)*.72))!important}.cms2 .site-footer.bbb-footer-style-compact .footer-grid{gap:28px}.cms2 .site-footer.bbb-footer-style-compact .footer-brand img{max-height:96px!important}

/* Light theme treatment is automatic via variables; keep dark product mockups intentional. */
@media(max-width:1120px){
 .bbb-hero-grid{grid-template-columns:1fr 480px;gap:30px}.bbb-hero-visual{transform:scale(.9);transform-origin:center right}.bbb-cms-grid{grid-template-columns:1fr}.bbb-cms-copy{max-width:720px}.bbb-service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
 .cms2-nav{min-height:var(--zp-header-height-mobile,72px)!important}.cms2-brand{flex-basis:var(--zp-header-logo-mobile,44px)!important;width:var(--zp-header-logo-mobile,44px)!important;height:calc(var(--zp-header-logo-mobile,44px) + 8px)!important}.cms2-brand img{width:var(--zp-header-logo-mobile,44px)!important;height:var(--zp-header-logo-mobile,44px)!important;max-width:var(--zp-header-logo-mobile,44px)!important}.cms2-navigation{background:color-mix(in srgb,var(--mobile-menu-bg) 96%,transparent)!important;backdrop-filter:blur(18px);padding-top:20px!important}.cms2-nav-item{padding:15px!important;font-size:.86rem!important}
 .bbb-hero{min-height:0;padding:72px 0 54px}.bbb-hero-grid{grid-template-columns:1fr}.bbb-hero-copy{max-width:760px}.bbb-hero-visual{height:520px;transform:scale(.92);transform-origin:center top}.bbb-device-laptop{left:50%;right:auto;transform:translateX(-52%) rotateY(-7deg) rotateX(4deg) rotateZ(-3deg)}.bbb-device-phone{right:8%}.bbb-floating-mark{right:21%}.bbb-section-heading{grid-template-columns:1fr;gap:16px}.bbb-project-grid{grid-template-columns:1fr}.bbb-project-media{aspect-ratio:1.75}.bbb-cms-dashboard{min-height:440px}.bbb-process-line{grid-template-columns:1fr 1fr;gap:34px}.bbb-process-line:before{display:none}.bbb-final-cta-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:650px){
 .cms2 .site-footer{padding-top:var(--bbb-footer-space-mobile,48px)!important}.cms2 .site-footer .footer-brand img{width:min(100%,var(--bbb-footer-logo-mobile,210px))!important}.cms2 .footer-grid{gap:34px!important}
 .cms2 .container{width:min(100% - 28px,var(--container-width,1240px))}.bbb-hero{padding-top:52px}.bbb-hero h1{font-size:clamp(2.85rem,14vw,4.3rem)}.bbb-hero-lead{font-size:.98rem}.bbb-capability-strip{line-height:1.75}.bbb-hero-visual{height:410px;transform:none}.bbb-device-laptop{width:340px;height:220px;top:70px}.bbb-laptop-topbar{height:32px}.bbb-laptop-screen{height:calc(100% - 32px);padding:24px}.bbb-laptop-screen strong{font-size:1.62rem}.bbb-device-phone{width:116px;height:238px;top:190px;right:2%;border-width:4px;border-radius:22px;padding:34px 11px 14px}.bbb-phone-notch{width:42px}.bbb-device-phone img{width:22px;height:22px;margin-bottom:18px}.bbb-device-phone strong{font-size:.84rem}.bbb-floating-mark{width:66px;height:66px;right:22%;bottom:5px;border-radius:18px}.bbb-floating-mark img{width:52px;height:52px}.orbit-one{width:370px;height:180px}.orbit-two{width:330px;height:150px}.bbb-service-grid{grid-template-columns:1fr}.bbb-service-card{min-height:250px}.bbb-section-heading h2{font-size:2.7rem}.bbb-cms-dashboard{grid-template-columns:1fr;min-height:0}.bbb-cms-dashboard aside{display:none}.bbb-dashboard-stats{grid-template-columns:1fr 1fr}.bbb-process-line{grid-template-columns:1fr}.bbb-process-line article{display:grid;grid-template-columns:56px 1fr;column-gap:16px;text-align:left}.bbb-step-icon{grid-row:1/3;margin:0}.bbb-process-line h3{align-self:end}.bbb-project-media{aspect-ratio:1.35}
}

/* ================================================================
   BBB CMS 0.2 — THEME PERSONALITIES
   Same content system, four deliberately different visual finishes.
   ================================================================ */
.cms2 .bbb-service-card,.cms2 .bbb-project-card,.cms2 .bbb-cms-dashboard,.cms2 .contact-card,
.cms2 .service-detail-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}
.cms2 .bbb-service-card:hover,.cms2 .bbb-project-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--green) 58%,var(--line-color));box-shadow:var(--shadow-floating)}
.cms2 .bbb-project-card:hover .bbb-project-media img{transform:scale(1.035)}
.cms2 .bbb-project-media img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}

/* AUREUM — black / gold, editorial luxury. */
.theme-bbb-aureum h1,.theme-bbb-aureum h2,.theme-bbb-aureum h3,.theme-bbb-aureum h4,
.theme-bbb-aureum .bbb-laptop-screen strong,.theme-bbb-aureum .bbb-device-phone strong{font-family:Georgia,'Times New Roman',serif}
.theme-bbb-aureum .bbb-hero{background:
 radial-gradient(circle at 72% 38%,rgba(216,165,45,.15),transparent 30%),
 radial-gradient(circle at 18% 82%,rgba(216,165,45,.07),transparent 27%),
 linear-gradient(180deg,#050506,var(--body-bg))}
.theme-bbb-aureum .bbb-hero:after{content:"";position:absolute;inset:auto -8% 8% 34%;height:220px;z-index:-1;border:1px solid rgba(216,165,45,.22);border-radius:50%;transform:rotate(-9deg);filter:drop-shadow(0 0 24px rgba(216,165,45,.12));pointer-events:none}
.theme-bbb-aureum .bbb-service-card{background:linear-gradient(145deg,#111113,#0c0c0e)}
.theme-bbb-aureum .bbb-project-card{background:linear-gradient(180deg,#111113,#09090b)}
.theme-bbb-aureum .bbb-kicker{letter-spacing:.19em}
.theme-bbb-aureum .btn{letter-spacing:.09em}

/* EMBER — the native BBB identity: fast, graphic, orange energy. */
.theme-bbb-ember .bbb-hero{background:
 radial-gradient(circle at 74% 42%,rgba(255,126,5,.17),transparent 31%),
 linear-gradient(180deg,#08080a,var(--body-bg))}
.theme-bbb-ember .bbb-hero:after{content:"";position:absolute;right:-80px;top:70px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,126,5,.13);box-shadow:0 0 0 42px rgba(255,126,5,.025),0 0 0 86px rgba(255,126,5,.018);z-index:-1;pointer-events:none}
.theme-bbb-ember .bbb-service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--green),transparent 62%);opacity:.55}
.theme-bbb-ember .bbb-project-card{box-shadow:0 18px 55px rgba(0,0,0,.26)}

/* PURE — intentionally bright, very clean header and footer. */
.theme-bbb-pure .bbb-hero{background:
 radial-gradient(circle at 78% 30%,rgba(215,106,17,.08),transparent 27%),
 linear-gradient(180deg,#fff,#fafafa)}
.theme-bbb-pure .bbb-hero:before{opacity:.22}
.theme-bbb-pure .bbb-hero-visual{filter:drop-shadow(0 28px 54px rgba(25,27,31,.11))}
.theme-bbb-pure .bbb-service-card{background:#fff;border-color:#e8e9eb;box-shadow:0 15px 45px rgba(18,21,26,.055)}
.theme-bbb-pure .bbb-project-card{background:#fff;border-color:#e5e7e9;box-shadow:0 18px 48px rgba(20,22,27,.07)}
.theme-bbb-pure .bbb-cms-showcase{background:#f7f8f9}
.theme-bbb-pure .bbb-final-cta{background:#fff;color:#151619;border-top:1px solid #e8e9eb}
.theme-bbb-pure .bbb-final-cta h2{color:#151619}.theme-bbb-pure .bbb-final-cta p{color:#6e7176}
.theme-bbb-pure .bbb-final-cta:before{opacity:.28}
.theme-bbb-pure .site-footer{box-shadow:inset 0 1px 0 #e8e9eb}

/* IVORY — light editorial body, framed by soft charcoal header/footer. */
.theme-bbb-ivory h1,.theme-bbb-ivory h2,.theme-bbb-ivory h3,.theme-bbb-ivory h4{font-family:Georgia,'Times New Roman',serif}
.theme-bbb-ivory .bbb-hero{background:
 radial-gradient(circle at 76% 38%,rgba(184,107,53,.10),transparent 29%),
 linear-gradient(180deg,#f7f4ef,#f1ece4)}
.theme-bbb-ivory .bbb-hero:before{background-size:110px 110px;opacity:.22}
.theme-bbb-ivory .bbb-service-card{background:linear-gradient(145deg,#fff,#fbf8f4);border-color:#e0d8cf}
.theme-bbb-ivory .bbb-project-card{background:#fff;border-color:#ddd5cc;box-shadow:0 18px 50px rgba(62,48,38,.09)}
.theme-bbb-ivory .bbb-process{background:#efe8df}
.theme-bbb-ivory .bbb-kicker{letter-spacing:.18em}

/* Theme-aware header mark presentation. Gold artwork stays intact on every surface. */
.theme-bbb-pure .cms2-brand img,.theme-bbb-ivory .cms2-brand img{filter:drop-shadow(0 5px 14px color-mix(in srgb,var(--green) 19%,transparent))}

/* Premium motion, but respect accessibility preference. */
@media(prefers-reduced-motion:no-preference){
 .bbb-floating-mark{animation:bbbFloat 5.4s ease-in-out infinite}
 .bbb-orbit.orbit-one{animation:bbbOrbit 12s ease-in-out infinite alternate}
 .bbb-orbit.orbit-two{animation:bbbOrbit2 14s ease-in-out infinite alternate}
}
@keyframes bbbFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes bbbOrbit{from{transform:rotate(-15deg) scale(.98)}to{transform:rotate(-10deg) scale(1.025)}}
@keyframes bbbOrbit2{from{transform:rotate(12deg) scale(1)}to{transform:rotate(17deg) scale(.97)}}


/* BBB inner pages — remove legacy fixed green/light surfaces. */
.cms2 .programs-section,.cms2 .contact-section{background:var(--section-alt-bg)!important;color:var(--text)!important;border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color)}
.cms2 .program-chip{background:var(--card-bg)!important;color:var(--text)!important;border-color:var(--line-color)!important;box-shadow:var(--shadow-card)!important}
.cms2 .program-chip:hover{border-color:color-mix(in srgb,var(--green) 58%,var(--line-color))!important;box-shadow:var(--shadow-floating)!important}
.cms2 .about-layout h2{font-size:clamp(2.3rem,4.6vw,4.9rem);line-height:.98;margin-top:0}.cms2 .rich-content{color:var(--muted);font-size:1.02rem;line-height:1.82}.cms2 .about-values{border-color:var(--line-color)}.cms2 .about-values article{border-color:var(--line-color)}.cms2 .about-values strong{color:var(--green)}
.cms2 .service-detail-grid{gap:16px}.cms2 .service-detail-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 95%,var(--green) 5%))!important;border-color:var(--line-color)!important}.cms2 .service-detail-card:after{content:"";position:absolute;right:-48px;bottom:-60px;width:160px;height:160px;border:1px solid color-mix(in srgb,var(--green) 20%,transparent);border-radius:50%;pointer-events:none}.cms2 .service-detail-card h2{margin:8px 0 10px}.cms2 .service-detail-card p{color:var(--muted);line-height:1.7}
.cms2 .projects-section{background:var(--section-alt-bg)!important;color:var(--text)!important;border-bottom:1px solid var(--line-color)}.cms2 .project-card{border-color:var(--line-color)!important;background:var(--card-bg)!important;color:var(--text)!important;box-shadow:var(--shadow-card)!important}.cms2 .project-card:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line-color))!important;box-shadow:var(--shadow-floating)!important}.cms2 .project-category{background:color-mix(in srgb,var(--card-bg) 88%,transparent)!important;color:var(--text)!important;backdrop-filter:blur(12px)}.cms2 .project-info p{color:var(--muted)!important}.cms2 .project-info dt{color:var(--green)!important}.cms2 .project-info dd{color:var(--muted)!important}.cms2 .project-placeholder{color:color-mix(in srgb,var(--green) 32%,transparent)!important}.cms2 .empty-projects{border-color:var(--line-color)!important;color:var(--muted)!important}
.cms2 .contact-card{background:var(--card-bg)!important;border-color:var(--line-color)!important;box-shadow:var(--shadow-card)!important}.cms2 .contact-person{background:color-mix(in srgb,var(--card-bg) 90%,var(--green) 10%)!important;color:var(--text)!important;border-bottom:1px solid var(--line-color)}.cms2 .contact-person p{color:var(--muted)!important}.cms2 .contact-avatar{background:var(--green)!important;color:#111}.cms2 .contact-channel-icon{background:color-mix(in srgb,var(--green) 10%,var(--card-bg))!important;border:1px solid color-mix(in srgb,var(--green) 22%,var(--line-color))}.cms2 .contact-form input,.cms2 .contact-form textarea{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--line-color)!important}.cms2 .contact-form input:focus,.cms2 .contact-form textarea:focus{outline:0;border-color:var(--green)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}
.theme-bbb-aureum .contact-person{background:linear-gradient(135deg,#111113,#0c0c0e)!important}.theme-bbb-ember .contact-person{background:linear-gradient(135deg,#151312,#0f0f11)!important}.theme-bbb-pure .contact-person{background:#fff!important}.theme-bbb-ivory .contact-person{background:#fffaf5!important}


/* ================================================================
   BBB CMS 0.3 — PORTFOLIO / CASE STUDY EXPERIENCE
   ================================================================ */
.bbb-portfolio-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-color);background:
 radial-gradient(circle at 78% 35%,color-mix(in srgb,var(--green) 11%,transparent),transparent 30%),var(--body-bg)!important}
.bbb-portfolio-hero:after{content:"";position:absolute;right:-7vw;top:18%;width:38vw;height:38vw;border:1px solid color-mix(in srgb,var(--green) 18%,transparent);border-radius:50%;box-shadow:0 0 0 46px color-mix(in srgb,var(--green) 2.5%,transparent),0 0 0 92px color-mix(in srgb,var(--green) 1.5%,transparent);pointer-events:none}.bbb-portfolio-hero .container{position:relative;z-index:1}.bbb-portfolio-section{position:relative}.bbb-portfolio-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--line-color)}.bbb-portfolio-intro span{color:var(--green);font-size:.66rem;font-weight:900;letter-spacing:.15em}.bbb-portfolio-intro p{max-width:520px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.6;text-align:right}.bbb-case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}.bbb-case-study-card{position:relative;overflow:hidden;border-radius:var(--radius-large)!important}.bbb-case-study-card:nth-child(3n+1){grid-column:span 2}.bbb-case-study-card:nth-child(3n+1) .project-image{aspect-ratio:2.15}.bbb-case-study-card .project-image{aspect-ratio:1.48;overflow:hidden;background:#0B0B0D}.bbb-case-study-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.bbb-case-study-card:hover .project-image img{transform:scale(1.035)}.bbb-case-study-card.is-featured{box-shadow:0 28px 80px color-mix(in srgb,var(--green) 10%,transparent)!important}.bbb-case-study-featured{display:inline-flex;margin:0 0 8px;color:var(--green);font-size:.56rem;font-weight:900;letter-spacing:.14em}.bbb-case-study-card .project-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:22px!important}.bbb-case-study-card .project-info>small{grid-column:1;color:var(--muted);font-size:.66rem;letter-spacing:.05em}.bbb-case-study-card .project-details-button{grid-column:2;grid-row:1/3;align-self:end;min-width:122px}.bbb-case-study-card .project-info h2{font-size:clamp(1.35rem,2.2vw,2.1rem);line-height:1.03;margin:0 0 9px}.bbb-case-study-card .project-info p{max-width:650px}.bbb-case-study-card .project-category{top:14px!important;left:14px!important;border:1px solid color-mix(in srgb,var(--green) 20%,var(--line-color));border-radius:999px!important;padding:7px 10px!important;font-size:.55rem!important;letter-spacing:.09em!important}.bbb-case-study-card .project-gallery-badge{right:14px!important;bottom:14px!important;border-radius:999px!important;backdrop-filter:blur(12px)}.bbb-case-study-card .project-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--green) 13%,transparent),transparent 35%),#0A0A0C}.bbb-case-study-card .project-placeholder img{width:116px;height:116px;object-fit:contain;opacity:.88}
.bbb-case-study-head{position:relative;max-width:980px;margin:0 auto 36px;text-align:center}.bbb-case-study-category{display:inline-flex;margin:12px auto 0;padding:6px 10px;border:1px solid var(--line-color);border-radius:999px;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.bbb-case-study-head h1{margin:20px auto 18px;max-width:950px;font-size:clamp(3rem,7vw,6.7rem)!important;line-height:.92!important;letter-spacing:-.065em!important}.bbb-case-study-head p{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.04rem;line-height:1.75}.bbb-case-study-head .project-detail-meta{justify-content:center;margin-top:22px}.project-detail-page .project-detail-cover{border-radius:var(--radius-large)!important;overflow:hidden;box-shadow:var(--shadow-floating)}.bbb-case-study-divider{display:flex;align-items:center;gap:14px;margin:52px 0 38px}.bbb-case-study-divider span{height:1px;flex:1;background:var(--line-color)}.bbb-case-study-divider small{color:var(--green);font-size:.56rem;font-weight:900;letter-spacing:.14em}.bbb-case-study-content{max-width:860px;margin-inline:auto;font-size:1.02rem;line-height:1.85}.bbb-case-study-content h2{margin-top:2.2em;font-size:clamp(2rem,4vw,3.35rem)}.bbb-case-study-content h3{margin-top:1.8em;font-size:clamp(1.45rem,3vw,2.1rem)}.bbb-case-study-content img{border-radius:var(--radius-medium)}.project-detail-gallery,.project-documents.detail,.related-projects{margin-top:76px!important}.project-detail-gallery>h2,.project-documents.detail>h2,.related-projects>h2{font-size:clamp(1.8rem,3.2vw,3rem)!important}.project-detail-thumbs{gap:12px!important}.project-detail-thumbs button{border-radius:12px!important;overflow:hidden!important;border-color:var(--line-color)!important}.related-projects .project-card{border-radius:var(--radius-medium)!important;overflow:hidden}
.theme-bbb-aureum .bbb-case-study-head h1,.theme-bbb-ivory .bbb-case-study-head h1{font-family:Georgia,'Times New Roman',serif}.theme-bbb-pure .bbb-case-study-card,.theme-bbb-ivory .bbb-case-study-card{box-shadow:0 18px 48px rgba(20,22,27,.07)!important}.theme-bbb-aureum .bbb-portfolio-hero:after{border-color:rgba(216,165,45,.22)}.theme-bbb-ember .bbb-portfolio-hero:after{border-color:rgba(255,126,5,.22)}
@media(max-width:900px){.bbb-case-study-grid{grid-template-columns:1fr!important}.bbb-case-study-card:nth-child(3n+1){grid-column:auto}.bbb-case-study-card:nth-child(3n+1) .project-image,.bbb-case-study-card .project-image{aspect-ratio:1.55}.bbb-portfolio-intro{align-items:flex-start;flex-direction:column}.bbb-portfolio-intro p{text-align:left}.bbb-case-study-card .project-info{grid-template-columns:1fr}.bbb-case-study-card .project-details-button{grid-column:1;grid-row:auto;justify-self:start}.bbb-portfolio-hero:after{width:68vw;height:68vw;right:-30vw}}
@media(max-width:560px){.bbb-case-study-head{text-align:left}.bbb-case-study-head .project-detail-meta{justify-content:flex-start}.bbb-case-study-head h1{font-size:clamp(2.7rem,15vw,4.3rem)!important}.bbb-case-study-card .project-info{padding:17px!important}.bbb-case-study-card .project-details-button{width:100%}.bbb-case-study-divider{margin:38px 0 28px}}

/* ================================================================
   BBB CMS 0.4 — MOCKUP-INSPIRED PREMIUM FRONTEND REFINEMENT
   ================================================================ */

/* Premium proof / capability rail directly under the hero. */
.bbb-proof-bar{position:relative;z-index:3;border-bottom:1px solid var(--line-color);background:color-mix(in srgb,var(--body-bg) 97%,var(--green) 3%)}
.bbb-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.bbb-proof-grid article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:112px;padding:22px 24px;border-left:1px solid var(--line-color)}
.bbb-proof-grid article:last-child{border-right:1px solid var(--line-color)}
.bbb-proof-grid article>span{align-self:start;color:var(--green);font-size:.56rem;font-weight:900;letter-spacing:.12em}
.bbb-proof-grid article>div{display:grid;gap:5px}
.bbb-proof-grid strong{color:var(--text);font-size:.76rem;letter-spacing:.12em}
.bbb-proof-grid small{max-width:220px;color:var(--muted);font-size:.68rem;line-height:1.55}
.bbb-proof-grid article:after{content:"";position:absolute;left:23px;right:23px;bottom:0;height:1px;background:linear-gradient(90deg,var(--green),transparent);opacity:0;transform:scaleX(.45);transform-origin:left;transition:.25s}
.bbb-proof-grid article:hover:after{opacity:.7;transform:scaleX(1)}

/* Hero presentation gets a more deliberate premium composition. */
.bbb-hero-copy:before{content:"BBB / DIGITAL STUDIO";display:block;margin-bottom:18px;color:color-mix(in srgb,var(--hero-muted) 74%,transparent);font-size:.54rem;font-weight:850;letter-spacing:.24em}
.bbb-device-laptop,.bbb-device-phone,.bbb-floating-mark{will-change:transform}
.bbb-laptop-screen:after{content:"";position:absolute;inset:auto 32px 28px;height:1px;background:linear-gradient(90deg,var(--green),transparent);opacity:.5}
.bbb-laptop-screen{position:relative;overflow:hidden}
.bbb-laptop-screen:before{content:"";position:absolute;width:190px;height:190px;right:-50px;top:-70px;border:1px solid color-mix(in srgb,var(--green) 28%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--green) 4%,transparent)}

/* CMS product demo now sells Theme Studio, not only content editing. */
.bbb-dashboard-main{position:relative}
.bbb-dashboard-themes{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 13px;border:1px solid #2c2e34;border-radius:10px;background:#121318}
.bbb-dashboard-themes>small{margin-right:auto;color:#727781;font-size:.5rem;letter-spacing:.13em}
.bbb-dashboard-themes>div{display:flex;gap:5px}
.bbb-dashboard-themes i{width:17px;height:17px;border-radius:5px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.28)}
.bbb-dashboard-themes i:nth-child(1){background:linear-gradient(135deg,#09090b 55%,#ff7e05 56%)}
.bbb-dashboard-themes i:nth-child(2){background:linear-gradient(135deg,#070708 55%,#d8a52d 56%)}
.bbb-dashboard-themes i:nth-child(3){background:linear-gradient(135deg,#ffffff 55%,#d76a11 56%)}
.bbb-dashboard-themes i:nth-child(4){background:linear-gradient(135deg,#f4f0e9 55%,#b86b35 56%)}
.bbb-dashboard-themes i.is-active{outline:2px solid var(--green);outline-offset:2px}
.bbb-dashboard-themes>b{color:#b7bac1;font-size:.55rem;font-weight:700;white-space:nowrap}

/* WHY BBB — three product principles. */
.bbb-experience{position:relative;overflow:hidden;background:var(--section-alt-bg);border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color)}
.bbb-experience:before{content:"";position:absolute;width:560px;height:560px;right:-220px;top:-250px;border:1px solid color-mix(in srgb,var(--green) 12%,transparent);border-radius:50%;box-shadow:0 0 0 72px color-mix(in srgb,var(--green) 2%,transparent),0 0 0 144px color-mix(in srgb,var(--green) 1%,transparent)}
.bbb-experience .container{position:relative;z-index:1}
.bbb-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bbb-experience-grid article{position:relative;min-height:330px;padding:28px;border:1px solid var(--line-color);border-radius:var(--radius-large);background:color-mix(in srgb,var(--card-bg) 96%,var(--green) 4%);box-shadow:var(--shadow-card);overflow:hidden}
.bbb-experience-number{display:block;color:var(--green);font-size:.58rem;font-weight:900;letter-spacing:.13em}
.bbb-experience-glyph{position:relative;width:106px;height:106px;margin:40px 0 36px;border:1px solid color-mix(in srgb,var(--green) 32%,var(--line-color));border-radius:26px;transform:rotate(-7deg);box-shadow:inset 0 0 42px color-mix(in srgb,var(--green) 4%,transparent)}
.bbb-experience-glyph:before,.bbb-experience-glyph:after,.bbb-experience-glyph i{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--green) 45%,transparent)}
.bbb-experience-glyph:before{inset:17px;border-radius:50%}
.bbb-experience-glyph:after{width:38px;height:38px;right:-15px;top:-13px;border-radius:12px;background:color-mix(in srgb,var(--card-bg) 92%,var(--green) 8%);box-shadow:0 0 20px var(--bbb-gold-glow)}
.bbb-experience-glyph i:first-child{width:52px;left:25px;top:51px;transform:rotate(28deg)}
.bbb-experience-glyph i:last-child{height:52px;left:51px;top:25px;transform:rotate(28deg)}
.bbb-experience-grid h3{margin:0 0 10px;color:var(--text);font-size:1.35rem}
.bbb-experience-grid p{max-width:370px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.72}
.bbb-experience-grid article:after{content:"";position:absolute;inset:auto -35% -45% 20%;height:210px;border:1px solid color-mix(in srgb,var(--green) 13%,transparent);border-radius:50%;transform:rotate(-14deg);pointer-events:none}

/* Final CTA is now a branded composition, closer to the approved mockup. */
.bbb-final-cta{position:relative;overflow:hidden;isolation:isolate}
.bbb-final-cta-action{position:relative;display:grid;grid-template-columns:86px 1fr;column-gap:20px;align-items:start}
.bbb-final-cta-action>p,.bbb-final-cta-action>.btn{grid-column:2}
.bbb-final-mark{grid-row:1/3;width:80px;height:80px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--green) 42%,var(--line-color));border-radius:22px;background:color-mix(in srgb,var(--card-bg) 82%,transparent);box-shadow:0 18px 50px var(--bbb-gold-glow);transform:rotate(6deg)}
.bbb-final-mark img{width:66px;height:66px;object-fit:contain}
.bbb-cta-orbit{position:absolute;z-index:-1;left:-80px;bottom:-110px;width:430px;height:280px;transform:rotate(-12deg);opacity:.65}
.bbb-cta-orbit span{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--green) 32%,transparent);border-radius:50%;box-shadow:0 0 28px color-mix(in srgb,var(--green) 8%,transparent)}
.bbb-cta-orbit span:last-child{inset:32px -70px -32px 70px;opacity:.55}

/* Premium inner-page masthead system. */
.bbb-inner-hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:grid;align-items:end;padding-block:104px 76px!important;background:
 radial-gradient(circle at 78% 42%,color-mix(in srgb,var(--green) 12%,transparent),transparent 30%),
 linear-gradient(180deg,color-mix(in srgb,var(--body-bg) 96%,var(--green) 4%),var(--body-bg))!important;border-bottom:1px solid var(--line-color)!important}
.bbb-inner-hero:before{content:"";position:absolute;z-index:-1;right:-11vw;top:-22vw;width:58vw;height:58vw;border:1px solid color-mix(in srgb,var(--green) 16%,transparent);border-radius:50%;box-shadow:0 0 0 56px color-mix(in srgb,var(--green) 2.5%,transparent),0 0 0 112px color-mix(in srgb,var(--green) 1.3%,transparent)}
.bbb-inner-hero:after{content:"BBB / DESIGN SYSTEM";position:absolute;right:max(30px,6vw);bottom:42px;color:color-mix(in srgb,var(--text) 25%,transparent);font-size:.52rem;font-weight:900;letter-spacing:.22em;writing-mode:vertical-rl}
.bbb-inner-hero .container{position:relative;z-index:2}
.bbb-inner-hero h1{max-width:980px;margin:14px 0 18px;font-size:clamp(3.25rem,7.4vw,7.4rem)!important;line-height:.91!important;letter-spacing:-.065em!important}
.bbb-inner-hero p{max-width:720px;margin:0;color:var(--muted);font-size:1.04rem;line-height:1.75}
.bbb-inner-hero .section-kicker{color:var(--green)!important;font-size:.67rem!important;font-weight:900;letter-spacing:.15em}

/* Inner pages receive the same premium card treatment as the homepage. */
.cms2 .about-layout{gap:clamp(34px,7vw,100px)!important}
.cms2 .about-values{margin-top:38px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;border:1px solid var(--line-color)!important;border-radius:var(--radius-medium);overflow:hidden}
.cms2 .about-values article{min-height:112px;padding:20px!important;border:0!important;border-right:1px solid var(--line-color)!important;background:color-mix(in srgb,var(--card-bg) 96%,var(--green) 4%)}
.cms2 .about-values article:last-child{border-right:0!important}
.cms2 .about-values strong{font-size:.62rem!important;letter-spacing:.12em}.cms2 .about-values span{font-size:.72rem!important;letter-spacing:.1em}
.cms2 .service-detail-card{min-height:300px;padding:30px!important;border-radius:var(--radius-large)!important;box-shadow:var(--shadow-card)!important}
.cms2 .service-detail-card .service-index{display:inline-flex;margin-bottom:10px;color:var(--green)!important;font-size:.58rem!important;font-weight:900;letter-spacing:.12em}
.cms2 .service-detail-card .service-visual{min-width:92px}
.cms2 .contact-grid{gap:20px!important}.cms2 .contact-card{border-radius:var(--radius-large)!important;overflow:hidden}.cms2 .contact-person{padding:24px!important}.cms2 .contact-form{padding:24px!important}
.cms2 .programs-grid{gap:11px!important}.cms2 .program-chip{border-radius:13px!important;min-height:70px!important;padding:14px 16px!important}

/* Theme personalities — deliberately not mere color swaps. */
.theme-bbb-aureum .bbb-proof-bar{background:#09090a}
.theme-bbb-aureum .bbb-proof-grid article{background:linear-gradient(180deg,rgba(216,165,45,.015),transparent)}
.theme-bbb-aureum .bbb-experience-grid article{background:linear-gradient(150deg,#121113,#0b0b0d)}
.theme-bbb-aureum .bbb-experience-glyph{border-radius:50% 50% 42% 58% / 55% 44% 56% 45%}
.theme-bbb-aureum .bbb-final-cta{background:linear-gradient(135deg,#09090a,#0d0c0a)!important}
.theme-bbb-aureum .bbb-inner-hero h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important}

.theme-bbb-ember .bbb-proof-grid article:nth-child(even){background:linear-gradient(135deg,rgba(255,126,5,.035),transparent)}
.theme-bbb-ember .bbb-experience-grid article:before{content:"";position:absolute;left:0;top:0;width:48%;height:2px;background:linear-gradient(90deg,var(--green),transparent)}
.theme-bbb-ember .bbb-experience-glyph{border-radius:22px;transform:rotate(0deg)}
.theme-bbb-ember .bbb-final-cta{background:linear-gradient(135deg,#0a0a0c,#130d09)!important}
.theme-bbb-ember .bbb-inner-hero:before{border-radius:18%;transform:rotate(18deg);box-shadow:0 0 0 42px rgba(255,126,5,.025),0 0 0 84px rgba(255,126,5,.015)}

.theme-bbb-pure .bbb-proof-bar{background:#fff}.theme-bbb-pure .bbb-proof-grid article{background:#fff}
.theme-bbb-pure .bbb-experience{background:#f7f8f9}.theme-bbb-pure .bbb-experience-grid article{background:#fff;box-shadow:0 18px 54px rgba(18,21,26,.055)}
.theme-bbb-pure .bbb-experience-glyph{background:#fafafa}.theme-bbb-pure .bbb-final-mark{background:#fff}
.theme-bbb-pure .bbb-inner-hero{background:radial-gradient(circle at 78% 40%,rgba(215,106,17,.065),transparent 29%),linear-gradient(180deg,#fff,#fafafa)!important}
.theme-bbb-pure .bbb-inner-hero:after{color:#c3c4c7}
.theme-bbb-pure .bbb-final-cta{background:#fff!important}

.theme-bbb-ivory .bbb-proof-bar{background:#f5f0e9}.theme-bbb-ivory .bbb-proof-grid article{background:rgba(255,255,255,.24)}
.theme-bbb-ivory .bbb-experience{background:#eee7de}.theme-bbb-ivory .bbb-experience-grid article{background:linear-gradient(145deg,#fffaf5,#f7f0e8)}
.theme-bbb-ivory .bbb-experience-glyph{border-radius:50%;transform:rotate(0)}
.theme-bbb-ivory .bbb-inner-hero{background:radial-gradient(circle at 77% 36%,rgba(184,107,53,.10),transparent 30%),linear-gradient(180deg,#f8f4ee,#f0e9e0)!important}
.theme-bbb-ivory .bbb-inner-hero h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important}
.theme-bbb-ivory .bbb-final-cta{background:#efe8df!important}

/* Scroll choreography; class is only added by JS when motion is allowed. */
.bbb-reveal{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.2,.8,.2,1) var(--bbb-reveal-delay,0ms),transform .58s cubic-bezier(.2,.8,.2,1) var(--bbb-reveal-delay,0ms)}
.bbb-reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
 .bbb-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbb-proof-grid article:nth-child(2){border-right:1px solid var(--line-color)}.bbb-proof-grid article:nth-child(n+3){border-top:1px solid var(--line-color)}
 .bbb-experience-grid{grid-template-columns:1fr}.bbb-experience-grid article{min-height:270px}.bbb-experience-glyph{margin:28px 0 24px}
 .bbb-inner-hero{min-height:390px;padding-block:82px 58px!important}.bbb-inner-hero:after{display:none}
}
@media(max-width:650px){
 .bbb-hero-copy:before{margin-bottom:12px}.bbb-proof-grid{grid-template-columns:1fr}.bbb-proof-grid article{min-height:96px;border-right:1px solid var(--line-color)!important;border-top:1px solid var(--line-color)}.bbb-proof-grid article:first-child{border-top:0}
 .bbb-dashboard-themes{align-items:flex-start;flex-wrap:wrap}.bbb-dashboard-themes>small{width:100%}.bbb-dashboard-themes>b{margin-left:auto}
 .bbb-experience-grid article{min-height:245px;padding:22px}.bbb-experience-glyph{width:86px;height:86px}.bbb-experience-glyph:before{inset:14px}.bbb-experience-glyph i:first-child{width:42px;left:21px;top:42px}.bbb-experience-glyph i:last-child{height:42px;left:42px;top:21px}
 .bbb-final-cta-action{grid-template-columns:1fr}.bbb-final-cta-action>p,.bbb-final-cta-action>.btn{grid-column:1}.bbb-final-mark{grid-row:auto;margin-bottom:18px}.bbb-final-cta-action .btn{justify-self:start}
 .bbb-inner-hero{min-height:350px;padding-block:68px 46px!important}.bbb-inner-hero h1{font-size:clamp(2.8rem,16vw,4.7rem)!important}
 .cms2 .about-values{grid-template-columns:1fr!important}.cms2 .about-values article{border-right:0!important;border-bottom:1px solid var(--line-color)!important}.cms2 .about-values article:last-child{border-bottom:0!important}
}

/* ================================================================
   4K / ULTRA WIDE — isolated enhancement layer
   Activates only when the browser viewport is at least 2500 CSS px.
   Normal Desktop/Laptop/Tablet/Mobile layouts are untouched.
   ================================================================ */
@media (min-width:2500px){
  .cms2 .container{width:min(1760px,calc(100% - 96px));max-width:1760px}
  .cms2 .section-space{padding-block:clamp(118px,5vw,154px)}
  .cms2-header .cms2-nav{width:min(var(--zp-header-container-4k,1760px),calc(100% - 96px));max-width:var(--zp-header-container-4k,1760px)}
  .cms2-nav{min-height:var(--zp-header-height-4k,104px)!important}
  .cms2-brand{width:var(--zp-header-logo-4k,64px)!important;flex-basis:var(--zp-header-logo-4k,64px)!important;height:calc(var(--zp-header-logo-4k,64px) + 10px)!important}
  .cms2-brand img{width:var(--zp-header-logo-4k,64px)!important;height:var(--zp-header-logo-4k,64px)!important;max-width:var(--zp-header-logo-4k,64px)!important}
  .cms2-navigation{gap:var(--zp-header-nav-gap-4k,26px)!important}
  .cms2-nav-item{font-size:.86rem!important;letter-spacing:.105em}
  .cms2 .site-footer{padding-top:var(--bbb-footer-space-4k,96px)!important}.cms2 .site-footer .footer-brand img{width:min(100%,var(--bbb-footer-logo-4k,340px))!important;max-height:180px!important}.cms2 .site-footer .footer-grid{column-gap:clamp(70px,5vw,120px);row-gap:58px}.cms2 .site-footer h3{font-size:.86rem}.cms2 .site-footer p,.cms2 .site-footer a{font-size:.96rem}
  .cms2-call-button{padding:14px 21px!important;font-size:.8rem!important}
  .bbb-hero{min-height:970px;padding:116px 0 104px}
  .bbb-hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(760px,.97fr);gap:92px}
  .bbb-hero-copy{max-width:900px}
  .bbb-hero h1{font-size:clamp(6.4rem,5.4vw,8.25rem);max-width:980px}
  .bbb-hero-lead{max-width:760px;font-size:1.28rem;line-height:1.82}
  .bbb-hero-actions{gap:16px;margin-top:40px}.bbb-hero-actions .btn{min-width:194px;min-height:56px}
  .bbb-capability-strip{margin-top:58px;padding-top:26px;font-size:.86rem}
  .bbb-hero-visual{height:760px;perspective:1900px}
  .bbb-device-laptop{width:700px;height:449px;right:28px;top:122px;border-radius:22px}
  .bbb-laptop-topbar{height:54px;padding:9px 17px}.bbb-laptop-topbar img{width:36px;height:36px}
  .bbb-laptop-screen{height:calc(100% - 54px);padding:52px}.bbb-laptop-screen strong{font-size:3.2rem}.bbb-laptop-screen span{font-size:.66rem}.bbb-laptop-screen small{font-size:.86rem}
  .bbb-device-phone{width:218px;height:442px;right:-8px;top:330px;border-width:6px;border-radius:36px;padding:54px 22px 26px}
  .bbb-device-phone img{width:36px;height:36px;margin-bottom:34px}.bbb-device-phone strong{font-size:1.58rem}.bbb-device-phone small{bottom:24px;left:22px;font-size:.64rem}
  .bbb-floating-mark{right:150px;bottom:18px;width:118px;height:118px;border-radius:30px}.bbb-floating-mark img{width:92px;height:92px}
  .orbit-one{width:760px;height:350px;right:-90px;top:220px}.orbit-two{width:650px;height:300px;right:20px;top:255px}
  .trace-a{width:850px;top:585px}.trace-b{width:660px;top:625px}
  .bbb-section-heading{gap:82px;margin-bottom:58px}.bbb-section-heading h2{max-width:900px;font-size:clamp(4.5rem,3.5vw,6rem)}.bbb-section-heading>p{font-size:1.08rem;max-width:520px}
  .bbb-service-grid{gap:22px}.bbb-service-card{min-height:360px;padding:34px}.bbb-service-icon{width:66px;height:66px;margin-bottom:54px}.bbb-service-icon img,.bbb-service-icon svg{max-width:58px;max-height:58px}.bbb-service-card h3{font-size:1.55rem}.bbb-service-card p{font-size:1rem;line-height:1.72}
  .bbb-project-grid{gap:26px}.bbb-project-card{border-radius:calc(var(--radius-medium) + 3px)}
  .bbb-cms-grid{gap:76px}.bbb-cms-dashboard{min-height:610px}
  .bbb-process-line{gap:34px;margin-top:72px}.bbb-step-icon{width:70px;height:70px;margin-bottom:24px}.bbb-process-line:before{top:34px}.bbb-process-line h3{font-size:1.05rem}.bbb-process-line p{font-size:.86rem}
  .bbb-final-cta{padding:112px 0}.bbb-final-cta-grid{gap:100px}.bbb-final-cta h2{font-size:clamp(5rem,4vw,6.8rem);max-width:930px}.bbb-final-cta p{font-size:1.08rem}
  .cms2 .page-hero{padding:156px 0 104px!important}.cms2 .page-hero h1{font-size:clamp(5.8rem,4.7vw,7.6rem)}.cms2 .page-hero p{max-width:900px;font-size:1.24rem}
}

/* ================================================================
   BBB CMS 0.7 — THEME PERSONALITY 2.0 + RESPONSIVE FINISH
   Stable visual variant is stored in theme appearance metadata.
   ================================================================ */

/* AUREUM: quieter luxury, metallic details, editorial geometry. */
.theme-bbb-aureum .cms2-header{background:color-mix(in srgb,#080809 94%,transparent)!important}
.theme-bbb-aureum .bbb-hero h1,.theme-bbb-aureum .bbb-section-heading h2,.theme-bbb-aureum .bbb-final-cta h2{font-weight:500;letter-spacing:-.055em}
.theme-bbb-aureum .bbb-kicker,.theme-bbb-aureum .section-kicker{background:linear-gradient(90deg,#F5D878,#B67A12);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.theme-bbb-aureum .bbb-service-card{border-radius:4px!important;border-color:rgba(216,165,45,.18)!important}.theme-bbb-aureum .bbb-service-card:hover{border-color:rgba(241,198,79,.52)!important}
.theme-bbb-aureum .bbb-service-card:after{content:"";position:absolute;left:24px;right:24px;bottom:18px;height:1px;background:linear-gradient(90deg,rgba(216,165,45,.5),transparent)}
.theme-bbb-aureum .bbb-case-study-card{border-radius:5px!important}.theme-bbb-aureum .bbb-case-study-card .project-info{border-top:1px solid rgba(216,165,45,.14)}
.theme-bbb-aureum .bbb-final-mark{border-radius:50%;background:#0B0B0C}.theme-bbb-aureum .bbb-step-icon{border-radius:3px}

/* EMBER: native BBB energy, precise tech lines and orange motion. */
.theme-bbb-ember .bbb-hero:before{background-size:72px 72px;opacity:.45}
.theme-bbb-ember .bbb-hero-copy:after{content:"";display:block;width:92px;height:2px;margin-top:26px;background:linear-gradient(90deg,var(--green),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--green) 38%,transparent)}
.theme-bbb-ember .bbb-service-card{border-radius:14px!important}.theme-bbb-ember .bbb-service-card:hover{transform:translateY(-7px) scale(1.006)}
.theme-bbb-ember .bbb-case-study-card:before{content:"";position:absolute;z-index:3;left:0;top:0;width:54%;height:2px;background:linear-gradient(90deg,var(--green),transparent);pointer-events:none}
.theme-bbb-ember .bbb-case-study-card.is-featured:after{content:"BBB / FEATURED";position:absolute;z-index:4;right:16px;top:16px;color:rgba(255,255,255,.58);font-size:.46rem;font-weight:900;letter-spacing:.16em;pointer-events:none}

/* PURE: truly light, restrained and almost architectural. */
.theme-bbb-pure .cms2-header{background:rgba(255,255,255,.91)!important;box-shadow:0 1px 0 #ECEDEF!important}
.theme-bbb-pure .bbb-hero{background:linear-gradient(180deg,#FFFFFF,#FAFAFB)!important}.theme-bbb-pure .bbb-hero:after{display:none}
.theme-bbb-pure .bbb-hero:before{background-size:120px 120px;opacity:.12}
.theme-bbb-pure .bbb-service-card{background:#fff!important;border-radius:2px!important;box-shadow:none!important}.theme-bbb-pure .bbb-service-card:hover{box-shadow:0 22px 50px rgba(18,21,26,.08)!important}
.theme-bbb-pure .bbb-service-icon{border-radius:50%;background:#FBFBFC}.theme-bbb-pure .bbb-case-study-card{border-radius:3px!important;box-shadow:none!important}.theme-bbb-pure .bbb-case-study-card:hover{box-shadow:0 22px 54px rgba(18,21,26,.075)!important}
.theme-bbb-pure .bbb-process-line:before{opacity:.28}.theme-bbb-pure .bbb-step-icon{background:#fff;box-shadow:none}
.theme-bbb-pure .bbb-final-mark{box-shadow:0 18px 44px rgba(20,22,27,.08)}

/* IVORY: warm editorial surface framed by a dark header/footer. */
.theme-bbb-ivory .cms2-header{background:color-mix(in srgb,#252629 94%,transparent)!important}
.theme-bbb-ivory .bbb-hero{background:radial-gradient(circle at 73% 35%,rgba(184,107,53,.12),transparent 31%),linear-gradient(180deg,#F8F5F0,#F2ECE4)!important}
.theme-bbb-ivory .bbb-hero:before{background-image:radial-gradient(circle,rgba(79,62,48,.11) .7px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.24),transparent 76%);opacity:.22}
.theme-bbb-ivory .bbb-service-card{border-radius:20px 5px 20px 5px!important}.theme-bbb-ivory .bbb-service-icon{border-radius:50%}.theme-bbb-ivory .bbb-case-study-card{border-radius:4px 24px 4px 24px!important}
.theme-bbb-ivory .bbb-case-study-card .project-info{background:linear-gradient(135deg,#FFFCF8,#F7F0E8)}
.theme-bbb-ivory .bbb-kicker:before{width:34px}.theme-bbb-ivory .bbb-final-mark{border-radius:50%;box-shadow:0 18px 46px rgba(71,52,38,.13)}

/* Tablet: preserve the visual power without wasting vertical space. */
@media (min-width:651px) and (max-width:900px){
  .bbb-hero{padding-top:68px;padding-bottom:62px}
  .bbb-hero h1{font-size:clamp(4.15rem,10.5vw,5.8rem);max-width:780px}
  .bbb-hero-lead{max-width:680px;font-size:1.05rem}
  .bbb-hero-visual{height:500px;max-width:690px;width:100%;margin:0 auto;transform:none}
  .bbb-device-laptop{width:445px;height:286px;left:50%;right:auto;top:82px;transform:translateX(-54%) rotateY(-6deg) rotateX(3deg) rotateZ(-2deg)}
  .bbb-device-phone{width:145px;height:294px;right:9%;top:215px}
  .bbb-floating-mark{right:25%;bottom:1px;width:78px;height:78px}.bbb-floating-mark img{width:61px;height:61px}
  .orbit-one{width:500px;height:235px;right:2%;top:150px}.orbit-two{width:420px;height:195px;right:9%;top:182px}
  .bbb-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbb-service-card{min-height:270px}
  .bbb-case-study-grid{gap:17px!important}.bbb-case-study-card:nth-child(3n+1) .project-image{aspect-ratio:1.75}
  .bbb-case-study-card .project-info{grid-template-columns:1fr}.bbb-case-study-card .project-details-button{grid-column:1;grid-row:auto;justify-self:start}
  .bbb-process-line{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}.bbb-process-line article:last-child{grid-column:1/-1;max-width:340px;justify-self:center}
}

/* Small tablets / large phones. */
@media (min-width:481px) and (max-width:650px){
  .bbb-hero h1{font-size:clamp(3.35rem,12.5vw,4.55rem)}
  .bbb-hero-visual{height:385px;max-width:520px;margin-inline:auto}
  .bbb-device-laptop{width:330px;height:213px;left:46%;top:62px}
  .bbb-device-phone{right:4%;top:168px}
  .bbb-case-study-card .project-image{aspect-ratio:1.42!important}
  .bbb-case-study-card .project-info h2{font-size:1.65rem}
}

/* Mobile portrait: deliberate composition, no horizontal drift. */
@media (max-width:480px){
  .cms2 .container{width:calc(100% - 24px)}
  .bbb-hero{padding:46px 0 42px;overflow:hidden}
  .bbb-hero-grid{gap:24px}.bbb-hero h1{font-size:clamp(2.72rem,13.9vw,3.75rem);line-height:.94;margin-top:15px}.bbb-hero-lead{font-size:.94rem;line-height:1.66}
  .bbb-hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:25px}.bbb-hero-actions .btn{width:100%;min-width:0;justify-content:center}
  .bbb-capability-strip{margin-top:31px;padding-top:16px;font-size:.65rem;letter-spacing:.095em}
  .bbb-hero-visual{height:340px;width:100%;margin:0;overflow:visible}
  .bbb-device-laptop{width:min(310px,82vw);height:auto;aspect-ratio:1.56;left:45%;top:45px;border-radius:13px;transform:translateX(-50%) rotateY(-5deg) rotateX(3deg) rotateZ(-2deg)}
  .bbb-laptop-topbar{height:29px;padding:5px 9px}.bbb-laptop-topbar img{width:20px;height:20px}.bbb-laptop-screen{height:calc(100% - 29px);padding:19px}.bbb-laptop-screen strong{font-size:1.38rem}.bbb-laptop-screen small{font-size:.55rem}
  .bbb-device-phone{width:96px;height:199px;right:-2px;top:164px;border-width:3px;border-radius:19px;padding:29px 9px 11px}.bbb-phone-notch{width:34px;height:9px;top:6px}.bbb-device-phone img{width:18px;height:18px;margin-bottom:15px}.bbb-device-phone strong{font-size:.7rem}.bbb-device-phone small{left:9px;bottom:11px;font-size:.44rem}
  .bbb-floating-mark{width:55px;height:55px;right:25%;bottom:1px;border-radius:15px}.bbb-floating-mark img{width:43px;height:43px}
  .orbit-one{width:315px;height:148px;right:-26px;top:116px}.orbit-two{width:280px;height:130px;right:-2px;top:142px}.trace-a{width:370px;right:-80px;top:270px}.trace-b{width:310px;right:-55px;top:288px}
  .bbb-section-heading{margin-bottom:28px}.bbb-section-heading h2{font-size:clamp(2.35rem,12vw,3.1rem)}
  .bbb-service-card{min-height:228px;padding:21px}.bbb-service-icon{margin-bottom:32px}
  .bbb-case-study-grid{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}.bbb-case-study-card:nth-child(n){grid-column:auto!important}.bbb-case-study-card:nth-child(n) .project-image{aspect-ratio:1.30!important}.bbb-case-study-card .project-info{padding:16px!important}.bbb-case-study-card .project-info h2{font-size:1.55rem}.bbb-case-study-card .project-info p{font-size:.84rem;line-height:1.55}
  .bbb-portfolio-intro{margin-bottom:16px}.bbb-portfolio-intro p{font-size:.76rem}
  .bbb-final-cta{padding:58px 0}.bbb-final-cta h2{font-size:clamp(2.65rem,13vw,3.7rem)}
  .bbb-inner-hero{min-height:320px;padding:62px 0 42px!important}.bbb-inner-hero h1{font-size:clamp(2.65rem,15vw,4rem)!important}
}

/* Short mobile landscape: compact instead of simply scaling desktop. */
@media (max-width:900px) and (orientation:landscape) and (max-height:560px){
  .bbb-hero{padding:42px 0 38px}.bbb-hero-grid{grid-template-columns:minmax(0,1fr) 43%;gap:24px;align-items:center}.bbb-hero h1{font-size:clamp(2.7rem,6.8vw,4.25rem)}.bbb-hero-lead{font-size:.88rem;line-height:1.55}.bbb-hero-actions{margin-top:20px}.bbb-capability-strip{display:none}
  .bbb-hero-visual{height:310px;transform:none}.bbb-device-laptop{width:300px;height:193px;left:48%;top:40px}.bbb-device-phone{width:91px;height:187px;right:-4px;top:135px}.bbb-floating-mark{width:52px;height:52px;right:20%;bottom:0}.bbb-floating-mark img{width:40px;height:40px}.orbit-one{width:300px;height:140px;top:100px}.orbit-two{width:260px;height:120px;top:118px}
}

/* 4K portfolio/detail finishing — still isolated from standard desktop. */
@media (min-width:2500px){
  .bbb-portfolio-hero:after{width:34vw;height:34vw;right:-4vw;top:12%;box-shadow:0 0 0 70px color-mix(in srgb,var(--green) 2.5%,transparent),0 0 0 140px color-mix(in srgb,var(--green) 1.4%,transparent)}
  .bbb-portfolio-intro{margin-bottom:34px;padding-bottom:24px}.bbb-portfolio-intro span{font-size:.76rem}.bbb-portfolio-intro p{max-width:680px;font-size:.98rem}
  .bbb-case-study-grid{gap:34px!important}.bbb-case-study-card .project-info{padding:30px!important;gap:22px}.bbb-case-study-card .project-info h2{font-size:clamp(2rem,1.5vw,3rem)}.bbb-case-study-card .project-info p{font-size:1rem;line-height:1.7}.bbb-case-study-card .project-details-button{min-width:150px;min-height:50px}
  .bbb-case-study-card:nth-child(3n+1) .project-image{aspect-ratio:2.35}.bbb-case-study-card .project-image{aspect-ratio:1.62}.bbb-case-study-card .project-category{top:20px!important;left:20px!important;padding:9px 13px!important;font-size:.65rem!important}.bbb-case-study-card .project-gallery-badge{right:20px!important;bottom:20px!important;padding:9px 13px!important}
  .bbb-case-study-head{max-width:1320px;margin-bottom:52px}.bbb-case-study-head h1{max-width:1280px;font-size:clamp(6rem,4.7vw,8.4rem)!important}.bbb-case-study-head p{max-width:980px;font-size:1.24rem}.bbb-case-study-divider{margin:78px 0 52px}.bbb-case-study-content{max-width:1080px;font-size:1.18rem;line-height:1.9}
  .project-detail-gallery,.project-documents.detail,.related-projects{margin-top:112px!important}
}

/* ================================================================
   BBB CMS — PREMIUM COMPLETION PASS
   Microinteractions, focus/accessibility, portfolio filtering and
   high-end motion. All enhanced motion is progressive and disabled
   when the operating system requests reduced motion.
   ================================================================ */
:root{
  --bbb-pointer-x:50%;
  --bbb-pointer-y:50%;
  --bbb-scroll-progress:0;
  --bbb-parallax-x:0px;
  --bbb-parallax-y:0px;
}
.bbb-skip-link{
  position:fixed;z-index:2147483647;left:16px;top:12px;transform:translateY(-180%);
  padding:10px 14px;border-radius:9px;background:var(--green);color:#09090b!important;
  font-size:.75rem;font-weight:900;letter-spacing:.04em;box-shadow:0 16px 40px rgba(0,0,0,.24);
  transition:transform .18s ease;
}
.bbb-skip-link:focus{transform:translateY(0)}
.cms2 :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--green)!important;outline-offset:3px!important;
}
.cms2-header:after{
  content:"";position:absolute;z-index:20;left:0;bottom:-1px;width:100%;height:2px;
  transform:scaleX(var(--bbb-scroll-progress));transform-origin:left center;
  background:linear-gradient(90deg,var(--green),var(--brown));
  box-shadow:0 0 12px var(--bbb-gold-glow);pointer-events:none;opacity:.72;
}

/* Pointer-aware premium cards. */
.bbb-service-card,.bbb-project-card,.bbb-case-study-card,.bbb-experience-grid article{
  --bbb-card-x:50%;--bbb-card-y:50%;position:relative;isolation:isolate;
}
.bbb-service-card:after,.bbb-experience-grid article:after{
  content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(260px circle at var(--bbb-card-x) var(--bbb-card-y),color-mix(in srgb,var(--green) 13%,transparent),transparent 70%);
  opacity:0;transition:opacity .3s ease;
}
.bbb-service-card:hover:after,.bbb-experience-grid article:hover:after{opacity:1}
.bbb-project-media,.bbb-case-study-card .project-image{position:relative}
.bbb-project-media:after,.bbb-case-study-card .project-image:after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 26%,color-mix(in srgb,var(--green) 13%,transparent) 46%,transparent 64%);
  transform:translateX(-130%);transition:transform .9s cubic-bezier(.2,.8,.2,1);
  mix-blend-mode:screen;
}
.bbb-project-card:hover .bbb-project-media:after,.bbb-case-study-card:hover .project-image:after{transform:translateX(130%)}
.bbb-project-meta>a,.bbb-case-study-card .project-details-button{transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.bbb-project-card:hover .bbb-project-meta>a{transform:rotate(8deg) scale(1.05);background:var(--green);color:#0b0b0d;border-color:var(--green)}

/* Hero reacts subtly to the pointer on capable desktop devices. */
.bbb-hero-visual{transform-style:preserve-3d;will-change:transform}
.bbb-device-laptop,.bbb-device-phone,.bbb-floating-mark,.bbb-orbit,.bbb-gold-trace{will-change:transform}
.bbb-hero-visual:before{
  content:"";position:absolute;z-index:0;width:420px;height:420px;border-radius:50%;
  left:calc(var(--bbb-pointer-x) - 210px);top:calc(var(--bbb-pointer-y) - 210px);
  background:radial-gradient(circle,color-mix(in srgb,var(--green) 11%,transparent),transparent 68%);
  filter:blur(12px);opacity:.72;pointer-events:none;transition:opacity .25s ease;
}
@media (hover:hover) and (pointer:fine) and (min-width:901px){
  .bbb-hero-visual{transform:translate3d(calc(var(--bbb-parallax-x) * .15),calc(var(--bbb-parallax-y) * .12),0)}
  .bbb-hero-visual .bbb-device-laptop{translate:calc(var(--bbb-parallax-x) * .35) calc(var(--bbb-parallax-y) * .24)}
  .bbb-hero-visual .bbb-device-phone{translate:calc(var(--bbb-parallax-x) * -.22) calc(var(--bbb-parallax-y) * -.18)}
  .bbb-hero-visual .bbb-floating-mark{translate:calc(var(--bbb-parallax-x) * -.45) calc(var(--bbb-parallax-y) * .3)}
  .bbb-hero-visual .orbit-one{translate:calc(var(--bbb-parallax-x) * -.14) calc(var(--bbb-parallax-y) * .08)}
  .bbb-hero-visual .orbit-two{translate:calc(var(--bbb-parallax-x) * .10) calc(var(--bbb-parallax-y) * -.08)}
}

/* Portfolio filter studio. */
.bbb-portfolio-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;
  padding:11px 12px;border:1px solid var(--line-color);border-radius:14px;
  background:color-mix(in srgb,var(--card-bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.bbb-portfolio-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bbb-portfolio-filters button{
  appearance:none;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);
  padding:9px 13px;font:800 .62rem/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  transition:.2s ease;
}
.bbb-portfolio-filters button:hover{color:var(--text);border-color:var(--line-color)}
.bbb-portfolio-filters button.active{background:var(--green);border-color:var(--green);color:#0a0a0c;box-shadow:0 7px 22px var(--bbb-gold-glow)}
.bbb-portfolio-count{display:flex;align-items:baseline;gap:6px;margin:0;padding:0 8px;color:var(--text);font-weight:900;font-size:.85rem;white-space:nowrap}
.bbb-portfolio-count small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.bbb-case-study-card[data-filter-hidden="1"]{display:none!important}
.bbb-case-study-card.bbb-filter-enter{animation:bbbFilterEnter .42s cubic-bezier(.2,.8,.2,1) both}
.bbb-portfolio-filter-empty{padding:54px 20px;margin:18px 0 0;border:1px dashed var(--line-color);border-radius:var(--radius-medium);text-align:center;color:var(--muted)}
@keyframes bbbFilterEnter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* Case Study feels like a premium editorial feature. */
.project-detail-page{position:relative;overflow:clip}
.project-detail-page:before{
  content:"";position:absolute;right:-18vw;top:140px;width:48vw;height:48vw;border-radius:50%;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--green) 12%,transparent);box-shadow:0 0 0 70px color-mix(in srgb,var(--green) 1.7%,transparent);
}
.project-detail-shell{position:relative;z-index:1}
.project-detail-cover{position:relative;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.project-detail-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));z-index:1}
.project-detail-cover>span{z-index:2!important}
.project-detail-cover:hover{transform:translateY(-5px);box-shadow:0 40px 100px color-mix(in srgb,var(--green) 12%,rgba(0,0,0,.32))!important}
.project-detail-thumbs button{transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.project-detail-thumbs button:hover{transform:translateY(-4px);border-color:var(--green)!important;box-shadow:0 16px 32px color-mix(in srgb,var(--green) 9%,transparent)}
.project-document-links a{transition:transform .22s ease,border-color .22s ease,background .22s ease}
.project-document-links a:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--green) 52%,var(--line-color));background:color-mix(in srgb,var(--card-bg) 90%,var(--green) 10%)}

/* Modal/lightbox polish and motion. */
.project-detail-modal:not([hidden]) .project-detail-modal-dialog,.project-lightbox:not([hidden]) .project-lightbox-dialog{animation:bbbModalIn .32s cubic-bezier(.2,.8,.2,1) both}
.project-detail-modal:not([hidden]) .project-detail-modal-backdrop,.project-lightbox:not([hidden]) .project-lightbox-backdrop{animation:bbbBackdropIn .24s ease both}
@keyframes bbbModalIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes bbbBackdropIn{from{opacity:0}to{opacity:1}}

/* Premium service/experience hover details without changing layout. */
.bbb-service-card h3,.bbb-experience-grid h3{transition:color .25s ease,transform .25s ease}
.bbb-service-card:hover h3,.bbb-experience-grid article:hover h3{color:var(--green);transform:translateX(2px)}
.bbb-service-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease}
.bbb-service-card:hover .bbb-service-icon{transform:translateY(-3px) rotate(-2deg);border-color:color-mix(in srgb,var(--green) 55%,var(--line-color));box-shadow:0 12px 30px color-mix(in srgb,var(--green) 10%,transparent)}

/* Theme-specific premium finishing. */
.theme-bbb-aureum .bbb-portfolio-toolbar{border-radius:4px;background:rgba(13,13,15,.88)}
.theme-bbb-aureum .bbb-portfolio-filters button{border-radius:2px}
.theme-bbb-ember .bbb-portfolio-toolbar{box-shadow:inset 0 2px 0 color-mix(in srgb,var(--green) 26%,transparent)}
.theme-bbb-pure .bbb-portfolio-toolbar{background:rgba(255,255,255,.92);border-radius:3px;box-shadow:0 16px 38px rgba(18,21,26,.055)}
.theme-bbb-ivory .bbb-portfolio-toolbar{background:rgba(255,252,248,.88);border-radius:18px 4px 18px 4px}

/* Faster below-the-fold rendering on the public site; Builder stays fully measurable. */
@supports (content-visibility:auto){
  .cms2:not(.builder-preview-page) :where(.bbb-services,.bbb-work,.bbb-cms-showcase,.bbb-experience,.bbb-process,.bbb-final-cta,.projects-section){
    content-visibility:auto;contain-intrinsic-size:850px;
  }
}

@media(max-width:760px){
  .cms2-header:after{height:1px}
  .bbb-portfolio-toolbar{align-items:stretch;flex-direction:column;padding:10px;margin-bottom:20px}
  .bbb-portfolio-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .bbb-portfolio-filters button{width:100%;min-height:40px;padding:9px 8px}
  .bbb-portfolio-count{justify-content:flex-end;padding:2px 5px}
  .project-detail-page:before{display:none}
}
@media(min-width:2500px){
  .bbb-portfolio-toolbar{margin-bottom:38px;padding:15px 16px;border-radius:18px}
  .bbb-portfolio-filters{gap:9px}.bbb-portfolio-filters button{padding:11px 17px;font-size:.7rem}
  .bbb-portfolio-count{font-size:1rem}
  .project-detail-page:before{right:-12vw;top:220px;width:40vw;height:40vw}
}
@media(prefers-reduced-motion:reduce){
  .cms2 *,.cms2 *:before,.cms2 *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .bbb-hero-visual,.bbb-device-laptop,.bbb-device-phone,.bbb-floating-mark,.bbb-orbit,.bbb-gold-trace{translate:0 0!important;transform-style:flat!important}
  .bbb-hero-visual:before{display:none}
}

/* Physical 4K / HiDPI detail mode. No geometry or desktop breakpoints change here. */
@media(min-width:1400px){
  .bbb-physical-4k .bbb-device-laptop{box-shadow:0 48px 110px rgba(0,0,0,.52),0 0 82px color-mix(in srgb,var(--green) 17%,transparent)}
  .bbb-physical-4k .bbb-device-phone{box-shadow:0 42px 84px rgba(0,0,0,.58),0 0 58px color-mix(in srgb,var(--green) 16%,transparent)}
  .bbb-physical-4k .bbb-floating-mark{box-shadow:0 24px 58px rgba(0,0,0,.48),0 0 40px color-mix(in srgb,var(--green) 18%,transparent)}
  .bbb-physical-4k .bbb-orbit{opacity:.64;border-color:color-mix(in srgb,var(--green) 48%,transparent)}
  .bbb-physical-4k .bbb-service-card,.bbb-physical-4k .bbb-project-card{border-color:color-mix(in srgb,var(--line-color) 82%,var(--green) 18%)}
}

/* ================================================================
   BBB CMS 1.0.1 — FEATURED PROJECTS / HOME COVER FINISH
   Homepage gets a stronger cinematic cover treatment than portfolio.
   ================================================================ */
.bbb-work .bbb-project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.bbb-work .bbb-project-card:first-child{grid-column:1/-1}
.bbb-work .bbb-project-media{aspect-ratio:1.72}
.bbb-work .bbb-project-card:first-child .bbb-project-media{aspect-ratio:2.48;min-height:420px}
.bbb-work .bbb-project-card:first-child .bbb-project-meta{padding:28px 30px}
.bbb-work .bbb-project-card:first-child .bbb-project-meta h3{font-size:clamp(1.7rem,2.4vw,2.75rem);line-height:1.02}
.bbb-work .bbb-project-card:first-child .bbb-project-meta p{max-width:760px;font-size:.92rem}
.bbb-work .bbb-project-media picture{display:block;width:100%;height:100%}
.bbb-work .bbb-project-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.001)}
.bbb-work .bbb-project-card:hover .bbb-project-media img{transform:scale(1.045)}

/* Editor toggle: explicit homepage-feature state, easy to scan. */
.project-featured-toggle{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px 16px;border:1px solid var(--admin-line,#dfe2e7);border-radius:12px;background:var(--admin-panel,#fff)}
.project-featured-toggle>input[type="hidden"]{display:none}
.project-featured-toggle>input[type="checkbox"]{margin-top:3px}
.project-featured-toggle>span{display:grid;gap:3px}.project-featured-toggle strong{font-size:.88rem}.project-featured-toggle small{color:var(--muted,#6c737f);font-size:.72rem;line-height:1.45;font-weight:500}

@media(max-width:900px){
  .bbb-work .bbb-project-grid{grid-template-columns:1fr;gap:18px}
  .bbb-work .bbb-project-card:first-child{grid-column:auto}
  .bbb-work .bbb-project-card:first-child .bbb-project-media,.bbb-work .bbb-project-media{aspect-ratio:1.58;min-height:0}
  .bbb-work .bbb-project-card:first-child .bbb-project-meta{padding:22px}
}
@media(max-width:620px){
  .bbb-work .bbb-project-card:first-child .bbb-project-media,.bbb-work .bbb-project-media{aspect-ratio:1.34}
  .bbb-work .bbb-project-card:first-child .bbb-project-meta{padding:18px}
  .bbb-work .bbb-project-card:first-child .bbb-project-meta h3{font-size:1.42rem}
}
@media(min-width:2500px){
  .bbb-work .bbb-project-grid{gap:34px}
  .bbb-work .bbb-project-card:first-child .bbb-project-media{aspect-ratio:2.62;min-height:650px}
  .bbb-work .bbb-project-media{aspect-ratio:1.82}
  .bbb-work .bbb-project-card:first-child .bbb-project-meta{padding:36px 40px}
  .bbb-work .bbb-project-card:first-child .bbb-project-meta h3{font-size:3.35rem}
  .bbb-work .bbb-project-card:first-child .bbb-project-meta p{font-size:1.08rem}
}



/* ================================================================
   BBB CMS 1.0.2 — PORTFOLIO COVER + CASE STUDY WEBSITE CTA
   ================================================================ */
/* Every portfolio cover owns the full media width. ResponsiveImageService may
   output <picture>, so picture must be a block; otherwise a source with a small
   intrinsic width can visually occupy only part of a full-width card. */
.bbb-case-study-card .project-image{width:100%;height:auto!important;min-width:0}
.bbb-case-study-card .project-gallery-trigger,
.bbb-case-study-card .project-gallery-trigger picture{display:block;width:100%;height:100%}
.bbb-case-study-card .project-image img{display:block;width:100%!important;height:100%!important;max-width:none;object-position:center}
.bbb-case-study-card.cover-fit-cover .project-image img{object-fit:cover!important}
.bbb-case-study-card.cover-fit-contain .project-image{background:color-mix(in srgb,var(--card-bg) 84%,#fff 16%)}
.bbb-case-study-card.cover-fit-contain .project-image img{object-fit:contain!important;padding:clamp(18px,3vw,48px);transform:none!important}
.bbb-case-study-card.cover-fit-contain:hover .project-image img{transform:scale(1.012)!important}

/* Featured / first showcase can stay larger, but its image now spans the whole
   card instead of leaving an unused right-hand media area. */
.bbb-case-study-card:nth-child(3n+1) .project-image{aspect-ratio:2/1}
@media(max-width:900px){.bbb-case-study-card:nth-child(3n+1) .project-image,.bbb-case-study-card .project-image{aspect-ratio:16/10}}
@media(max-width:560px){.bbb-case-study-card:nth-child(n) .project-image{aspect-ratio:4/3!important}}
@media(min-width:2500px){.bbb-case-study-card:nth-child(3n+1) .project-image{aspect-ratio:2.15/1}}

/* Cover/contain also follows the project into the full Case Study and modal. */
.project-detail-cover picture{display:block;width:100%;height:100%}
.project-detail-cover.cover-fit-cover img,.project-modal-cover.cover-fit-cover img{object-fit:cover!important}
.project-detail-cover.cover-fit-contain,.project-modal-cover.cover-fit-contain{background:color-mix(in srgb,var(--card-bg) 84%,#fff 16%)}
.project-detail-cover.cover-fit-contain img,.project-modal-cover.cover-fit-contain img{object-fit:contain!important;padding:clamp(18px,3vw,52px)}

.project-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.bbb-case-study-head .project-detail-actions{justify-content:center}
.project-website-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important}
.project-modal-copy .project-detail-actions{margin:18px 0 4px}
@media(max-width:560px){.bbb-case-study-head .project-detail-actions{justify-content:flex-start}.project-website-button{width:100%}}

/* ================================================================
   BBB CMS Premium 1.0.3 — Brush Intro
   Theme-aware, transparent full-logo reveal with a premium hand/brush.
   ================================================================ */
body.bbb-logo-intro-active{overflow:hidden!important}
.bbb-logo-intro{
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  --bbb-intro-bg:#08090b;background:var(--bbb-intro-bg);overflow:hidden;
  opacity:1;visibility:visible;transition:opacity 1.25s cubic-bezier(.22,.61,.36,1),visibility 1.25s ease;
  isolation:isolate;color-scheme:only light;
}
.bbb-logo-intro::before{
  content:"";position:absolute;inset:-16%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 52% 42%,rgba(255,157,32,.10),transparent 27%),
    radial-gradient(circle at 28% 70%,rgba(216,146,78,.055),transparent 32%);
  filter:blur(10px)
}
.bbb-logo-intro[data-bg-scheme="light"]::before{
  background:
    radial-gradient(circle at 52% 42%,rgba(255,126,5,.075),transparent 27%),
    radial-gradient(circle at 28% 70%,rgba(216,146,78,.045),transparent 34%)
}
.bbb-logo-intro-grain{
  position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.22;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.013) 0 1px,transparent 1px 7px)
}
.bbb-logo-intro[data-bg-scheme="light"] .bbb-logo-intro-grain{
  opacity:.28;background-image:
    repeating-linear-gradient(0deg,rgba(55,42,27,.018) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(55,42,27,.012) 0 1px,transparent 1px 7px)
}
.bbb-logo-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.bbb-logo-intro-stage{
  position:relative;width:min(1180px,94vw);height:min(680px,72dvh);min-height:320px;
  display:grid;place-items:center;overflow:visible
}
.bbb-logo-intro-canvas{display:block;width:100%;height:100%;position:relative;z-index:1}
.bbb-logo-intro-brush{
  --bbb-brush-angle:0deg;--bbb-hand-width:430px;position:absolute;left:50%;top:50%;z-index:3;width:0;height:0;
  pointer-events:none;opacity:0;transform:rotate(var(--bbb-brush-angle));transform-origin:0 0;
  transition:opacity .28s ease;will-change:left,top,transform,opacity;user-select:none
}
/* Exact CMS 2.3 photorealistic hand geometry. The wrapper is anchored on the
   active brush tip; the source tip sits at ~x=0 / y=87.1% of the transparent image. */
.bbb-logo-intro-brush picture{
  position:absolute;left:0;top:0;display:block;width:var(--bbb-hand-width,430px);
  transform:translate(-0.2%,-85.9%);transform-origin:0 0
}
.bbb-logo-intro-brush img{
  display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 11px 14px rgba(0,0,0,.20))
}
.bbb-logo-intro-controls{
  position:absolute;right:max(18px,3vw);bottom:max(16px,3vh);z-index:5;display:flex;gap:10px
}
.bbb-logo-intro-control{
  appearance:none;border:1px solid rgba(255,184,76,.32);border-radius:999px;padding:10px 15px;
  background:rgba(10,11,13,.72);color:#f8f5ee;font:800 11px/1 Inter,Arial,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);
  box-shadow:0 10px 36px rgba(0,0,0,.14);transition:transform .2s ease,border-color .2s ease,background .2s ease
}
.bbb-logo-intro-control:hover{transform:translateY(-1px);border-color:rgba(255,184,76,.68);background:rgba(16,17,20,.92)}
.bbb-logo-intro[data-bg-scheme="light"] .bbb-logo-intro-control{
  background:rgba(255,255,255,.76);color:#17181b;border-color:rgba(181,104,27,.25);box-shadow:0 10px 34px rgba(57,42,27,.08)
}
.bbb-logo-intro[data-bg-scheme="light"] .bbb-logo-intro-control:hover{background:#fff;border-color:rgba(181,104,27,.5)}
.bbb-logo-intro.is-complete .bbb-logo-intro-canvas{animation:bbbIntroFinishGlow 1.35s cubic-bezier(.22,.61,.36,1) both}
@keyframes bbbIntroFinishGlow{0%{filter:drop-shadow(0 0 0 rgba(255,160,35,0)) brightness(1)}35%{filter:drop-shadow(0 0 18px rgba(255,176,52,.16)) brightness(1.025)}72%{filter:drop-shadow(0 0 9px rgba(255,176,52,.09)) brightness(1.012)}100%{filter:drop-shadow(0 0 0 rgba(255,160,35,0)) brightness(1)}}45%{filter:drop-shadow(0 0 25px rgba(255,160,35,.20))}100%{filter:drop-shadow(0 0 0 rgba(255,160,35,0))}}
@media(max-width:900px){.bbb-logo-intro-stage{width:96vw;height:min(580px,68dvh)}}
@media(max-width:560px){.bbb-logo-intro-stage{width:100vw;height:min(500px,62dvh);min-height:270px}.bbb-logo-intro-controls{right:12px;bottom:12px}.bbb-logo-intro-control{padding:9px 12px;font-size:10px}}
@media(max-height:520px) and (orientation:landscape){.bbb-logo-intro-stage{height:82dvh;width:94vw;min-height:240px}}
@media(prefers-reduced-motion:reduce){.bbb-logo-intro:not([data-force="1"]){display:none!important}}

/* =========================================================
   BBB 1.0.4 — SOLIS / PULSE LIGHT THEME REFRESH
   Solis and Pulse are dedicated light variants. Original
   Aureum and Ember remain available as independent dark themes.
   ========================================================= */
.theme-bbb-solis{color-scheme:light}.theme-bbb-solis .cms2-header{background:color-mix(in srgb,var(--header-bg) 94%,transparent)!important;border-color:var(--header-border)!important}.theme-bbb-solis .bbb-hero{background:radial-gradient(circle at 78% 20%,rgba(201,151,44,.16),transparent 31%),linear-gradient(180deg,#FCFAF5 0%,#F8F5EC 100%)!important}.theme-bbb-solis .bbb-hero:after{border-color:rgba(201,151,44,.27);filter:drop-shadow(0 0 24px rgba(201,151,44,.10))}.theme-bbb-solis .bbb-service-card{background:linear-gradient(145deg,var(--card-bg),var(--section-alt-bg))!important;color:var(--text)!important}.theme-bbb-solis .bbb-project-card{background:linear-gradient(180deg,var(--card-bg),var(--section-alt-bg))!important;color:var(--text)!important;box-shadow:0 18px 52px rgba(75,57,25,.09)!important}.theme-bbb-solis .contact-person{background:linear-gradient(135deg,var(--card-bg),var(--section-alt-bg))!important;color:var(--text)!important}.theme-bbb-solis .bbb-proof-bar{background:var(--section-alt-bg)!important;border-color:var(--line-color)!important}.theme-bbb-solis .bbb-proof-grid article{background:linear-gradient(180deg,rgba(201,151,44,.06),transparent)!important}.theme-bbb-solis .bbb-experience-grid article{background:linear-gradient(150deg,var(--card-bg),var(--section-alt-bg))!important;color:var(--text)!important}.theme-bbb-solis .bbb-final-cta{background:linear-gradient(135deg,var(--section-alt-bg),var(--card-bg))!important;color:var(--text)!important}.theme-bbb-solis .bbb-final-mark{background:var(--card-bg)!important;border-color:var(--line-color)!important}.theme-bbb-solis .bbb-portfolio-toolbar{background:color-mix(in srgb,var(--card-bg) 94%,transparent)!important;border-color:var(--line-color)!important;box-shadow:0 14px 36px rgba(68,52,24,.08)!important}.theme-bbb-solis .bbb-case-study-card{background:var(--card-bg)!important;color:var(--text)!important;box-shadow:0 18px 48px rgba(67,49,20,.08)!important}.theme-bbb-solis .bbb-case-study-card .project-info{border-color:rgba(201,151,44,.22)!important}.theme-bbb-solis .bbb-inner-hero{background:radial-gradient(circle at 84% 30%,color-mix(in srgb,var(--green) 12%,transparent),transparent 29%),var(--body-bg)!important}.theme-bbb-solis .bbb-laptop-screen,.theme-bbb-solis .bbb-device-phone{box-shadow:0 22px 68px rgba(80,57,20,.13)}

.theme-bbb-pulse{color-scheme:light}.theme-bbb-pulse .cms2-header{background:color-mix(in srgb,var(--header-bg) 95%,transparent)!important;border-color:var(--header-border)!important}.theme-bbb-pulse .bbb-hero{background:radial-gradient(circle at 82% 22%,rgba(255,126,5,.13),transparent 29%),linear-gradient(180deg,#FFFFFF 0%,#FFF8F1 100%)!important}.theme-bbb-pulse .bbb-hero:after{border-color:rgba(255,126,5,.18);box-shadow:0 0 0 42px rgba(255,126,5,.025),0 0 0 86px rgba(255,126,5,.012)}.theme-bbb-pulse .bbb-project-card{background:var(--card-bg)!important;color:var(--text)!important;box-shadow:0 18px 55px rgba(54,42,31,.09)!important}.theme-bbb-pulse .bbb-service-card{background:var(--card-bg)!important;color:var(--text)!important;box-shadow:0 14px 42px rgba(56,43,29,.06)!important}.theme-bbb-pulse .contact-person{background:var(--card-bg)!important;color:var(--text)!important}.theme-bbb-pulse .bbb-proof-bar{background:var(--section-alt-bg)!important;border-color:var(--line-color)!important}.theme-bbb-pulse .bbb-experience-grid article{background:var(--card-bg)!important;color:var(--text)!important;box-shadow:0 14px 38px rgba(58,44,30,.06)!important}.theme-bbb-pulse .bbb-final-cta{background:linear-gradient(135deg,var(--section-alt-bg),var(--card-bg))!important;color:var(--text)!important}.theme-bbb-pulse .bbb-inner-hero{background:radial-gradient(circle at 86% 24%,color-mix(in srgb,var(--green) 10%,transparent),transparent 28%),var(--body-bg)!important}.theme-bbb-pulse .bbb-case-study-card{background:var(--card-bg)!important;color:var(--text)!important;box-shadow:0 18px 48px rgba(51,42,34,.07)!important}.theme-bbb-pulse .bbb-case-study-card.is-featured:after{color:rgba(23,24,27,.52)!important}.theme-bbb-pulse .bbb-portfolio-toolbar{background:color-mix(in srgb,var(--card-bg) 94%,transparent)!important;border-color:var(--line-color)!important;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--green) 26%,transparent),0 14px 36px rgba(50,40,31,.06)!important}.theme-bbb-pulse .bbb-laptop-screen,.theme-bbb-pulse .bbb-device-phone{box-shadow:0 22px 70px rgba(77,50,25,.12)}

/* =========================================================
   BBB MOTION STUDIO — public runtime
   ========================================================= */
.bbb-motion-ready{--bbb-motion-duration:.75s;--bbb-motion-delay:.05s;will-change:opacity,transform,filter,clip-path;backface-visibility:hidden}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-fade-up,.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-slide-up{opacity:0;transform:translateY(28px)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-blur-in{opacity:0;filter:blur(14px);transform:scale(.985)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-slide-left{opacity:0;transform:translateX(38px)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-slide-right{opacity:0;transform:translateX(-38px)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-pop{opacity:0;transform:scale(.76)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-flip-in{opacity:0;transform:perspective(900px) rotateY(68deg) scale(.96);transform-origin:center center}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-rotate-in{opacity:0;transform:rotate(-9deg) scale(.88)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-zoom-reveal{opacity:0;transform:scale(1.12);filter:blur(3px)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-float-in{opacity:0;transform:translateY(36px) rotate(2deg)}.bbb-motion-ready:not(.bbb-motion-active).bbb-motion-preset-wipe-left{clip-path:inset(0 100% 0 0)}
.bbb-motion-ready.bbb-motion-active{opacity:1;transform:none;filter:none;clip-path:inset(0);transition:opacity var(--bbb-motion-duration) cubic-bezier(.2,.8,.2,1) var(--bbb-motion-delay),transform var(--bbb-motion-duration) cubic-bezier(.2,.8,.2,1) var(--bbb-motion-delay),filter var(--bbb-motion-duration) ease var(--bbb-motion-delay),clip-path var(--bbb-motion-duration) cubic-bezier(.2,.8,.2,1) var(--bbb-motion-delay)}
.bbb-motion-preset-pop.bbb-motion-active{animation:bbbMotionPop var(--bbb-motion-duration) cubic-bezier(.2,.9,.2,1.2) var(--bbb-motion-delay) both}.bbb-motion-preset-flip-in.bbb-motion-active{animation:bbbMotionFlip var(--bbb-motion-duration) cubic-bezier(.2,.8,.2,1) var(--bbb-motion-delay) both}.bbb-motion-preset-rotate-in.bbb-motion-active{animation:bbbMotionRotate var(--bbb-motion-duration) cubic-bezier(.2,.8,.2,1) var(--bbb-motion-delay) both}.bbb-motion-preset-float-in.bbb-motion-active{animation:bbbMotionFloat var(--bbb-motion-duration) cubic-bezier(.2,.8,.2,1) var(--bbb-motion-delay) both}
.bbb-motion-preset-word-reveal .bbb-motion-token,.bbb-motion-preset-letter-rise .bbb-motion-token{display:inline-block;opacity:0;filter:blur(7px);transform:translateY(.72em);transition:opacity calc(var(--bbb-motion-duration)*.72) cubic-bezier(.2,.8,.2,1),transform calc(var(--bbb-motion-duration)*.82) cubic-bezier(.2,.8,.2,1),filter calc(var(--bbb-motion-duration)*.72) ease;transition-delay:calc(var(--bbb-motion-delay) + (var(--bbb-token-index)*34ms))}.bbb-motion-preset-letter-rise .bbb-motion-token{transform:translateY(.9em) rotate(2.5deg);transition-delay:calc(var(--bbb-motion-delay) + (var(--bbb-token-index)*18ms))}.bbb-motion-preset-word-reveal.bbb-motion-active .bbb-motion-token,.bbb-motion-preset-letter-rise.bbb-motion-active .bbb-motion-token{opacity:1;filter:none;transform:none}.bbb-motion-space{display:inline-block;width:.28em}.bbb-motion-preset-typewriter{min-height:1em}.bbb-motion-preset-typewriter:not(.bbb-motion-active)::after{content:"";display:inline-block;width:2px;height:.9em;margin-left:.12em;background:currentColor;vertical-align:-.04em;animation:bbbMotionCaret .72s steps(1) infinite}.bbb-motion-preset-none{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;animation:none!important;transition:none!important}
@keyframes bbbMotionPop{0%{opacity:0;transform:scale(.74)}72%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}@keyframes bbbMotionFlip{0%{opacity:0;transform:perspective(900px) rotateY(68deg) scale(.96)}100%{opacity:1;transform:none}}@keyframes bbbMotionRotate{0%{opacity:0;transform:rotate(-9deg) scale(.88)}100%{opacity:1;transform:none}}@keyframes bbbMotionFloat{0%{opacity:0;transform:translateY(36px) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes bbbMotionCaret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.bbb-motion-ready,.bbb-motion-ready *{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;animation:none!important;transition:none!important}.bbb-motion-preset-typewriter::after{display:none!important}}

/* =========================================================
   BBB HERO — EDGELESS VISUAL RESTORE
   Removes any saved/wrapper box from the right-hand hero visual and
   lets the brand glow/traces bleed naturally toward the viewport edge.
   ========================================================= */
.bbb-hero{
  overflow:clip;
}
.bbb-hero-grid{
  position:relative;
}
.bbb-hero-visual,
.bbb-hero-visual[style]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
  clip-path:none!important;
}

/* Keep the interactive glow organic rather than rectangular. */
.bbb-hero-visual:before{
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,
    color-mix(in srgb,var(--green) 15%,transparent) 0%,
    color-mix(in srgb,var(--green) 7%,transparent) 34%,
    transparent 70%);
  filter:blur(22px);
  opacity:.78;
}

/* Large soft brand halo that continues beyond the content container. */
.bbb-hero-visual:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:min(980px,72vw);
  height:min(720px,58vw);
  right:-34vw;
  top:50%;
  transform:translateY(-50%) rotate(-8deg);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 18% 50%,color-mix(in srgb,var(--green) 19%,transparent),transparent 54%),
    radial-gradient(ellipse at 38% 55%,color-mix(in srgb,var(--green) 8%,transparent),transparent 70%);
  filter:blur(18px);
  opacity:.9;
}

/* Let the original gold/orange traces run all the way out of the hero. */
.bbb-hero-visual .trace-a{
  width:calc(620px + 30vw)!important;
  right:-30vw!important;
}
.bbb-hero-visual .trace-b{
  width:calc(470px + 26vw)!important;
  right:-26vw!important;
}
.bbb-hero-visual .orbit-one{
  right:-180px!important;
}
.bbb-hero-visual .orbit-two{
  right:-105px!important;
}

/* Light themes keep the same edgeless composition, with a softer halo. */
.theme-bbb-solis .bbb-hero-visual:after,
.theme-bbb-pulse .bbb-hero-visual:after,
.theme-bbb-pure .bbb-hero-visual:after,
.theme-bbb-ivory .bbb-hero-visual:after{
  opacity:.42;
  filter:blur(24px);
}

@media(max-width:900px){
  .bbb-hero-visual:after{right:-46vw;width:100vw;height:620px;opacity:.62}
  .bbb-hero-visual .trace-a{right:-38vw!important;width:calc(480px + 38vw)!important}
  .bbb-hero-visual .trace-b{right:-34vw!important;width:calc(390px + 34vw)!important}
}
@media(max-width:560px){
  .bbb-hero-visual:after{right:-58vw;width:118vw;height:460px;opacity:.52}
  .bbb-hero-visual .orbit-one{right:-105px!important}
  .bbb-hero-visual .orbit-two{right:-70px!important}
}

/* =========================================================
   BBB HERO — TRUE EDGELESS FIX
   The previous visual-level halo had its own rectangular bounds.
   Remove it completely and put all atmosphere on the full hero section.
   ========================================================= */
.bbb-hero-visual:after,
.theme-bbb-aureum .bbb-hero-visual:after,
.theme-bbb-ember .bbb-hero-visual:after,
.theme-bbb-solis .bbb-hero-visual:after,
.theme-bbb-pulse .bbb-hero-visual:after,
.theme-bbb-pure .bbb-hero-visual:after,
.theme-bbb-ivory .bbb-hero-visual:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Full-section atmosphere: no local rectangle, no visible bounds. */
.theme-bbb-ember .bbb-hero{
  background:
    radial-gradient(ellipse 72% 82% at 78% 48%,rgba(255,126,5,.18) 0%,rgba(255,126,5,.075) 31%,rgba(255,126,5,.025) 49%,transparent 70%),
    radial-gradient(ellipse 62% 44% at 82% 73%,rgba(255,126,5,.055),transparent 72%),
    linear-gradient(180deg,#08080a,var(--body-bg))!important;
}
.theme-bbb-aureum .bbb-hero{
  background:
    radial-gradient(ellipse 74% 84% at 78% 48%,rgba(216,165,45,.17) 0%,rgba(216,165,45,.072) 32%,rgba(216,165,45,.024) 51%,transparent 71%),
    radial-gradient(ellipse 64% 45% at 80% 75%,rgba(216,165,45,.05),transparent 74%),
    linear-gradient(180deg,#050506,var(--body-bg))!important;
}
.theme-bbb-pulse .bbb-hero{
  background:
    radial-gradient(ellipse 72% 80% at 79% 47%,rgba(255,126,5,.13) 0%,rgba(255,126,5,.045) 36%,transparent 70%),
    linear-gradient(180deg,#FFFFFF 0%,#FFF8F1 100%)!important;
}
.theme-bbb-solis .bbb-hero{
  background:
    radial-gradient(ellipse 72% 82% at 78% 47%,rgba(201,151,44,.145) 0%,rgba(201,151,44,.045) 36%,transparent 70%),
    linear-gradient(180deg,#FCFAF5 0%,#F8F5EC 100%)!important;
}
.theme-bbb-pure .bbb-hero{
  background:
    radial-gradient(ellipse 68% 75% at 78% 48%,rgba(224,129,42,.055),transparent 69%),
    linear-gradient(180deg,#FFFFFF,#FAFAFB)!important;
}
.theme-bbb-ivory .bbb-hero{
  background:
    radial-gradient(ellipse 70% 80% at 78% 48%,rgba(184,107,53,.105),transparent 70%),
    linear-gradient(180deg,#F8F5F0,#F2ECE4)!important;
}

/* The device composition itself must never paint a rectangular surface. */
.bbb-hero-visual,
.bbb-hero-visual[style]{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  overflow:visible!important;
}

/* Keep only the circular pointer glow. */
.bbb-hero-visual:before{
  border-radius:50%!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--green) 13%,transparent),transparent 72%)!important;
  filter:blur(18px)!important;
}