#b2c-ref-root .clients{background:#f3f1e9;color:#0e0e10;padding:40px 0;overflow:hidden;border-block:2.5px solid #0e0e10}#b2c-ref-root .clients .wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:18px}#b2c-ref-root .clients-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}#b2c-ref-root .clients h2{font-family:Unbounded,system-ui,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(24px,5vw,36.8px);margin:0;line-height:1}#b2c-ref-root .clients h2 em{font-style:italic}#b2c-ref-root .clients .sub{font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:500;margin:10px 0 0;color:#3a3a3a;font-size:16px;max-width:48ch}#b2c-ref-root .clients-cta{display:inline-flex;align-items:center;gap:9px;font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:12.8px;text-transform:uppercase;letter-spacing:.02em;background:#0e0e10;color:#f3f1e9;border:2.5px solid #0e0e10;border-radius:6px;padding:13px 20px;box-shadow:5px 5px #8086c6;text-decoration:none;transition:transform .12s,box-shadow .12s;white-space:nowrap}#b2c-ref-root .clients-cta:hover{transform:translate(-1px,-1px);box-shadow:7px 7px #8086c6}#b2c-ref-root .clients-cta svg{width:17px;height:17px}#b2c-ref-root .clients-marq{margin-top:30px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}#b2c-ref-root .clients-track{display:flex;align-items:center;gap:120px;width:max-content;animation:b2cclients 26s linear infinite}#b2c-ref-root .clients-track img{height:58px;width:auto;filter:grayscale(1);opacity:.82;transition:opacity .2s,filter .2s}#b2c-ref-root .clients-track:hover{animation-play-state:paused}#b2c-ref-root .clients-track img:hover{filter:none;opacity:1}@keyframes b2cclients{to{transform:translate(-50%)}}@media(max-width:640px){#b2c-ref-root .clients-track img{height:46px}#b2c-ref-root .clients-track{gap:64px}}@media(prefers-reduced-motion:reduce){#b2c-ref-root .clients-track{animation:none;flex-wrap:wrap;justify-content:center;gap:30px 48px}}#b2c-ref-root{--ink:#121212;--ink-deep:#0b0b0d;--paper:#f3f1e9;--white:#ffffff;--peri:#9da1ca;--peri-mid:#8b91c4;--peri-ink:#7b82bd;--peri-deep:#686fae;--yellow:#fbeca0;--yellow-deep:#f6da6b;--mauve:#ecd9de;--font-display:"Unbounded",system-ui,sans-serif;--font-sans:"Hanken Grotesk",system-ui,sans-serif;--r-xs:4px;--r-sm:6px;--r-pill:999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.2,.86,.24,1);--dur-1:.14s;--dur-2:.24s;--dur-3:.42s;--wrap:1240px;--gutter:clamp(18px,4vw,44px)}#b2c-ref-root *,#b2c-ref-root *:before,#b2c-ref-root *:after{box-sizing:border-box}#b2c-ref-root img,#b2c-ref-root p,#b2c-ref-root span,#b2c-ref-root a,#b2c-ref-root li,#b2c-ref-root ul,#b2c-ref-root ol,#b2c-ref-root h1,#b2c-ref-root h2,#b2c-ref-root h3,#b2c-ref-root h4,#b2c-ref-root dt,#b2c-ref-root dd,#b2c-ref-root dl,#b2c-ref-root figure,#b2c-ref-root blockquote,#b2c-ref-root button,#b2c-ref-root nav,#b2c-ref-root section,#b2c-ref-root aside,#b2c-ref-root div{color:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}#b2c-ref-root{margin:0;background:var(--ink-deep);color:var(--paper);font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}#b2c-ref-root img{display:block;max-width:100%}#b2c-ref-root a{color:inherit;text-decoration:none}#b2c-ref-root h1,#b2c-ref-root h2,#b2c-ref-root h3{font-family:var(--font-display);margin:0;line-height:.94;letter-spacing:-.03em}#b2c-ref-root button{font:inherit;color:inherit}#b2c-ref-root :focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:2px}#b2c-ref-root .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#b2c-ref-root .wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);position:relative}#b2c-ref-root .prog{position:fixed;inset:0 auto auto 0;height:4px;width:100%;z-index:90;background:var(--yellow);transform-origin:0 50%;transform:scaleX(0)}@supports (animation-timeline:scroll()){#b2c-ref-root .prog{animation:progGrow linear both;animation-timeline:scroll(root block)}}@keyframes progGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){#b2c-ref-root .prog{display:none}}#b2c-ref-root .hdr{position:sticky;top:0;z-index:70;background:#0b0b0ddb;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border-bottom:2px solid var(--paper)}#b2c-ref-root .hdr-in{display:flex;align-items:center;gap:16px;height:64px}#b2c-ref-root .logo{position:relative;display:inline-block;width:84px;height:42px;flex:0 0 auto;background:url(brain2canvas-logo.svg) left center/contain no-repeat;filter:brightness(0) invert(1)}#b2c-ref-root .logo>*{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#b2c-ref-root .nav{display:none}#b2c-ref-root .hdr .btn{margin-left:auto;padding:10px 15px;font-size:11.2px}#b2c-ref-root .hamb{margin-left:8px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex:0 0 auto;border:2px solid var(--paper);border-radius:8px;background:transparent;cursor:pointer;padding:0}#b2c-ref-root .hamb span{display:block;width:20px;height:2.5px;background:var(--paper);border-radius:2px;transition:transform .22s var(--ease-out),opacity .18s}#b2c-ref-root .hamb.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}#b2c-ref-root .hamb.open span:nth-child(2){opacity:0}#b2c-ref-root .hamb.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}#b2c-ref-root .mnav{position:fixed;top:64px;left:0;right:0;z-index:65;display:flex;flex-direction:column;background:#0b0b0dfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--paper);padding:6px var(--gutter) 20px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease-out)}#b2c-ref-root .mnav.open{transform:none;opacity:1;pointer-events:auto}#b2c-ref-root .mnav a{font-family:var(--font-display);font-weight:700;font-size:16px;text-transform:uppercase;padding:15px 2px;border-bottom:1px solid rgba(243,241,233,.14)}#b2c-ref-root .mnav a:last-child{border-bottom:none}#b2c-ref-root .mnav .mnav-cta{margin-top:14px;text-align:center;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-sm);padding:14px}@media(min-width:900px){#b2c-ref-root .nav{display:flex;gap:2px;margin-left:18px}#b2c-ref-root .nav a{font-family:var(--font-display);font-weight:700;font-size:11.52px;text-transform:uppercase;letter-spacing:.02em;padding:9px 13px;border:2px solid transparent;border-radius:var(--r-xs);transition:border-color var(--dur-1),transform var(--dur-1)}#b2c-ref-root .nav a:hover{border-color:var(--paper);transform:translateY(-1px)}#b2c-ref-root .nav a[aria-current=page]{color:var(--yellow);border-color:#fbeca066}#b2c-ref-root .hdr-in{height:74px}#b2c-ref-root .hamb,#b2c-ref-root .mnav{display:none}}#b2c-ref-root .btn{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:12.48px;text-transform:uppercase;letter-spacing:.03em;border:2.5px solid var(--ink);border-radius:var(--r-sm);padding:14px 22px;cursor:pointer;background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}#b2c-ref-root .btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}#b2c-ref-root .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}#b2c-ref-root .btn--ink{background:var(--ink);color:var(--paper);border-color:var(--paper);box-shadow:5px 5px 0 var(--peri-mid)}#b2c-ref-root .btn--ink:hover{box-shadow:8px 8px 0 var(--peri-mid)}#b2c-ref-root .btn svg{width:16px;height:16px;flex:0 0 auto}#b2c-ref-root .hero{position:relative;overflow:clip;overflow-clip-margin:0;padding:clamp(38px,7vw,84px) 0 0;isolation:isolate}#b2c-ref-root .hero canvas.meshbg{position:absolute;inset:-10% -5% auto -5%;height:120%;width:110%;z-index:-2;-webkit-mask:radial-gradient(115% 95% at 62% 26%,#000 26%,transparent 78%);mask:radial-gradient(115% 95% at 62% 26%,#000 26%,transparent 78%);opacity:.62;pointer-events:none}#b2c-ref-root .blob{position:absolute;z-index:-3;border-radius:50%;pointer-events:none;filter:blur(48px);opacity:.5}#b2c-ref-root .blob--a{width:min(46vw,520px);aspect-ratio:1;right:-8%;top:-14%;background:radial-gradient(circle,var(--peri) 0%,rgba(157,161,202,0) 68%);animation:driftA 44s var(--ease-out) infinite alternate}#b2c-ref-root .blob--b{width:min(34vw,380px);aspect-ratio:1;left:-10%;top:26%;background:radial-gradient(circle,var(--peri-deep) 0%,rgba(104,111,174,0) 70%);animation:driftB 56s var(--ease-out) infinite alternate}@keyframes driftA{to{transform:translate3d(-9%,11%,0) scale(1.16)}}@keyframes driftB{to{transform:translate3d(12%,-9%,0) scale(.86)}}@media(prefers-reduced-motion:reduce){#b2c-ref-root .blob{animation:none}}#b2c-ref-root .hero__eyebrow{font-family:var(--font-display);font-weight:700;font-size:11.84px;letter-spacing:.16em;text-transform:uppercase;color:var(--peri);margin:0 0 clamp(14px,2vw,22px)}#b2c-ref-root .bandline{position:relative;display:block;white-space:nowrap;overflow:clip;overflow-clip-margin:0;padding-bottom:.04em}#b2c-ref-root .bandline.settled{overflow-clip-margin:.34em}#b2c-ref-root .bandline__band{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(104%);will-change:transform}#b2c-ref-root .bandline__band:nth-child(1){-webkit-mask:linear-gradient(#000 0 34%,#0000 34%);mask:linear-gradient(#000 0 34%,#0000 34%)}#b2c-ref-root .bandline__band:nth-child(2){-webkit-mask:linear-gradient(#0000 34%,#000 34% 67%,#0000 67%);mask:linear-gradient(#0000 34%,#000 34% 67%,#0000 67%)}#b2c-ref-root .bandline__band:nth-child(3){position:relative;-webkit-mask:linear-gradient(#0000 67%,#000 67% 100%);mask:linear-gradient(#0000 67%,#000 67% 100%)}.anim #b2c-ref-root .bandline.in .bandline__band{transform:none;transition:transform .62s var(--ease-out);transition-delay:var(--bd,0s)}.anim #b2c-ref-root .bandline.in .bandline__band:nth-child(2){transition-delay:calc(var(--bd,0s) + .07s)}.anim #b2c-ref-root .bandline.in .bandline__band:nth-child(3){transition-delay:calc(var(--bd,0s) + .14s)}html:not(.anim) #b2c-ref-root .bandline__band,#b2c-ref-root .bandline.in .bandline__band{transform:none}@media(prefers-reduced-motion:reduce){#b2c-ref-root .bandline__band{transform:none!important;transition:none!important}}#b2c-ref-root .hero h1{font-size:clamp(28.8px,7.4vw,83.2px);font-weight:900;text-transform:uppercase}#b2c-ref-root .hero h1 .hl{color:var(--yellow)}#b2c-ref-root .ltr{display:inline-block;transition:transform .3s var(--ease-snap),color .18s linear;will-change:transform}#b2c-ref-root .ltr.hot{transform:translateY(-.1em) rotate(-7deg) scale(1.1);color:var(--yellow)}#b2c-ref-root .hero h1 .hl .ltr.hot{color:var(--white)}@media(prefers-reduced-motion:reduce){#b2c-ref-root .ltr{transition:color .18s linear}#b2c-ref-root .ltr.hot{transform:none}}#b2c-ref-root .hero__lead{margin:clamp(20px,3vw,30px) 0 0;max-width:56ch;font-size:clamp(16px,1.3vw,18.24px);color:#f3f1e9cc;min-height:8em}@media(min-width:660px){#b2c-ref-root .hero__lead{min-height:calc(3 * 1.6em)}}#b2c-ref-root .filterbar{position:sticky;top:64px;z-index:50;margin-top:clamp(26px,4vw,44px);padding:14px 0 13px;background:linear-gradient(to bottom,#0b0b0d6b,#0b0b0ded 70%,#0b0b0ded);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}#b2c-ref-root .filterbar:after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;pointer-events:none;background:linear-gradient(to bottom,#0b0b0ded,#0b0b0d00)}@media(min-width:900px){#b2c-ref-root .filterbar{top:74px}}#b2c-ref-root .filterbar__in{display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;padding-block:8px;margin-block:-8px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);-webkit-mask:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),#0000 100%);mask:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),#0000 100%)}#b2c-ref-root .filterbar__in::-webkit-scrollbar{display:none}#b2c-ref-root .chip{flex:0 0 auto;scroll-snap-align:start}#b2c-ref-root .filterbar__in{min-height:43px}@media(min-width:900px){#b2c-ref-root .filterbar__in{-webkit-mask:none;mask:none}}@media(min-width:900px){#b2c-ref-root .filterbar__in{margin-inline:0;padding-inline:0}}#b2c-ref-root .chip{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--font-display);font-weight:700;font-size:11.36px;text-transform:uppercase;letter-spacing:.03em;padding:10px 15px;border:2px solid rgba(243,241,233,.45);border-radius:var(--r-pill);background:transparent;color:var(--paper);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),border-color var(--dur-1),background var(--dur-1),color var(--dur-1)}#b2c-ref-root .chip:hover{transform:translateY(-2px);border-color:var(--paper)}#b2c-ref-root .chip .n{font-size:9.92px;opacity:.55;font-variant-numeric:tabular-nums}#b2c-ref-root .chip[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}#b2c-ref-root .chip[aria-pressed=true] .n{opacity:.6}@media(prefers-reduced-motion:reduce){#b2c-ref-root .chip:hover{transform:none}}#b2c-ref-root .wall{display:grid;gap:clamp(20px,2.4vw,30px);grid-template-columns:1fr;padding:clamp(30px,4.5vw,54px) 0 clamp(96px,10vw,150px)}@media(min-width:620px){#b2c-ref-root .wall{grid-template-columns:repeat(2,1fr)}}@media(min-width:1020px){#b2c-ref-root .wall{grid-template-columns:repeat(3,1fr)}}#b2c-ref-root .card{display:flex;flex-direction:column;background:var(--white);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-sm);box-shadow:8px 8px 0 var(--ink);overflow:hidden;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);will-change:transform}#b2c-ref-root .card{transform:rotate(var(--tilt,0deg))}#b2c-ref-root .card:hover,#b2c-ref-root .card:focus-visible{transform:translate(-3px,-4px) rotate(calc(var(--tilt,0deg) - 1.3deg));box-shadow:13px 15px 0 var(--peri-mid)}#b2c-ref-root #wall{min-height:62vh}@media(min-width:1020px){#b2c-ref-root .card--feature{grid-column:span 2}#b2c-ref-root .card--feature .card__ph{aspect-ratio:16/9}#b2c-ref-root .card--feature h3{font-size:33.6px}#b2c-ref-root .card--feature .card__excerpt{font-size:16.64px;max-width:52ch}#b2c-ref-root .card--feature .card__body{padding:26px 28px 28px}}#b2c-ref-root .card__ph{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:2.5px solid var(--ink);background:var(--peri)}#b2c-ref-root .card__ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}#b2c-ref-root .card:hover .card__ph img{transform:scale(1.07)}#b2c-ref-root .card__cat{position:absolute;top:12px;left:12px;font-family:var(--font-display);font-weight:700;font-size:10.08px;text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:var(--paper);padding:7px 11px;border-radius:var(--r-pill)}#b2c-ref-root .card__body{padding:20px;display:flex;flex-direction:column;gap:9px;flex:1}#b2c-ref-root .card__client{font-family:var(--font-display);font-weight:700;font-size:11.2px;text-transform:uppercase;letter-spacing:.06em;color:var(--peri-deep)}#b2c-ref-root .card h3{font-size:21.76px;font-weight:800;text-transform:uppercase}#b2c-ref-root .card__excerpt{margin:0;color:#3a3a3a;font-weight:500;font-size:14.88px;flex:1}#b2c-ref-root .card__more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-display);font-weight:700;font-size:11.68px;text-transform:uppercase;letter-spacing:.03em}#b2c-ref-root .card__more svg{width:15px;height:15px;transition:transform var(--dur-2) var(--ease-out)}#b2c-ref-root .card:hover .card__more svg{transform:translate(5px)}#b2c-ref-root .card__more:after{content:"";position:absolute;inset:auto 20px 18px 20px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-3) var(--ease-out)}#b2c-ref-root .card{position:relative}#b2c-ref-root .card:hover .card__more:after{transform:scaleX(1)}#b2c-ref-root .ctatile{display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--peri);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-sm);box-shadow:8px 8px 0 var(--ink);padding:clamp(26px,3.4vw,40px);position:relative;overflow:hidden}#b2c-ref-root .ctatile{grid-column:1/-1}#b2c-ref-root .ctatile h2{font-size:clamp(28.8px,4.2vw,51.2px);font-weight:900;text-transform:uppercase;max-width:12ch}#b2c-ref-root .ctatile p{margin:0;font-weight:600;max-width:40ch;font-size:16.32px}#b2c-ref-root .ctatile .btn{align-self:flex-start;margin-top:6px}@media(min-width:820px){#b2c-ref-root .ctatile{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,60px)}#b2c-ref-root .ctatile__txt{display:flex;flex-direction:column;gap:14px}#b2c-ref-root .ctatile .btn{margin-top:0;flex:0 0 auto;align-self:center}}#b2c-ref-root .ctatile:after{content:"";position:absolute;width:230px;height:230px;right:-52px;bottom:-72px;pointer-events:none;opacity:.5;background:radial-gradient(circle at 30% 26%,var(--peri-deep) 0 22px,transparent 23px),radial-gradient(circle at 66% 44%,var(--peri-deep) 0 31px,transparent 32px),radial-gradient(circle at 46% 70%,var(--peri-deep) 0 24px,transparent 25px),radial-gradient(circle at 82% 74%,var(--peri-deep) 0 12px,transparent 13px)}#b2c-ref-root .empty{grid-column:1/-1;text-align:center;padding:44px 20px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;color:#f3f1e99e;border:2px dashed rgba(243,241,233,.24);border-radius:var(--r-sm)}#b2c-ref-root .reveal{transition:transform .68s var(--ease-out);transition-delay:var(--d,0s)}.anim #b2c-ref-root .reveal{transform:translateY(26px)}.anim #b2c-ref-root .reveal.in{transform:none}@media(prefers-reduced-motion:reduce){#b2c-ref-root .reveal{transform:none!important;transition:none}}.anim #b2c-ref-root .card.reveal{transform:translateY(26px) rotate(var(--tilt,0deg))}.anim #b2c-ref-root .card.reveal.in{transform:rotate(var(--tilt,0deg))}#b2c-ref-root .clients-mount{min-height:322px}@media(max-width:640px){#b2c-ref-root .clients-mount{min-height:300px}}#b2c-ref-root .ftr{min-height:180px}#b2c-ref-root .clients .clients-cta{display:none}#b2c-ref-root .clients .clients-track img{filter:grayscale(1) contrast(1.35) brightness(.35);opacity:1;height:64px}#b2c-ref-root .clients .clients-track img:hover{filter:none}#b2c-ref-root .crumbs{padding:24px 0 0;font-family:var(--font-display);font-weight:700;font-size:11.36px;text-transform:uppercase;letter-spacing:.04em;color:var(--peri)}#b2c-ref-root .crumbs a{color:var(--peri);border-bottom:2px solid transparent;transition:border-color var(--dur-1)}#b2c-ref-root .crumbs a:hover{border-color:var(--peri)}#b2c-ref-root .case-hd{position:relative;padding:16px 0 clamp(24px,3.4vw,40px);overflow:clip;isolation:isolate}#b2c-ref-root .case-hd canvas.meshbg{position:absolute;inset:-20% -5% auto -5%;height:150%;width:110%;z-index:-2;-webkit-mask:radial-gradient(110% 90% at 30% 20%,#000 22%,transparent 76%);mask:radial-gradient(110% 90% at 30% 20%,#000 22%,transparent 76%);opacity:.5;pointer-events:none}#b2c-ref-root .case-hd__client{font-family:var(--font-display);font-weight:700;font-size:12.8px;text-transform:uppercase;letter-spacing:.08em;color:var(--yellow)}#b2c-ref-root .case-hd h1{font-size:clamp(35.2px,7vw,73.6px);font-weight:900;text-transform:uppercase;margin:10px 0 0;max-width:15ch}#b2c-ref-root .case-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}#b2c-ref-root .tag{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:11.04px;text-transform:uppercase;letter-spacing:.03em;padding:8px 13px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--white);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}#b2c-ref-root .case-cover{margin-top:clamp(22px,3vw,34px);border:3px solid var(--paper);border-radius:var(--r-sm);overflow:hidden;box-shadow:12px 12px 0 var(--peri-mid);aspect-ratio:16/9}#b2c-ref-root .case-cover img{width:100%;height:100%;object-fit:cover}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){#b2c-ref-root .case-cover{animation:coverReveal linear both;animation-timeline:view();animation-range:entry 6% cover 34%}@keyframes coverReveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}}}#b2c-ref-root .case-body{max-width:70ch;margin-inline:auto;padding:clamp(34px,5vw,58px) 0 0}#b2c-ref-root .case-body p{font-size:16.96px;line-height:1.82;color:#f3f1e9e6;margin:0 0 22px}#b2c-ref-root .case-body>p:first-of-type{font-size:19.52px;line-height:1.66;color:var(--paper)}#b2c-ref-root .case-body>p:first-of-type:first-letter{font-family:var(--font-display);font-weight:900;font-size:3.1em;line-height:.8;float:left;margin:.06em .12em 0 0;color:var(--yellow)}#b2c-ref-root .case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.6vw,18px);margin:clamp(20px,3vw,34px) 0 clamp(30px,4vw,44px)}#b2c-ref-root .case-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:2.5px solid var(--paper);border-radius:var(--r-xs)}#b2c-ref-root .case-gallery img:first-child{grid-column:1/-1;aspect-ratio:16/9}#b2c-ref-root .case-cta{background:var(--yellow);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-sm);box-shadow:8px 8px 0 var(--peri-mid);padding:clamp(28px,4vw,44px);text-align:center}#b2c-ref-root .case-cta h2{font-size:clamp(24px,3vw,33.6px);font-weight:900;text-transform:uppercase;max-width:18ch;margin-inline:auto}#b2c-ref-root .case-body .case-cta p{margin:14px auto 22px;font-weight:600;max-width:46ch;color:var(--ink);font-size:16.32px;line-height:1.6}#b2c-ref-root .related{padding:clamp(46px,6vw,76px) 0 clamp(40px,5vw,64px)}#b2c-ref-root .related h2{font-size:clamp(24px,3.4vw,35.2px);font-weight:900;text-transform:uppercase;margin:0 0 clamp(20px,3vw,30px)}#b2c-ref-root .ftr{padding:44px 0 72px;border-top:2px solid rgba(243,241,233,.14)}#b2c-ref-root .ftr-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;color:#f3f1e999;font-size:13.44px}#b2c-ref-root .wrap--wall{position:relative}#b2c-ref-root .wrap--wall:before{content:"";position:absolute;left:50%;translate:-50% 0;top:-1px;width:100vw;height:clamp(70px,9vw,130px);pointer-events:none;z-index:-1;background:linear-gradient(to bottom,#9da1ca1a,#9da1ca00)}#b2c-ref-root .clients{position:relative;z-index:2;border-block-width:0!important;overflow:visible!important;padding-top:clamp(46px,5vw,64px)!important;padding-bottom:clamp(50px,6vw,72px)!important}#b2c-ref-root .clients .clients-marq{overflow:hidden}#b2c-ref-root .clients:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:clamp(64px,7vw,96px);pointer-events:none;background:linear-gradient(to bottom,rgba(243,241,233,0) 0%,rgba(243,241,233,.05) 42%,rgba(243,241,233,.18) 63%,rgba(243,241,233,.45) 79%,rgba(243,241,233,.78) 91%,var(--paper) 100%)}#b2c-ref-root .clients:after{content:"";position:absolute;left:0;right:0;top:100%;height:clamp(34px,3.4vw,48px);pointer-events:none;z-index:1;background:linear-gradient(to bottom,var(--paper) 0%,rgba(243,241,233,.72) 26%,rgba(243,241,233,.34) 55%,rgba(243,241,233,.1) 78%,rgba(243,241,233,0) 100%)}#b2c-ref-root .b2cftr{border-top:0!important}#b2c-ref-root .clients .clients-marq{-webkit-mask:linear-gradient(90deg,#0000 0,#000 9%,#000 91%,#0000 100%);mask:linear-gradient(90deg,#0000 0,#000 9%,#000 91%,#0000 100%)}#b2c-ref-root .edges{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(26px,4vw,40px) 0 clamp(28px,4vw,42px)}#b2c-ref-root .edge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:11.52px;text-transform:uppercase;letter-spacing:.03em;padding:11px 16px;border:2px solid rgba(243,241,233,.42);border-radius:var(--r-pill);color:var(--paper);transition:transform var(--dur-1) var(--ease-out),border-color var(--dur-1),background var(--dur-1),color var(--dur-1)}#b2c-ref-root .edge svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out)}#b2c-ref-root .edge:hover{transform:translateY(-2px);border-color:var(--yellow);background:var(--yellow);color:var(--ink)}#b2c-ref-root .edge:hover svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){#b2c-ref-root .edge:hover{transform:none}}#b2c-ref-root .wall--related{padding:0}#b2c-ref-root .notfound{max-width:52ch;padding:clamp(70px,12vh,140px) 0}#b2c-ref-root .notfound h1{font-size:clamp(28.8px,5vw,48px);font-weight:900;text-transform:uppercase}#b2c-ref-root .notfound p{margin:18px 0 26px;color:#f3f1e9cc}.b2c-cutter{position:fixed;top:0;left:0;width:72px;height:72px;z-index:80;pointer-events:none;opacity:0;translate:-50% -50%;transition:opacity .18s linear;will-change:transform,translate}.b2c-cutter.on{opacity:1}.b2c-cutter svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}.b2c-cutter .jaw{transform-box:fill-box;transform-origin:18% 50%;transition:rotate .09s var(--ease-snap)}.b2c-cutter .jaw--b{transform-origin:18% 50%}.b2c-cutter.bite .jaw--a{rotate:9deg}.b2c-cutter.bite .jaw--b{rotate:-9deg}@media(pointer:fine)and (min-width:960px){html.cutting #b2c-ref-root .hero{cursor:none}#b2c-ref-root .hero a,#b2c-ref-root .hero button,#b2c-ref-root .filterbar{cursor:auto}#b2c-ref-root .hero a,#b2c-ref-root .hero button{cursor:pointer}}@media(prefers-reduced-motion:reduce){.b2c-cutter{display:none}}#b2c-ref-root .case-hd__lead{max-width:62ch;font-size:clamp(16.8px,2.2vw,20.8px);line-height:1.6;color:var(--paper);margin:14px 0 18px}#b2c-ref-root .case-hd__cta{margin-bottom:clamp(22px,4vw,34px)}#b2c-ref-root .case-facts{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 clamp(28px,4vw,40px);border:3px solid var(--paper);border-radius:var(--r-sm);overflow:hidden;background:#9da1ca1a}#b2c-ref-root .case-facts>div{display:grid;grid-template-columns:minmax(144px,240px) 1fr;gap:12px;padding:11px 16px;border-bottom:1.5px solid rgba(243,241,233,.22)}#b2c-ref-root .case-facts>div:last-child{border-bottom:0}#b2c-ref-root .case-facts dt{font-weight:700;letter-spacing:.01em;color:var(--paper);opacity:.72;margin:0}#b2c-ref-root .case-facts dd{margin:0;color:var(--paper)}@media(max-width:560px){#b2c-ref-root .case-facts>div{grid-template-columns:1fr;gap:2px}}#b2c-ref-root .case-quote{margin:clamp(22px,3.5vw,32px) 0;padding:20px 22px;border-left:6px solid var(--peri-mid);background:#9da1ca1f;border-radius:0 var(--r-xs) var(--r-xs) 0}#b2c-ref-root .case-quote blockquote{margin:0}#b2c-ref-root .case-quote p{font-size:clamp(16.96px,2.3vw,20.48px);line-height:1.55;margin:0}#b2c-ref-root .case-quote figcaption{margin-top:9px;font-size:14.4px;opacity:.7}#b2c-ref-root .case-body h2{margin:clamp(30px,4.5vw,44px) 0 12px;font-size:clamp(21.6px,3.2vw,31.2px);line-height:1.14}#b2c-ref-root .hero__lead--2{margin-top:12px;opacity:.86}#b2c-ref-root .edges--index{margin:0 0 clamp(30px,4vw,46px)}#b2c-ref-root .ftr-legal{display:inline-flex;gap:16px}#b2c-ref-root .ftr-legal a{color:inherit}#b2c-ref-root .card--soon{cursor:default}#b2c-ref-root .card--soon:hover{transform:rotate(var(--tilt,0deg));box-shadow:8px 8px 0 var(--ink)}#b2c-ref-root .card--soon:hover .card__ph img{transform:none}.b2c-cutter{--ease-snap:cubic-bezier(.2,.86,.24,1)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/b2c-ref.css.map */