.qx-case-hero{min-height:calc(100vh - 80px);padding:calc(80px + 56px) var(--qx-margin) 96px;display:flex;flex-direction:column}.qx-case-kicker{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--qx-gutter);column-gap:var(--qx-gutter)}.qx-case-kicker .qx-mono-s{grid-column:1/span 12;color:var(--qx-ink)}.qx-case-kicker-rule{grid-column:1/span 12;margin-top:32px;height:1px;background:var(--qx-rule)}.qx-case-hero-grid{margin-top:48px;flex:1 1;display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--qx-gutter);column-gap:var(--qx-gutter);align-items:center}.qx-case-hero-left{grid-column:1/span 7;display:flex;flex-direction:column;align-items:flex-start}.qx-case-metadata{color:var(--qx-ink)}.qx-case-name{font-family:Fraunces,Georgia,serif;font-weight:300;font-size:110px;font-variation-settings:"opsz" 144,"wght" 300,"SOFT" 100;line-height:1.02;letter-spacing:-.02em}.qx-case-name,.qx-case-subline{margin-top:32px;color:var(--qx-ink)}.qx-case-subline{opacity:.8;max-width:50ch;text-wrap:pretty}.qx-case-meta-strip{margin-top:24px;color:var(--qx-ink);max-width:70ch;text-wrap:pretty;line-height:1.6}.qx-case-hero-right{grid-column:8/span 5;justify-self:end;align-self:center;width:100%;max-width:480px;aspect-ratio:1/1}.qx-case-hero-right .qx-illus,.qx-case-hero-right .qx-illus svg{width:100%;height:100%}.qx-case-section{padding:96px var(--qx-margin);display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--qx-gutter);column-gap:var(--qx-gutter)}.qx-case-section--bg{background:var(--qx-bg)}.qx-case-section--paper{background:var(--qx-paper)}.qx-case-section--navy{background:var(--qx-navy);color:var(--qx-cream);padding-top:96px;padding-bottom:80px}.qx-case-section-kicker{grid-column:1/span 12;display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--qx-gutter);column-gap:var(--qx-gutter);margin-bottom:96px}.qx-case-section-kicker .qx-mono-s{grid-column:1/span 12;text-align:center;color:var(--qx-ink)}.qx-case-section-kicker.is-cream .qx-mono-s{color:var(--qx-cream)}.qx-case-section-kicker-rule{grid-column:1/span 12;margin-top:32px;height:1px;background:var(--qx-rule)}.qx-case-section-kicker.is-cream .qx-case-section-kicker-rule{background:hsla(40,43%,93%,.3)}.qx-case-section--navy .qx-case-section-kicker{margin-bottom:64px}.qx-case-prose{grid-column:1/span 8;display:flex;flex-direction:column;gap:28px;max-width:65ch}.qx-case-prose--wide{grid-column:1/span 10;max-width:75ch}.qx-case-section--with-fig .qx-case-prose{grid-column:1/span 7;max-width:58ch}.qx-case-fig{grid-column:8/span 5;align-self:start;display:flex;justify-content:flex-end;margin-top:8px}.qx-case-fig .qx-illus,.qx-case-fig .qx-illus svg{width:100%;height:auto;display:block}.qx-case-prose p{margin:0;color:var(--qx-ink);text-wrap:pretty}.qx-case-prose p strong{font-weight:500;color:var(--qx-ink)}.qx-case-prose p code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.86em;padding:2px 6px;background:rgba(26,26,26,.06);border-radius:2px;letter-spacing:.02em}.qx-case-prose a.qx-link{color:var(--qx-ink);border-bottom:1px solid var(--qx-ink);text-decoration:none;transition:border-color .18s ease-out}.qx-case-prose a.qx-link:focus-visible,.qx-case-prose a.qx-link:hover{border-bottom-color:var(--qx-vermilion)}@media (prefers-reduced-motion:reduce){.qx-case-prose a.qx-link{transition:none}}.qx-case-mono-block{margin:8px 0 0;padding:20px 24px;background:var(--qx-bg);border:1px solid var(--qx-rule);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.7;letter-spacing:.04em;color:var(--qx-ink);white-space:pre;overflow-x:auto;text-transform:uppercase}.qx-case-related{grid-column:2/span 10;max-width:720px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}.qx-case-related-row{display:grid;grid-template-columns:160px 1fr;grid-column-gap:40px;column-gap:40px;align-items:baseline}.qx-case-related-row--cont{margin-top:-10px}.qx-case-related-label{color:var(--qx-cream);opacity:.6;text-align:right}.qx-case-related-link{color:var(--qx-cream);border-bottom:1px solid var(--qx-cream);text-decoration:none;transition:border-color .18s ease-out}.qx-case-related-link:focus-visible,.qx-case-related-link:hover{border-bottom-color:var(--qx-vermilion)}@media (prefers-reduced-motion:reduce){.qx-case-related-link{transition:none}}.qx-case-cta-rule{height:1px;background:hsla(40,43%,93%,.3);margin-top:12px}.qx-case-cta{display:grid;grid-template-columns:160px 1fr;grid-column-gap:40px;column-gap:40px;align-items:baseline;margin-top:4px}.qx-case-cta .qx-link{color:var(--qx-cream);border-bottom:1px solid var(--qx-cream);text-decoration:none;transition:border-color .18s ease-out}.qx-case-cta .qx-link:focus-visible,.qx-case-cta .qx-link:hover{border-bottom-color:var(--qx-vermilion)}.qx-case-cta .arrow{display:inline-block;transition:transform .24s ease-out}.qx-case-cta .qx-link:focus-visible .arrow,.qx-case-cta .qx-link:hover .arrow{transform:translateX(4px)}@media (prefers-reduced-motion:reduce){.qx-case-cta .arrow,.qx-case-cta .qx-link{transition:none}}@media (max-width:1024px){.qx-case-hero-grid{grid-template-columns:repeat(8,1fr)}.qx-case-hero-left{grid-column:1/span 8;grid-row:1}.qx-case-hero-right{grid-column:1/span 8;grid-row:2;justify-self:start;margin-top:48px;max-width:420px}.qx-case-name{font-size:80px}.qx-case-section{padding:80px var(--qx-margin)}.qx-case-section--navy{padding-top:80px;padding-bottom:64px}.qx-case-prose,.qx-case-prose--wide,.qx-case-section--with-fig .qx-case-prose{grid-column:1/span 8;max-width:65ch}.qx-case-fig{display:none}.qx-case-related{grid-column:1/-1;max-width:640px}.qx-case-cta,.qx-case-related-row{grid-template-columns:140px 1fr;column-gap:32px}}@media (max-width:640px){.qx-case-hero{padding-top:calc(64px + 40px);padding-bottom:64px;min-height:calc(100vh - 64px)}.qx-case-kicker-rule{margin-top:24px}.qx-case-hero-grid{grid-template-columns:repeat(4,1fr);margin-top:40px}.qx-case-hero-left,.qx-case-hero-right{grid-column:1/span 4}.qx-case-hero-right{max-width:320px;margin-top:32px}.qx-case-name{font-size:56px}.qx-case-subline{font-size:17px;max-width:none}.qx-case-section{padding:64px var(--qx-margin)}.qx-case-section--navy{padding-top:64px;padding-bottom:56px}.qx-case-section-kicker{margin-bottom:64px}.qx-case-prose,.qx-case-prose--wide{grid-column:1/span 4;max-width:none}.qx-case-mono-block{padding:16px 18px;font-size:11px}.qx-case-related{grid-column:1/-1;max-width:none}.qx-case-related-row{grid-template-columns:1fr;gap:4px}.qx-case-cta{grid-template-columns:1fr;column-gap:0}.qx-case-related-row--cont{margin-top:0}.qx-case-related-label{text-align:left;opacity:.55}}.qx-cases-page{padding:0 var(--qx-margin);padding-bottom:120px}.qx-cases-kicker{padding-top:calc(80px + 80px);display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--qx-gutter);column-gap:var(--qx-gutter)}.qx-cases-kicker .qx-mono-s{grid-column:1/span 12;color:var(--qx-ink)}.qx-cases-kicker-rule{grid-column:1/span 12;margin-top:32px;height:1px;background:var(--qx-rule)}.qx-cases-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:32px;column-gap:32px;grid-row-gap:64px;row-gap:64px}.qx-case-card{display:flex;flex-direction:column;text-decoration:none;color:var(--qx-ink);cursor:pointer;border-bottom:1px solid var(--qx-rule);padding-top:16px;padding-bottom:20px;transition:border-color .22s ease-out}.qx-case-card:focus-visible,.qx-case-card:hover{border-bottom-color:rgba(26,26,26,.6)}@media (prefers-reduced-motion:reduce){.qx-case-card,.qx-case-card .qx-case-figure,.qx-case-card .qx-case-name{transition:none}}.qx-case-figure{aspect-ratio:1/1;width:70%;align-self:center;display:block;margin-bottom:16px;opacity:.9;transition:opacity .22s ease-out}.qx-case-figure svg{display:block;width:100%;height:100%}.qx-case-card:focus-visible .qx-case-figure,.qx-case-card:hover .qx-case-figure{opacity:1}@media (prefers-reduced-motion:no-preference){.qx-case-card .qx-case-figure.is-redrawing svg ellipse:not([stroke-dasharray]),.qx-case-card .qx-case-figure.is-redrawing svg line:not([stroke-dasharray]),.qx-case-card .qx-case-figure.is-redrawing svg path:not([stroke-dasharray]){animation:qxCardRedraw .7s cubic-bezier(.22,.61,.36,1)}@keyframes qxCardRedraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}}.qx-case-card .qx-case-name{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.01em;font-variation-settings:"opsz" 48,"wght" 300,"SOFT" 80;transition:font-variation-settings .22s ease-out}.qx-case-card:focus-visible .qx-case-name,.qx-case-card:hover .qx-case-name{font-variation-settings:"opsz" 48,"wght" 400,"SOFT" 80}.qx-case-meta{margin-top:4px;color:var(--qx-ink)}.qx-case-microcopy{margin-top:8px;color:var(--qx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.qx-cases-grid{grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:56px}}@media (max-width:640px){.qx-cases-kicker{padding-top:calc(64px + 48px)}.qx-cases-grid{grid-template-columns:1fr;row-gap:48px}.qx-case-microcopy{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}