/* Flowstate v2 design layer. Loaded after each core page's own styles. */
:root{--ease:cubic-bezier(.2,.7,.1,1);--accent-d:#8B8BF2}
html.v2 body{overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}

/* floating pill navigation */
html.v2 .nav{top:12px;left:50%;right:auto;width:min(1180px,calc(100% - 24px));transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 0 0 1px rgba(12,12,17,.06),0 8px 30px rgba(12,12,17,.06);transition:transform .5s var(--ease),background .4s,box-shadow .4s}
html.v2 .nav::after{display:none}
html.v2 .nav.scrolled{background:rgba(255,255,255,.8)}
html.v2 .nav.is-hidden{transform:translate(-50%,-140%)}
html.v2 .nav-inner{height:60px;padding:0 10px 0 22px;max-width:none}
html.v2 .brand img{width:118px;height:auto}
html.v2 .nav-links{gap:2px}
html.v2 .nav-links a{font-size:14.5px;font-weight:500;padding:9px 14px;border-radius:999px;transition:background .2s,color .2s}
html.v2 .nav-links a:hover{background:rgba(91,91,214,.08)}
html.v2 .nav .btn-sm{height:42px}
html.v2 .nav.dark{background:rgba(21,21,29,.72);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html.v2 .nav.dark .logo-light{display:none}
html.v2 .nav.dark .logo-dark{display:block}
html.v2 .nav.dark .nav-links a,html.v2 .nav.dark .nav-social a,html.v2 .nav.dark .menu-btn{color:#9D9DAC}
html.v2 .nav.dark .nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
html.v2 .nav.dark .btn-primary{background:#fff;color:#0c0c11}
html.v2 .mobile-menu{inset:84px 12px auto 12px;border-radius:22px;border:0;box-shadow:0 0 0 1px rgba(12,12,17,.06),0 20px 60px rgba(12,12,17,.14)}
@media (max-width:960px){html.v2 .nav-social{display:none}}

/* type */
html.v2 h1,html.v2 h2,html.v2 h3{font-weight:700}
html.v2 .page-h1,html.v2 .pagetop>.wrap h1,html.v2 .article h1{font-size:clamp(44px,6.6vw,100px);letter-spacing:-.045em;line-height:.96;max-width:15ch}
html.v2 .article h1{font-size:clamp(38px,5vw,72px);max-width:20ch}
html.v2 main h2{letter-spacing:-.04em;line-height:1}
html.v2 .sec-head h2,html.v2 .ads-section-head h2,html.v2 .ads-split h2,html.v2 .cta-sec h2{font-size:clamp(34px,4.6vw,68px)}
html.v2 .eyebrow{text-transform:none;letter-spacing:-.01em;font-size:14px;color:var(--accent)}
html.v2 .eyebrow .dot{display:none}
html.v2 .lead{font-size:clamp(17px,1.35vw,20px)}
html.v2 .split-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
html.v2 .split-w>span{display:inline-block}

/* page tops carry the ribbon */
html.v2 .pagetop{position:relative;overflow:hidden;padding-top:clamp(150px,22vh,220px);padding-bottom:clamp(70px,10vh,110px)}
html.v2 .pagetop::before{content:none!important}
html.v2 .pagetop::after{content:""!important;position:absolute;z-index:0;top:0;bottom:auto;height:min(100%,820px);right:-6vw;left:auto;width:min(62vw,1000px);background:url("/agency-assets/sculpture/hero-1536.webp") 30% 55%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%);opacity:.95;pointer-events:none;transform:translate3d(0,var(--py,0px),0) scale(var(--ps,1));filter:none;border-radius:0}
html.v2 .pagetop>.wrap{position:relative;z-index:1}
html.v2 .article.pagetop::after,html.v2 .pagetop.no-art::after{opacity:.35}
@media (max-width:820px){html.v2 .pagetop::after{width:100vw;right:-30vw;opacity:.35}}

/* sections and cards */
html.v2 .sec-soft{background:var(--bg-soft)}
html.v2 .portfolio-image,html.v2 .blog-card,html.v2 .rcard{border-radius:18px;overflow:hidden}
html.v2 .portfolio-image img{transition:transform 1.2s var(--ease)}
html.v2 .portfolio-image:hover img{transform:scale(1.04)}
html.v2 .blog-card{transition:transform .5s var(--ease),box-shadow .5s}
html.v2 .blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
html.v2 .faq summary{font-weight:600;letter-spacing:-.02em}

/* closing call to action: the dark ribbon */
html.v2 .cta-sec{position:relative;overflow:hidden;background:#0E0F22;color:#fff;padding:clamp(120px,18vh,200px) 0}
html.v2 .cta-sec::before{content:"";position:absolute;inset:-10% 0;background:url("/agency-assets/sculpture/enquiry-1536.webp") 75% 50%/cover no-repeat;transform:translate3d(0,var(--py,0px),0)}
html.v2 .cta-sec::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,16,.94) 0%,rgba(11,11,16,.7) 48%,rgba(11,11,16,.1) 85%)}
html.v2 .cta-sec .wrap{position:relative;z-index:1;text-align:left}
html.v2 .cta-sec h2{color:#fff;font-size:clamp(48px,8vw,128px);max-width:12ch;margin-left:0}
html.v2 .cta-sec p{color:#CDCDD6;margin-left:0;max-width:44ch}
html.v2 .cta-sec .eyebrow{color:var(--accent-d)}
html.v2 .cta-sec .btn-primary{background:#fff;color:#0c0c11}
html.v2 .cta-sec .btn-primary:hover{background:var(--accent);color:#fff}
html.v2 .cta-sec a:not(.btn){color:#fff}

/* dark footer */
html.v2 .footer{background:#0B0B10;border-top:0;color:#9D9DAC}
html.v2 .footer .logo-light{display:none}
html.v2 .footer .logo-dark{display:block}
html.v2 .foot-brand p,html.v2 .foot-col a,html.v2 .foot-col span{color:#9D9DAC}
html.v2 .foot-col a:hover{color:#fff}
html.v2 .foot-col h5{color:#6A6A77}
html.v2 .foot-social a{border-color:#28282F;color:#9D9DAC}
html.v2 .foot-social a:hover{color:#fff;border-color:#4a4a55}
html.v2 .foot-bot{border-top-color:#28282F;color:#6A6A77}

/* magnetic buttons */
html.v2 .btn{will-change:transform}

@media (prefers-reduced-motion:reduce){html.v2 .pagetop::after,html.v2 .cta-sec::before{transform:none}}
html.v2 .skip-link{position:fixed;top:8px;left:16px;z-index:300;transform:translateY(-150%);padding:12px 20px;background:var(--ink);color:#fff;border-radius:8px}
html.v2 .skip-link:focus{transform:none}
html.v2 .anchor-target{display:block;scroll-margin-top:110px}