.case-grid .case-card .case-illustration{height:auto;min-height:calc(285 * var(--work-unit,1px));margin:auto 0 calc(15 * var(--work-unit,1px));padding-top:calc(6 * var(--work-unit,1px));flex-direction:column;justify-content:center;display:flex}.case-art{width:100%;height:auto;max-height:calc(286 * var(--work-unit,1px));display:block;overflow:visible}.art-text{letter-spacing:-.025em;text-rendering:geometricprecision;font-family:inherit}.art-heading{font-size:25px;font-weight:650}.art-title{font-size:16px;font-weight:650}.art-small{font-size:14px;font-weight:600}.art-micro{font-size:12px;font-weight:500}.art-eyebrow{letter-spacing:.12em;font-size:10px;font-weight:700}.art-layer-main,.art-layer-front,.art-layer-back{transform-box:fill-box;transform-origin:50%}@media (hover:hover) and (pointer:fine){.case-grid .case-card{isolation:isolate;box-shadow:none;transition-property:opacity,translate,transform;overflow:visible}.case-grid .case-card:hover{box-shadow:none;border-color:#cad6ed22}.case-card:before,.case-card:after{content:"";border-radius:inherit;pointer-events:none;will-change:opacity;transition:opacity .4s;position:absolute;inset:-1px}.case-card:before{box-shadow:inset 0 1px 0 #ffffff09,0 calc(16 * var(--work-unit,1px)) calc(42 * var(--work-unit,1px)) #0000000d;opacity:1}.case-card:after{box-shadow:0 calc(22 * var(--work-unit,1px)) calc(45 * var(--work-unit,1px)) #060a1038,inset 0 1px 0 #ffffff12;opacity:0;border:1px solid #b6ccf34a}.case-card:hover:before{opacity:0}.case-card:hover:after{opacity:1}.case-illustration{isolation:isolate;position:relative}.case-illustration:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--case-light) 18%,transparent),transparent 70%);opacity:0;will-change:opacity;transition:opacity .55s;position:absolute;inset:5% 3%}.case-art{backface-visibility:hidden;will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative;transform:translate(0,0)}.case-card:is(:hover,:focus-visible) .case-art{transform:translateY(-6px)}.case-card:is(:hover,:focus-visible) .case-illustration:before{opacity:.75}}@media (max-width:1050px){.case-grid .case-card .case-illustration{min-height:240px}.case-art{min-height:190px;max-height:265px}}@media (max-width:600px){.case-grid .case-card .case-illustration{min-height:230px;margin-bottom:12px;padding-top:5px}.case-art{min-height:180px;max-height:245px}}
.video-sources{color:#aec9ed;border-top:1px solid #aac9f21c;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;padding:10px 14px;font-size:11px;display:flex}.video-sources>span{color:#8fa3bf;margin-right:auto}.video-sources button,.video-sources a{text-underline-offset:3px;text-decoration:underline}.youtube-viewer iframe,.youtube-viewer .video-cover{object-fit:contain;background:#0b1017;border:0;width:100%;height:clamp(250px,43svh,440px);display:block}@media (max-width:600px){.youtube-viewer iframe,.youtube-viewer .video-cover{height:clamp(230px,43svh,360px)}}.case-materials{gap:24px;margin:32px 0 40px;display:grid}.case-media{background:#11171f;border:1px solid #a8c9ff30;border-radius:18px;min-width:0;margin:0;overflow:hidden}.case-media figcaption{color:#d7e5fa;background:linear-gradient(110deg,#548ddb15,#1832490b);border-bottom:1px solid #aac9f21c;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;font-size:13px;line-height:1.5;display:flex}.case-media figcaption small{color:#96abc7;white-space:nowrap;font-size:11px}.media-zoom{color:#c9ddfc;background:#87b5ff0c;border:1px solid #a9c8ff35;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}.media-zoom svg{width:14px;height:14px}.screenshot-stage{touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#58759a #161f2c;contain:layout paint;background:#10151c;justify-content:center;align-items:center;width:100%;height:clamp(260px,46vh,470px);display:flex;position:relative;overflow:clip}.screenshot-stage img{object-fit:contain;visibility:hidden;opacity:0;flex-shrink:0;width:100%;height:100%;transition:opacity .16s;display:block;position:absolute;inset:0}.screenshot-stage img.is-active{visibility:visible;opacity:1}.screenshot-stage.is-zoomed{touch-action:auto;overscroll-behavior:auto;display:block;overflow:auto}.screenshot-stage.is-zoomed img{display:none}.screenshot-stage.is-zoomed img.is-active{width:var(--native-width);object-fit:initial;visibility:visible;opacity:1;min-width:100%;max-width:none;height:auto;display:block;position:static}.media-paging{border-top:1px solid #a9c9fa1c;grid-template-columns:38px 1fr 38px;align-items:center;gap:12px;padding:12px 16px;display:grid}.media-paging button{background:#8dbbff0c;border:1px solid #a4c6ff35;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.media-paging button:first-child svg{rotate:180deg}.media-paging svg{width:17px;height:17px}.media-paging button:disabled{opacity:.25;cursor:default}.media-paging p{text-align:center;color:#cbd8ed;gap:3px;margin:0;font-size:12px;line-height:1.5;display:grid}.media-paging p>span{color:#8da9d1;font-variant-numeric:tabular-nums;font-size:10px}.media-thumbnails{gap:8px;padding:0 16px 15px;display:flex;overflow-x:auto}.media-thumbnails button{opacity:.62;background:#263144;border:1px solid #a7c7f02a;border-radius:8px;flex:1 0 70px;max-width:126px;padding:4px;position:relative}.media-thumbnails button[aria-current=true]{opacity:1;background:#345681;border-color:#8abbff}.media-thumbnails img{object-fit:contain;width:100%;height:52px;display:block}.media-thumbnails img,.media-thumbnails span{pointer-events:none;-webkit-user-select:none;user-select:none}.media-thumbnails span{color:#d1e4ff;background:#111d30dc;border-radius:4px;padding:0 4px;font-size:9px;position:absolute;bottom:4px;left:5px}.video-viewer{touch-action:pan-y}.video-viewer video{object-fit:contain;background:#080d13;width:100%;height:auto;max-height:70svh;display:block}.video-viewer.is-portrait video{width:auto;max-width:100%;margin:auto}.project-story{gap:26px;display:grid}.project-story section{min-width:0}.project-story section p+p{margin-top:12px}.project-dialog h2{padding-right:18px}.project-dialog .work-button{margin-top:30px}@media (max-width:600px){.case-materials{gap:18px;margin-block:24px 30px}.case-media{border-radius:13px}.case-media figcaption{gap:8px;padding:12px;font-size:12px}.media-zoom{padding:5px 7px;font-size:10px}.screenshot-stage{height:230px;max-height:58svh}.portrait-screens .screenshot-stage{height:350px}.media-paging{gap:7px;padding:10px}.media-paging p{font-size:11px}.media-thumbnails{padding-inline:10px}.project-story{gap:23px}.project-story p{font-size:13px}}.project-dialog{scrollbar-width:thin;scrollbar-color:#58708c #1e2229;scrollbar-gutter:stable;width:min(1320px,100% - 48px);max-height:92svh}.project-dialog-inner{padding:32px}.project-dialog h2{max-width:1000px;padding-right:38px;font-size:clamp(25px,2.6vw,38px)}.project-close{background:#27313e;margin:-16px -12px 0 12px;top:12px}.project-detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr);align-items:start;gap:36px;margin-top:28px;display:grid}.case-materials{gap:12px;min-width:0;margin:0;position:sticky;top:18px}.project-story{gap:22px}.project-story h3{color:#d5e4f9;font-size:16px}.project-story p{font-size:13px;line-height:1.8}.project-description{min-width:0;padding-top:4px}.material-tabs{flex-wrap:wrap;gap:6px;display:flex}.material-tabs button{text-align:left;color:#95aac8;background:#18212b;border:1px solid #99b8e327;border-radius:10px;flex:140px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.material-tabs button[aria-pressed=true]{color:#e1edff;background:#294668;border-color:#80aff370}.material-tabs svg{flex-shrink:0;width:15px;height:15px}.screenshot-stage{height:clamp(240px,43svh,420px)}.case-media figcaption{padding:12px 14px;font-size:12px}.media-thumbnails{gap:5px;padding:0 10px 10px}.media-thumbnails button{flex-basis:36px;min-width:0}.media-thumbnails img{height:36px}.media-paging{padding:10px}.video-screen{background:#0b1017;place-items:center;display:grid;position:relative}.video-viewer video,.video-viewer.is-portrait video{object-fit:contain;width:100%;height:clamp(250px,43svh,440px);max-height:none}.video-start{color:#fff;text-shadow:0 1px 8px #000;background:#0b15252b;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.video-start>svg{background:#294e80e8;border:1px solid #c1dcff7a;border-radius:50%;width:60px;height:60px;padding:19px;box-shadow:0 8px 30px #0005}.video-controls{background:#16212e;align-items:center;gap:9px;padding:10px 12px;display:flex}.video-controls button{color:#d8e8ff;border-radius:7px;flex:0 0 30px;place-items:center;height:32px;display:grid}.video-controls button:hover{background:#91b8f021}.video-controls svg{width:18px;height:18px}.video-controls input{accent-color:#8ebaff;cursor:pointer;width:100%;min-width:25px}.video-time{white-space:nowrap;color:#b7cce7;font-variant-numeric:tabular-nums;font-size:10px}.video-original{text-align:right;color:#90a9cc;border-top:1px solid #aac9f21c;padding:9px 14px;font-size:10px;display:block}.video-status{color:#e5efff;pointer-events:none;background:#111c30df;border-radius:20px;padding:7px 12px;font-size:12px;position:absolute;bottom:14px}.video-viewer:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}.video-viewer:fullscreen .video-screen{flex:1;min-height:0}.video-viewer:fullscreen video{height:100%;max-height:calc(100svh - 120px)}@media (max-width:1000px){.project-detail-grid{grid-template-columns:minmax(0,1fr);gap:28px}.case-materials{position:static}.project-dialog{width:calc(100% - 28px)}.project-dialog-inner{padding:26px}}@media (max-width:600px){.project-dialog{border-radius:18px;width:calc(100% - 16px);max-height:94svh}.project-dialog-inner{padding:22px 14px}.project-dialog h2{padding-right:34px;font-size:25px}.project-close{width:32px;height:32px;margin:-10px -3px 0 6px}.project-detail-grid{margin-top:22px}.material-tabs button{flex-basis:110px;padding:8px;font-size:10px}.screenshot-stage,.portrait-screens .screenshot-stage,.video-viewer video,.video-viewer.is-portrait video{height:300px}.video-viewer:not(.is-portrait):not(:fullscreen) video{height:auto}.screenshot-viewer:not(.portrait-screens) .screenshot-stage{height:220px}.video-controls{gap:4px;padding:8px}.video-controls button{flex-basis:27px}.video-time{font-size:9px}}.case-materials{position:static}.project-dialog-controls{z-index:5;height:0;position:sticky;top:0}.project-dialog-controls .project-close{float:none;margin:0;position:absolute;top:12px;right:12px}.youtube-viewer .video-screen{aspect-ratio:16/9;min-height:200px}.youtube-viewer.is-portrait{justify-self:center;width:min(100%,270px)}.youtube-viewer.is-portrait .video-screen{aspect-ratio:9/16}.youtube-viewer iframe,.youtube-viewer .video-cover{width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.youtube-viewer.is-portrait{width:min(100%,230px)}}.project-story p{font-size:13.8px}.media-paging p>span,.media-thumbnails span,.case-media figcaption small{font-size:11px}@media (max-width:600px){.material-tabs button,.media-zoom{font-size:11px}}.local-player .video-screen{aspect-ratio:var(--video-ratio)}.local-player.video-viewer video,.local-player.video-viewer.is-portrait video{width:100%;height:100%;max-height:none;position:absolute;inset:0}.local-player.is-portrait{justify-self:center;width:min(100%,300px)}.player-controls{grid-template-columns:36px 1fr 36px 56px 36px;gap:6px;padding:10px;display:grid}.player-controls .video-seek{grid-column:1/-1;width:100%;height:28px;margin:0}.player-controls button{background:0 0;border:0;width:36px;height:36px;padding:0}.player-controls select{color:#d8e8ff;background:#243347;border:1px solid #92b4e333;border-radius:7px;width:56px;min-width:0;height:32px;font-size:11px}.player-controls .video-time{font-size:11px}.video-error{color:#e1ebfa;text-align:center;background:#101721ed;flex-wrap:wrap;place-content:center;gap:16px;padding:20px;font-size:13px;line-height:1.6;display:flex;position:absolute;inset:0}.video-error p{width:100%}.video-error button,.video-error a{color:#e8f1ff;background:#284567;border:0;border-radius:7px;padding:8px}.local-player:fullscreen{justify-self:stretch;width:100%}.local-player:fullscreen .video-screen{aspect-ratio:auto;flex:1;width:100%}@media (max-width:600px){.local-player.is-portrait{width:min(100%,280px)}}