/* samnahirny.com - paint direction (shared) */
  /* ================= PAINT DIRECTION ================= */
body.paint{background:#2d33d0;color:#fff}
body.paint .canvas-bg{position:fixed;inset:0;z-index:0;background:#2d33d0 url('images/paint-sky.webp') center/cover no-repeat;pointer-events:none}
/* knock the brightest clouds back a touch so white copy stays legible wherever it lands */
body.paint .canvas-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 62% 58% at 10% 100%,rgba(40,46,200,.62),rgba(40,46,200,0) 100%),radial-gradient(ellipse 55% 45% at 100% 0%,rgba(40,46,200,.35),rgba(40,46,200,0) 100%),linear-gradient(rgba(40,46,200,.14),rgba(40,46,200,.14))}
/* loose white copy (not inside a daub) gets a soft ink halo */
body.paint .hero-sub,body.paint .sec-head p,body.paint .about p,body.paint .proof-wide p,body.paint .pcase p,body.paint .tiers-more,body.paint .tier-copy p,body.paint .tier-copy .sub,body.paint .pain-list li,body.paint .pain-punch,body.paint .head .sub,body.paint .cta p,body.paint .kick,body.paint .foot,body.paint .say,body.paint .sub{text-shadow:0 1px 0 rgba(20,22,120,.55),0 2px 12px rgba(20,22,120,.6),0 0 28px rgba(20,22,120,.45)}
body.paint .hero-sub b,body.paint .about p b,body.paint .hl,body.paint .tier-copy .outcome b,body.paint .daub,body.paint .daub *{text-shadow:none}
body.paint::after{opacity:.05}
body.paint>*:not(.canvas-bg):not(#intro):not(#brushfx):not(#bkg):not(#focus):not(nav):not(svg){position:relative;z-index:1}
body.paint>nav{z-index:900}
body.paint>.ticker{z-index:901}
body.paint .checker,body.paint .collage,body.paint .pit,body.paint .hint,body.paint .sky,body.paint .hero-grain,body.paint .burst{display:none!important}
body.paint .ticker{background:rgba(20,22,120,.55);backdrop-filter:blur(3px);border-bottom:none}
body.paint nav{background:transparent;border-bottom:none;padding-top:20px}
body.paint nav .logo img{filter:drop-shadow(0 3px 0 rgba(20,22,120,.5))}

/* --- the daub: a painted background layer, text stays crisp --- */
body.paint .daub{position:relative;isolation:isolate;background:transparent!important;border:none!important;box-shadow:none!important}
body.paint .daub::before{content:'';position:absolute;inset:-6px;width:auto;height:auto;transform:none;border-radius:0;z-index:-1;background:var(--daub,#fff);clip-path:var(--clip,none)}
body.paint .daub::after{content:'';position:absolute;inset:0;z-index:-2;box-shadow:var(--daub-sh,0 24px 50px rgba(10,12,90,.35));pointer-events:none}
body.paint .btn,body.paint .tape-lab,body.paint .hl,body.paint .hero-sub b,body.paint .about p b,body.paint .flyquote{position:relative;isolation:isolate;background:transparent!important;border:none!important;box-shadow:none!important}
body.paint .btn::before,body.paint .tape-lab::before,body.paint .hl::before,body.paint .hero-sub b::before,body.paint .about p b::before,body.paint .flyquote::before{content:'';position:absolute;inset:-3px;z-index:-1;background:var(--daub,#fff);clip-path:var(--clip,none)}
body.paint .hl,body.paint .hero-sub b,body.paint .about p b{display:inline-block;padding:2px 12px;margin:2px 0}
body.paint .hl{--daub:#fff;color:#2d33d0}
body.paint .hl.hl-cobalt{--daub:var(--orange);color:#1c1c50}
body.paint .hero-sub b,body.paint .about p b{--daub:#fff;color:#2d33d0}
body.paint .tape-lab{--daub:#fff;color:#2d33d0;transform:rotate(-1deg);padding:8px 18px}
body.paint .btn{--daub:#fff;color:#2d33d0}
body.paint .btn-orange{--daub:var(--orange);color:#1c1c50}
body.paint .btn-ink{--daub:#1c1c50;color:#fff}
body.paint .btn-cobalt{--daub:#2d33d0;color:#fff}
body.paint .btn:hover{transform:translate(-2px,-3px) skewX(-2deg)}
body.paint nav .btn{--daub:#fff;color:#2d33d0}
body.paint nav .btn:hover{--daub:var(--orange);color:#1c1c50}

/* hero */
body.paint .hero{background:transparent;min-height:96vh;padding-top:40px}
@media(min-width:981px){body.paint .hero .wrap{grid-template-columns:1.35fr 1fr;gap:40px}}
body.paint .hero-copy{max-width:760px}
body.paint .hero-copy::before{display:none}
body.paint .wordmark{width:min(100%,560px);margin:0 0 26px;filter:drop-shadow(0 6px 0 rgba(20,22,120,.35)) drop-shadow(0 18px 30px rgba(10,12,90,.35))}
body.paint .wordmark svg{width:100%;height:auto;display:block;overflow:visible}
body.paint .wordmark .bs{fill:none;stroke:#fff;stroke-width:78;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200}
body.paint.go .wordmark .bs{animation:brush .9s cubic-bezier(.4,0,.2,1) forwards}
body.paint.go .wordmark .bs:nth-child(2){animation-delay:.10s}
body.paint.go .wordmark .bs:nth-child(3){animation-delay:.28s}
body.paint.go .wordmark .bs:nth-child(4){animation-delay:.42s}
body.paint.go .wordmark .bs:nth-child(5){animation-delay:.58s}
@keyframes brush{to{stroke-dashoffset:0}}
body.paint .hero h1{font-size:clamp(2.4rem,5.4vw,5rem);text-shadow:0 4px 0 rgba(20,22,120,.35),0 16px 34px rgba(10,12,90,.35)}
body.paint .hero h1 .serif{color:#fff;font-style:italic;position:relative;isolation:isolate}
body.paint .hero h1 .serif::after{content:'';position:absolute;left:-2%;right:-2%;bottom:.04em;height:.42em;background:var(--orange);z-index:-1;transform:rotate(-1.2deg);clip-path:polygon(0 8%,6% 0,15% 10%,27% 2%,40% 12%,52% 4%,66% 14%,78% 3%,90% 11%,100% 5%,100% 92%,92% 100%,80% 90%,68% 98%,55% 88%,42% 100%,30% 90%,18% 100%,7% 92%,0 100%);transform-origin:left;animation:swipe .6s 1.9s cubic-bezier(.2,.8,.2,1) both}
@keyframes swipe{from{transform:scaleX(0) rotate(-1.2deg)}to{transform:scaleX(1) rotate(-1.2deg)}}
body.paint .underline-scribble path{stroke:#fff;stroke-width:9}
body.paint .hero-sub{color:#fff;text-shadow:0 2px 0 rgba(20,22,120,.4);font-size:1.2rem;max-width:560px}
body.paint .brushpad{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.9}
body.paint .hero .wrap,body.paint .hero .mega{z-index:2}
body.paint .phone{box-shadow:0 30px 60px rgba(10,12,90,.45),0 0 0 6px rgba(255,255,255,.9);border-color:#fff}
body.paint .phone-wrap .caption{color:#fff;text-shadow:0 2px 0 rgba(20,22,120,.4)}
body.paint .mega{margin-top:120px;transform:none}
body.paint .mega .mega-num{color:#fff;text-shadow:0 5px 0 rgba(20,22,120,.35),0 22px 40px rgba(10,12,90,.4)}
body.paint .mega .mega-lab .tape-lab{font-size:.8rem}

/* sections */
body.paint .marquee{background:rgba(20,22,120,.62);border:none;backdrop-filter:blur(4px)}
body.paint .prem-lab{color:#fff}
body.paint .about,body.paint section{background:transparent!important}
body.paint .sec-head h2,body.paint .about h2{color:#fff;text-shadow:0 4px 0 rgba(20,22,120,.35),0 14px 30px rgba(10,12,90,.35)}
body.paint .sec-head h2 .serif,body.paint .about h2 .serif{color:var(--orange)}
body.paint .sec-head p,body.paint .about p,body.paint .proof-wide p,body.paint .pcase p,body.paint .tiers-more{color:#fff;text-shadow:0 2px 0 rgba(20,22,120,.35)}
body.paint .doodle{filter:brightness(0) invert(1) drop-shadow(0 3px 0 rgba(20,22,120,.4))}
body.paint .sec-head .doodle{display:none}
body.paint .drip+section{padding-top:200px!important}
body.paint .drip+section>.wrap>.sec-head{position:relative}
body.paint .about .doodle{top:-70px!important;right:0!important}
body.paint #services .snap{top:30px!important;right:1%!important;width:130px!important;z-index:3}
body.paint .final .doodle{display:none}
@media(max-width:900px){body.paint .sec-head .doodle,body.paint .snap{display:none!important}}
body.paint .card{border-radius:0;transform:none!important;color:#1c1c50}
body.paint .card.c-cobalt{--daub:#fff}
body.paint .card.c-orange{--daub:var(--orange)}
body.paint .card.c-ink{--daub:#1c1c50;color:#fff}
body.paint .card .rate{border-top-style:solid;border-top-color:rgba(28,28,80,.25)}
body.paint .proof-num{color:var(--orange);text-shadow:0 2px 0 rgba(20,22,120,.4)}
body.paint .cs-card{--daub:#fff;transform:rotate(-.6deg)!important}
body.paint .cs-card:nth-child(2){transform:rotate(.6deg)!important}
body.paint .cs-img{border:none}
body.paint .proof-wide,body.paint .pcase-grid::before,body.paint .pcase{border-color:rgba(255,255,255,.35)}
body.paint .tag{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.6)}
body.paint .cs-card .tag{background:#fff;color:#1c1c50;border-color:#1c1c50}
body.paint .proof-visual{border-color:#fff;box-shadow:0 24px 50px rgba(10,12,90,.35)}
body.paint .flyquote{--daub:#fff}
body.paint .flyquote .fly-track>span{color:#2d33d0}
body.paint .flyquote .fly-track .st{color:var(--orange)}
body.paint .bigquote{--daub:#1c1c50;--daub-sh:0 30px 60px rgba(10,12,90,.45);transform:rotate(-.4deg)}
body.paint .polaroid{border:none;box-shadow:0 18px 36px rgba(10,12,90,.4)}
body.paint .quote{--daub:#fff;color:#1c1c50}
body.paint .quote p,body.paint .quote .who{color:#1c1c50}
body.paint .quote .who span,body.paint .cs-card .cs-lab{color:#5a5f8a}
body.paint .cs-card,body.paint .cs-card h3,body.paint .cs-card p,body.paint .cs-card .cs-pull{color:#1c1c50}
body.paint .cs-card .cs-stat{color:#2d33d0}
body.paint .polaroid,body.paint .polaroid .pname{color:#1c1c50}
body.paint .card.c-cobalt,body.paint .card.c-orange{color:#1c1c50}
body.paint .card.c-cobalt .link,body.paint .card.c-orange .link,body.paint .card .rate{color:inherit}
body.paint .tier,body.paint .tier p,body.paint .tier li,body.paint .tier .t-name,body.paint .tier .for{color:#1c1c50}
body.paint .tier.hot,body.paint .tier.hot p,body.paint .tier.hot li,body.paint .tier.hot .t-name,body.paint .tier.hot .for{color:#fff}
body.paint .final,body.paint .final p,body.paint .final h2{color:#1c1c50}
body.paint .final .capture,body.paint .final .capture h3,body.paint .final .capture p{color:#fff}
body.paint .t-arrow,body.paint .bq-arrow{background:#fff;border:none;color:#2d33d0;box-shadow:0 6px 14px rgba(10,12,90,.35)}
body.paint .t-hint,body.paint .t-count{color:#fff;text-shadow:0 1px 0 rgba(20,22,120,.6),0 2px 10px rgba(20,22,120,.6)}
body.paint .tier{--daub:#fff;--daub-sh:0 26px 50px rgba(10,12,90,.4);color:#1c1c50}
body.paint .tier .t-head{background:transparent;border-bottom:3px dashed rgba(28,28,80,.3)}
body.paint .tier.hot{--daub:#1c1c50;color:#fff}
body.paint .tier .btn-paper{--daub:#2d33d0;color:#fff}
body.paint .tier.hot .btn-orange{--daub:var(--orange);color:#1c1c50}
body.paint .tier::before,body.paint .tier::after{width:auto;height:auto;border-radius:0;transform:none;background-color:var(--daub,#fff)}
body.paint .tier::after{background:none}
body.paint .tier .t-body::before,body.paint .tier .t-body::after{display:none}
body.paint nav .logo img{filter:drop-shadow(0 2px 0 rgba(20,22,120,.8)) drop-shadow(0 8px 16px rgba(10,12,90,.6))}
body.paint .tier .price{color:var(--red)}
body.paint .tier.hot .price{color:var(--orange)}
body.paint .tier .price span{letter-spacing:.1em;font-size:.68rem;text-transform:uppercase;color:#5a5f8a;opacity:1;margin-left:4px;font-weight:700}
body.paint .tier.hot .price span{color:rgba(255,255,255,.75)}
body.paint .tiers-more a{border-bottom-color:var(--orange)}
body.paint .final{--daub:#fff;--daub-sh:0 30px 70px rgba(10,12,90,.45);color:#1c1c50}
body.paint .final::before{background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('images/paint-cloud.webp') center/cover}
body.paint .final h2 .serif{color:#2d33d0}
body.paint .final .doodle{filter:none;opacity:.9}
body.paint .final .hero-ctas .btn-paper{--daub:#2d33d0;color:#fff}
body.paint .capture{--daub:#2d33d0;--daub-sh:none;color:#fff}
body.paint .capture input{border:none}
body.paint footer{background:#1c1c50}
body.paint #intro{background:#2d33d0 url('images/paint-tile.webp') center/cover}
/* ---- consultancy ---- */
body.paint .pain h2,body.paint .tier-copy h3,body.paint .faq-q,body.paint .faq-a p{color:#fff}
body.paint .pain h2{text-shadow:0 4px 0 rgba(20,22,120,.35),0 14px 30px rgba(10,12,90,.35)}
body.paint .pain h2 .serif,body.paint .pain-punch,body.paint .tier-copy .sub{color:var(--orange)}
body.paint .pain-list li{color:#fff;opacity:1;border-bottom-color:rgba(255,255,255,.35)}
body.paint .pain .doodle{top:-150px!important;right:0!important}
body.paint .tier-copy p{opacity:1}
body.paint .tier-copy .proof-num{color:var(--orange)}
body.paint .quote .who{color:#2d33d0}
body.paint .tier-copy .outcome{border-left-color:var(--orange)}
body.paint .faq-item{border-bottom-color:rgba(255,255,255,.55)}
body.paint .faq-q::after{color:var(--orange)}
body.paint .faq-a{opacity:1}
body.paint .faq-a a{color:var(--orange)}
body.paint .bigquote .doodle{filter:none}
body.paint .tier.hot .doodle{filter:none}
body.paint .about .photo-wrap img{border:none;box-shadow:0 18px 36px rgba(10,12,90,.45),0 0 0 6px #fff}
body.paint .about .tape{display:none}
body.paint .hero-spec{color:#fff;text-shadow:0 1px 0 rgba(20,22,120,.5)}
body.paint .hero-spec span{opacity:.85}
body.paint .phone-col .caption{color:#fff;opacity:.9;text-shadow:0 2px 0 rgba(20,22,120,.4)}
body.paint .hotlabel{border:none;box-shadow:0 6px 14px rgba(10,12,90,.4)}
/* ---- photo + video ---- */
body.paint .head{background:transparent;overflow:visible}
body.paint .head-grain{display:none}
body.paint .head h1{text-shadow:0 4px 0 rgba(20,22,120,.35),0 16px 34px rgba(10,12,90,.35)}
body.paint .head .sub{color:#fff}
body.paint .head .sub b{background:var(--orange);color:#1c1c50;text-shadow:none}
body.paint .head-note,body.paint .kicker{color:#fff;opacity:1;text-shadow:0 1px 0 rgba(20,22,120,.5)}
body.paint .pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);color:#fff}
body.paint .pill.on{background:var(--orange);border-color:var(--orange);color:#1c1c50;box-shadow:0 6px 14px rgba(10,12,90,.35)}
body.paint .reel{background:transparent;border-bottom:none;padding-bottom:130px}
body.paint .reel-hint{bottom:70px}
body.paint .reel-hint{color:#fff;opacity:.9;text-shadow:0 1px 0 rgba(20,22,120,.5)}
body.paint .pcard,body.paint .vcard{border:none;box-shadow:0 18px 36px rgba(10,12,90,.45),0 0 0 5px #fff}
body.paint .sec-tag{background:#fff;color:#2d33d0;border:none;box-shadow:0 6px 14px rgba(10,12,90,.35)}
body.paint .promise{--daub:#fff;color:#1c1c50;transform:none!important;margin-top:56px}
body.paint .promise h4,body.paint .promise p{color:#1c1c50}
body.paint .promise p{opacity:.85}
body.paint .promise div{border-right-color:rgba(28,28,80,.3)}
@media(max-width:900px){body.paint .promise div:nth-child(-n+2){border-bottom-color:rgba(28,28,80,.3)}}
body.paint .tier-block{border-bottom-color:rgba(255,255,255,.35)}
body.paint .tier-copy .outcome b{background:var(--orange);color:#1c1c50}
body.paint .tier .addons span:not(.a-label){border-color:rgba(28,28,80,.6);color:#1c1c50;opacity:1}
body.paint .tier .a-label{color:#1c1c50}
body.paint .cta{background:transparent;color:#fff}
body.paint .cta h2{color:#fff;text-shadow:0 4px 0 rgba(20,22,120,.35),0 14px 30px rgba(10,12,90,.35)}
body.paint .cta h2 .serif,body.paint .cta .kicker::before{color:var(--orange)}
body.paint .cta p{opacity:1;color:#fff}
/* ---- small pages: links, cheers, clarity ---- */
body.paint>.card.daub,body.paint .ticket.daub{--daub:#fff;color:#1c1c50;transform:rotate(-.5deg)!important}
body.paint>.card .tape,body.paint .ticket .tape,body.paint .guide .tape{display:none}
body.paint>.card h1,body.paint .ticket h1,body.paint>.card .sub,body.paint>.card .lab,body.paint>.card .foot,body.paint>.card .fine,body.paint .ticket .lead,body.paint .ticket .step,body.paint .ticket .fine{color:#1c1c50;text-shadow:none}
body.paint>.card h1 .acc{color:#2d33d0}
body.paint>.card .sub b{background:var(--orange);color:#1c1c50}
body.paint>.card .lab,body.paint>.card .foot{opacity:.7}
body.paint .lbtn{border:none;box-shadow:none;background:transparent;color:#1c1c50;--daub:#eceeff;--daub-sh:0 10px 22px rgba(10,12,90,.22)}
body.paint>.card .capture button{border:none;box-shadow:0 6px 14px rgba(10,12,90,.35);background:var(--orange);color:#1c1c50}
body.paint>.card .capture input{border:none}
body.paint .lbtn.hot{--daub:var(--orange);color:#1c1c50}
body.paint .lbtn.inkbtn{--daub:#1c1c50;color:#fff}
body.paint .lbtn:hover{transform:translate(-2px,-3px) skewX(-1deg)}
body.paint>.card .capture{--daub:#2d33d0;color:#fff;border:none;margin-top:34px}
body.paint>.card .capture h3,body.paint>.card .capture p{color:#fff}
body.paint>.card .barcode{opacity:.5}
body.paint .ticket .t-top{border-bottom-color:rgba(28,28,80,.4)}
body.paint .ticket .step .n{background:#fff;border-color:#1c1c50}
body.paint .ticket .go{border:none;border-radius:0;box-shadow:none;background:transparent;--daub:#2d33d0;color:#fff}
body.paint .ticket .go:hover{transform:translate(-2px,-3px);box-shadow:0 14px 30px rgba(10,12,90,.45)}
body.paint .ticket .fine a{color:#2d33d0;border-bottom-color:var(--orange)}
body.paint>.card .next{--daub:#f4f2ff;border:none;color:#1c1c50;margin:0 0 26px}
body.paint>.card .next p{color:#1c1c50;opacity:.9}
body.paint>.card .stamp{color:#E8442E;border-color:#E8442E}
body.paint>.card .btn{--daub:#2d33d0;color:#fff}
body.paint .guide.daub{--daub:#fff;padding:14px;--daub-sh:0 30px 60px rgba(10,12,90,.5)}
body.paint .guide img{box-shadow:none;border-radius:0}
body.paint .guide .grab{border:none;box-shadow:0 6px 14px rgba(10,12,90,.4)}
body.paint .say .small,body.paint .say .sub{color:#fff}
body.paint .btn-ghost{--daub:transparent;color:#fff;border:2px solid #fff!important}
/* drips */
body.paint .drip{position:relative;z-index:2;height:0;overflow:visible;pointer-events:none}
body.paint .drip img{position:absolute;left:0;top:-48px;width:100%;height:auto;display:block;transform-origin:top center;transform:scaleY(.06);opacity:0;transition:transform 1.4s cubic-bezier(.2,.9,.25,1),opacity .4s}
body.paint .drip.vis img{transform:scaleY(1);opacity:1}
@media(prefers-reduced-motion:reduce){body.paint .drip img{transform:none;opacity:1}}
/* brush-wiped headings */
body.paint .sec-head h2,body.paint .about h2{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
body.paint .sec-head.vis h2,body.paint .about .vis h2,body.paint .vis .about h2{animation:hwipe 1s .1s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes hwipe{from{clip-path:polygon(-2% -10%,-2% -10%,-2% 110%,-2% 110%)}to{clip-path:polygon(-2% -10%,104% -10%,104% 110%,-2% 110%)}}
body.paint .sec-head h2::after{content:'';position:absolute;top:0;bottom:0;width:0}
/* impasto number */
body.paint .mega .mega-num{font-size:0;line-height:0;opacity:1!important;transform:none!important;animation:none!important}
body.paint .mega.vis .mega-lab{transition:opacity .5s .5s,transform .5s .5s cubic-bezier(.16,1,.3,1);opacity:1;transform:none}
body.paint .mega .mega-num .num,body.paint .mega .mega-num .plus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.paint .mega .impasto{display:block;width:min(92vw,1100px);margin:0 auto;filter:drop-shadow(0 30px 40px rgba(10,12,90,.3))}
body.paint .mega.vis .impasto{animation:slam .7s cubic-bezier(.16,1,.3,1) forwards}
body.paint .mega .impasto{opacity:0;transform:scale(1.5) rotate(-3deg)}
@media(prefers-reduced-motion:reduce){body.paint .mega .impasto{opacity:1;transform:none}}
/* loader: a brush stroke wipes it away */
body.paint #intro{background:#2d33d0 url('images/paint-sky.webp') center/cover;transition:clip-path 1.05s cubic-bezier(.65,0,.25,1);clip-path:polygon(-6% -10%,104% -10%,104% 110%,-6% 110%)}
body.paint #intro.away{transform:none;clip-path:polygon(104% -10%,106% -10%,106% 110%,104% 110%)}
body.paint #intro .intro-num{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 6px 0 rgba(20,22,120,.4),0 24px 50px rgba(10,12,90,.45)}
body.paint #intro .intro-count{display:block;transition:opacity .3s,transform .3s}
body.paint #intro .intro-count .plus{color:var(--orange)}
body.paint #intro .intro-num.done .intro-count{opacity:0;transform:scale(1.04)}
body.paint .intro-impasto{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(72vw,860px);opacity:0;display:block;clip-path:polygon(-2% -10%,-2% -10%,-2% 110%,-2% 110%);filter:drop-shadow(0 30px 40px rgba(10,12,90,.35))}
body.paint #intro .intro-num.done .intro-impasto{opacity:1;animation:paintin .9s cubic-bezier(.3,.6,.2,1) forwards}
@keyframes paintin{to{clip-path:polygon(-2% -10%,104% -10%,104% 110%,-2% 110%)}}
body.paint #intro .intro-lab{color:#fff;margin-top:34px}
#brushfx{position:fixed;inset:0;z-index:2100;pointer-events:none;display:none;overflow:hidden}
#brushfx.on{display:block}
#brushfx .brush{position:absolute;top:36vh;left:-40vw;width:min(46vw,560px);height:auto;filter:drop-shadow(0 18px 30px rgba(10,12,90,.5))}
#brushfx.on .brush{animation:sweep 1.05s cubic-bezier(.65,0,.25,1) forwards}
@keyframes sweep{0%{left:-40vw;transform:rotate(-4deg) translateY(0)}45%{transform:rotate(3deg) translateY(-3vh)}100%{left:112vw;transform:rotate(-6deg) translateY(2vh)}}
#brushfx .splat{position:absolute;width:var(--s);height:var(--s);background:var(--c,#fff);border-radius:var(--r);transform:scale(0) rotate(var(--rot));animation:splat .55s cubic-bezier(.2,1.2,.3,1) forwards,splatout 1.2s var(--fade) ease forwards;animation-delay:var(--d),var(--fade)}
@keyframes splat{to{transform:scale(1) rotate(var(--rot))}}
@keyframes splatout{to{opacity:0;transform:scale(1.06) rotate(var(--rot))}}
@media(prefers-reduced-motion:reduce){#brushfx{display:none!important}}
@media(max-width:980px){body.paint .wordmark{margin:0 auto 22px}}
@media(prefers-reduced-motion:reduce){body.paint .wordmark .bs{stroke-dashoffset:0;animation:none!important}}