@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
html,body,.case-page-root{box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}*{box-sizing:border-box}.cs-main-wrapper{z-index:2;width:100%;min-height:100vh;padding:clamp(5.25rem,9vh,6.5rem) 0 0;position:relative;box-shadow:0 50px 50px #00000080;background-color:#000!important}.cs-noise{pointer-events:none;z-index:0;opacity:.1;background-image:none;background-attachment:scroll;width:100vw;height:100vh;position:fixed;inset:0}.cs-orb{opacity:.15;pointer-events:none;z-index:0;filter:none;background:radial-gradient(circle,#8a030326 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:20%;right:10%}.container-b{max-width:90%;margin:auto}.cs-hero-header{z-index:1;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1600px;min-height:0;margin:0 auto clamp(2.5rem,5vh,4rem);padding-top:clamp(.5rem,1.5vh,1.25rem);padding-bottom:clamp(2.25rem,5vh,3.5rem);display:flex;position:relative}.cs-hero-title{letter-spacing:-.02em;flex-direction:column;align-items:center;margin:0;font-family:Overused Grotesk,Arial,sans-serif;font-size:clamp(4rem,11vw,160px);font-weight:800;line-height:.9;display:flex}.cs-hero-line{background:linear-gradient(#fff 0%,#ffffff52 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;width:fit-content;display:block}.cs-hero-sub{letter-spacing:.01em;color:#ffffffc2;max-width:min(36rem,92vw);margin:clamp(1rem,2.2vh,1.6rem) 0 0;padding:0 1rem;font-family:Inter,sans-serif;font-size:clamp(.8125rem,2.2vw,1.05rem);font-weight:400;line-height:1.48}.case-page-header{z-index:1;margin:28px 0;position:relative}header.cs-hero-header.case-page-header{margin:0}.case-page-title{letter-spacing:.05em;margin:0;font-size:32px;font-weight:600;color:#fff!important;font-family:Bebas Neue,sans-serif!important}.case-page-sub{color:#ffffffb3;margin:8px 0 0;font-size:.98rem;font-family:Poppins,sans-serif!important}.cs-spine-container{z-index:2;width:100%;padding:clamp(1.5rem,4vh,3rem) 0 50px;position:relative}.cs-spine-track{z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cs-spine-bg{background:#ffffff1a;width:100%;height:100%}.cs-spine-fill{z-index:2;transform-origin:top;will-change:transform;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0);box-shadow:0 0 10px #fffc}.cs-spine-item{justify-content:center;align-items:center;width:100%;margin-bottom:120px;display:flex;position:relative}.cs-spine-node{z-index:5;background:#8a0303;border:1px solid #fff6;width:12px;height:12px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-spine-item:hover .cs-spine-node{background:#fff;border-color:#fff;box-shadow:0 0 10px #fff}.cs-spine-connector{z-index:3;will-change:transform;background:#fff6;width:15%;height:1px;position:absolute;top:50%;transform:scaleX(0)}.cs-spine-item.left{justify-content:flex-start}.cs-spine-item.left .cs-spine-card{margin-left:10%;margin-right:auto}.cs-spine-item.left .cs-spine-connector{transform-origin:100%;right:50%}.cs-spine-item.right{justify-content:flex-end}.cs-spine-item.right .cs-spine-card{margin-left:auto;margin-right:10%}.cs-spine-item.right .cs-spine-connector{transform-origin:0;left:50%}.cs-spine-card{z-index:10;width:35%;position:relative}.cs-card-link{will-change:transform;background:#000;border:1px solid #fff3;border-radius:4px;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.cs-card-media{aspect-ratio:1;will-change:transform;background:0 0;border:none;width:100%;margin:0;position:relative;overflow:hidden}.cs-card-media img{object-fit:cover;width:100%;height:100%;transition:filter .5s,transform .8s}.cs-card-link:hover .cs-card-media img{filter:saturate()contrast(1.1);transform:scale(1.05)}.cs-card-info{z-index:10;background:#000c;border-top:1px solid #ffffff1a;width:100%;padding:20px;transition:background .3s,padding .3s;position:absolute;bottom:0;left:0;transform:translateY(0)}.cs-card-link:hover .cs-card-info{background:linear-gradient(#0000 0%,#0009 20%,#8a0303cc 100%);padding-bottom:25px}.cs-card-header{color:#fffc;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-bottom:4px;font-family:monospace;font-size:.75rem;display:flex}.cs-cat{color:#f33;text-transform:uppercase;margin-bottom:4px;font-family:monospace;font-size:.7rem;font-weight:700;display:block}.cs-card-title{margin:0;font-family:Bebas Neue,sans-serif;font-size:3rem;line-height:.85;transition:transform .3s;color:#fff!important}.cs-card-link:hover .cs-card-title{transform:scale(1.02)}.cs-card-year,.cs-card-overlay,.cs-btn-text{display:none}@media (max-width:768px){.cs-hero-header{min-height:clamp(380px,52vh,620px);margin-bottom:clamp(2.5rem,8vh,4.5rem);padding-top:clamp(6.5rem,14vh,9rem);padding-bottom:clamp(2rem,5vh,3.5rem)}.cs-hero-sub{max-width:22rem}.cs-spine-track{left:20px;transform:none}.cs-spine-item{flex-direction:column;margin-bottom:80px}.cs-spine-node{margin-top:25vh;top:0;left:20px;transform:translate(-50%)}.cs-spine-connector{top:25vh;transform-origin:0!important;width:40px!important;left:20px!important;right:auto!important}.cs-spine-item.left,.cs-spine-item.right{justify-content:flex-start}.cs-spine-item.left .cs-spine-card,.cs-spine-item.right .cs-spine-card{width:calc(100% - 70px);margin:0 0 0 70px}}.cs-grid-container{flex-direction:column;gap:15vh;margin-top:50px;padding-bottom:100px;display:flex}.cs-grid-item{justify-content:center;width:100%;display:flex}.cs-grid-item.left-align{justify-content:flex-start}.cs-grid-item.right-align{justify-content:flex-end}.cs-grid-link{color:#fff;width:85%;text-decoration:none;display:block;position:relative}@media (min-width:1024px){.cs-grid-link{width:70%}}.cs-grid-image-wrap{border:1px solid #ffffff1a;border-radius:4px;width:100%;height:60vh;margin-bottom:30px;position:relative;overflow:hidden}.cs-grid-image{width:100%;height:120%;position:relative;top:-10%}.cs-grid-image img{object-fit:cover;filter:saturate(0)contrast(1.1);width:100%;height:100%;transition:filter .5s}.cs-grid-link:hover .cs-grid-image img{filter:saturate()contrast(1.1)}.cs-track-line{z-index:5;background:#ffffff1a;width:2px;height:100%;position:absolute;top:0;left:0}.cs-track-fill{background:#fff;width:100%;height:0%;transition:height .5s;box-shadow:0 0 10px #fff}.cs-grid-link:hover .cs-track-fill{height:100%}.cs-tech-node{background:#8a0303;border:1px solid #fff;width:10px;height:10px;transition:all .3s;position:absolute;bottom:25px;right:0}.cs-grid-link:hover .cs-tech-node{background:#fff;box-shadow:0 0 10px #fff}.cs-grid-overlay{opacity:0;background:#0003;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cs-grid-link:hover .cs-grid-overlay{opacity:1}.view-case-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;letter-spacing:.1em;background:#ffffff1a;border:1px solid #fff;border-radius:0;padding:15px 30px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;transition:transform .3s;transform:translateY(20px)}.cs-grid-link:hover .view-case-btn{transform:translateY(0)}.cs-grid-info{border-top:1px solid #ffffff4d;flex-direction:column;gap:10px;padding-top:20px;padding-left:20px;display:flex;position:relative}.cs-grid-link:hover .cs-grid-info{border-color:#fff;box-shadow:0 -1px 10px #fff3}.cs-meta-row{color:#fff;text-transform:uppercase;letter-spacing:.05em;opacity:.8;justify-content:space-between;font-family:Poppins,sans-serif;font-size:.9rem;display:flex}.cs-grid-link:hover .cs-title{transform:scale(1.02)}.cs-year{color:#fff;opacity:.6;align-self:flex-end;font-family:Poppins,sans-serif;font-size:.9rem}@media (max-width:1024px){.container-b{max-width:92%}.cs-grid-link{width:95%}.cs-grid-image-wrap{height:45vh}.cs-title{font-size:3rem}}@media (max-width:768px){.cs-grid-link{width:100%}.cs-grid-image-wrap{height:40vh;margin-bottom:20px}.cs-title{font-size:2.2rem}.cs-grid-container{gap:8vh}.cs-grid-info{padding-top:15px;padding-left:15px}}@media (max-width:480px){.cs-title{font-size:1.8rem}}.cs-tunnel-viewport{perspective:1000px;width:100vw;height:100vh;transform-style:preserve-3d;position:relative;overflow:hidden}.cs-tunnel-world{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.cs-tunnel-intro{text-align:center;z-index:20;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-tunnel-title{color:#ffffff0d;margin:0;font-family:Bebas Neue,sans-serif;font-size:15vw;line-height:.8}.cs-scroll-hint{letter-spacing:.3em;color:#fff6;margin-top:20px;font-family:Poppins,sans-serif;font-size:.8rem}.cs-tunnel-item{transform-origin:50%;width:40vw;height:50vh;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-tunnel-link{cursor:pointer;perspective:1000px;width:100%;height:100%;text-decoration:none;display:block}.cs-tunnel-card{background:#00000080;border:1px solid #ffffff1a;width:100%;height:100%;transition:border-color .3s,background .3s;position:relative}.cs-tunnel-card:hover{background:#280000cc;border-color:#fff}.cs-tunnel-media{width:100%;height:100%;overflow:hidden}.cs-tunnel-media img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:opacity .3s,transform .5s}.cs-tunnel-card:hover .cs-tunnel-media img{opacity:1;transform:scale(1.05)}.cs-tunnel-info{justify-content:space-between;align-items:baseline;width:100%;padding:0 10px;display:flex;position:absolute;bottom:-60px;left:0}.cs-idx{color:#ffffff80;font-family:Poppins,sans-serif;font-size:.9rem}.cs-title{color:#fff;text-transform:uppercase;margin:0;font-family:Bebas Neue,sans-serif;font-size:3rem}.cs-gallery-wrapper{z-index:10;width:100vw;height:100vh;position:relative;overflow:hidden}.cs-gallery-track{flex-wrap:nowrap;align-items:center;gap:15vh;width:max-content;height:100%;padding:0 5vw;display:flex}.cs-intro-dummy{flex-direction:column;justify-content:center;height:60vh;padding-left:5vw;display:flex}.cs-scroll-indicator{color:#ffffff80;letter-spacing:.2em;align-items:center;gap:15px;margin-top:40px;font-size:.8rem;display:flex}.cs-line{background:#ffffff4d;width:60px;height:1px}.cs-item{flex-shrink:0;width:45vw;height:70vh;position:relative}.cs-item-intro,.cs-item-outro{justify-content:center;align-items:center;width:30vw;display:flex}.cs-intro-text h2,.cs-outro-text h2{color:#fff3;margin:0;font-family:Bebas Neue,sans-serif;font-size:6rem;line-height:.85}.cs-link-wrapper{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.cs-card{flex-direction:column;gap:20px;width:100%;height:100%;transition:transform .3s;display:flex}.cs-card:hover{transform:translateY(-10px)}.cs-image-container{border-radius:4px;flex-grow:1;width:100%;position:relative;overflow:hidden}.cs-media{width:100%;height:100%;overflow:hidden}.cs-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.cs-placeholder{background:#300;width:100%;height:100%}.cs-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cs-card:hover .cs-overlay{opacity:1}.cs-view-btn{color:#fff;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff;border-radius:30px;padding:15px 30px;font-size:.9rem}.cs-info{border-top:1px solid #fff3;align-items:flex-start;gap:15px;padding-top:20px;display:flex}.cs-idx{color:#ffffff80;font-family:Bebas Neue,sans-serif;font-size:1.5rem;line-height:1}.cs-text-group{flex-direction:column;display:flex}.cs-title{color:#fff;margin:0;font-family:Bebas Neue,sans-serif;font-size:3rem;line-height:.9}.cs-cat{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-family:Poppins,sans-serif;font-size:.85rem}.cs-image-viewport{z-index:0;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}.cs-bg-image{opacity:0;transition:opacity .6s,transform 1s;position:absolute;inset:0;transform:scale(1.1)}.cs-bg-image.active{opacity:.4;z-index:1;transform:scale(1)}.cs-bg-image img{object-fit:cover;filter:saturate(0)contrast(1.2);width:100%;height:100%}.cs-bg-overlay{opacity:.8;background:#8a0303;position:absolute;inset:0}.case-load-more-wrap{justify-content:center;margin:34px 0 80px;display:flex}.load-more-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:40px;padding:12px 22px;font-size:15px;transition:all .3s}.load-more-btn:hover{color:#8a0303;background:#fff}@media (max-width:1024px){.container-b{max-width:90%}.case-title{font-size:3.5rem}.case-stack-item{height:500px}}@media (max-width:768px){.cs-tunnel-item{width:70vw;height:50vh}.cs-tunnel-title{font-size:20vw}.case-card-inner{flex-direction:column}.case-image-col{width:100%;height:50%}.case-content-col{border-top:1px solid #ffffff1a;border-left:none;width:100%;height:50%;padding:30px}.case-title{font-size:2.5rem}.case-stack-item{height:600px}}@media (max-width:600px){.container-b{max-width:92%}.case-page-title{font-size:22px}.load-more-btn{width:100%;max-width:320px}}@media (prefers-reduced-motion:reduce){.case-media img{filter:none!important;opacity:1!important;transition:none!important;transform:none!important}.case-overlay,.case-overlay-cta{pointer-events:auto;opacity:1!important;transition:none!important;transform:none!important}}