:root{--work-bg:#080511;--work-panel:#11091d;--work-line:rgba(255,255,255,.1);--work-pink:#e819d8;--work-purple:#7d32ff;--work-copy:#c8bdcf}.work-page{overflow:hidden;background:var(--work-bg);color:#fff;font-family:Poppins,sans-serif}.work-page *{box-sizing:border-box}.work-hero{position:relative;min-height:720px;padding:210px 0 105px;background:radial-gradient(circle at 80% 25%,rgba(81,47,226,.18),transparent 31%),linear-gradient(125deg,#1d062f 0,#090510 52%,#031226 100%)}.work-hero:after{position:absolute;content:"";right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--work-pink),transparent)}.work-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.work-orb-one{top:130px;right:9%;width:340px;height:340px;border:1px solid rgba(215,23,215,.22);box-shadow:inset 0 0 90px rgba(134,34,210,.08)}.work-orb-two{bottom:-60px;left:-80px;width:270px;height:270px;background:radial-gradient(circle,rgba(200,13,197,.14),transparent 68%)}.work-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:80px;align-items:end}.work-hero-copy{max-width:850px}.work-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#ee39df;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.work-eyebrow:before{content:"";width:34px;height:1px;background:currentColor}.work-hero h1{margin:0;color:#fff;font:700 clamp(54px,6.2vw,94px)/.98 Jost,sans-serif;letter-spacing:-.045em}.work-hero h1 em{color:transparent;background:linear-gradient(90deg,#f228df,#8c53ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.work-hero-copy>p{max-width:750px;margin:32px 0;color:var(--work-copy);font-size:17px;line-height:1.8}.work-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.work-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:15px 24px;border:1px solid transparent;border-radius:10px;background:linear-gradient(90deg,#8b0eaa,#d30fbf);box-shadow:0 14px 35px rgba(176,12,178,.22);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:.25s}.work-btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(176,12,178,.32)}.work-btn-ghost{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04);box-shadow:none}.work-stats{display:grid;gap:12px}.work-stats article{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:20px 22px;border:1px solid var(--work-line);border-radius:15px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.work-stats strong{font:700 38px/1 Jost,sans-serif;color:#fff}.work-stats span{color:#bdb1c7;font-size:13px;line-height:1.45}.work-portfolio,.work-process{padding:105px 0}.work-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.6fr);gap:60px;align-items:end;margin-bottom:50px}.work-section-head h2{margin:0;color:#fff;font:700 clamp(44px,5vw,72px)/1 Jost,sans-serif;letter-spacing:-.035em}.work-section-head p{margin:0;color:var(--work-copy);font-size:15px;line-height:1.8}.work-filter-wrap{position:relative;margin-bottom:24px}.work-filters{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#7f168c transparent}.work-filter{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:46px;padding:11px 16px;border:1px solid rgba(163,42,214,.45);border-radius:9px;background:#10081a;color:#d8cedd;font:600 12px/1 Poppins,sans-serif;cursor:pointer;transition:.22s}.work-filter span{display:grid;place-items:center;min-width:24px;height:20px;padding:0 5px;border-radius:6px;background:rgba(255,255,255,.08);font-size:10px}.work-filter:hover,.work-filter.is-active{border-color:transparent;background:linear-gradient(90deg,#9b18b3,#513ef1);color:#fff;box-shadow:0 8px 24px rgba(123,30,190,.22)}.work-results-bar{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;color:#84788e;font-size:12px}.work-results-bar p{margin:0}.work-results-bar strong{color:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-card{min-width:0;border:1px solid var(--work-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.work-card:hover{transform:translateY(-7px);border-color:rgba(224,28,210,.38);box-shadow:0 24px 55px rgba(0,0,0,.34)}.work-card[hidden]{display:none}.work-card-image{position:relative;display:block;height:330px;overflow:hidden;background:#e9e6eb}.work-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s ease}.work-card:hover .work-card-image img{transform:scale(1.035)}.work-card-image:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,1,8,.78));opacity:.7}.work-card-image>span{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.26);border-radius:9px;background:rgba(15,5,22,.76);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;opacity:0;transform:translateY(8px);transition:.25s}.work-card:hover .work-card-image>span{opacity:1;transform:none}.work-card-copy{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 22px 23px}.work-card-copy span{color:#ec34db;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.work-card-copy h3{margin:5px 0 4px;color:#fff;font:650 22px/1.15 Jost,sans-serif}.work-card-copy p{margin:0;color:#8f8299;font-size:12px}.work-card-copy>a{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;transition:.22s}.work-card-copy>a:hover{border-color:transparent;background:#a50ba5;transform:rotate(-35deg)}.work-card.is-beyond-limit{display:none}.work-load-wrap{display:flex;justify-content:center;margin-top:44px}.work-load{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 22px;border:1px solid rgba(234,40,218,.45);border-radius:9px;background:transparent;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.work-load:hover{background:rgba(234,40,218,.09)}.work-load span{color:#ec35de}.work-note{max-width:760px;margin:24px auto 0;color:#766b7e;font-size:11px;line-height:1.7;text-align:center}.work-process{background:radial-gradient(circle at 40% 10%,rgba(139,26,166,.12),transparent 35%),#0d0715}.work-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.work-process-grid article{position:relative;min-height:260px;padding:32px 26px;border:1px solid var(--work-line);border-radius:16px;background:rgba(255,255,255,.028);overflow:hidden}.work-process-grid article>span{position:absolute;right:18px;top:11px;color:rgba(255,255,255,.045);font:800 72px/1 Jost,sans-serif}.work-process-grid i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:48px;border-radius:13px;background:linear-gradient(145deg,#75108c,#c60fb7);box-shadow:0 13px 30px rgba(153,11,154,.2);font-size:18px}.work-process-grid h3{margin:0 0 10px;color:#fff;font:650 23px Jost,sans-serif}.work-process-grid p{margin:0;color:#9d92a5;font-size:13px;line-height:1.7}.work-cta{padding:90px 0;background:linear-gradient(110deg,#3c075a,#97098e 53%,#4111a0)}.work-cta .container{display:flex;justify-content:space-between;gap:60px;align-items:center}.work-cta h2{margin:0 0 12px;color:#fff;font:700 clamp(40px,4.5vw,68px)/1 Jost,sans-serif;letter-spacing:-.035em}.work-cta p{max-width:720px;margin:0;color:rgba(255,255,255,.75);line-height:1.75}.work-cta .work-btn{flex:0 0 auto;border-color:rgba(255,255,255,.2);background:#fff;color:#5e096f!important;box-shadow:0 15px 36px rgba(23,1,28,.24)}
@media(max-width:1199px){.work-hero{min-height:650px}.work-hero-grid{gap:45px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.work-hero{padding:170px 0 80px}.work-hero-grid{grid-template-columns:1fr}.work-stats{grid-template-columns:repeat(3,1fr)}.work-stats article{grid-template-columns:1fr;gap:7px}.work-section-head{grid-template-columns:1fr;gap:20px}.work-cta .container{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){.work-hero{min-height:0;padding:145px 0 65px}.work-hero h1{font-size:clamp(46px,14vw,66px)}.work-hero-copy>p{font-size:15px}.work-stats{grid-template-columns:1fr}.work-stats article{grid-template-columns:80px 1fr}.work-portfolio,.work-process{padding:70px 0}.work-section-head{margin-bottom:34px}.work-section-head h2{font-size:44px}.work-filter-wrap{margin-right:-15px}.work-filters{padding-right:20px}.work-results-bar{align-items:flex-start;flex-direction:column;gap:5px}.work-grid{grid-template-columns:1fr;gap:18px}.work-card-image{height:280px}.work-card-image>span{opacity:1;transform:none}.work-process-grid{grid-template-columns:1fr}.work-process-grid article{min-height:220px}.work-cta{padding:70px 0}.work-cta .work-btn{width:100%}}
@media(max-width:390px){.work-hero-actions{display:grid}.work-btn{width:100%}.work-card-image{height:250px}.work-card-copy{padding:18px}.work-card-copy h3{font-size:20px}}
@media(min-width:992px) and (max-width:1440px){.work-hero{min-height:680px;padding:155px 0 72px}.work-hero-grid{gap:48px}.work-hero h1{font-size:clamp(58px,5vw,68px);line-height:1}.work-hero-copy>p{margin:24px 0;font-size:15px;line-height:1.65}.work-stats article{grid-template-columns:82px 1fr;padding:16px 18px}.work-stats strong{font-size:32px}.work-portfolio,.work-process{padding:76px 0}.work-section-head{margin-bottom:36px}.work-section-head h2{font-size:clamp(44px,4vw,56px)}.work-card-image{height:275px}.work-card-copy{padding:17px 18px 19px}.work-card-copy h3{font-size:20px}.work-process-grid article{min-height:225px;padding:26px 22px}.work-process-grid i{margin-bottom:34px}.work-cta{padding:68px 0}}

/* Our Work navigation and interaction stability. */
body:has(.work-page) .Headermain {
    z-index: 2500
}

body:has(.work-page) {
    overflow-anchor: none
}

body:has(.work-page) .Headermain .custom-navbar,
body:has(.work-page) .Headermain .custom-navbar[data-aos] {
    opacity: 1!important;
    visibility: visible!important;
    transform: none!important;
    transition: background-color .25s ease,box-shadow .25s ease!important
}

.work-filter-wrap,.work-filters,.work-results-bar,.work-grid {
    overflow-anchor: none
}

.work-filters {
    flex-wrap: wrap;
    overflow-x: visible;
    scroll-behavior: smooth
}

.work-card.is-entering {
    animation: workCardEnter .38s cubic-bezier(.2,.72,.25,1) both
}

.work-scroll-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .58s ease,transform .58s cubic-bezier(.2,.72,.25,1);
    will-change: opacity,transform
}

.work-scroll-reveal.is-scroll-visible {
    opacity: 1;
    transform: none
}

@keyframes workCardEnter {
    from {opacity:0;transform:translateY(14px)}
    to {opacity:1;transform:translateY(0)}
}

@media(max-width:767px) {
    .work-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch
    }

    .work-filter {
        scroll-snap-align: center
    }
}

@media(prefers-reduced-motion:reduce) {
    .work-filters {scroll-behavior:auto}
    .work-card.is-entering {animation:none}
    .work-scroll-reveal {opacity:1;transform:none;transition:none}
}