.legacy-page-custom-applications .legacy-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem}.legacy-page-custom-applications .editorial-low-hero-copy h1{font-size:clamp(2.5rem,1.5rem + 3.25vw,4.5rem)}.application-preview{justify-self:end;width:100%;min-width:0;max-width:38rem}.application-preview-screen{background:var(--sheet);border:1px solid var(--rule-strong);box-shadow:var(--shadow-frame);border-radius:12px;overflow:hidden}.application-preview-chrome{border-bottom:1px solid var(--rule);background:var(--wash);color:var(--graphite);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.application-preview-window-dots{gap:5px;display:flex}.application-preview-window-dots i{border:1px solid var(--field);border-radius:50%;width:6px;height:6px}.application-preview-shell{display:flex}.application-preview-rail{border-right:1px solid var(--rule);color:var(--graphite);flex-direction:column;align-items:center;gap:22px;padding:22px 12px 18px;display:flex}.application-preview-rail>svg{width:18px;height:18px}.application-preview-mark{color:var(--ink);margin-bottom:12px}.application-preview-nav-active{background:var(--wash);color:var(--carmine);border-radius:7px;padding:9px}.application-preview-nav-active svg{width:18px;height:18px}.application-preview-avatar{border:1px solid var(--rule);border-radius:50%;margin-top:auto;padding:5px;font-size:12px}.application-preview-main{flex:1;min-width:0;padding:24px}.application-preview-brand{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.application-preview-tabs{border-bottom:1px solid var(--rule);color:var(--graphite);gap:22px;margin-top:14px;font-size:12px;display:flex}.application-preview-tabs>span{padding:0 0 11px}.application-preview-tabs>span:first-child{color:var(--ink);border-bottom:2px solid var(--carmine);font-weight:600}.application-preview-job{margin-top:24px}.application-preview-job-meta{color:var(--graphite);justify-content:space-between;align-items:center;font-size:12px;display:flex}.application-preview-job-meta>span:first-child{font-family:var(--font-mono), monospace}.application-preview-status{background:var(--wash);color:var(--ink);border-radius:4px;padding:4px 8px;font-size:12px;display:grid}.application-preview-status>span{grid-area:1/1;justify-content:center;align-items:center;gap:4px;display:flex}.application-preview-status-0,.application-preview-status-1{visibility:hidden}.application-preview-job-title{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;margin:13px 0;font-size:clamp(1.125rem,1.8vw,1.55rem);font-weight:650;line-height:1.25}.application-preview-details{color:var(--graphite);flex-wrap:wrap;gap:8px 16px;padding-bottom:20px;font-size:12px;display:flex}.application-preview-details>span{align-items:center;gap:5px;display:inline-flex}.application-preview-timeline{border-top:1px solid var(--rule);padding-top:7px}.application-preview-timeline>li{grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:11px;padding:14px 0;display:grid;position:relative}.application-preview-timeline>li:not(:last-child):after{content:"";border-left:1px solid var(--rule-strong);transform-origin:top;position:absolute;top:calc(50% + 17px);bottom:calc(17px - 50%);left:15px}.application-preview-step-icon{background:var(--wash);width:32px;height:32px;color:var(--ink);border:1px solid var(--rule);border-radius:7px;place-items:center;display:grid}.application-preview-timeline strong{font-size:14px;font-weight:600;line-height:1.4;display:block}.application-preview-timeline p{color:var(--graphite);margin-top:3px;font-size:12px;line-height:1.5}.application-preview-step-check{color:var(--graphite)}.application-preview-receipt{background:var(--ink);color:var(--paper);border-radius:7px;align-items:center;gap:10px;margin-top:12px;padding:13px;display:flex}.application-preview-receipt>span{border:1px solid color-mix(in srgb, var(--paper) 25%, transparent);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.application-preview-receipt>svg{flex-shrink:0;margin-left:auto}.application-preview-receipt strong{font-size:12px;font-weight:600;display:block}.application-preview-receipt p{opacity:.75;margin-top:2px;font-size:12px}.application-preview-caption{color:var(--graphite);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.application-preview-caption button{min-height:32px;color:var(--ink);text-underline-offset:3px;align-items:center;gap:5px;padding:4px 0;display:flex}.application-preview-caption button:hover{color:var(--carmine);text-decoration:underline}.application-preview-platforms{border-top:1px solid var(--rule);color:var(--graphite);gap:18px;padding-top:15px;font-size:12px;display:flex}.application-preview-platforms li{align-items:center;gap:6px;display:flex}@media (prefers-reduced-motion:no-preference){.application-preview[data-started] .application-preview-step-icon{animation:app-step .7s var(--ease-out) calc(var(--step) * 1.1s + .2s) both}.application-preview[data-started] .application-preview-step-check{animation:app-check .35s var(--ease-out) calc(var(--step) * 1.1s + .65s) both}.application-preview[data-started] .application-preview-timeline li:after{animation:app-line .65s var(--ease-out) calc(var(--step) * 1.1s + .85s) both}.application-preview[data-started] .application-preview-status-0{animation:3.4s step-end both app-status-new}.application-preview[data-started] .application-preview-status-1{animation:3.4s step-end both app-status-working}.application-preview[data-started] .application-preview-status-2{animation:3.4s step-end both app-status-done}.application-preview[data-started] .application-preview-receipt{animation:app-receipt .55s var(--ease-out) 2.9s both}}@keyframes app-step{0%{border-color:var(--rule);color:var(--graphite)}45%{border-color:var(--carmine);color:var(--carmine);box-shadow:0 0 0 4px color-mix(in srgb, var(--carmine) 8%, transparent)}to{border-color:var(--rule);color:var(--ink)}}@keyframes app-check{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes app-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes app-status-new{0%{visibility:visible}32%,to{visibility:hidden}}@keyframes app-status-working{0%{visibility:hidden}32%{visibility:visible}85%,to{visibility:hidden}}@keyframes app-status-done{0%{visibility:hidden}85%,to{visibility:visible}}@keyframes app-receipt{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.application-case-study{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 1.75rem;display:grid}.application-case-study>h2{grid-column:1/-1}.application-case-study>p,.application-case-study>ul{grid-column:1}.application-case-project{grid-area:2/2/span 2;align-self:start}.application-case-project .record-work-card{margin-top:.75rem}.application-case-project .record-work-copy{padding:1rem}.application-case-project .record-work-description{display:none}.application-case-project .record-work-copy h3{overflow-wrap:anywhere;font-size:1rem}.application-case-project a{border-bottom:0}@media (max-width:1100px) and (min-width:901px){.legacy-page-custom-applications .legacy-hero-grid{gap:2rem}.application-preview-rail{display:none}.application-preview-main{padding:20px}}@media (max-width:900px){.legacy-page-custom-applications .legacy-hero-grid{grid-template-columns:minmax(0,1fr)}.application-preview{justify-self:center}.legacy-page-custom-applications .editorial-low-hero-copy{max-width:42rem}}@media (max-width:600px){.application-case-study{display:block}.application-case-project{margin:1.25rem 0}.application-preview-rail{display:none}.application-preview-main{padding:20px 16px}.application-preview-timeline strong,.application-preview-timeline p,.application-preview-caption,.application-preview-caption button{font-size:12px}.application-preview-platforms{justify-content:space-between;gap:8px}}@media (prefers-reduced-motion:reduce){.application-preview-caption button{display:none}}