:root{--white:#fff;--black:#000;--gray-l:#f3f3f3;--gray-m:#777;--gray-d:#161616;--lime:#c2f13c;--font:"Hanken Grotesk",sans-serif;--mono:"JetBrains Mono",monospace;--maxw:1440px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--white);color:var(--black);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}::selection{background:var(--lime);color:var(--black)}.pgCase a{cursor:pointer}:focus-visible{outline:2px solid var(--black);outline-offset:3px}.pgCase img{max-width:100%;display:block}.pgCase .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,3.5vw,56px)}.pgCase header{z-index:60;background:var(--white);border-bottom:1px solid var(--black);position:sticky;top:0}.pgCase .bar{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:20px;height:92px;margin:0 auto;padding:0 clamp(20px,3.5vw,56px);display:flex}.pgCase .idbrand{color:var(--black);align-items:center;gap:12px;text-decoration:none;display:flex}.pgCase .idbrand img{width:44px;height:44px}.pgCase .idbrand b{letter-spacing:.12em;font-size:18px;font-weight:800}.pgCase nav.main{align-items:center;gap:clamp(14px,2.2vw,34px);display:flex}.pgCase nav.main a{letter-spacing:.14em;text-transform:uppercase;color:var(--black);border-bottom:2px solid #0000;padding:6px 0;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s}.pgCase nav.main a:hover,.pgCase nav.main a.active{border-color:var(--lime)}.pgCase nav.main a.cta-btn{color:var(--white);border-bottom:none;padding:14px 20px}.pgCase nav.main a.cta-btn:hover{background:var(--lime);color:var(--black)}.pgCase .cta-btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--black);color:var(--white);border:1px solid var(--black);white-space:nowrap;padding:14px 20px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s}.pgCase .langBtn{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--black);color:var(--black);cursor:pointer;background:0 0;padding:12px 14px;font-size:11px;font-weight:700;transition:all .2s}.pgCase .langBtn:hover{background:var(--lime)}.pgCase .menuBtn{display:none}.pgCase .mnav{border-top:1px solid var(--black);background:var(--white);display:none}.pgCase .mnav.open{display:block}.pgCase .mnav a{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--black);border-bottom:1px solid var(--gray-l);padding:18px clamp(20px,3.5vw,56px);font-size:14px;font-weight:700;text-decoration:none;display:block}@media (max-width:900px){.pgCase nav.main{display:none}.pgCase .menuBtn{background:var(--lime);color:var(--black);border:1px solid var(--lime);font-family:var(--mono);letter-spacing:.12em;cursor:pointer;padding:12px 16px;font-size:11px;font-weight:700;display:block}}.pgCase .caseCover{background:var(--black);color:var(--white);padding:clamp(44px,8vh,90px) 0 clamp(36px,6vh,64px)}.pgCase .crumb{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-size:11px;animation:.6s cubic-bezier(.2,.7,.2,1) both riseIn}.pgCase .caseCover h1{letter-spacing:-.015em;text-transform:uppercase;margin-top:16px;font-size:clamp(40px,6.5vw,104px);font-weight:800;line-height:.97;animation:.7s cubic-bezier(.2,.7,.2,1) 80ms both riseIn}.pgCase .caseCover .meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6;margin-top:18px;font-size:11px;animation:.7s cubic-bezier(.2,.7,.2,1) .16s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.pgCase .credits{border-bottom:1px solid var(--black);background:var(--white)}.pgCase .credits .cgrid{max-width:var(--maxw);grid-template-columns:repeat(4,1fr);margin:0 auto;padding:0 clamp(20px,3.5vw,56px);display:grid}.pgCase .credits .cell{border-right:1px solid var(--gray-l);padding:22px 18px 22px 0}.pgCase .credits .cell:last-child{border-right:none}.pgCase .credits .k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gray-m);font-size:9.5px;font-weight:700}.pgCase .credits .v{margin-top:8px;font-size:15px;font-weight:700}@media (max-width:800px){.pgCase .credits .cgrid{grid-template-columns:1fr 1fr}.pgCase .credits .cell{border-right:none;border-bottom:1px solid var(--gray-l)}}.pgCase .coverPh{padding:clamp(28px,5vh,56px) 0 0}.pgCase .ph{background:var(--black);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pgCase .ph.r167{aspect-ratio:16/7}.pgCase .ph.r169{aspect-ratio:16/9}.pgCase .ph.r43{aspect-ratio:4/3}.pgCase .ph.r11{aspect-ratio:1}.pgCase .ph.rfilm{aspect-ratio:2.39}.pgCase .ph img.mark{opacity:.92;width:clamp(48px,5vw,80px);height:auto}.pgCase .ph .lab{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--black);background:var(--lime);z-index:2;padding:4px 8px;font-size:9.5px;font-weight:700;position:absolute;bottom:10px;left:12px}.pgCase .ph .gridlines{pointer-events:none;background:linear-gradient(#ffffff12 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/25% 100%;position:absolute;inset:0}.pgCase .ph:after{content:"";background:var(--white);z-index:6;transition:transform .85s cubic-bezier(.75,0,.2,1);position:absolute;inset:0}.pgCase .ph.unveiled:after{transform:translateY(-101%)}@media (prefers-reduced-motion:reduce){.pgCase .ph:after{display:none}}.pgCase .play{z-index:2;border-top:19px solid #0000;border-bottom:19px solid #0000;border-left:30px solid #ffffffe6;width:0;height:0;position:absolute}.pgCase .sec{padding:clamp(44px,8vh,88px) 0}.pgCase .sec.lined{border-top:1px solid var(--black)}.pgCase .shead{align-items:center;gap:14px;margin-bottom:clamp(24px,4vh,40px);display:flex}.pgCase .schip{font-family:var(--mono);letter-spacing:.08em;background:var(--lime);padding:5px 9px;font-size:10.5px;font-weight:700}.pgCase .shead h2{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(24px,3vw,44px);font-weight:800}.pgCase .cols{grid-template-columns:minmax(200px,300px) 1fr;gap:clamp(24px,4vw,64px);display:grid}@media (max-width:800px){.pgCase .cols{grid-template-columns:1fr}}.pgCase .note{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-m);font-size:10px;font-weight:700;line-height:1.9}.pgCase .body p{max-width:62ch;font-size:clamp(16px,1.35vw,19px);line-height:1.65}.pgCase .body p+p{margin-top:18px}.pgCase .imgblock{margin-top:clamp(28px,5vh,48px)}.pgCase .two{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);margin-top:clamp(16px,2vw,28px);display:grid}@media (max-width:700px){.pgCase .two{grid-template-columns:1fr}}.pgCase .steps{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(24px,4vh,40px);display:grid}@media (max-width:1000px){.pgCase .steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.pgCase .steps{grid-template-columns:1fr}}.pgCase .step .ph .snum{font-family:var(--mono);color:var(--lime);font-size:clamp(28px,2.6vw,40px);font-weight:700}.pgCase .step h3{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-top:12px;font-size:11.5px;font-weight:700}.pgCase .step p{color:var(--gray-m);margin-top:5px;font-size:13px;line-height:1.5}.pgCase .arrow{font-family:var(--mono);color:var(--gray-m)}.pgCase .stills{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(16px,2vw,28px);display:grid}@media (max-width:700px){.pgCase .stills{grid-template-columns:1fr}}.pgCase .still figcaption{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-m);margin-top:10px;font-size:10px;font-weight:700}.pgCase .pn{border-top:1px solid var(--black);grid-template-columns:1fr auto 1fr;display:grid}.pgCase .pn a{color:var(--black);text-transform:uppercase;align-items:center;gap:12px;padding:clamp(24px,4vh,40px) clamp(20px,3.5vw,56px);font-size:clamp(14px,1.5vw,20px);font-weight:800;text-decoration:none;transition:background .2s;display:flex}.pgCase .pn a:hover{background:var(--lime)}.pgCase .pn a.next{text-align:right;justify-content:flex-end}.pgCase .pn a.all{font-family:var(--mono);letter-spacing:.14em;border-left:1px solid var(--black);border-right:1px solid var(--black);font-size:11px;font-weight:700}.pgCase .pn .dir{font-family:var(--mono);color:var(--gray-m);font-size:12px}@media (max-width:700px){.pgCase .pn{grid-template-columns:1fr}.pgCase .pn a.all{border-left:none;border-right:none;border-top:1px solid var(--black);border-bottom:1px solid var(--black);justify-content:center}}.pgCase .btn-w{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--white);color:var(--black);border:1px solid var(--white);padding:15px 22px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s}.pgCase .btn-w:hover{background:var(--lime);border-color:var(--lime)}.pgCase footer{background:var(--black);color:var(--white);border-top:1px solid var(--gray-d);padding:26px 0}.pgCase .frow{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 clamp(20px,3.5vw,56px);display:flex}.pgCase .frow .social{font-family:var(--mono);letter-spacing:.08em;color:var(--white);font-size:11px;text-decoration:none}.pgCase .frow .social:hover{color:var(--lime)}.pgCase .frow nav{gap:18px;display:flex}.pgCase .frow nav a{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-m);font-size:10px;font-weight:700;text-decoration:none}.pgCase .frow nav a:hover{color:var(--lime)}.pgCase .frow .cp{font-family:var(--mono);color:var(--gray-m);letter-spacing:.08em;font-size:10px}.pgCase .lower{text-transform:none!important;letter-spacing:.02em!important}.pgCase .contact{background:var(--black);color:var(--white);padding:clamp(72px,12vh,150px) 0}.pgCase .contact h2{letter-spacing:-.012em;text-transform:uppercase;max-width:12ch;font-size:clamp(44px,7.5vw,120px);font-weight:800;line-height:.96}.pgCase .contact h2 em{color:var(--lime);font-style:normal}.pgCase .contact h2 .dim{color:var(--gray-m)}.pgCase .contact .row{flex-wrap:wrap;gap:14px;margin-top:clamp(28px,5vh,48px);display:flex}.pgCase .btn-o{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--white);border:1px solid var(--white);background:0 0;padding:15px 22px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s}.pgCase .btn-o:hover{background:var(--white);color:var(--black)}.pgCase .contact-grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(28px,5vw,80px);display:grid}.pgCase .bigbadge{justify-self:end;width:min(32vw,400px);height:auto}.pgCase .badgespin{aspect-ratio:1;height:auto;display:block;position:relative}.pgCase .badgespin img{width:100%;height:100%;display:block;position:absolute;inset:0}.pgCase .badgespin .core{-webkit-mask:radial-gradient(circle closest-side,#000 0 64%,#0000 65%);mask:radial-gradient(circle closest-side,#000 0 64%,#0000 65%)}.pgCase .badgespin .ring{will-change:transform;animation:45s linear infinite badgespin;-webkit-mask:radial-gradient(circle closest-side,#0000 0 63%,#000 64%);mask:radial-gradient(circle closest-side,#0000 0 63%,#000 64%)}@keyframes badgespin{to{transform:rotate(360deg)}}@media (max-width:800px){.pgCase .contact-grid{grid-template-columns:1fr}.pgCase .bigbadge{justify-self:start;width:min(60vw,260px);margin-top:8px}}@keyframes wflash{0%{color:var(--lime)}}.pgCase .cw.on{animation:.6s wflash}.pgCase .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.pgCase .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pgCase .reveal{opacity:1;transform:none}}