.use-case-shell{width:min(1200px,100% - 48px);margin-inline:auto}.use-case-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:64px 96px;display:grid}.use-case-hero-copy{min-width:0}.use-case-breadcrumb{color:var(--color-muted);font:500 .8125rem/1.5 var(--font-sans);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.use-case-breadcrumb a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.use-case-breadcrumb>span{padding-left:4px}.use-case-hero h1{font:500 var(--text-h1)/var(--text-h1--line-height) var(--font-serif);letter-spacing:-.025em;color:var(--color-ink);text-wrap:balance;margin:0}.use-case-hero-lead{max-width:48ch;font:400 var(--text-lead)/1.65 var(--font-sans);color:var(--color-ink-soft);margin-top:24px}.use-case-hero-action{max-width:520px;margin-top:32px}.use-case-artwork{border-radius:var(--radius-panel);min-width:0;padding:12px;transition:transform .25s ease-out;position:relative;transform:rotate(2deg)}.use-case-artwork:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:var(--radius-panel);position:absolute;inset:24px -16px -16px 24px;transform:rotate(-5deg)}.use-case-artwork-image{border-radius:var(--radius-card);aspect-ratio:5/4;background:var(--color-cream-warm);position:relative;overflow:hidden}.use-case-artwork-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s ease-out}.use-case-artwork figcaption{color:var(--color-muted);font:400 .8125rem/1.5 var(--font-sans);flex-direction:column;gap:4px;padding:20px 12px 12px;display:flex}.use-case-artwork figcaption span:first-child{color:var(--color-ink);font-weight:600}.use-case-jump-links{border-block:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);flex-wrap:wrap;column-gap:32px;padding-block:12px;display:flex}.use-case-jump-links a{min-height:44px;color:var(--color-ink-soft);font:500 .8125rem/1.5 var(--font-sans);align-items:center;gap:16px;text-decoration:none;display:inline-flex;position:relative}.use-case-jump-links a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s ease-out;position:absolute;inset:auto 0 4px;transform:scaleX(0)}.use-case-jump-links a:is(:hover,:focus-visible):after{transform:scaleX(1)}.use-case-jump-links a>span,.use-case-link-arrow{transition:transform .25s ease-out;display:inline-block}.use-case-section{padding-block:96px 0;scroll-margin-top:96px}.use-case-section-heading{max-width:640px;font:500 var(--text-h2)/var(--text-h2--line-height) var(--font-serif);color:var(--color-ink);text-wrap:balance;margin-bottom:40px}.use-case-angles{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:64px;display:grid}.use-case-angles-list{gap:32px;display:grid}.use-case-angle{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);grid-template-columns:40px minmax(0,1fr);gap:24px;padding-bottom:32px;display:grid}.use-case-angle-number{font:italic 500 var(--text-h3)/1.25 var(--font-serif);color:var(--color-muted);padding-top:4px;transition:transform .25s ease-out}.use-case-guide{border-radius:var(--radius-panel);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);text-decoration:none;transition:transform .2s ease-out;display:grid;overflow:hidden}.use-case-guide:hover{transform:translateY(-2px)}.use-case-guide-image{object-fit:cover;width:100%;height:100%;min-height:320px;transition:transform .25s ease-out}.use-case-guide-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:48px;display:flex}.use-case-feed{background:color-mix(in srgb, var(--color-cream-warm) 65%, transparent);border-block:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);margin-top:96px;padding-block:64px;scroll-margin-top:96px}.use-case-feed-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.use-case-feed-heading h2{margin:0}.use-case-feed-heading p{max-width:360px;font:400 .8125rem/1.6 var(--font-sans);color:var(--color-muted)}.use-case-closing{text-align:center;padding-block:96px}.use-case-closing-panel{border-radius:var(--radius-panel);max-width:1040px;margin-inline:auto;padding:64px 40px;position:relative}.use-case-closing-star{width:40px;height:40px;margin:0 auto 24px}.use-case-software .use-case-software-flow{border-radius:var(--radius-panel);padding:40px;transition:transform .25s ease-out}.use-case-software .use-case-hero h1{margin-top:24px}.use-case-posts{max-width:1040px}.use-case-featured-story>a{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.use-case-featured-story>a>div:last-child{gap:16px;padding:40px}.use-case-featured-story h3{font-size:var(--text-h2);line-height:1.12}.use-case-software-flow ol{margin-top:32px}.use-case-software-flow li{border-top:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);font:500 .875rem/1.6 var(--font-sans);gap:24px;padding-block:24px;display:flex}.use-case-software-flow li>span:first-child{font:italic 500 var(--text-h3)/1.25 var(--font-serif);color:var(--color-muted);transition:transform .25s ease-out}.use-case-software-card{transition:transform .25s ease-out}@keyframes use-case-arrive{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){.use-case-hero-copy>:is(p,h1),.use-case-index-hero-copy>:is(p,h1,ul),.use-case-artwork,.use-case-software-flow{animation:.8s cubic-bezier(.22,1,.36,1) backwards use-case-arrive}.use-case-hero-copy>h1,.use-case-index-hero-copy>h1{animation-delay:80ms}.use-case-hero-copy>.use-case-hero-lead,.use-case-index-hero-copy>h1+p{animation-delay:.16s}.use-case-index-hero-copy>ul{animation-delay:.24s}.use-case-artwork,.use-case-software-flow{animation-delay:.12s}.use-case-breadcrumb:focus-within{animation:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.use-case-artwork:hover{transform:translateY(-4px)rotate(.5deg)}.use-case-artwork:hover img,.use-case-guide:hover .use-case-guide-image{transform:scale(1.025)}.use-case-jump-links a:hover>span{transform:translateY(2px)}.use-case-angle:hover .use-case-angle-number,.use-case-software-flow li:hover>span:first-child{transform:translate(4px)}.use-case-guide:hover .use-case-link-arrow,.use-case-index-card:hover .use-case-link-arrow{transform:translate(2px,-2px)}.use-case-software-flow:hover,.use-case-software-card:hover{transform:translateY(-2px)}}@media (max-width:900px){.use-case-hero{gap:32px}.use-case-angles{grid-template-columns:1fr;gap:0}.use-case-guide-copy{padding:32px}}@media (max-width:640px){.use-case-featured-story>a{grid-template-columns:1fr}.use-case-featured-story>a>div:last-child{padding:28px}.use-case-hero{grid-template-columns:1fr;gap:48px;padding-block:32px 64px}.use-case-artwork{transform:none}.use-case-artwork:before{display:none}.use-case-section{padding-top:64px}.use-case-section-heading{margin-bottom:32px}.use-case-guide{grid-template-columns:1fr}.use-case-guide-image{aspect-ratio:16/10;min-height:0}.use-case-guide-copy{padding:28px}.use-case-feed{margin-top:64px}.use-case-feed-heading{flex-direction:column;align-items:start;gap:16px}.use-case-jump-links{column-gap:24px}.use-case-closing{padding-block:64px}.use-case-closing-panel{padding:40px 20px}.use-case-software .use-case-software-flow{padding:28px}}@media (max-width:379px){.use-case-shell{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){:is(.use-case-guide,.use-case-artwork,.use-case-artwork img,.use-case-guide-image,.use-case-software-flow,.use-case-software-flow li>span,.use-case-software-card,.use-case-angle-number,.use-case-link-arrow,.use-case-jump-links a>span),.use-case-jump-links a:after{transition:none}.use-case-artwork,.use-case-guide:hover{transform:none}}