.case-page{background:#f2f2f0;color:#0f0f0f}.case-page .site-header{grid-template-columns:30px repeat(3,minmax(0,1fr))}.case-page .brand,.case-page .nav a{background:rgba(15,15,15,.94);color:#d8ff00;border:1px solid rgba(216,255,0,.18);border-radius:4px}.case-page .nav a:hover,.case-page .nav a[aria-current=true]{background:#d8ff00;color:#0f0f0f;border-color:#d8ff00}.case-page .nav a[aria-current=true]{background:rgba(216,255,0,.72)}.case-page .nav a[aria-current=true]:hover{background:#d8ff00}
.case-hero{position:relative;min-height:100svh;height:100svh;box-sizing:border-box;overflow:hidden;padding:0 5vw 32px;background:#111;color:#fff;display:flex;align-items:flex-end;isolation:isolate}.case-video-wrap{position:absolute;inset:0;z-index:0;background:#111}.case-video{width:100%;height:100%;display:block;object-fit:cover}.case-video-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.08) 38%,rgba(0,0,0,.56));pointer-events:none;z-index:1}.case-hero-content{position:relative;z-index:2;width:min(100%,650px);margin-left:auto;margin-right:4vw;margin-bottom:5.5vh;display:flex;flex-direction:column;align-items:flex-start;transition:opacity .22s ease,transform .22s ease}.case-title{margin:0 0 22px;color:#fff;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",Arial,sans-serif;font-size:clamp(74px,8.7vw,158px);font-weight:900;line-height:.76;letter-spacing:-.035em;text-transform:uppercase}.case-title span{display:block}.case-description{margin:0;color:#fff;max-width:620px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(15px,1.15vw,19px);font-weight:600;line-height:1.04;letter-spacing:-.02em}.case-meta{position:absolute;z-index:2;left:5vw;bottom:32px;display:flex;flex-direction:column;gap:5px;font:700 11px/1.05 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#fff}.case-meta div:nth-child(2){display:none}.case-meta div:last-child{text-align:left}.case-play{position:absolute;right:5vw;bottom:7vh;width:96px;height:96px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(0,0,0,.08);color:#fff;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;backdrop-filter:blur(2px)}.case-play:hover{background:#d8ff00;color:#0f0f0f;border-color:#d8ff00}.play-icon{font-size:17px;line-height:1;margin-left:3px}.play-label{font-size:9px;font-weight:800;letter-spacing:.06em}.case-play.is-hidden{opacity:0;pointer-events:none}.case-play-mobile{display:none}.case-tabs{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.case-tab{border:0;border-bottom:1px solid transparent;background:transparent;color:#fff;padding:0 0 4px;font:inherit;cursor:pointer;opacity:.62}.case-tab:hover,.case-tab.is-active{opacity:1;border-bottom-color:#d8ff00}.case-hero.is-playing .case-hero-content{opacity:0;transform:translateY(12px);pointer-events:none}.case-after,.case-gallery{display:none}.case-nav{border-top:1px solid #0f0f0f;padding:22px 5vw 90px;display:flex;justify-content:space-between;background:#f2f2f0;font-size:11px;color:#0f0f0f}.case-nav a{font-size:clamp(42px,7vw,105px);letter-spacing:-.07em;color:#0f0f0f}.case-nav a:hover{font-style:italic}.case-page footer{min-height:0;padding:10px 16px 12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.case-page footer .right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;text-align:right}
@media(max-width:800px){.case-page .site-header{grid-template-columns:28px repeat(3,minmax(0,1fr))}.case-page .nav a{font-size:9px}.case-hero{padding:0 18px 24px}.case-hero-content{width:100%;margin:0 0 8vh}.case-title{font-size:clamp(62px,17vw,104px);line-height:.79;letter-spacing:-.025em;margin-bottom:18px}.case-description{max-width:100%;font-size:14px;line-height:1.05}.case-meta{left:18px;bottom:24px;font-size:9px}.case-play-desktop{display:none}.case-play-mobile{display:flex;position:static;width:62px;height:62px;margin-top:20px;flex:0 0 auto}.case-play-mobile .play-icon{font-size:14px}.case-play-mobile .play-label{font-size:8px}.case-tabs{gap:16px;margin-top:15px}.case-nav{padding:18px 18px 70px}.case-nav a{font-size:clamp(34px,9vw,60px)}.case-page footer{padding:10px 12px 10px;gap:10px}.case-page footer .right{align-items:center;text-align:right;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.case-video-wrap{z-index:0}.case-video{object-fit:cover}.case-hero.is-playing .case-hero-content{opacity:0}.case-video:fullscreen{object-fit:contain;background:#000}.case-video::-webkit-media-controls-enclosure{max-width:100%}}