.shell--case[data-astro-cid-uovcksa3]{--free:calc(100vw - 2 * var(--pad-side) - var(--sidebar-w) - var(--home-gap) - var(--info-width));--home-left:max(0px, min(calc(var(--free) / 2), calc(var(--free) - var(--overhang) + var(--pad-side))));--case-top:max(40px, calc((100svh - var(--stage-h)) / 2));padding:var(--case-top) var(--pad-side) 160px calc(var(--pad-side) + var(--home-left));justify-content:flex-start;gap:160px}.case-nav[data-astro-cid-uovcksa3]{top:var(--case-top);width:101px;font-size:var(--size-nav);letter-spacing:var(--track-nav);flex-direction:column;flex:none;display:flex;position:sticky}.case-nav__back[data-astro-cid-uovcksa3]{color:var(--ink);transition:color .18s var(--ease);margin-bottom:115px}.case-nav__back[data-astro-cid-uovcksa3]:hover{color:var(--ink-strong)}.case-nav__sections[data-astro-cid-uovcksa3]{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.case-nav__sections[data-astro-cid-uovcksa3] a[data-astro-cid-uovcksa3]{white-space:nowrap;color:var(--ink-muted);transition:color .18s var(--ease);padding-bottom:3px}.case-nav__sections[data-astro-cid-uovcksa3] a[data-astro-cid-uovcksa3]:hover{color:var(--ink-strong)}.case-nav__subs[data-astro-cid-uovcksa3]{flex-direction:column;align-items:flex-start;gap:10px;margin:-4px 0 0;padding-left:14px;display:flex}.case-nav__subs[data-astro-cid-uovcksa3] a[data-astro-cid-uovcksa3]{font-size:calc(var(--size-nav) - 1px);color:#b0b0b0}.case-nav__subs[data-astro-cid-uovcksa3] a[data-astro-cid-uovcksa3]:hover{color:var(--ink-strong)}.case-nav__sections[data-astro-cid-uovcksa3] a[data-astro-cid-uovcksa3][aria-current=location]{color:var(--pink);background-image:linear-gradient(to right, var(--pink) 1px, transparent 1px);background-position:left bottom 2px;background-repeat:repeat-x;background-size:3px 1px}.case[data-astro-cid-uovcksa3]{flex:0 740px;min-width:0;max-width:100%}.case__title[data-astro-cid-uovcksa3]{font-family:var(--font-body);letter-spacing:-.4px;color:#6e6e76;margin:0;font-size:26px;font-weight:400;line-height:1.15}.case__blurb[data-astro-cid-uovcksa3]{font-size:calc(var(--size-meta) + 2px);letter-spacing:var(--track-meta);color:var(--ink-muted);margin:4px 0 0}.case__body[data-astro-cid-uovcksa3]{margin-top:56px}.case__body[data-astro-cid-uovcksa3] h2{letter-spacing:-.2px;color:var(--ink-strong);scroll-margin-top:var(--pad-top);margin:0 0 24px;font-size:20px;font-weight:400;line-height:1.25}.case__body[data-astro-cid-uovcksa3] h3{font-size:var(--size-body);letter-spacing:0;color:var(--ink-strong);scroll-margin-top:var(--pad-top);margin:40px 0 12px;font-weight:500;line-height:1.4}.case__body[data-astro-cid-uovcksa3] p{margin:0 0 16px}.case__body[data-astro-cid-uovcksa3] li{margin:0 0 8px}.case__body[data-astro-cid-uovcksa3] p,.case__body[data-astro-cid-uovcksa3] li{font-size:var(--size-nav);letter-spacing:var(--track-nav);color:var(--ink);line-height:1.75}.case__body[data-astro-cid-uovcksa3] h2+p{font-size:var(--size-body);color:var(--ink-strong);font-weight:400;line-height:1.7}.case__body[data-astro-cid-uovcksa3] strong{color:var(--ink-strong);font-weight:500}.case__body[data-astro-cid-uovcksa3] h4{font-size:var(--size-nav);letter-spacing:var(--track-nav);color:var(--ink-strong);margin:28px 0 6px;font-weight:500;line-height:1.5}.case__body[data-astro-cid-uovcksa3] blockquote{margin:0;padding:0 72px}@media (width<=600px){.case__body[data-astro-cid-uovcksa3] blockquote{padding:0 16px}}.case__body[data-astro-cid-uovcksa3] blockquote p{font-size:var(--size-body);text-align:center;color:var(--ink-strong);margin:0;font-style:italic;font-weight:350;line-height:1.6}.case__body[data-astro-cid-uovcksa3] p.gap-before{font-size:var(--size-body);color:var(--ink-strong);margin-top:40px;line-height:1.7}.case__body[data-astro-cid-uovcksa3] p.gap-before strong{font-weight:400}.case__body[data-astro-cid-uovcksa3] p.jump{text-align:right;margin:24px 0 0}.case__body[data-astro-cid-uovcksa3] p.jump a{color:var(--ink-strong);background-image:linear-gradient(to right, var(--pink) 1px, transparent 1px);background-position:0 100%;background-repeat:repeat-x;background-size:3px 1px;padding-bottom:2px}.case__body[data-astro-cid-uovcksa3] ul{margin:0 0 16px;padding-left:1.2em}.case__body[data-astro-cid-uovcksa3] hr{border:0;border-top:1px solid var(--rule);margin:72px 0}.case__body[data-astro-cid-uovcksa3] img{width:100%;height:auto;margin:32px 0}.case__body[data-astro-cid-uovcksa3] .capture{grid-template-columns:428fr 251fr;align-items:center;gap:8px 20px;margin:32px 0;display:grid}.case__body[data-astro-cid-uovcksa3] .capture video{width:100%;height:auto;margin:0;display:block}.case__body[data-astro-cid-uovcksa3]>img:first-child{margin:0 0 56px}.case__body[data-astro-cid-uovcksa3] img.narrow{width:172px;margin-inline:auto;display:block}.case__body[data-astro-cid-uovcksa3] .capture__text{font-size:var(--size-nav);letter-spacing:var(--track-nav);color:var(--ink);flex-direction:column;gap:8px;line-height:1.6;display:flex}.case__body[data-astro-cid-uovcksa3] .capture__text strong{color:var(--ink-strong);font-weight:400}.case__footer[data-astro-cid-uovcksa3]{border-top:1px solid var(--rule);font-size:var(--size-nav);letter-spacing:var(--track-nav);color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:32px;margin-top:80px;padding-top:64px;display:flex}@media (width<=1000px){.shell--case[data-astro-cid-uovcksa3]{padding:var(--pad-top) 24px 96px;gap:40px}.case-nav[data-astro-cid-uovcksa3]{width:100%;position:static}.case-nav__back[data-astro-cid-uovcksa3]{margin-bottom:24px}.case-nav__sections[data-astro-cid-uovcksa3]{flex-flow:wrap;gap:16px}.case[data-astro-cid-uovcksa3]{width:100%}.case__body[data-astro-cid-uovcksa3]{margin-top:32px}.case__body[data-astro-cid-uovcksa3] hr{margin:48px 0}.case__body[data-astro-cid-uovcksa3] .capture{grid-template-columns:1fr}}.viz{font-size:var(--size-meta);letter-spacing:var(--track-meta);color:var(--ink-muted);margin:32px 0}.viz small{color:#b0b0b0;margin-top:2px;font-size:10px;display:block}.viz-scatter{background:#f9f9fa;grid-template-columns:repeat(5,1fr);grid-auto-rows:132px;padding:22px 16px 28px;display:grid}.viz-scatter .t{width:118px;height:128px;scale:.78;translate:0 var(--ty,0px);rotate:var(--tr,0deg);transform-origin:50% 0;background:#fff;flex-direction:column;justify-self:center;padding:7px 7px 6px;display:flex;box-shadow:0 0 0 1px #5a5a690f,0 8px 16px -14px #5a5a694d}.viz-scatter .t:first-child{--ty:4px;--tr:-4deg}.viz-scatter .t:nth-child(2){--ty:30px;--tr:3deg}.viz-scatter .t:nth-child(3){--ty:0px;--tr:2.5deg}.viz-scatter .t:nth-child(4){--ty:26px;--tr:-3deg}.viz-scatter .t:nth-child(5){--ty:8px;--tr:3.5deg}.viz-scatter .art{background:#f4f4f6;flex:1;min-height:0;display:block;position:relative;overflow:hidden}.viz-scatter .art em{font-style:normal;display:block;position:absolute}.viz-scatter .t b{color:#85858f;margin-top:5px;font-size:13px;font-weight:400;line-height:1.2}.viz-scatter .t small{color:#b6b6be;margin-top:0;font-size:11px}.viz-scatter .art>img{cursor:default;width:100%;height:100%;margin:0;position:absolute;inset:0}.t-image .art>img{object-fit:cover;object-position:58% 50%}.t-video .art>img{width:58%;height:auto;inset:50% auto auto 50%;translate:-50% -50%}.t-article .art{place-items:center;display:grid}.t-article .aa{letter-spacing:-1px;color:#8e8e99;font-size:34px;font-weight:400;line-height:1;position:static}.t-music .art{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.t-music .art>img{object-fit:contain;width:auto;height:50px;animation:7s linear infinite viz-spin;position:static;inset:auto}.t-music.is-paused .art>img{animation-play-state:paused}@keyframes viz-spin{to{rotate:360deg}}.t-music .ctl{align-items:center;gap:11px;display:flex}.t-music .ctl svg{fill:#8e8e99;width:9px;height:8px;display:block}.t-music .pp{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.t-music .pp:after{content:"";position:absolute;inset:-6px}.t-music .pp svg{width:8px;height:8px}.t-music .pp:hover svg{fill:#d96088e6}.t-music .pp .i-play{display:none}.t-music.is-paused .pp .i-play{display:block}.t-music.is-paused .pp .i-pause{display:none}@media (prefers-reduced-motion:reduce){.t-music .art>img{animation:none}}.t-code .art{place-items:center;display:grid}.t-code svg{fill:#8e8e99;width:66%;height:auto}.t-code svg rect:nth-child(n+8):nth-child(-n+14){fill:#d96088c7}@media (width<=600px){.viz-scatter{grid-template-columns:repeat(2,1fr)}}.viz-context{grid-template-columns:1fr 1fr;gap:20px;display:grid}.viz-context figure{margin:0}.viz-context figcaption{margin-top:10px}.viz-card{background:#f6f6f6;flex-direction:column;gap:6px;min-height:190px;padding:12px;display:flex}.viz-card i{aspect-ratio:2;background:#dcdcdc;flex:none;display:block;position:relative;overflow:hidden}.viz .viz-card i img{object-fit:cover;object-position:50% 78%;cursor:default;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.viz-card b{color:#b0b0b0;font-weight:400}.viz-card em{color:var(--ink-muted);font-style:normal}.viz-card--ctx em{color:var(--pink)}.viz-bunny{width:min(100%,240px);margin-inline:auto;position:relative}.viz .viz-bunny img{cursor:default;width:100%;height:auto;margin:0;display:block}.viz-bubble{letter-spacing:var(--track-meta);color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #d9d9de;border-radius:16px;margin:0;padding:9px 14px;font-size:13px;line-height:1.3;position:absolute;top:6%;left:52%}.viz-bubble:before{content:"";background:#fff;border-bottom:1px solid #d9d9de;border-left:1px solid #d9d9de;width:10px;height:10px;position:absolute;bottom:10px;left:-6px;rotate:45deg}@media (width<=600px){.viz-context{grid-template-columns:1fr}}.case__body .trio{grid-template-columns:repeat(3,1fr);gap:28px;margin:20px 0 56px;display:grid}.case__body .trio>div>:first-child{margin-top:0}.case__body .trio>div>:last-child{margin-bottom:0}@media (width<=600px){.case__body .trio{grid-template-columns:1fr;gap:8px}}.case__body .logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin:32px 0;display:flex}.case__body div.logos>img{cursor:default;width:88px;height:auto;margin:0}.case__body .sol-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;margin-top:40px;display:grid}.case__body .sol-col{min-width:0}.case__body .sol-col>h3{margin-top:0}@media (width<=600px){.case__body .sol-grid{grid-template-columns:1fr;gap:8px}.case__body .sol-col>h3{margin-top:24px}}.sol-card{border:1px solid var(--rule);width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background-color .18s var(--ease), border-color .18s var(--ease);background:#f6f6f7;border-radius:12px;margin:0 0 8px;padding:12px;display:block}.sol-card:hover{background:#f1f1f3;border-color:#dcdcdf}.sol-card:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.case__body .sol-card img{cursor:pointer;border-radius:8px;margin:0}.case__body .sol-grid .sol-card img{aspect-ratio:4/5;object-fit:cover;object-position:50% 0;width:100%;height:auto}.sol-card__title{font-size:var(--size-nav);letter-spacing:var(--track-nav);color:var(--ink-strong);padding:14px 4px 0;font-weight:500;display:block}.sol-card__cta{font-size:var(--size-nav);letter-spacing:var(--track-nav);color:var(--ink-muted);justify-content:space-between;align-items:center;padding:4px 4px 2px;display:flex}.sol-card__cta:after{content:"→";color:var(--ink-muted);transition:translate .18s var(--ease)}.sol-card:hover .sol-card__cta:after{translate:3px}.sol-dialog{border:1px solid var(--rule);width:min(960px,100vw - 32px);max-height:calc(100dvh - 64px);color:var(--ink);background:#fff;border-radius:16px;margin:auto;padding:0;overflow:hidden}.sol-dialog[open]{animation:sol-in .22s var(--ease);flex-direction:column;display:flex}.sol-dialog::backdrop{background:#fffc}@keyframes sol-in{0%{opacity:0;translate:0 6px}}body:has(.sol-dialog[open]){overflow:hidden}.sol-dialog__bar{border-bottom:1px solid var(--rule);font-size:var(--size-body);color:var(--ink-strong);flex:none;justify-content:space-between;align-items:center;padding:14px 16px 14px 28px;font-weight:500;display:flex}.sol-dialog__close{width:32px;height:32px;font:inherit;color:var(--ink-muted);cursor:pointer;transition:color .18s var(--ease);background:0 0;border:0;padding:0;font-size:22px;line-height:1}.sol-dialog__close:hover{color:var(--ink-strong)}.sol-dialog__close:focus-visible{outline:2px solid var(--pink);border-radius:6px}.sol-dialog__body{overscroll-behavior:contain;flex:1;min-height:0;padding:44px 28px 40px;overflow-y:auto}.case__body .sol-dialog__body>:first-child{margin-top:0}.shot-row{grid-template-columns:330px 1fr;align-items:center;gap:36px;margin:32px 0;display:grid}.shot-row--wide{grid-template-columns:450px 1fr}.shot-row__text>:first-child{margin-top:0}.shot-row__text>:last-child{margin-bottom:0}.shot-pair{justify-content:center;gap:24px;margin:32px 0;display:flex}.case__body .sol-dialog .shot-row>img,.case__body .sol-dialog .shot-row>video,.case__body .sol-dialog .shot-pair>img{width:100%;height:auto;margin:0;display:block}.case__body .sol-dialog .shot-pair>img{width:330px}.case__body .sol-dialog .shot-row>video{width:83.5%;margin-left:8.2%;-webkit-mask:url(/projects/rewired/phone-mask.png) 50%/100% 100% no-repeat;mask:url(/projects/rewired/phone-mask.png) 50%/100% 100% no-repeat}@media (width<=600px){.shot-row,.shot-row--wide{grid-template-columns:1fr;gap:16px}.case__body .sol-dialog .shot-row>img,.case__body .sol-dialog .shot-row>video{max-width:330px}.case__body .sol-dialog .shot-pair>img{width:45%}.sol-dialog__body{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.sol-dialog[open]{animation:none}.sol-card__cta:after{transition:none}}.case__body img:not(.narrow),.case__body video,.case__body img.narrow{cursor:zoom-in}.lightbox{z-index:100;cursor:zoom-out;opacity:0;transition:opacity .26s var(--ease);background:#fffffff5;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lightbox.is-open{opacity:1}.lightbox>img,.lightbox>video{width:auto;max-width:min(1100px,100vw - 80px);height:auto;max-height:calc(100dvh - 80px);display:block}.case__body .lightbox>img,.case__body .lightbox>video{width:auto;height:auto;margin:0}.lightbox>video.is-phone{-webkit-mask:url(/projects/rewired/phone-mask.png) 50%/100% 100% no-repeat;mask:url(/projects/rewired/phone-mask.png) 50%/100% 100% no-repeat}@media (prefers-reduced-motion:reduce){.lightbox{transition:none}}
