.case-section{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:100%;height:auto;position:absolute;top:247px;left:0}@keyframes caseDrawSelf{0%{width:0}to{width:100%}}.case-study-nightmare-line.is-drawn .clip-reveal-rect{width:0;animation:6.5s cubic-bezier(.22,1,.36,1) forwards caseDrawSelf;transition:none!important}.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 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 caseGlowFloat;bottom:-8rem;right:-14rem}@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}.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-item.is-active .case-id-text{filter:drop-shadow(0 0 8px #a0f3f699)}.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 (max-width:980px){.case-study-nightmare-line{width:clamp(112%,118vw,126%);top:clamp(-.9rem,-1.2vw,-.35rem);left:50%;transform:translate(-50%)}.case-head{align-items:center}.case-title-wrap h2{white-space:normal}.case-item{grid-template-columns:5.5rem 1fr 0fr;min-height:5.8rem;padding:.8rem .9rem}.case-item.is-active{grid-template-columns:6.4rem 1fr clamp(11rem,22vw,19rem);min-height:12rem}.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:.84rem}}@media (max-width:640px){.case-study-nightmare-line{width:clamp(116%,126vw,134%);top:clamp(.5rem,34.1vw,14.88rem);left:50%;transform:translate(-50%)}.case-section{padding:1.15rem 0 1.35rem}.case-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.45rem;margin-bottom:.75rem}.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}.case-list{gap:.35rem}.case-item{gap:.5rem;padding:.62rem .56rem;grid-template-columns:2.1rem 1fr!important;min-height:8.15rem!important}.case-item.is-active{min-height:8.35rem!important}.case-image{z-index:1;clip-path:none;align-self:stretch;margin:0;display:block;position:absolute;inset:0;overflow:hidden}.case-image:before{opacity:.45}.case-item.is-active .case-image:before{opacity:.58}.case-img-glow{opacity:.42;filter:blur(22px);width:122%;height:168%;transition:none;animation:none;top:-24%;right:-18%;transform:none}.case-image-grid{opacity:.28;transition:none}.case-image-fade-left{background:linear-gradient(90deg,#0a0612 0%,#0a0612f7 24%,#0a0612d1 50%,#0a061273 74%,#0a061214 100%);width:74%}.case-image-png{object-fit:cover;object-position:right center;opacity:.4;filter:saturate(1.02)contrast(1.02)drop-shadow(0 8px 14px #00000094);width:76%;height:122%;transition:none;bottom:-10%;right:-2%;transform:none}.case-item.is-active .case-image-png{opacity:.5;transform:none}.case-item+.case-item:before{border-top-width:1px;width:2.2rem;height:.34rem;top:-.3rem;right:.36rem}.case-id{-webkit-text-stroke-width:1px;justify-content:center;align-items:center;width:2.2rem;height:2.5rem}.case-copy{padding-top:.35rem}.case-item:not(.is-active) .case-copy p{white-space:normal;text-overflow:clip;overflow:visible}.case-item:not(.is-active) .case-tags{opacity:1;pointer-events:auto;transform:none}.case-copy h3{font-size:1.03rem;line-height:1.12}.case-copy p{margin-top:.3rem;font-size:.7rem;line-height:1.35}.case-tags{gap:.28rem;margin-top:.42rem}.case-tags span{padding:.14rem .4rem;font-size:.53rem}}@media (prefers-reduced-motion:reduce){.case-item,.case-head,.case-image-png,.case-img-glow,.case-shimmer,.case-image-label,.case-glow--left,.case-glow--right{transition-duration:.01ms!important;animation:none!important}}.case-view-btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:247px;height:66px;text-decoration:none;transition:transform .25s;display:inline-flex;position:relative}.case-view-svg{width:100%;height:100%;transition:filter .25s;display:block;position:absolute;inset:0}.case-view-path{transition:fill .25s,stroke .25s}.case-view-text{z-index:1;color:#f6a4c1;font-family:var(--font-heading);letter-spacing:.08em;font-size:1.05rem;line-height:1;position:relative}.case-view-btn:hover{transform:translateY(-2px)}.case-view-btn:hover .case-view-path{fill:#ff90a11f}.case-view-btn:hover .case-view-text{color:#ffd6e7}.case-view-btn:hover .case-view-svg{filter:drop-shadow(0 0 8px #ff90a173)}.case-head .hero-btn-frame{--hero-btn-w:247px;--hero-btn-h:66px;--hero-btn-offset:13px;flex-shrink:0}.case-head .hero-cta-btn{color:#f6a4c1;-webkit-text-fill-color:#f6a4c1;font-size:.95rem}@media (max-width:980px){.case-head .hero-btn-frame{--hero-btn-w:210px;--hero-btn-h:56px;--hero-btn-offset:10px}.case-head .hero-cta-btn{font-size:.84rem}}@media (max-width:640px){.case-view-btn{width:160px;height:44px}.case-view-text{font-size:.72rem}.case-head .hero-btn-frame{--hero-btn-w:172px;--hero-btn-h:46px;--hero-btn-offset:8px;align-self:flex-start;margin-left:auto}.case-head .hero-cta-btn{font-size:.68rem}}
