#app:has(>#case){background:var(--color-paper)}#case>.intro{display:grid;grid-template-columns:minmax(0,1fr) 352px;align-items:center;gap:64px}#case>.intro>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:24px}#case>.intro h1{font-size:48px;line-height:1.05;letter-spacing:-1.5px}#case>.intro>div>p{font-size:18px;line-height:1.75}#case .receipt{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:16px;padding:32px;font-family:var(--font-mono);background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-hard);rotate:2deg}#case .receipt>h2{font-family:var(--font-mono);font-size:16px;letter-spacing:2px;text-align:center;text-transform:uppercase;padding-bottom:16px;border-bottom:2px dashed var(--color-ink)}#case .receipt>ol{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:12px;counter-reset:line}#case .receipt>ol>li{color:var(--color-ink);font-size:14px;line-height:1.4;display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;gap:8px;counter-increment:line}#case .receipt>ol>li:before{content:counter(line,decimal-leading-zero);color:var(--color-accent);font-weight:700}#case .receipt>p{color:var(--color-ink);font-size:16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px;padding-top:16px;border-top:2px dashed var(--color-ink)}#case .receipt>p>span{text-transform:uppercase}#case .receipt>p>strong{color:var(--color-cash);font-size:18px}#case .receipt>small{color:var(--color-text-muted);font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:1px}#case .receipt>small:before{content:"";display:block;height:32px;margin-bottom:8px;background-image:repeating-linear-gradient(90deg,var(--color-ink) 0 2px,transparent 2px 4px,var(--color-ink) 4px 5px,transparent 5px 9px,var(--color-ink) 9px 12px,transparent 12px 14px)}#case>.route{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:48px}#case>.route>h2{font-size:32px;line-height:1.1;letter-spacing:-1px}#case>.route>ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;counter-reset:step}#case>.route>ol>li{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:12px;padding:32px 24px 24px;background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:var(--shadow-hard);counter-increment:step;transition:rotate var(--ease),translate var(--ease)}#case>.route>ol>li:nth-child(odd){rotate:-1deg}#case>.route>ol>li:nth-child(2n){rotate:1deg}#case>.route>ol>li:hover{rotate:0deg;translate:0 -4px}#case>.route>ol>li:before{content:counter(step);width:40px;height:40px;color:var(--color-on-accent);font-family:var(--font-display);font-size:20px;font-weight:800;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;margin-top:-52px;background:var(--color-accent);border:2px solid var(--color-ink);border-radius:64px;box-shadow:2px 2px 0 var(--color-ink)}#case>.route>ol>li:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:32px;height:0;border-top:3px dashed var(--color-ink)}#case>.route>ol>li>h3{font-size:20px;line-height:1.2}#case>.contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}#case>.contrast>article{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:20px;padding:32px;background:#fff;border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:var(--shadow-hard)}#case>.contrast>article:last-child{background:var(--color-accent-soft);box-shadow:var(--shadow-hard-accent)}#case>.contrast>article>h2{font-size:24px;line-height:1.1;letter-spacing:-.5px}#case>.contrast>article>ul{gap:16px}#case>.contrast>article>ul>li{color:var(--color-ink);line-height:1.6;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:12px}#case>.contrast>article>ul>li>svg{flex-shrink:0;margin-top:4px;stroke-width:3}#case>.contrast>article:first-child>ul>li>svg{color:var(--color-danger)}#case>.contrast>article:last-child>ul>li>svg{color:var(--color-cash)}#case>.notes{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px 64px}#case>.notes>section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:16px;padding-left:24px;border-left:4px solid var(--color-accent)}#case>.notes>section>h2{font-size:24px;line-height:1.2;letter-spacing:-.5px}#case>.notes ul{padding-left:20px;list-style:disc}#case>.notes li{display:list-item}@media(prefers-reduced-motion:no-preference){#case>.intro>div{animation:lift .5s ease backwards}#case .receipt{animation:lift .6s .12s ease backwards}#case>.route>ol>li{animation:lift .5s ease backwards}#case>.route>ol>li:nth-child(2){animation-delay:.1s}#case>.route>ol>li:nth-child(3){animation-delay:.2s}#case>.route>ol>li:nth-child(4){animation-delay:.3s}}@media(max-width:1023px){#case>.intro{grid-template-columns:1fr;gap:48px}#case .receipt{max-width:352px;justify-self:center}#case>.route>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}#case>.route>ol>li:not(:last-child):after{display:none}#case>.contrast,#case>.notes{grid-template-columns:1fr}}@media(max-width:767px){#case>.intro h1{font-size:32px}#case>.route>ol{grid-template-columns:1fr}}