.case-section{isolation:isolate;padding:clamp(2.2rem,5vw,3.8rem) 0 clamp(2rem,4.2vw,3.4rem);position:relative;overflow:visible}.case-study-nightmare-line{z-index:0;pointer-events:none;width:100vw;height:auto;position:absolute;top:340px;left:50%;transform:translate(-50%)}.case-glow{pointer-events:none;z-index:0;filter:blur(80px);will-change:transform, opacity;border-radius:50%;position:absolute}.case-glow--left{background:radial-gradient(circle,#f779a62e,#0000 68%);width:28rem;height:28rem;animation:7s ease-in-out infinite paused caseGlowFloat;top:6rem;left:-12rem}.case-glow--right{background:radial-gradient(circle,#95fbf61a,#0000 68%);width:32rem;height:32rem;animation:9s ease-in-out 1.5s infinite paused caseGlowFloat;bottom:-8rem;right:-14rem}.case-section--active .case-glow--left,.case-section--active .case-glow--right{animation-play-state:running}@keyframes caseGlowFloat{0%{opacity:.4;transform:scale(1)translateY(0)}33%{opacity:.7;transform:scale(1.06)translateY(-12px)}66%{opacity:.5;transform:scale(.97)translateY(8px)}to{opacity:.4;transform:scale(1)translateY(0)}}.case-head{z-index:2;opacity:0;justify-content:space-between;align-items:flex-start;gap:1.2rem;margin-bottom:clamp(1.1rem,2.6vw,1.95rem);transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(18px)}.case-head--entered{opacity:1;transform:translateY(0)}.case-title-wrap h2{color:#f78aaa;letter-spacing:.03em;margin:0;font-size:38px;line-height:1}.case-scribble{aspect-ratio:240/60;width:clamp(8.5rem,22vw,15rem);height:auto;margin-top:.35rem}.case-scribble-svg{width:165%;height:65%;display:block;overflow:visible}.case-scribble-path{fill:none;stroke:#a0f6e2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.8px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}@keyframes caseScribbleDraw{0%{stroke-dashoffset:1px;opacity:0}10%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.case-scribble.is-drawn .case-scribble-path{animation:2.2s cubic-bezier(.22,1,.36,1) .3s forwards caseScribbleDraw}.case-view-all{color:#f6a4c1;clip-path:polygon(0 36%,8% 0,30% 0,34% 12%,58% 12%,62% 0,100% 0,100% 100%,68% 100%,64% 88%,0 88%);background:#110816d9;border:1px solid #f779a6d9;margin-top:.15rem;padding:.72rem 1.45rem;font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1;transition:background .3s,color .3s}.case-view-all:hover{color:#ffd6e7;background:#f779a626}.case-list{z-index:1;flex-direction:column;gap:0;display:flex;position:relative}.case-item{isolation:isolate;cursor:default;opacity:0;min-height:6.9rem;transition:opacity .65s cubic-bezier(.22, 1, .36, 1) var(--entry-delay,0s), transform .65s cubic-bezier(.22, 1, .36, 1) var(--entry-delay,0s), min-height .65s cubic-bezier(.22, 1, .36, 1), grid-template-columns .65s cubic-bezier(.22, 1, .36, 1), border-color .4s ease, box-shadow .4s ease;background:#0a0612;grid-template-columns:9.3rem minmax(0,1fr) 0fr;align-items:center;gap:.95rem;padding:clamp(.85rem,2vw,1.1rem) clamp(1.3rem,2.3vw,2rem);display:grid;position:relative;overflow:hidden;transform:translateY(28px)}.case-bg-svg--base,.case-bg-svg--stroke{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.case-bg-svg--base{z-index:0}.case-bg-svg--stroke{z-index:10;shape-rendering:geometricprecision;transform-origin:50%;transform:scaleY(.98)}.case-bg-svg--base foreignObject div{background:#0a0612d9}.case-bg-stroke{stroke-width:2.8px;stroke-dasharray:0;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:none;transition:stroke-width .4s}.case-item.is-active .case-bg-stroke{stroke-width:3px}.case-item.is-entered{opacity:1;transform:translateY(0)}.case-item+.case-item:before{display:none}.case-item:after{content:"";z-index:2;pointer-events:none;opacity:.5;background:linear-gradient(90deg,#0000 0%,#f779a699 25%,#f779a6e6 50%,#f779a699 75%,#0000 100%);height:1px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.4)}.case-item.is-active:after{opacity:1;transform:scaleX(1)}.case-shimmer{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 30%,#95fbf60f 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.case-item.is-active .case-shimmer{animation:.85s cubic-bezier(.22,1,.36,1) forwards caseShimmerSweep}@keyframes caseShimmerSweep{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(150%)}}.case-item.is-active{grid-template-columns:10rem minmax(0,1fr) clamp(16rem,26vw,24rem);min-height:15rem}.case-item:not(.is-active) .case-copy p{white-space:nowrap;text-overflow:ellipsis;max-width:52rem;overflow:hidden}.case-id{z-index:20;opacity:.35;-webkit-user-select:none;user-select:none;align-self:end;width:140px;height:100px;padding-bottom:.15rem;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.34,1.56,.64,1);position:relative;justify-content:center!important;align-items:flex-end!important;display:flex!important}.case-id-text{transition:stroke .6s,filter .6s;letter-spacing:0!important;font-family:Nova Flat,sans-serif!important;font-size:88px!important;font-style:normal!important;font-weight:400!important}.case-item.is-active .case-id{opacity:.8}.case-copy{z-index:3;padding-top:clamp(1.8rem,3.2vw,2.6rem);position:relative}.case-copy h3{color:#f78aaa;letter-spacing:.04em;margin:0;font-size:clamp(2.2rem,4.1vw,3.55rem);font-weight:400;line-height:1.05}.case-copy-reveal{overflow:hidden}.case-copy p{color:#f5f7ffe0;max-width:45rem;margin:.52rem 0 0;font-family:Inter,sans-serif;font-size:clamp(1rem,1.26vw,1.28rem);line-height:1.35;transition:opacity .4s}.case-item:not(.is-active) .case-copy p{opacity:.7}.case-services{color:#f5f7ffcc;margin-top:.3rem!important}.case-tags{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;transition:opacity .45s,transform .45s;display:flex}.case-item:not(.is-active) .case-tags{opacity:0;pointer-events:none;transform:translateY(10px)}.case-tags span{color:#e8a8c4;background:#f779a614;border:1px solid #f779a638;border-radius:999px;padding:.28rem .78rem;font-size:.75rem;transition:background .35s,border-color .35s,transform .35s cubic-bezier(.22,1,.36,1)}.case-item.is-active .case-tags span{background:#f779a629;border-color:#f779a673}.case-item.is-active .case-tags span:first-child{transition-delay:50ms}.case-item.is-active .case-tags span:nth-child(2){transition-delay:.1s}.case-item.is-active .case-tags span:nth-child(3){transition-delay:.15s}.case-image{z-index:3;pointer-events:none;perspective:1500px;clip-path:polygon(0 0,95% 0,100% 3.5%,100% 96%,95.5% 100%,0 100%);background:0 0;align-self:stretch;min-width:0;margin:-1.1rem -2rem -1.1rem 0;position:relative;overflow:hidden}.case-image:before{content:"";z-index:4;pointer-events:none;opacity:0;background:linear-gradient(160deg,#95fbf624 0%,#95fbf60a 30%,#0000 55%),radial-gradient(85% 90% at 86% 16%,#f779a624 0%,#0000 60%);transition:opacity .42s;position:absolute;inset:0}.case-item.is-active .case-image:before{opacity:1}.case-img-glow{pointer-events:none;z-index:1;background:radial-gradient(ellipse at 68% 50%, rgba(var(--glow-rgb), .32) 0%, rgba(var(--glow-rgb), .12) 42%, transparent 68%);filter:blur(28px);opacity:0;will-change:opacity, transform;border-radius:50%;width:88%;height:138%;transition:opacity .75s cubic-bezier(.22,1,.36,1) .15s,transform .75s cubic-bezier(.22,1,.36,1) .15s;position:absolute;top:-15%;right:-8%;transform:translate(16px)scale(.92)}.case-item.is-active .case-img-glow{opacity:1;animation:4s ease-in-out .9s infinite caseGlowBreath;transform:translate(0)scale(1)}@keyframes caseGlowBreath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}.case-image-fade-left{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0a0612 0%,#0a0612eb 18%,#0a061294 40%,#0a061233 66%,#0000 100%);width:46%;position:absolute;top:0;bottom:0;left:-1px}.case-image-grid{z-index:2;pointer-events:none;opacity:0;background-image:linear-gradient(#95fbf606 1px,#0000 1px),linear-gradient(90deg,#95fbf606 1px,#0000 1px);background-size:28px 28px;transition:opacity .6s .3s;position:absolute;inset:0}.case-item.is-active .case-image-grid{opacity:1}.case-image-png{z-index:3;object-fit:contain;object-position:right bottom;transform-origin:100%;opacity:0;will-change:transform, opacity;-webkit-user-select:none;user-select:none;pointer-events:none;filter:saturate(1.08)contrast(1.05)drop-shadow(0 10px 15px #0009);width:auto;max-width:none;height:114%;transition:transform .85s cubic-bezier(.22,1,.36,1) .1s,opacity .5s .1s;position:absolute;bottom:0;right:0;transform:translate(15%)rotateY(-75deg)scale(.95)}.case-item.is-active .case-image-png{opacity:1;transform:translate(0)rotateY(0)scale(1)}.case-image-label{z-index:4;letter-spacing:.1em;text-transform:uppercase;color:#95fbf6cc;opacity:0;pointer-events:none;align-items:center;gap:7px;font-family:Orbitron,Rajdhani,sans-serif;font-size:.67rem;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:12px;left:16px;transform:translateY(8px)}.case-item.is-active .case-image-label{opacity:1;transition-delay:.65s;transform:translateY(0)}.case-image-label-dot{background:#95fbf6;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2.2s ease-in-out infinite caseLabelBlink;display:none;box-shadow:0 0 10px #95fbf6}@keyframes caseLabelBlink{0%,45%,to{opacity:1;transform:scale(1)}55%{opacity:.2;transform:scale(.7)}}@media (min-width:1200px){.case-item{grid-template-columns:10rem minmax(0,1fr) 0fr;min-height:7.4rem}.case-item.is-active{grid-template-columns:10.5rem minmax(0,1fr) clamp(18rem,24vw,26rem);min-height:15.8rem}}@media (min-width:1700px){.case-item.is-active{grid-template-columns:11rem minmax(0,1fr) clamp(20rem,23vw,28rem)}}@media (min-width:981px){.case-title-wrap h2{font-size:var(--major-heading-size)!important}.case-copy h3{font-size:calc(var(--major-heading-size) - 6px)!important}}@media (max-width:980px){.case-study-nightmare-line{width:100vw;top:clamp(-.85rem,-2vw,.15rem);left:50%;transform:translate(-50%)}.case-head{align-items:center}.case-title-wrap h2{white-space:normal}.case-list{padding-bottom:.8rem}.case-item{flex-shrink:0;grid-template-columns:5.5rem minmax(0,1fr) 0fr;min-height:7.2rem;padding:.8rem .9rem}.case-item.is-active{grid-template-columns:6.4rem minmax(0,1fr) clamp(11rem,22vw,19rem);min-height:14rem}.case-id{align-self:center!important;width:100%!important;max-width:100%!important}.case-id-text{font-size:54px!important}.case-copy{padding-top:.3rem!important}.case-item+.case-item:before{width:4.8rem;height:.58rem;top:-.54rem;right:.7rem}.case-copy h3{font-size:clamp(1.45rem,4vw,2rem)}.case-copy p{font-size:clamp(15px,4vw,18.5px)}.case-section .case-image{margin:-.8rem -.9rem 0 0!important}.case-glow,.case-section .case-img-glow{display:none!important}}@media (max-width:640px){.case-study-nightmare-line{width:100vw;top:clamp(8.85rem,26.9vw,.9rem);left:50%;transform:translate(-50%)}.case-section{padding:1.15rem 0 1.35rem}.case-head{margin-bottom:.75rem;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}.case-title-wrap h2{white-space:normal!important;font-size:clamp(1.2rem,5vw,1.65rem)!important}.case-view-btn{--hero-btn-w:110px!important;--hero-btn-h:30px!important;--hero-btn-offset:4px!important;flex-shrink:0!important}.case-view-btn .hero-cta-btn{letter-spacing:.04em!important;font-size:.52rem!important}.case-scribble{aspect-ratio:240/60;width:6.8rem;height:auto}.case-scribble-path{stroke-width:2.2px}.case-view-all{padding:.38rem .62rem;font-size:.62rem;display:none}.case-list{gap:.35rem}.case-item{isolation:isolate;backface-visibility:hidden;background:#0a0612;border:1px solid #f779a685;border-radius:11px;gap:.5rem;padding:.62rem .56rem;transform:translate(0,0);clip-path:none!important;grid-template-columns:2.1rem 1fr!important;min-height:8.15rem!important;overflow:hidden!important}.case-item.is-active{min-height:8.35rem!important}.case-bg-svg--base,.case-bg-svg--stroke{display:none}.case-section .case-image{z-index:1;backface-visibility:hidden;border-radius:11px;align-self:stretch;margin:0;display:block;position:absolute;inset:0;transform:translate(0,0);clip-path:none!important;overflow:hidden!important}.case-section .case-image:before{opacity:.45}.case-item.is-active .case-image:before{opacity:.58}.case-section .case-img-glow{opacity:.42;filter:blur(22px);width:122%;height:168%;transition:none;animation:none;top:-24%;right:-18%;transform:none}.case-section .case-image-grid{opacity:.28;transition:none}.case-section .case-image-png{opacity:.45;filter:saturate(.8)contrast(.9)drop-shadow(0 5px 8px #00000080);height:135%;transition:none;transform:translate(18%)scale(1.05)translateZ(0)}.case-item.is-active .case-image-png{opacity:.72;transform:translate(8%)scale(1.1)translateZ(0)}.case-section .case-image-fade-left{background:linear-gradient(90deg,#0a0612 15%,#0a0612cc 45%,#0000 100%);width:65%}.case-id{opacity:.85;align-self:center;width:2.1rem;height:auto;padding:0}.case-id-text{font-size:2.8rem!important}.case-copy{padding-top:0}.case-copy h3{margin-bottom:.15rem;font-size:1.15rem;line-height:1.15}.case-copy p{opacity:.9;max-width:none;margin-top:.1rem;font-size:clamp(15px,4vw,18.5px);line-height:1.25}.case-item:not(.is-active) .case-copy p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;display:-webkit-box}.case-tags{gap:.3rem;margin-top:.35rem}.case-tags span{padding:.12rem .45rem;font-size:clamp(12px,3vw,18.5px)}}@media (max-width:400px){.case-title-wrap h2{font-size:clamp(1rem,4.5vw,1.25rem)!important}}h1,h2,h3,h1 *,h2 *,h3 *,p.footer-h2-p,p.footer-h2-p *,p.final-cta-h2-p,p.final-cta-h2-p *,p.idea-heading-wrap,p.idea-heading-wrap *,.cyber-page h1,.cyber-page h2,.cyber-page h3,.cyber-page h1 *,.cyber-page h2 *,.cyber-page h3 *,.cyber-page p.footer-h2-p,.cyber-page p.footer-h2-p *,.cyber-page p.final-cta-h2-p,.cyber-page p.final-cta-h2-p *,.cyber-page p.idea-heading-wrap,.cyber-page p.idea-heading-wrap *{font-family:var(--font-nova-flat), "Nova Flat", sans-serif!important;font-weight:400!important}p:not(.service-page-eyebrow):not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap),li,.cyber-page p:not(.service-page-eyebrow):not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap),.cyber-page li{font-family:var(--font-poppins), "Poppins", sans-serif!important;font-weight:400!important}p.service-page-eyebrow,.cyber-page p.service-page-eyebrow,button,button *,.cyber-page button,.cyber-page button *{font-family:var(--font-nova-flat), "Nova Flat", sans-serif!important;font-weight:400!important}@media (min-width:981px){h2,.cyber-page h2,.cyber-page h2 *{font-size:38.4px!important}h3,.cyber-page h3,.cyber-page h3 *{font-size:34px!important}p:not(.service-page-eyebrow):not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap),.cyber-page p:not(.service-page-eyebrow):not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap),.cyber-page p:not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap) :not(.service-page-eyebrow){font-size:clamp(16px,1.5vw,20px)!important}}@media (max-width:980px){h2,.cyber-page h2,.cyber-page h2 *{font-size:25px!important}h3,.cyber-page h3,.cyber-page h3 *{font-size:22px!important}p:not(.service-page-eyebrow):not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap),.cyber-page p:not(.service-page-eyebrow):not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap),.cyber-page p:not(.about-devlog-title):not(.footer-h2-p):not(.final-cta-h2-p):not(.idea-heading-wrap) :not(.service-page-eyebrow){font-size:clamp(13.5px,3.8vw,15.2px)!important}body main.cyber-page.cyber-page--mobile .case-section .case-head .case-view-btn p.hero-cta-btn.cta-p-label{letter-spacing:.04em!important;font-size:.68rem!important}}.case-view-btn .hero-cta-btn.cta-p-label{padding-top:2px!important;padding-left:.08em!important}@media (max-width:980px){body main.cyber-page.cyber-page--mobile .case-section .case-head .case-view-btn p.hero-cta-btn.cta-p-label{padding-top:1px!important;padding-left:.04em!important}}body main.cyber-page .case-section .case-head .case-view-btn p.hero-cta-btn.cta-p-label{justify-content:center!important;align-items:center!important;display:flex!important}
