.case-nav{height:82px;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase}.case-hero{padding:7vh 30px 10vh}.case-hero>p,.case-hero>span{font-size:11px;text-transform:uppercase}.case-hero>span{float:right}.case-hero h1{clear:both;margin:13vh 0 5vh;font:300 clamp(72px,15vw,230px)/.8 Ogg;letter-spacing:-.08em}.case-hero img{width:100%;height:min(70vh,760px);object-fit:cover}.case-intro{display:grid;grid-template-columns:20% 1.5fr .7fr;grid-gap:30px;gap:30px;padding:100px 30px}.case-intro h2{margin:0;font:300 clamp(36px,5.4vw,80px)/.95 Ogg;letter-spacing:-.055em}.case-intro>p:last-child{font-size:14px;line-height:1.45;margin:7px 0}.case-video{display:block;width:calc(100% - 60px);max-height:80vh;margin:0 30px;object-fit:cover;background:#111}.case-gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;padding:18px 30px 90px}.case-gallery img{width:100%;height:52vw;max-height:650px;object-fit:cover}.case-gallery .wide{grid-column:span 2;height:68vw;max-height:860px}.next-case{display:flex;min-height:52vh;padding:28px 30px;justify-content:space-between;align-items:flex-end}.next-case span{font-size:10px;text-transform:uppercase}.next-case strong{font:300 clamp(43px,8vw,136px)/.8 Ogg;letter-spacing:-.07em}@media(max-width:700px){.case-nav{height:65px;padding:18px}.case-hero{padding:70px 18px 55px}.case-hero h1{margin:70px 0 35px;font-size:19vw}.case-hero img{height:50vh}.case-intro{display:block;padding:70px 18px}.case-intro h2{font-size:12vw;margin:30px 0}.case-intro>p:last-child{font-size:13px;max-width:310px}.case-video{width:calc(100% - 36px);margin:0 18px}.case-gallery{display:block;padding:18px 18px 50px}.case-gallery .wide,.case-gallery img{height:auto;max-height:none;margin-bottom:18px}.next-case{min-height:35vh;padding:18px;display:block}.next-case strong{display:block;margin-top:120px;font-size:14vw}}.case-brand{width:122px}.case-brand img{width:100%;height:auto}.case-story{display:grid;grid-template-columns:20% 1fr;grid-gap:30px;gap:30px;padding:20px 30px 120px}.case-story>div{max-width:820px}.case-story>div>p{font:300 clamp(29px,4vw,57px)/1.02 Ogg;letter-spacing:-.04em;margin:0}.case-story ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:38px 0 0;list-style:none}.case-story li{border:1px solid rgba(17,20,17,.35);border-radius:99px;padding:8px 11px;font-size:10px;text-transform:uppercase}.logo-compare{padding:15px 30px 100px}.compare-frame{position:relative;height:min(65vw,740px);margin-top:30px;overflow:hidden;background:#101310}.compare-frame>img,.compare-overlay img{width:100%;height:100%;object-fit:cover}.compare-overlay{position:absolute;z-index:1;top:0;left:0;height:100%;overflow:hidden;border-right:1px solid #e7e4dc}.compare-overlay img{width:100vw;max-width:none}.compare-frame input{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-frame span{position:absolute;z-index:2;top:50%;width:42px;height:42px;border:1px solid #e7e4dc;border-radius:50%;background:#294136;color:#e7e4dc;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none}.case-cta{padding:110px 30px;position:relative}.case-cta h2{max-width:950px;margin:45px 0;font:300 clamp(50px,8vw,125px)/.84 Ogg;letter-spacing:-.07em}.case-cta h2 em{font-style:italic}.case-cta a{display:inline-block;margin-right:10px;border:1px solid rgba(231,228,220,.48);border-radius:99px;padding:13px 16px;font-size:11px}.case-cta a:hover{background:#e7e4dc}.case-footer{background:#101310;color:#e7e4dc;padding:24px 30px;display:flex;align-items:center;gap:22px;font-size:10px;text-transform:uppercase}.case-footer img{width:90px;filter:brightness(0) invert(1)}.case-footer a{margin-left:auto}@media(max-width:700px){.case-brand{width:95px}.case-story{display:block;padding:18px 18px 70px}.case-story>div{margin-top:30px}.case-story>div>p{font-size:10vw}.logo-compare{padding:18px 18px 65px}.compare-frame{height:92vw}.compare-overlay img{width:130vw}.case-cta{padding:70px 18px}.case-cta h2{font-size:15vw}.case-footer{padding:18px;flex-wrap:wrap;gap:12px;font-size:8px}.case-footer img{width:75px}.case-footer a{margin-left:0}}.case-cta a{position:relative;overflow:hidden;background:linear-gradient(90deg,#f0eee7 0 50%,transparent 50% 100%);background-position:100% 0;background-size:200% 100%;transition:background-position .46s cubic-bezier(.77,0,.18,1),color .3s,border-color .3s}.case-cta a:hover{background-position:0 0;color:#111411;border-color:#f0eee7}.case-cta a:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#8295c7;transform:scaleY(0);transition:transform .42s}.case-cta a:hover:after{transform:scaleY(1)}.case-nav{position:-webkit-sticky;position:sticky;z-index:25;top:0;background:rgba(231,228,220,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,20,17,.16)}.case-nav>div{display:flex;gap:16px}.case-nav>div a{opacity:.72;transition:opacity .25s,color .25s}.case-nav>div a:hover{opacity:1;color:#294136}.linkedin-link{display:grid!important;place-items:center;width:25px;height:25px;border:1px solid;border-radius:50%;font:700 10px Arial!important;text-transform:none!important;transition:transform .25s,background .25s,color .25s}.linkedin-link:hover{background:#294136;color:#e7e4dc;transform:translateY(-3px) rotate(-8deg)}.website-showcase{min-height:175vh;padding:28px 30px 80px;background:#d9d7cf}.website-showcase>.section-number{position:relative;z-index:1}.laptop{position:-webkit-sticky;position:sticky;top:12vh;width:min(1040px,88vw);margin:17vh auto 0;padding:17px 17px 0;border:8px solid #20231f;border-bottom:0;border-radius:22px 22px 0 0;background:#111;box-shadow:0 45px 95px rgba(17,20,17,.28)}.laptop-camera{position:absolute;z-index:2;top:5px;left:50%;width:6px;height:6px;border-radius:50%;background:#51564e;transform:translateX(-50%)}.laptop-screen{position:relative;height:min(57vw,610px);overflow:hidden;background:#0e100e}.laptop-screen img{display:block;width:100%;height:auto;will-change:transform}.laptop-base{height:21px;margin:0 -35px;border-radius:0 0 50% 50%;background:linear-gradient(#969990,#5e625b 30%,#2b2e2a)}.club-film{position:relative;height:100svh;overflow:hidden;background:#090b09}.club-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0;transform:scale(1.12)}.club-film:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%);pointer-events:none}.club-film a{position:absolute;z-index:2;bottom:35px;right:30px;border:1px solid rgba(231,228,220,.6);border-radius:99px;padding:14px 18px;color:#f0eee7;font-size:11px;text-transform:uppercase;transition:background .25s,color .25s}.club-film a:hover{background:#f0eee7;color:#101310}.packaging-showcase{position:relative;background:#c64632}.packaging-sticky{position:-webkit-sticky;position:sticky;top:0;height:100svh;padding:30px;color:#fff4df}.billboard{position:absolute;top:50%;left:50%;width:min(900px,82vw);aspect-ratio:16/9;overflow:hidden;background:#101310;box-shadow:0 28px 65px rgba(35,9,4,.42);transform:translate(-50%,-43%)}.billboard:before{content:"";position:absolute;z-index:1;inset:0;border:13px solid #262824;box-shadow:inset 0 0 0 2px #4c514a;pointer-events:none}.billboard img{width:100%;height:100%;object-fit:cover;animation:billboard-in .7s cubic-bezier(.22,1,.36,1)}.billboard span{position:absolute;z-index:2;right:20px;bottom:18px;padding:5px 7px;background:#101310;color:#fff4df;font-size:10px}.packaging-beat{height:65vh}.packaging-beat span{display:none}@keyframes billboard-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.case-nav{height:auto;min-height:65px;gap:10px}.case-nav>div,.case-nav>span{display:none}.website-showcase{min-height:115vh;padding:18px}.laptop{top:21vh;width:89vw;margin-top:20vh;padding:9px 9px 0;border-width:5px;border-radius:12px 12px 0 0}.laptop-screen{height:57vw}.laptop-base{height:13px;margin:0 -18px}.club-film{height:58svh}.club-film iframe{transform:scale(1.62)}.club-film a{right:18px;bottom:20px;font-size:9px}.packaging-sticky{padding:18px}.billboard{width:88vw;transform:translate(-50%,-42%)}.packaging-beat{height:52vh}}